.quick{margin:0 5px 16px;background:#0d141a;border:1px solid var(--line);color:var(--muted);padding:9px;display:flex;gap:8px;font-size:10px}
.cardactions{display:flex;gap:7px;border-top:1px solid var(--line);padding-top:11px;margin-top:11px}
.infraaction{border:1px solid #315b48;background:#112019;color:var(--green);padding:7px 10px;font:8px ui-monospace;letter-spacing:.08em;cursor:pointer}
.infraaction:hover{background:#183326;border-color:var(--green)}
.infraaction.danger{color:#f2ad91;border-color:#684438;background:#211612}
.infraaction.compact{padding:4px 7px;font-size:11px}
.guestmeta{display:flex;justify-content:space-between;background:#0b1217;border:1px solid var(--line);padding:7px 9px;margin:0 0 10px;font:8px ui-monospace;color:var(--muted)}
.guestmeta b{color:var(--green)}
.guestpanel{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0d1717;border:1px solid #29463b;padding:13px;margin:12px 0}
.guestpanel>div:first-child{display:flex;flex-direction:column;gap:5px}
.guestpanel small{font:7px ui-monospace;color:var(--muted)}
.metricchips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}
.metricchips span{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--line);background:#0a1116;padding:8px}
.metricchips small{font:7px ui-monospace;text-transform:uppercase;color:var(--muted)}
.metricchips b{font:9px ui-monospace;color:var(--cyan)}
.confirmbox{width:min(520px,calc(100% - 30px));margin:auto;background:#0c1218;border:1px solid #6b4639;padding:25px;box-shadow:0 25px 90px #000}
.confirmbox h2{margin:4px 0 10px}
.confirmbox p{color:#b9c1c8;font-size:11px;line-height:1.55}
.blast{background:#1d1512;border:1px solid #583b32;padding:12px;margin:14px 0;color:#e3b39f;font:9px ui-monospace}
.confirmbox label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:9px}
.confirmbox input{background:#070b0f;border:1px solid var(--line);color:var(--text);padding:11px}
.confirmbuttons{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.confirmbuttons button{padding:9px 13px;border:1px solid var(--line);background:#12191f;color:var(--text)}
.confirmbuttons .dangerbutton{border-color:#784735;background:#2a1812;color:#ffc2a6}
.confirmbuttons .dangerbutton:disabled{opacity:.35}
.compactcalm{padding:45px}
.actionevent{border-left:2px solid #315b48;padding-left:12px}
.quick span{flex:1}
.quick kbd{font:8px ui-monospace}
.dot.healthy,.dot.open{background:var(--green)}
.dot.warning{background:var(--amber)}
.dot.degraded{background:#ef8f5c}
.dot.down{background:var(--red)}
.dot.unknown{background:var(--muted)}
.node{color:var(--text);font-family:inherit;cursor:pointer}
.clickmetric{cursor:pointer}
.attention{margin-bottom:16px;border-color:#593b31}
.attention .panelhead button{border:0;background:none;color:var(--amber)}
.issuecard{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px;border:1px solid var(--line);background:#0c1217;margin-bottom:9px}
.issuecard.critical{border-left:3px solid var(--red)}
.issuecard.warning{border-left:3px solid var(--amber)}
.issueicon{width:29px;height:29px;border:1px solid var(--red);color:var(--red);display:grid;place-items:center}
.issuehead{display:flex;justify-content:space-between}
.issuehead b{font-size:13px}
.issuehead span{font:8px ui-monospace;color:var(--muted)}
.issuecard p{font-size:11px;color:#b8c2ca;line-height:1.5}
.issuecard small{font:7px ui-monospace;color:var(--muted)}
.cause{font-size:10px;color:var(--amber)}
.calm{text-align:center;border:1px solid var(--line);background:var(--panel);padding:70px}
.calm>b{color:var(--green);font-size:25px}
.calm p,.integrationintro p{color:var(--muted);font-size:11px}
.resolved{margin-top:24px}
.resolved>h3,.detailsection h3,.editform h3{font:9px ui-monospace;color:var(--muted)}
.resolved .issuecard{opacity:.6}
.parent{font:8px ui-monospace;color:var(--blue);margin:-8px 0 10px}
.servicetag{cursor:pointer}
.servicetag a,.rowactions a{color:var(--green);text-decoration:none;margin-left:6px}
.evidence{display:block;color:var(--muted);font-size:8px;margin-top:4px;max-width:380px}
.rowactions{display:flex;justify-content:space-between;gap:12px}
.rowactions span,.rowactions time{color:var(--muted);font:8px ui-monospace}
.eventfilters{display:flex;gap:6px}
.eventfilters select{background:#0a1015;color:var(--muted);border:1px solid var(--line);padding:7px;font-size:9px}
.integrationintro{max-width:680px;margin-bottom:25px}
.integrationintro h2{font-size:20px}
.integrationmeta{display:flex;flex-direction:column;color:var(--muted);font:8px ui-monospace;border-top:1px solid var(--line);padding-top:10px}
.configure{margin-top:14px;background:none;border:1px solid var(--line);color:var(--text);padding:7px}
.overlay{position:fixed;inset:0;background:#020406bb;z-index:10;display:flex}
.palette{width:min(650px,calc(100% - 30px));margin:10vh auto auto;background:#0c1218;border:1px solid #30404d;max-height:72vh}
.palette>input{width:100%;border:0;border-bottom:1px solid var(--line);background:#0d141b;color:var(--text);padding:19px;font-size:16px}
.paletteitem{display:flex;gap:13px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #18212a;color:var(--text);padding:12px 18px}
.paletteitem:hover,.paletteitem.selected{background:#142019}
.paletteitem div{display:flex;flex-direction:column}
.paletteitem small{color:var(--muted)}
.palette footer{display:flex;gap:18px;padding:10px 18px;color:var(--muted);font:8px ui-monospace}
.drawerwrap{justify-content:flex-end}
.drawer{width:min(680px,100%);height:100%;overflow:auto;background:#0b1016;border-left:1px solid #30404d;padding:34px;position:relative}
.close{position:absolute;right:25px;top:20px;background:none;border:0;color:var(--muted);font-size:28px}
.detailtitle{display:flex;justify-content:space-between;margin:8px 40px 0 0}
.detailtitle h2{font-size:25px;margin:0}
.detailtitle code{color:var(--cyan)}
.detailstatus{display:flex;gap:7px;border:1px solid var(--line);padding:7px;text-transform:uppercase;font:8px ui-monospace}
.detaildesc{font-size:12px;color:#aab5bf}
.launch{display:flex;justify-content:space-between;text-decoration:none;background:var(--green);color:#07100b;padding:12px;font-weight:700}
.noweb,.dependency,.secretinfo{background:#101820;border:1px solid var(--line);padding:12px;color:var(--muted);font:9px ui-monospace;margin:12px 0}
.dependency b{color:var(--blue)}
.detailmetrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:17px 0}
.detailmetrics>div{padding:14px}
.detailmetrics small{display:block;color:var(--muted);font:7px ui-monospace}
.detailmetrics b{font:11px ui-monospace}
.baseline{border-left:2px solid var(--cyan);padding:10px;background:#0e171c}
.baseline small{display:block;color:var(--muted)}
.detailservice{display:grid;grid-template-columns:8px 1fr auto;gap:10px;padding:10px;border-bottom:1px solid var(--line)}
.detailservice div{display:flex;flex-direction:column}
.detailservice small{color:var(--muted)}
.samplebar{height:35px;display:flex;gap:2px}
.samplebar i{flex:1;background:var(--muted)}
.samplebar i.healthy,.samplebar i.open{background:#397c60}
.samplebar i.warning{background:var(--amber)}
.samplebar i.down{background:var(--red)}
.editform{border-top:1px solid var(--line);padding-top:14px;margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.editform h3,.editform button{grid-column:1/-1}
.editform label{display:flex;flex-direction:column;color:var(--muted);font-size:8px}
.editform input,.editform textarea{background:#080c11;color:var(--text);border:1px solid var(--line);padding:9px}
.editform button{background:#17241e;color:var(--green);border:1px solid #2b5b45;padding:10px}
.secretinfo p{color:var(--amber)}
@media(max-width:700px){.quick{display:none}
.drawer{padding:25px 18px}
.detailmetrics{grid-template-columns:1fr 1fr}
.editform{grid-template-columns:1fr}
.editform>*{grid-column:1!important}
}