/* Dashboard */
.dash-strip{display:flex;align-items:center;gap:8px;padding:14px 18px;flex-wrap:wrap}
.strip-item{display:flex;align-items:center;gap:10px;padding:2px 18px 2px 4px;min-width:0}
.strip-item+.strip-item{border-left:1px solid var(--line);padding-left:18px}
.strip-item div{display:grid;line-height:1.35;min-width:0}
.strip-item span{font-size:12px;color:var(--muted)}
.strip-item strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.strip-item strong.ok{color:var(--green-deep)}
.strip-item strong.bad{color:var(--red-deep)}
.strip-item strong.link{color:var(--blue-deep)}
.strip-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.clock{display:grid;text-align:right;line-height:1.3}
.clock strong{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.clock span{font-size:12px;color:var(--muted)}

.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.kpi{
  position:relative;display:grid;gap:6px;align-content:start;min-width:0;padding:16px 18px;overflow:hidden;text-align:left;
  border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:inherit;
  transition:border-color .18s ease,transform .18s var(--ease),box-shadow .18s ease;
}
button.kpi:hover{border-color:var(--blue-line);transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,99,235,.08)}
.kpi-head{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:13px}
.kpi-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--blue-softer);color:var(--blue)}
.kpi-icon .icon{width:17px;height:17px}
.kpi.green .kpi-icon{background:var(--green-soft);color:var(--green)}
.kpi.red .kpi-icon{background:var(--red-soft);color:var(--red)}
.kpi.amber .kpi-icon{background:var(--amber-soft);color:var(--amber)}
.kpi.violet .kpi-icon{background:var(--violet-soft);color:var(--violet)}
.kpi-value{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kpi-foot{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi::after{content:"";position:absolute;right:-26px;bottom:-34px;width:96px;height:96px;border-radius:50%;background:currentColor;opacity:.05;pointer-events:none}
.kpi.green::after{color:var(--green)}.kpi.red::after{color:var(--red)}.kpi.amber::after{color:var(--amber)}.kpi.violet::after{color:var(--violet)}.kpi.blue::after{color:var(--blue)}

.dash-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:var(--gap);align-items:stretch}
.dash-grid.two{grid-template-columns:1.4fr 1fr}
.dash-grid>.card{display:flex;flex-direction:column}
.dash-grid>.card>.card-body{flex:1}
.composition-bar{display:flex;height:12px;border-radius:var(--radius-pill);overflow:hidden;background:var(--surface-sunken);gap:2px}
.composition-bar span{display:block;min-width:3px;transition:flex-grow .4s var(--ease)}
.legend{display:grid;gap:2px;margin-top:14px}
.legend-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 2px;border-bottom:1px dashed var(--line)}
.legend-row:last-child{border-bottom:0}
.legend-row i{width:9px;height:9px;border-radius:3px}
.legend-row span{color:var(--text-2)}
.legend-row strong{font-variant-numeric:tabular-nums;font-weight:650}
.legend-row em{font-style:normal;color:var(--muted);font-size:12px;min-width:42px;text-align:right;font-variant-numeric:tabular-nums}
.kv{display:grid;gap:0}
.kv-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px dashed var(--line);min-width:0}
.kv-row:last-child{border-bottom:0}
.kv-row span{color:var(--text-2);white-space:nowrap}
.kv-row strong{font-weight:600;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.kv-row strong.ok{color:var(--green-deep)}
.kv-row strong.bad{color:var(--red-deep)}
.kv-row strong.warn{color:var(--amber-deep)}
.mini-table{width:100%;border-collapse:collapse;font-size:13px}
.mini-table th{padding:8px 10px;text-align:left;font-weight:600;font-size:12px;color:var(--muted);background:var(--surface-subtle);border-bottom:1px solid var(--line);white-space:nowrap}
.mini-table td{padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}
.mini-table tr:last-child td{border-bottom:0}
.mini-table .num{text-align:right}
.mini-table .tag-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.mini-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:auto}
.job-feed{display:grid;gap:8px}
.job-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle)}
.job-item .kpi-icon{width:30px;height:30px}
.job-item div{display:grid;min-width:0;line-height:1.4}
.job-item strong{font-weight:600}
.job-item span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-links{display:flex;gap:8px;flex-wrap:wrap}

