.support-notifications,.support-toast{--nt-bg:#fff;--nt-surface:#faf7fc;--nt-text:#262139;--nt-muted:#7b6d88;--nt-line:#eadff1;--nt-accent:#a126b4;--nt-soft:#f7eafa;color:var(--nt-text);font-family:inherit}.support-notifications-staff{--nt-text:#21354e;--nt-muted:#72849b;--nt-line:#e0e7f1;--nt-accent:#3568d7;--nt-soft:#edf3ff;--nt-surface:#f5f8fd}.dark :is(.support-notifications-staff,.support-toast.support-notifications-staff){--nt-bg:#1a2940;--nt-surface:#142238;--nt-text:#e7effa;--nt-muted:#a7b8d0;--nt-line:#334862;--nt-accent:#8fb8ff;--nt-soft:#233e64}.support-notifications{position:relative;flex-shrink:0;line-height:1.6}.support-notifications *,.support-toast *{box-sizing:border-box}.support-bell{position:relative;width:40px;height:40px;border-radius:11px;border:1px solid var(--nt-line);background:var(--nt-bg);color:var(--nt-muted);display:grid;place-items:center;cursor:pointer;padding:0}.support-bell svg{width:21px;height:21px}.support-bell:hover,.support-bell[aria-expanded=true]{color:var(--nt-accent);background:var(--nt-soft)}.support-bell-count{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;min-width:19px;height:19px;border-radius:20px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--nt-bg);background:#df3487;color:#fff;font-size:9px;font-weight:750;line-height:1;pointer-events:none}.support-notification-panel{position:absolute;inset-inline-end:0;top:calc(100% + 14px);width:390px;max-height:min(620px,85svh);display:flex;flex-direction:column;background:var(--nt-bg);border:1px solid var(--nt-line);border-radius:17px;box-shadow:0 15px 65px #0d1d3030;z-index:110;text-align:start;overflow:hidden}.support-notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px;border-bottom:1px solid var(--nt-line)}.support-notification-panel h2{font-size:14px;font-weight:750;color:var(--nt-text);margin:0 0 5px}.support-notification-panel>header button{font:inherit;font-size:10px;line-height:1.7;font-weight:650;border:0;color:var(--nt-accent);background:var(--nt-soft);border-radius:7px;padding:6px 8px;cursor:pointer;max-width:115px}.support-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--nt-muted)}.support-live-indicator:before{content:'';width:5px;height:5px;border-radius:50%;background:#34a37d}.support-live-indicator.is-offline:before{background:#d8a044}.support-notification-items{overflow-y:auto;overscroll-behavior:contain;min-height:100px}.support-notification-item{display:flex;align-items:start;gap:11px;padding:16px 18px;border-bottom:1px solid var(--nt-line);text-decoration:none;color:var(--nt-text);background:var(--nt-bg)}.support-notification-item:last-child{border-bottom:0}.support-notification-item.is-unread{background:var(--nt-surface)}.support-notification-item:hover{background:var(--nt-soft)}.support-notification-item>div{min-width:0;flex:1}.support-notification-item b{font-size:12px;line-height:1.8;font-weight:650;display:block;color:var(--nt-text)}.support-notification-item p{font-size:12px;line-height:1.7;color:var(--nt-muted);margin:5px 0 6px;overflow-wrap:anywhere}.support-notification-item small{font-size:9px;line-height:1.7;color:var(--nt-muted);display:block;overflow-wrap:anywhere}.support-notification-dot{width:6px;height:6px;border-radius:50%;margin-top:7px;background:var(--nt-line);flex-shrink:0}.is-unread>.support-notification-dot{background:var(--nt-accent)}.support-notification-item>.ticket-priority{margin-top:3px;font-size:9px;padding:3px 6px;gap:4px}.support-notification-empty{text-align:center;padding:35px 22px;color:var(--nt-muted)}.support-notification-empty b{font-size:13px;color:var(--nt-text)}.support-notification-empty p{font-size:11px;margin:8px 0 0;line-height:1.8}.support-notification-sound{padding:14px 18px;border-top:1px solid var(--nt-line);background:var(--nt-surface)}.support-notification-sound button{display:flex;align-items:center;gap:9px;color:var(--nt-muted);font:inherit;font-size:11px;border:0;background:transparent;padding:0;cursor:pointer}.support-notification-sound button svg{width:18px;height:18px}.support-notification-sound button[aria-pressed=true]{color:var(--nt-accent)}.support-notification-sound small{display:block;margin-top:6px;font-size:9px;color:var(--nt-muted);padding-inline-start:27px}.support-notification-panel footer{border-top:1px solid var(--nt-line);padding:14px 20px}.support-notification-panel footer a{display:flex;justify-content:space-between;color:var(--nt-accent);text-decoration:none;font-size:11px;font-weight:650}.support-bell:focus-visible,.support-notification-panel :is(button,a):focus-visible,.support-toast :is(button,a):focus-visible{outline:2px solid var(--nt-accent);outline-offset:3px}.support-toast{position:fixed;inset-block-start:84px;inset-inline-end:24px;z-index:120;display:flex;align-items:start;gap:13px;width:380px;max-width:calc(100vw - 32px);background:var(--nt-bg);border:1px solid var(--nt-line);border-inline-start:3px solid var(--nt-accent);border-radius:14px;padding:18px;box-shadow:0 12px 50px #07152222;text-align:start}.support-toast-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;color:var(--nt-accent);background:var(--nt-soft);flex-shrink:0}.support-toast a{min-width:0;flex:1;color:var(--nt-text);text-decoration:none}.support-toast b{display:block;font-size:12px;font-weight:700;line-height:1.7}.support-toast a>span{display:block;margin-top:5px;color:var(--nt-muted);font-size:11px;overflow-wrap:anywhere;line-height:1.8}.support-toast button{color:var(--nt-muted);font-size:20px;border:0;background:transparent;cursor:pointer;padding:0 3px;line-height:1}.ticket-priority{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #bce4cc;border-radius:7px;background:#edf9f1;color:#218052;font-size:11px;line-height:1.5;font-weight:700;white-space:nowrap;flex-shrink:0}.ticket-priority i{width:5px;height:5px;border-radius:50%;background:currentColor}.ticket-priority-high{background:#fff5df;color:#9d650c;border-color:#ecd099}.ticket-priority-urgent{background:#fff0ef;color:#c5393b;border-color:#efc1bf}.dark .ticket-priority-normal{background:#173d31;color:#9ddfc0;border-color:#315f4c}.dark .ticket-priority-high{background:#46361b;color:#f1cc88;border-color:#786032}.dark .ticket-priority-urgent{background:#45272c;color:#ffaaa9;border-color:#74434b}.ticket-heading-badges{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:end;flex-shrink:0}.ticket-live-note{margin:0 0 20px;padding:11px 15px;border-radius:9px;border:1px solid var(--tk-line);background:var(--tk-accent-soft);color:var(--tk-accent);font-size:12px;line-height:1.8}.support-bell-count[hidden],.support-notification-panel[hidden],.support-toast[hidden],.ticket-live-note[hidden],[data-ticket-reopens-hint][hidden]{display:none!important}@media(max-width:640px){.support-notification-panel{position:fixed;inset-inline:14px;top:72px;width:auto;max-height:calc(100svh - 92px)}.support-notification-item{padding:14px;gap:8px}.support-notification-panel>header{padding:16px}.support-toast{inset-inline-end:16px;top:84px;width:358px}.support-bell{width:34px;height:34px;border-radius:9px}.support-bell svg{width:18px;height:18px}.ticket-heading-badges{justify-content:start}.client-top-actions{gap:10px!important}.client-breadcrumb{max-width:110px}.client-top-actions .profile-chip b{display:none!important}.support-notification-panel h2{font-size:13px}}@media(prefers-reduced-motion:reduce){.support-toast{animation:none}}
