.qguard-panel{margin:0 0 18px;padding:16px;border:1px solid #3c655a;border-radius:16px;background:linear-gradient(110deg,#152e29,#10231f 72%);color:#e4f4ec;box-sizing:border-box;min-width:0}
.qguard-panel *{box-sizing:border-box}
.qg-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.qg-bot{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:15px;background:#203c34;color:#a9e9c6}
.qg-bot svg{width:38px;height:38px}
.qg-title{flex:1 1 180px;min-width:0}
.qg-title h2{font-size:18px;margin:0 0 4px;line-height:1.3;color:#e4f4ec}
.qg-title p,.qg-note,.qg-count{margin:0;color:#adc8bc;font-size:13px}
.qg-badge{padding:6px 10px;border:1px solid #4b705e;border-radius:999px;color:#c1e7cf;font-size:12px;white-space:nowrap}
.qguard-panel[data-guard-state=RUNNING] .qg-badge{background:#274b36;color:#d1ffc9}
.qguard-panel[data-guard-state=PAUSED] .qg-badge,.qguard-panel[data-guard-state=DEGRADED] .qg-badge{background:#4b3c27;color:#ffe0ad}
.qg-toggle,.qg-more,.qg-select{padding:7px 11px;border:1px solid #4b705e;border-radius:9px;background:#213b32;color:#e4f4ec;font:inherit;font-size:13px}
.qg-toggle,.qg-more{cursor:pointer}
.qg-toggle:disabled{cursor:default;opacity:.55}
.qg-toggle:focus-visible,.qg-more:focus-visible,.qg-select:focus-visible{outline:2px solid #b9f5aa;outline-offset:2px}
.qg-body{margin-top:12px;border-top:1px solid #35554b;padding-top:10px}
.qg-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qg-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:7px;margin-top:8px}
.qg-summary:empty,.qg-records:empty{display:none}
.qg-task{border:1px solid #365a4e;border-radius:9px;padding:8px 10px;background:#112720;font-size:13px}
.qg-task p{margin:4px 0 0;line-height:1.5}
.qg-task-state{margin-left:8px;color:#bad4c4;font-size:12px}
.qg-evidence{color:#a8cdb9;font-size:12px}
.qg-note{margin:9px 0}
.qg-records{list-style:none;padding:0;margin:6px 0;max-height:255px;overflow:auto}
.qg-event{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:5px 0;border-top:1px solid #294a40;font-size:13px;line-height:1.5}
.qg-event time{color:#9bbcad;font-variant-numeric:tabular-nums}
.qg-position[data-level=warning],.qg-event[data-level=warning] span{color:#ffdc9c}
.qg-position[data-level=critical],.qg-event[data-level=critical] span{color:#ffb7ae}
.qg-more[hidden]{display:none}
@media(max-width:520px){.qguard-panel{padding:12px}.qg-head{gap:8px}.qg-bot{width:42px;height:42px}.qg-bot svg{width:30px;height:30px}.qg-event{grid-template-columns:1fr;gap:2px}}


.qguard-panel{scroll-margin-top:104px}
.qg-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px}
.qg-column{min-width:0;border:1px solid #36594c;border-radius:11px;padding:10px;background:#10241f}
.qg-column h3{font-size:14px;margin:0 0 6px;color:#cae7d7;line-height:1.35}
.qg-column .qg-summary{grid-template-columns:minmax(0,1fr);max-height:255px;overflow:auto}
.qg-empty{font-size:13px;color:#adc8bc;margin:6px 0}
.qg-empty[hidden]{display:none}
.qg-bot svg{width:46px;height:46px}
@media(max-width:790px){.qg-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.qg-bot svg{width:36px;height:36px}}

.qg-event-evidence{display:block;color:#a9c9ba;font-size:12px;line-height:1.5}