.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#admin-order-notices{position:relative;font-size:14px;color:#173958}
#admin-order-notices[hidden],#admin-order-notices [hidden]{display:none!important}
#admin-order-notices button,#notice-popups button,.notice-order-dialog button{font:inherit;cursor:pointer;border:1px solid #d7e2ee;background:#fff;color:#173958;border-radius:7px;padding:7px 12px;line-height:1.4;white-space:nowrap;width:auto;min-height:32px}
.notice-trigger{display:flex;align-items:center;gap:8px}.notice-count{font-size:12px;padding:1px 6px;color:#fff;background:#c44330;border-radius:12px}
.notice-audio-label{font-size:11px;color:#92723f;font-weight:400}
.notice-dot{width:7px;height:7px;border-radius:50%;background:#bc8a32}.notice-dot[data-status=live]{background:#118473}.notice-dot[data-status=denied],.notice-dot[data-status=offline],.notice-dot[data-status=storage-error]{background:#c44330}
.notice-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:450;width:380px;max-width:calc(100vw - 32px);padding:16px;border:1px solid #d7e2ee;border-radius:12px;background:#fff;box-shadow:0 12px 36px #17395824;max-height:75vh;overflow:auto}
.notice-panel header,.notice-popup header,.notice-order-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice-connection{margin:10px 0;color:#58738a;font-size:13px}.notice-help{font-size:12px;line-height:1.6;color:#73869a;margin:10px 0 16px}.notice-sound{display:flex;gap:8px}.notice-empty{font-size:13px;color:#73869a}
.notice-pending>strong,.notice-history>strong{display:block;margin:14px 0 4px;font-size:13px}.notice-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #eef2f7;font-size:13px;min-width:0}.notice-row>div{min-width:0}.notice-row b,.notice-row span{display:block;overflow-wrap:anywhere}.notice-row b{font-weight:600;margin-bottom:3px}.notice-row span{color:#73869a;font-size:12px;line-height:1.5}
#notice-popups{position:fixed;right:24px;bottom:24px;z-index:460;display:grid;gap:12px;width:370px;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto}.notice-popup{background:#fff;border:1px solid #cbddeb;border-left:4px solid #1d6889;border-radius:10px;box-shadow:0 8px 28px #17395824;padding:14px 16px;color:#173958}.notice-popup header{margin-bottom:10px;font-size:15px}
.notice-order-dialog{border:1px solid #d7e2ee;border-radius:12px;padding:24px;max-width:520px;width:calc(100vw - 48px);color:#173958}.notice-order-dialog p{font-size:14px;line-height:1.7}.notice-order-dialog::backdrop{background:#17395866}
@media(max-width:600px){.topbar{gap:8px}#notice-popups{right:16px;bottom:16px}.notice-panel{position:fixed;right:16px;top:90px}.notice-popup{padding:12px}.notice-trigger{font-size:13px!important}}
