.office-alerts { position:fixed; right:22px; bottom:22px; z-index:220; color:#173f35; }
.office-alerts [hidden] { display:none !important; }
.office-alerts button { font:inherit; font-size:.875rem; cursor:pointer; min-height:40px; border:1px solid #abc4b8; border-radius:8px; padding:8px 12px; background:#fff; color:#173f35; }
.office-alerts button:disabled { opacity:.6; cursor:wait; }
.office-alerts button:focus-visible { outline:3px solid #247fad; outline-offset:3px; }
.office-alerts .office-alert-trigger { background:#174e3b; color:white; border-radius:24px; box-shadow:0 4px 18px #153e3325; }
#office-alert-count { display:inline-block; min-width:24px; margin-left:7px; padding:2px 5px; border-radius:12px; background:#fff; color:#173f35; }
#office-alert-panel { position:absolute; right:0; bottom:56px; width:min(430px,calc(100vw - 32px)); max-height:calc(100dvh - 100px); overflow:auto; box-sizing:border-box; background:white; border:1px solid #b8cfc3; box-shadow:0 12px 40px #173f3533; border-radius:12px; padding:16px; }
#office-alert-panel header,#office-alert-panel footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#office-alert-panel header strong { font-size:1rem; }
#office-alert-panel p,#office-alert-panel footer { font-size:.875rem; line-height:1.5; }
#office-alert-list { max-height:48dvh; overflow:auto; }
#office-alert-list article { padding:14px 0; border-top:1px solid #d5e2da; overflow-wrap:anywhere; font-size:.875rem; }
#office-alert-list article > div { margin-top:6px; }
.office-alert-actions { display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:820px) { .office-alerts { right:16px; bottom:16px; } body:has(#ticket-detail-modal.open) .office-alert-trigger { display:none; } #office-alert-panel { bottom:52px; } }