:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f7f7f7;
  --surface-3: #e5e5e5;
  --border: #e5e5e5;
  --text: #0f0f0f;
  --muted: #606060;
  --accent: #ff0000;
  --accent-strong: #cc0000;
  --accent-soft: rgba(255, 0, 0, .08);
  --red: #d93025;
  --sidebar: #ffffff;
  --shadow: 0 18px 50px rgba(15,15,15,.16);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); }
body.auth-locked { overflow:hidden; }
button, input, select { font:inherit; }
button { cursor:pointer; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:240px minmax(0,1fr); }
.sidebar { position:sticky; top:0; height:100vh; overflow:auto; padding:24px 18px; background:var(--sidebar); border-right:1px solid var(--border); display:flex; flex-direction:column; }
.brand { display:flex; align-items:center; gap:12px; padding:0 8px 24px; }
.brand-mark { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:var(--accent); color:#fff; font-weight:800; box-shadow:0 7px 18px rgba(255,0,0,.2); }
.brand strong, .brand span, .sidebar-foot strong, .sidebar-foot span { display:block; }
.brand span, .sidebar-foot span { margin-top:3px; color:var(--muted); font-size:12px; }
.nav { display:grid; gap:6px; }
.nav-item { width:100%; border:0; background:transparent; color:var(--muted); text-align:left; padding:12px 13px; border-radius:10px; }
.nav-item span, .nav-item small { display:block; }
.nav-item small { margin-top:3px; opacity:.72; }
.nav-item:hover { background:var(--surface-2); color:var(--text); }
.nav-item.active { background:var(--accent-soft); color:var(--accent); }
.system-nav { margin-top:10px; padding-top:16px; border-top:1px solid var(--border); border-radius:0 0 10px 10px; }
.sidebar-foot { margin-top:auto; display:flex; gap:10px; align-items:center; padding:14px 8px 0; border-top:1px solid var(--border); }
.status-dot { width:9px; height:9px; border-radius:999px; background:var(--accent-strong); box-shadow:0 0 0 5px var(--accent-soft); }
.main { min-width:0; padding:26px clamp(22px,4vw,56px) 60px; }
.topbar { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
.topbar h1 { margin:4px 0 0; font-size:clamp(26px,3vw,38px); letter-spacing:-.03em; }
.eyebrow { margin:0; color:var(--accent); font-size:11px; letter-spacing:.14em; font-weight:700; }
.top-actions { display:flex; align-items:center; gap:10px; }
.role-switch { display:flex; align-items:center; gap:7px; }
.role-switch > span { margin:0; white-space:nowrap; }
.role-switch select { width:auto; min-width:170px; padding:8px 30px 8px 10px; }
.privacy-chip, .tag { display:inline-flex; align-items:center; border:1px solid var(--border); border-radius:999px; padding:6px 9px; color:var(--muted); font-size:11px; letter-spacing:.05em; }
.tag.amber { color:var(--accent-strong); border-color:rgba(255,0,0,.25); background:var(--accent-soft); }
.page { display:none; }
.page.active { display:block; }
.auth-gate { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:22px; background:rgba(255,255,255,.96); backdrop-filter:blur(16px); }
.auth-gate[hidden] { display:none; }
.auth-card { width:min(480px,100%); padding:34px; border:1px solid var(--border); border-radius:20px; background:#fff; box-shadow:var(--shadow); }
.auth-card .brand-mark { margin-bottom:22px; }
.auth-card h1 { margin:7px 0 10px; font-size:30px; letter-spacing:-.04em; }
.auth-form { display:grid; gap:12px; margin-top:24px; }
.auth-form[hidden] { display:none; }
.auth-kolmkt-login { margin-top:24px; justify-content:center; text-align:center; text-decoration:none; }
.auth-kolmkt-login[hidden] { display:none; }
.auth-otp-row { display:grid; gap:12px; padding-top:12px; border-top:1px solid var(--border); }
.auth-otp-row[hidden] { display:none; }
.integration-grid { margin-top:16px; }
.integration-detail p { color:var(--muted); line-height:1.65; }
.integration-detail dl { display:grid; gap:8px; margin:16px 0; }
.integration-detail dl div { display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px solid var(--border); }
.integration-detail dt { color:var(--muted); }
.integration-detail dd { margin:0; font-weight:700; text-align:right; }
.member-actions { display:flex; gap:8px; align-items:center; margin-top:10px; }
.member-actions select { min-width:130px; }
.connector-actions { display:flex; flex-wrap:wrap; gap:8px; }
.tag.ok { color:#18794e; border-color:rgba(24,121,78,.25); background:rgba(24,121,78,.08); }
.tag.pending { color:#9a6700; border-color:rgba(154,103,0,.25); background:rgba(154,103,0,.08); }
.stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.stat-card, .panel, .filter-panel, .table-panel { background:var(--surface); border:1px solid var(--border); border-radius:16px; box-shadow:0 2px 10px rgba(15,15,15,.035); }
.stat-card { padding:18px; }
.stat-card span, .stat-card small { display:block; color:var(--muted); }
.stat-card strong { display:block; margin:12px 0 5px; font-size:30px; letter-spacing:-.04em; }
.panel { padding:20px; }
.panel h2, .page-intro h2, .architecture-layer h3 { margin:4px 0 0; }
.panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; }
.two-column { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:16px; margin-bottom:16px; }
.readiness-list { display:grid; gap:13px; }
.readiness-row { display:grid; grid-template-columns:135px 1fr 52px; align-items:center; gap:10px; }
.readiness-row span { color:var(--muted); font-size:13px; }
.progress { height:7px; overflow:hidden; background:var(--surface-3); border-radius:999px; }
.progress i { display:block; height:100%; background:var(--accent-strong); border-radius:999px; }
.action-list { margin:0; padding:0; list-style:none; display:grid; gap:16px; }
.action-list li { display:grid; gap:4px; padding-left:18px; position:relative; }
.action-list li::before { content:""; position:absolute; left:0; top:7px; width:7px; height:7px; border-radius:99px; background:var(--accent); }
.action-list span { color:var(--muted); font-size:13px; }
.mini-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mini-project { padding:13px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.mini-project strong, .mini-project span { display:block; }
.mini-project span { margin-top:8px; color:var(--muted); font-size:12px; }
.workflow-strip { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:18px 20px; margin-bottom:12px; border:1px solid var(--border); border-radius:16px; background:linear-gradient(90deg,var(--accent-soft),#fff 42%); }
.workflow-copy strong { display:block; margin-top:5px; font-size:16px; }
.workflow-steps { display:flex; align-items:center; gap:22px; margin:0; padding:0; list-style:none; color:var(--muted); font-size:12px; white-space:nowrap; }
.workflow-steps li { display:flex; align-items:center; gap:7px; position:relative; }
.workflow-steps li + li::before { content:""; position:absolute; right:calc(100% + 7px); width:8px; height:1px; background:var(--border); }
.workflow-steps span { width:24px; height:24px; display:grid; place-items:center; border-radius:999px; background:var(--surface-2); color:var(--muted); font-weight:800; }
.workflow-steps .active { color:var(--text); font-weight:700; }
.workflow-steps .active span { background:var(--accent); color:#fff; }
.filter-panel { padding:18px; margin-bottom:12px; }
.geo-panel { margin:0 0 12px; padding:14px 18px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:0 2px 10px rgba(15,15,15,.035); }
.geo-panel > summary { font-weight:700; color:var(--text); }
.geo-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(220px,.4fr); gap:16px; margin-top:14px; }
.world-map { position:relative; min-height:300px; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:linear-gradient(180deg,#f8fbfd,#eef3f5); }
.world-map-canvas { position:absolute; inset:0; background:radial-gradient(circle at 25% 40%,rgba(255,0,0,.07),transparent 23%),radial-gradient(circle at 68% 38%,rgba(15,15,15,.06),transparent 27%); transform-origin:center; transition:transform .2s ease; }
.map-grid { position:absolute; inset:0; opacity:.45; background-image:linear-gradient(rgba(96,96,96,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(96,96,96,.14) 1px,transparent 1px); background-size:10% 20%; }
.world-map-canvas::before,.world-map-canvas::after { content:""; position:absolute; border-radius:48% 52% 44% 56%; background:#d9dfe2; opacity:.9; }
.world-map-canvas::before { width:34%; height:48%; left:8%; top:18%; transform:rotate(-10deg); box-shadow:78px 135px 0 -42px #d9dfe2; }
.world-map-canvas::after { width:42%; height:48%; right:9%; top:19%; transform:rotate(8deg); box-shadow:-35px 122px 0 -48px #d9dfe2,110px 105px 0 -58px #d9dfe2; }
.map-pin { position:absolute; z-index:2; padding:5px 8px; border:1px solid rgba(255,0,0,.22); border-radius:999px; background:rgba(255,255,255,.94); color:var(--accent-strong); font-size:11px; box-shadow:0 4px 12px rgba(15,15,15,.08); }
.map-pin:hover,.map-pin.active { background:var(--accent); color:#fff; }
.pin-us{left:18%;top:37%}.pin-ca{left:19%;top:24%}.pin-uk{left:45%;top:28%}.pin-de{left:50%;top:32%}.pin-fr{left:47%;top:38%}.pin-es{left:44%;top:44%}.pin-ae{left:58%;top:51%}.pin-in{left:66%;top:52%}.pin-jp{left:83%;top:39%}.pin-kr{left:79%;top:42%}.pin-sea{left:76%;top:62%}.pin-au{left:83%;top:75%}
.geo-controls { display:grid; align-content:start; gap:14px; }
.geo-controls > div { display:flex; align-items:center; gap:8px; }
.geo-controls .ghost-button { min-width:40px; }
.benchmark-filters { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:10px; }
.intake-form { display:grid; align-content:start; gap:13px; }
.intake-form h2 { margin:0 0 4px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
textarea { width:100%; min-height:96px; padding:10px 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--text); font:inherit; resize:vertical; outline:none; }
textarea:focus { border-color:var(--accent-strong); box-shadow:0 0 0 3px var(--accent-soft); }
.intake-raw { min-height:190px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.inline-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.gate-status { padding:10px 12px; border:1px solid rgba(255,0,0,.22); border-radius:10px; background:var(--accent-soft); color:var(--accent-strong); font-size:12px; }
.gate-status.pass { border-color:var(--border); background:var(--surface-2); color:var(--text); }
.preview-table { width:100%; }
.recommendation-assistant { margin-bottom:14px; }
.recommendation-grid { display:grid; grid-template-columns:1.5fr 1fr .55fr; gap:10px; align-items:start; }
.recommendation-grid textarea { min-height:86px; }
.grade-badge { display:inline-grid; place-items:center; min-width:34px; min-height:28px; border-radius:999px; background:var(--accent-soft); color:var(--accent-strong); font-weight:800; }
.grade-badge.grade-low { background:var(--surface-2); color:var(--muted); }
.sop-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.sop-grid article { padding:18px; border:1px solid var(--border); border-radius:15px; background:var(--surface); }
.sop-grid article > span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--accent-soft); color:var(--accent); font-weight:800; }
.sop-grid h3 { margin:14px 0 8px; }
.sop-grid p { min-height:78px; margin:0 0 10px; color:var(--muted); font-size:13px; line-height:1.6; }
.access-policy { display:grid; gap:10px; }
.access-policy article { padding:13px; border:1px solid var(--border); border-radius:12px; }
.access-policy strong,.access-policy span { display:block; }
.access-policy span { margin-top:6px; color:var(--muted); font-size:12px; }
.restricted-value { filter:blur(5px); user-select:none; }
.primary-filters { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:10px; }
.primary-filters .project-field { grid-column:auto; }
label > span, legend { display:block; margin-bottom:7px; color:var(--muted); font-size:12px; }
input, select { width:100%; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--text); padding:10px 11px; outline:none; }
input:focus, select:focus { border-color:var(--accent-strong); box-shadow:0 0 0 3px var(--accent-soft); }
details { margin-top:12px; }
summary { color:var(--accent); cursor:pointer; font-size:13px; }
.secondary-filters { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:12px; }
.quick-filter-bar { display:flex; align-items:flex-start; gap:14px; margin-top:14px; padding-top:14px; border-top:1px solid var(--border); }
.quick-filter-bar > span { padding-top:7px; color:var(--muted); font-size:12px; white-space:nowrap; }
.preset-list { display:flex; flex-wrap:wrap; gap:7px; }
.preset-chip { border:1px solid var(--border); border-radius:999px; padding:7px 11px; background:#fff; color:var(--muted); font-size:12px; }
.preset-chip:hover { color:var(--text); background:var(--surface-2); }
.preset-chip.active { border-color:rgba(255,0,0,.25); background:var(--accent-soft); color:var(--accent-strong); font-weight:700; }
.list-toolbar { min-height:50px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.list-toolbar > div:last-child { display:flex; gap:8px; align-items:flex-end; }
.active-filter-summary { margin-top:4px; color:var(--muted); font-size:11px; }
.result-insights { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 10px; }
.result-insights article { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }
.result-insights span { color:var(--muted); font-size:11px; }
.result-insights strong { font-size:16px; font-variant-numeric:tabular-nums; }
.inline-select { display:flex; align-items:center; gap:8px; }
.inline-select > span { margin:0; white-space:nowrap; }
.inline-select select { min-width:126px; padding-block:8px; }
.primary-button, .ghost-button, .text-button { border-radius:10px; padding:9px 12px; }
.primary-button { border:1px solid var(--accent); background:var(--accent); color:#fff; font-weight:700; }
.primary-button:hover { background:var(--accent-strong); }
.ghost-button { border:1px solid var(--border); background:var(--surface-2); color:var(--text); }
.text-button { border:0; background:transparent; color:var(--accent); padding-inline:0; }
.table-panel { overflow:hidden; }
.view-scan .col-content, .view-scan .col-project, .view-evaluation .col-project, .view-project .col-content { display:none; }
.table-scroll { overflow:auto; }
table { width:100%; border-collapse:collapse; min-width:920px; }
th, td { padding:13px 14px; text-align:left; border-bottom:1px solid var(--border); vertical-align:middle; }
th { color:var(--muted); font-size:11px; letter-spacing:.05em; text-transform:uppercase; font-weight:700; background:var(--surface-2); }
td { font-size:13px; }
tbody tr:hover { background:rgba(15,15,15,.025); }
.checkbox-cell { width:38px; }
.checkbox-cell input { width:auto; }
.creator-cell strong, .creator-cell span { display:block; }
.creator-cell span, .subtle { margin-top:4px; color:var(--muted); font-size:12px; }
.metric-cell { font-variant-numeric:tabular-nums; }
.metric-cell span { display:block; margin-top:4px; color:var(--muted); }
.stage-select { min-width:112px; padding:7px 28px 7px 9px; border-radius:999px; background:var(--surface-2); font-size:11px; font-weight:700; }
.health { display:inline-flex; align-items:center; gap:6px; font-size:12px; }
.health::before { content:""; width:7px; height:7px; border-radius:99px; background:var(--text); }
.health.review { color:var(--accent-strong); }
.health.review::before { background:var(--accent); }
.health.missing { color:var(--muted); }
.health.missing::before { background:#fff; border:1.5px solid var(--muted); }
.health.ready { color:var(--text); font-weight:600; }
.pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 14px; color:var(--muted); font-size:12px; }
.pagination > div { display:flex; align-items:center; gap:6px; }
.pagination .page-jump { width:72px; padding:8px 9px; }
.pagination button:disabled { opacity:.42; cursor:not-allowed; }
.page-intro { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:18px; }
.page-intro > p { max-width:520px; margin:0; color:var(--muted); }
.stage-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:8px; margin-bottom:14px; }
.stage-summary article { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.stage-summary span { color:var(--muted); font-size:11px; }
.stage-summary strong { font-size:18px; }
.empty-state { padding:70px 20px; display:grid; justify-items:center; gap:10px; text-align:center; color:var(--muted); border:1px dashed var(--border); border-radius:16px; }
.empty-state strong { color:var(--text); font-size:20px; }
.quote-meta { display:grid; grid-template-columns:1fr 1fr .8fr; gap:12px; align-items:end; margin-bottom:14px; }
.quote-total { min-height:61px; display:flex; flex-direction:column; justify-content:center; padding:10px 14px; background:var(--accent-soft); border-radius:12px; }
.quote-total span { color:var(--muted); font-size:12px; }
.quote-total strong { font-size:22px; color:var(--accent); }
.quote-input { min-width:120px; }
.quote-table table { min-width:1520px; }
.quote-recommendation { min-width:300px; min-height:74px; resize:vertical; }
.quote-deliverable { min-width:170px; }
.quote-document-name { display:flex; align-items:baseline; gap:10px; margin:-2px 0 14px; padding:11px 14px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.quote-document-name span, .quote-document-name small { color:var(--muted); font-size:11px; }
.quote-document-name strong { font-size:13px; }
.quote-document-name small { margin-left:auto; }
.quote-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; color:var(--muted); font-size:12px; }
.quote-actions > div { display:flex; gap:8px; }
.proposal-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0; }
.proposal-summary div { padding:11px 12px; border-radius:10px; background:var(--surface-2); }
.proposal-summary span, .proposal-summary strong { display:block; }
.proposal-summary span { color:var(--muted); font-size:11px; }
.proposal-summary strong { margin-top:5px; }
.proposal-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.proposal-actions a { text-decoration:none; }
.job-form { display:grid; gap:14px; }
fieldset { border:1px solid var(--border); border-radius:12px; padding:12px; }
.check-row { display:flex; align-items:center; gap:8px; margin:9px 0; }
.check-row input { width:auto; }
.check-row span { margin:0; color:var(--text); }
.helper { margin:0; color:var(--muted); font-size:12px; }
.job-list { display:grid; gap:10px; }
.job-item { padding:12px; border:1px solid var(--border); border-radius:12px; }
.job-item strong, .job-item span { display:block; }
.job-item span { margin-top:5px; color:var(--muted); font-size:12px; }
.empty-inline { color:var(--muted); font-size:13px; }
.architecture-grid { display:grid; gap:12px; margin-bottom:16px; }
.architecture-layer { display:grid; grid-template-columns:52px 1fr; gap:14px; padding:18px; border:1px solid var(--border); border-radius:15px; background:var(--surface); }
.architecture-layer > span { width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:var(--accent-soft); color:var(--accent); font-weight:800; }
.architecture-layer p { margin:8px 0 6px; color:var(--accent); font-family:ui-monospace, SFMono-Regular, Menlo, monospace; }
.architecture-layer small { color:var(--muted); }
.decision-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.decision-grid div { padding:12px; background:var(--surface-2); border-radius:10px; }
.decision-grid strong, .decision-grid span { display:block; }
.decision-grid span { margin-top:5px; color:var(--muted); font-size:12px; }
.drawer { position:fixed; inset:0 0 0 auto; width:min(520px,92vw); z-index:20; overflow:auto; padding:28px; background:var(--surface); box-shadow:var(--shadow); border-left:1px solid var(--border); }
.drawer-close { position:absolute; right:18px; top:16px; border:0; background:transparent; color:var(--muted); font-size:28px; }
.backdrop { position:fixed; inset:0; z-index:15; background:rgba(0,0,0,.55); }
.drawer h2 { margin:4px 0; font-size:27px; }
.drawer-actions { display:flex; gap:8px; margin-top:16px; }
.drawer-stage { display:block; margin-top:12px; }
.drawer-section { margin-top:24px; }
.drawer-section h3 { margin:0 0 10px; font-size:14px; }
.fact-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.fact { padding:11px; background:var(--surface-2); border-radius:10px; }
.fact span, .fact strong { display:block; }
.fact span { color:var(--muted); font-size:11px; }
.fact strong { margin-top:5px; font-size:13px; }
.notice { padding:12px 14px; margin-bottom:15px; border-radius:10px; }
.notice.error { color:var(--red); background:rgba(217,48,37,.07); border:1px solid rgba(217,48,37,.22); }
.selection-bar { position:sticky; z-index:9; bottom:18px; display:flex; justify-content:space-between; align-items:center; gap:20px; margin:14px auto 0; padding:13px 16px; max-width:920px; border:1px solid rgba(255,0,0,.18); border-radius:14px; background:rgba(255,255,255,.96); box-shadow:0 14px 36px rgba(15,15,15,.16); backdrop-filter:blur(12px); }
.selection-bar[hidden] { display:none; }
.selection-bar strong, .selection-bar span { display:block; }
.selection-bar span { margin-top:3px; color:var(--muted); font-size:11px; }
.selection-bar > div:last-child { display:flex; align-items:center; gap:8px; }
@media (max-width:1100px) { .stats-grid { grid-template-columns:repeat(2,1fr); } .primary-filters { grid-template-columns:1fr 1fr; } .secondary-filters { grid-template-columns:1fr 1fr; } .decision-grid { grid-template-columns:1fr 1fr; } .result-insights { grid-template-columns:1fr 1fr; } .benchmark-filters,.sop-grid { grid-template-columns:1fr 1fr; } .recommendation-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:780px) { .app-shell { grid-template-columns:1fr; } .sidebar { position:static; height:auto; } .nav { grid-template-columns:repeat(3,1fr); } .system-nav { margin-top:0; padding-top:12px; border-top:0; border-radius:10px; } .sidebar-foot { display:none; } .main { padding:22px 16px 40px; } .topbar, .page-intro, .workflow-strip { align-items:flex-start; flex-direction:column; } .top-actions { flex-wrap:wrap; } .workflow-steps { flex-wrap:wrap; } .two-column, .quote-meta, .geo-layout { grid-template-columns:1fr; } .mini-project-grid { grid-template-columns:1fr 1fr; } .selection-bar { bottom:10px; } }
@media (max-width:520px) { .nav { grid-template-columns:1fr 1fr; } .stats-grid, .primary-filters, .secondary-filters, .mini-project-grid, .decision-grid, .fact-grid, .proposal-summary, .result-insights, .benchmark-filters, .form-grid, .recommendation-grid, .sop-grid { grid-template-columns:1fr; } .privacy-chip { display:none; } .list-toolbar, .list-toolbar > div:last-child, .quote-actions, .quote-actions > div, .quote-document-name, .selection-bar, .selection-bar > div:last-child { align-items:flex-start; flex-direction:column; } .quote-document-name small { margin-left:0; } .quick-filter-bar { flex-direction:column; gap:7px; } .selection-bar { width:100%; } .drawer-actions { flex-direction:column; } .world-map { min-height:240px; } }