/* © 2026 Гореньков М. С. · КарЧоо. */
.account-notifications-button{position:relative;min-width:40px;padding:8px!important;font-size:21px!important;flex:none}
.account-notifications-count{position:absolute;right:-5px;top:-6px;padding:2px 5px;border-radius:12px;background:#087f73;color:#fff;font:700 11px/1.3 Arial,sans-serif}
.account-notifications-dialog{box-sizing:border-box;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:22px;border:1px solid #bdd8d2;border-radius:16px;background:#fff;color:#173d39;box-shadow:0 16px 60px #0003;font:15px/1.5 Arial,sans-serif;overflow:auto}
.account-notifications-dialog::backdrop{background:#143b3533}
.account-notifications-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.account-notifications-dialog h2{font-size:21px;line-height:1.25;margin:0 0 14px}
.account-notifications-dialog button{cursor:pointer;border:1px solid #c4d9d4;border-radius:8px;background:#f3f8f6;color:inherit;padding:9px 12px;font:inherit}
.account-notifications-dialog button:disabled{cursor:default;opacity:.6}
.account-notifications-dialog [data-close]{font-size:24px;line-height:1;padding:5px 10px;margin-bottom:14px}
.account-notifications-dialog .account-notifications-item{display:block;text-align:left;width:100%;margin:8px 0;overflow-wrap:anywhere}
.account-notifications-item strong,.account-notifications-item small{display:block}
.account-notifications-item.is-new{border-left:4px solid #087f73;background:#eaf7f2}
.account-notifications-status,.account-invoice-status{font-size:13px;color:#526c67;overflow-wrap:anywhere}
.account-invoice-dialog [data-ack]{background:#087f73;color:white;border-color:#087f73;width:100%}
.account-invoice-admin label{display:block;margin:12px 0}
.account-invoice-admin input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;padding:9px;border:1px solid #bdd8d2;border-radius:6px;font:inherit}
.account-invoice-admin input[type=checkbox]{width:auto}
.account-invoice-admin .invoice-admin-item{border-top:1px solid #d8e6e2;margin-top:12px;padding-top:12px;overflow-wrap:anywhere}
.account-invoice-admin .invoice-admin-item button{margin:5px 5px 0 0}
.account-invoice-admin-email{overflow-wrap:anywhere}
@media(max-width:480px){.account-notifications-dialog{padding:16px}.account-notifications-dialog h2{font-size:19px}}

#accountNotificationsList{margin:0;left:auto;right:16px;top:82px;max-height:calc(100dvh - 98px)}
@media(max-width:480px){#accountNotificationsList{right:12px;top:12px;max-height:calc(100dvh - 24px)}}

/* Спокойный акцент у уведомления о счёте; иконка декоративная. */
.account-invoice-dialog::before{
  content:"";display:block;width:52px;height:52px;margin-bottom:18px;
  border:1px solid #cce7df;border-radius:15px;
  background:#e8f5ef url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087f73%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%204H9a3%203%200%200%200-3%203v18a3%203%200%200%200%203%203h14a3%203%200%200%200%203-3V11Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M19%204v5a2%202%200%200%200%202%202h5%22%2F%3E%3Cpath%20d%3D%22M13%2023V14h3a3%203%200%200%201%200%206h-5m0%203h6%22%2F%3E%3C%2Fsvg%3E") center/32px 32px no-repeat;
}

/* Новые события приходят отдельными блоками, без колокольчика и модального окна. */
#accountNotificationCards{
  position:fixed;inset:82px 16px auto auto;margin:0;padding:4px;
  width:368px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 98px);
  box-sizing:border-box;overflow:auto;border:0;background:transparent;
  color:#173d39;font:14px/1.45 Arial,sans-serif;z-index:2147483646;
  scrollbar-width:thin;overscroll-behavior:contain;
}
#accountNotificationCards:empty{display:none}
.account-notification-card{
  display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:10px;
  padding:16px;margin:0 0 10px;border:1px solid #c7ded8;border-radius:14px;
  background:#fff;box-shadow:0 4px 16px #173d391a;text-align:left;
}
.account-notification-card:last-child{margin-bottom:0}
.account-notification-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6f4ef;color:#087f73;font-size:21px;font-weight:600}
.account-notification-content{min-width:0;overflow-wrap:anywhere}
.account-notification-content strong{display:block;font-size:15px;line-height:1.35;margin:0 0 5px}
.account-notification-content p{margin:0;color:#60736e;font-size:13px;line-height:1.5}
.account-notification-card button{cursor:pointer;font:inherit}
.account-notification-close{align-self:start;border:0;border-radius:6px;background:transparent;color:#617770;padding:0;width:26px;height:26px;font-size:24px!important;line-height:1!important}
.account-notification-close:hover{background:#edf5f2;color:#173d39}
.account-notification-action{display:block;margin-top:10px;border:1px solid #bcded5;border-radius:8px;padding:7px 10px;background:#edf7f3;color:#087568;font-size:13px!important;text-align:left}
.account-notification-card button:focus-visible{outline:2px solid #078378;outline-offset:2px}
.account-notification-card button:disabled{opacity:.55;cursor:wait}
.account-notification-content .account-notification-error{margin-top:8px;color:#a33737}
@media(max-width:480px){#accountNotificationCards{top:58px;right:8px;width:359px;max-height:calc(100dvh - 70px)}.account-notification-card{padding:13px;gap:8px}}
@media print{#accountNotificationCards{display:none!important}}