/* =============================
SYSTEM DASHBOARD GRID
============================= */

/* =============================
SYSTEM COCKPIT (tab)
============================= */

.system-cockpit-title{
margin:0 0 8px 0;
font-size:22px;
}

.system-cockpit-intro{
margin:0 0 16px 0;
font-size:13px;
color:#94a3b8;
max-width:900px;
line-height:1.5;
}

.system-help{
font-size:12px;
color:#94a3b8;
margin:0 0 12px 0;
line-height:1.45;
}

.system-help code{
font-size:11px;
background:#0f172a;
padding:1px 5px;
border-radius:4px;
}

.system-summary-row{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
gap:14px;
margin-bottom:24px;
}

.system-card{
background:#1e293b;
border:1px solid #334155;
border-radius:10px;
padding:14px 16px;
}

.system-card-title{
font-size:11px;
text-transform:uppercase;
letter-spacing:0.06em;
color:#94a3b8;
margin-bottom:8px;
}

.system-card-body{
font-size:14px;
line-height:1.65;
}

.system-section{
margin-bottom:24px;
}

.system-section-title{
margin:0 0 6px 0;
font-size:17px;
color:#e2e8f0;
}

.system-subheading{
margin:16px 0 6px 0;
font-size:14px;
color:#cbd5e1;
font-weight:600;
}

.system-table-wrap{
overflow-x:auto;
border-radius:8px;
border:1px solid #334155;
}

.system-table{
width:100%;
border-collapse:collapse;
font-size:13px;
}

.system-table th,
.system-table td{
text-align:left;
padding:10px 12px;
border-bottom:1px solid #334155;
}

.system-table th{
background:#0f172a;
color:#94a3b8;
font-weight:600;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.04em;
}

.system-table tr:last-child td{
border-bottom:none;
}

.system-table .intel-msg-cell{
max-width:min(480px, 40vw);
white-space:normal;
word-break:break-word;
vertical-align:top;
}

.intel-top-list{
margin:0;
padding-left:18px;
display:grid;
gap:4px;
}

.system-rpc-block{
margin-bottom:12px;
}

.system-rpc-active{
padding:10px 12px;
background:#0f172a;
border-radius:8px;
border:1px solid #334155;
font-size:13px;
line-height:1.5;
}

.system-rpc-meta{
margin-top:8px;
color:#cbd5e1;
}

.system-placeholder-row{
padding:10px 12px;
border:1px dashed #475569;
border-radius:8px;
margin-bottom:14px;
}

.system-muted{
color:#64748b;
font-size:13px;
}

.system-mono{
font-family:ui-monospace, monospace;
font-size:12px;
word-break:break-all;
}

.system-log-box{
font-size:13px;
line-height:1.55;
max-height:220px;
overflow:auto;
padding:10px 12px;
background:#0f172a;
border-radius:8px;
border:1px solid #334155;
}

.system-log-mono{
white-space:pre-wrap;
font-family:ui-monospace, monospace;
font-size:12px;
}

.system-status-warn{
color:#fbbf24;
font-weight:600;
}

.system-grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap:20px;
margin-top:20px;
}

.system-panel{
background:#1e1e1e;
padding:20px;
border-radius:10px;
box-shadow:0 0 8px rgba(0,0,0,0.4);
}

.system-panel-wide{
grid-column:1 / -1;
}

.system-panel h3{
margin-bottom:10px;
font-size:16px;
color:#ccc;
}

.system-list{
font-size:14px;
line-height:1.8;
}

.system-status-ok{
color:#00ff88;
}

.system-status-error{
color:#ff5c5c;
}

.system-rpc-toolbar{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px 14px;
margin:12px 0 14px;
}

.system-inline-help{
margin:0;
font-size:12px;
color:#64748b;
max-width:42rem;
line-height:1.45;
}

.system-btn{
font:inherit;
cursor:pointer;
padding:8px 14px;
border-radius:6px;
border:1px solid #475569;
background:#334155;
color:#e2e8f0;
font-size:13px;
font-weight:600;
}

