.panel-head .panel-toggle{margin-left:auto;flex-shrink:0;font-size:24px;color:#2454d6}
.panel.is-collapsed>:not(.panel-head){display:none!important}.panel.is-collapsed>.panel-head{border-bottom:0}.panel.is-collapsed .panel-head .sub,.panel.is-collapsed .panel-head>.link,.panel.is-collapsed .panel-head .chip{display:none}
.service-live-panel{margin-bottom:20px}.service-live-panel>.metrics{padding:16px;margin-bottom:0}
.notification-row{display:flex;align-items:flex-start;gap:8px;border:1px solid #dde4ef;border-radius:12px;margin-bottom:12px;padding:10px}.notification-row.is-unread{border-left:4px solid #2454d6;background:#f1f5ff}.notification-row.is-read{background:#fff}.notification-open{flex:1;min-width:0;text-align:left;border:0;background:none;padding:4px;color:#263751;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.notification-open strong{font-size:16px}.notification-open>span:not(.chip){font-size:14px}.notification-open small{color:#52637c}.notification-body{white-space:pre-wrap;overflow-wrap:anywhere}.notification-open:focus-visible{outline:3px solid #2454d6}.top-actions .notification-count{background:#2454d6;color:white;border-radius:20px;font-size:11px;padding:2px 5px}
@media(max-width:767px){.panel-head{gap:8px}.panel-head h2{font-size:17px}.service-live-panel>.metrics{padding:10px}.notification-row .iconbtn{min-width:44px}}

.notification-options{margin:12px 0 20px;border:1px solid #dce3ef;border-radius:12px;padding:0 14px;background:#fff}.notification-options summary{padding:14px 0;min-height:44px;cursor:pointer;color:#2454d6;font-weight:650}.notification-options[open]{padding-bottom:14px}.notification-options p{margin-bottom:14px}