.refresh-button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;white-space:nowrap}.refresh-button[aria-busy=true] .ui-icon{animation:workspace-spin 1s linear infinite}.refresh-status{min-height:18px;margin:0 0 14px;color:var(--muted);font-size:11px}.priority-panel{border:1px solid #33504c;border-radius:16px;padding:20px 22px;margin-bottom:20px;background:linear-gradient(120deg,#142924,#111b29 65%)}.priority-header{display:flex;align-items:center;gap:14px;justify-content:space-between}.priority-header h2{margin:0;font-size:17px}.priority-header p{font-size:11px;line-height:1.6;margin:7px 0 0;color:var(--muted)}.priority-panel[data-state=attention]{border-color:#645237;background:linear-gradient(120deg,#2b241c,#111b29 65%)}.priority-panel[data-state=stale]{border-color:var(--line);background:var(--surface)}.priority-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.priority-list:empty{display:none}.priority-item{display:flex;text-align:left;align-items:center;gap:12px;width:100%;border:1px solid #49513e;border-radius:12px;background:#121d28;padding:14px;color:var(--text);cursor:pointer}.priority-item:hover{background:#1b2b3a;border-color:#849278}.priority-item>span:nth-child(2){flex:1;min-width:0}.priority-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.priority-item small{display:block;color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5}.priority-mark{width:7px;height:28px;border-radius:4px;background:var(--amber);flex-shrink:0}.priority-item.critical .priority-mark{background:var(--red)}.wa-panel{display:flex;flex-direction:column;gap:13px}.wa-panel p{font-size:12px;line-height:1.7;margin:0}.wa-state{font-size:14px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;background:#0c1623;font-weight:600}.wa-state[data-state=up]{color:var(--accent);border-color:#335e50}.wa-state[data-state=warning]{color:var(--amber);border-color:#6d5738}.wa-state[data-state=unknown]{color:var(--muted)}.wa-panel small{color:var(--muted);font-size:10px}.wa-panel a{margin-top:auto;align-self:flex-start;font-size:12px;color:var(--blue);min-height:36px;display:inline-flex;align-items:center}.priority-item:focus-visible,.refresh-button:focus-visible,.wa-panel a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@keyframes workspace-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.refresh-button span{display:none}}
@media(max-width:800px){.refresh-button{min-width:38px;min-height:38px;padding:8px}.header-actions{gap:6px}.priority-panel{padding:16px;margin-bottom:16px}.priority-header h2{font-size:14px}.priority-header p{font-size:10px}.priority-list{grid-template-columns:1fr;gap:8px}.priority-item{padding:12px}.priority-item strong{font-size:12px}.wa-panel p{font-size:11px}.refresh-status{font-size:10px;margin-bottom:10px}.wa-panel .panel-heading{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.refresh-button[aria-busy=true] .ui-icon{animation:none}}

@media(min-width:1200px){.operations-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr)}}
@media(max-width:359px){.header-start{min-width:0}.breadcrumb{min-width:0}.breadcrumb strong{display:block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .mobile-brand{display:none}.connection{max-width:110px}.alerts-pagination{flex-wrap:wrap}}

.alerts-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}.alerts-filter-grid label{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:11px}.alerts-filter-grid select,.alerts-filter-grid input{width:100%;min-width:0;min-height:43px}.alerts-filter-grid .alerts-search{grid-column:1/4}.alerts-filter-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.alerts-filter-actions button{font-size:11px;min-width:0}.alerts-history-note{font-size:11px;line-height:1.7}.alert-type{font-size:10px;color:var(--blue);margin-bottom:8px}.alerts-list[aria-busy=true]{opacity:.65}.alerts-pagination{flex-wrap:wrap}
@media(max-width:1100px){.alerts-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alerts-filter-grid .alerts-search{grid-column:1/-1}}
@media(max-width:800px){.alerts-filter-grid{gap:12px}.alerts-filter-grid label{width:auto;font-size:10px}.alerts-filter-grid select,.alerts-filter-grid input{font-size:16px}.alerts-filter-actions{gap:8px}.alerts-filter-actions button{flex:1 1 140px;width:auto}.alerts-history-note{font-size:10px}.alerts-pagination .ghost{flex:1 1 100px}}