/* Compact account bell. Other dashboard controls retain their original layout. */
#hkaSpatialDashboard .hds-account-wrap.hsn-account-wrap{display:flex;align-items:center;gap:12px;max-width:218px}
#hkaSpatialDashboard .hsn-bell{position:relative;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:7px;border:1px solid #dce6ef;border-radius:10px;background:#fff;color:#254763;cursor:pointer}
#hkaSpatialDashboard .hsn-bell:hover,#hkaSpatialDashboard .hsn-bell[aria-expanded=true]{background:#eef5fd;border-color:#b8d2ee;color:#07559d}
#hkaSpatialDashboard .hsn-bell svg{width:21px;height:21px}
#hkaSpatialDashboard .hsn-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:17px;box-sizing:border-box;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:10px;background:#de4148;color:#fff;font:700 9px/1 Arial,sans-serif}
#hkaSpatialDashboard .hsn-badge[hidden],.hsn-panel[hidden],.hsn-panel [hidden]{display:none!important}
.hsn-panel{position:fixed;z-index:26000;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;max-width:calc(100vw - 24px);border:1px solid #dce6ef;border-radius:13px;background:#fff;color:#17334f;box-shadow:0 12px 40px #16365426;font:13px/1.45 Arial,sans-serif;text-align:left}
.hsn-panel *{box-sizing:border-box}
.hsn-panel header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 13px;border-bottom:1px solid #edf1f5;background:#f8fbfe}
.hsn-panel h2{margin:0;font-size:15px;font-weight:700;color:#163a5d;line-height:1.4}
.hsn-panel .hsn-month{margin:4px 0 0;color:#647b90;font-size:11px}
.hsn-panel button{font:inherit;cursor:pointer}
.hsn-panel .hsn-close{border:0;background:transparent;color:#637d92;font-size:23px;padding:0;line-height:24px;min-width:28px}
.hsn-panel .hsn-list{list-style:none;margin:0;padding:0 16px}
.hsn-panel .hsn-county{margin:0;border-bottom:1px solid #e4ebf2}
.hsn-panel .hsn-county:last-child{border-bottom:0}
.hsn-panel .hsn-county-heading{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;list-style:none;padding:10px 0;color:#245d8e;font-size:12px;font-weight:600;cursor:pointer}
.hsn-panel .hsn-county-heading::-webkit-details-marker{display:none}
.hsn-panel .hsn-county-heading::before{content:'›';font-size:18px;line-height:1;transform-origin:center;transition:transform .12s}
.hsn-panel .hsn-county[open]>.hsn-county-heading::before{transform:rotate(90deg)}
.hsn-panel .hsn-county-name{min-width:0;overflow-wrap:anywhere}
.hsn-panel .hsn-county-count{min-width:21px;padding:1px 5px;border:1px solid #dce7f2;border-radius:7px;background:#f1f6fb;color:#476984;text-align:center;font-size:10px;line-height:16px}
.hsn-panel .hsn-stations{list-style:none;margin:0;padding:0}
.hsn-panel .hsn-county-heading:focus-visible{outline:2px solid #1674c2;outline-offset:2px;border-radius:4px}
.hsn-panel .hsn-county[open]>.hsn-county-heading{border-bottom:1px solid #edf1f5}
.hsn-panel .hsn-item{display:flex;align-items:flex-start;gap:10px;margin:0;padding:13px 0;border-bottom:1px solid #edf1f5}
.hsn-panel .hsn-check{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;color:#16815b;background:#e8f6ef;font-weight:700;font-size:13px}
.hsn-panel .hsn-item-content{min-width:0;overflow-wrap:anywhere}
.hsn-panel .hsn-item-content strong{display:block;font-size:13px;font-weight:600;line-height:1.45}
.hsn-panel .hsn-channel{display:block;color:#167451;font-size:11px;margin-top:4px}
.hsn-panel .hsn-status,.hsn-panel .hsn-empty{margin:12px 16px;color:#687c90;font-size:11px}
.hsn-panel .hsn-warning{color:#8f6014}
.hsn-panel .hsn-actions{display:flex;align-items:center;gap:4px}
.hsn-panel .hsn-refresh{width:28px;height:28px;border:0;border-radius:6px;padding:0;background:transparent;color:#637d92;font-size:21px;line-height:1}
.hsn-panel .hsn-refresh:hover{background:#eaf2fa}
.hsn-panel .hsn-item:last-child{border-bottom:0}
.hsn-panel .hsn-refresh:disabled{opacity:.6;cursor:wait}
.hsn-panel button:focus-visible,#hkaSpatialDashboard .hsn-bell:focus-visible{outline:2px solid #1674c2;outline-offset:3px}
@media(max-width:640px){#hkaSpatialDashboard .hds-account-wrap.hsn-account-wrap{max-width:88px;gap:10px}#hkaSpatialDashboard .hsn-bell{flex-basis:32px;width:32px;height:34px;padding:6px}.hsn-panel header{padding:13px 14px}.hsn-panel .hsn-list{padding:0 14px}}
