/* Agent Management and Audit Log screenshot fidelity.
 * Roles and audit chain diagrams are explicitly conceptual until durable
 * instance, signed evidence and export APIs are integrated. */
.ops-cockpit .kpis,.audit-cockpit .kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.ops-layout,.audit-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}
.ops-layout>.panel,.audit-layout>.panel{min-width:0}
.ops-layout>.panel.o-span-3,.audit-layout>.panel.o-span-3{grid-column:span 3}
.ops-layout>.panel.o-span-4,.audit-layout>.panel.o-span-4{grid-column:span 4}
.ops-layout>.panel.o-span-5,.audit-layout>.panel.o-span-5{grid-column:span 5}
.ops-layout>.panel.o-span-6,.audit-layout>.panel.o-span-6{grid-column:span 6}
.ops-layout>.panel.o-span-7,.audit-layout>.panel.o-span-7{grid-column:span 7}
.ops-layout>.panel.o-span-8,.audit-layout>.panel.o-span-8{grid-column:span 8}
.ops-layout>.panel.o-span-9,.audit-layout>.panel.o-span-9{grid-column:span 9}
.ops-layout>.panel.o-span-12,.audit-layout>.panel.o-span-12{grid-column:span 12}
.ops-layout .panel-header h2,.audit-layout .panel-header h2{display:flex;align-items:center;gap:8px}
.ops-layout .panel-header h2:before,.audit-layout .panel-header h2:before{
 content:"";height:13px;width:3px;border-radius:3px;background:#41c8ef;box-shadow:0 0 7px #2285d5}
.ops-layout .panel.purple{border-color:#504778}
.ops-layout .panel.purple .panel-header h2:before{background:#ad92eb}
.ops-layout .panel.fenced,.audit-layout .panel.fenced{border-color:#6c4356;background:linear-gradient(150deg,#2a2232,#0e2134)}
.ops-layout .panel.fenced .panel-header h2:before,.audit-layout .panel.fenced .panel-header h2:before{background:#ef8aa2}
.ops-graph-wrap{position:relative;min-height:340px;border:1px solid #28577a;border-radius:8px;
 background:radial-gradient(ellipse at 50% 50%,#174f81aa 0,transparent 44%),
 radial-gradient(ellipse at 25% 80%,#45377844,transparent 48%),
 repeating-linear-gradient(0deg,#ffffff00 0 33px,#27618116 34px 35px),
 repeating-linear-gradient(90deg,#ffffff00 0 52px,#27618112 53px 54px),#081e31;overflow:hidden}
.ops-graph-svg{display:block;width:100%;height:auto;max-height:310px}
.ops-graph-svg line{stroke:#367fa7;stroke-opacity:.6;stroke-width:1.5}
.ops-graph-svg circle.role{fill:#123955;stroke:#66c0f2;stroke-width:2}
.ops-graph-svg circle.center{fill:#173f70;stroke:#5acdfb;stroke-width:3}
.ops-graph-svg text{fill:#d0edff;font-family:Inter,"PingFang SC",sans-serif}
.ops-diagram-note{padding:10px 12px;border:1px solid #355772;border-radius:8px;color:#91b5ce;
 font-size:10px;line-height:1.65;margin-top:9px;background:#09283c}
.ops-snapshot-line{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;
 background:#102d45;border:1px solid #2d5574;border-radius:8px;padding:11px 13px;margin:8px 0}
.ops-snapshot-line small{font-size:11px;color:#9bbcd3}
.ops-snapshot-line strong{font-size:16px;color:#dbf0ff}
.ops-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}
.ops-tabs button{border:1px solid #355777;color:#9cc8e5;background:#102b43;border-radius:7px;padding:7px 11px;font:inherit;font-size:10px;cursor:pointer}
.ops-tabs button[aria-pressed="true"]{color:#eefaff;background:#1b598c;border-color:#3379bc}
.ops-tabs button:focus-visible{outline:2px solid #67dff2;outline-offset:2px}
.ops-time-plot{min-height:173px;position:relative;background:repeating-linear-gradient(to bottom,
 #ffffff00 0 37px,#34577729 38px 39px),#0a263a;border:1px solid #345471;border-radius:8px;
 display:grid;place-items:center;text-align:center;color:#8eacc3;padding:24px}
.ops-time-plot strong{display:block;color:#d5ebfa;font-size:13px;margin-bottom:7px}
.ops-time-plot small{font-size:10px;display:block;line-height:1.65}
.ops-boundary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ops-boundary-tile{padding:14px;border:1px solid #345876;border-radius:9px;background:#0e2b43}
.ops-boundary-tile b{font-size:11px;color:#cce7f7;display:block}
.ops-boundary-tile small{font-size:10px;color:#82acc9;display:block;margin-top:7px;line-height:1.5}
.ops-boundary-tile.locked{border-color:#865269;background:#372333}
.ops-boundary-tile.locked b{color:#ffd1d6}
.ops-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ops-command{background:#122c46;border:1px solid #365677;border-radius:8px;padding:13px}
.ops-command b{display:block;color:#e6f3ff;font-size:11px}
.ops-command small{display:block;color:#91afc5;font-size:10px;line-height:1.6;margin-top:10px}
.ops-command button{margin-top:12px;border-radius:6px;background:#22354d;color:#9ba6be;
 border:1px solid #4a5168;font-size:10px;padding:7px 10px}
.ops-command button:disabled{cursor:not-allowed}
.ops-page-note{font-size:10px;line-height:1.7;border:1px solid #345574;background:#102c41;
 color:#8cbed8;padding:10px 12px;border-radius:8px;margin-top:10px}
.ops-page-note.warn{border-color:#81526a;color:#efafbb;background:#342434}
.audit-filter-block{border:1px solid #2d5675;background:#09273e;border-radius:9px;padding:15px}
.audit-search{width:100%;padding:10px 12px;border:1px solid #386382;border-radius:7px;
 color:#d9f4ff;background:#0a1d30;font-size:12px;margin-bottom:12px}
.audit-search:focus-visible{outline:2px solid #39b9fa;outline-offset:2px}
.audit-filter-row{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}
.audit-filter-row label{display:block;font-size:10px;color:#8db0ca;margin-bottom:6px}
.audit-filter-row select{width:100%;padding:9px;border:1px solid #335774;background:#102e48;border-radius:7px;color:#c7e5f7;font-size:11px}
.audit-filter-row button{border:1px solid #4184ba;border-radius:7px;background:#1b619a;color:#d7f2ff;padding:9px 12px;font-size:11px;cursor:pointer}
.audit-filter-note{font-size:10px;color:#88abc6;line-height:1.65;margin-top:12px}
.audit-table{max-height:390px;overflow:auto;border:1px solid #295373;border-radius:8px}
.audit-table table{border-collapse:collapse;width:100%;font-size:10px;min-width:630px}
.audit-table th,.audit-table td{padding:9px 8px;text-align:left;border-bottom:1px solid #24485f}
.audit-table th{position:sticky;top:0;background:#12324b;color:#9bc4db;font-size:10px}
.audit-table td{color:#c2deed}
.audit-table tr:hover td{background:#20426277}
.audit-table tr.selected td{background:#193e5c}
.audit-type-pill{padding:5px 7px;display:inline-block;border-radius:7px;border:1px solid #345c79;background:#143952;color:#7fd1f2}
.audit-view{background:#174d7f;border:1px solid #326a9d;border-radius:5px;color:#cfeafd;cursor:pointer;font-size:10px;padding:5px 9px}
.audit-cursor{font-size:10px;color:#7da9c7;margin-top:9px}
.audit-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0}
.audit-chain-step{border:1px solid #345977;background:#102e49;border-radius:9px;padding:14px 7px;min-height:88px;position:relative;text-align:center}
.audit-chain-step:not(:last-child):after{content:"›";position:absolute;right:-12px;top:25px;color:#49bbec;font-size:20px}
.audit-chain-step .symbol{font-size:19px;color:#86cdf1}
.audit-chain-step strong{font-size:10px;color:#cceafa;display:block;margin-top:8px}
.audit-chain-step small{font-size:9px;color:#eabf82;display:block;margin-top:6px}
.audit-integrity{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center}
.audit-integrity-ring{height:135px;width:135px;border:13px solid #30536b;border-radius:50%;display:grid;place-items:center;
 box-shadow:inset 0 0 18px #123d584d;margin:auto}
.audit-integrity-ring strong{text-align:center;color:#edc28a;font-size:16px}
.audit-check-list{display:grid;gap:9px}
.audit-check{display:grid;grid-template-columns:1fr auto;gap:8px;color:#b2d2e8;
 font-size:10px;border-bottom:1px solid #22465f;padding:9px}
.audit-check span:last-child{color:#f0bd80}
.audit-json{background:#091b2d;border:1px solid #315674;border-radius:8px;
 min-height:170px;color:#8ad2e6;font:11px/1.65 ui-monospace,Consolas,monospace;
 white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;max-height:255px;overflow:auto}
.audit-unknown-row{border:1px solid #35536b;border-radius:7px;padding:10px 11px;background:#0b293f;
 display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a5c9dc;margin:8px 0}
.audit-unknown-row b{color:#f0c08a}
.audit-disabled-actions{display:flex;gap:8px;flex-wrap:wrap}
.audit-disabled-actions button{border:1px solid #395976;border-radius:7px;background:#1a3148;
 color:#a2bbce;font-size:10px;min-height:37px;padding:9px 12px}
.audit-disabled-actions button:disabled{opacity:.7;cursor:not-allowed}
@media(max-width:1550px){
 .ops-cockpit .kpis,.audit-cockpit .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ops-layout>.panel.o-span-3,.audit-layout>.panel.o-span-3,
 .ops-layout>.panel.o-span-4,.audit-layout>.panel.o-span-4{grid-column:span 6}
 .ops-layout>.panel.o-span-5,.audit-layout>.panel.o-span-5,
 .ops-layout>.panel.o-span-7,.audit-layout>.panel.o-span-7,
 .ops-layout>.panel.o-span-8,.audit-layout>.panel.o-span-8,
 .ops-layout>.panel.o-span-9,.audit-layout>.panel.o-span-9{grid-column:span 12}
}
@media(max-width:1020px){
 .ops-layout>.panel.o-span-3,.audit-layout>.panel.o-span-3,
 .ops-layout>.panel.o-span-4,.audit-layout>.panel.o-span-4,
 .ops-layout>.panel.o-span-6,.audit-layout>.panel.o-span-6{grid-column:span 12}
 .audit-chain{grid-template-columns:repeat(3,minmax(0,1fr))}
 .audit-chain-step:nth-child(3):after{display:none}
}
@media(max-width:700px){
 .ops-cockpit .kpis,.audit-cockpit .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ops-layout>.panel,.audit-layout>.panel{grid-column:span 12!important}
 .ops-boundary-grid,.ops-command-grid{grid-template-columns:1fr}
 .audit-filter-row{grid-template-columns:1fr 1fr}
 .audit-filter-row button{grid-column:span 2}
 .audit-chain{grid-template-columns:repeat(2,minmax(0,1fr))}
 .audit-chain-step:nth-child(3):after{display:block}
 .audit-chain-step:nth-child(2n):after{display:none}
 .audit-integrity{grid-template-columns:1fr}
}