:root { --navy:#14283d; --navy2:#1e394e; --ink:#202e3a; --muted:#81909b; --border:#e9ecee; --bg:#f7f8f9; --paper:#fff; --gold:#c49b63; --shadow:0 18px 40px rgba(30,51,70,.035); --radius:18px; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); }
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;flex:0 0 238px;background:var(--navy);padding:32px 18px 22px;color:white;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 11px}.brand strong{font-size:20px;font-weight:750;letter-spacing:-.7px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#94a3b3;margin-top:5px}.brand-icon{width:36px;height:36px;background:var(--gold);border-radius:11px;color:#15283b;font-size:25px;font-weight:800;display:grid;place-items:center}.side-caption{margin:64px 11px 16px;color:#71879b;letter-spacing:1.7px;font-size:10px;font-weight:700}.sidebar nav{display:grid;gap:9px}.nav-item{background:transparent;border:0;color:#9caebe;padding:14px 13px;display:flex;align-items:center;text-align:left;gap:13px;border-radius:11px;font-size:13px}.nav-item>span{font-size:21px;width:25px;text-align:center}.nav-item:hover{background:#ffffff12;color:white}.nav-item.is-active{background:#ffffff19;color:white;font-weight:650}.nav-item em{margin-left:auto;background:#ffffff1c;padding:3px 7px;border-radius:12px;font-size:11px;font-style:normal}.side-bottom{margin-top:auto;padding:20px 12px 0;color:#bac8d3;font-size:11px;line-height:1.8;border-top:1px solid #ffffff14}.side-bottom small{color:#8197a9;font-size:10px}.dot{display:inline-block;width:6px;height:6px;background:#83bfab;border-radius:50%;margin-right:7px}.workspace{flex:1;min-width:0}.topbar{height:75px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:#fff}.breadcrumb{letter-spacing:1.1px;color:#9aa5ac;font-size:10px;font-weight:700}.breadcrumb span{padding:0 7px;color:#d4d8db}.breadcrumb b{color:#53626e}.top-actions{display:flex;align-items:center;gap:22px}.status-pill{background:#eff6f2;color:#628d75;font-size:11px;border-radius:15px;padding:8px 11px;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:#ecedf0;display:grid;place-items:center;color:#566472;font-size:10px;font-weight:700}.screen{padding:43px 46px 70px;max-width:1680px;margin:auto}.screen.hidden{display:none}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.eyebrow{color:#ae8a5c;font-weight:700;letter-spacing:2px;font-size:10px;margin-bottom:12px}.heading-row h1{font-size:28px;line-height:1.18;margin:0;letter-spacing:-1.1px;font-weight:760}.heading-row p{font-size:13px;color:#8d9aa4;line-height:1.7;margin:10px 0 0}.button{border-radius:10px;padding:13px 18px;font-size:12px;font-weight:720;white-space:nowrap;transition:.15s;border:1px solid transparent}.button:hover{transform:translateY(-1px)}.button-light{color:#516170;background:white;border-color:#e4e8eb}.button-dark{background:var(--navy);color:white}.button-accent{background:var(--gold);color:#172839}.proposal-grid{display:grid;grid-template-columns:minmax(480px,1.08fr) minmax(365px,.92fr);gap:27px;align-items:start}.editor-column{display:grid;gap:16px}.step-card{background:#fff;border:1px solid #eff0f2;border-radius:var(--radius);padding:25px 28px;box-shadow:var(--shadow)}.card-title{display:flex;align-items:center;gap:15px;margin-bottom:26px}.step-number{width:38px;height:38px;border-radius:12px;background:#f4f0eb;color:#b28b59;font-size:13px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.card-title h2{font-size:15px;letter-spacing:-.3px;margin:0 0 5px}.card-title p{font-size:11px;margin:0;color:#98a4ad}.fields{display:grid;gap:15px 14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.full{grid-column:1/-1}.field{display:grid;gap:8px;font-size:10.5px;font-weight:700;color:#677783}.field input,.field textarea,.field select{width:100%;min-width:0;display:block;border:1px solid #e5e9ed;border-radius:9px;background:#fbfcfc;padding:12px 12px;color:#273747;outline:none;font-size:12px;line-height:1.5;font-weight:450;transition:border .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#bda17f;box-shadow:0 0 0 3px #e4d8c62b}.field input[readonly]{background:#f5f6f6;color:#7c898f}.field input[type=color]{height:44px;min-height:44px;padding:5px}.field input[type=file]{font-size:10px;padding:10px 7px}.field textarea{resize:vertical}.subheading{font-size:9px;letter-spacing:1.5px;color:#9ca8b0;font-weight:800;margin:2px 0 14px}.section-space{margin-top:30px}.tiny-button{border:0;background:none;color:#af8b62;font-size:11px;font-weight:730;margin-top:15px;padding:0}.tiny-button:hover{text-decoration:underline}.inline-actions{display:flex;gap:20px}.result-inline{margin-top:24px;background:#f6f7f6;border:1px solid #f0f0ec;padding:16px 18px;border-radius:11px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.result-inline span{font-size:11px;color:#71808b;font-weight:650}.result-inline strong{font-size:20px;color:#263b49}.result-inline small{font-size:10px;color:#a5adb2}.advanced{margin-top:21px;border:1px solid #edf0f1;border-radius:11px;padding:12px 14px}.advanced summary{font-size:11px;font-weight:750;color:#667784;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{color:#c1a17e}.advanced p,.helper{font-size:10.5px;line-height:1.65;color:#98a3ab}.irr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.irr-grid label{font-size:10px;color:#7a8993;display:grid;gap:4px}.irr-grid input{width:100%;padding:7px;border:1px solid #e7eaed;border-radius:7px;font-size:12px}.inner-fields{margin-top:14px}.muted-note{color:#91a0a9;font-size:10px;line-height:1.6;font-weight:400}.files-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-card{min-height:125px;border:1px dashed #dce2e7;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;cursor:pointer;padding:12px;background:#fcfdfd}.upload-card>span{font-size:22px;color:#b6a189}.upload-card strong{font-size:11px}.upload-card small{font-size:9px;color:#9ba8b0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.upload-card input{display:none}.bottom-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.preview-column{position:sticky;top:93px;background:#fff;border:1px solid #eff0f1;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:21px 22px;border-bottom:1px solid #eff1f2;color:#6e7e8b;letter-spacing:1.15px;font-weight:800;font-size:9px}.preview-top span:last-child{font-size:8px;color:#aeb9c1}.preview-dot{display:inline-block;width:6px;height:6px;background:#9cbc9e;border-radius:50%;margin-right:7px}.preview-frame{padding:30px;background:#f5f6f7}.preview-hint{padding:17px 23px;color:#96a1a8;font-size:10px;line-height:1.5}.document{background:white;box-shadow:0 22px 55px #2c40591a;max-width:650px;margin:auto;min-height:710px;padding:43px 41px 35px;position:relative;color:#213342}.doc-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.doc-logo{display:flex;align-items:center;gap:9px;min-width:0}.doc-logo img{max-width:105px;max-height:55px;object-fit:contain}.doc-logo .fallback-mark{display:grid;place-items:center;width:33px;height:33px;background:#172b3f;color:#d7b17a;border-radius:8px;font-size:21px}.doc-logo b{display:block;font-size:11px;line-height:1.3}.doc-logo small{display:block;font-size:7px;color:#a5aeb7;margin-top:3px}.doc-header-right{text-align:right;font-size:7px;color:#9ba7ae;line-height:1.7}.doc-header-right strong{color:#657787}.doc-rule{height:1px;background:#ebedee;margin:25px 0}.doc-kicker{font-size:9px;letter-spacing:1.6px;color:var(--doc-accent,#b18b5d);font-weight:800}.doc-title{font-size:29px;line-height:1.12;letter-spacing:-1.2px;margin:8px 0 11px;max-width:360px}.doc-subtitle{font-size:9px;color:#90a0aa;line-height:1.7;max-width:360px}.doc-client-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.doc-client-card{border:1px solid #f0f1f2;border-radius:9px;padding:13px 14px;background:#fbfcfc;min-width:0}.doc-label{font-size:7px;color:#97a4ad;letter-spacing:1.25px;font-weight:760;text-transform:uppercase}.doc-client-card strong{display:block;font-size:11px;margin-top:7px;overflow-wrap:anywhere}.doc-client-card small{font-size:8px;display:block;color:#9aa5ad;margin-top:5px}.doc-section-title{font-size:11px;font-weight:800;margin:25px 0 13px;color:#253844}.doc-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.doc-kpi{border-radius:9px;background:#f6f7f7;padding:13px 12px}.doc-kpi.featured{background:#203447;color:white}.doc-kpi.featured .doc-label{color:#abc1cd}.doc-kpi .big{display:block;font-size:18px;font-weight:830;letter-spacing:-.65px;margin-top:8px}.doc-kpi .unit{font-size:8px;color:#8e9da8;display:block;margin-top:5px}.doc-kpi.featured .unit{color:#bac8d0}.doc-chart{border:1px solid #f0f1f2;border-radius:10px;padding:17px 16px;margin-top:10px}.doc-chart-header{display:flex;justify-content:space-between;align-items:center}.doc-chart-header b{font-size:9px}.doc-chart-header span{font-size:8px;color:#9ba8b2}.bars{height:130px;display:flex;align-items:stretch;gap:5px;margin-top:18px;border-bottom:1px solid #e7e9eb;padding-bottom:0}.bar-col{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px;min-width:0}.bar-outer{height:110px;display:flex;align-items:flex-end;width:100%;justify-content:center}.bar-fill{display:block;background:#dcc8aa;width:75%;max-width:22px;min-height:1px;border-radius:3px 3px 0 0}.bar-col:nth-child(4n) .bar-fill{background:#b4c5c6}.bar-month{font-size:7px;color:#9faab1;white-space:nowrap}.doc-equipment{display:grid;gap:6px}.doc-equipment-row{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:11px 12px;border:1px solid #f0f1f2;border-radius:9px}.doc-equipment-row strong{font-size:9px;font-weight:700}.doc-equipment-row small{display:block;color:#99a6ae;font-size:7.5px;margin-top:4px}.doc-equipment-row>span{font-size:9px;font-weight:800;color:#526575;white-space:nowrap}.doc-investment{background:#f7f8f8;border-radius:10px;padding:17px;margin-top:13px;display:flex;justify-content:space-between;align-items:center;gap:14px}.doc-investment strong{font-size:21px;letter-spacing:-.7px}.doc-investment small{display:block;color:#9eabb3;font-size:8px;margin-top:5px}.doc-footer{margin-top:26px;padding-top:12px;border-top:1px solid #edf0f1;display:flex;justify-content:space-between;gap:15px;color:#a0acb4;font-size:7px;line-height:1.6}.doc-note{margin-top:17px;font-size:7.5px;color:#96a3ad;line-height:1.7}.doc-detail-section{margin-top:18px;border:1px solid #eceff0;border-radius:10px;padding:16px}.doc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:11px}.doc-detail-grid strong{display:block;font-size:11px;margin-top:5px}.doc-table{width:100%;border-collapse:collapse;margin-top:9px;font-size:9px}.doc-table th{text-align:left;color:#98a6ad;text-transform:uppercase;letter-spacing:1px;font-size:7px;border-bottom:1px solid #edf0f1;padding:8px 3px}.doc-table td{border-bottom:1px solid #f2f3f4;padding:8px 3px}.doc-table td:last-child,.doc-table th:last-child{text-align:right}.doc-stamp{font-size:8px;color:#8897a1;line-height:1.65;margin-top:8px}.list-panel{display:grid;gap:12px}.list-entry{background:white;border:1px solid var(--border);padding:20px 23px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.list-entry strong{font-size:14px}.list-entry p{font-size:11px;color:#8f9da7;margin:7px 0 0}.list-entry button{margin-left:7px}.empty{border:1px dashed #d9e0e4;background:white;border-radius:16px;padding:45px;text-align:center;color:#97a4ad;font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.catalog-card{background:white;border:1px solid var(--border);border-radius:14px;padding:21px}.catalog-card .type{font-size:10px;letter-spacing:1.5px;color:#ba976b;text-transform:uppercase;font-weight:800}.catalog-card h3{font-size:14px;margin:12px 0}.catalog-card p{font-size:11px;color:#91a0a9}.catalog-card button{background:none;border:0;color:#a77a4b;font-size:10px;padding:0}.company-grid{display:grid;grid-template-columns:minmax(450px,1fr) minmax(270px,.7fr);gap:24px}.branding-card{border:1px solid #e8ebee;background:white;border-radius:18px;padding:23px;align-self:start}.brand-example{height:240px;border-radius:14px;background:#f4f5f5;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:25px}.brand-example img{max-height:72px;max-width:180px;object-fit:contain}.brand-example span{font-size:9px;letter-spacing:2px;color:#a78a62;font-weight:800}.brand-example h2{font-size:22px;letter-spacing:-.7px}.brand-example p,.branding-card>p{font-size:11px;color:#98a5ac;line-height:1.7}.branding-card>p{margin-top:15px}#toast{position:fixed;bottom:22px;right:22px;max-width:360px;padding:13px 17px;border-radius:10px;background:#1c3446;color:white;font-size:12px;box-shadow:0 14px 35px #1232;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10000}#toast.show{opacity:1}.print-root{display:none}@media(max-width:1250px){.sidebar{width:200px;flex-basis:200px}.screen{padding:30px 25px}.topbar{padding:0 25px}.proposal-grid{grid-template-columns:1fr}.preview-column{position:static;max-width:740px;width:100%}.preview-frame{padding:25px}.document{min-height:unset}.company-grid{grid-template-columns:1fr}}@media(max-width:740px){.app-shell{display:block}.sidebar{width:auto;height:auto;position:static;padding:12px 15px}.brand{padding:0}.brand strong{font-size:16px}.side-caption,.side-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;padding-top:12px}.nav-item{flex-shrink:0;padding:9px 10px;font-size:10px}.nav-item>span{font-size:16px}.topbar{height:50px;padding:0 17px}.top-actions .status-pill{display:none}.screen{padding:25px 15px}.heading-row{align-items:flex-start}.heading-row h1{font-size:23px}.heading-row .button{display:none}.step-card{padding:19px}.proposal-grid{display:block}.editor-column{margin-bottom:20px}.preview-frame{padding:10px}.document{padding:25px 21px}.doc-title{font-size:24px}.catalog-grid{grid-template-columns:1fr}.grid-2,.files-grid{grid-template-columns:1fr}.field.full{grid-column:1}.bottom-actions{justify-content:stretch}.bottom-actions .button{flex:1}.doc-kpis{gap:5px}.doc-kpi{padding:11px 7px}.doc-kpi .big{font-size:14px}}
@page{size:A4;margin:13mm}@media print{html,body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-shell,#toast{display:none!important}.print-root{display:block!important}.print-root .document{padding:0!important;max-width:none;min-height:0;box-shadow:none!important}.doc-chart,.doc-equipment-row,.doc-investment,.doc-detail-section,.doc-client-card,.doc-kpi{break-inside:avoid}.doc-detail-section{break-before:auto}.doc-title{font-size:29px}.doc-footer{margin-top:20px}.print-root .document{--doc-accent:var(--doc-accent)}.print-root .document.doc-simple{zoom:.94} }

/* V1.1: visual da identidade e prévia alternável */
.preview-switch{display:flex;gap:4px;padding:3px;background:#eef1f2;border-radius:9px;letter-spacing:0!important}
.preview-tab{border:0;background:transparent;color:#7c8a96;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:700}
.preview-tab.active{background:#fff;color:#243746;box-shadow:0 2px 7px #18344a13}
.brand-details{margin-top:14px;border:1px solid #eef0f1;background:#fbfcfc;border-radius:10px;padding:13px;font-size:11px;color:#6d7c88;line-height:1.7;overflow-wrap:anywhere}
.doc-contact{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:9px;border:1px solid #eff1f2;border-radius:8px;padding:9px 12px;font-size:8px;color:#8996a1}
.doc-contact strong{color:#344b5b;font-size:9px}
.doc-footer>div:first-child{overflow-wrap:anywhere;max-width:75%}
.doc-investment{break-inside:avoid}.doc-contact{break-inside:avoid}
.draft-indicator{text-align:right;color:#8e9ba4;font-size:10px;margin-top:5px}
.doc-logo img{max-width:110px;max-height:60px}
@media(max-width:740px){.preview-top{gap:10px}.preview-tab{padding:7px 8px}.doc-footer{flex-wrap:wrap}.doc-footer>div:first-child{max-width:100%}}
/* Paginação compacta na emissão para evitar página isolada de preço/rodapé. */
@media print {
  .print-root .doc-simple .doc-rule {margin: 14px 0}
  .print-root .doc-simple .doc-title {font-size: 25px; margin: 5px 0 7px}
  .print-root .doc-simple .doc-subtitle {margin: 7px 0}
  .print-root .doc-simple .doc-client-row {margin: 15px 0}
  .print-root .doc-simple .doc-section-title {margin: 15px 0 8px}
  .print-root .doc-simple .doc-kpi {padding: 10px 10px}
  .print-root .doc-simple .doc-chart {padding: 10px 12px}
  .print-root .doc-simple .bars {height: 96px; margin-top: 10px}
  .print-root .doc-simple .bar-outer {height: 80px}
  .print-root .doc-simple .doc-equipment-row {padding: 8px 11px}
  .print-root .doc-simple .doc-investment {padding: 12px; margin-top: 9px}
  .print-root .doc-simple .doc-contact {padding: 7px 11px; margin-top: 6px}
  .print-root .doc-simple .doc-note {margin-top: 8px; font-size: 7px}
  .print-root .doc-simple .doc-footer {margin-top: 9px}
  .print-root .doc-complete .doc-rule {margin: 17px 0}
  .print-root .doc-complete .doc-client-row {margin: 18px 0}
  .print-root .doc-complete .doc-section-title {margin: 17px 0 9px}
  .print-root .doc-complete .doc-chart {padding: 12px}
  .print-root .doc-complete .bars {height: 105px; margin-top: 10px}
  .print-root .doc-complete .bar-outer {height: 88px}
  .print-root .doc-complete .doc-detail-section {padding: 12px; margin-top: 12px}
  .print-root .doc-complete .doc-table td {padding: 5px 3px}
  .print-root .doc-complete .doc-equipment-row {padding: 9px 11px}
}

/* V1.2 — rótulos mensais, discretos mas legíveis, nas 12 colunas dos dois PDFs. */
.doc-chart .bars{gap:2px}
.doc-chart .bar-col{gap:5px}
.doc-chart .bar-outer{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;overflow:visible}
.doc-chart .bar-value{display:block;font-size:7.6px;font-weight:750;line-height:1;letter-spacing:-.15px;color:#4d6373;white-space:nowrap;font-variant-numeric:tabular-nums}
.doc-chart .bar-fill{flex:0 0 auto;width:69%;max-width:21px}
@media(max-width:740px){.preview-frame .bar-value{font-size:6.3px;letter-spacing:-.3px}.preview-frame .bar-col{gap:3px}}
@media print{.print-root .bar-value{font-size:7.2px;color:#425b6d}.print-root .doc-simple .bar-value{font-size:7.7px}}

.local-backup{margin-top:22px;padding-top:20px;border-top:1px solid #e9edef}.local-backup h3{font-size:15px;margin:10px 0 7px}.local-backup p{font-size:11px;color:#7f8d99;line-height:1.65}.backup-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.backup-actions .button{font-size:10px;padding:11px 12px}.file-button{position:relative;display:flex;cursor:pointer;align-items:center}.file-button input{opacity:0;position:absolute;width:1px;height:1px;pointer-events:none}.backup-warning{font-size:10px!important;color:#a36f4b!important}

/* V1.4 — preparação local de anexos técnicos, sem alterar o design dos PDFs comerciais. */
.annex-inline-actions{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 0}
.annex-inline-actions .button{font-size:11px;padding:10px 12px}
.annex-inline-actions [hidden]{display:none!important}
.annex-modal{position:fixed;inset:0;background:rgba(11,27,41,.79);z-index:12000;display:flex;align-items:center;justify-content:center;padding:18px}
.annex-modal.hidden{display:none!important}.annex-open{overflow:hidden}
.annex-panel{background:#fff;width:min(1280px,100%);max-height:96vh;border-radius:18px;box-shadow:0 26px 90px #071c3066;display:flex;flex-direction:column;overflow:hidden}
.annex-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 26px;border-bottom:1px solid #e9edef;flex-shrink:0}
.annex-modal-head h2{font-size:22px;margin:7px 0 6px;color:#1b344b}.annex-modal-head p{font-size:12px;color:#85939f;margin:0}
.annex-modal-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;padding:18px 23px;overflow:auto;min-height:0}
.annex-edit-side,.annex-preview-side{min-width:0}.annex-page-controls{display:flex;align-items:end;gap:14px;justify-content:space-between;margin-bottom:10px}
.annex-page-controls .field{min-width:180px}.annex-page-controls select{display:block;width:100%;height:42px;border:1px solid #dce3e7;border-radius:9px;padding:8px 11px;background:white;font-size:13px}
.annex-page-controls p{max-width:320px}.annex-source-box,.annex-result-box{height:min(44vh,470px);min-height:260px;border:1px solid #dfe5e9;border-radius:11px;overflow:hidden;background:#eef1f3}
.annex-source-box iframe,.annex-result-box iframe{width:100%;height:100%;border:0;background:white}
.annex-crops{background:#fafbfb;border:1px solid #e8edef;border-radius:11px;padding:14px;margin-top:13px}
.annex-crops-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;margin-bottom:13px}.annex-crops-heading span{color:#88959d;font-size:10px}
.annex-crop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.annex-crop-grid label{font-size:11px;color:#4c6273;display:block}
.annex-crop-grid b{float:right;font-variant-numeric:tabular-nums}.annex-crop-grid input{width:100%;accent-color:#be9661;display:block;margin-top:8px}
.annex-presets{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.annex-presets .button{font-size:10px;padding:8px 10px}
.annex-preview-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#284358;margin-bottom:10px}.annex-preview-top span{font-size:10px;color:#96a2ab}
.annex-preview-side>.muted-note{font-size:11px;margin:9px 0 0;color:#83929e;line-height:1.5}
.annex-modal-foot{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:16px 23px;border-top:1px solid #e8ecee;flex-shrink:0}
.annex-modal-foot p{font-size:11px;line-height:1.5;color:#81919b;max-width:450px;margin:0}.annex-modal-foot>div{display:flex;flex-wrap:wrap;gap:9px}
.annex-modal-foot .button{font-size:11px}
@media(max-width:950px){.annex-modal-grid{grid-template-columns:1fr}.annex-modal-foot{flex-wrap:wrap}.annex-source-box,.annex-result-box{height:380px}}
@media(max-width:650px){.annex-modal{padding:5px}.annex-panel{max-height:99vh;border-radius:9px}.annex-modal-head,.annex-modal-foot{padding:12px}.annex-modal-grid{padding:11px}.annex-crop-grid{gap:10px}.annex-page-controls{flex-direction:column;align-items:stretch}.annex-page-controls .field{min-width:0}}

/* V1.5: inventário local sem qualquer integração remota */
.migration-card{margin-top:22px}.migration-result{margin-top:18px}.migration-report{border:1px solid #e5e9ed;border-radius:15px;background:#fafbfc;padding:20px;color:#203448}.migration-report h3{font-size:17px;margin:0 0 14px}.migration-report p{color:#5a6b7a;line-height:1.7;font-size:13px}.migration-report small{color:#758698}.migration-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.migration-stats>div{background:white;border:1px solid #edf0f3;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:7px}.migration-stats span{font-size:11px;color:#7a8792}.migration-stats strong{color:#132d46;font-size:15px}@media(max-width:800px){.migration-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V1.5.1 — Acessibilidade e legibilidade PDF, sem mudar a geometria do design. */
.document{color:#172b3f}
.document .doc-logo small{color:#435462;font-size:9.4px;font-weight:500}
.document .doc-header-right{color:#435463;font-size:9px;font-weight:550}
.document .doc-header-right strong{color:#253d50;font-weight:800}
.document .doc-kicker{font-size:9.4px}
.document .doc-subtitle{color:#394b59;font-size:10.3px;line-height:1.6}
.document .doc-label{color:#425563;font-weight:800;font-size:8.8px;letter-spacing:1px}
.document .doc-client-card strong{color:#1c3043;font-weight:800;font-size:11.6px}
.document .doc-client-card small{color:#43515d;font-size:10.3px;font-weight:520}
.document .doc-section-title{color:#1c3144;font-size:12.1px;font-weight:850}
.document .doc-kpi .big{font-size:19px;font-weight:850;color:#172b3f}
.document .doc-kpi .unit{color:#40515e;font-size:10px;font-weight:600}
.document .doc-kpi.featured .doc-label{color:#e0e9f0}
.document .doc-kpi.featured .big{color:#fff}
.document .doc-kpi.featured .unit{color:#e7edf2}
.document .doc-chart-header b{color:#1b3145;font-size:10.2px;font-weight:800}
.document .doc-chart-header span{color:#40515d;font-size:9.5px;font-weight:600}
.document .bar-value{color:#1c3040;font-size:8.8px;font-weight:850}
.document .bar-month{color:#435362;font-size:9px;font-weight:650}
.document .doc-equipment-row strong{color:#192d40;font-size:10.1px;font-weight:800}
.document .doc-equipment-row small{color:#3e505d;font-size:9.9px;font-weight:550}
.document .doc-equipment-row>span{color:#20374a;font-size:10.2px;font-weight:850}
.document .doc-investment .doc-label{color:#415665}
.document .doc-investment small{color:#344958;font-size:10px;font-weight:570}
.document .doc-investment strong{font-weight:900;color:#142a3d}
.document .doc-note{color:#43515d;font-size:9.6px;font-weight:500;line-height:1.55}
.document .doc-footer{color:#455563;font-size:9.4px;font-weight:550}
.document .doc-detail-grid strong{color:#1a3044;font-weight:850}
.document .doc-table th{color:#334857;font-size:9.3px;font-weight:850}
.document .doc-table td{color:#1f3344;font-size:10px;font-weight:550}
.document .doc-table td:last-child{font-weight:750}
.document .doc-stamp{color:#465766;font-size:9.6px;font-weight:540}
.document .doc-contact{color:#344b5c;font-size:10px}
.document .doc-contact strong{color:#243b4f;font-size:11px}
@media print{
 .print-root .document.doc-simple{zoom:.94}
 .print-root .doc-simple .doc-note{font-size:9.9px;line-height:1.5}
 .print-root .doc-simple .doc-footer{margin-top:9px}
 .print-root .bar-value{color:#1c3040;font-size:8.8px;font-weight:850}
 .print-root .doc-simple .bar-value{font-size:9px}
 .print-root .doc-complete .doc-table td{padding:4.5px 3px}
 .print-root .doc-complete .doc-detail-section{padding:11px;margin-top:10px}
 .print-root .doc-complete .doc-section-title{margin-top:15px;margin-bottom:8px}
 .print-root .doc-complete .doc-note{margin-top:12px}
}

/* A seção técnica começa junto aos dados, sem título isolado no rodapé da primeira página. */
@media print{.print-root .doc-complete .doc-study-heading{break-before:page;page-break-before:always;margin-top:0!important;break-after:avoid}}

/* V1.6 — laboratório local. Não altera documentos PDF. */
.security-banner{border:1px solid #d8e2e9;background:#f5f9fb;border-radius:14px;padding:18px 23px;margin-bottom:18px;color:#19354c}
.security-banner strong{font-size:14px}.security-banner p{font-size:12px;line-height:1.7;color:#486174;margin:7px 0 0}
.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.security-grid>.step-card{min-width:0}
.security-grid .inline-actions{margin:16px 0;display:flex;flex-wrap:wrap;gap:9px}.security-grid button{font-size:11px;padding:11px 12px}.security-grid button:disabled{opacity:.55;cursor:wait}
.security-next{margin-top:18px}.security-checks p{font-size:12px;color:#3f5366;line-height:1.75}
.security-sim-list{display:grid;grid-template-columns:1fr;gap:7px;margin:12px 0}.security-sim-list div{padding:6px 0;border-bottom:1px solid #edf1f4;font-size:12px;color:#294259}
.security-sim-list .sim-pass{color:#1d7053;font-weight:850}.security-sim-list .sim-fail{color:#a22d34;font-weight:850}
@media(max-width:950px){.security-grid{grid-template-columns:1fr}}
/* PILOTO V1.6.1 — melhorias MOBILE sem alterar o PDF comercial A4 */
.mobile-install{font-size:11px;padding:10px 13px}
.pilot-privacy{background:#f4f7fa;border:1px solid #dce5ed;border-radius:12px;padding:14px 16px;color:#355063;font-size:12px;line-height:1.6}
.pilot-privacy strong{color:#17334a}
.mobile-pdf-link{display:inline-block;margin:8px 0 3px;color:#1d4967;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.mobile-pdf-link:not([href]){display:none}
.migration-card,#screen-security{display:none!important}
#share-last-pdf:not([hidden]){display:inline-flex}
@media(max-width:740px){
 .app-shell{width:100%;min-width:0}.workspace{width:100%;min-width:0}
 .sidebar{padding:12px 14px 8px;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #10243b18}
 .sidebar nav{padding:8px 0 3px;gap:6px;scrollbar-width:thin}
 .nav-item{min-height:45px;font-size:12px;padding:10px 13px}
 .brand strong{font-size:18px}.brand-icon{width:40px;height:40px}
 .topbar{padding:0 12px;height:54px;gap:9px}.breadcrumb{letter-spacing:.3px;font-size:8px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top-actions{gap:7px}.top-actions .status-pill{display:inline-block;font-size:9px;padding:6px 8px;white-space:nowrap}
 .avatar{display:none}.mobile-install{font-size:11px;padding:8px 10px;min-height:36px}
 .screen{padding:18px 12px 45px}.heading-row{margin-bottom:16px;flex-wrap:wrap}
 .heading-row h1{font-size:24px}.heading-row p{font-size:13px;color:#566b7b}
 .heading-row .button{display:inline-flex;min-height:42px}
 .step-card{padding:19px 16px}.card-title{margin-bottom:16px;gap:11px}.card-title h2{font-size:16px}.card-title p{font-size:12px;color:#667b8c}
 .field{font-size:12.5px;color:#405568}.field input,.field textarea,.field select,.annex-page-controls select{font-size:16px;min-height:46px}
 .grid-2,.files-grid{grid-template-columns:1fr}.full{grid-column:auto}
 .button{min-height:44px;white-space:normal;text-align:center}
 .bottom-actions{display:grid;grid-template-columns:1fr 1fr}.bottom-actions>.button{width:100%}
 #share-last-pdf{grid-column:1/-1}
 .preview-frame{overflow-x:auto;overscroll-behavior-x:contain;padding:12px;max-width:100%}
 .preview-frame .document{width:580px;min-width:580px;max-width:580px;min-height:initial;padding:37px 35px;transform:none}
 .preview-frame .doc-title{font-size:29px}
 .preview-frame .doc-kpi .big{font-size:19px}
 .preview-column{width:100%;min-width:0}.preview-top{padding:13px}.preview-hint{font-size:12px;color:#4c6374}
 .catalog-card{padding:20px}.catalog-card button{font-size:12px;min-height:40px;text-align:left}
 .list-entry{display:block;padding:16px}.list-entry div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
 .list-entry button{margin:0;font-size:11px;white-space:normal;min-height:42px}
 .branding-card{padding:16px}.brand-example{height:auto;min-height:230px;padding:19px}
 .annex-modal{padding:0}.annex-panel{border-radius:0;max-height:100dvh;height:100dvh;width:100%;overflow:hidden}
 .annex-modal-head{padding:12px 14px}.annex-modal-head h2{font-size:17px}
 .annex-modal-grid{padding:12px;display:block;overflow-y:auto}.annex-page-controls .field{min-width:0}
 .annex-source-box,.annex-result-box{height:340px;min-height:0}
 .annex-crops{padding:13px}.annex-preview-side{margin-top:22px}
 .annex-modal-foot{padding:10px 12px;display:grid;gap:9px}.annex-modal-foot p{font-size:10px}
 .annex-modal-foot>div{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .annex-modal-foot .button{font-size:11px;white-space:normal;padding:10px}
 .pilot-privacy{font-size:12px}
 #toast{left:12px;right:12px;bottom:13px;max-width:none;line-height:1.5;font-size:12px}
}
@media(min-width:741px){.mobile-pdf-link{display:none}}

.logout-form{display:inline-block;margin:0}.logout-form .button{padding:8px 11px;font-size:11px}.mobile-install{white-space:nowrap}@media(max-width:740px){.top-actions{gap:5px}.logout-form .button{padding:8px 9px;font-size:10px;min-height:35px}.mobile-install{padding:8px 8px;font-size:10px}.top-actions .status-pill{padding:6px 6px;font-size:8px}}

/* Link para laboratório de autenticação (sem afetar o layout comercial) */
a.nav-item{color:inherit;text-decoration:none;display:flex;align-items:center;}

/* V1.8.2: Suporte a Safe Areas e navegadores móveis (iOS Safari / Android Chrome) sem alterar propostas */
@supports (padding-top: env(safe-area-inset-top)) {
  body {
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
  }
  @media(max-width:740px){
    .sidebar { padding-top: max(12px, env(safe-area-inset-top, 0px)); }
    .screen { padding-bottom: max(70px, calc(35px + env(safe-area-inset-bottom, 0px))); }
    #toast { bottom: max(13px, calc(6px + env(safe-area-inset-bottom, 0px))); left: max(12px, env(safe-area-inset-left, 0px)); right: max(12px, env(safe-area-inset-right, 0px)); }
    .field input, .field textarea, .field select, .city-combobox input { font-size: 16px; }
  }
}

/* V1.8.6: Seletor Combobox de Municípios Integrado e Acessível */
.field label {
  font-size: 10.5px;
  font-weight: 700;
  color: #677783;
  display: block;
  user-select: none;
}
.city-combobox {
  position: relative;
  width: 100%;
}
.city-combobox input {
  width: 100%;
  min-width: 0;
  display: block;
  border: 1px solid #e5e9ed;
  border-radius: 9px;
  background: #fbfcfc;
  padding: 12px 34px 12px 12px;
  color: #273747;
  outline: none;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 450;
  transition: border .2s, box-shadow .2s, background .2s;
  box-sizing: border-box;
  cursor: text;
}
.city-combobox input:focus {
  border-color: #bda17f;
  box-shadow: 0 0 0 3px #e4d8c62b;
  background: #fff;
}
.city-combobox-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  color: #677783;
  cursor: pointer;
  transition: transform .2s ease, color .2s ease;
  z-index: 2;
}
.city-combobox-arrow:hover {
  color: #14283d;
}
.city-combobox.is-open .city-combobox-arrow {
  transform: translateY(-50%) rotate(180deg);
  color: #bda17f;
}
.city-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  max-height: 240px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #ffffff;
  border: 1px solid #e5e9ed;
  border-radius: 9px;
  box-shadow: 0 10px 28px rgba(20, 40, 61, 0.12);
  z-index: 1000;
  padding: 4px 0;
  margin: 0;
  box-sizing: border-box;
}
.city-dropdown[hidden] {
  display: none !important;
}
.city-dropdown::-webkit-scrollbar {
  width: 6px;
}
.city-dropdown::-webkit-scrollbar-track {
  background: #fbfcfc;
  border-radius: 4px;
}
.city-dropdown::-webkit-scrollbar-thumb {
  background: #d4d8db;
  border-radius: 4px;
}
.city-dropdown::-webkit-scrollbar-thumb:hover {
  background: #b28b59;
}
.city-option {
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.4;
  color: #273747;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background .12s ease, color .12s ease;
}
.city-option:hover,
.city-option.is-active {
  background: #f4f0eb;
  color: #14283d;
}
.city-option[aria-selected="true"],
.city-option.is-selected {
  background: #f0e9df;
  font-weight: 600;
  color: #14283d;
}
.city-option[aria-selected="true"]::after,
.city-option.is-selected::after {
  content: "✓";
  font-weight: 700;
  color: #b28b59;
  font-size: 12px;
  margin-left: 8px;
}
.city-option.empty-message {
  color: #98a4ad;
  font-style: italic;
  cursor: default;
  padding: 14px;
  justify-content: center;
}
.city-option.empty-message:hover {
  background: transparent;
  color: #98a4ad;
}
@media(max-width:740px){
  .city-combobox input {
    font-size: 16px;
    min-height: 46px;
    padding-right: 38px;
  }
  .city-option {
    padding: 13px 14px;
    font-size: 15px;
  }
}

/* V1.8.7: Seletor Discreto de Tema (Claro, Escuro e Automático) */
.theme-switcher {
  display: inline-flex;
  align-items: center;
  background: #edf1f4;
  border: 1px solid #dce2e6;
  border-radius: 9999px;
  padding: 2px;
  gap: 2px;
  user-select: none;
  flex-shrink: 0;
}
.theme-btn {
  background: transparent;
  border: 0;
  border-radius: 9999px;
  width: 26px;
  height: 26px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
  color: #687987;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.theme-btn:hover {
  color: #14283d;
}
.theme-btn.is-active,
.theme-btn[aria-pressed="true"] {
  background: #ffffff;
  color: #14283d;
  box-shadow: 0 1px 4px rgba(20, 40, 61, 0.16);
  font-weight: 700;
}
.theme-btn:focus-visible {
  outline: 2px solid var(--gold, #c49b63);
  outline-offset: 1px;
}
.theme-btn svg {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

/* Tema Escuro (Dark Mode) */
:root[data-theme="dark"] {
  --navy: #0e1b27;
  --navy2: #162737;
  --ink: #e3ebf2;
  --muted: #8c9fae;
  --border: #233446;
  --bg: #0b141d;
  --paper: #13202e;
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}
:root[data-theme="dark"] body {
  background: var(--bg);
  color: var(--ink);
}
:root[data-theme="dark"] .topbar {
  background: #121e2c;
  border-bottom-color: var(--border);
}
:root[data-theme="dark"] .breadcrumb {
  color: #6d8294;
}
:root[data-theme="dark"] .breadcrumb b {
  color: #a7bccd;
}
:root[data-theme="dark"] .breadcrumb span {
  color: #3b5062;
}
:root[data-theme="dark"] .heading-row h1 {
  color: #f0f4f8;
}
:root[data-theme="dark"] .heading-row p {
  color: #8fa1af;
}
:root[data-theme="dark"] .step-card,
:root[data-theme="dark"] .preview-column,
:root[data-theme="dark"] .list-entry,
:root[data-theme="dark"] .catalog-card,
:root[data-theme="dark"] .branding-card {
  background: var(--paper);
  border-color: var(--border);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}
:root[data-theme="dark"] .card-title h2 {
  color: #f0f4f8;
}
:root[data-theme="dark"] .step-number {
  background: #243444;
  color: #e3bc82;
}
:root[data-theme="dark"] .field,
:root[data-theme="dark"] .field label {
  color: #9eb1c0;
}
:root[data-theme="dark"] .field input,
:root[data-theme="dark"] .field textarea,
:root[data-theme="dark"] .field select,
:root[data-theme="dark"] .city-combobox input {
  background: #182838;
  border-color: #27394c;
  color: #f0f5fa;
}
:root[data-theme="dark"] .field input:focus,
:root[data-theme="dark"] .field textarea:focus,
:root[data-theme="dark"] .field select:focus,
:root[data-theme="dark"] .city-combobox input:focus {
  border-color: #c49b63;
  box-shadow: 0 0 0 3px rgba(196, 155, 99, 0.25);
  background: #1c2e40;
}
:root[data-theme="dark"] .field input[readonly] {
  background: #13202d;
  color: #798d9c;
}
:root[data-theme="dark"] .result-inline {
  background: #0f1a24;
  border-color: #203142;
}
:root[data-theme="dark"] .result-inline span {
  color: #92a4b3;
}
:root[data-theme="dark"] .result-inline strong {
  color: #e5edf4;
}
:root[data-theme="dark"] .result-inline small {
  color: #6e8292;
}
:root[data-theme="dark"] .advanced {
  border-color: #203142;
  background: #0f1922;
}
:root[data-theme="dark"] .advanced summary {
  color: #afc0ce;
}
:root[data-theme="dark"] .irr-grid input {
  background: #182838;
  border-color: #27394c;
  color: #f0f5fa;
}
:root[data-theme="dark"] .upload-card {
  background: #111d29;
  border-color: #273b4d;
  color: #d6e2ec;
}
:root[data-theme="dark"] .button-light {
  background: #182838;
  border-color: #2a3c4f;
  color: #d6e2ec;
}
:root[data-theme="dark"] .button-light:hover {
  background: #1f3246;
  color: #ffffff;
}
:root[data-theme="dark"] .preview-top {
  border-bottom-color: #203244;
  color: #9eb1c0;
}
:root[data-theme="dark"] .preview-frame {
  background: #0d1720;
}
:root[data-theme="dark"] .preview-switch {
  background: #152433;
}
:root[data-theme="dark"] .preview-tab {
  color: #8c9fae;
}
:root[data-theme="dark"] .preview-tab.active {
  background: #23374b;
  color: #ffffff;
}
:root[data-theme="dark"] .status-pill {
  background: #11281e;
  color: #8cd4ab;
}
:root[data-theme="dark"] .city-combobox-arrow {
  color: #8ca0af;
}
:root[data-theme="dark"] .city-combobox-arrow:hover {
  color: #e3bc82;
}
:root[data-theme="dark"] .city-dropdown {
  background: #152230;
  border-color: #25374a;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}
:root[data-theme="dark"] .city-dropdown::-webkit-scrollbar-track {
  background: #121c27;
}
:root[data-theme="dark"] .city-dropdown::-webkit-scrollbar-thumb {
  background: #2a3d50;
}
:root[data-theme="dark"] .city-option {
  color: #d8e4ee;
}
:root[data-theme="dark"] .city-option:hover,
:root[data-theme="dark"] .city-option.is-active {
  background: #1f3347;
  color: #ffffff;
}
:root[data-theme="dark"] .city-option[aria-selected="true"],
:root[data-theme="dark"] .city-option.is-selected {
  background: #263d54;
  color: #f7fafc;
}
:root[data-theme="dark"] .brand-details {
  background: #111c27;
  border-color: #203142;
  color: #9eb1c0;
}
:root[data-theme="dark"] .doc-contact {
  border-color: #203142;
  color: #9eb1c0;
}
:root[data-theme="dark"] .brand-example {
  background: #101c27;
}
:root[data-theme="dark"] .brand-example h2 {
  color: #f0f4f8;
}
:root[data-theme="dark"] .annex-panel {
  background: #152230;
  color: #e3ebf2;
  box-shadow: 0 26px 90px rgba(0, 0, 0, 0.7);
}
:root[data-theme="dark"] .annex-modal-head {
  border-bottom-color: #223447;
}
:root[data-theme="dark"] .annex-modal-head h2 {
  color: #f0f4f8;
}
:root[data-theme="dark"] .annex-crops {
  background: #101a24;
  border-color: #203142;
}
:root[data-theme="dark"] .annex-crop-grid label {
  color: #9eb1c0;
}
:root[data-theme="dark"] .annex-preview-top {
  color: #e3ebf2;
}
:root[data-theme="dark"] .annex-modal-foot {
  border-top-color: #223447;
}
:root[data-theme="dark"] .migration-report {
  background: #101a24;
  border-color: #203142;
  color: #e3ebf2;
}
:root[data-theme="dark"] .migration-stats>div {
  background: #152230;
  border-color: #223447;
}
:root[data-theme="dark"] .migration-stats strong {
  color: #f0f4f8;
}
:root[data-theme="dark"] .empty {
  background: #121d28;
  border-color: #26384a;
  color: #8c9fae;
}
:root[data-theme="dark"] .theme-switcher {
  background: #111d29;
  border-color: #243547;
}
:root[data-theme="dark"] .theme-btn {
  color: #8c9fae;
}
:root[data-theme="dark"] .theme-btn:hover {
  color: #f0f4f8;
}
:root[data-theme="dark"] .theme-btn.is-active,
:root[data-theme="dark"] .theme-btn[aria-pressed="true"] {
  background: #24384d;
  color: #f7fafc;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}