/* V28.1 - aprimoramento visual ORIGINAL; mantém estados e dados reais. */
:root{--os29-navy:#0a2853;--os29-cobalt:#1669e8;--os29-teal:#009f9e;--os29-violet:#7052d9;--os29-amber:#ec991b;--os29-text:#143352;--os29-muted:#4c677e;--os29-line:#cfdee8}
body:not(.patient-mode){background:radial-gradient(ellipse at 92% -10%,#bcd9ff 0%,transparent 45%),radial-gradient(ellipse at 0% 35%,#c7f6eb 0%,transparent 35%),#ecf3fa!important}
body:not(.patient-mode) .sidebar{background:linear-gradient(172deg,#071e45 0%,#103f6a 55%,#085e68 100%)!important;box-shadow:6px 0 28px #071c4012}
body:not(.patient-mode) .sidebar .nav-item.active{background:linear-gradient(95deg,#1475ef,#07aca8)!important;color:#fff!important;box-shadow:0 8px 18px #061a4d44}
body:not(.patient-mode) .sidebar .nav-item.active .nav-icon{color:white}
body:not(.patient-mode) .sidebar .nav-item{transition:background-color .15s ease,color .15s ease,transform .15s ease}
body:not(.patient-mode) .topbar{background:#ffffffed!important;border-bottom:1px solid #ccdae7!important}
body:not(.patient-mode) .content{max-width:1760px;--surface-border:#d8e4ed}
body:not(.patient-mode) .content .page-title{letter-spacing:-.035em}
body:not(.patient-mode) .content .button.primary{background:linear-gradient(105deg,#1368e9,#04a4ac)!important}
body:not(.patient-mode) .content .panel{border-color:#d3e1ea!important}
/* Dashboard fiscal: sólidos brilhantes nas métricas, sem inventar resultados. */
.f26-app{--f26-ink:#173652;--f26-navy:#092a52;--f26-line:#cbdde9;--f26-muted:#4a667a}
.f26-app .f26-banner{background:radial-gradient(circle at 89% 0%,#07b8d777,transparent 42%),linear-gradient(115deg,#06295a,#1262a8 72%,#0b9eaa);border-radius:22px;box-shadow:0 14px 36px #0b396231;min-height:196px}
.f26-app .f26-banner h1{max-width:780px;line-height:1.08;letter-spacing:-.036em}
.f26-app .f26-eyebrow{color:#b4eaff}
.f26-app .f26-unavailable{background:#fff2e4;color:#814216!important;border:1px solid #ffe1be;font-size:13px}
.f26-app .f26-hero-status>span:last-child{color:#edfcff}
.f26-app .f26-metrics{gap:14px;margin:17px 0}
.f26-app .f26-stat{border:0;min-height:137px;padding:20px;color:#fff;box-shadow:0 11px 25px #0f3b5b23;isolation:isolate;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.f26-app .f26-stat:hover{transform:translateY(-3px);box-shadow:0 16px 30px #0f3b5b35}
.f26-app .f26-stat:nth-child(4n + 1){background:linear-gradient(135deg,#1554d4,#2689fa)}
.f26-app .f26-stat:nth-child(4n + 2){background:linear-gradient(135deg,#009f9d,#00c0ad)}
.f26-app .f26-stat:nth-child(4n + 3){background:linear-gradient(135deg,#6840cb,#9561ec)}
.f26-app .f26-stat:nth-child(4n + 4){background:linear-gradient(135deg,#cf5c36,#f4a737)}
.f26-app .f26-stat::after{content:'';position:absolute;right:-30px;top:-38px;width:140px;height:140px;border:19px solid #ffffff12;border-radius:50%;z-index:-1}
.f26-app .f26-stat>span,.f26-app .f26-stat strong,.f26-app .f26-stat small,.f26-app .f26-stat i{color:#fff!important;opacity:1}
.f26-app .f26-stat>span{font-size:14px;font-weight:800}
.f26-app .f26-stat strong{font-size:clamp(30px,2.6vw,38px);letter-spacing:-.04em}
.f26-app .f26-stat small{opacity:.91;font-size:12px}
.f26-app .f26-stat i{font-size:25px;opacity:.6;right:18px;top:13px}
.f26-app .f26-actionstrip{background:#f6fbff;border:1px solid #d5e6f0;box-shadow:0 7px 18px #0b3b6510}
.f26-app .f26-primary{background:linear-gradient(100deg,#1167ed,#138ed8)!important;box-shadow:0 7px 17px #1769b82b}
.f26-app .f26-outline{border:1px solid #bfd7e4;background:#fff;color:#144b72}
.f26-app .f26-outline:hover{background:#e8f4ff;border-color:#6dafea}
.f26-app .f26-nav{background:#edf5ff;border-color:#d0e2f0;scroll-padding-inline:8px}
.f26-app .f26-nav-item.is-active{background:linear-gradient(102deg,#1b6aea,#117ec7);box-shadow:0 4px 12px #1659b63d;color:white}
.f26-app .f26-panel{background:#fff;border:1px solid #d6e3ed;box-shadow:0 8px 24px #123c5b10}
.f26-app .f26-kicker{color:#117abd}
.f26-app .f26-finance-panel{background:linear-gradient(137deg,#0a3c75,#12609e);border-color:#216ba1}
.f26-app .f26-step{background:#f7fbff;border-color:#dce9f3}
.f26-app .f26-step:hover{border-color:#6cabe7;background:#eefdff}
.f26-app .f26-step-num{background:#e0f0ff;color:#156ab6}
.f26-app .f26-flow>div{background:#f3f9ff;border-color:#d6e5ef}
.f26-app .f26-flow i{color:#1573d8}
.f26-app .f26-filters{background:#f2f7fd;border-color:#d9e6ef}
.f26-app .f26-connection-grid>div{background:#f4f9ff;border-color:#d8e6f0}
.f26-app .f26-filters input:focus-visible,.f26-app .f26-filters select:focus-visible{outline:3px solid #0b8fe0;outline-offset:2px}
.f26-app .f26-table th{background:#ecf4ff}
/* Conexão A1: cards de situação e botões fáceis de alcançar. */
#osFiscalA1 .fh-hero{background:linear-gradient(115deg,#08275a,#116bb2 68%,#04ada8);border-radius:23px}
#osFiscalA1 .fh-overline{color:#c2f3ff}
#osFiscalA1 .fh-stat{box-shadow:0 6px 20px #143e5e12;border-color:#dae5ee;border-radius:17px;border-top:4px solid #1977d5}
#osFiscalA1 .fh-stat:nth-child(2){border-top-color:#04aaa3}#osFiscalA1 .fh-stat:nth-child(3){border-top-color:#8053df}#osFiscalA1 .fh-stat:nth-child(4){border-top-color:#f0aa37}
#osFiscalA1 .fh-stat strong{font-size:clamp(20px,2vw,26px);color:#123d61}
#osFiscalA1 .fh-panel{border-color:#d5e4ef;box-shadow:0 6px 20px #153e5d11}
#osFiscalA1 button.fh-button{background:linear-gradient(105deg,#0e6bdf,#08a0ba);min-height:48px}
#osFiscalA1 button.fh-button.secondary{background:#eff8ff;color:#14517a;border-color:#b4d8ef}
.fs-cert-disabled{border:1px solid #f2d2ab;background:#fff7e8;color:#704411;padding:15px;border-radius:12px;line-height:1.55}
/* Acessibilidade e proporcionalidade em telas compactas. */
@media(max-width:880px){.f26-app .f26-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.f26-app .f26-stat{min-height:125px}}
@media(max-width:600px){.f26-app .f26-banner{padding:22px 17px;min-height:0}.f26-app .f26-banner h1{font-size:clamp(27px,7vw,35px)}.f26-app .f26-stat{padding:15px 13px;min-height:119px}.f26-app .f26-stat>span{font-size:12px}.f26-app .f26-stat strong{font-size:29px}.f26-app .f26-stat small{font-size:11px}.f26-app .f26-metrics{gap:9px}.f26-app .f26-primary,.f26-app .f26-outline{min-height:46px}.f26-app .f26-nav-item{min-height:45px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.f26-app .f26-stat{transition:none}}