/* SIDERAL — Industria y Color. Approved 2026-11-02.
   Brand accents are separate from the colors used for count and review states. */
:root {
  --brand-blue: #003468;
  --brand-orange: #fe831e;
  --accent: var(--brand-blue);
  --line: #d9e2ec;
  --muted: #5b6b7f;
  --review-background: #eff4fa;
  --brand-soft: #eaf1f9;
  --brand-warm: #fff1e4;
  color: #1d2d42;
  background: #f6f8fb;
}

button.secondary {
  color: var(--brand-blue);
  border-color: #bdcfe2;
}
input, select, textarea { color: #1d2d42; border-color: #b9cadd; }
input:focus, select:focus, textarea:focus, button:focus-visible, summary:focus-visible {
  outline: 3px solid var(--brand-blue);
  outline-offset: 2px;
  box-shadow: 0 0 0 5px var(--brand-warm);
}

.sidebar { background: #eef3f9; }
.workspace-label { color: var(--muted); }
.current-area {
  color: var(--brand-blue);
  background: #e0ebf7;
  border-left: 3px solid var(--brand-orange);
}
.topbar { border-bottom-color: var(--line); }
.steps .active { background: var(--brand-soft); color: var(--brand-blue); }
.team-card-bottom b, .chosen-code { color: var(--brand-blue); }
.number-label { background: var(--brand-soft); }
th { background: #f0f4f9; }
.team-preview, .device-code { background: var(--brand-soft); }
dialog::backdrop, .zone-action-dialog::backdrop { background: #102a486b; }
.zone-action-dialog { color: #1d2d42; }

.catalog-result { color: var(--brand-blue); }
.chosen-product {
  background: var(--brand-soft);
  border-left-color: var(--brand-orange);
}
.keypad { background: #edf2f8; }
.counter #notice:not(:empty) { background: var(--brand-soft); color: var(--brand-blue); }
.verification-evidence { background: #f1f5fa; }
.available-notice { background: var(--brand-soft); color: var(--brand-blue); }
.zone-status { background: var(--brand-soft); color: var(--brand-blue); }
.zone-steps li { color: var(--muted); border-top-color: #dde5ef; }
.zone-steps .current { border-color: var(--brand-orange); color: #8e4100; }
.zone-readings > div { background: #f0f4f9; }

/* Keep text labels as well as color for pending, error and completed states. */
.status.done, .phase-done .zone-status { color: #245b36; background: #dcefe3; }
.zone-steps .complete { border-color: #247457; color: #205f46; }
.phase-review .zone-status, .phase-missing .zone-status { color: #795619; background: #fff1d8; }
.unknown-annex { border-color: #c85f57; background: #fff8f6; }
.unknown-annex h2 { color: #953c37; }

/* Local draft status is separate from a confirmed server receipt. */
.capture-safety{padding:12px 14px;background:#eaf1f9;border:1px solid #cbd9ea;border-radius:9px;margin-bottom:14px;font-size:13px;overflow-wrap:anywhere}
.capture-safety>strong{color:var(--brand-blue)}.capture-safety p{margin:5px 0;font-size:12px;line-height:1.5}.capture-safety.needs-attention{background:#fff4df;border-color:#d6ad63}.capture-safety.needs-attention>strong{color:#795619}.capture-safety .confirmed-receipt{color:#245b36}.capture-safety .capture-error{color:#953c37}.capture-safety details{margin-top:6px}.local-draft{border-top:1px solid var(--line);padding:8px 0}.capture-safety>button{width:100%;min-height:48px;margin-top:8px}

/* Tasks first: same components and business states for each role. */
.review-workspace>h2{margin:20px 0 6px;font-size:20px}
.review-task-list{display:grid;gap:12px;margin:16px 0}
.review-task,.review-waiting-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.review-task{background:white;border:1px solid var(--line);border-left:4px solid var(--brand-orange);border-radius:10px;padding:18px}
.review-task h3{margin:0 0 6px}.review-task p{margin:0;font-size:14px;color:var(--muted)}
.review-waiting-row{padding:14px 0;border-bottom:1px solid var(--line)}.review-waiting-row:last-child{border:0}
.review-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.review-filters>button{min-height:44px;padding:10px 14px;font-size:13px}
.reading-preview{display:block;margin-top:5px;font-size:12px;font-weight:400;color:var(--muted)}
.zone-product[open]{border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:10px}
.zone-product>summary{cursor:pointer}.zone-product .zone-readings{margin-top:12px}
.route-team-details{margin-top:16px}.route-team-details>h2{margin-top:18px}.route-team-details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.closing-status{margin-top:18px}.closing-status>h2{font-size:18px}
.counter-task .counter-guide{margin:8px 0 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.counter-task:has(#quantity-fields:not([hidden])) .counter-guide{display:none}
.counter-task .catalog-results:empty{margin:0}.counter-task .next-guide{background:var(--brand-soft)}
.navigation-dialog{border:1px solid var(--line);border-radius:12px;padding:24px;max-width:460px;width:calc(100% - 32px);color:#1d2d42}
.navigation-dialog::backdrop{background:#102a486b}.navigation-dialog button{margin:8px 8px 0 0;min-height:48px}
@media(max-width:700px){
 .review-task,.review-waiting-row{align-items:stretch;flex-direction:column;gap:10px}.review-task{padding:16px}
 .review-task>button,.review-waiting-row>button{width:100%;min-height:48px}
 .zone-nav{gap:8px}.zone-nav>button{flex:1}.zone-settings{width:100%;margin:4px 0}
 .counter .page-heading h1{font-size:23px}.counter .page-heading>div>p{font-size:13px;line-height:1.5;margin:5px 0}
 .counter .page-heading #refresh{font-size:12px;padding:9px 12px;min-height:44px}
 .counter .team-members{font-size:12px}.counter-task{padding:16px}.counter-task>h2{font-size:18px;margin-bottom:12px}
 .counter-guide>p{font-size:12px}.counter-guide .next-guide{min-height:76px}.capture-safety:not(.needs-attention){padding:8px 12px;margin-bottom:10px}
 .zone-results>form{flex-wrap:wrap}.zone-results>form label{min-width:160px}.zone-product>summary{grid-template-columns:1fr;gap:6px}.zone-product>summary b{grid-column:1}
 .zone-product[open]{padding:12px}.zone-readings{gap:6px}.zone-readings>div{padding:9px}.zone-readings strong{font-size:16px}
}

.zone-search{margin:12px 0}.zone-search>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;color:var(--brand-blue)}.zone-search>form{display:flex;gap:10px;align-items:end;margin:10px 0}.zone-search>form label{flex:1;margin:0}
@media(max-width:700px){.zone-search>form{flex-wrap:wrap}.zone-search>form label{min-width:160px}}

.zone-search>summary,.route-team-details>summary{display:list-item;list-style-position:inside;padding:12px 0}

.review-task,.zone-product,.zone-card-heading,.counter-task,.zone-person-row{overflow-wrap:anywhere;min-width:0}

.prepared-teams>summary{cursor:pointer;min-height:44px;font-weight:600}.prepared-teams{margin-bottom:18px}

.preparation-facts{display:grid;gap:12px;margin:16px 0}.preparation-facts>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}.preparation-facts dt{color:var(--muted);font-size:13px}.preparation-facts dd{margin:0;overflow-wrap:anywhere}.prepare-local{margin-top:16px}.prepare-local>summary,.source-upload>summary,.source-copy>details>summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:600}.source-copy form,.source-upload form{max-width:640px;margin-top:14px}.historical-holds{border-left:4px solid var(--brand-orange)}.historical-holds article{overflow-wrap:anywhere}.source-copy+.source-copy{margin-top:18px}
@media(max-width:700px){.preparation-facts>div{grid-template-columns:1fr;gap:3px}.prepare-local form>button,.source-upload form>button{width:100%;min-height:50px}}
.preparation-facts dt{width:auto}.preparation-facts dd{min-width:0}
form[data-workflow="confirm_inventory_start"] .checkbox{font-size:14px;line-height:1.5;padding:10px 0;min-height:44px}
form[data-workflow="confirm_inventory_start"] .checkbox input{flex:0 0 22px;width:22px;height:22px;margin:0}
form[data-workflow="confirm_inventory_start"]>button{min-height:50px}
@media(max-width:700px){form[data-workflow="confirm_inventory_start"]>button{width:100%}}