:root{
  --bg:#f7fafc;--surface:#ffffff;--surface-soft:#e3f4f8;--ink:#183745;--muted:#647a83;
  --line:#d8e8ed;--line-strong:#c4dde4;--brand:#269fb3;--brand-dark:#21879a;--brand-soft:#e3f4f8;
  --blue:#3f7f9a;--amber:#a96814;--red:#a33d3d;--green:#28734c;
  --shadow:0 16px 42px rgba(24,55,69,.09)
}

.sidebar-brand img {
  padding: 4px;
  border-radius: 11px;
  background: #ffffff;
}
body{background:var(--bg)}
.boot-screen{background:#f7fafc}.boot-card:after{background:linear-gradient(90deg,#269fb3,#8ed5e1)}
.login-visual{background:linear-gradient(145deg,#269fb3,#256b7a 68%,#204f5c)}
.orb-one{background:radial-gradient(circle at 35% 35%,#85dbe6,transparent 66%)}
.orb-two{background:radial-gradient(circle at 55% 40%,#e8d7b2,transparent 68%)}
.sidebar{background:#256b7a;color:#eaf7fa}
.sidebar-brand span{color:#c8e5eb}.nav-item{color:#d8edf1}.nav-item small{color:#9cc9d2}
.nav-item.active{background:#348fa3}.nav-item:hover{background:rgba(255,255,255,.10)}
.sidebar .avatar{background:#d7f1f5;color:#256b7a}.mini-user span:not(.avatar),.logout-link{color:#c7e1e7}
.sidebar-footer>small{color:#8fbdc7}.avatar{background:#e3f4f8;color:#256b7a}
.app-header{background:rgba(255,255,255,.95)}
.button.primary{background:#269fb3}.button.primary:hover{background:#21879a}
.button.secondary{background:#ffffff;color:#365d68}.button.secondary:hover{border-color:#a9ced7}
.google-button:hover{border-color:#a9ced7;box-shadow:0 12px 28px rgba(24,55,69,.12)}
.metric-card,.panel,.health-card,.module-tile,.status-tab{background:var(--surface)}
.metric-card{box-shadow:0 6px 20px rgba(24,55,69,.04)}
.metric-card:hover{border-color:#c7dfe5}.metric-card.accent-teal:before{background:#269fb3}
.status-tab.active,.legacy-tab.active{border-color:#a9ced7;background:var(--brand-soft);box-shadow:inset 0 0 0 1px #c7dfe5}
.workspace-hero{background:linear-gradient(135deg,#ffffff,#e3f4f8)}.workspace-mark{background:#256b7a;box-shadow:0 16px 34px rgba(24,55,69,.18)}
.search-box,.legacy-form-grid input[readonly]{background:#f2f8fa}.data-table th{background:#f5fafb}
.data-table tbody tr:hover{background:#f5fafb}.recent-item,.data-table td,.detail-row,.migration-row,.legacy-fieldset,.legacy-table-caption{border-color:#e3eef1}
.legacy-form-grid label>span{color:#536e77}.legacy-form-grid input:focus,.legacy-form-grid select:focus,.legacy-form-grid textarea:focus{border-color:#269fb3;box-shadow:0 0 0 3px rgba(38,159,179,.12)}
.legacy-safety-chip,.export-safety-chip{border-color:#c4dde4;background:#ffffff;color:#4f6972}.legacy-safety-chip:before,.export-safety-chip:before{background:#269fb3}
.legacy-tab{color:#5d747d}.legacy-tab span{background:#eaf5f8;color:#5d747d}
.timeline-item:before{box-shadow:0 0 0 5px #e3f4f8}

.export-safety-chip{display:inline-flex;align-items:center;border:1px solid #c4dde4;border-radius:999px;padding:9px 13px;font-size:.7rem;font-weight:800;white-space:nowrap}
.export-safety-chip:before{content:"";width:7px;height:7px;border-radius:50%;margin-right:7px}
.export-flow{padding:18px 22px;margin-bottom:20px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center}
.export-flow>b{color:#b4cbd1;text-align:center}.export-flow-step{display:flex;align-items:center;gap:12px;padding:8px}
.export-flow-step>span{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#e7f2f5;color:#5d747d;font-size:.72rem;font-weight:900}
.export-flow-step.active>span{background:#269fb3;color:#fff}.export-flow-step div{display:grid;gap:3px}.export-flow-step strong{font-size:.82rem}.export-flow-step small{font-size:.66rem;color:var(--muted);line-height:1.35}
.export-metrics{margin-bottom:20px}.export-analysis-panel{margin-bottom:20px}
.export-analysis-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 22px 16px}
.export-analysis-head h2{font-size:1.08rem;margin:3px 0 0}.export-analysis-head p{margin:7px 0 0;color:var(--muted);font-size:.72rem}
.export-filter-bar{display:grid;grid-template-columns:auto auto minmax(220px,1fr);gap:12px;padding:14px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}
.export-filter-group{display:flex;gap:6px;flex-wrap:wrap}.export-filter{border:1px solid var(--line);background:#ffffff;color:#5d747d;border-radius:999px;padding:8px 11px;font-size:.68rem;font-weight:800;cursor:pointer}
.export-filter.active{background:#269fb3;border-color:#269fb3;color:#fff}.export-module-filter{display:flex;align-items:center;gap:8px;font-size:.68rem;color:var(--muted)}
.export-module-filter select{border:1px solid var(--line-strong);border-radius:9px;background:#ffffff;color:var(--ink);padding:8px 9px;font-size:.72rem}.export-search{min-height:38px}
.export-selection-bar{display:flex;align-items:center;gap:18px;padding:12px 18px;background:#f5fafb;border-bottom:1px solid var(--line);font-size:.7rem;color:#536e77}
.export-selection-bar label{display:flex;align-items:center;gap:7px}.export-selection-bar input,.export-row-check{accent-color:#269fb3}.export-selection-bar>span{margin-left:auto}.export-selection-bar strong{color:#256b7a}
.export-analysis{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.63rem;font-weight:850;white-space:nowrap}
.export-analysis[data-export-state="READY"]{background:#e3f4f8;color:#365d68}.export-analysis[data-export-state="EXISTING"]{background:#edf4f6;color:#607882}.export-analysis[data-export-state="REVIEW"]{background:#fff0db;color:#8a5b13}
.export-table-caption{margin:0;padding:12px 18px 15px;color:var(--muted);font-size:.68rem;border-top:1px solid #e3eef1}
.export-stage-panel{margin:20px 0 30px;padding:24px}.export-stage-copy h2{font-size:1.14rem;margin:3px 0}.export-stage-copy p{color:var(--muted);font-size:.74rem;line-height:1.5;margin:7px 0 0}
.export-stage-stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:20px 0}.export-stage-stats>div{background:#f2f8fa;border:1px solid var(--line);border-radius:12px;padding:14px}.export-stage-stats span{display:block;color:var(--muted);font-size:.65rem}.export-stage-stats strong{display:block;font-size:.9rem;margin-top:6px;overflow-wrap:anywhere}
.export-stage-actions{display:flex;justify-content:flex-end;gap:9px}.export-lock-note{margin:14px 0 0;padding:11px 13px;border-radius:10px;background:#fff5e8;color:#80591e;font-size:.68rem;line-height:1.5}
.export-mobile-record{align-items:start}.export-mobile-check{display:flex;align-items:center;gap:8px;margin-top:8px;color:#536e77;font-size:.68rem}

@media(max-width:980px){.export-flow{grid-template-columns:1fr}.export-flow>b{display:none}.export-filter-bar{grid-template-columns:1fr 1fr}.export-search{grid-column:span 2}.export-stage-stats{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.export-safety-chip{justify-self:start}.export-filter-bar{grid-template-columns:1fr}.export-search{grid-column:auto}.export-selection-bar{display:grid;gap:10px}.export-selection-bar>span{margin-left:0}.export-selection-bar .button{width:100%}.export-stage-stats{grid-template-columns:1fr}.export-stage-actions{display:grid}.export-stage-actions .button{width:100%}.export-analysis-head{display:grid}.export-analysis-head .button{width:100%}}
