.ops-filter-row{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:0 0 16px}.ops-filter-row label{margin:0;flex:1;min-width:180px}.ops-filter-row select,.ops-filter-row input,.incident-dialog select,.report-actions select{display:block;width:100%;min-height:44px;background:#0d1520;color:var(--text);border:1px solid #344154;border-radius:7px;padding:10px;font:inherit;margin-top:8px}.ops-filter-row>button{min-height:44px}.incident-workspace>.form-note{font-size:12px;line-height:1.7;margin-bottom:14px}#incident-feedback{font-size:12px;color:var(--muted);margin-bottom:12px}.ops-incident-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.incident-card{padding:20px}.incident-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.incident-card h2{font-size:17px;margin:16px 0 5px;overflow-wrap:anywhere}.incident-card>p{font-size:11px;overflow-wrap:anywhere}.incident-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.incident-card dt{font-size:10px;color:var(--muted)}.incident-card dd{font-size:13px;margin:5px 0 0;overflow-wrap:anywhere}.incident-card>button{width:100%;white-space:normal;font-size:12px}.priority-high,.priority-critical{color:var(--yellow)}.priority-critical{color:var(--red)}.ops-pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0 30px;font-size:11px;color:var(--muted)}.ops-pagination button{font-size:11px}.ops-history-heading{margin:24px 0 16px;font-size:17px}.incident-dialog{width:800px}.incident-dialog[open]{display:flex;flex-direction:column;max-height:90dvh}.incident-dialog>.inventory-dialog-body{flex:1}.incident-dialog form{max-height:none;flex-shrink:0}.incident-dialog textarea{width:100%;display:block;margin-top:8px;border:1px solid #344154;background:#0d1520;color:var(--text);border-radius:8px;padding:12px;font:inherit;resize:vertical}.incident-dialog select{font-size:13px}.incident-dialog .editor-grid{gap:0 18px}.ops-dialog-actions{margin-top:18px}.ops-dialog-actions button{font-size:12px}.incident-notes{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.incident-notes h2{font-size:17px;margin:0 0 16px}.incident-note{border:1px solid var(--line);border-radius:8px;padding:13px;margin:10px 0;background:#0d1621}.incident-note>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.incident-note time{color:var(--muted);font-size:10px}.incident-note p{font-size:12px;line-height:1.7;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.incident-note.is-action{border-style:dashed;background:transparent}.incident-note.is-action p{font-size:11px}#incident-note-form button{align-self:flex-start;margin-top:14px}
.topology-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:20px;align-items:start}.topology-layout:has(.topology-detail[hidden]){grid-template-columns:minmax(0,1fr)}.topology-canvas{padding:24px;overflow:auto;min-width:0}.topology-root{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid #355445;background:#162b25;border-radius:10px;flex-wrap:wrap;max-width:400px}.topology-root strong{font-size:14px}.topology-root small{font-size:10px;width:100%;padding-left:17px}.topology-branches,.topology-branches ul{list-style:none;margin:0;padding:0 0 0 24px;border-left:1px solid #3a5460}.topology-branches{margin:0 0 0 18px}.topology-branches li{position:relative;padding-top:18px;min-width:260px}.topology-branches li:before{content:'';position:absolute;left:-24px;top:53px;width:24px;border-top:1px solid #3a5460}.topology-branches ul{margin-left:18px}.topology-node{display:flex;flex-direction:column;gap:5px;min-width:240px;max-width:360px;width:100%;border:1px solid #344456;background:#101c28;border-radius:10px;padding:15px;text-align:left;font-size:11px;line-height:1.6}.topology-node-title{display:flex;align-items:center;gap:9px}.topology-node-title strong{font-size:14px;overflow-wrap:anywhere}.topology-node>span{overflow-wrap:anywhere;min-width:0}.topology-node>span:not(:first-child){color:var(--muted)}.topology-node .green-text{color:var(--green)!important}.topology-node .red-text{color:var(--red)!important}.topology-node:hover,.topology-node.is-selected{border-color:var(--green)}.topology-node.is-context{border-style:dashed;opacity:.65}.topology-detail{padding:22px;position:sticky;top:20px;min-width:0}.topology-detail h2{margin:12px 0 7px;font-size:18px;overflow-wrap:anywhere}.topology-detail>p{font-size:11px;overflow-wrap:anywhere}.topology-detail dl{font-size:12px;margin:20px 0}.topology-detail dt{font-size:10px;color:var(--muted);margin-top:14px}.topology-detail dd{margin:5px 0 0;overflow-wrap:anywhere}.topology-detail .editor-actions button{font-size:11px;white-space:normal;width:100%}#new-upstream+small,#edit-upstream+small{display:block;font-size:10px;color:var(--muted)}
.report-actions{align-items:end}.report-actions label{margin:0;font-size:11px}.report-actions select{min-width:145px}.report-actions a{text-decoration:none;color:var(--text)}.report-actions button,.report-actions a{font-size:11px;min-height:44px}#report-feedback{color:var(--muted);font-size:12px;margin-bottom:14px}.report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.report-stats article{padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}.report-stats article>span{font-size:11px;color:var(--muted)}.report-stats strong{font-size:26px;font-weight:600;color:var(--green);overflow-wrap:anywhere}.report-stats small{font-size:10px;line-height:1.6}.report-daily{padding:22px;margin-bottom:20px}.report-daily p{font-size:11px;line-height:1.7;margin:8px 0 0}.report-daily-chart{width:100%;height:auto;display:block;max-height:210px;margin-top:14px}.report-table td:first-child{display:table-cell}.report-table td{font-size:11px}.report-table td strong{font-size:12px}.report-table td small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.report-incidents{margin-top:20px}.report-incident-list{padding:0 20px 16px}.report-incident-row{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;padding:15px 0;border-top:1px solid var(--line);width:100%;font-size:12px}.report-incident-row span:first-child{min-width:0;flex:1}.report-incident-row strong{font-size:12px;overflow-wrap:anywhere}.report-incident-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.report-incident-row span:last-child{font-size:11px;color:var(--green)}.report-methodology{font-size:11px;line-height:1.8;margin-top:18px;color:var(--muted)}
@media(max-width:1000px){.topology-layout{grid-template-columns:minmax(0,1fr)}.topology-detail{position:static}.report-actions{flex-wrap:wrap}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ops-filter-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.ops-filter-row label{min-width:0}.ops-filter-row>button{width:100%}.ops-incident-grid{grid-template-columns:minmax(0,1fr)}.incident-card{padding:18px}.incident-dialog .editor-grid{grid-template-columns:minmax(0,1fr)}.incident-dialog select,.incident-dialog textarea,.ops-filter-row select,.ops-filter-row input{font-size:16px}.incident-dialog h2{font-size:18px}.ops-dialog-actions>button{flex:1;min-height:44px}.incident-note>div{flex-wrap:wrap}.topology-canvas{padding:16px}.topology-node{min-width:220px}.topology-branches li{min-width:230px}.topology-branches,.topology-branches ul{padding-left:18px}.topology-branches li:before{left:-18px;width:18px}.report-stats{gap:10px}.report-stats article{padding:14px}.report-stats strong{font-size:23px}.report-actions{width:100%;gap:10px}.report-actions>label{width:100%}.report-actions>*{flex:1}.report-actions a{display:inline-flex}.report-actions select{font-size:16px}.report-incident-row{flex-wrap:wrap}.report-incident-row span:first-child{flex-basis:100%}.report-daily{padding:16px}.report-stats article>span{font-size:10px}.report-stats small{font-size:10px}}
@media print{body{background:white;color:#111;font-size:11px}.sidebar,.topbar,.report-actions,#toast,#report-feedback{display:none!important}main{margin:0;width:100%}.content{padding:0;max-width:none}.panel{background:white;border-color:#ccc;box-shadow:none;break-inside:avoid}.report-stats strong{color:#111}.report-stats{grid-template-columns:repeat(4,1fr)}.report-table th,.report-table td{background:white;color:#111;border-color:#ccc;padding:9px;white-space:normal}.report-table td small,p,small{color:#444}.report-incidents{break-before:auto}.report-methodology{color:#444}.report-incident-row{color:#111}.page-heading h1{font-size:25px}.report-daily p{color:#444}}
.report-actions [aria-disabled="true"]{opacity:.5;pointer-events:none}

@media(min-width:1001px){.topology-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));column-gap:26px;align-items:start}.topology-branches ul{display:block}}

.device-report-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:16px;max-height:48dvh;overflow:auto;font-size:12px;line-height:1.7;color:var(--text)}#device-report-feedback{white-space:pre-line}#device-report-dialog{max-width:760px}#device-report-targets{margin-bottom:14px}@media(max-width:600px){#device-report-dialog .editor-actions{flex-direction:column;align-items:stretch}#device-report-dialog button{white-space:normal}}

#device-report-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,calc(100vw - 24px));max-height:90dvh}#device-report-dialog .inventory-dialog-body{overflow-y:auto;min-height:0}#device-report-dialog footer{margin:0;padding:16px 24px;border-top:1px solid var(--line)}#device-report-dialog .device-report-preview{max-height:38dvh}