.system-btn:hover:not(:disabled){
background:#475569;
border-color:#64748b;
}

.system-btn:disabled{
opacity:0.55;
cursor:not-allowed;
}

.system-btn-small{
padding:5px 10px;
font-size:12px;
}

.system-btn-muted{
font-weight:500;
opacity:0.92;
}

.system-table-compact th,
.system-table-compact td{
padding:8px 10px;
font-size:12px;
}

.system-rpc-summary{
font-size:13px;
line-height:1.55;
}

.system-rpc-summary-grid{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
gap:10px 20px;
}

.system-rpc-summary-k{
color:#94a3b8;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.04em;
margin-right:6px;
}

.system-rpc-summary-v{
color:#e2e8f0;
}

.system-rpc-summary-err{
margin-top:10px;
font-size:13px;
}

.system-td-actions{
white-space:nowrap;
}

.system-td-actions .system-btn-small{
margin-right:4px;
}

.system-td-actions .system-btn-small:last-child{
margin-right:0;
}

/* --- Add Order (Execution tab) --- */
.ao-wrap{
width:100%;
max-width:none;
}
.ao-lede{
max-width:52rem;
}
.ao-fixed-source-note{
margin-top:-4px;
margin-bottom:10px;
font-size:12px;
color:#94a3b8;
}
.ao-form-grid{
display:flex;
flex-wrap:wrap;
gap:12px 20px;
align-items:flex-end;
}
.ao-field--grow{
flex:1 1 240px;
min-width:min(100%, 240px);
}
.ao-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px 16px;
margin-top:14px;
}
.ao-status{
font-size:12px;
}
.ao-error{
margin-top:8px;
}
.ao-summary{
margin-top:12px;
}
.ao-summary-card{
border:1px solid rgba(148, 163, 184, 0.35);
border-radius:8px;
padding:12px 14px;
font-size:13px;
line-height:1.5;
background:rgba(15, 23, 42, 0.35);
}
.ao-panel{
margin-top:14px;
width:100%;
}
.ao-card{
border:1px solid rgba(148, 163, 184, 0.28);
border-radius:10px;
padding:12px;
background:rgba(15, 23, 42, 0.24);
}
.ao-panel-secondary{
border-style:dashed;
opacity:0.9;
}
.ao-secondary-help{
margin-top:4px;
margin-bottom:8px;
font-size:12px;
color:#94a3b8;
}
.ao-stage-panel{
margin:12px 0;
}
.ao-stage-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 10px;
margin:8px 0;
}
.ao-stage-table .mkt-search-input{
width:100%;
min-width:92px;
}
.ao-stage-wallets{
min-width:160px;
}
.ao-stage-actions #ao-batch-wallets,
.ao-stage-actions #ao-batch-sources{
min-width:160px;
}
.ao-stage-actions--compact{
align-items:flex-start;
}
.ao-batch-select{
min-width:140px;
max-width:180px;
height:30px;
font-size:12px;
padding:2px 6px;
line-height:1.2;
}
.ao-batch-select option{
padding:2px 4px;
}
.ao-stage-actions--compact #ao-stage-feedback{
margin-left:auto;
align-self:center;
}
.ao-core-table td,
.ao-stage-table td{
vertical-align:middle;
}
.ao-modal{
position:fixed;
inset:0;
z-index:90;
display:block;
}
.ao-modal[hidden]{
display:none;
}
.ao-modal-backdrop{
position:absolute;
inset:0;
background:rgba(2,6,23,0.65);
}
.ao-modal-card{
position:relative;
z-index:1;
max-width:460px;
margin:12vh auto 0;
background:#111827;
border:1px solid #334155;
border-radius:10px;
padding:14px 16px;
box-shadow:0 10px 30px rgba(2,6,23,0.5);
}
.ao-help-tight{
margin-top:4px;
margin-bottom:8px;
}
.ao-badge{
display:inline-block;
font-size:11px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.04em;
padding:2px 8px;
border-radius:4px;
margin-right:6px;
}
.ao-badge--ok{
background:rgba(34, 197, 94, 0.2);
color:#86efac;
}
.ao-badge--bad{
background:rgba(248, 113, 113, 0.2);
color:#fecaca;
}
.ao-val-detail{
font-size:11px;
color:#94a3b8;
display:inline-block;
max-width:min(420px, 100%);
vertical-align:middle;
}
.ao-row--best{
outline:1px solid rgba(59, 130, 246, 0.55);
background:rgba(59, 130, 246, 0.08);
}
.ao-row--warn{
opacity:0.92;
}
.ao-td-val{
font-size:12px;
max-width:360px;
}
.ao-td-notes{
font-size:12px;
white-space:normal;
}
.ao-note-best{
color:#93c5fd;
font-weight:600;
}
.ao-note-risk{
color:#fca5a5;
}
.ao-note-warn{
color:#fcd34d;
}
.ao-rec-list{
list-style:none;
margin:0;
padding:0;
font-size:13px;
line-height:1.65;
}
.ao-rec-list li{
margin-bottom:6px;
}
.ao-rec-k{
color:#94a3b8;
margin-right:8px;
}
.ao-rec-best{
color:#93c5fd;
font-weight:600;
}
.ao-market-switch{
margin-top:10px;
display:flex;
flex-direction:column;
gap:6px;
max-width:min(100%, 760px);
}
.ao-market-switch select{
font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size:12px;
}
.ao-main-table td{
white-space:normal;
vertical-align:middle;
}
/* Single horizontal scroll container — do not nest another overflow-x on parents */
.ao-main-scroll{
--ao-sticky-no-w:44px;
--ao-sticky-bg-head:#0f172a;
--ao-sticky-bg-body:#111827;
--ao-sticky-bg-body-hover:#1a2332;
width:100%;
max-width:100%;
overflow-x:auto;
overflow-y:visible;
-webkit-overflow-scrolling:touch;
border-radius:8px;
border:1px solid #334155;
}
.ao-main-table{
width:max-content;
min-width:100%;
table-layout:auto;
border-collapse:collapse;
}
/* Per-column sizing (replaces global min-width on all cells) */
.ao-main-table .col-no{
min-width:40px;
max-width:52px;
width:var(--ao-sticky-no-w);
text-align:center;
box-sizing:border-box;
}
.ao-main-table .col-select{
min-width:64px;
max-width:72px;
text-align:center;
}
.ao-main-table .col-name{
min-width:112px;
max-width:220px;
}
.ao-main-table .col-symbol{
min-width:64px;
max-width:100px;
}
.ao-main-table .col-decimal{
min-width:52px;
max-width:72px;
text-align:right;
}
.ao-main-table .col-address{
min-width:150px;
max-width:min(320px,46vw);
}
.ao-main-table .col-usdt-place{
min-width:88px;
max-width:120px;
text-align:right;
}
.ao-main-table .col-market{
min-width:128px;
max-width:240px;
}
.ao-main-table .col-deposit{
min-width:100px;
max-width:168px;
}
.ao-main-table .col-volume{
min-width:80px;
max-width:128px;
}
.ao-main-table .col-price{
min-width:80px;
max-width:112px;
}
.ao-main-table .col-simulation{
min-width:118px;
max-width:220px;
}
.ao-main-table .col-impact{
min-width:72px;
max-width:100px;
}
.ao-main-table .col-select input,
.ao-stage-table .ao-stage-select{
width:14px;
height:14px;
}
@media (min-width:1440px){
  .ao-main-table .col-name{
    max-width:260px;
  }
  .ao-main-table .col-address{
    max-width:min(380px,36vw);
  }
  .ao-main-table th,
  .ao-main-table td{
    padding:12px 12px;
  }
}
/* Sticky identity columns (horizontal scroll) */
.ao-main-table thead th.col-no,
.ao-main-table tbody td.col-no{
position:sticky;
left:0;
z-index:2;
}
.ao-main-table thead th.col-name,
.ao-main-table tbody td.col-name{
position:sticky;
left:var(--ao-sticky-no-w);
z-index:2;
box-shadow:4px 0 12px -4px rgba(0,0,0,0.55);
}
.ao-main-table thead th.col-no,
.ao-main-table thead th.col-name{
z-index:4;
background:var(--ao-sticky-bg-head);
}
.ao-main-table tbody td.col-no,
.ao-main-table tbody td.col-name{
background:var(--ao-sticky-bg-body);
}
.ao-main-table tbody tr:hover td.col-no,
.ao-main-table tbody tr:hover td.col-name{
background:var(--ao-sticky-bg-body-hover);
}
.ao-main-table .mono{
font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size:12px;
}
/* Wins over dashboard.css `.data-table .mono { word-break: break-all }` (same 2-class specificity; order + extra table class) */
.data-table.ao-main-table .mono{
word-break:normal;
overflow-wrap:normal;
}
.ao-market-cell-select{
width:100%;
min-width:0;
max-width:100%;
}
.ao-main-table th,
.ao-main-table td{
padding:10px 10px;
line-height:1.4;
}
.ao-stage-table th,
.ao-stage-table td{
padding:10px 10px;
line-height:1.4;
}
.ao-main-table tbody tr,
.ao-stage-table tbody tr{
height:38px;
}
.ao-main-table tbody tr.ao-group-row{
height:auto;
}
.ao-main-table tbody tr.ao-group-row td{
padding:7px 10px;
background:rgba(148, 163, 184, 0.07);
border-top:1px solid rgba(148, 163, 184, 0.22);
border-bottom:1px solid rgba(148, 163, 184, 0.16);
font-size:11px;
line-height:1.35;
}
.ao-group-token{
font-weight:600;
color:#cbd5e1;
margin-right:10px;
}
.ao-group-meta{
color:#94a3b8;
}
.ao-name-cell{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ao-num{
text-align:right;
white-space:nowrap;
}
.ao-address-wrap{
display:flex;
gap:6px;
align-items:center;
min-width:0;
}
.ao-addr-td{
vertical-align:middle;
}
.ao-addr-text-block{
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:min(180px,28vw);
}
.ao-addr-link{
color:#93c5fd;
text-decoration:none;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:min(180px,28vw);
display:inline-block;
}
.ao-addr-link:hover{
text-decoration:underline;
}
.ao-addr-link:focus-visible{
outline:2px solid #93c5fd;
outline-offset:2px;
border-radius:2px;
}
.ao-addr-full{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:min(180px,28vw);
}
@media (min-width:1200px){
  .ao-main-table .ao-addr-text-block,
  .ao-main-table .ao-addr-link,
  .ao-main-table .ao-addr-full{
    max-width:min(42ch,360px);
  }
}
.ao-copy-btn{
padding:2px 8px;
font-size:11px;
flex:0 0 auto;
}
.ao-dep-pill{
display:inline-block;
padding:3px 8px;
border-radius:999px;
font-size:11px;
font-weight:600;
white-space:nowrap;
}
.ao-dep-ok{
background:rgba(34,197,94,0.2);
color:#86efac;
}
.ao-dep-warn{
background:rgba(250,204,21,0.18);
color:#fde68a;
}
.ao-dep-bad{
background:rgba(248,113,113,0.2);
color:#fecaca;
}
.ao-sim-val{
font-weight:600;
}
.ao-main-table th{
font-size:10px;
letter-spacing:0.05em;
}
.ao-impact-neg{
color:#fca5a5;
font-weight:600;
}
.ao-impact-pos{
color:#86efac;
font-weight:600;
}
@media (max-width: 1360px){
  .ao-main-table th,
  .ao-main-table td{
    padding:8px 8px;
    font-size:12px;
  }
  .ao-main-table .mono{
    font-size:11px;
  }
}

/* Column priority (data-ao-priority): low → large viewports only */
@media (max-width:1199px){
  .ao-main-table thead th[data-ao-priority="low"],
  .ao-main-table tbody td[data-ao-priority="low"]{
    display:none;
  }
}

/* Medium-priority columns: stay visible; tighten typography on narrow widths */
@media (max-width:1199px) and (min-width:768px){
  .ao-main-table th,
  .ao-main-table td{
    padding:7px 7px;
    font-size:11px;
  }
  .ao-main-table .mono{
    font-size:10px;
  }
  .ao-main-table .ao-address-wrap{
    gap:4px;
  }
  .ao-main-table .ao-address-wrap .ao-addr-text-block{
    flex:1 1 auto;
    min-width:0;
  }
  .ao-main-table .ao-copy-btn{
    padding:1px 6px;
    font-size:10px;
  }
}

@media (max-width:767px){
  .ao-main-table th,
  .ao-main-table td{
    padding:6px 6px;
    font-size:11px;
  }
  .ao-main-table th[data-ao-priority="medium"],
  .ao-main-table td[data-ao-priority="medium"]{
    font-size:10px;
    letter-spacing:-0.02em;
  }
  .ao-main-table .ao-num{
    font-variant-numeric:tabular-nums;
  }
  .ao-stage-wallets{
    min-width:130px;
  }
}

@media (max-width:480px){
  .ao-main-table th[data-ao-priority="medium"],
  .ao-main-table td[data-ao-priority="medium"]{
    font-size:9px;
    padding-left:4px;
    padding-right:4px;
  }
}

/* Legacy mobile card slot — result grid is table-only for consistent exchange UX */
.ao-main-mobile{
  display:none !important;
}

.ao-markets-diag{
margin-top:8px;
font-size:12px;
line-height:1.5;
max-width:52rem;
}
.ao-diag-inner{
border:1px dashed rgba(148, 163, 184, 0.45);
border-radius:6px;
padding:8px 10px;
background:rgba(15, 23, 42, 0.35);
}
.ao-diag-samples{
display:block;
margin-top:6px;
word-break:break-all;
color:#94a3b8;
}

/* =============================
SYSTEM TAB V2
============================= */
.systemv2-block{
margin:0 0 14px;
padding:12px 13px;
border:1px solid #334155;
border-radius:10px;
background:linear-gradient(180deg, #111827 0%, #0f172a 100%);
box-shadow:0 1px 0 rgba(255,255,255,.02) inset;
}
.systemv2-block h3{
margin:0 0 10px;
font-size:14px;
letter-spacing:.02em;
color:#e2e8f0;
}
.systemv2-summary-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
gap:8px;
}
.systemv2-stat{
border:1px solid #334155;
border-radius:8px;
padding:9px 10px;
background:#0f172a;
display:flex;
flex-direction:column;
gap:3px;
}
.systemv2-k{
font-size:10px;
text-transform:uppercase;
letter-spacing:.04em;
color:#94a3b8;
}
.systemv2-v{
font-size:22px;
line-height:1.05;
font-weight:800;
color:#f8fafc;
}
.systemv2-stat-incident{
border-color:rgba(249,115,22,.6);
background:linear-gradient(180deg, rgba(249,115,22,.14) 0%, rgba(15,23,42,.9) 100%);
}
.systemv2-summary-meta{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
}
.systemv2-summary-chip{
font-size:11px;
color:#94a3b8;
padding:4px 8px;
border:1px solid #334155;
border-radius:999px;
background:#0b1220;
}
.systemv2-readiness-row{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
}
.systemv2-badge{
display:inline-block;
padding:2px 8px;
border-radius:999px;
font-size:11px;
font-weight:600;
}
.systemv2-badge-ok{background:rgba(34,197,94,.2);color:#86efac;}
.systemv2-badge-warn{background:rgba(250,204,21,.18);color:#fde68a;}
.systemv2-badge-neutral{background:#1e293b;color:#cbd5e1;border:1px solid #334155;}
.systemv2-readiness-meta{
font-size:11px;
color:#94a3b8;
}
.systemv2-dx-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:8px;
}
.systemv2-dx-block{
border:1px solid #334155;
border-radius:8px;
padding:8px;
background:#0b1220;
}
.systemv2-dx-block h4{
margin:0 0 8px;
font-size:12px;
text-transform:uppercase;
letter-spacing:.03em;
color:#cbd5e1;
}
.systemv2-infra-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:8px;
}
.systemv2-infra-block{
border:1px solid #334155;
border-radius:8px;
padding:8px;
background:#0b1220;
}
.systemv2-infra-block h4{
margin:0 0 8px;
font-size:12px;
color:#cbd5e1;
letter-spacing:.03em;
text-transform:uppercase;
}
.systemv2-infra-list{
display:grid;
gap:6px;
}
.systemv2-infra-item{
border:1px solid #334155;
border-radius:7px;
padding:7px 8px;
background:#0f172a;
}
.systemv2-infra-endpoint-hint{
margin:2px 0 0;
font-size:10px;
line-height:1.25;
color:#64748b;
font-weight:400;
}
.systemv2-inline-badge.systemv2-infra-up{
background:rgba(34,197,94,.2);
color:#86efac;
}
.systemv2-inline-badge.systemv2-infra-slow{
background:rgba(250,204,21,.2);
color:#fde68a;
}
.systemv2-inline-badge.systemv2-infra-down{
background:rgba(239,68,68,.2);
color:#fca5a5;
}
.systemv2-worker-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:9px;
}
.systemv2-worker-card{
border:1px solid #334155;
border-left-width:4px;
border-radius:8px;
padding:10px 11px;
background:#0f172a;
box-shadow:0 1px 0 rgba(255,255,255,.02) inset;
}
.systemv2-state-healthy{border-left-color:#22c55e;}
.systemv2-state-warning{border-left-color:#eab308;}
.systemv2-state-degraded{border-left-color:#f97316;}
.systemv2-state-critical{border-left-color:#ef4444;}
.systemv2-state-unknown{border-left-color:#64748b;}
.systemv2-worker-title{
font-weight:700;
font-size:13px;
line-height:1.35;
margin:0;
}
.systemv2-worker-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:7px;
}
.systemv2-state-chip{
font-size:10px;
font-weight:700;
letter-spacing:.03em;
text-transform:uppercase;
color:#e2e8f0;
background:#1e293b;
border:1px solid #334155;
padding:2px 7px;
border-radius:999px;
white-space:nowrap;
}
.systemv2-worker-reason{
font-size:12px;
line-height:1.4;
color:#cbd5e1;
margin-bottom:6px;
}
.systemv2-worker-meta{
display:flex;
flex-wrap:wrap;
gap:8px 10px;
font-size:11px;
line-height:1.35;
color:#94a3b8;
}
.systemv2-list{
display:grid;
gap:7px;
}
.systemv2-item{
border:1px solid #334155;
border-radius:8px;
padding:9px 10px;
background:#0f172a;
}
.systemv2-item-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:5px;
}
.systemv2-inline-badge{
font-size:10px;
font-weight:700;
letter-spacing:.03em;
text-transform:uppercase;
color:#cbd5e1;
background:#1e293b;
border:1px solid #334155;
padding:2px 7px;
border-radius:999px;
}
.systemv2-item-message{
font-size:13px;
line-height:1.38;
color:#e2e8f0;
margin-bottom:4px;
}
.systemv2-item-reason{
font-size:12px;
line-height:1.35;
color:#cbd5e1;
margin-bottom:4px;
}
.systemv2-item-meta{
font-size:11px;
line-height:1.3;
color:#94a3b8;
}
.systemv2-item-ts{
font-size:10px;
color:#64748b;
}
.systemv2-toolbar{
display:flex;
gap:8px;
align-items:center;
flex-wrap:wrap;
margin-bottom:10px;
}
.systemv2-btn{
font:inherit;
font-size:12px;
padding:6px 10px;
border-radius:6px;
border:1px solid #475569;
background:#1e293b;
color:#e2e8f0;
cursor:pointer;
}
.systemv2-btn:hover{
background:#334155;
}
.systemv2-empty{
padding:9px 10px;
border:1px dashed #475569;
border-radius:8px;
color:#64748b;
font-size:12px;
background:rgba(15,23,42,.45);
}
.systemv2-worker-card{
cursor:pointer;
transition:transform .2s ease, border-color .2s ease, opacity .2s ease, box-shadow .2s ease;
}
.systemv2-worker-card.active{
transform:translateY(-1px) scale(1.015);
border:1px solid rgba(255,255,255,.8);
box-shadow:0 8px 22px rgba(2,6,23,.35), 0 0 0 1px rgba(255,255,255,.08) inset;
}
.systemv2-worker-card.dimmed{
opacity:.58;
}
.systemv2-item.incident-highlight{
background:rgba(249,115,22,0.1);
border-color:rgba(249,115,22,.45);
}
.systemv2-item.incident-dimmed{
opacity:.62;
}
.systemv2-diag{
overflow:hidden;
}
.systemv2-diag-toggle{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
background:#0f172a;
border:1px solid #334155;
border-radius:8px;
padding:10px 12px;
color:#e2e8f0;
font:inherit;
cursor:pointer;
}
.systemv2-diag-toggle:hover{
background:#1e293b;
}
.systemv2-diag-chevron{
transition:transform .24s cubic-bezier(.2,.7,.2,1);
}
.systemv2-diag.collapsed .systemv2-diag-body{
max-height:0;
opacity:0;
padding-top:0;
overflow:hidden;
transition:max-height .25s ease, opacity .2s ease, padding-top .2s ease;
}
.systemv2-diag.expanded .systemv2-diag-body{
max-height:1200px;
opacity:1;
padding-top:10px;
overflow:hidden;
transition:max-height .3s ease, opacity .2s ease, padding-top .2s ease;
}
.systemv2-diag.expanded .systemv2-diag-chevron{
transform:rotate(180deg);
}
.systemv2-diag-section{
margin-bottom:10px;
border:1px solid rgba(51,65,85,.7);
border-radius:8px;
padding:8px;
background:rgba(15,23,42,.42);
}
.systemv2-diag-section h4{
margin:0 0 8px;
font-size:14px;
color:#e2e8f0;
}
.systemv2-diag-section h5{
margin:10px 0 6px;
font-size:12px;
color:#94a3b8;
text-transform:uppercase;
letter-spacing:.04em;
}
.systemv2-diag-domain-toggle{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
background:#0b1220;
border:1px solid #334155;
border-radius:8px;
padding:7px 9px;
color:#e2e8f0;
font:inherit;
cursor:pointer;
font-size:12px;
}
.systemv2-diag-domain-toggle:hover{
background:#111b2f;
}
.systemv2-diag-domain-body{
max-height:0;
opacity:0;
overflow:hidden;
padding-top:0;
transition:max-height .25s ease, opacity .2s ease, padding-top .2s ease;
}
.systemv2-diag-section.expanded .systemv2-diag-domain-body{
max-height:1200px;
opacity:1;
padding-top:8px;
}
.systemv2-diag-pill{
display:inline-block;
min-width:24px;
padding:2px 8px;
border-radius:999px;
font-size:11px;
text-align:center;
}
.systemv2-diag-pill.sev-normal{
background:#334155;
color:#cbd5e1;
}
.systemv2-diag-pill.sev-warning{
background:rgba(250,204,21,.2);
color:#fde68a;
}
.systemv2-diag-pill.sev-degraded{
background:rgba(249,115,22,.2);
color:#fdba74;
}
.systemv2-diag-pill.sev-critical{
background:rgba(239,68,68,.2);
color:#fca5a5;
}
.systemv2-diag-list .systemv2-item{
padding:7px 9px;
}
.systemv2-diag-compact .systemv2-item{
padding:7px 9px;
font-size:12px;
}
.systemv2-updated-indicator{
margin-left:auto;
font-size:11px;
color:#64748b;
letter-spacing:.01em;
}
@media (max-width:900px){
  .systemv2-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  .systemv2-block{
    padding:10px 10px;
  }
  .systemv2-worker-grid{
    grid-template-columns:1fr;
  }
  .systemv2-item-head{
    flex-wrap:wrap;
    align-items:flex-start;
  }
  .systemv2-updated-indicator{
    width:100%;
    margin-left:0;
  }
}