/* Node tables */
.table-card{display:grid}
.table-card>.card-head{flex-wrap:wrap}
.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.head-label{font-size:12px;color:var(--muted);white-space:nowrap}
.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 var(--pad) 14px}
.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.filters.compact{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.filters.compact select{width:170px}
.filters.compact input{width:240px}
.search-field{position:relative;display:inline-flex;align-items:center}
.search-field .icon{position:absolute;left:11px;color:var(--muted);pointer-events:none}
.search-field input{padding-left:34px}
.selection-host{display:flex;align-items:center;min-height:36px}
.selection-hint{color:var(--muted);font-size:13px}
.selection-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 4px 4px 12px;border:1px solid var(--blue-line);border-radius:12px;background:var(--blue-softer);animation:rise .2s var(--ease) both}
.selection-bar>strong{font-weight:600;color:var(--blue-deep);margin-right:4px;font-variant-numeric:tabular-nums}
.table-card>.action-status{margin:0 var(--pad) 14px}
.table-card .node-table{margin:0 var(--pad) var(--pad);max-height:calc(100vh - 290px)}
.auto-probe-panel{width:240px;padding:12px;gap:10px}
.auto-probe-panel .number-suffix{width:100%}
.row-menu-panel.auto-probe-panel .btn{justify-content:center;border-color:var(--blue-line);background:var(--blue-softer);color:var(--blue-deep)}
.group-list{display:grid;gap:8px}
.group-item{display:grid;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:12px}
.group-item[draggable=true]{cursor:grab}
.group-item.dragging{opacity:.45}
.group-main{display:flex;align-items:center;justify-content:space-between;gap:10px}
.drag-handle{color:var(--muted);font-weight:700}
.pool-toolbar,.list-tools,.action-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* Import */
.import-layout{display:grid;gap:var(--gap);align-items:start}
.import-form{display:grid;gap:16px}
.import-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;align-items:end}
.chain-import-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.chain-import-actions{display:flex;gap:6px;align-items:center}
.import-footer{display:grid;gap:10px;padding-top:4px}
.import-footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.import-footer-row .status{flex:1;min-width:0}
.job-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle)}
.job-summary div{display:grid;gap:2px;min-width:0}
.job-summary strong{font-weight:600}
.job-summary span{color:var(--muted);font-size:12.5px}
.port-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mini-stat{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle)}
.mini-stat span{font-size:12px;color:var(--muted)}
.mini-stat strong{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}
.mini-stat.green strong{color:var(--green-deep)}.mini-stat.red strong{color:var(--red-deep)}.mini-stat.amber strong{color:var(--amber-deep)}
.port-list{max-height:420px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:6px;padding-right:2px}
.import-format-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle)}

/* Verification policy & site selectors */
.verification-policy{display:grid;gap:12px;border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:var(--surface-subtle)}
.verification-policy-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.verification-policy-head strong{display:block;font-weight:600}
.verification-policy-head>div>span{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.verification-targets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.site-indicator,.site-selector{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 12px;display:grid;gap:2px;text-align:left;color:inherit}
.site-indicator{display:flex;align-items:center;gap:7px;padding:6px 10px;background:var(--surface-subtle);min-width:0}
.site-indicator strong,.site-selector strong{font-size:13.5px;font-weight:600}
.site-indicator span,.site-selector span{font-size:12px;color:var(--muted)}
.site-indicator span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-selector{position:relative;cursor:pointer;transition:border-color .16s ease,background .16s ease}
.site-selector:hover{border-color:var(--blue-line)}
.site-selector.selected{border-color:#86efac;background:var(--green-soft)}
.site-selector.selected strong{color:var(--green-deep)}
.site-selector{padding-right:22px}
.site-selector.selected::after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--green)}
.site-selector:disabled{opacity:.55;cursor:not-allowed}
.verification-targets .site-selector{min-height:58px;align-content:center}
.site-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}

