.system-compact-head,.compact-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}
.system-head-main,.compact-head>div{min-width:0;flex:1}
.system-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.system-reason{font-size:10px;margin:3px 0 0}
.warn-text{color:var(--warning-text)}
.compact-actions{justify-content:flex-end;margin:0}
.compact-actions .action-btn{min-height:34px;padding:7px 9px;font-size:10px}
.compact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.compact-metric{padding:11px 12px;box-shadow:none}
.compact-metric span{display:block;color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.compact-metric strong{display:block;margin-top:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-card{padding:13px;box-shadow:none}
.compact-grid-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:10px;margin-bottom:10px}
.compact-section-head{align-items:center}
.compact-section-head h2{font-size:14px;margin:1px 0}
.compact-copy{font-size:10px;margin:3px 0 0}
.compact-chart{width:100%;height:72px;margin:6px 0 0}
.compact-ring{width:58px;height:58px}.compact-ring:before{inset:6px}.compact-ring strong{font-size:14px}
.readiness-checks{font-size:10px;line-height:1.55}
.system-tags{margin-top:5px}.system-note{font-size:9px;margin:5px 0 0}
.inline-anomaly{margin-top:7px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 8px;border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border));background:var(--warning-soft);border-radius:8px}
.inline-anomaly strong,.inline-anomaly small{display:block}.inline-anomaly strong{font-size:10px}.inline-anomaly small{font-size:9px;color:var(--muted)}.inline-anomaly a{font-size:9px;font-weight:800;color:var(--warning-text)}
.compare-quick-card{margin-bottom:10px}
.quick-compare-form,.compare-picker{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:8px}
.quick-compare-form label>span,.compare-picker label>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:850;margin-bottom:4px}
.quick-compare-form select,.compare-picker select{margin:0;min-height:34px;padding:7px 9px;font-size:10px}
.compare-arrow{align-self:center;color:var(--muted);font-weight:900}
.history-card{margin-top:0}
.compact-table table{font-size:10px}
.compact-table th,.compact-table td{padding:7px 8px}
.compact-table th{font-size:7.5px}
.compact-table .status{font-size:7.5px;padding:3px 6px}
.compare-picker-card{margin-bottom:10px}
.compare-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.compare-summary-grid .metric-card{min-width:0}
.compare-summary-grid .metric-card span,.compare-summary-grid .metric-card small{display:block}
.compare-summary-grid .metric-card strong{font-size:16px;margin:3px 0}
.compare-summary-grid .metric-card small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compare-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.path-cell{max-width:360px;word-break:break-word}
.delta-up{color:var(--warning-text);font-weight:800}.delta-down{color:var(--success-text);font-weight:800}
.compare-note{font-size:9px;margin:8px 0 0}
.temp-clean-note{font-size:9px;color:var(--success-text);padding:6px 2px 0}
.action-row{margin:8px 0}
.table-wrap{border-radius:9px}
.log{max-height:320px}
.section-head{gap:10px}
.back{margin-bottom:4px}

@media(max-width:1100px){
  .compact-grid-main,.compare-two-col{grid-template-columns:1fr}
  .compact-metrics,.compare-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-compact-head{align-items:flex-start;flex-direction:column}
  .compact-actions{justify-content:flex-start;width:100%}
}
@media(max-width:760px){
  .system-compact-head,.compact-head{align-items:flex-start;flex-direction:column}
  .compact-metrics,.compare-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-compare-form,.compare-picker{grid-template-columns:1fr}
  .compare-arrow{display:none}
  .quick-compare-form .action-btn,.compare-picker .action-btn{width:100%}
  .compact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .compact-actions form,.compact-actions form button,.compact-actions>.action-btn{width:100%}
  .compare-two-col{grid-template-columns:1fr}
}
@media(max-width:640px){
  .compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .table-wrap:not(.calendar-wrap){overflow:visible;border:0;background:transparent}
  .table-wrap:not(.calendar-wrap) table:not(.heatmap),
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) tbody,
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) tr,
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) td{display:block;width:100%}
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) thead{
    position:absolute!important;
    width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;border:0!important;
  }
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) tbody{display:grid;gap:8px}
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) tr{
    padding:8px 10px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    box-shadow:var(--shadow-sm);
  }
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) tr:hover td{background:transparent}
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) td{
    display:grid;
    grid-template-columns:minmax(88px,35%) minmax(0,1fr);
    gap:8px;
    align-items:start;
    padding:6px 0;
    border-bottom:1px solid var(--border);
    text-align:left;
    min-width:0!important;
    max-width:none!important;
  }
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) td:last-child{border-bottom:0}
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:8px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.06em;
    overflow-wrap:anywhere;
  }
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) td[colspan]{
    display:block;
    text-align:center;
    padding:10px 0;
  }
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) td[colspan]::before{display:none}
  .table-wrap:not(.calendar-wrap) table:not(.heatmap) td .status{justify-self:start}
  .path-cell{word-break:break-word}
}
@media(max-width:430px){
  .compact-metrics,.compare-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-metric{padding:10px}
  .compact-metric strong{font-size:11px}
  .compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:350px){
  .compact-metrics,.compare-summary-grid,.compact-actions{grid-template-columns:1fr}
}