/* v6.8.2 — Interface funcional: appbar fixa, alto contraste e foco no fluxo de uso. */
:root{
  --appbar-h:72px;
  --bg:#f4f7fa;
  --surface:#ffffff;
  --surface-soft:#f8fafc;
  --text:#142b3a;
  --muted:#607483;
  --line:#dbe4ea;
  --primary:#0b7fa8;
  --primary-dark:#075f7e;
  --primary-soft:#eaf6fa;
  --success:#16805f;
  --danger:#bd3f45;
  --warning:#b87300;
  --shadow:0 8px 24px rgba(28,60,78,.07);
}
*{box-sizing:border-box}
html{scroll-padding-top:calc(var(--appbar-h) + 20px);background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text)}
.app-shell,.app-shell--topnav{min-height:100vh;background:linear-gradient(180deg,#f6f9fb 0%,#eef4f7 100%)}
.workspace{max-width:1500px;margin:0 auto!important;padding:calc(var(--appbar-h) + 28px) 28px 32px!important;transition:none!important}

/* APPBAR FIXA */
.top-appbar{position:fixed;inset:0 0 auto 0;height:var(--appbar-h);z-index:300;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(25,58,76,.055);backdrop-filter:blur(12px)}
.top-appbar__inner{height:100%;max-width:1540px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}
.top-appbar__brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);padding:0;cursor:pointer;text-align:left}
.top-appbar__mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#0c789f,#145b72);color:#fff;font-weight:850;font-size:.82rem;box-shadow:0 5px 14px rgba(11,127,168,.18)}
.top-appbar__brand-copy{display:grid;gap:1px;white-space:nowrap}.top-appbar__brand-copy strong{font-size:.92rem;color:#102a3a;line-height:1.1}.top-appbar__brand-copy small{font-size:.66rem;color:#748793}
.top-appbar__actions{display:flex;align-items:center;gap:10px}.top-appbar__version{font-size:.68rem;font-weight:750;color:#728692;padding:6px 8px;border-radius:999px;background:#f2f6f8;border:1px solid #e0e8ed}.top-appbar__clear{min-height:36px!important;padding:0 12px!important;background:#fff!important;color:#4d6572!important;border:1px solid var(--line)!important;box-shadow:none!important}

/* TABS NA APPBAR */
.top-appbar__tabs,.tl-nav{position:static!important;margin:0!important;padding:0!important;max-width:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.top-appbar__tabs .tl-nav__tabs{display:flex;align-items:stretch;justify-content:center;gap:4px;min-width:0}
.top-appbar__tabs .tl-nav__tab{position:relative;min-height:44px!important;height:44px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#627784;display:flex;flex-direction:row;align-items:center;gap:7px;justify-content:center;cursor:pointer;transition:background .16s ease,color .16s ease}
.top-appbar__tabs .tl-nav__tab:hover{background:#f1f6f8;color:#244859}.top-appbar__tabs .tl-nav__tab.is-active{background:var(--primary-soft);color:var(--primary-dark);font-weight:800}
.top-appbar__tabs .tl-nav__tab.is-active::after{content:"";position:absolute;height:3px;left:13px;right:13px;bottom:-14px;border-radius:4px;background:var(--primary)}
.top-appbar__tabs .tl-nav__icon{width:17px;height:17px;color:currentColor}.top-appbar__tabs .tl-nav__icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.top-appbar__tabs .tl-nav__label{font-size:.77rem!important;color:inherit!important;font-weight:inherit!important;letter-spacing:0!important}

/* CABEÇALHOS / CONTRASTE */
.page-heading{margin:0 0 18px;padding:4px 2px}.page-heading h1,.page-heading h2{margin:.18rem 0 .35rem;color:#102a3a!important;letter-spacing:-.035em}.page-heading h1{font-size:clamp(1.8rem,3vw,2.45rem)}.page-heading h2{font-size:1.55rem}.page-heading p{margin:0;max-width:900px;color:var(--muted)!important;line-height:1.55}.page-heading--compact{margin-bottom:14px}
.kicker,.eyebrow{color:#087fa8!important;font-weight:850!important;letter-spacing:.1em!important}
h1,h2,h3,h4,strong{color:#142b3a}p,span,small,label,summary{color:inherit}.muted{color:#71838e!important}
.hero-card h2,.card h2,.card h3,.manual-grid h3,.variation-audit h3,.analytics-lab h3,.results-overview h2,.section-head h2,.audit-table-card strong{color:#142b3a!important}
.hero-card p,.card p,.manual-grid p,.variation-audit p,.analytics-lab p,.results-overview p,.audit-table-card small{color:#5e7482!important}

/* SUPERFÍCIES */
.hero-card,.card,.preview-card,.variation-audit,.analytics-lab,.result-card,.audit-table-card{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hero-card{border-radius:18px!important;overflow:hidden}.hero-card::after{display:none!important}.hero-card__aside{background:#f7fafc!important;border-color:var(--line)!important}.hero-card__aside strong{color:#264959!important}.format-pills span{background:#eff7fa!important;color:#176984!important;border-color:#d9ecf3!important}
.dropzone{background:#fff!important;border:1.5px dashed #a9c4d0!important;border-radius:18px!important;box-shadow:none!important;transform:none!important}.dropzone:hover,.dropzone.is-dragging,.dropzone:focus-visible{background:#fbfdfe!important;border-color:#2b9ac0!important;box-shadow:0 0 0 4px rgba(43,154,192,.08)!important}.dropzone strong{color:#214353!important}.dropzone span{color:#657b87!important}
.btn{border-radius:10px!important;box-shadow:none!important}.btn-primary{background:#0b7fa8!important;border-color:#0b7fa8!important;color:#fff!important}.btn-primary:hover:not(:disabled){background:#096f93!important}.btn-ghost{background:#fff!important;color:#49616e!important}.file-card,.result-card{background:#fff!important}.result-card h3{color:#1f3b49!important}.result-card p{color:#687d88!important}
.validation-box{background:#f8fafc!important}.status-card{background:#fff!important}.status-log{color:#536b78!important}

/* Não enfatizar detalhes visuais/animados; mantém feedback funcional discreto */
.processing-visual{background:#f7fafc!important;border:1px solid #e3eaee!important}.processing-copy strong{color:#214353!important}.processing-copy span{color:#6c7f8a!important}.processing-orbit,.processing-doc{opacity:.72}

/* RESULTADOS */
.results-overview{margin-top:0}.results-jump{background:#fff!important;color:#4d6977!important;border:1px solid var(--line)!important}.results-jump:hover{background:#f2f8fa!important;color:#0a789f!important}.analytics-badge{background:#eef7fa!important;color:#176984!important;border-color:#d5eaf2!important}.audit-thresholds{background:#f8fafc!important}.audit-kpi,.analysis-kpi{background:#fff!important}.audit-kpi strong,.analysis-kpi strong{color:#102a3a!important}.audit-kpi span,.analysis-kpi span{color:#6d808b!important}
.table-wrap table,.dynamic-table{background:#fff}.table-wrap th,.dynamic-table th{background:#edf5f8!important;color:#244959!important;border-color:#d9e5ea!important}.table-wrap td,.dynamic-table td{color:#304b59!important;border-color:#e6edf1!important}

/* MANUAL */
.manual-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.manual-grid .card{min-height:150px!important}.details summary{color:#234453!important;font-weight:800}.code-list code,.code-list span{color:#2d5262!important}

/* FOOTER */
.footer{color:#73858f!important;border-color:#dde6eb!important}

/* MOBILE */
@media(max-width:1050px){
  .top-appbar__inner{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:0 14px}.top-appbar__actions{display:none}.top-appbar__tabs .tl-nav__tabs{justify-content:flex-end;overflow-x:auto;scrollbar-width:none}.top-appbar__brand-copy small{display:none}.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  :root{--appbar-h:66px}.workspace{padding:calc(var(--appbar-h) + 18px) 14px 24px!important}.top-appbar__inner{padding:0 10px;grid-template-columns:auto minmax(0,1fr);gap:6px}.top-appbar__mark{width:34px;height:34px}.top-appbar__brand-copy{display:none}.top-appbar__tabs .tl-nav__tab{padding:0 9px;min-width:44px}.top-appbar__tabs .tl-nav__label{display:none}.top-appbar__tabs .tl-nav__tab.is-active::after{bottom:-11px;left:9px;right:9px}.page-heading h1{font-size:1.75rem}.hero-card__content{padding:20px!important}.manual-grid{grid-template-columns:1fr!important}.results-overview{flex-direction:column;align-items:flex-start!important}.process-layout{grid-template-columns:1fr!important}
}

/* Complementos que substituem a antiga camada visual v6.8.0. */
.hero-card__content{padding:24px 26px;flex:1;min-width:0}.hero-card__aside{min-width:300px;padding:22px 24px;display:grid;align-content:center;gap:9px;border-left:1px solid var(--line);background:#f7fafc}.hero-card__aside p{margin:0;color:#5e7482;line-height:1.55;font-size:.8rem}
.results-overview{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;padding:2px}.results-overview__nav{display:flex;gap:7px;flex-wrap:wrap}.section-head{align-items:flex-end}.section-head h2{color:#142b3a}.section-head p{color:#5e7482}
.file-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:13px}.results-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:13px}.result-card{border-radius:16px}.manual-grid{margin-top:0!important}
@media(max-width:900px){.hero-card{flex-direction:column;align-items:stretch}.hero-card__aside{min-width:0;border-left:0;border-top:1px solid var(--line)}.results-overview{align-items:flex-start;flex-direction:column}}

/* v6.8.2 — entrada mínima */
.import-minimal{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px;padding:2px 2px 0}
.import-minimal h1{margin:0;color:#102a3a;font-size:clamp(1.45rem,2.3vw,1.9rem);letter-spacing:-.03em}
.import-minimal>div>span{display:block;margin-top:3px;color:#6f828d;font-size:.76rem;font-weight:650;letter-spacing:.035em}
.import-minimal__formats{display:flex!important;align-items:center;gap:6px;margin:0!important}
.import-minimal__formats span{margin:0!important;padding:5px 8px;border:1px solid #dbe6eb;border-radius:999px;background:#fff;color:#59717d!important;font-size:.66rem!important;font-weight:800!important;letter-spacing:.04em!important}
#importacao .dropzone{min-height:210px}
@media(max-width:720px){.import-minimal{align-items:flex-start}.import-minimal__formats{display:none!important}#importacao .dropzone{min-height:180px}}