/* Connectivity */
.connectivity-layout{display:grid;gap:var(--gap)}
.connectivity-scope-summary{display:flex;align-items:center;gap:14px;color:var(--text-2)}
.tag-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}
.tag-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface);cursor:pointer;transition:border-color .16s ease,background .16s ease}
.tag-option:hover{border-color:var(--blue-line);background:var(--blue-softer)}
.tag-option:has(input:checked){border-color:var(--blue-line);background:var(--blue-softer)}
.tag-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.connectivity-scope-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:16px;flex-wrap:wrap}
.connectivity-test-controls{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;min-width:0}
.connectivity-timeout-field{display:grid;grid-template-columns:auto 112px;align-items:center;gap:6px 10px;min-width:210px}
.connectivity-timeout-field label{font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap}
.connectivity-progress{display:grid;gap:12px;border:1px solid var(--blue-line);background:var(--surface);border-radius:var(--radius-lg);padding:16px 18px}
.connectivity-idle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:rgba(255,255,255,.6);color:var(--muted)}
.connectivity-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.connectivity-matrix-row{display:grid;grid-template-columns:minmax(150px,1fr) repeat(4,minmax(150px,1fr));min-width:780px;border-bottom:1px solid var(--line)}
.connectivity-matrix-row:last-child{border-bottom:0}
.connectivity-matrix-row>div{padding:12px 14px;border-right:1px solid var(--line);min-width:0}
.connectivity-matrix-row>div:last-child{border-right:0}
.connectivity-matrix-head{background:var(--surface-subtle);font-weight:600;color:var(--text-2);font-size:13px}
.connectivity-cell{display:grid;gap:3px}
.connectivity-cell strong{font-weight:650;font-variant-numeric:tabular-nums}
.connectivity-cell span{font-size:12px;color:var(--muted)}
.connectivity-cell.good strong{color:var(--green-deep)}
.connectivity-cell.partial strong{color:var(--amber-deep)}
.connectivity-cell.bad strong{color:var(--red-deep)}
.connectivity-detail-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(120px,.7fr) 110px 100px 110px minmax(220px,1.4fr);gap:12px;align-items:center;min-width:900px;padding:10px 14px;border-bottom:1px solid var(--line)}
.connectivity-detail-row:last-child{border-bottom:0}
.connectivity-detail-head{position:sticky;top:0;font-weight:600;font-size:12.5px;color:var(--muted);background:var(--surface-subtle)}
.connectivity-detail-collapsed{padding:16px 20px;color:var(--muted)}
.port-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.connectivity-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.connectivity-change-list{display:grid;gap:6px;max-height:320px;overflow:auto;margin-top:12px}
.connectivity-change-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.7fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface-subtle)}
.connectivity-change-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.result-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}

/* Settings */
.settings-grid{display:grid;gap:var(--gap)}
.settings-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:start}
.settings-column{display:grid;gap:var(--gap);align-content:start;min-width:0}
.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-form .wide{grid-column:1/-1}
.settings-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:2px}
.time-grid{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.time-grid .field{width:120px}
.source-row{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:var(--surface);transition:border-color .16s ease}
.source-row:hover{border-color:var(--blue-line)}
.source-row-select{display:flex;align-items:center;justify-content:center;width:28px;min-width:28px;min-height:28px}
.chain-list{display:grid;gap:8px}
.chain-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;background:var(--surface)}
.chain-main{min-width:0;display:grid;gap:6px}
.chain-main .source-value{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.chain-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.chain-dialog{width:min(560px,100%);padding:0;overflow:hidden}
.chain-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.chain-dialog-head h2{margin:0;font-size:16px}
.chain-dialog-body{padding:18px 20px;display:grid;gap:14px}
.chain-dialog-body textarea{min-height:120px;max-height:220px}
.chain-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface-subtle)}
.backup-settings-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:24px}
.backup-pane{min-width:0;display:grid;align-content:start;gap:14px}
.backup-pane+.backup-pane{border-left:1px solid var(--line);padding-left:24px}
.backup-pane h3{margin:0;font-size:14px}
.backup-file{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface-subtle)}
.backup-file-main{min-width:0;display:grid;gap:2px}
.backup-file-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.subscription-export-list{display:grid;gap:6px;max-height:240px;overflow:auto}
.subscription-export-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface-subtle);cursor:pointer}
.subscription-export-item code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.export-tag-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--surface)}
.export-tag-main{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.binding-progress{display:grid;gap:12px}
.binding-progress-list{display:grid;gap:6px;max-height:320px;overflow:auto}
.binding-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface-subtle)}
.binding-progress-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Refresh jobs */
.refresh-status{display:grid;gap:12px;border:1px solid var(--blue-line);background:var(--blue-softer);border-radius:var(--radius);padding:14px}
.refresh-status.done{border-color:var(--green-line);background:var(--green-soft)}
.refresh-status.failed{border-color:var(--red-line);background:var(--red-soft)}
.refresh-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.refresh-status-head strong{display:block;font-weight:600}
.refresh-stats{display:flex;gap:6px 16px;flex-wrap:wrap;color:var(--text-2);font-size:13px;font-variant-numeric:tabular-nums}
.refresh-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.refresh-top{display:flex;align-items:center;gap:10px;max-width:380px;min-height:34px;border:1px solid var(--blue-line);background:var(--surface);border-radius:10px;padding:5px 12px;color:var(--blue-deep);text-align:left;font-size:13px}
.refresh-top:hover{background:var(--blue-softer)}
.refresh-top>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.refresh-top .progress{width:72px;height:6px;flex:none}
.refresh-detail-list{display:grid;gap:12px;max-height:min(56vh,560px);overflow:auto;padding-right:4px}

/* Bulk */
.bulk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bulk-group{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle)}
.bulk-group>strong{margin-bottom:6px;font-weight:650}
.bulk-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:40px;padding:4px 10px;margin:0 -10px;border-radius:10px;cursor:pointer}
.bulk-option:hover{background:var(--surface)}

/* Ports & logs */
.port-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.port-list-limited{max-height:520px;overflow:auto;padding-right:4px}
.section{display:grid;gap:10px}
.section h3{font-size:14px;color:var(--text-2)}
.log-card{height:calc(100vh - var(--topbar-h) - 56px);display:flex;flex-direction:column}
.log-card .card-body{flex:1;min-height:0}
pre.log-view{height:100%;max-height:none;background:#0f172a;color:#cbd5e1;border-color:#0f172a;font-size:12.5px}

@media(max-width:1280px){
  .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dash-grid,.dash-grid.two{grid-template-columns:1fr 1fr}
  .verification-targets{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .kpi-grid,.dash-grid,.dash-grid.two,.port-stats,.port-summary{grid-template-columns:1fr 1fr}
  .filters{grid-template-columns:1fr}
  .filters.compact select,.filters.compact input{width:100%}
  .settings-columns,.settings-form,.backup-settings-grid,.import-meta{grid-template-columns:1fr}
  .backup-pane+.backup-pane{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}
  .settings-actions{justify-content:stretch}
  .settings-actions .btn{width:100%}
  .table-head{display:none}
  .table-head,.table-row{min-width:0}
  .table-row{grid-template-columns:1fr}
  .time-grid .field{width:100%}
  .tag-picker{grid-template-columns:1fr}
  .port-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .result-metrics,.bulk-grid{grid-template-columns:1fr}
  .strip-item+.strip-item{border-left:0;padding-left:4px}
}