*{box-sizing:border-box}:root{--nav:#0d3157;--blue:#1976d2;--bg:#f4f7fb;--line:#e2e8f0;--muted:#667085}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:#172033}.shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,#0d3157,#164f84);color:#fff;padding:18px 14px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 24px}.mark{width:46px;height:46px;border-radius:13px;background:#fff;color:#0d3157;display:grid;place-items:center;font-weight:900}.brand b,.brand span{display:block}.brand span{font-size:12px;opacity:.7}nav{display:flex;flex-direction:column;gap:5px}nav a{color:#dbeafe;text-decoration:none;padding:12px 14px;border-radius:10px}nav a:hover,nav a.active{background:#ffffff20;color:#fff}aside small{margin-top:auto;padding:10px;opacity:.65}main{min-width:0}header{height:78px;background:#fffffff2;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 26px;position:sticky;top:0;z-index:5}header h1{font-size:20px;margin:0}header p{font-size:12px;color:var(--muted);margin:3px 0 0}#user{margin-left:auto;text-align:right;font-size:12px;color:var(--muted)}#user b{display:block;color:#172033;font-size:14px}#menuBtn{display:none;border:0;background:none;font-size:22px}#app{padding:26px}.hero{background:linear-gradient(135deg,#123b68,#1976d2);color:#fff;border-radius:18px;padding:25px;margin-bottom:20px}.hero h2{margin:0 0 6px}.hero p{margin:0;opacity:.84}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 30px #112a4b12}.card b{display:block;margin:8px 0}.card span,.muted{font-size:12px;color:var(--muted)}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.links a{text-decoration:none;color:inherit}.box{max-width:720px;margin:auto}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.field textarea{min-height:90px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{border:0;border-radius:10px;padding:12px 17px;background:#1769aa;color:#fff;font-weight:700;cursor:pointer}.btn.alt{background:#e9f2fb;color:#14598e}.msg{padding:11px 13px;border-radius:10px;margin:12px 0;font-size:13px}.err{background:#ffebee;color:#a52222}.ok{background:#e8f5e9;color:#176c3a}.hidden{display:none!important}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}aside{position:fixed;left:-270px;width:255px;z-index:20;transition:.2s}aside.open{left:0}#menuBtn{display:block}header{padding:0 14px}#app{padding:15px}.grid,.links,.row{grid-template-columns:1fr}#user{display:none}}

/* V2.2 — formulário completo do Plantão */
.plantao-box{max-width:920px}
.perfil-operacional{padding:14px 16px;margin:0 0 18px;border:1px solid #b7ddc6;border-radius:12px;background:#eefaf2}
.perfil-operacional b,.perfil-operacional span{display:block}.perfil-operacional b{font-size:18px;color:#176c3a}.perfil-operacional span{margin-top:3px;color:#526174;font-size:12px}
.input-action{display:flex;gap:7px}.input-action input{flex:1}.mini-btn{flex:0 0 auto;border:1px solid #bfd1e2;border-radius:9px;background:#edf5fb;color:#14598e;padding:0 12px;font-weight:700}
.field-help{font-size:11px;color:#718096;margin-top:5px}
.quick-box{margin:18px 0;padding:15px;border:1px solid #d7e6f3;border-radius:13px;background:#f7fbff}.quick-title b,.quick-title span{display:block}.quick-title span{margin-top:3px;font-size:11px;color:#667085}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.chip{border:1px solid #bfd7ea;background:#fff;color:#14598e;border-radius:999px;padding:8px 11px;font-weight:700;font-size:12px;cursor:pointer}.chip:hover{background:#eaf4fb}
.location-box,.photo-box{margin:18px 0;padding:16px;border:1px solid #e2c978;border-left:5px solid #dcae2b;border-radius:12px;background:#fffaf0}
.location-box.collected{border-color:#9acdae;border-left-color:#16834b;background:#f0fbf4}
.location-top,.photo-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.location-top b,.location-top span,.photo-title b,.photo-title span{display:block}.location-top span,.photo-title span{margin-top:3px;font-size:11px;color:#667085}
.badge{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}.pending{background:#fff0bd;color:#9a6a00}.ok-badge{background:#dff4e7;color:#176c3a}
.map-link{display:inline-block;margin-top:10px;font-size:12px;color:#1769aa;text-decoration:none;font-weight:700}
.photo-box{border-color:#d6dce4;border-left-color:#5d7897;background:#f8fafc}.photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.photo-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#e9eef3}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item button{position:absolute;top:4px;right:4px;width:25px;height:25px;border:0;border-radius:50%;background:#000a;color:#fff;font-size:18px;line-height:1;cursor:pointer}
.submit-bar{display:flex;gap:10px;margin-top:22px}.submit-bar .btn:first-child{flex:1}
@media(max-width:700px){.plantao-box{padding:16px}.photo-grid{grid-template-columns:repeat(3,1fr)}.submit-bar{flex-direction:column}.input-action{align-items:stretch}.mini-btn{min-width:72px}.location-top,.photo-title{align-items:flex-start}}


/* V2.5 — mobile, carregamento, histórico e formulário completo */
.global-loading{position:fixed;inset:0;z-index:9999;background:rgba(8,25,45,.42);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px)}
.global-loading.hidden{display:none!important}
.loading-card{background:#fff;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:13px;box-shadow:0 18px 60px #0003;color:#173f69}
.spinner{width:25px;height:25px;border:3px solid #dbe8f3;border-top-color:#1769aa;border-radius:50%;animation:hmpSpin .8s linear infinite}
@keyframes hmpSpin{to{transform:rotate(360deg)}}
.menu-overlay{display:none}
.tabs-operacional{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}
.tab-operacional{border:1px solid #cbd5e1;background:#fff;color:#42526a;border-radius:10px;padding:11px 12px;font-weight:750;cursor:pointer}
.tab-operacional.ativo{background:#1769aa;color:#fff;border-color:#1769aa}
.historico-topo{display:flex;justify-content:space-between;gap:14px;align-items:end}
.historico-topo .field{min-width:190px;margin:0}
.resumo-registros{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.indicador-registro{background:#f7fbff;border:1px solid #d7e6f3;border-radius:12px;padding:14px;text-align:center}
.indicador-registro b{display:block;color:#14598e;font-size:24px}.indicador-registro span{font-size:11px;color:#667085}
.lista-registros{display:grid;gap:10px}
.registro-item{border:1px solid #dfe5ec;border-radius:12px;padding:14px;background:#fff}
.registro-item strong{display:block;color:#173f69;margin-bottom:5px}.registro-item p{margin:4px 0;color:#526174;font-size:13px;line-height:1.4}
.area-obrigatoria{background:#fff8e8;border:1px solid #efd78d;border-radius:10px;padding:8px 10px;margin-top:6px;font-size:12px;color:#7a5a00}
@media(max-width:700px){
  header{height:64px}
  header h1{font-size:17px}
  header p{font-size:11px}
  #menuBtn{min-width:44px;min-height:44px;cursor:pointer}
  #app{padding:10px}
  .box{padding:14px;border-radius:13px;box-shadow:none}
  .field{margin:12px 0}
  .field input,.field textarea,.field select{font-size:16px;min-height:49px;padding:11px 12px;background:#fff}
  .field textarea{min-height:105px}
  .btn{width:100%;min-height:49px;font-size:15px}
  .mini-btn{min-width:70px;min-height:49px}
  .chip{min-height:42px}
  .perfil-operacional{padding:12px}.perfil-operacional b{font-size:16px}
  .tabs-operacional{position:sticky;top:64px;z-index:8;background:var(--bg);padding:5px 0}
  .tab-operacional{min-height:45px;padding:9px 5px}
  .historico-topo{display:block}.historico-topo .field{min-width:0;margin-top:12px}
  .photo-grid{grid-template-columns:repeat(3,1fr)}
  .loading-card{width:min(92vw,330px);justify-content:center}
  .menu-overlay{display:block;position:fixed;inset:0;background:#0007;z-index:15;opacity:0;pointer-events:none;transition:.2s}
  .menu-overlay.show{opacity:1;pointer-events:auto}
  aside{z-index:20}
}

/* V2.8 — Dashboard administrativo */
.dashboard-adm{max-width:1500px;margin:0 auto}
.dashboard-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}
.dashboard-head h2{margin:0;color:#173f69}.dashboard-head p{margin:5px 0 0;color:#667085;font-size:13px}
.dashboard-periodo{display:grid;grid-template-columns:auto 160px auto;align-items:end;gap:8px}.dashboard-periodo label{font-size:11px;font-weight:700;color:#667085}.dashboard-periodo input{min-height:42px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:7px 9px;font:inherit}
.dash-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin:12px 0}
.dash-metric{background:#fff;border:1px solid #dfe5ec;border-left:4px solid #53718f;border-radius:12px;padding:14px}.dash-metric.warning{border-left-color:#d4922f}.dash-metric.success{border-left-color:#34865a}.dash-metric span,.dash-metric small{display:block;color:#667085;font-size:11px}.dash-metric strong{display:block;margin:7px 0 5px;color:#173f69;font-size:27px;font-weight:700}
.dash-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.dash-highlight{background:#eef5fb;border:1px solid #d4e3f0;border-radius:12px;padding:14px}.dash-highlight span,.dash-highlight small{display:block;color:#607286;font-size:11px}.dash-highlight strong{display:block;color:#173f69;font-size:18px;margin:5px 0}
.dash-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-panel{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:15px;margin-bottom:10px}.dash-panel h3{margin:0 0 10px;color:#24425f;font-size:14px}
.dash-rank-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 2px;border-bottom:1px solid #edf0f3;font-size:12px}.dash-rank-row:last-child{border-bottom:0}.dash-rank-row span{color:#526174}.dash-rank-row b{color:#173f69}
.dash-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.dash-panel-title a{font-size:11px;color:#1769aa;text-decoration:none;font-weight:700}
.dash-atendimento{display:grid;grid-template-columns:minmax(190px,.7fr) 1.3fr;gap:14px;padding:11px 0;border-bottom:1px solid #edf0f3}.dash-atendimento:last-child{border-bottom:0}.dash-atendimento b,.dash-atendimento span{display:block}.dash-atendimento b{font-size:12px;color:#173f69}.dash-atendimento span{font-size:11px;color:#758196;margin-top:3px}.dash-atendimento strong{font-size:12px;color:#42546a}.dash-atendimento p{font-size:12px;color:#667085;margin:4px 0 0}
.dash-empty{padding:18px;text-align:center;color:#8793a1;font-size:12px}
.dash-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dash-module{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:13px}.dash-module b,.dash-module span{display:block}.dash-module b{color:#354b65}.dash-module span{margin-top:4px;color:#8793a1;font-size:11px}.pending-module{opacity:.78}
@media(max-width:1200px){.dash-metric-grid{grid-template-columns:repeat(3,1fr)}.dash-module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.dashboard-head{display:block}.dashboard-periodo{grid-template-columns:1fr;margin-top:12px}.dashboard-periodo input,.dashboard-periodo .btn{width:100%}.dash-metric-grid{grid-template-columns:1fr 1fr}.dash-highlight-grid,.dash-two{grid-template-columns:1fr}.dash-atendimento{grid-template-columns:1fr}.dash-module-grid{grid-template-columns:1fr 1fr}.dash-metric strong{font-size:24px}}

.dash-error-help{background:#fff8e8;border:1px solid #efd78d;border-radius:12px;padding:15px;color:#755700}
.dash-error-help b,.dash-error-help span{display:block}
.dash-error-help span{font-size:12px;margin-top:5px;color:#7d6b38}

/* V2.9 — Dashboard BI interativo */
.bi-card,.bi-highlight,.bi-bar-row,.bi-atendimento,.dash-module,.he-status{font:inherit;text-align:left;cursor:pointer}
.bi-card{width:auto}.bi-card:hover,.bi-highlight:hover,.dash-module:hover{transform:translateY(-2px);border-color:#aec7dc}
.bi-tabs{display:flex;gap:7px;margin:12px 0}.bi-tab{border:1px solid #cbd5e1;background:#fff;color:#4b5e73;border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer}.bi-tab.active{background:#1769aa;color:#fff;border-color:#1769aa}
.bi-tab-panel{display:none}.bi-tab-panel.active{display:block}
.bi-chart-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:10px}.bi-chart-panel{min-height:300px}
.bi-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bi-panel-head h3{margin:0}.bi-panel-head span{display:block;color:#7a8795;font-size:11px;margin-top:3px}
.line-chart-wrap{width:100%;min-height:240px}.bi-line-svg{width:100%;height:auto;overflow:visible}.axis-line{stroke:#d8e0e7;stroke-width:1}.line-main{fill:none;stroke:#1769aa;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point circle{fill:#fff;stroke:#1769aa;stroke-width:3;cursor:pointer}.chart-point text{font-size:10px;fill:#7a8795}
.donut-layout{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;padding:15px 0}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;--donut-0:#d69a35;--donut-1:#3c9161;--donut-2:#9ca8b3}.donut:after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:#fff}.donut>div{position:relative;z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:24px;color:#173f69}.donut span{font-size:11px;color:#7a8795}.donut-empty{width:150px;height:150px;border-radius:50%;border:20px solid #edf1f5;display:grid;place-items:center;font-size:24px;color:#7a8795}
.donut-legend{display:grid;gap:7px}.donut-legend button{border:0;background:none;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:6px;text-align:left;cursor:pointer;border-radius:8px}.donut-legend button:hover{background:#f3f7fb}.legend-dot{width:9px;height:9px;border-radius:50%}.legend-0{background:#d69a35}.legend-1{background:#3c9161}.legend-2{background:#9ca8b3}
.bi-bar-row{width:100%;border:0;background:transparent;display:grid;grid-template-columns:minmax(130px,1.3fr) 2fr 35px;gap:10px;align-items:center;padding:8px 2px;border-bottom:1px solid #edf0f3}.bi-bar-row:hover{background:#f7fafc}.bi-bar-label{font-size:12px;color:#526174;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-bar-track{height:10px;background:#edf2f6;border-radius:99px;overflow:hidden}.bi-bar-fill{display:block;height:100%;background:#1769aa;border-radius:99px}.bi-bar-row b{text-align:right;color:#173f69}
.he-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.he-status{border:1px solid #dfe5ec;border-radius:12px;padding:15px;background:#fff}.he-status span,.he-status strong{display:block}.he-status span{color:#667085;font-size:12px}.he-status strong{font-size:26px;margin-top:5px;color:#173f69}.he-0{border-left:4px solid #d69a35}.he-1{border-left:4px solid #3c9161}.he-2{border-left:4px solid #9ca8b3}
.bi-detail{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;margin:10px 0;background:#eaf4fb;border:1px solid #bdd7eb;border-radius:12px}.bi-detail span,.bi-detail strong,.bi-detail small{display:block}.bi-detail span{font-size:10px;color:#61788d;text-transform:uppercase}.bi-detail strong{font-size:17px;color:#173f69;margin:2px 0}.bi-detail small{font-size:12px;color:#5f7184}.bi-detail button{border:0;background:none;font-size:24px;color:#53677a;cursor:pointer}
.bi-atendimento{width:100%;border:0;background:transparent}.bi-atendimento:hover{background:#f8fafc}
.dash-panel-title span{font-size:11px;color:#8793a1}
@media(max-width:1000px){.bi-chart-grid{grid-template-columns:1fr}.donut-layout{grid-template-columns:140px 1fr}.donut,.donut-empty{width:130px;height:130px}}
@media(max-width:700px){.bi-tabs{display:grid;grid-template-columns:1fr 1fr}.bi-tab{border-radius:10px;padding:10px 6px}.dash-metric-grid.bi-cards{grid-template-columns:1fr 1fr}.bi-card{min-height:105px}.bi-chart-panel{min-height:auto}.donut-layout{grid-template-columns:1fr;justify-items:center}.donut-legend{width:100%}.bi-bar-row{grid-template-columns:1fr 80px 30px}.he-status-grid{grid-template-columns:1fr}.bi-detail{position:sticky;bottom:8px;z-index:7}.line-chart-wrap{overflow:hidden}}

/* V3.0 Plantão administrativo */
.plantao-admin-shell{max-width:1220px;margin:0 auto;padding:20px}.pa-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}.pa-head h2{margin:0;color:#173f69}.pa-head p{margin:4px 0 0;color:#718096}.pa-filter{display:flex;align-items:center;gap:7px}.pa-filter label{font-size:11px;color:#65758a}.pa-filter input,.pa-filter button,.pa-toolbar input,.pa-toolbar select{border:1px solid #ccd7e2;border-radius:9px;padding:9px;background:#fff}.pa-filter button{background:#1769aa;color:#fff;font-weight:700;cursor:pointer}.pa-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pa-kpis button{background:#fff;border:1px solid #e0e6ec;border-radius:13px;padding:15px;text-align:left;cursor:pointer}.pa-kpis span,.pa-kpis small,.pa-kpis strong{display:block}.pa-kpis span{font-size:11px;color:#6b7b8d}.pa-kpis strong{font-size:28px;color:#173f69;margin:5px 0}.pa-kpis small{font-size:11px;color:#8390a0}.pa-tabs{display:flex;gap:7px;margin:15px 0 10px;overflow:auto}.pa-tabs button{white-space:nowrap;border:1px solid #d7e0e8;background:#fff;border-radius:9px;padding:9px 13px;font-weight:700;color:#52677b;cursor:pointer}.pa-tabs button.active{background:#1769aa;color:#fff;border-color:#1769aa}.pa-panel{display:none;background:#fff;border:1px solid #e0e6ec;border-radius:14px;padding:14px}.pa-panel.active{display:block}.pa-toolbar{display:grid;grid-template-columns:1fr 240px;gap:8px;margin-bottom:10px}.pa-att{display:grid;grid-template-columns:125px 1fr;gap:14px;padding:12px;border-bottom:1px solid #edf1f4}.pa-att:last-child{border-bottom:0}.pa-att-time b,.pa-att-time span{display:block}.pa-att-time b{color:#173f69}.pa-att-time span,.pa-att small{font-size:11px;color:#78889a}.pa-att strong{color:#173f69}.pa-att p{margin:4px 0;font-size:12px;color:#526174}.pa-coming{padding:25px;text-align:center;background:#f7fafc;border:1px dashed #c9d5df;border-radius:11px}.pa-coming b,.pa-coming span{display:block}.pa-coming b{color:#173f69;font-size:17px}.pa-coming span{color:#758598;margin-top:5px}.pa-ranking{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pa-ranking h3{margin-top:0}.pa-rank{display:flex;justify-content:space-between;padding:8px 2px;border-bottom:1px solid #edf1f4;color:#526174}.loading-card,.module-error{max-width:700px;margin:35px auto;background:#fff;border:1px solid #e0e6ec;border-radius:14px;padding:25px;text-align:center}.loading-card b,.loading-card span,.module-error b,.module-error span{display:block}.loading-card span,.module-error span{margin-top:5px;color:#758598}.spinner{width:28px;height:28px;border:3px solid #dbe5ed;border-top-color:#1769aa;border-radius:50%;margin:0 auto 10px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.plantao-admin-shell{padding:12px}.pa-head{align-items:stretch;flex-direction:column}.pa-filter{display:grid;grid-template-columns:auto 1fr auto}.pa-kpis{grid-template-columns:1fr 1fr}.pa-toolbar{grid-template-columns:1fr}.pa-att{grid-template-columns:1fr;gap:5px}.pa-ranking{grid-template-columns:1fr}.pa-tabs{margin-left:-2px;margin-right:-2px}}

/* V3.1 — Escala Mensal real */
.escala-loading{padding:30px;text-align:center;color:#6b7b8d}.escala-loading b{display:block;margin-top:8px;color:#173f69}
.escala-real-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.escala-real-head h3{margin:5px 0 2px;color:#173f69;font-size:20px}.escala-real-head p{margin:0;color:#748395;font-size:12px}.escala-real-actions{display:flex;gap:8px}
.escala-status-real{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.escala-status-real.aberto{background:#e5f7ec;color:#227348}.escala-status-real.fechado{background:#edf0f3;color:#536273}
.escala-real-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.escala-real-kpis>div{background:#f7fafc;border:1px solid #e1e7ed;border-radius:11px;padding:12px;text-align:center}.escala-real-kpis strong,.escala-real-kpis span{display:block}.escala-real-kpis strong{font-size:23px;color:#173f69}.escala-real-kpis span{font-size:11px;color:#728195;margin-top:3px}
.escala-view-tabs{display:flex;gap:7px;margin-bottom:10px}.escala-view-tabs button{border:1px solid #ccd7e2;background:#fff;color:#53677a;border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer}.escala-view-tabs button.active{background:#1769aa;color:#fff;border-color:#1769aa}.escala-view{display:none}.escala-view.active{display:block}
.escala-calendar{display:grid;gap:7px}.escala-day{display:grid;grid-template-columns:72px 1fr;border:1px solid #e0e6ec;border-radius:11px;overflow:hidden;background:#fff}.escala-day-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#edf5fb;padding:10px}.escala-day-date b{font-size:22px;color:#173f69}.escala-day-date span{font-size:10px;text-transform:uppercase;color:#6d8194}.escala-day-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;padding:8px}.escala-person{border-left:3px solid #1769aa;background:#f8fafc;border-radius:7px;padding:8px}.escala-person strong,.escala-person span{display:block}.escala-person strong{font-size:11px;color:#53677a}.escala-person span{font-size:13px;font-weight:700;color:#173f69;margin-top:2px}
.escala-period-list{display:grid;gap:7px}.escala-period{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #e0e6ec;border-radius:10px;padding:11px}.escala-period strong,.escala-period span,.escala-period b{display:block}.escala-period strong{color:#173f69}.escala-period span{font-size:11px;color:#758598;margin-top:2px}.escala-period>div:last-child{text-align:right}.pdf-open-btn,.pdf-download-btn{display:inline-block;margin:8px 6px 0 0;padding:8px 11px;border-radius:8px;text-decoration:none;font-weight:700;font-size:12px}.pdf-open-btn{background:#1769aa;color:#fff}.pdf-download-btn{background:#e8f1f8;color:#14598e}
@media(max-width:700px){.escala-real-head{align-items:stretch;flex-direction:column}.escala-real-actions{display:grid;grid-template-columns:1fr 1fr}.escala-real-kpis{grid-template-columns:1fr 1fr 1fr}.escala-real-kpis strong{font-size:20px}.escala-day{grid-template-columns:58px 1fr}.escala-day-items{grid-template-columns:1fr}.escala-period{grid-template-columns:1fr}.escala-period>div:last-child{text-align:left}}

/* V3.1.1 — PDF direto pelo HMP */
.pdf-ready>span{display:block;margin-top:4px;font-size:11px;color:#557366}
.pdf-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.pdf-actions a{margin:0}
@media(max-width:700px){.pdf-actions{display:grid;grid-template-columns:1fr 1fr}.pdf-actions a{text-align:center;padding:10px 8px}}

/* V3.1.2 — PDF via Blob, sem navegação externa */
.pdf-actions button{border:0;cursor:pointer;font:inherit}
.pdf-open-btn,.pdf-download-btn{display:inline-block;padding:9px 12px;border-radius:8px;font-weight:700;font-size:12px}
.pdf-open-btn{background:#1769aa;color:#fff}
.pdf-download-btn{background:#e8f1f8;color:#14598e}
#pdfAcaoStatus{margin-top:8px}
@media(max-width:700px){
  .pdf-actions button{width:100%;min-height:46px}
}

/* V3.2 — Horas Extras administrativas */
.he-admin-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.he-admin-top h3{margin:0;color:#173f69}.he-admin-top p{margin:3px 0 0;color:#758598;font-size:12px}
.he-admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.he-admin-kpis button{background:#fff;border:1px solid #e0e6ec;border-radius:11px;padding:12px;text-align:left;cursor:pointer}.he-admin-kpis span,.he-admin-kpis strong,.he-admin-kpis small{display:block}.he-admin-kpis strong{font-size:24px;color:#173f69;margin:3px 0}.he-admin-kpis span,.he-admin-kpis small{font-size:11px;color:#718096}.he-admin-kpis .pendente{border-left:4px solid #d69a35}.he-admin-kpis .aprovado{border-left:4px solid #3c9161}.he-admin-kpis .nao{border-left:4px solid #b65b5b}
.he-admin-filtros{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:7px;margin-bottom:7px}.he-admin-filtros input,.he-admin-filtros select{border:1px solid #ccd7e2;border-radius:9px;padding:9px;background:#fff}.he-filter-summary{font-size:11px;color:#758598;margin:7px 1px}
.he-record{border:1px solid #e0e6ec;border-radius:12px;margin:8px 0;background:#fff;overflow:hidden}.he-record.pendente{border-left:4px solid #d69a35}.he-record.aprovado{border-left:4px solid #3c9161}.he-record.nao{border-left:4px solid #b65b5b}.he-record-main{display:grid;grid-template-columns:125px 1fr auto;gap:12px;padding:12px;align-items:center}.he-record-date b,.he-record-date span,.he-record-date strong{display:block}.he-record-date b,.he-record-info h4{color:#173f69}.he-record-date span,.he-record-info span{font-size:11px;color:#758598}.he-record-date strong{font-size:13px;margin-top:3px}.he-record-info h4{margin:0 0 2px}.he-record-info p{font-size:12px;color:#526174;margin:5px 0 0}.he-badge{display:inline-block;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.he-badge.pendente{background:#fff2cc;color:#7f6000}.he-badge.aprovado{background:#e2f0d9;color:#274e13}.he-badge.nao{background:#fce8e6;color:#990000}.he-record-actions{display:flex;justify-content:flex-end;gap:7px;padding:8px 12px;background:#f8fafc;border-top:1px solid #edf1f4}.he-record-actions button{border:0;border-radius:8px;padding:8px 11px;font-weight:700;cursor:pointer}.he-approve{background:#e2f0d9;color:#274e13}.he-reject{background:#fce8e6;color:#990000}
@media(max-width:760px){.he-admin-top{align-items:stretch;flex-direction:column}.he-admin-kpis{grid-template-columns:1fr 1fr}.he-admin-filtros{grid-template-columns:1fr}.he-record-main{grid-template-columns:1fr}.he-record-status{justify-self:start}.he-record-actions{display:grid;grid-template-columns:1fr 1fr}.he-record-actions button{min-height:44px}}

/* V3.3 — Central de Relatórios */
.rel-admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.rel-admin-head h3{margin:0;color:#173f69}.rel-admin-head p{margin:3px 0 0;color:#758598;font-size:12px}
.rel-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.rel-type{background:#fff;border:1px solid #dfe6ec;border-radius:11px;padding:12px;text-align:left;cursor:pointer}.rel-type b,.rel-type span{display:block}.rel-type b{color:#173f69}.rel-type span{font-size:11px;color:#768598;margin-top:4px}.rel-type.active{border-color:#1769aa;background:#edf6fd;box-shadow:inset 0 0 0 1px #1769aa}
.rel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.rel-kpis>div{background:#f8fafc;border:1px solid #e1e7ed;border-radius:10px;padding:11px}.rel-kpis span,.rel-kpis strong,.rel-kpis small{display:block}.rel-kpis span,.rel-kpis small{font-size:11px;color:#758598}.rel-kpis strong{font-size:23px;color:#173f69;margin:3px 0}
.rel-filtros{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7px}.rel-filtros select{border:1px solid #ccd7e2;border-radius:9px;padding:9px;background:#fff}.rel-descricao{margin:10px 0;padding:9px 11px;background:#edf5fb;border-radius:9px;font-size:12px;color:#526b80}
.rel-preview-title{display:flex;justify-content:space-between;gap:8px;margin:8px 0;font-size:12px;color:#607286}.rel-rh-preview,.rel-att-preview{display:grid;gap:6px;max-height:440px;overflow:auto}.rel-rh-preview>div,.rel-att-preview>div{border:1px solid #e2e7ec;border-radius:9px;padding:9px;background:#fff}.rel-rh-preview strong,.rel-rh-preview span{display:block}.rel-rh-preview strong{color:#173f69}.rel-rh-preview span,.rel-att-preview span{font-size:11px;color:#758598}.rel-att-preview>div{display:grid;grid-template-columns:130px 1fr 1fr;gap:8px;align-items:start}.rel-att-preview b,.rel-att-preview strong{color:#173f69;font-size:12px}.rel-att-preview p{grid-column:1/-1;margin:0;color:#637386;font-size:11px}.rel-empty-preview{padding:25px;text-align:center;color:#758598;background:#f8fafc;border:1px dashed #ccd7e2;border-radius:10px}
@media(max-width:850px){.rel-type-grid,.rel-kpis{grid-template-columns:1fr 1fr}.rel-filtros{grid-template-columns:1fr 1fr}.rel-filtros .btn{grid-column:1/-1}}
@media(max-width:600px){.rel-admin-head{align-items:stretch;flex-direction:column}.rel-type-grid,.rel-kpis,.rel-filtros{grid-template-columns:1fr}.rel-filtros .btn{grid-column:auto}.rel-att-preview>div{grid-template-columns:1fr}.rel-att-preview p{grid-column:auto}}

/* V3.4 — Gerencial mensal */
.ger-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:12px 0}.ger-head b,.ger-head span{display:block}.ger-head b{font-size:16px;color:#173f69}.ger-head span{font-size:11px;color:#758598}
.ger-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.ger-summary>div{border:1px solid #dfe7ee;border-radius:10px;padding:11px;background:#fff}.ger-summary span,.ger-summary strong,.ger-summary small{display:block}.ger-summary span,.ger-summary small{font-size:10px;color:#758598}.ger-summary strong{font-size:22px;color:#173f69;margin:3px 0}.ger-summary .ger-name{font-size:14px;line-height:1.25;min-height:34px;display:flex;align-items:center}
.ger-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ger-card{border:1px solid #e0e7ed;border-radius:11px;padding:11px;background:#fff;min-width:0}.ger-card-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.ger-card-title b{color:#173f69;font-size:12px}.ger-card-title span{color:#8290a0;font-size:10px}
.ger-bars{display:grid;gap:7px}.ger-bar-row{display:grid;grid-template-columns:minmax(90px,145px) 1fr auto;gap:7px;align-items:center;font-size:10px}.ger-bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#53677b}.ger-bar-track{height:9px;background:#edf2f6;border-radius:999px;overflow:hidden}.ger-bar-fill{height:100%;background:#2c78ad;border-radius:999px}.ger-bar-row b{color:#173f69;white-space:nowrap}
@media(max-width:760px){.ger-summary{grid-template-columns:1fr 1fr}.ger-grid{grid-template-columns:1fr}.ger-head{align-items:start;flex-direction:column}.ger-bar-row{grid-template-columns:100px 1fr auto}}

/* V3.5 — Relatório detalhado de atendimentos */
.attd-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:12px 0}.attd-head b,.attd-head span{display:block}.attd-head b{font-size:15px;color:#173f69}.attd-head span{font-size:11px;color:#758598}
.attd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.attd-kpis>div{border:1px solid #e0e7ed;background:#fff;border-radius:9px;padding:10px}.attd-kpis span{display:block;font-size:10px;color:#758598}.attd-kpis strong{display:block;font-size:18px;color:#173f69;margin-top:3px}
.attd-table-wrap{overflow:auto;border:1px solid #dfe6ec;border-radius:10px;background:#fff;max-height:570px}.attd-table{border-collapse:collapse;width:100%;min-width:1250px;font-size:10px}.attd-table th{position:sticky;top:0;z-index:1;background:#eef4f8;color:#415b70;text-align:left;padding:8px;border-bottom:1px solid #d8e1e8;white-space:nowrap}.attd-table td{padding:8px;border-bottom:1px solid #edf1f4;vertical-align:top;color:#526579}.attd-table tbody tr:hover{background:#f8fbfd}.attd-table td b{color:#173f69;white-space:nowrap}.attd-text{min-width:190px;max-width:280px;white-space:normal}
@media(max-width:700px){.attd-kpis{grid-template-columns:1fr 1fr}.attd-head{align-items:start;flex-direction:column}.attd-table-wrap{max-height:65vh}}

/* V3.6 — Central Geral de Relatórios */
.reports-hub{max-width:1180px;margin:22px auto;padding:0 18px 30px}
.reports-hub-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}
.reports-hub-head h2{margin:0;color:#173f69;font-size:25px}.reports-hub-head p{margin:5px 0 0;color:#718195;font-size:13px}
.reports-hub-badge{width:52px;height:52px;border-radius:14px;background:#173f69;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.reports-hub-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.reports-hub-summary>div{background:#fff;border:1px solid #e0e7ed;border-radius:12px;padding:13px}
.reports-hub-summary span,.reports-hub-summary strong,.reports-hub-summary small{display:block}
.reports-hub-summary span,.reports-hub-summary small{font-size:11px;color:#748497}.reports-hub-summary strong{font-size:24px;color:#173f69;margin:3px 0}
.reports-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.report-module{background:#fff;border:1px solid #dfe6ec;border-radius:14px;padding:15px;display:flex;flex-direction:column;min-height:235px}
.report-module.available{border-color:#b9d5e8;box-shadow:0 4px 16px rgba(23,63,105,.07)}
.report-module-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.report-module-icon{width:40px;height:40px;border-radius:10px;background:#eaf3fa;color:#173f69;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}
.report-status{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px}.report-status.ok{background:#e5f6ec;color:#246b44}.report-status.wait{background:#f1f3f5;color:#667587}
.report-module h3{margin:12px 0 4px;color:#173f69;font-size:17px}.report-module p{margin:0;color:#6f7f91;font-size:12px;line-height:1.45}
.report-module-features{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px}.report-module-features span{background:#f4f7f9;border:1px solid #e3e9ee;border-radius:999px;padding:5px 7px;font-size:10px;color:#607387}
.report-module button{margin-top:auto;border:0;border-radius:9px;padding:10px 12px;font-weight:700;cursor:pointer;background:#1769aa;color:#fff}.report-module button:disabled{background:#e9edf1;color:#8b98a6;cursor:default}
.reports-hub-note{margin-top:12px;border:1px solid #dbe5ec;background:#f8fafc;border-radius:11px;padding:12px}.reports-hub-note b,.reports-hub-note span{display:block}.reports-hub-note b{color:#173f69}.reports-hub-note span{margin-top:3px;color:#748497;font-size:11px}
@media(max-width:760px){.reports-hub{padding:0 12px 25px}.reports-hub-head{align-items:flex-start}.reports-hub-summary{grid-template-columns:1fr}.reports-hub-grid{grid-template-columns:1fr}.reports-hub-badge{width:44px;height:44px}.report-module{min-height:0}}

/* V3.7 — Ordens de Serviço */
.os-admin{max-width:1320px;margin:22px auto;padding:0 18px 30px}.os-admin-head{display:flex;justify-content:space-between;gap:15px;align-items:end}.os-admin-head h2{margin:0;color:#173f69}.os-admin-head p{margin:4px 0 0;color:#728195;font-size:12px}.os-periodo{display:flex;align-items:end;gap:7px}.os-periodo label{font-size:10px;color:#708195}.os-periodo input{min-width:150px}
.os-tabs{display:flex;gap:7px;margin:13px 0}.os-tabs button{border:1px solid #d4dee6;background:#fff;border-radius:9px;padding:9px 12px;font-weight:700;color:#536a7e;cursor:pointer}.os-tabs button.active{background:#1769aa;color:#fff;border-color:#1769aa}.os-panel{display:none}.os-panel.active{display:block}
.os-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.os-kpis>div,.sa-kpis>div{background:#fff;border:1px solid #e0e7ed;border-radius:11px;padding:12px}.os-kpis span,.os-kpis strong,.sa-kpis span,.sa-kpis strong{display:block}.os-kpis span,.sa-kpis span{font-size:10px;color:#758598}.os-kpis strong,.sa-kpis strong{font-size:23px;color:#173f69;margin-top:3px}.os-kpis .ok,.sa-kpis .ok{border-left:4px solid #38966a}.os-kpis .bad,.sa-kpis .bad{border-left:4px solid #d65d5d}.os-kpis .crit{border-left:4px solid #8d2626}
.os-live-table{overflow:auto;border:1px solid #dfe6ec;border-radius:11px;background:#fff;max-height:610px}.os-live-table table{border-collapse:collapse;width:100%;min-width:1350px;font-size:10px}.os-live-table th{position:sticky;top:0;background:#edf4f8;color:#436077;text-align:left;padding:8px;z-index:1}.os-live-table td{padding:8px;border-bottom:1px solid #edf1f4;vertical-align:top;color:#53677b}.os-desc{min-width:240px;white-space:normal}.os-badge,.os-prio{display:inline-block;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.os-badge.NO_PRAZO,.os-badge.NO_PRAZO_SA{background:#e3f5e9;color:#246844}.os-badge.ATRASADA,.os-badge.FORA_PRAZO{background:#fde8e8;color:#a33636}.os-badge.CRITICA{background:#8d2626;color:#fff}.os-badge.EXCLUIDA_PLANTAO{background:#edf0f3;color:#647180}.os-badge.SEM_ATENDIMENTO{background:#fff1cf;color:#8a6512}.os-prio.urgente{background:#fee2e2;color:#991b1b}.os-prio.alta{background:#fef3c7;color:#92400e}
.sa-head{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;border:1px solid #dfe7ed;border-radius:12px;padding:14px}.sa-head h3{margin:0;color:#173f69}.sa-head p{margin:4px 0 0;font-size:11px;color:#758598}.sa-percent{text-align:right}.sa-percent strong,.sa-percent span{display:block}.sa-percent strong{font-size:30px;color:#1769aa}.sa-percent span{font-size:10px;color:#758598}.sa-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0}.sa-equipes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sa-equipes>div{background:#fff;border:1px solid #e0e7ed;border-radius:10px;padding:11px}.sa-equipes b,.sa-equipes span,.sa-equipes strong{display:block}.sa-equipes b{color:#173f69}.sa-equipes span{font-size:10px;color:#758598;margin:3px 0}.sa-equipes strong{font-size:20px;color:#1769aa}.sa-note{margin-top:9px;background:#f8fafc;border:1px solid #e0e7ed;border-radius:9px;padding:10px;color:#647487;font-size:10px}.osm-head h3{margin-bottom:3px;color:#173f69}.osm-head p{margin-top:0;color:#758598;font-size:11px}
@media(max-width:850px){.os-admin-head{align-items:stretch;flex-direction:column}.os-periodo{display:grid;grid-template-columns:1fr auto}.os-periodo label{grid-column:1/-1}.os-kpis{grid-template-columns:1fr 1fr}.sa-kpis{grid-template-columns:1fr 1fr}.sa-equipes{grid-template-columns:1fr}.sa-head{align-items:flex-start}.os-tabs{overflow:auto;white-space:nowrap}}

/* V3.8.1 — responsividade corrigida */
html,body{max-width:100%;overflow-x:hidden}
#app{max-width:100%;overflow-x:hidden}
main,.content,.page-content,.app-main,.main-content{max-width:100%!important;min-width:0!important;overflow-x:hidden}
.os-admin,.reports-hub,.pa-shell,.pa-wrap{width:100%!important;max-width:100%!important;min-width:0!important;margin:14px 0!important;padding-left:14px!important;padding-right:14px!important}
.os-admin *,.reports-hub *{min-width:0}
.os-live-table,.attd-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.os-live-table table{width:max-content;min-width:100%;max-width:none}
.attd-table{width:max-content;min-width:100%;max-width:none}

/* Filtros e analytics de OS */
.os-filterbar{display:grid;grid-template-columns:180px 180px 210px minmax(240px,1fr) auto;gap:7px;margin:10px 0}
.os-filterbar select,.os-filterbar input{width:100%;min-width:0;border:1px solid #cfdae3;border-radius:9px;padding:9px;background:#fff}
.osi-chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}
.osi-chart-grid section{background:#fff;border:1px solid #dfe7ed;border-radius:11px;padding:11px}
.osi-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.osi-title b{font-size:12px;color:#173f69}.osi-title span{font-size:9px;color:#8190a0}
.osi-bars{display:grid;gap:6px}.osi-bar{display:grid;grid-template-columns:minmax(80px,140px) 1fr auto;gap:7px;align-items:center;border:0;background:transparent;padding:2px;cursor:pointer;text-align:left;color:#596d80}.osi-bar:hover{background:#f5f9fc;border-radius:6px}.osi-bar span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osi-bar i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#2c78ad var(--w),#eaf0f4 var(--w));min-width:50px}.osi-bar b{font-size:10px;color:#173f69}
.osm-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.osm-summary{text-align:right}.osm-summary span,.osm-summary strong{display:block}.osm-summary span{font-size:9px;color:#7a8998}.osm-summary strong{font-size:18px;color:#173f69}
@media(max-width:1050px){.os-filterbar{grid-template-columns:1fr 1fr 1fr}.os-filterbar input{grid-column:1/3}.osi-chart-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.os-filterbar{grid-template-columns:1fr}.os-filterbar input{grid-column:auto}.osi-chart-grid{grid-template-columns:1fr}.os-periodo{grid-template-columns:1fr 1fr}.os-periodo label{grid-column:1/-1}.os-periodo input{grid-column:1/-1}.os-periodo .btn{width:100%}}

/* V3.8.1 — ajuste automático conforme largura disponível */
.os-admin-head{flex-wrap:wrap}
.os-periodo{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:end;max-width:100%}
.os-periodo input{min-width:145px;max-width:180px}
.os-periodo .btn{white-space:nowrap}
.os-filterbar{grid-template-columns:minmax(150px,180px) minmax(150px,180px) minmax(170px,210px) minmax(220px,1fr) auto}
.os-tabs{max-width:100%;overflow-x:auto}
.os-kpis,.sa-kpis,.osi-chart-grid{min-width:0}
.os-kpis>div,.sa-kpis>div,.osi-chart-grid section{min-width:0}
.os-desc{min-width:220px;max-width:360px}
.os-live-table{overscroll-behavior-inline:contain}
.os-live-table::-webkit-scrollbar{height:9px}
.os-live-table::-webkit-scrollbar-thumb{background:#c8d4de;border-radius:999px}

/* tela desktop média / notebook */
@media(max-width:1450px){
  .os-admin{padding-left:12px!important;padding-right:12px!important}
  .os-filterbar{grid-template-columns:160px 160px 180px minmax(180px,1fr) auto}
  .os-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sa-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .osi-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* notebook menor / zoom elevado */
@media(max-width:1180px){
  .os-admin-head{align-items:flex-start;flex-direction:column}
  .os-periodo{justify-content:flex-start;width:100%}
  .os-filterbar{grid-template-columns:1fr 1fr}
  .os-filterbar input{grid-column:1/-1}
  .os-filterbar .btn{width:max-content}
  .sa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .osi-chart-grid{grid-template-columns:1fr 1fr}
}

/* tablet */
@media(max-width:820px){
  .os-admin{padding-left:10px!important;padding-right:10px!important}
  .os-periodo{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .os-periodo label{grid-column:1/-1}
  .os-periodo input{grid-column:1/-1;max-width:none;width:100%}
  .os-periodo .btn{width:100%}
  .os-filterbar{grid-template-columns:1fr}
  .os-filterbar input{grid-column:auto}
  .os-filterbar .btn{width:100%}
  .os-kpis{grid-template-columns:1fr 1fr}
  .sa-kpis{grid-template-columns:1fr 1fr}
  .osi-chart-grid{grid-template-columns:1fr}
  .sa-head{align-items:flex-start;flex-direction:column}
  .sa-percent{text-align:left}
}

/* celular */
@media(max-width:520px){
  .os-admin{padding-left:8px!important;padding-right:8px!important;margin-top:8px!important}
  .os-admin-head h2{font-size:20px}
  .os-tabs button{padding:8px 10px;font-size:12px}
  .os-kpis,.sa-kpis{grid-template-columns:1fr 1fr;gap:6px}
  .os-kpis>div,.sa-kpis>div{padding:9px}
  .os-kpis strong,.sa-kpis strong{font-size:19px}
  .osi-bar{grid-template-columns:90px 1fr auto}
  .os-live-table table{font-size:9px}
}

/* V3.9 — Preventivas */
.prev-admin{width:100%;max-width:100%;padding:14px;min-width:0}.prev-head{display:flex;justify-content:space-between;gap:15px;align-items:end}.prev-head h2{margin:0;color:#173f69}.prev-head p{margin:4px 0 0;color:#728195;font-size:12px}.prev-periodo{display:flex;flex-wrap:wrap;gap:7px;align-items:end}.prev-periodo label{font-size:10px;color:#718093}.prev-periodo input{min-width:150px}
.prev-filterbar{display:grid;grid-template-columns:170px 180px 220px minmax(250px,1fr) auto;gap:7px;margin:10px 0}.prev-filterbar select,.prev-filterbar input{width:100%;min-width:0;border:1px solid #cfdae3;border-radius:9px;padding:9px;background:#fff}
.prev-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:10px 0}.prev-kpis>div{background:#fff;border:1px solid #e0e7ed;border-radius:10px;padding:11px}.prev-kpis span,.prev-kpis strong{display:block}.prev-kpis span{font-size:10px;color:#758598}.prev-kpis strong{font-size:22px;color:#173f69;margin-top:3px}.prev-kpis .ok{border-left:4px solid #38966a}.prev-kpis .bad{border-left:4px solid #d65d5d}.prev-kpis .pend{border-left:4px solid #d69a35}.prev-kpis .prog{border-left:4px solid #4f82b8}
.prev-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}.prev-chart-grid section{background:#fff;border:1px solid #dfe7ed;border-radius:11px;padding:11px;min-width:0}.prev-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.prev-title b{font-size:12px;color:#173f69}.prev-title span{font-size:9px;color:#8290a0}
.prev-bars{display:grid;gap:6px}.prev-bar{display:grid;grid-template-columns:minmax(90px,145px) 1fr auto;gap:7px;align-items:center;border:0;background:transparent;padding:2px;cursor:pointer;color:#596d80;text-align:left}.prev-bar:hover{background:#f5f9fc;border-radius:6px}.prev-bar span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prev-bar i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#2c78ad var(--w),#eaf0f4 var(--w))}.prev-bar b{font-size:10px;color:#173f69}
.prev-table-wrap{max-width:100%;overflow:auto;border:1px solid #dfe6ec;border-radius:11px;background:#fff;max-height:600px}.prev-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:10px}.prev-table th{position:sticky;top:0;z-index:1;background:#edf4f8;color:#436077;text-align:left;padding:8px;white-space:nowrap}.prev-table td{padding:8px;border-bottom:1px solid #edf1f4;vertical-align:top;color:#53677b}.prev-eq{min-width:220px;max-width:350px}.prev-badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.prev-badge.EXECUTADA{background:#e3f5e9;color:#246844}.prev-badge.ATRASADA{background:#fde8e8;color:#a33636}.prev-badge.PENDENTE{background:#fff1cf;color:#8a6512}.prev-badge.PROGRAMADA{background:#eaf2fb;color:#2d5e91}
@media(max-width:1180px){.prev-head{align-items:flex-start;flex-direction:column}.prev-filterbar{grid-template-columns:1fr 1fr}.prev-filterbar input{grid-column:1/-1}.prev-kpis{grid-template-columns:repeat(3,1fr)}.prev-chart-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.prev-admin{padding:10px}.prev-periodo{display:grid;grid-template-columns:1fr 1fr;width:100%}.prev-periodo label,.prev-periodo input{grid-column:1/-1}.prev-periodo input,.prev-periodo .btn{width:100%}.prev-filterbar{grid-template-columns:1fr}.prev-filterbar input{grid-column:auto}.prev-kpis{grid-template-columns:1fr 1fr}.prev-chart-grid{grid-template-columns:1fr}}

/* V3.10 — Geradores */
.ger-admin{width:100%;max-width:100%;padding:14px;min-width:0}.ger-head{display:flex;justify-content:space-between;gap:15px;align-items:end}.ger-head h2{margin:0;color:#173f69}.ger-head p{margin:4px 0 0;color:#728195;font-size:12px}.ger-periodo{display:flex;flex-wrap:wrap;gap:7px;align-items:end}.ger-periodo label{font-size:10px;color:#718093}.ger-periodo input{min-width:150px}
.ger-filterbar{display:grid;grid-template-columns:220px 190px 220px minmax(240px,1fr) auto;gap:7px;margin:10px 0}.ger-filterbar select,.ger-filterbar input{width:100%;min-width:0;border:1px solid #cfdae3;border-radius:9px;padding:9px;background:#fff}
.ger-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.ger-kpis>div{background:#fff;border:1px solid #e0e7ed;border-radius:10px;padding:11px}.ger-kpis span,.ger-kpis strong{display:block}.ger-kpis span{font-size:10px;color:#758598}.ger-kpis strong{font-size:22px;color:#173f69;margin-top:3px}.ger-kpis .ok{border-left:4px solid #38966a}.ger-kpis .warn{border-left:4px solid #d69a35}.ger-kpis .bad{border-left:4px solid #d65d5d}
.ger-situacao-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0}.ger-situacao-card{background:#fff;border:1px solid #dfe7ed;border-radius:12px;padding:12px;min-width:0}.ger-situacao-card.ok{border-top:4px solid #38966a}.ger-situacao-card.atencao{border-top:4px solid #d69a35}.ger-situacao-card.atrasado{border-top:4px solid #d65d5d}.ger-situacao-card.sem{border-top:4px solid #94a3b8}.ger-card-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.ger-card-top h3{margin:0;font-size:14px;color:#173f69}.ger-card-top span{font-size:9px;font-weight:800;background:#f1f4f6;padding:5px 7px;border-radius:999px;white-space:nowrap}.ger-card-data{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.ger-card-data>div{background:#f8fafc;border:1px solid #e8edf1;border-radius:8px;padding:7px}.ger-card-data small,.ger-card-data b{display:block}.ger-card-data small{font-size:8px;color:#7a8998}.ger-card-data b{font-size:11px;color:#173f69;margin-top:2px}.ger-situacao-card p{font-size:10px;color:#607286;margin:5px 0}
.ger-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0}.ger-chart-grid section{background:#fff;border:1px solid #dfe7ed;border-radius:11px;padding:11px;min-width:0}.ger-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.ger-title b{font-size:12px;color:#173f69}.ger-title span{font-size:9px;color:#8290a0}.ger-bars{display:grid;gap:6px}.ger-bar{display:grid;grid-template-columns:minmax(90px,145px) 1fr auto;gap:7px;align-items:center;border:0;background:transparent;padding:2px;cursor:pointer;color:#596d80;text-align:left}.ger-bar:hover{background:#f5f9fc;border-radius:6px}.ger-bar span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ger-bar i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#2c78ad var(--w),#eaf0f4 var(--w))}.ger-bar b{font-size:10px;color:#173f69}
.ger-history-head h3{margin:12px 0 2px;color:#173f69}.ger-history-head p{margin:0 0 8px;color:#7a8998;font-size:10px}.ger-table-wrap{max-width:100%;overflow:auto;border:1px solid #dfe6ec;border-radius:11px;background:#fff;max-height:600px}.ger-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:10px}.ger-table th{position:sticky;top:0;z-index:1;background:#edf4f8;color:#436077;text-align:left;padding:8px;white-space:nowrap}.ger-table td{padding:8px;border-bottom:1px solid #edf1f4;vertical-align:top;color:#53677b}.ger-obs{min-width:230px;max-width:360px}
@media(max-width:1180px){.ger-head{align-items:flex-start;flex-direction:column}.ger-filterbar{grid-template-columns:1fr 1fr}.ger-filterbar input{grid-column:1/-1}.ger-kpis{grid-template-columns:repeat(3,1fr)}.ger-situacao-grid{grid-template-columns:1fr 1fr}.ger-chart-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ger-admin{padding:10px}.ger-periodo{display:grid;grid-template-columns:1fr 1fr;width:100%}.ger-periodo label,.ger-periodo input{grid-column:1/-1}.ger-periodo input,.ger-periodo .btn{width:100%}.ger-filterbar{grid-template-columns:1fr}.ger-filterbar input{grid-column:auto}.ger-kpis{grid-template-columns:1fr 1fr}.ger-situacao-grid,.ger-chart-grid{grid-template-columns:1fr}}

/* V3.10.1 — preventiva dos geradores integrada */
.ger-tabs{display:flex;gap:7px;margin:10px 0;overflow:auto}.ger-tabs button{border:1px solid #d5e0e7;background:#fff;border-radius:9px;padding:9px 12px;font-weight:800;color:#536b7f;white-space:nowrap;cursor:pointer}.ger-tabs button.active{background:#1769aa;color:#fff;border-color:#1769aa}
.ger-panel{display:none}.ger-panel.active{display:block}
.ger-prev-form{max-width:980px;margin:0 auto}.ger-prev-card{background:#fff;border:1px solid #dfe7ed;border-radius:14px;padding:16px;margin:10px 0}.ger-prev-title{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:900;color:#174B70;margin-bottom:15px}.ger-prev-title span{width:36px;height:36px;border-radius:9px;background:#eaf3f8;display:flex;align-items:center;justify-content:center}
.ger-prev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ger-prev-grid label{display:block;margin-bottom:6px;font-size:13px;font-weight:800;color:#344054}.ger-prev-grid input,.ger-prev-grid select,.ger-prev-card textarea{width:100%;min-height:48px;border:1px solid #cbd7de;border-radius:10px;padding:10px 12px;font-size:15px;background:#fff}.ger-prev-card textarea{min-height:130px;resize:vertical}
.ger-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ger-photo-camera,.ger-photo-gallery{display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:11px;font-weight:900;cursor:pointer}.ger-photo-camera{background:#174B70;color:#fff}.ger-photo-gallery{background:#eaf3f8;color:#174B70;border:1px solid #b9d3e2}.ger-help{font-size:11px;color:#6f8193}.ger-photo-count{font-size:11px;font-weight:800;color:#174B70;margin:8px 0}.ger-photo-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ger-photo-thumb{position:relative}.ger-photo-thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;border:1px solid #cbd7de}.ger-photo-thumb button{position:absolute;top:4px;right:4px;border:0;background:#b42318;color:#fff;width:28px;height:28px;border-radius:50%;font-weight:900;cursor:pointer}
.ger-sign-box{position:relative;border:2px dashed #9cb7c7;border-radius:12px;background:#fff;overflow:hidden}.ger-sign-box canvas{display:block;width:100%;height:220px;touch-action:none}.ger-sign-box>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#98a2b3;font-size:16px}
.ger-prev-submit{position:sticky;bottom:8px;width:100%;min-height:58px;border:0;border-radius:12px;background:linear-gradient(135deg,#126A40,#208C59);color:#fff;font-size:17px;font-weight:900;box-shadow:0 6px 20px rgba(23,116,71,.22);cursor:pointer;z-index:5}
@media(max-width:700px){.ger-prev-form{max-width:none}.ger-prev-card{padding:14px 10px}.ger-prev-title{font-size:20px}.ger-prev-grid{grid-template-columns:1fr;gap:13px}.ger-prev-grid label{font-size:18px}.ger-prev-grid input,.ger-prev-grid select,.ger-prev-card textarea{min-height:62px;font-size:20px}.ger-photo-actions{grid-template-columns:1fr}.ger-photo-camera,.ger-photo-gallery{min-height:68px;font-size:19px}.ger-photo-list{grid-template-columns:repeat(3,1fr)}.ger-sign-box canvas{height:280px}.ger-prev-submit{min-height:72px;font-size:21px}}

/* V3.10.2 — login operacional Geradores */
.ger-op-shell{width:100%;min-height:calc(100vh - 100px);background:#eef4f7}.ger-op-hidden{display:none!important}.ger-op-login{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:18px}.ger-op-login-card{width:min(430px,100%);background:#fff;border:1px solid #dce6ec;border-radius:18px;padding:24px;box-shadow:0 12px 32px rgba(17,57,82,.10)}.ger-op-brand{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#667d8e;font-weight:800}.ger-op-login-card h1{margin:8px 0 3px;color:#174b70;font-size:28px}.ger-op-login-card p{margin:0 0 18px;color:#76889a}.ger-op-login-card label{display:block;font-weight:800;color:#344054;margin:11px 0 5px}.ger-op-login-card label small{font-weight:500;color:#8795a1}.ger-op-login-card input{width:100%;min-height:52px;border:1px solid #c9d7df;border-radius:10px;padding:10px;font-size:18px}.ger-op-login-card button{width:100%;min-height:54px;margin-top:16px;border:0;border-radius:10px;background:#174b70;color:#fff;font-weight:900;font-size:17px}.ger-op-login-card form>span{display:block;text-align:center;margin-top:10px;font-size:11px;color:#788897}.ger-op-top{display:flex;justify-content:space-between;align-items:center;background:#174b70;color:#fff;padding:12px 16px}.ger-op-top>div:first-child b,.ger-op-top>div:first-child span{display:block}.ger-op-top>div:first-child span{font-size:10px;opacity:.8}.ger-op-user{display:flex;align-items:center;gap:8px}.ger-op-user strong,.ger-op-user small{display:block}.ger-op-user small{font-size:9px;opacity:.8}.ger-op-user button{border:1px solid #ffffff55;background:#ffffff18;color:#fff;border-radius:8px;padding:7px 10px}.ger-op-form{padding:10px 12px 30px}.ger-op-tech{min-height:48px;border:1px solid #cbd7de;border-radius:10px;background:#f4f8fa;padding:9px 12px}.ger-op-tech b,.ger-op-tech span{display:block}.ger-op-tech b{color:#174b70}.ger-op-tech span{font-size:10px;color:#758598}
@media(max-width:700px){.ger-op-login-card{padding:20px 14px}.ger-op-login-card h1{font-size:32px}.ger-op-login-card label{font-size:21px}.ger-op-login-card input{min-height:68px;font-size:24px}.ger-op-login-card button{min-height:68px;font-size:22px}.ger-op-top{align-items:flex-start}.ger-op-user{flex-wrap:wrap;justify-content:flex-end}.ger-op-form{padding:7px 7px 28px}}

/* V3.10.4 — combustível e tensão */
.ger-kpis-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.ger-fuel-box{margin:10px 0;border:1px solid #dbe4ea;border-radius:10px;padding:9px;background:#f8fafc}
.ger-fuel-box.abastecer{border-color:#e6aaa5;background:#fff4f2}.ger-fuel-box.nivel-atencao{border-color:#ead394;background:#fffaf0}.ger-fuel-box.nivel-ok{border-color:#b9dfc8;background:#f4fbf7}
.ger-fuel-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.ger-fuel-head b{font-size:11px;color:#314f66}.ger-fuel-head strong{font-size:18px;color:#173f69}
.ger-fuel-track{height:11px;background:#e6edf1;border-radius:999px;overflow:hidden;margin:7px 0}.ger-fuel-track i{display:block;height:100%;background:#2b83ba;border-radius:999px}.ger-fuel-box.abastecer .ger-fuel-track i{background:#c64f47}.ger-fuel-box.nivel-atencao .ger-fuel-track i{background:#d49b30}
.ger-fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ger-fuel-grid>div{background:#fff;border:1px solid #e5eaee;border-radius:7px;padding:6px}.ger-fuel-grid small,.ger-fuel-grid b{display:block}.ger-fuel-grid small{font-size:8px;color:#7b8996}.ger-fuel-grid b{font-size:10px;color:#173f69;margin-top:2px}
.ger-fuel-action{margin-top:7px;border-radius:7px;padding:6px 8px;text-align:center;font-size:9px;font-weight:900}.ger-fuel-action.sim{background:#fde6e4;color:#a3332d}.ger-fuel-action.nao{background:#e5f5eb;color:#246943}
.ger-voltage{display:flex;justify-content:space-between;align-items:center;border:1px solid #e3e9ed;background:#fff;border-radius:8px;padding:7px 9px;margin:7px 0}.ger-voltage small{font-size:9px;color:#6e7f8f}.ger-voltage strong{font-size:15px;color:#173f69}
.ger-abastecido-tag{display:inline-block;margin-top:5px;padding:5px 7px;border-radius:999px;background:#fff0c9;color:#815809;font-size:8px;font-weight:900}
.ger-rule-note{margin:8px 0 12px;padding:8px 10px;border:1px solid #dae5eb;background:#f8fafc;border-radius:8px;font-size:9px;color:#687b8b}
.ger-readings-head h3{margin:13px 0 2px;color:#173f69}.ger-readings-head p{margin:0 0 7px;font-size:9px;color:#7b8997}
.ger-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.ger-reading-grid section{background:#fff;border:1px solid #dfe7ed;border-radius:11px;padding:10px;min-width:0}
.ger-svg-wrap{width:100%;height:230px;overflow:hidden}.ger-svg-wrap svg{width:100%;height:100%}.ger-svg-grid{stroke:#e7edf1;stroke-width:1}.ger-svg-label{font-size:9px;fill:#718291}.ger-svg-line{fill:none;stroke:#2379ae;stroke-width:2.5;vector-effect:non-scaling-stroke}.ger-svg-point{fill:#fff;stroke:#2379ae;stroke-width:2;cursor:pointer;vector-effect:non-scaling-stroke}.ger-svg-point:hover,.ger-svg-point.active{fill:#2379ae;stroke:#0f4e76;stroke-width:3}.ger-chart-tip{min-height:31px;margin-top:5px;padding:7px 9px;background:#f4f8fa;border-radius:7px;font-size:9px;color:#607486}.ger-chart-tip strong{color:#173f69}.ger-chart-empty{height:230px;display:flex;align-items:center;justify-content:center}
@media(max-width:1350px){.ger-kpis-7{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1050px){.ger-reading-grid{grid-template-columns:1fr}.ger-kpis-7{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.ger-kpis-7{grid-template-columns:1fr 1fr}.ger-fuel-grid{grid-template-columns:1fr 1fr}.ger-svg-wrap{height:200px}}

/* V3.10.5 — PDF no histórico dos Geradores */
.ger-pdf-actions{display:flex;gap:5px;white-space:nowrap}
.ger-pdf-actions button{border:1px solid #b9cfdd;background:#f5f9fc;color:#174b70;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800;cursor:pointer}
.ger-pdf-actions button:hover{background:#e7f1f7}
.ger-pdf-actions button:last-child{background:#174b70;color:#fff;border-color:#174b70}
.ger-pdf-none{color:#a0acb6}
@media(max-width:760px){.ger-pdf-actions{flex-direction:column}.ger-pdf-actions button{min-height:32px}}

/* V3.10.6 — progresso de salvamento */
.ger-save-stage{display:none;margin:10px 0;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}
.ger-save-stage.active{display:block;background:#eef6fb;border:1px solid #bfd8e7;color:#174b70}
.ger-save-stage.done{background:#e8f7ee;border-color:#b9dfc8;color:#246943}
.ger-save-stage.error{display:block;background:#fff0ef;border:1px solid #e7b2ad;color:#a3332d}
.ger-save-stage b{margin-right:5px}
@media(max-width:700px){.ger-save-stage{font-size:17px;padding:13px}}

/* V3.11 — Farmácias */
.far-admin{width:100%;padding:14px;min-width:0}.far-head{display:flex;justify-content:space-between;gap:14px;align-items:end}.far-head h2{margin:0;color:#173f69}.far-head p{margin:4px 0 0;color:#718195;font-size:12px}.far-actions{display:flex;gap:7px}.far-filterbar{display:grid;grid-template-columns:210px 170px 210px minmax(220px,1fr) auto;gap:7px;margin:10px 0}.far-filterbar select,.far-filterbar input{width:100%;min-width:0;border:1px solid #cfdae3;border-radius:9px;padding:9px;background:#fff}.far-tabs{display:flex;gap:7px;margin:9px 0;overflow:auto}.far-tabs button{border:1px solid #d5e0e7;background:#fff;border-radius:9px;padding:9px 12px;font-weight:800;color:#536b7f;white-space:nowrap;cursor:pointer}.far-tabs button.active{background:#1769aa;color:#fff;border-color:#1769aa}.far-panel{display:none}.far-panel.active{display:block}
.far-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0}.far-kpis>div{background:#fff;border:1px solid #e0e7ed;border-radius:10px;padding:11px}.far-kpis span,.far-kpis strong{display:block}.far-kpis span{font-size:10px;color:#758598}.far-kpis strong{font-size:22px;color:#173f69}.far-kpis .ok{border-left:4px solid #38966a}.far-kpis .warn{border-left:4px solid #d69a35}.far-kpis .bad{border-left:4px solid #d65d5d}.far-kpis .off{border-left:4px solid #7c8b99}
.far-alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}.far-alert{border-radius:9px;padding:9px 10px;background:#fff;border:1px solid #e0e7ed;border-left:4px solid #d65d5d}.far-alert.offline,.far-alert.sem_dados{border-left-color:#7c8b99}.far-alert b,.far-alert span,.far-alert small{display:block}.far-alert b{font-size:11px;color:#173f69}.far-alert span{font-size:10px;color:#657687;margin:3px 0}.far-alert small{font-size:9px;color:#8a98a6}.far-all-ok{padding:10px;border:1px solid #b9dfc8;background:#edf9f1;color:#246943;border-radius:9px;font-size:11px;font-weight:700}
.far-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.far-card{text-align:left;border:1px solid #dfe7ed;border-left:5px solid #38966a;background:#fff;border-radius:11px;padding:11px;cursor:pointer;min-width:0}.far-card.atencao{border-left-color:#d69a35}.far-card.alarme{border-left-color:#d65d5d;background:#fff8f7}.far-card.offline,.far-card.sem_dados{border-left-color:#7c8b99;background:#f7f8f9}.far-card.selected{box-shadow:0 0 0 2px #1769aa inset}.far-card-top{display:flex;justify-content:space-between;gap:7px}.far-card-top b,.far-card-top span{display:block}.far-card-top b{color:#173f69;font-size:11px}.far-card-top span{color:#738496;font-size:9px;margin-top:2px}.far-card-top em{font-style:normal;font-size:8px;font-weight:900;color:#536779}.far-values{display:flex;gap:15px;margin:10px 0}.far-values strong,.far-values small{display:block}.far-values strong{font-size:26px;color:#173f69}.far-values small{font-size:8px;color:#8290a0}.far-card p{font-size:9px;color:#637586;margin:5px 0}.far-card>small{font-size:8px;color:#8b99a5}
.far-history-head{display:flex;justify-content:space-between;gap:10px;align-items:end}.far-history-head h3{margin:10px 0 2px;color:#173f69}.far-history-head p{margin:0;color:#7b8997;font-size:9px}.far-history-head select{max-width:420px}.far-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.far-chart-grid section{background:#fff;border:1px solid #dfe7ed;border-radius:11px;padding:10px}.far-chart-title{font-size:12px;font-weight:800;color:#173f69}.far-svg{height:270px}.far-svg svg{width:100%;height:100%}.far-svg line{stroke:#e6edf2;stroke-width:1}.far-svg text{font-size:9px;fill:#758698}.far-svg path{fill:none;stroke:#2382bb;stroke-width:2.5;vector-effect:non-scaling-stroke}.far-svg circle{fill:#fff;stroke:#2382bb;stroke-width:2;vector-effect:non-scaling-stroke}.far-chart-empty{height:260px;display:flex;align-items:center;justify-content:center}
.far-report-card{max-width:760px;background:#fff;border:1px solid #dfe7ed;border-radius:12px;padding:15px}.far-report-card h3{margin:0;color:#173f69}.far-report-card p{color:#718195;font-size:11px}.far-report-controls{display:grid;grid-template-columns:180px 1fr auto;gap:7px}.far-report-controls select{border:1px solid #cfdae3;border-radius:9px;padding:9px}.far-report-note{margin-top:10px;padding:8px;background:#f6f9fb;border-radius:8px;font-size:9px;color:#6f8090}
@media(max-width:1200px){.far-filterbar{grid-template-columns:1fr 1fr}.far-filterbar input{grid-column:1/-1}.far-kpis{grid-template-columns:repeat(3,1fr)}.far-grid{grid-template-columns:repeat(3,1fr)}.far-alert-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.far-admin{padding:9px}.far-head{flex-direction:column;align-items:flex-start}.far-actions{width:100%}.far-actions .btn{flex:1}.far-filterbar{grid-template-columns:1fr}.far-filterbar input{grid-column:auto}.far-kpis{grid-template-columns:1fr 1fr}.far-grid,.far-alert-grid,.far-chart-grid{grid-template-columns:1fr}.far-history-head{flex-direction:column;align-items:stretch}.far-history-head select{max-width:none}.far-report-controls{grid-template-columns:1fr}}

/* V3.11.2 — Relatórios e eventos das Farmácias */
.far-report-wide{max-width:none}.far-report-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:9px;margin:14px 0}.far-report-grid label,.far-report-dates label{display:block;font-size:9px;font-weight:900;color:#647789;margin-bottom:5px}.far-report-grid select,.far-report-dates input{width:100%;border:1px solid #cad7df;border-radius:8px;padding:9px;background:#fff}.far-report-dates{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;align-items:end}.far-report-msg{margin-top:10px}.far-report-explain{margin-top:12px;background:#f6f9fb;border:1px solid #e0e8ed;border-radius:9px;padding:10px;font-size:10px;color:#617486;line-height:1.6}
.far-event-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:10px 0}.far-event-head h3{margin:0;color:#173f69}.far-event-head p{margin:3px 0 0;color:#768697;font-size:10px}.far-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.far-event-card{background:#fff;border:1px solid #dfe7ed;border-left:5px solid #d69a35;border-radius:11px;padding:12px}.far-event-card.registered{border-left-color:#38966a;background:#f8fcf9}.far-event-top{display:flex;justify-content:space-between;gap:8px}.far-event-top b,.far-event-top span{display:block}.far-event-top b{color:#173f69}.far-event-top span{font-size:9px;color:#768697}.far-event-top em{font-style:normal;font-size:8px;font-weight:900;padding:5px 7px;border-radius:999px;background:#fff1d5;color:#8a6118;height:max-content}.far-event-card.registered .far-event-top em{background:#e4f4e9;color:#286845}.far-event-meta{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.far-event-meta span{font-size:8px;background:#eef3f6;border-radius:999px;padding:4px 6px;color:#617486}.far-event-card p{font-size:10px;color:#617486}.far-event-card textarea{width:100%;min-height:100px;border:1px solid #cad7df;border-radius:8px;padding:9px;resize:vertical}.far-event-saved{background:#eef8f2;border-radius:8px;padding:9px;font-size:10px;color:#385c49;line-height:1.5}


/* V3.11.3 — CMOA operacional para TV */
.cmoa-native{
  min-height:calc(100vh - 100px);
  padding:12px 14px 9px;
  background:
    radial-gradient(circle at 12% 0,#123a5a 0,transparent 31%),
    radial-gradient(circle at 100% 0,#192c4f 0,transparent 25%),
    linear-gradient(180deg,#071a2c,#051523 75%);
  color:#f4f8fc;
}
.cmoa-glass{
  background:linear-gradient(135deg,#0c2940ee,#0a2033e6);
  border:1px solid #214b67;
  box-shadow:0 12px 34px #00000025;
}
.cmoa-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:11px 14px;
  border-radius:15px;
  margin-bottom:9px;
}
.cmoa-brand{display:flex;align-items:center;gap:12px;min-width:0}
.cmoa-logo{
  width:58px;height:58px;flex:0 0 58px;
  display:grid;place-items:center;
  border-radius:17px;
  background:linear-gradient(145deg,#4db5f8,#0968b0);
  box-shadow:0 0 28px #279de155;
  font-size:20px;font-weight:950;
}
.cmoa-brand h2{margin:0;font-size:26px;line-height:1.04}
.cmoa-brand p{margin:4px 0 0;color:#a8bdce;font-size:11px}
.cmoa-head-right{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.cmoa-weather{
  display:flex;align-items:center;gap:8px;
  padding:7px 10px;
  border-left:1px solid #2a536f;
  border-right:1px solid #2a536f;
}
.cmoa-weather-icon{font-size:31px}
.cmoa-weather strong,.cmoa-weather span,.cmoa-weather small{display:block}
.cmoa-weather strong{font-size:21px;line-height:1}
.cmoa-weather span{font-size:9px;font-weight:800;color:#d6e5ef;margin-top:2px}
.cmoa-weather small{font-size:8px;color:#91aabc;margin-top:2px}
.cmoa-clock{text-align:right;min-width:148px}
.cmoa-clock strong,.cmoa-clock span{display:block}
.cmoa-clock strong{font-size:34px;line-height:.98;letter-spacing:-1px}
.cmoa-clock span{font-size:8px;color:#a2b8c8;margin-top:3px}
.cmoa-fullscreen{
  border:1px solid #37617d;background:#133a55;color:#fff;
  border-radius:9px;padding:8px 10px;font-weight:850;font-size:10px;
  cursor:pointer;white-space:nowrap
}
.cmoa-fullscreen:hover{background:#195075}

.cmoa-alarm-bands{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px
}
.cmoa-band{
  min-width:0;display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:10px;border-radius:11px;padding:8px 12px;
  border:1px solid;
}
.cmoa-band.temp{background:linear-gradient(90deg,#741b2d,#8a1729);border-color:#e34d68}
.cmoa-band.hum{background:linear-gradient(90deg,#35144d,#511765);border-color:#8839a7}
.cmoa-band-icon{font-size:18px}
.cmoa-band b,.cmoa-band span{display:block}
.cmoa-band b{font-size:10px;letter-spacing:.06em}
.cmoa-band span{font-size:9px;color:#f1dce3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmoa-band strong{
  background:#fff;color:#8a1730;border-radius:999px;padding:5px 9px;font-size:9px
}
.cmoa-band.hum strong{color:#501766}

.cmoa-summary{
  display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:8px
}
.cmoa-summary>div{
  border-radius:10px;padding:7px 10px;background:#0f2c42;
  border:1px solid #224c68;border-left:4px solid #2d6588
}
.cmoa-summary>div.ok{border-left-color:#31a66f}
.cmoa-summary>div.warn{border-left-color:#d89b35}
.cmoa-summary>div.bad{border-left-color:#ee5462}
.cmoa-summary>div.off{border-left-color:#7f93a2}
.cmoa-summary b,.cmoa-summary span{display:block}
.cmoa-summary b{font-size:24px;line-height:1}
.cmoa-summary span{font-size:8px;color:#9fb4c4;margin-top:2px}

.cmoa-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:9px}
.cmoa-main-panel,.cmoa-side{
  background:#071e30;border:1px solid #1d425c;border-radius:13px
}
.cmoa-main-panel{padding:9px}
.cmoa-section-title{
  display:flex;justify-content:space-between;align-items:end;gap:8px;margin-bottom:7px
}
.cmoa-section-title h3{margin:0;font-size:16px}
.cmoa-section-title span{font-size:8px;color:#8fa8b9}
.cmoa-page-badge{font-size:8px;color:#a8bdcc}
.cmoa-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(205px,1fr));gap:8px
}
.cmoa-card{
  position:relative;overflow:hidden;min-width:0;
  background:linear-gradient(145deg,#0d3149,#0a293d);
  border:1px solid #28536d;border-left:6px solid #3daf76;
  border-radius:12px;padding:12px 12px 10px;
  box-shadow:inset 0 1px 0 #ffffff08;
}
.cmoa-card.atencao{border-left-color:#d99b39}
.cmoa-card.alarme{
  border-color:#f35361;border-left-color:#ff4d5d;
  background:linear-gradient(145deg,#581825,#35131d);
  animation:cmoaAlarmPulse 1.6s ease-in-out infinite;
}
.cmoa-card.offline,.cmoa-card.sem_dados{
  border-left-color:#8498a6;background:linear-gradient(145deg,#1b2a34,#111d26)
}
@keyframes cmoaAlarmPulse{
  0%,100%{box-shadow:0 0 0 0 #ff334455,inset 0 1px 0 #ffffff08}
  50%{box-shadow:0 0 0 4px #ff334422,0 0 24px #ff334455,inset 0 1px 0 #ffffff08}
}
.cmoa-card-head{display:flex;justify-content:space-between;gap:7px}
.cmoa-card-head b,.cmoa-card-head span{display:block}
.cmoa-card-head b{font-size:15px;line-height:1.05}
.cmoa-card-head span{font-size:9px;color:#9fb7c8;margin-top:2px}
.cmoa-card-head em{
  font-style:normal;font-size:8px;font-weight:950;
  padding:5px 7px;border-radius:7px;background:#ffffff16;height:max-content
}
.cmoa-card.alarme .cmoa-card-head em{background:#ffd5d9;color:#a51d2c}
.cmoa-values{display:flex;align-items:end;gap:20px;margin:15px 0 9px}
.cmoa-values strong,.cmoa-values small{display:block}
.cmoa-values strong{font-size:39px;line-height:.9;letter-spacing:-1px}
.cmoa-values small{font-size:7px;color:#9db3c3;margin-top:6px;font-weight:800}
.cmoa-humidity strong{font-size:34px}
.cmoa-reason{
  font-size:9px;line-height:1.35;color:#d2dee7;
  background:#0000001f;border-radius:6px;padding:6px 7px
}
.cmoa-card.alarme .cmoa-reason{background:#c82e411f;color:#fff}
.cmoa-card-bottom{
  position:absolute;left:12px;right:12px;bottom:8px;
  display:flex;justify-content:space-between;gap:8px;
  font-size:7px;color:#8ba4b5
}
.cmoa-card.alarme .cmoa-card-bottom span:last-child{color:#ff98a0;font-weight:900}

.cmoa-side{padding:10px;display:flex;flex-direction:column;gap:9px}
.cmoa-side-section{
  background:#0c293e;border:1px solid #1e4862;border-radius:10px;padding:9px
}
.cmoa-side-section h3{font-size:12px;margin:0 0 7px}
.cmoa-general-total{
  background:#103650;border-radius:8px;padding:8px;margin-bottom:7px
}
.cmoa-general-total b,.cmoa-general-total span{display:block}
.cmoa-general-total b{font-size:10px}
.cmoa-general-total span{font-size:8px;color:#a5bac8;margin-top:2px}
.cmoa-general-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.cmoa-general-grid>div{background:#102f46;border-radius:7px;padding:6px}
.cmoa-general-grid b,.cmoa-general-grid span{display:block}
.cmoa-general-grid b{font-size:19px}
.cmoa-general-grid span{font-size:7px;color:#99afbe}
.cmoa-oldest{margin-top:7px;border-top:1px solid #21465f;padding-top:6px}
.cmoa-oldest span,.cmoa-oldest b{display:block}
.cmoa-oldest span{font-size:7px;color:#8ea6b6}
.cmoa-oldest b{font-size:8px;margin-top:2px}
.cmoa-comm-item{
  display:flex;justify-content:space-between;gap:7px;padding:6px 0;
  border-bottom:1px solid #21465f
}
.cmoa-comm-item:last-child{border-bottom:0}
.cmoa-comm-item b,.cmoa-comm-item span{display:block}
.cmoa-comm-item b{font-size:8px}
.cmoa-comm-item span{font-size:7px;color:#91a8b8}
.cmoa-comm-item strong{font-size:7px;color:#ffd96c;white-space:nowrap}
.cmoa-alarm-summary{display:grid;gap:4px}
.cmoa-alarm-summary span{
  display:flex;justify-content:space-between;font-size:8px;color:#b6c7d2
}
.cmoa-alarm-summary b{color:#fff}
.cmoa-okbox{
  padding:7px;border-radius:7px;background:#113c2c;color:#8bd9ad;font-size:8px
}
.cmoa-foot{
  display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;
  align-items:center;padding:7px 3px 0;color:#8fa5b4;font-size:8px
}
.cmoa-connected{color:#b4c7d2}
.cmoa-connected i{
  display:inline-block;width:7px;height:7px;background:#28d985;border-radius:50%;
  margin-right:5px;box-shadow:0 0 10px #28d985
}

@media(min-width:2200px){
  .cmoa-native{padding:18px 22px 12px}
  .cmoa-head{padding:14px 17px}
  .cmoa-logo{width:72px;height:72px;flex-basis:72px;font-size:25px}
  .cmoa-brand h2{font-size:38px}
  .cmoa-brand p{font-size:16px}
  .cmoa-weather-icon{font-size:43px}
  .cmoa-weather strong{font-size:30px}
  .cmoa-weather span{font-size:13px}
  .cmoa-weather small{font-size:12px}
  .cmoa-clock{min-width:210px}
  .cmoa-clock strong{font-size:51px}
  .cmoa-clock span{font-size:12px}
  .cmoa-fullscreen{font-size:14px;padding:11px 14px}
  .cmoa-band{padding:11px 15px}
  .cmoa-band b{font-size:15px}.cmoa-band span{font-size:13px}.cmoa-band strong{font-size:13px}
  .cmoa-summary b{font-size:35px}.cmoa-summary span{font-size:12px}
  .cmoa-layout{grid-template-columns:minmax(0,1fr) 390px;gap:13px}
  .cmoa-main-panel{padding:13px}
  .cmoa-section-title h3{font-size:23px}.cmoa-section-title span,.cmoa-page-badge{font-size:12px}
  .cmoa-grid{gap:12px;grid-template-rows:repeat(2,minmax(340px,1fr))}
  .cmoa-card{padding:18px 18px 14px;border-radius:17px;border-left-width:9px}
  .cmoa-card-head b{font-size:24px}.cmoa-card-head span{font-size:15px}.cmoa-card-head em{font-size:12px;padding:7px 9px}
  .cmoa-values{gap:30px;margin:24px 0 14px}
  .cmoa-values strong{font-size:65px}.cmoa-humidity strong{font-size:57px}.cmoa-values small{font-size:11px}
  .cmoa-reason{font-size:14px;padding:9px 10px}
  .cmoa-card-bottom{left:18px;right:18px;bottom:12px;font-size:11px}
  .cmoa-side{padding:14px;gap:12px}.cmoa-side-section{padding:13px}.cmoa-side-section h3{font-size:18px}
  .cmoa-general-total b{font-size:15px}.cmoa-general-total span{font-size:12px}
  .cmoa-general-grid b{font-size:28px}.cmoa-general-grid span{font-size:11px}
  .cmoa-oldest span{font-size:11px}.cmoa-oldest b{font-size:12px}
  .cmoa-comm-item b{font-size:12px}.cmoa-comm-item span,.cmoa-comm-item strong{font-size:10px}
  .cmoa-alarm-summary span,.cmoa-okbox{font-size:12px}
  .cmoa-foot{font-size:11px;padding-top:10px}
}
@media(max-width:1100px){
  .cmoa-head{align-items:flex-start}.cmoa-head-right{flex-wrap:wrap;justify-content:flex-end}
  .cmoa-weather{display:none}.cmoa-layout{grid-template-columns:1fr}.cmoa-side{display:none}
}
@media(max-width:760px){
  .cmoa-native{padding:8px}.cmoa-head{flex-direction:column}.cmoa-head-right{width:100%;justify-content:space-between}
  .cmoa-alarm-bands,.cmoa-summary{grid-template-columns:1fr 1fr}.cmoa-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .cmoa-card{min-height:220px}.cmoa-fullscreen span{display:none}.cmoa-foot{grid-template-columns:1fr 1fr}
}

/* V3.11.4 — CMOA: maior ocupação da tela e cards mais legíveis */
.cmoa-native{
  min-height:calc(100vh - 92px);
  display:flex;
  flex-direction:column;
}

.cmoa-layout{
  flex:1;
  min-height:0;
}

.cmoa-main-panel{
  display:flex;
  flex-direction:column;
  min-height:0;
}

.cmoa-grid{
  flex:1;
  min-height:0;
  grid-template-rows:repeat(2,minmax(300px,1fr));
}

.cmoa-card{
  min-height:300px;
  padding:18px 18px 16px;
}

.cmoa-card-head b{
  font-size:20px;
}

.cmoa-card-head span{
  font-size:13px;
  margin-top:4px;
}

.cmoa-card-head em{
  font-size:11px;
  padding:7px 9px;
}

.cmoa-values{
  gap:28px;
  margin:24px 0 16px;
}

.cmoa-values strong{
  font-size:58px;
}

.cmoa-humidity strong{
  font-size:50px;
}

.cmoa-values small{
  font-size:10px;
  margin-top:7px;
}

.cmoa-reason{
  font-size:13px;
  padding:9px 10px;
  line-height:1.45;
}

.cmoa-card-bottom{
  left:18px;
  right:18px;
  bottom:12px;
  font-size:10px;
}

.cmoa-section-title h3{
  font-size:20px;
}

.cmoa-section-title span,
.cmoa-page-badge{
  font-size:10px;
}

.cmoa-layout{
  grid-template-columns:minmax(0,1fr) 340px;
}

.cmoa-side{
  padding:13px;
  gap:11px;
}

.cmoa-side-section{
  padding:12px;
}

.cmoa-side-section h3{
  font-size:15px;
}

.cmoa-general-total b{
  font-size:13px;
}

.cmoa-general-total span{
  font-size:10px;
}

.cmoa-general-grid b{
  font-size:25px;
}

.cmoa-general-grid span{
  font-size:9px;
}

.cmoa-oldest span{
  font-size:9px;
}

.cmoa-oldest b{
  font-size:10px;
}

.cmoa-comm-item b{
  font-size:10px;
}

.cmoa-comm-item span,
.cmoa-comm-item strong{
  font-size:9px;
}

.cmoa-alarm-summary span,
.cmoa-okbox{
  font-size:10px;
}

.cmoa-summary>div{
  padding:9px 12px;
}

.cmoa-summary b{
  font-size:29px;
}

.cmoa-summary span{
  font-size:10px;
}

.cmoa-band{
  padding:10px 13px;
}

.cmoa-band b{
  font-size:12px;
}

.cmoa-band span{
  font-size:10px;
}

.cmoa-band strong{
  font-size:10px;
}

@media(min-width:1600px){
  .cmoa-native{
    min-height:calc(100vh - 88px);
    padding:12px 14px 8px;
  }

  .cmoa-grid{
    grid-template-rows:repeat(2,minmax(330px,1fr));
    gap:10px;
  }

  .cmoa-card{
    min-height:330px;
    padding:20px 20px 18px;
  }

  .cmoa-card-head b{
    font-size:22px;
  }

  .cmoa-card-head span{
    font-size:14px;
  }

  .cmoa-values strong{
    font-size:64px;
  }

  .cmoa-humidity strong{
    font-size:56px;
  }

  .cmoa-reason{
    font-size:14px;
  }

  .cmoa-card-bottom{
    font-size:11px;
  }

  .cmoa-layout{
    grid-template-columns:minmax(0,1fr) 360px;
  }
}

@media(min-width:2200px){
  .cmoa-native{
    min-height:calc(100vh - 80px);
    padding:16px 20px 10px;
  }

  .cmoa-grid{
    grid-template-rows:repeat(2,minmax(440px,1fr));
    gap:16px;
  }

  .cmoa-card{
    min-height:440px;
    padding:26px 26px 22px;
  }

  .cmoa-card-head b{
    font-size:32px;
  }

  .cmoa-card-head span{
    font-size:20px;
    margin-top:6px;
  }

  .cmoa-card-head em{
    font-size:16px;
    padding:9px 12px;
  }

  .cmoa-values{
    gap:40px;
    margin:34px 0 22px;
  }

  .cmoa-values strong{
    font-size:86px;
  }

  .cmoa-humidity strong{
    font-size:74px;
  }

  .cmoa-values small{
    font-size:15px;
  }

  .cmoa-reason{
    font-size:19px;
    padding:13px 14px;
  }

  .cmoa-card-bottom{
    left:26px;
    right:26px;
    bottom:17px;
    font-size:14px;
  }

  .cmoa-section-title h3{
    font-size:28px;
  }

  .cmoa-section-title span,
  .cmoa-page-badge{
    font-size:14px;
  }

  .cmoa-layout{
    grid-template-columns:minmax(0,1fr) 460px;
    gap:16px;
  }

  .cmoa-side{
    padding:18px;
    gap:15px;
  }

  .cmoa-side-section{
    padding:16px;
  }

  .cmoa-side-section h3{
    font-size:22px;
  }

  .cmoa-general-total b{
    font-size:18px;
  }

  .cmoa-general-total span{
    font-size:14px;
  }

  .cmoa-general-grid b{
    font-size:36px;
  }

  .cmoa-general-grid span{
    font-size:13px;
  }

  .cmoa-oldest span{
    font-size:13px;
  }

  .cmoa-oldest b{
    font-size:15px;
  }

  .cmoa-comm-item b{
    font-size:14px;
  }

  .cmoa-comm-item span,
  .cmoa-comm-item strong{
    font-size:12px;
  }

  .cmoa-alarm-summary span,
  .cmoa-okbox{
    font-size:14px;
  }

  .cmoa-summary b{
    font-size:42px;
  }

  .cmoa-summary span{
    font-size:15px;
  }

  .cmoa-band b{
    font-size:18px;
  }

  .cmoa-band span{
    font-size:15px;
  }

  .cmoa-band strong{
    font-size:15px;
  }
}

/* =====================================================================
   HMP V3.12.0 — IDENTIDADE VISUAL GLOBAL
   Referência: CMOA operacional aprovado
   ===================================================================== */
:root{
  --nav:#06192a;
  --nav2:#0a2a43;
  --blue:#1e8bd1;
  --blue2:#44b3f3;
  --bg:#061827;
  --surface:#0b263a;
  --surface2:#0f3047;
  --surface3:#133a55;
  --line:#1d4864;
  --line2:#285a78;
  --text:#f3f8fc;
  --muted:#94aabd;
  --muted2:#70899d;
  --green:#29c878;
  --yellow:#f2ad31;
  --red:#ff4d5e;
  --purple:#9f4bce;
  --shadow:0 14px 38px #00000035;
}
html,body{background:#061827!important;color:var(--text)!important}
body{
  background:
    radial-gradient(circle at 15% 0,#10334e 0,transparent 32%),
    radial-gradient(circle at 100% 0,#142946 0,transparent 26%),
    linear-gradient(180deg,#071b2c,#061624 75%)!important;
}
.shell{grid-template-columns:248px minmax(0,1fr)!important;background:transparent}
aside#sidebar,aside{
  background:
    radial-gradient(circle at 0 0,#0d4772 0,transparent 31%),
    linear-gradient(180deg,#071e32 0%,#061a2b 55%,#061625 100%)!important;
  border-right:1px solid #173f59!important;
  box-shadow:10px 0 40px #00000024;
  padding:16px 12px!important;
}
.brand{padding:5px 6px 22px!important;gap:11px!important}
.mark{
  width:48px!important;height:48px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#36aaf1,#0969b4)!important;
  color:#fff!important;box-shadow:0 0 24px #2ba7ee44;
  font-size:15px!important;
}
.brand b{font-size:15px;color:#f5f9fc}.brand span{font-size:10px!important;color:#97aec0!important;opacity:1!important}
nav{gap:5px!important}
nav a{
  display:flex!important;align-items:center!important;gap:11px!important;
  min-height:45px;padding:10px 12px!important;border-radius:10px!important;
  color:#c6d7e3!important;font-size:13px!important;font-weight:650!important;
  transition:.15s ease!important;
}
nav a:hover{background:#113d5b!important;color:#fff!important;transform:translateX(2px)}
nav a.active{
  background:linear-gradient(90deg,#0d4774,#0c3d63)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 #45b4f4,0 5px 16px #00000020;
}
.nav-ico{
  width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;
  border-radius:7px;background:#ffffff0b;color:#9ed6f7;font-size:15px
}
nav a.active .nav-ico{background:#45b4f41c;color:#fff}
aside small{
  margin-top:auto!important;padding:12px 7px!important;
  color:#8199aa!important;opacity:1!important;font-size:10px!important;line-height:1.5
}

main{background:transparent!important}
header{
  height:72px!important;
  background:#071a2bef!important;
  border-bottom:1px solid #183e57!important;
  box-shadow:0 9px 30px #00000020!important;
  backdrop-filter:blur(13px);
  padding:0 22px!important;
}
header h1{font-size:19px!important;color:#f4f8fb!important}
header p{font-size:10px!important;color:#829caf!important}
#user{color:#8fa7b8!important}
#user b{color:#f1f6fa!important;font-size:12px!important}
#menuBtn{color:#fff!important}
#app{padding:20px!important;background:transparent!important}

/* Base surfaces */
.card,.box,.dash-metric,.dash-highlight,.bi-card,.report-module,.reports-hub-note,
.os-kpis>div,.sa-kpis>div,.sa-equipes>div,.sa-head,.osi-chart-grid section,
.plantao-admin-shell .pa-card,.pa-kpi,.pa-panel,.ger-kpis>div,.ger-situacao-card,
.ger-reading-grid section,.ger-history,.far-kpis>div,.far-card,.far-report-card,
.far-event-card,.far-chart-grid section,.preventivas-admin .pv-card,
.pv-kpi,.pv-panel,.pv-chart-card,.registro-item,.indicador-registro,
.quick-box,.photo-box,.location-box{
  background:linear-gradient(145deg,#0d2b40,#092337)!important;
  border-color:#1d4864!important;
  box-shadow:var(--shadow)!important;
  color:var(--text)!important;
}
.box{max-width:820px}
.card:hover,.report-module:hover,.far-card:hover,.ger-situacao-card:hover{
  border-color:#2e6d91!important;
}

/* Headings and secondary text */
h1,h2,h3,h4,.dashboard-head h2,.os-admin-head h2,.pa-head h2,.reports-hub-head h2,
.ger-head h2,.far-head h2,.pv-head h2,.sa-head h3,.osm-head h3{
  color:#f5f9fc!important;
}
p,.muted,.card span,.dashboard-head p,.os-admin-head p,.pa-head p,.reports-hub-head p,
.ger-head p,.far-head p,.pv-head p,.field-help,.dash-metric span,.dash-metric small,
.bi-card p,.report-module p,.report-module-features span{
  color:#8fa7ba!important;
}
b,strong{color:inherit}

/* Inputs and filters */
input,select,textarea,
.field input,.field textarea,.field select,
.os-filterbar select,.os-filterbar input,
.dashboard-periodo input,.pa-filter input,.ger-filterbar select,.ger-filterbar input,
.far-filterbar select,.far-filterbar input,.far-report-grid select,.far-report-dates input{
  background:#071e31!important;
  color:#eaf3f8!important;
  border-color:#28536d!important;
  box-shadow:inset 0 1px 0 #ffffff05!important;
}
input::placeholder,textarea::placeholder{color:#678296!important}
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:#3da9e8!important;
  box-shadow:0 0 0 3px #3da9e81f!important;
}
select option{background:#0a263a;color:#fff}
label,.field label{color:#bdceda!important}

/* Buttons */
.btn,.report-module button,.pa-filter button,.ger-btn,.ger-prev-submit{
  background:linear-gradient(135deg,#1689d4,#0d66ad)!important;
  color:#fff!important;border:1px solid #298fc9!important;
  box-shadow:0 7px 18px #0667a429!important;
}
.btn:hover,.report-module button:hover,.ger-btn:hover{filter:brightness(1.1)}
.btn.alt,.mini-btn{
  background:#123953!important;color:#bfe5fa!important;border-color:#275f7d!important;
}
button:disabled{opacity:.48!important}

/* Alerts/messages */
.msg{border:1px solid transparent!important}
.msg.info,.info{background:#0c3048!important;color:#bcd9eb!important;border-color:#285c79!important}
.msg.ok,.ok{background:#0e3829!important;color:#96e0b5!important;border-color:#236e49!important}
.msg.err,.err{background:#451a24!important;color:#ffafb6!important;border-color:#8a2b3b!important}

/* Hero / home */
.hmp-hero,.hero{
  background:
    radial-gradient(circle at 85% 20%,#158bd63d,transparent 35%),
    linear-gradient(135deg,#0d3551,#0a2438)!important;
  border:1px solid #235a78!important;border-radius:18px!important;
  box-shadow:var(--shadow)!important;padding:25px!important;
}
.hmp-hero{display:flex;align-items:end;justify-content:space-between;gap:20px}
.hero-eyebrow{font-size:9px;letter-spacing:.18em;color:#70c8f5;font-weight:900}
.hmp-hero h2{font-size:28px!important;margin:6px 0!important}
.hmp-hero p{color:#a4b9c8!important}
.hero-status{display:flex;align-items:center;gap:8px;color:#a7c2d3;font-size:11px}
.hero-status i{width:8px;height:8px;border-radius:50%;background:#24d87c;box-shadow:0 0 12px #24d87c}
.hmp-home-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.hmp-module-card{position:relative;min-height:150px;padding:20px 20px 18px!important;overflow:hidden}
.module-icon{
  display:grid;width:42px;height:42px;place-items:center;border-radius:13px;
  background:#0d456c;color:#6cc9f8;font-size:23px;border:1px solid #25678c
}
.hmp-module-card b{font-size:17px;margin-top:14px!important}
.hmp-module-card em{position:absolute;left:20px;bottom:16px;font-style:normal;font-size:10px;color:#59b9eb}

/* Dashboard */
.dashboard-adm,.os-admin,.reports-hub,.plantao-admin-shell,.ger-admin,.far-admin,.preventivas-admin{
  max-width:none!important;margin:0!important;padding:6px 2px 24px!important;
}
.dashboard-periodo,.os-periodo,.pa-filter{background:#0b2a3f;border:1px solid #1f4c66;border-radius:11px;padding:7px}
.dash-metric-grid{gap:9px}
.dash-metric{border-left:4px solid #3b80a8!important;padding:13px!important}
.dash-metric.success{border-left-color:#2fc277!important}
.dash-metric.warning{border-left-color:#efa82e!important}
.dash-metric strong{color:#f5f9fc!important;font-size:28px!important}
.dash-highlight{background:#0c3047!important;border-color:#20536f!important}
.bi-card,.bi-table-card{border:1px solid #1e4861!important;background:#0a273b!important;border-radius:12px!important}
.bi-bar-track{background:#061a2a!important}
.bi-bar-fill{background:linear-gradient(90deg,#138bd8,#5cc8f9)!important}
.bi-table-card table,.os-live-table table,.attd-table,.ger-history-table,.far-table{color:#d6e4ed!important}
.bi-table-card th,.os-live-table th,.attd-table th,.ger-history-table th,.far-table th{
  background:#0d344e!important;color:#a9c4d5!important;border-color:#1b4964!important
}
.bi-table-card td,.os-live-table td,.attd-table td,.ger-history-table td,.far-table td{
  border-color:#173c54!important;color:#bfd0dc!important;background:#092336!important
}

/* Tabs */
.os-tabs button,.pa-tabs button,.far-tabs button,.ger-tabs button,.pv-tabs button,
.tab-operacional{
  background:#0a263a!important;color:#99b0c0!important;border-color:#234d67!important;
}
.os-tabs button.active,.pa-tabs button.active,.far-tabs button.active,.ger-tabs button.active,
.pv-tabs button.active,.tab-operacional.ativo{
  background:linear-gradient(135deg,#1487d0,#0b609f)!important;color:#fff!important;border-color:#2c8bc0!important;
}

/* KPI general */
.os-kpis>div,.sa-kpis>div,.pa-kpi,.ger-kpis>div,.far-kpis>div,.pv-kpi{
  border-left:4px solid #397da3!important;
}
.os-kpis .ok,.sa-kpis .ok,.far-kpis .ok{border-left-color:#2bc177!important}
.os-kpis .bad,.sa-kpis .bad,.far-kpis .bad{border-left-color:#ef5262!important}
.os-kpis .crit{border-left-color:#ff3349!important}
.os-kpis strong,.sa-kpis strong,.pa-kpi strong,.ger-kpis strong,.far-kpis strong,.pv-kpi strong{
  color:#f5f9fc!important
}

/* OS */
.os-live-table{background:#082135!important;border-color:#1d4864!important}
.os-badge.NO_PRAZO,.os-badge.NO_PRAZO_SA{background:#0e482f!important;color:#8fe0b0!important}
.os-badge.ATRASADA,.os-badge.FORA_PRAZO{background:#501b25!important;color:#ff9ca6!important}
.os-badge.CRITICA{background:#a92736!important;color:#fff!important}
.os-badge.EXCLUIDA_PLANTAO{background:#263746!important;color:#b4c4cf!important}
.os-badge.SEM_ATENDIMENTO{background:#513f14!important;color:#ffdd78!important}
.os-prio.urgente{background:#6c1d29!important;color:#ffb5bc!important}
.os-prio.alta{background:#563b12!important;color:#ffd673!important}
.osi-bars .osi-bar{color:#a9bdca!important}.osi-bar:hover{background:#123650!important}
.osi-bar i{background:linear-gradient(90deg,#2997d2 var(--w),#142f41 var(--w))!important}

/* Plantão */
.pa-head,.ger-head,.far-head,.pv-head,.os-admin-head,.reports-hub-head,.dashboard-head{
  border-bottom:1px solid #173f58;padding-bottom:12px
}
.pa-kpi,.ger-kpis>div{background:#0b2a3f!important}
.pa-panel,.pv-panel{background:#082337!important;border-color:#1d4864!important}
.pa-table-wrap,.attd-table-wrap,.ger-table-wrap,.far-table-wrap{
  background:#071f32!important;border-color:#1c4560!important
}

/* Preventivas */
.pv-card,.pv-chart-card{background:#0a293e!important}
.pv-progress,.ger-fuel-track{background:#132f40!important}

/* Geradores */
.ger-situacao-card{background:linear-gradient(145deg,#0b2a3f,#081f32)!important}
.ger-fuel-box{background:#0a2234!important;border-color:#1f4b64!important}
.ger-fuel-box.nivel-ok{background:#0e3025!important;border-color:#236c48!important}
.ger-fuel-box.nivel-atencao{background:#3b2e12!important;border-color:#8c6921!important}
.ger-fuel-box.abastecer{background:#411b22!important;border-color:#8e2a3a!important}
.ger-fuel-grid>div,.ger-voltage{background:#071d2f!important;border-color:#1b4058!important}
.ger-reading-grid section{background:#092538!important}
.ger-svg-grid{stroke:#1b3c52!important}.ger-svg-label{fill:#87a0b2!important}.ger-svg-line{stroke:#45b4f4!important}.ger-svg-point{fill:#0a263a!important;stroke:#45b4f4!important}
.ger-chart-tip{background:#0a263a!important;color:#9bb1c0!important}

/* Farmácias */
.far-alert{background:#0b2b40!important;border-color:#1f4c66!important}
.far-alert.alarme{background:#3c1721!important;border-left-color:#ff5060!important}
.far-all-ok{background:#0e3829!important;color:#8bd9ad!important;border-color:#236d49!important}
.far-card{background:linear-gradient(145deg,#0b2b40,#081f32)!important}
.far-card.normal{border-left-color:#2bc177!important}
.far-card.atencao{border-left-color:#efa82e!important}
.far-card.alarme{background:linear-gradient(145deg,#471824,#2e121a)!important;border-left-color:#ff4d5d!important}
.far-card.offline,.far-card.sem_dados{background:#172833!important;border-left-color:#8598a7!important}
.far-card-top b,.far-values strong{color:#f5f9fc!important}
.far-card-top span,.far-card p,.far-card>small{color:#94aabd!important}
.far-event-card.pending{background:#352a12!important;border-left-color:#f0aa2c!important}
.far-event-card.registered{background:#0f3427!important;border-left-color:#2bc177!important}
.far-event-saved{background:#0b2b20!important;color:#a2dfba!important}

/* Reports hub */
.reports-hub-summary>div{background:#0b2a3f!important;border-color:#1d4864!important}
.report-module{background:linear-gradient(145deg,#0b2b40,#081f32)!important}
.report-module-features span{background:#102d41!important;border-color:#244e68!important;color:#9db2c1!important}
.report-status.ok{background:#123d2b!important;color:#85dca9!important}
.report-status.wait{background:#3c3014!important;color:#f6cf6c!important}
.reports-hub-note{background:#0a273a!important}

/* Operational forms */
.perfil-operacional{background:#0e3829!important;border-color:#256c49!important}
.perfil-operacional b{color:#91dfb0!important}.perfil-operacional span{color:#9cb5c4!important}
.quick-box{background:#09263a!important;border-color:#1d4864!important}
.chip{background:#0c3048!important;color:#8dd4f8!important;border-color:#275b78!important}
.chip:hover{background:#124368!important}
.location-box{background:#342b14!important;border-color:#755f20!important;border-left-color:#e5a92d!important}
.location-box.collected{background:#0d3527!important;border-color:#24694a!important;border-left-color:#2bc177!important}
.photo-box{background:#092438!important;border-color:#1e4862!important}
.registro-item{background:#09263a!important;border-color:#1d4864!important}
.registro-item strong{color:#eaf4fa!important}.registro-item p{color:#a2b5c3!important}
.indicador-registro{background:#0c3048!important;border-color:#255776!important}
.indicador-registro b{color:#58bef2!important}

/* Login */
body:has(#btnLoginAdm) .box{
  max-width:440px!important;
  padding:28px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 100% 0,#1a66944d,transparent 35%),
    linear-gradient(145deg,#0c2b40,#081f32)!important;
}
body:has(#btnLoginAdm) .box:before{
  content:'HMP';display:grid;place-items:center;width:56px;height:56px;border-radius:16px;
  background:linear-gradient(145deg,#38acf1,#0b68ae);font-weight:950;font-size:16px;margin:0 auto 18px;
  box-shadow:0 0 28px #2ca6e93d
}
body:has(#btnLoginAdm) .box h2{text-align:center;margin-bottom:5px}
body:has(#btnLoginAdm) .box>p{text-align:center}

/* Loading overlay */
.global-loading{background:#020c14cc!important;backdrop-filter:blur(7px)!important}
.loading-card{background:#0c2c42!important;color:#eef7fc!important;border:1px solid #285b78!important}
.spinner{border-color:#1d4864!important;border-top-color:#4bb9f4!important}

/* Scrollbars */
*{scrollbar-color:#28536d #071b2b}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#071b2b}
::-webkit-scrollbar-thumb{background:#28536d;border-radius:999px;border:2px solid #071b2b}
::-webkit-scrollbar-thumb:hover{background:#34729a}

/* Mobile */
@media(max-width:850px){
  .shell{grid-template-columns:1fr!important}
  .hmp-home-links{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  aside#sidebar,aside{width:260px!important}
  header{background:#071a2bf5!important}
  #app{padding:10px!important}
  .hmp-hero{display:block}
  .hero-status{margin-top:14px}
}

/* Preserve CMOA dark design as the visual reference */
.cmoa-native{
  border-radius:14px;
  box-shadow:0 18px 50px #00000040;
}

/* =====================================================================
   HMP V3.12.1 — VISUAL HOSPITALAR CLARO
   Mantém sidebar forte e identidade do CMOA, sem deixar o portal pesado.
   ===================================================================== */

:root{
  --page:#eef4f8;
  --page2:#f7fafc;
  --card:#ffffff;
  --card2:#f8fbfd;
  --border:#d7e2ea;
  --border2:#c7d7e3;
  --ink:#18364e;
  --ink2:#294c66;
  --muted-light:#6f8799;
  --brand:#176da8;
  --brand2:#2f93ce;
  --success:#2f9c68;
  --warning:#d69a30;
  --danger:#d84c59;
}

/* Portal general */
html,body{
  background:var(--page)!important;
  color:var(--ink)!important;
}
body{
  background:
    radial-gradient(circle at 82% 0,#dcecf7 0,transparent 28%),
    linear-gradient(180deg,#f5f9fc 0%,#eef4f8 65%,#e9f0f5 100%)!important;
}

main{
  background:transparent!important;
}

header{
  background:#ffffffee!important;
  border-bottom:1px solid var(--border)!important;
  box-shadow:0 8px 28px #31546e13!important;
}
header h1{
  color:#17364f!important;
}
header p{
  color:#748b9b!important;
}
#user{
  color:#6f8798!important;
}
#user b{
  color:#17364f!important;
}

/* Keep sidebar dark, but cleaner and brighter */
aside#sidebar, aside{
  background:
    radial-gradient(circle at 0 0,#206596 0,transparent 34%),
    linear-gradient(180deg,#123e64 0%,#174f7b 55%,#165686 100%)!important;
  border-right:1px solid #d0deea22!important;
  box-shadow:8px 0 26px #2f51691f!important;
}
nav a{
  color:#e6f1f8!important;
}
nav a:hover{
  background:#ffffff18!important;
}
nav a.active{
  background:#ffffff20!important;
  box-shadow:inset 3px 0 #9ddcff,0 5px 15px #0d31572b!important;
}
.nav-ico{
  background:#ffffff12!important;
  color:#d6efff!important;
}

#app{
  background:transparent!important;
}

/* Main cards and panels: light surfaces */
.card,.box,.dash-metric,.dash-highlight,.bi-card,.report-module,.reports-hub-note,
.os-kpis>div,.sa-kpis>div,.sa-equipes>div,.sa-head,.osi-chart-grid section,
.plantao-admin-shell .pa-card,.pa-kpi,.pa-panel,.ger-kpis>div,.ger-situacao-card,
.ger-reading-grid section,.ger-history,.far-kpis>div,.far-card,.far-report-card,
.far-event-card,.far-chart-grid section,.preventivas-admin .pv-card,
.pv-kpi,.pv-panel,.pv-chart-card,.registro-item,.indicador-registro,
.quick-box,.photo-box,.location-box{
  background:linear-gradient(180deg,#ffffff,#f9fcfe)!important;
  border-color:var(--border)!important;
  box-shadow:0 8px 24px #46657a12!important;
  color:var(--ink)!important;
}

.card:hover,.report-module:hover,.far-card:hover,.ger-situacao-card:hover{
  border-color:#9dc9e4!important;
  box-shadow:0 10px 28px #3b71941b!important;
}

/* Text */
h1,h2,h3,h4,.dashboard-head h2,.os-admin-head h2,.pa-head h2,
.reports-hub-head h2,.ger-head h2,.far-head h2,.pv-head h2,.sa-head h3,.osm-head h3{
  color:#173d5a!important;
}
p,.muted,.card span,.dashboard-head p,.os-admin-head p,.pa-head p,.reports-hub-head p,
.ger-head p,.far-head p,.pv-head p,.field-help,.dash-metric span,.dash-metric small,
.bi-card p,.report-module p,.report-module-features span{
  color:#72899a!important;
}
label,.field label{
  color:#31546b!important;
}

/* Inputs */
input,select,textarea,
.field input,.field textarea,.field select,
.os-filterbar select,.os-filterbar input,
.dashboard-periodo input,.pa-filter input,.ger-filterbar select,.ger-filterbar input,
.far-filterbar select,.far-filterbar input,.far-report-grid select,.far-report-dates input{
  background:#ffffff!important;
  color:#183a53!important;
  border-color:#c8d8e4!important;
  box-shadow:inset 0 1px 2px #31546b08!important;
}
input::placeholder,textarea::placeholder{
  color:#91a4b2!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#4da1d4!important;
  box-shadow:0 0 0 3px #4da1d41c!important;
}
select option{
  background:#fff!important;
  color:#17364f!important;
}

/* Tabs */
.os-tabs button,.pa-tabs button,.far-tabs button,.ger-tabs button,.pv-tabs button,
.tab-operacional{
  background:#ffffff!important;
  color:#536e81!important;
  border-color:#cfdde7!important;
}
.os-tabs button.active,.pa-tabs button.active,.far-tabs button.active,.ger-tabs button.active,
.pv-tabs button.active,.tab-operacional.ativo{
  background:linear-gradient(135deg,#1a7dbd,#1769a8)!important;
  color:#fff!important;
  border-color:#176da8!important;
}

/* Hero */
.hmp-hero,.hero{
  background:
    radial-gradient(circle at 87% 20%,#5bb9ec30,transparent 36%),
    linear-gradient(135deg,#17679f,#2688c5)!important;
  color:#fff!important;
  border-color:#2b8bc4!important;
  box-shadow:0 10px 26px #226e9b22!important;
}
.hmp-hero h2,.hero h2{
  color:#fff!important;
}
.hmp-hero p,.hero p{
  color:#e3f2fb!important;
}
.hero-status{
  color:#e5f4fc!important;
}

/* KPIs */
.dash-metric,.os-kpis>div,.sa-kpis>div,.pa-kpi,.ger-kpis>div,.far-kpis>div,.pv-kpi{
  border-left-color:#5c9fc7!important;
}
.dash-metric.success,.os-kpis .ok,.sa-kpis .ok,.far-kpis .ok{
  border-left-color:#3da477!important;
}
.dash-metric.warning{
  border-left-color:#dba13e!important;
}
.os-kpis .bad,.sa-kpis .bad,.far-kpis .bad{
  border-left-color:#d95d68!important;
}
.os-kpis strong,.sa-kpis strong,.pa-kpi strong,.ger-kpis strong,.far-kpis strong,.pv-kpi strong,
.dash-metric strong{
  color:#163e5c!important;
}

/* Tables */
.bi-table-card,.os-live-table,.attd-table-wrap,.pa-table-wrap,.ger-table-wrap,
.far-table-wrap,.prev-table-wrap{
  background:#fff!important;
  border-color:var(--border)!important;
}
.bi-table-card table,.os-live-table table,.attd-table,.ger-history-table,.far-table,.prev-table{
  color:#3d596e!important;
}
.bi-table-card th,.os-live-table th,.attd-table th,.ger-history-table th,.far-table th,.prev-table th{
  background:#eaf2f7!important;
  color:#365a72!important;
  border-color:#d5e2ea!important;
}
.bi-table-card td,.os-live-table td,.attd-table td,.ger-history-table td,.far-table td,.prev-table td{
  background:#fff!important;
  color:#526d80!important;
  border-color:#e6edf2!important;
}
.bi-table-card tbody tr:hover td,.os-live-table tbody tr:hover td,.attd-table tbody tr:hover td{
  background:#f5f9fc!important;
}

/* Plantão / panels */
.pa-panel,.pv-panel,.ger-history{
  background:#fff!important;
}
.dashboard-periodo,.os-periodo,.pa-filter{
  background:#f7fafc!important;
  border-color:#d5e2ea!important;
}

/* Geradores */
.ger-situacao-card{
  background:linear-gradient(180deg,#fff,#f8fbfd)!important;
}
.ger-fuel-box{
  background:#f6fafc!important;
  border-color:#d6e3eb!important;
}
.ger-fuel-box.nivel-ok{
  background:#eff8f3!important;
  border-color:#b9dec9!important;
}
.ger-fuel-box.nivel-atencao{
  background:#fff8e9!important;
  border-color:#ecd59f!important;
}
.ger-fuel-box.abastecer{
  background:#fff0f1!important;
  border-color:#e6b6bb!important;
}
.ger-fuel-grid>div,.ger-voltage{
  background:#fff!important;
  border-color:#dce6ed!important;
}
.ger-reading-grid section{
  background:#fff!important;
}
.ger-svg-grid{
  stroke:#dce6ed!important;
}
.ger-svg-label{
  fill:#718a9b!important;
}
.ger-svg-line{
  stroke:#318fc5!important;
}
.ger-svg-point{
  fill:#fff!important;
  stroke:#318fc5!important;
}
.ger-chart-tip{
  background:#edf5fa!important;
  color:#567084!important;
}

/* Farmácias admin */
.far-alert{
  background:#fff!important;
  border-color:#d8e4ec!important;
}
.far-alert.alarme{
  background:#fff1f2!important;
}
.far-all-ok{
  background:#eef8f2!important;
  color:#31704d!important;
  border-color:#bee0ca!important;
}
.far-card{
  background:#fff!important;
}
.far-card.alarme{
  background:#fff4f5!important;
}
.far-card.offline,.far-card.sem_dados{
  background:#f3f6f8!important;
}
.far-card-top b,.far-values strong{
  color:#173d5a!important;
}
.far-card-top span,.far-card p,.far-card>small{
  color:#748a9a!important;
}
.far-event-card.pending{
  background:#fff9eb!important;
}
.far-event-card.registered{
  background:#eff8f3!important;
}
.far-event-saved{
  background:#e6f3eb!important;
  color:#3b6f51!important;
}

/* Report cards */
.reports-hub-summary>div,.report-module,.reports-hub-note{
  background:#fff!important;
  border-color:#d7e3eb!important;
}
.report-module-features span{
  background:#eef5f9!important;
  border-color:#d8e4ec!important;
  color:#61798a!important;
}

/* Operational */
.perfil-operacional{
  background:#edf8f2!important;
  border-color:#bedfca!important;
}
.perfil-operacional b{
  color:#34704f!important;
}
.perfil-operacional span{
  color:#678374!important;
}
.quick-box,.photo-box,.registro-item{
  background:#fff!important;
}
.chip{
  background:#eaf5fb!important;
  color:#2d739c!important;
  border-color:#c8e1ef!important;
}
.chip:hover{
  background:#dcedf7!important;
}
.indicador-registro{
  background:#edf6fb!important;
  border-color:#c7e0ee!important;
}
.indicador-registro b{
  color:#2a7eae!important;
}

/* Login */
body:has(#btnLoginAdm) .box{
  background:
    radial-gradient(circle at 100% 0,#b9def344,transparent 36%),
    linear-gradient(180deg,#fff,#f7fbfd)!important;
  border-color:#d1e0e9!important;
}
body:has(#btnLoginAdm) .box:before{
  box-shadow:0 0 26px #2a8ac733!important;
}

/* Loading */
.global-loading{
  background:#17324755!important;
}
.loading-card{
  background:#fff!important;
  color:#254860!important;
  border-color:#c8dce8!important;
  box-shadow:0 15px 40px #284b6330!important;
}
.spinner{
  border-color:#d8e6ef!important;
  border-top-color:#278bc4!important;
}

/* =====================================================================
   CMOA — keep TV identity but less black, brighter and NO vertical scroll
   ===================================================================== */

body.cmoa-view{
  overflow:hidden!important;
  height:100vh!important;
}
body.cmoa-view .shell{
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
}
body.cmoa-view aside#sidebar{
  height:100vh!important;
  overflow:hidden!important;
}
body.cmoa-view main{
  height:100vh!important;
  overflow:hidden!important;
}
body.cmoa-view header{
  height:66px!important;
  position:relative!important;
}
body.cmoa-view #app{
  height:calc(100vh - 66px)!important;
  padding:10px 12px!important;
  overflow:hidden!important;
}

body.cmoa-view .cmoa-native{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:14px!important;
  padding:9px 11px 7px!important;
  background:
    radial-gradient(circle at 10% 0,#1a4b6c 0,transparent 30%),
    radial-gradient(circle at 100% 0,#263d61 0,transparent 24%),
    linear-gradient(180deg,#0c2b42,#092337 76%)!important;
}

body.cmoa-view .cmoa-head{
  flex:0 0 auto!important;
  padding:8px 12px!important;
  margin-bottom:6px!important;
}
body.cmoa-view .cmoa-logo{
  width:48px!important;
  height:48px!important;
  flex-basis:48px!important;
}
body.cmoa-view .cmoa-brand h2{
  font-size:22px!important;
}
body.cmoa-view .cmoa-brand p{
  font-size:9px!important;
}
body.cmoa-view .cmoa-clock strong{
  font-size:28px!important;
}
body.cmoa-view .cmoa-weather strong{
  font-size:18px!important;
}
body.cmoa-view .cmoa-weather-icon{
  font-size:27px!important;
}

body.cmoa-view .cmoa-alarm-bands{
  flex:0 0 auto!important;
  margin-bottom:5px!important;
}
body.cmoa-view .cmoa-band{
  padding:6px 10px!important;
}
body.cmoa-view .cmoa-band b{
  font-size:10px!important;
}
body.cmoa-view .cmoa-band span{
  font-size:8px!important;
}

body.cmoa-view .cmoa-summary{
  flex:0 0 auto!important;
  margin-bottom:5px!important;
}
body.cmoa-view .cmoa-summary>div{
  padding:6px 9px!important;
}
body.cmoa-view .cmoa-summary b{
  font-size:23px!important;
}
body.cmoa-view .cmoa-summary span{
  font-size:8px!important;
}

body.cmoa-view .cmoa-layout{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
}
body.cmoa-view .cmoa-main-panel{
  min-height:0!important;
  overflow:hidden!important;
  padding:7px!important;
}
body.cmoa-view .cmoa-section-title{
  flex:0 0 auto!important;
  margin-bottom:5px!important;
}
body.cmoa-view .cmoa-section-title h3{
  font-size:16px!important;
}
body.cmoa-view .cmoa-section-title span,
body.cmoa-view .cmoa-page-badge{
  font-size:8px!important;
}

body.cmoa-view .cmoa-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:hidden!important;
}
body.cmoa-view .cmoa-card{
  min-height:0!important;
  height:auto!important;
  padding:11px 12px 9px!important;
}
body.cmoa-view .cmoa-card-head b{
  font-size:16px!important;
}
body.cmoa-view .cmoa-card-head span{
  font-size:10px!important;
}
body.cmoa-view .cmoa-card-head em{
  font-size:8px!important;
  padding:5px 7px!important;
}
body.cmoa-view .cmoa-values{
  margin:13px 0 8px!important;
  gap:18px!important;
}
body.cmoa-view .cmoa-values strong{
  font-size:42px!important;
}
body.cmoa-view .cmoa-humidity strong{
  font-size:37px!important;
}
body.cmoa-view .cmoa-values small{
  font-size:7px!important;
}
body.cmoa-view .cmoa-reason{
  font-size:9px!important;
  padding:6px 7px!important;
}
body.cmoa-view .cmoa-card-bottom{
  left:12px!important;
  right:12px!important;
  bottom:7px!important;
  font-size:7px!important;
}

body.cmoa-view .cmoa-side{
  min-height:0!important;
  overflow:hidden!important;
  padding:8px!important;
  gap:6px!important;
}
body.cmoa-view .cmoa-side-section{
  padding:7px!important;
}
body.cmoa-view .cmoa-side-section h3{
  font-size:11px!important;
  margin-bottom:5px!important;
}
body.cmoa-view .cmoa-general-total{
  padding:6px!important;
  margin-bottom:5px!important;
}
body.cmoa-view .cmoa-general-grid{
  gap:4px!important;
}
body.cmoa-view .cmoa-general-grid>div{
  padding:5px!important;
}
body.cmoa-view .cmoa-general-grid b{
  font-size:17px!important;
}
body.cmoa-view .cmoa-general-grid span{
  font-size:7px!important;
}
body.cmoa-view .cmoa-comm-item{
  padding:4px 0!important;
}
body.cmoa-view .cmoa-comm-item b{
  font-size:8px!important;
}
body.cmoa-view .cmoa-comm-item span,
body.cmoa-view .cmoa-comm-item strong{
  font-size:7px!important;
}
body.cmoa-view .cmoa-alarm-summary span,
body.cmoa-view .cmoa-okbox{
  font-size:8px!important;
}

body.cmoa-view .cmoa-foot{
  flex:0 0 auto!important;
  padding-top:4px!important;
  font-size:7px!important;
}

/* TV/4K: scale text up, still locked to viewport */
@media(min-width:2200px){
  body.cmoa-view header{
    height:76px!important;
  }
  body.cmoa-view #app{
    height:calc(100vh - 76px)!important;
    padding:14px 16px!important;
  }
  body.cmoa-view .cmoa-native{
    padding:13px 16px 9px!important;
  }
  body.cmoa-view .cmoa-logo{
    width:62px!important;height:62px!important;flex-basis:62px!important;
  }
  body.cmoa-view .cmoa-brand h2{font-size:33px!important}
  body.cmoa-view .cmoa-brand p{font-size:13px!important}
  body.cmoa-view .cmoa-clock strong{font-size:42px!important}
  body.cmoa-view .cmoa-weather strong{font-size:27px!important}
  body.cmoa-view .cmoa-weather-icon{font-size:39px!important}

  body.cmoa-view .cmoa-band{padding:9px 13px!important}
  body.cmoa-view .cmoa-band b{font-size:14px!important}
  body.cmoa-view .cmoa-band span{font-size:11px!important}
  body.cmoa-view .cmoa-band strong{font-size:11px!important}

  body.cmoa-view .cmoa-summary>div{padding:8px 12px!important}
  body.cmoa-view .cmoa-summary b{font-size:34px!important}
  body.cmoa-view .cmoa-summary span{font-size:11px!important}

  body.cmoa-view .cmoa-layout{
    grid-template-columns:minmax(0,1fr) 420px!important;
    gap:11px!important;
  }
  body.cmoa-view .cmoa-grid{gap:10px!important}
  body.cmoa-view .cmoa-card{padding:17px 18px 13px!important}
  body.cmoa-view .cmoa-card-head b{font-size:24px!important}
  body.cmoa-view .cmoa-card-head span{font-size:15px!important}
  body.cmoa-view .cmoa-card-head em{font-size:11px!important}
  body.cmoa-view .cmoa-values{margin:20px 0 12px!important;gap:28px!important}
  body.cmoa-view .cmoa-values strong{font-size:61px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:53px!important}
  body.cmoa-view .cmoa-values small{font-size:10px!important}
  body.cmoa-view .cmoa-reason{font-size:13px!important;padding:8px 9px!important}
  body.cmoa-view .cmoa-card-bottom{font-size:10px!important;left:18px!important;right:18px!important;bottom:10px!important}

  body.cmoa-view .cmoa-side{padding:11px!important;gap:9px!important}
  body.cmoa-view .cmoa-side-section{padding:10px!important}
  body.cmoa-view .cmoa-side-section h3{font-size:16px!important}
  body.cmoa-view .cmoa-general-grid b{font-size:25px!important}
  body.cmoa-view .cmoa-general-grid span{font-size:10px!important}
  body.cmoa-view .cmoa-comm-item b{font-size:11px!important}
  body.cmoa-view .cmoa-comm-item span,
  body.cmoa-view .cmoa-comm-item strong{font-size:9px!important}
  body.cmoa-view .cmoa-alarm-summary span,
  body.cmoa-view .cmoa-okbox{font-size:11px!important}
  body.cmoa-view .cmoa-foot{font-size:10px!important}
}

/* =========================
   V3.12.2 — CMOA visual final
   ========================= */
body.cmoa-view{overflow:hidden!important;height:100vh!important}
body.cmoa-view .shell{height:100vh!important;overflow:hidden!important}
body.cmoa-view main{height:100vh!important;overflow:hidden!important}
body.cmoa-view header{height:66px!important}
body.cmoa-view #app{height:calc(100vh - 66px)!important;overflow:hidden!important;padding:10px 12px!important;background:#071d2d!important}
body.cmoa-view .cmoa-native{height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;border-radius:18px!important;background:linear-gradient(180deg,#041523,#061d30 74%,#07263e)!important;color:#fff!important;box-shadow:inset 0 0 0 1px #0f4466,0 16px 40px #00101855!important}
body.cmoa-view .cmoa-head{padding:12px 18px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:linear-gradient(180deg,#071b2b,#061a2b)!important;border:0!important;box-shadow:none!important;margin:0!important}
body.cmoa-view .cmoa-brand h2{font-size:28px!important;color:#fff!important}
body.cmoa-view .cmoa-brand p{font-size:12px!important;color:#c4d6e5!important;margin-top:6px!important}
body.cmoa-view .cmoa-logo{width:70px!important;height:70px!important;flex-basis:70px!important;border-radius:20px!important;background:linear-gradient(145deg,#2ca8ff,#0e67bf)!important;font-size:22px!important;box-shadow:0 10px 24px #0a71d944!important}
body.cmoa-view .cmoa-head-right{gap:10px!important}
body.cmoa-view .cmoa-topbox{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 16px!important;min-height:72px!important;border-left:1px solid #1f4761!important;color:#fff}
body.cmoa-view .cmoa-topbox *{display:block}
body.cmoa-view .cmoa-topbox small{font-size:12px!important;color:#f4f7fb!important;font-weight:700!important;opacity:.95}
body.cmoa-view .cmoa-topbox strong{font-size:18px!important;line-height:1.08!important;color:#fff!important}
body.cmoa-view .cmoa-topbox span{font-size:11px!important;color:#dce9f4!important}
body.cmoa-view .cmoa-topbox em{font-style:normal!important;font-size:12px!important;color:#dce9f4!important;margin-top:2px!important}
body.cmoa-view .cmoa-topbox.clock{display:block!important;text-align:right!important;min-width:248px!important}
body.cmoa-view .cmoa-topbox.clock strong{font-size:42px!important;letter-spacing:-1px!important}
body.cmoa-view .cmoa-topbox.clock span{font-size:12px!important;margin-top:5px!important}
body.cmoa-view .cmoa-weather-icon{font-size:48px!important;filter:drop-shadow(0 5px 10px #00000055)}
body.cmoa-view .cmoa-fullscreen{height:54px!important;padding:0 16px!important;border-radius:14px!important;background:#071f31!important;border:1px solid #1a4763!important;color:#fff!important}
body.cmoa-view .cmoa-fullscreen:hover{background:#0b2a40!important}
body.cmoa-view #cmoaMensagem{margin:0 18px 8px!important}
body.cmoa-view .cmoa-alarm-bands{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0 18px!important;margin:0 0 12px!important}
body.cmoa-view .cmoa-band{padding:13px 18px!important;border-radius:16px!important;border:1px solid #c33b4f!important;box-shadow:inset 0 0 0 1px #ffffff10!important}
body.cmoa-view .cmoa-band.temp{background:linear-gradient(90deg,#8f0616,#b20f1f)!important;border-color:#ff5269!important}
body.cmoa-view .cmoa-band.hum{background:linear-gradient(90deg,#3b0567,#571294)!important;border-color:#a15dff!important}
body.cmoa-view .cmoa-band-icon{font-size:32px!important}
body.cmoa-view .cmoa-band b{font-size:14px!important;color:#fff!important}
body.cmoa-view .cmoa-band span{font-size:12px!important;color:#f7dfe4!important}
body.cmoa-view .cmoa-band.hum span{color:#f1e5ff!important}
body.cmoa-view .cmoa-band strong{font-size:13px!important;padding:8px 14px!important;border-radius:999px!important;background:#fff!important;color:#8b0b16!important}
body.cmoa-view .cmoa-band.hum strong{color:#4b147d!important}
body.cmoa-view .cmoa-summary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;padding:0 18px!important;margin:0 0 12px!important}
body.cmoa-view .cmoa-summary>div{display:grid!important;grid-template-columns:52px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;gap:4px 12px!important;padding:12px 14px!important;border-radius:16px!important;background:linear-gradient(180deg,#07243a,#0a2c45)!important;border:1px solid #14506f!important;border-left:3px solid #268ec7!important;box-shadow:0 8px 16px #01111d30!important}
body.cmoa-view .cmoa-summary>div .ico{grid-row:1 / span 2;display:grid!important;place-items:center!important;width:42px;height:42px;border-radius:999px;background:#0e3853!important;font-size:24px!important}
body.cmoa-view .cmoa-summary>div.ok .ico{background:#0f6a42!important}.cmoa-summary>div.warn .ico{background:#8f5d00!important}.cmoa-summary>div.bad .ico{background:#930f1d!important}.cmoa-summary>div.off .ico{background:#384c5d!important}
body.cmoa-view .cmoa-summary b{font-size:24px!important;color:#fff!important}
body.cmoa-view .cmoa-summary span{font-size:11px!important;color:#d7e4ee!important;line-height:1.2!important}
body.cmoa-view .cmoa-layout{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 345px!important;gap:12px!important;padding:0 18px 10px!important;overflow:hidden!important}
body.cmoa-view .cmoa-main-panel,body.cmoa-view .cmoa-side{min-height:0!important;overflow:hidden!important;background:linear-gradient(180deg,#062136,#08263c)!important;border:1px solid #124765!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px #ffffff08!important}
body.cmoa-view .cmoa-main-panel{display:flex!important;flex-direction:column!important;padding:12px!important}
body.cmoa-view .cmoa-section-title{margin-bottom:8px!important}
body.cmoa-view .cmoa-section-title h3{font-size:18px!important;color:#fff!important}
body.cmoa-view .cmoa-section-title span,body.cmoa-view .cmoa-page-badge{font-size:10px!important;color:#b4cad9!important}
body.cmoa-view .cmoa-grid{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:10px!important;overflow:hidden!important}
body.cmoa-view .cmoa-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:0!important;padding:11px 14px 12px!important;border-radius:18px!important;background:linear-gradient(180deg,#11283b,#0e2232)!important;border:1px solid #22536e!important;border-left:4px solid #1fb35f!important;box-shadow:0 6px 18px #020e1618!important;overflow:hidden!important}
body.cmoa-view .cmoa-card.normal{background:linear-gradient(180deg,#09252f,#08212b)!important;border-color:#0b864f!important;box-shadow:inset 0 0 0 1px #24d37a33,0 0 22px #1dc36f10!important}
body.cmoa-view .cmoa-card.alarme{background:linear-gradient(180deg,#561119,#3d0d16)!important;border-color:#ff394d!important;box-shadow:inset 0 0 0 1px #ff839040,0 0 22px #ff31491c!important;animation:cmoaPulse 1.8s ease-in-out infinite}
body.cmoa-view .cmoa-card.atencao{background:linear-gradient(180deg,#4a3111,#3a240d)!important;border-color:#ffb530!important}
body.cmoa-view .cmoa-card.offline,body.cmoa-view .cmoa-card.sem_dados{background:linear-gradient(180deg,#11283b,#0e2232)!important;border-color:#556d7f!important}
@keyframes cmoaPulse{0%,100%{box-shadow:inset 0 0 0 1px #ff839040,0 0 14px #ff31491c}50%{box-shadow:inset 0 0 0 1px #ffb6bf50,0 0 24px #ff314940}}
body.cmoa-view .cmoa-card-head{align-items:flex-start!important;gap:8px!important}
body.cmoa-view .cmoa-card-head b{font-size:16px!important;color:#fff!important}
body.cmoa-view .cmoa-card-head span{font-size:11px!important;color:#d8e4ef!important;margin-top:3px!important}
body.cmoa-view .cmoa-card-head em{font-size:11px!important;font-style:normal!important;padding:7px 10px!important;border-radius:10px!important;background:#2d8d53!important;color:#fff!important}
body.cmoa-view .cmoa-card.alarme .cmoa-card-head em{background:#c8172a!important}.cmoa-card.offline .cmoa-card-head em,.cmoa-card.sem_dados .cmoa-card-head em{background:#41566a!important}.cmoa-card.atencao .cmoa-card-head em{background:#bf7d10!important}
body.cmoa-view .cmoa-card-main{display:grid!important;grid-template-columns:46px 1fr!important;gap:12px!important;align-items:center!important;margin:10px 0 8px!important}
body.cmoa-view .cmoa-card-icon{font-size:42px!important;line-height:1!important;display:grid!important;place-items:center!important;color:#ff4545!important}
body.cmoa-view .cmoa-card.normal .cmoa-card-icon{color:#16ca6e!important}
body.cmoa-view .cmoa-card.offline .cmoa-card-icon,body.cmoa-view .cmoa-card.sem_dados .cmoa-card-icon{color:#f4f6fa!important}
body.cmoa-view .cmoa-values{display:flex!important;align-items:flex-end!important;gap:20px!important;margin:0!important}
body.cmoa-view .cmoa-values strong{font-size:28px!important;letter-spacing:-.8px!important;color:#fff!important;line-height:1!important}
body.cmoa-view .cmoa-humidity strong{font-size:26px!important}
body.cmoa-view .cmoa-values small{font-size:10px!important;color:#dbe7f1!important;margin-top:6px!important}
body.cmoa-view .cmoa-reason{margin:6px 0 10px!important;padding:10px 12px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:10px!important;font-size:12px!important;line-height:1.2!important;min-height:42px!important}
body.cmoa-view .cmoa-card.normal .cmoa-reason{background:rgba(0,0,0,.14)!important}
body.cmoa-view .cmoa-card-bottom{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:12px!important;margin-top:auto!important;position:static!important;font-size:11px!important;color:#f5f7fb!important}
body.cmoa-view .cmoa-card-bottom span:first-child{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
body.cmoa-view .cmoa-event-row{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:3px!important;text-align:right!important;font-size:11px!important;font-weight:700!important}
body.cmoa-view .cmoa-event-row .dot{display:inline-block!important;width:10px!important;height:10px!important;border-radius:999px!important;margin-right:6px!important;background:#ffbc2c!important;box-shadow:0 0 0 3px #ffbc2c22!important}
body.cmoa-view .cmoa-event-row.ok{color:#44dd7d!important}.cmoa-event-row.ok .dot{background:#26d86c!important;box-shadow:0 0 0 3px #26d86c22!important}.cmoa-event-row.pendente{color:#ffbe32!important}.cmoa-event-row.sem{color:#d6e6f2!important}.cmoa-event-row small{font-size:10px!important;color:#fff!important;font-weight:500!important}
body.cmoa-view .cmoa-pager{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding-top:10px!important;color:#9eb6c8!important;font-size:11px!important;flex:0 0 auto!important}
body.cmoa-view .cmoa-pager-dots{display:flex!important;gap:8px!important}
body.cmoa-view .cmoa-pager-dots span{width:10px!important;height:10px!important;border-radius:999px!important;background:#546d80!important;display:block!important}
body.cmoa-view .cmoa-pager-dots span.active{background:#1da4ff!important;box-shadow:0 0 0 4px #1da4ff22!important}
body.cmoa-view .cmoa-side{display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px!important}
body.cmoa-view .cmoa-side-section{padding:12px!important;border-radius:16px!important;background:linear-gradient(180deg,#09263a,#0b2840)!important;border:1px solid #135170!important;overflow:hidden!important}
body.cmoa-view .cmoa-side-section h3,.cmoa-side-section .label{font-size:13px!important;letter-spacing:.03em!important;color:#d7e5ef!important;margin:0 0 10px!important}
body.cmoa-view .cmoa-side-section.danger{background:linear-gradient(180deg,#3f0f16,#330d14)!important;border-color:#912431!important}
body.cmoa-view .cmoa-general-total{padding:0 0 10px!important;border-bottom:1px solid #1e4c64!important;margin-bottom:10px!important}
body.cmoa-view .cmoa-general-total b{font-size:14px!important;color:#fff!important}
body.cmoa-view .cmoa-general-total span{font-size:11px!important;color:#b2c5d3!important;margin-top:4px!important}
body.cmoa-view .cmoa-general-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.cmoa-view .cmoa-general-grid>div{padding:10px 10px!important;border-radius:12px!important;background:#0f324a!important}
body.cmoa-view .cmoa-general-grid b{font-size:20px!important;color:#fff!important}.cmoa-general-grid span{font-size:10px!important;color:#c4d7e5!important}
body.cmoa-view .cmoa-comm-item{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:8px 0!important;border-bottom:1px solid #1a455d!important}
body.cmoa-view .cmoa-comm-item:last-child{border-bottom:0!important}
body.cmoa-view .cmoa-comm-item b{font-size:11px!important;color:#fff!important}.cmoa-comm-item span{font-size:10px!important;color:#bdd0dd!important}.cmoa-comm-item strong{font-size:10px!important;color:#ffd461!important;white-space:nowrap!important}
body.cmoa-view .cmoa-mini-btn{margin-top:10px!important;width:100%!important;background:#0b2f46!important;border:1px solid #175272!important;color:#fff!important;border-radius:10px!important;padding:8px 10px!important}
body.cmoa-view .cmoa-old-alert .label{font-weight:900!important;color:#ff5f70!important}
body.cmoa-view .cmoa-old-alert b{display:block!important;font-size:15px!important;color:#fff!important;line-height:1.2!important}
body.cmoa-view .cmoa-old-alert b span{opacity:.6!important}
body.cmoa-view .cmoa-old-alert small{display:block!important;font-size:12px!important;color:#ffd9dd!important;margin-top:6px!important}
body.cmoa-view .cmoa-old-alert .tempo{font-size:34px!important;font-weight:900!important;letter-spacing:-.5px!important;color:#fff!important;margin:10px 0 4px!important}
body.cmoa-view .cmoa-old-alert .inicio{font-size:12px!important;color:#f6c9cf!important}
body.cmoa-view .cmoa-alarm-summary{display:grid!important;gap:6px!important}
body.cmoa-view .cmoa-alarm-summary span{display:flex!important;justify-content:space-between!important;padding:9px 10px!important;border-radius:10px!important;background:#10344d!important;color:#dce8f2!important;font-size:11px!important}
body.cmoa-view .cmoa-alarm-summary b{color:#fff!important}
body.cmoa-view .cmoa-okbox{padding:10px!important;border-radius:10px!important;background:#0d3a2c!important;color:#95efbb!important;font-size:11px!important}
body.cmoa-view .cmoa-next-wrap{display:grid!important;grid-template-columns:92px 1fr!important;gap:10px!important;align-items:center!important}
body.cmoa-view .cmoa-next-ring{position:relative!important;width:86px!important;height:86px!important}
body.cmoa-view .cmoa-next-ring svg{width:86px!important;height:86px!important;transform:rotate(-90deg)!important}
body.cmoa-view .cmoa-next-ring circle{fill:none!important;stroke:#154968!important;stroke-width:10!important}
body.cmoa-view .cmoa-next-ring #cmoaProgArc{stroke:#2bd36d!important;stroke-linecap:round!important;transition:stroke-dashoffset .9s linear!important}
body.cmoa-view .cmoa-next-ring div{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-weight:900!important;color:#fff!important;font-size:19px!important}
body.cmoa-view #cmoaProxima .label{margin:0 0 6px!important;color:#7ed6a1!important;font-weight:900!important}
body.cmoa-view #cmoaProxima b{display:block!important;color:#fff!important;font-size:15px!important}
body.cmoa-view #cmoaProxima small{display:block!important;color:#b8cad8!important;font-size:12px!important;margin-top:4px!important}
body.cmoa-view .cmoa-foot{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:8px 18px 10px!important;border-top:1px solid #10334a!important;font-size:11px!important;color:#bdd0dd!important;flex:0 0 auto!important}
body.cmoa-view .cmoa-connected{color:#d7f7e6!important}
body.cmoa-view .cmoa-connected i{width:10px!important;height:10px!important;background:#2ee175!important;box-shadow:0 0 10px #2ee17588!important}

@media (min-width:2200px){
  body.cmoa-view header{height:74px!important}
  body.cmoa-view #app{height:calc(100vh - 74px)!important;padding:12px 16px!important}
  body.cmoa-view .cmoa-head{padding:14px 22px!important}
  body.cmoa-view .cmoa-brand h2{font-size:38px!important}
  body.cmoa-view .cmoa-brand p{font-size:16px!important}
  body.cmoa-view .cmoa-logo{width:86px!important;height:86px!important;flex-basis:86px!important;font-size:28px!important}
  body.cmoa-view .cmoa-topbox{min-height:86px!important;padding:12px 18px!important}
  body.cmoa-view .cmoa-topbox strong{font-size:26px!important}.cmoa-topbox span,.cmoa-topbox em,.cmoa-topbox small{font-size:15px!important}
  body.cmoa-view .cmoa-topbox.clock strong{font-size:56px!important}.cmoa-topbox.clock span{font-size:14px!important}
  body.cmoa-view .cmoa-weather-icon{font-size:60px!important}
  body.cmoa-view .cmoa-band{padding:15px 20px!important}.cmoa-band b{font-size:18px!important}.cmoa-band span,.cmoa-band strong{font-size:15px!important}
  body.cmoa-view .cmoa-summary>div{grid-template-columns:60px 1fr!important;padding:14px 16px!important}
  body.cmoa-view .cmoa-summary>div .ico{width:48px!important;height:48px!important;font-size:28px!important}
  body.cmoa-view .cmoa-summary b{font-size:36px!important}.cmoa-summary span{font-size:14px!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 420px!important;gap:14px!important;padding:0 22px 12px!important}
  body.cmoa-view .cmoa-main-panel{padding:14px!important}.cmoa-side{padding:14px!important}
  body.cmoa-view .cmoa-section-title h3{font-size:28px!important}.cmoa-section-title span,.cmoa-page-badge{font-size:13px!important}
  body.cmoa-view .cmoa-grid{gap:12px!important}
  body.cmoa-view .cmoa-card{padding:14px 16px 14px!important}
  body.cmoa-view .cmoa-card-head b{font-size:23px!important}.cmoa-card-head span{font-size:14px!important}.cmoa-card-head em{font-size:13px!important}
  body.cmoa-view .cmoa-card-main{grid-template-columns:60px 1fr!important;gap:16px!important}.cmoa-card-icon{font-size:58px!important}
  body.cmoa-view .cmoa-values strong{font-size:42px!important}.cmoa-humidity strong{font-size:38px!important}.cmoa-values small{font-size:12px!important}
  body.cmoa-view .cmoa-reason{font-size:14px!important;min-height:50px!important}.cmoa-card-bottom{font-size:13px!important}.cmoa-event-row small{font-size:11px!important}
  body.cmoa-view .cmoa-side-section h3,.cmoa-side-section .label{font-size:18px!important}.cmoa-general-total b{font-size:18px!important}.cmoa-general-total span{font-size:13px!important}
  body.cmoa-view .cmoa-general-grid b{font-size:30px!important}.cmoa-general-grid span{font-size:12px!important}
  body.cmoa-view .cmoa-comm-item b{font-size:13px!important}.cmoa-comm-item span,.cmoa-comm-item strong{font-size:12px!important}
  body.cmoa-view .cmoa-old-alert .tempo{font-size:42px!important}.cmoa-old-alert b{font-size:18px!important}.cmoa-old-alert small,.cmoa-old-alert .inicio{font-size:13px!important}
  body.cmoa-view .cmoa-next-wrap{grid-template-columns:110px 1fr!important}.cmoa-next-ring,.cmoa-next-ring svg{width:100px!important;height:100px!important}.cmoa-next-ring div{font-size:22px!important}
  body.cmoa-view .cmoa-foot{font-size:12px!important}
}

/* =====================================================================
   HMP V3.12.3 — LEGIBILIDADE GERAL + CMOA SEM CORTES
   ===================================================================== */

/* Legibilidade global */
body{font-size:14px!important}
nav a{font-size:14px!important;min-height:48px!important}
.brand b{font-size:16px!important}.brand span{font-size:11px!important}
header h1{font-size:21px!important}header p{font-size:11px!important}
#user b{font-size:13px!important}
#app h2{font-size:24px!important}#app h3{font-size:18px!important}
#app p{font-size:13px!important;line-height:1.45!important}
input,select,textarea,button{font-size:13px!important}
.btn{font-weight:750!important}
table{font-size:12px!important}th{font-size:11px!important}td{font-size:12px!important}
.dash-metric span,.os-kpis span,.pa-kpi span,.ger-kpis span,.far-kpis span,.pv-kpi span{font-size:11px!important}
.dash-metric strong,.os-kpis strong,.pa-kpi strong,.ger-kpis strong,.far-kpis strong,.pv-kpi strong{font-size:28px!important}

/* Estados selecionados menos agressivos */
nav a.active{background:rgba(255,255,255,.15)!important;box-shadow:inset 3px 0 rgba(255,255,255,.65)!important}
.os-tabs button.active,.pa-tabs button.active,.far-tabs button.active,.ger-tabs button.active,.pv-tabs button.active,.tab-operacional.ativo{
  background:#e2edf4!important;color:#244a64!important;border-color:#adc4d4!important;box-shadow:none!important
}
.btn:not(.danger),.report-module button,.pa-filter button,.ger-btn,.ger-prev-submit{
  background:#2e79a8!important;border-color:#2b6d97!important;box-shadow:none!important
}
.btn.alt,.mini-btn{background:#edf4f8!important;color:#315a73!important;border-color:#c5d6e1!important}
.os-badge.CRITICA{background:#b94752!important}.os-prio.urgente{background:#d85a62!important;color:#fff!important}.os-prio.alta{background:#d7a34a!important;color:#fff!important}

/* CMOA ocupa toda a área do portal e não exibe o cabeçalho branco externo */
body.cmoa-view .shell>main>header{display:none!important}
body.cmoa-view .shell>main{height:100vh!important;overflow:hidden!important}
body.cmoa-view #app{height:100vh!important;padding:8px 10px!important;overflow:hidden!important}
body.cmoa-view .cmoa-native{height:100%!important;min-height:0!important;overflow:hidden!important}

/* Compacta o topo o suficiente para a grade 3x3 caber inteira */
body.cmoa-view .cmoa-head{padding:8px 14px!important;min-height:74px!important}
body.cmoa-view .cmoa-logo{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:16px!important;font-size:20px!important}
body.cmoa-view .cmoa-brand h2{font-size:27px!important}.cmoa-brand p{font-size:11px!important}
body.cmoa-view .cmoa-topbox{min-height:62px!important;padding:7px 12px!important}
body.cmoa-view .cmoa-topbox.clock{min-width:215px!important}
body.cmoa-view .cmoa-topbox.clock strong{font-size:38px!important}
body.cmoa-view .cmoa-weather-icon{font-size:40px!important}
body.cmoa-view .cmoa-fullscreen{height:48px!important;padding:0 13px!important}

body.cmoa-view .cmoa-alarm-bands{gap:8px!important;padding:0 14px!important;margin-bottom:8px!important}
body.cmoa-view .cmoa-band{padding:9px 14px!important;border-radius:13px!important}
body.cmoa-view .cmoa-band.temp{background:linear-gradient(90deg,#8b2835,#a63342)!important;border-color:#c95b69!important}
body.cmoa-view .cmoa-band.hum{background:linear-gradient(90deg,#4c2c68,#654080)!important;border-color:#80629b!important}
body.cmoa-view .cmoa-band-icon{font-size:25px!important}.cmoa-band b{font-size:13px!important}.cmoa-band span{font-size:10px!important}.cmoa-band strong{font-size:11px!important;padding:6px 11px!important}

body.cmoa-view .cmoa-summary{gap:8px!important;padding:0 14px!important;margin-bottom:8px!important}
body.cmoa-view .cmoa-summary>div{grid-template-columns:44px 1fr!important;padding:8px 11px!important;border-radius:13px!important}
body.cmoa-view .cmoa-summary>div .ico{width:36px!important;height:36px!important;font-size:20px!important}
body.cmoa-view .cmoa-summary b{font-size:23px!important}.cmoa-summary span{font-size:10px!important}

body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 315px!important;gap:8px!important;padding:0 14px 7px!important;min-height:0!important}
body.cmoa-view .cmoa-main-panel{padding:9px!important;min-height:0!important;overflow:hidden!important}
body.cmoa-view .cmoa-section-title{margin-bottom:5px!important;min-height:34px!important}
body.cmoa-view .cmoa-section-title h3{font-size:17px!important}.cmoa-section-title span,.cmoa-page-badge{font-size:9px!important}
body.cmoa-view .cmoa-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:7px!important;min-height:0!important;flex:1 1 auto!important}
body.cmoa-view .cmoa-card{padding:9px 11px 8px!important;border-radius:14px!important;min-height:0!important;overflow:hidden!important}
body.cmoa-view .cmoa-card.alarme{background:linear-gradient(180deg,#4f1d25,#3f1720)!important;border-color:#d35c69!important;animation:cmoaPulseSoft 2s ease-in-out infinite!important}
body.cmoa-view .cmoa-card.atencao{background:linear-gradient(180deg,#493820,#3d2e1b)!important;border-color:#c49b4e!important}
body.cmoa-view .cmoa-card.normal{background:linear-gradient(180deg,#103128,#0d2922)!important;border-color:#3d8c67!important}
body.cmoa-view .cmoa-card.offline,body.cmoa-view .cmoa-card.sem_dados{background:linear-gradient(180deg,#173142,#142b3a)!important;border-color:#627b8b!important}
@keyframes cmoaPulseSoft{0%,100%{box-shadow:0 0 0 rgba(206,83,95,0)}50%{box-shadow:0 0 16px rgba(206,83,95,.22)}}
body.cmoa-view .cmoa-card-head b{font-size:15px!important}.cmoa-card-head span{font-size:10px!important}.cmoa-card-head em{font-size:9px!important;padding:5px 7px!important;border-radius:8px!important}
body.cmoa-view .cmoa-card-main{grid-template-columns:36px 1fr!important;gap:8px!important;margin:6px 0 5px!important}
body.cmoa-view .cmoa-card-icon{font-size:30px!important}
body.cmoa-view .cmoa-values{gap:14px!important}.cmoa-values strong{font-size:25px!important}.cmoa-humidity strong{font-size:23px!important}.cmoa-values small{font-size:8px!important;margin-top:3px!important}
body.cmoa-view .cmoa-reason{font-size:10px!important;padding:6px 8px!important;min-height:30px!important;margin:4px 0 6px!important;line-height:1.2!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
body.cmoa-view .cmoa-card-bottom{font-size:9px!important;gap:8px!important}.cmoa-event-row{font-size:9px!important}.cmoa-event-row small{font-size:8px!important}
body.cmoa-view .cmoa-pager{padding-top:5px!important;font-size:9px!important;min-height:21px!important}.cmoa-pager-dots span{width:7px!important;height:7px!important}

body.cmoa-view .cmoa-side{padding:8px!important;gap:7px!important;min-height:0!important;overflow:hidden!important}
body.cmoa-view .cmoa-side-section{padding:8px!important;border-radius:13px!important}
body.cmoa-view .cmoa-side-section h3,body.cmoa-view .cmoa-side-section .label{font-size:11px!important;margin-bottom:6px!important}
body.cmoa-view .cmoa-general-total{padding-bottom:6px!important;margin-bottom:6px!important}.cmoa-general-total b{font-size:12px!important}.cmoa-general-total span{font-size:9px!important}
body.cmoa-view .cmoa-general-grid{gap:5px!important}.cmoa-general-grid>div{padding:6px!important}.cmoa-general-grid b{font-size:17px!important}.cmoa-general-grid span{font-size:8px!important}
body.cmoa-view .cmoa-comm-item{padding:4px 0!important}.cmoa-comm-item b{font-size:9px!important}.cmoa-comm-item span,.cmoa-comm-item strong{font-size:8px!important}
body.cmoa-view .cmoa-mini-btn{margin-top:6px!important;padding:6px 8px!important;font-size:9px!important}
body.cmoa-view .cmoa-old-alert b{font-size:12px!important}.cmoa-old-alert small{font-size:9px!important}.cmoa-old-alert .tempo{font-size:26px!important;margin:5px 0 2px!important}.cmoa-old-alert .inicio{font-size:9px!important}
body.cmoa-view .cmoa-next-wrap{grid-template-columns:68px 1fr!important;gap:7px!important}.cmoa-next-ring,.cmoa-next-ring svg{width:64px!important;height:64px!important}.cmoa-next-ring div{font-size:14px!important}.cmoa-next-wrap b{font-size:11px!important}.cmoa-next-wrap small{font-size:9px!important}
body.cmoa-view .cmoa-foot{padding:5px 14px 6px!important;font-size:9px!important}

/* TV 4K: mantém proporções, sem voltar a estourar altura */
@media(min-width:2200px){
 body.cmoa-view #app{padding:10px 14px!important}
 body.cmoa-view .cmoa-head{min-height:88px!important;padding:10px 18px!important}
 body.cmoa-view .cmoa-logo{width:70px!important;height:70px!important;flex-basis:70px!important}.cmoa-brand h2{font-size:34px!important}.cmoa-brand p{font-size:14px!important}
 body.cmoa-view .cmoa-topbox{min-height:76px!important}.cmoa-topbox.clock strong{font-size:48px!important}.cmoa-weather-icon{font-size:50px!important}
 body.cmoa-view .cmoa-band{padding:11px 17px!important}.cmoa-band b{font-size:16px!important}.cmoa-band span,.cmoa-band strong{font-size:13px!important}
 body.cmoa-view .cmoa-summary>div{grid-template-columns:52px 1fr!important;padding:10px 13px!important}.cmoa-summary>div .ico{width:43px!important;height:43px!important}.cmoa-summary b{font-size:30px!important}.cmoa-summary span{font-size:12px!important}
 body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 390px!important;gap:10px!important;padding:0 18px 9px!important}
 body.cmoa-view .cmoa-grid{gap:9px!important}.cmoa-card{padding:11px 14px 10px!important}.cmoa-card-head b{font-size:19px!important}.cmoa-card-head span{font-size:12px!important}.cmoa-card-head em{font-size:11px!important}.cmoa-card-main{grid-template-columns:44px 1fr!important;gap:10px!important}.cmoa-card-icon{font-size:38px!important}.cmoa-values strong{font-size:31px!important}.cmoa-humidity strong{font-size:29px!important}.cmoa-values small{font-size:10px!important}.cmoa-reason{font-size:12px!important;min-height:36px!important}.cmoa-card-bottom,.cmoa-event-row{font-size:11px!important}.cmoa-event-row small{font-size:10px!important}
 body.cmoa-view .cmoa-side-section h3,.cmoa-side-section .label{font-size:14px!important}.cmoa-general-total b{font-size:15px!important}.cmoa-general-total span{font-size:11px!important}.cmoa-general-grid b{font-size:22px!important}.cmoa-general-grid span{font-size:10px!important}.cmoa-comm-item b{font-size:11px!important}.cmoa-comm-item span,.cmoa-comm-item strong{font-size:10px!important}.cmoa-old-alert .tempo{font-size:32px!important}.cmoa-old-alert b{font-size:15px!important}.cmoa-old-alert small,.cmoa-old-alert .inicio{font-size:11px!important}
 body.cmoa-view .cmoa-next-wrap{grid-template-columns:78px 1fr!important}.cmoa-next-ring,.cmoa-next-ring svg{width:74px!important;height:74px!important}.cmoa-next-ring div{font-size:17px!important}
 body.cmoa-view .cmoa-foot{font-size:11px!important}
}

/* =====================================================================
   HMP V3.12.4 — LEGIBILIDADE MAIOR + CORES MAIS SUAVES
   ===================================================================== */

/* Navegação principal: maior, mais nítida e menos saturada */
aside#sidebar, aside{
  background:linear-gradient(180deg,#1d5f8f 0%,#1f6596 55%,#1d5e8c 100%)!important;
}
.brand b{font-size:16px!important;line-height:1.15!important}
.brand span{font-size:11px!important;line-height:1.2!important}
nav{gap:7px!important}
nav a{
  min-height:48px!important;
  padding:11px 13px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:#f2f7fb!important;
}
.nav-ico{
  width:28px!important;height:28px!important;flex:0 0 28px!important;
  font-size:15px!important;background:#ffffff10!important;
}
nav a:hover{background:#ffffff12!important;transform:none!important}
nav a.active{
  background:#ffffff18!important;
  box-shadow:inset 3px 0 #c3e7fb,0 5px 14px #12395522!important;
}
aside small{font-size:11px!important;line-height:1.55!important;color:#d7e7f2!important}

/* Cabeçalho e conteúdo geral */
header h1{font-size:20px!important;line-height:1.15!important}
header p{font-size:11px!important;line-height:1.3!important}
#user b{font-size:13px!important}
#user{font-size:11px!important}
#app{font-size:14px!important}

/* Página inicial */
.hmp-hero,.hero{
  background:linear-gradient(135deg,#2777ad,#3a8fc4)!important;
  border-color:#6ba7cb!important;
}
.hmp-hero h2,.hero h2{font-size:30px!important;line-height:1.1!important}
.hmp-hero p,.hero p{font-size:13px!important;line-height:1.45!important}
.hero-eyebrow{font-size:10px!important}
.hero-status{font-size:12px!important}
.hmp-module-card{min-height:158px!important;padding:22px!important}
.hmp-module-card b{font-size:18px!important;line-height:1.2!important}
.hmp-module-card span{font-size:13px!important;line-height:1.4!important}
.hmp-module-card em{font-size:11px!important;color:#4b91bd!important}
.module-icon{background:#24658d!important;color:#eff8fd!important;border-color:#5b95b8!important}

/* Títulos, textos e filtros em todas as telas */
h2{font-size:24px!important;line-height:1.15!important}
h3{line-height:1.2!important}
.dashboard-head p,.os-admin-head p,.pa-head p,.ger-head p,.far-head p,.pv-head p,.reports-hub-head p{font-size:12px!important}
input,select,textarea,button{font-size:13px!important}
label,.field label{font-size:12px!important}
.os-filterbar select,.os-filterbar input,.far-filterbar select,.far-filterbar input,.ger-filterbar select,.ger-filterbar input{
  min-height:42px!important;
}
.os-tabs button,.pa-tabs button,.far-tabs button,.ger-tabs button,.pv-tabs button,.tab-operacional{
  font-size:13px!important;padding:9px 13px!important;
}

/* Cards administrativos: mais ar e leitura */
.dash-metric,.os-kpis>div,.sa-kpis>div,.pa-kpi,.ger-kpis>div,.far-kpis>div,.pv-kpi{
  padding:13px 14px!important;
}
.dash-metric strong,.os-kpis strong,.sa-kpis strong,.pa-kpi strong,.ger-kpis strong,.far-kpis strong,.pv-kpi strong{
  font-size:28px!important;line-height:1!important;
}
.dash-metric span,.os-kpis span,.sa-kpis span,.pa-kpi span,.ger-kpis span,.far-kpis span,.pv-kpi span{
  font-size:11px!important;line-height:1.3!important;
}

/* Farmácias: reduzir rosa forte e aumentar textos */
.far-alert.alarme{background:#fff5f5!important;border-left-color:#d96b73!important}
.far-card.alarme{background:#fff7f7!important;border-left-color:#d76770!important}
.far-card.atencao{background:#fffaf0!important;border-left-color:#d8a74b!important}
.far-card.offline,.far-card.sem_dados{background:#f5f7f9!important}
.far-card-top b{font-size:13px!important}.far-card-top span{font-size:11px!important}
.far-values strong{font-size:30px!important}.far-values small{font-size:10px!important}
.far-card p{font-size:11px!important;line-height:1.35!important}.far-card>small{font-size:9px!important}
.far-alert b{font-size:12px!important}.far-alert span{font-size:11px!important}.far-alert small{font-size:9px!important}

/* Tabelas: letras maiores e linhas mais confortáveis */
.bi-table-card th,.os-live-table th,.attd-table th,.ger-history-table th,.far-table th,.prev-table th{
  font-size:11px!important;padding-top:9px!important;padding-bottom:9px!important;
}
.bi-table-card td,.os-live-table td,.attd-table td,.ger-history-table td,.far-table td,.prev-table td{
  font-size:11px!important;line-height:1.35!important;padding-top:9px!important;padding-bottom:9px!important;
}

/* =====================================================================
   CMOA V3.12.4 — MESMO CARD APROVADO, 6 POR PÁGINA (3 x 2)
   ===================================================================== */
body.cmoa-view .cmoa-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
body.cmoa-view .cmoa-card{
  min-height:0!important;
  padding:12px 14px 12px!important;
}
body.cmoa-view .cmoa-card-head b{font-size:17px!important}
body.cmoa-view .cmoa-card-head span{font-size:11px!important}
body.cmoa-view .cmoa-card-head em{font-size:10px!important;padding:6px 9px!important}
body.cmoa-view .cmoa-card-main{grid-template-columns:42px 1fr!important;gap:10px!important;margin:9px 0 7px!important}
body.cmoa-view .cmoa-card-icon{font-size:38px!important}
body.cmoa-view .cmoa-values strong{font-size:30px!important}
body.cmoa-view .cmoa-humidity strong{font-size:27px!important}
body.cmoa-view .cmoa-values small{font-size:9px!important}
body.cmoa-view .cmoa-reason{font-size:11px!important;min-height:38px!important;padding:8px 10px!important}
body.cmoa-view .cmoa-card-bottom{font-size:10px!important}
body.cmoa-view .cmoa-event-row{font-size:10px!important}
body.cmoa-view .cmoa-event-row small{font-size:9px!important}

/* Cores mais suaves no CMOA, sem perder o significado */
body.cmoa-view .cmoa-band.temp{
  background:linear-gradient(90deg,#9d3340,#b74754)!important;
  border-color:#cf6974!important;
}
body.cmoa-view .cmoa-band.hum{
  background:linear-gradient(90deg,#51366d,#664882)!important;
  border-color:#8468a0!important;
}
body.cmoa-view .cmoa-card.alarme{
  background:linear-gradient(180deg,#54242b,#432027)!important;
  border-color:#d76670!important;
  box-shadow:inset 0 0 0 1px #e99ba330,0 0 15px #c9515e10!important;
}
body.cmoa-view .cmoa-card.atencao{
  background:linear-gradient(180deg,#57411f,#47351c)!important;
  border-color:#d4a84e!important;
}
body.cmoa-view .cmoa-card.normal{
  background:linear-gradient(180deg,#12352e,#0e2d28)!important;
  border-color:#3e9b70!important;
}
body.cmoa-view .cmoa-card.offline,body.cmoa-view .cmoa-card.sem_dados{
  background:linear-gradient(180deg,#173043,#142a3b)!important;
  border-color:#60788b!important;
}
body.cmoa-view .cmoa-card.alarme .cmoa-card-head em{background:#b84a55!important}
body.cmoa-view .cmoa-card.atencao .cmoa-card-head em{background:#a7782d!important}
body.cmoa-view .cmoa-card.normal .cmoa-card-head em{background:#34885f!important}
body.cmoa-view .cmoa-band strong{background:#fff7f7!important;color:#8c3640!important}
body.cmoa-view .cmoa-band.hum strong{background:#faf7fd!important;color:#58416d!important}

/* KPIs CMOA menos contrastantes e com fonte maior */
body.cmoa-view .cmoa-summary>div{background:linear-gradient(180deg,#10324a,#0d2b40)!important;border-color:#2f617f!important}
body.cmoa-view .cmoa-summary b{font-size:25px!important}
body.cmoa-view .cmoa-summary span{font-size:10px!important;line-height:1.25!important}
body.cmoa-view .cmoa-summary>div .ico{background:#20465e!important}
body.cmoa-view .cmoa-summary>div.ok .ico{background:#2d7757!important}
body.cmoa-view .cmoa-summary>div.warn .ico{background:#806326!important}
body.cmoa-view .cmoa-summary>div.bad .ico{background:#8e3b45!important}
body.cmoa-view .cmoa-summary>div.off .ico{background:#536776!important}

/* Painel lateral mais legível */
body.cmoa-view .cmoa-side-section h3,body.cmoa-view .cmoa-side-section .label{font-size:13px!important}
body.cmoa-view .cmoa-general-total b{font-size:13px!important}
body.cmoa-view .cmoa-general-total span{font-size:10px!important}
body.cmoa-view .cmoa-general-grid b{font-size:21px!important}
body.cmoa-view .cmoa-general-grid span{font-size:9px!important}
body.cmoa-view .cmoa-comm-item b{font-size:10px!important}
body.cmoa-view .cmoa-comm-item span,body.cmoa-view .cmoa-comm-item strong{font-size:9px!important}
body.cmoa-view .cmoa-old-alert .tempo{font-size:30px!important}
body.cmoa-view .cmoa-old-alert b{font-size:14px!important}
body.cmoa-view .cmoa-old-alert small,body.cmoa-view .cmoa-old-alert .inicio{font-size:11px!important}

/* Full HD: preservar tudo dentro da tela */
@media (min-width:1500px) and (max-width:2199px){
  body.cmoa-view .cmoa-grid{grid-template-rows:repeat(2,minmax(0,1fr))!important}
  body.cmoa-view .cmoa-card{padding:11px 13px!important}
}

/* 4K: maior, mas ainda 6 por página */
@media (min-width:2200px){
  body.cmoa-view .cmoa-grid{grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.cmoa-view .cmoa-card{padding:17px 18px 15px!important}
  body.cmoa-view .cmoa-card-head b{font-size:23px!important}
  body.cmoa-view .cmoa-card-head span{font-size:14px!important}
  body.cmoa-view .cmoa-card-main{grid-template-columns:55px 1fr!important}
  body.cmoa-view .cmoa-card-icon{font-size:52px!important}
  body.cmoa-view .cmoa-values strong{font-size:41px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:37px!important}
  body.cmoa-view .cmoa-reason{font-size:14px!important;min-height:46px!important}
  body.cmoa-view .cmoa-card-bottom,body.cmoa-view .cmoa-event-row{font-size:12px!important}
}

/* =====================================================================
   HMP V3.12.5 — CMOA EXATO DO MODELO (9 CARDS VISÍVEIS) + MENU MAIS LEGÍVEL
   ===================================================================== */

/* Portal principal: menu maior, menos saturado e sem texto espremido */
aside#sidebar,aside{
  background:linear-gradient(180deg,#18527f 0%,#1d5f8f 55%,#1b547f 100%)!important;
}
.brand{padding:18px 14px 12px!important}
.brand .mark{width:42px!important;height:42px!important;font-size:18px!important;border-radius:14px!important}
.brand b{font-size:17px!important;line-height:1.12!important;letter-spacing:.01em!important}
.brand span{font-size:12px!important;line-height:1.22!important;color:#dbe8f2!important}
nav{gap:8px!important;padding-top:6px!important}
nav a{
  min-height:52px!important;
  padding:12px 14px!important;
  font-size:15px!important;
  font-weight:800!important;
  border-radius:12px!important;
  color:#f5f9fc!important;
}
nav a.active{
  background:#ffffff1f!important;
  box-shadow:inset 3px 0 #d9eefb,0 8px 18px #102f4722!important;
}
.nav-ico{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  font-size:16px!important;background:#ffffff12!important;
}
header h1{font-size:21px!important;line-height:1.12!important;letter-spacing:-.01em!important}
header p{font-size:12px!important;color:#6d8294!important}
#user b{font-size:14px!important}
#user{font-size:12px!important}
.hmp-hero,.hero{background:linear-gradient(135deg,#2a79ad,#3f95c8)!important}
.hmp-hero h2,.hero h2{font-size:32px!important;line-height:1.06!important}
.hmp-hero p,.hero p{font-size:14px!important;line-height:1.45!important}
.hmp-module-card{
  min-height:170px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:24px 22px!important;
}
.hmp-module-card b{font-size:20px!important;line-height:1.15!important}
.hmp-module-card span{font-size:14px!important;line-height:1.45!important;color:#5f7687!important}
.hmp-module-card em{font-size:12px!important;line-height:1.35!important;color:#3d85b4!important;margin-top:auto!important}
.module-icon{width:38px!important;height:38px!important;font-size:18px!important}

/* CMOA: manter o visual aprovado, sem corte, com 9 cards por página */
body.cmoa-view #app{
  height:calc(100vh - 66px)!important;
  padding:6px 10px 8px!important;
  overflow:hidden!important;
}
body.cmoa-view .cmoa-native{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  border-radius:18px!important;
}
body.cmoa-view .cmoa-head{
  padding:10px 14px!important;
  min-height:72px!important;
  margin:0 0 6px!important;
}
body.cmoa-view .cmoa-logo{
  width:54px!important;height:54px!important;flex-basis:54px!important;
  border-radius:16px!important;font-size:20px!important;
}
body.cmoa-view .cmoa-brand h2{font-size:24px!important;line-height:1.08!important}
body.cmoa-view .cmoa-brand p{font-size:10px!important;line-height:1.25!important;margin-top:4px!important}
body.cmoa-view .cmoa-topbox{min-height:58px!important;padding:7px 12px!important;gap:10px!important}
body.cmoa-view .cmoa-topbox small{font-size:11px!important}
body.cmoa-view .cmoa-topbox strong{font-size:16px!important}
body.cmoa-view .cmoa-topbox span{font-size:10px!important}
body.cmoa-view .cmoa-topbox em{font-size:10px!important}
body.cmoa-view .cmoa-topbox.clock{min-width:230px!important}
body.cmoa-view .cmoa-topbox.clock strong{font-size:33px!important;line-height:1!important}
body.cmoa-view .cmoa-topbox.clock span{font-size:11px!important;margin-top:3px!important}
body.cmoa-view .cmoa-weather-icon{font-size:36px!important}
body.cmoa-view .cmoa-fullscreen{height:42px!important;padding:0 14px!important;border-radius:12px!important;font-size:13px!important}
body.cmoa-view #cmoaMensagem{margin:0 14px 6px!important}
body.cmoa-view .cmoa-alarm-bands{padding:0 14px!important;gap:8px!important;margin:0 0 8px!important}
body.cmoa-view .cmoa-band{padding:10px 14px!important;border-radius:14px!important}
body.cmoa-view .cmoa-band-icon{font-size:26px!important}
body.cmoa-view .cmoa-band b{font-size:12px!important}
body.cmoa-view .cmoa-band span{font-size:10px!important}
body.cmoa-view .cmoa-band strong{font-size:12px!important;padding:6px 12px!important}
body.cmoa-view .cmoa-summary{padding:0 14px!important;gap:8px!important;margin:0 0 8px!important}
body.cmoa-view .cmoa-summary>div{padding:9px 12px!important;border-radius:14px!important;grid-template-columns:44px 1fr!important}
body.cmoa-view .cmoa-summary>div .ico{width:36px!important;height:36px!important;font-size:20px!important}
body.cmoa-view .cmoa-summary b{font-size:18px!important;line-height:1!important}
body.cmoa-view .cmoa-summary span{font-size:10px!important;line-height:1.2!important}
body.cmoa-view .cmoa-layout{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:10px!important;
  padding:0 14px 8px!important;
}
body.cmoa-view .cmoa-main-panel,body.cmoa-view .cmoa-side{border-radius:16px!important}
body.cmoa-view .cmoa-main-panel{padding:8px 10px 8px!important}
body.cmoa-view .cmoa-section-title{margin-bottom:6px!important}
body.cmoa-view .cmoa-section-title h3{font-size:16px!important;line-height:1.1!important}
body.cmoa-view .cmoa-section-title span,body.cmoa-view .cmoa-page-badge{font-size:9px!important}
body.cmoa-view .cmoa-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:hidden!important;
}
body.cmoa-view .cmoa-card{
  min-height:0!important;
  height:100%!important;
  padding:10px 12px 10px!important;
  border-radius:15px!important;
}
body.cmoa-view .cmoa-card-head{gap:6px!important}
body.cmoa-view .cmoa-card-head b{font-size:13px!important;line-height:1.08!important}
body.cmoa-view .cmoa-card-head span{font-size:10px!important;line-height:1.15!important;margin-top:2px!important}
body.cmoa-view .cmoa-card-head em{font-size:10px!important;padding:5px 8px!important;border-radius:9px!important}
body.cmoa-view .cmoa-card-main{grid-template-columns:34px 1fr!important;gap:8px!important;margin:7px 0 6px!important}
body.cmoa-view .cmoa-card-icon{font-size:34px!important}
body.cmoa-view .cmoa-values{gap:14px!important;align-items:flex-end!important}
body.cmoa-view .cmoa-values strong{font-size:22px!important;letter-spacing:-.5px!important}
body.cmoa-view .cmoa-humidity strong{font-size:21px!important}
body.cmoa-view .cmoa-values small{font-size:9px!important;margin-top:4px!important}
body.cmoa-view .cmoa-reason{
  margin:4px 0 6px!important;
  padding:8px 10px!important;
  min-height:34px!important;
  font-size:10px!important;
  line-height:1.15!important;
  border-radius:9px!important;
}
body.cmoa-view .cmoa-card-bottom{
  gap:8px!important;
  font-size:9px!important;
  line-height:1.15!important;
  margin-top:auto!important;
}
body.cmoa-view .cmoa-card-bottom span:first-child{gap:4px!important}
body.cmoa-view .cmoa-event-row{font-size:9px!important;gap:2px!important}
body.cmoa-view .cmoa-event-row small{font-size:8px!important;line-height:1.15!important}
body.cmoa-view .cmoa-event-row .dot{width:8px!important;height:8px!important;margin-right:4px!important}
body.cmoa-view .cmoa-pager{padding-top:6px!important;font-size:10px!important;gap:8px!important}
body.cmoa-view .cmoa-pager-dots{gap:6px!important}
body.cmoa-view .cmoa-pager-dots span{width:9px!important;height:9px!important}
body.cmoa-view .cmoa-side{gap:8px!important;padding:10px!important}
body.cmoa-view .cmoa-side-section{padding:10px!important;border-radius:14px!important}
body.cmoa-view .cmoa-side-section h3,body.cmoa-view .cmoa-side-section .label{font-size:11px!important;margin-bottom:8px!important}
body.cmoa-view .cmoa-general-total{padding-bottom:8px!important;margin-bottom:8px!important}
body.cmoa-view .cmoa-general-total b{font-size:12px!important}
body.cmoa-view .cmoa-general-total span{font-size:9px!important;margin-top:3px!important}
body.cmoa-view .cmoa-general-grid{gap:7px!important}
body.cmoa-view .cmoa-general-grid>div{padding:8px 8px!important;border-radius:10px!important}
body.cmoa-view .cmoa-general-grid b{font-size:15px!important}.cmoa-general-grid span{font-size:9px!important}
body.cmoa-view .cmoa-comm-item{padding:6px 0!important;gap:8px!important}
body.cmoa-view .cmoa-comm-item b{font-size:10px!important}.cmoa-comm-item span{font-size:8px!important}.cmoa-comm-item strong{font-size:8px!important}
body.cmoa-view .cmoa-mini-btn{margin-top:8px!important;padding:7px 9px!important;font-size:11px!important}
body.cmoa-view .cmoa-old-alert b{font-size:12px!important}
body.cmoa-view .cmoa-old-alert small{font-size:10px!important;margin-top:4px!important}
body.cmoa-view .cmoa-old-alert .tempo{font-size:26px!important;margin:7px 0 2px!important}
body.cmoa-view .cmoa-old-alert .inicio{font-size:10px!important}
body.cmoa-view .cmoa-alarm-summary{gap:5px!important}
body.cmoa-view .cmoa-alarm-summary span{padding:7px 8px!important;font-size:10px!important}
body.cmoa-view .cmoa-okbox{padding:8px!important;font-size:10px!important}
body.cmoa-view .cmoa-next-wrap{grid-template-columns:72px 1fr!important;gap:8px!important}
body.cmoa-view .cmoa-next-ring{width:66px!important;height:66px!important}
body.cmoa-view .cmoa-next-ring svg{width:66px!important;height:66px!important}
body.cmoa-view .cmoa-next-ring circle{stroke-width:9!important}
body.cmoa-view .cmoa-next-ring div{font-size:15px!important}
body.cmoa-view #cmoaProxima .label{font-size:11px!important;margin-bottom:4px!important}
body.cmoa-view #cmoaProxima b{font-size:13px!important}
body.cmoa-view #cmoaProxima small{font-size:10px!important;margin-top:3px!important}
body.cmoa-view .cmoa-foot{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  padding:6px 14px 7px!important;
  font-size:9px!important;
}
body.cmoa-view .cmoa-connected i{width:8px!important;height:8px!important}

/* TV 4K: mantém exatamente o mesmo arranjo visual do modelo */
@media(min-width:2200px){
  body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 330px!important}
  body.cmoa-view .cmoa-grid{gap:8px!important}
  body.cmoa-view .cmoa-card{padding:11px 13px!important}
  body.cmoa-view .cmoa-card-head b{font-size:14px!important}
  body.cmoa-view .cmoa-values strong{font-size:24px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:23px!important}
}

/* =====================================================================
   HMP V3.13.0 — Visual mais leve + CMOA só alarmes/offline
   ===================================================================== */

html,body,input,select,button,textarea{
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body{
  background:#edf3f7!important;
  color:#163247!important;
}
main, #appRoot, .content{
  background:linear-gradient(180deg,#f7fbfe 0%,#eef4f8 100%)!important;
}

/* Lateral mais suave */
aside#sidebar,aside{
  background:linear-gradient(180deg,#2e6d99 0%,#2d6f99 48%,#2a678f 100%)!important;
}
nav a{color:#f8fbfd!important}
nav a.active{background:#ffffff26!important;box-shadow:inset 3px 0 #f0f7fb,0 8px 18px #23476322!important}
.nav-ico{background:#ffffff18!important}
.brand .mark{background:linear-gradient(145deg,#4ea5df,#2d78b3)!important}

/* Home / telas gerais menos pesadas */
.card,.hmp-card,.panel,.panel-card,.widget,.box{
  border-color:#d8e4ec!important;
  box-shadow:0 10px 28px rgba(24,55,79,.08)!important;
}
.hmp-module-card,.module-card{
  background:#ffffff!important;
}
.hmp-hero,.hero{background:linear-gradient(135deg,#4f96c4,#6eb0d8)!important}

/* Títulos e textos gerais */
h1,h2,h3{letter-spacing:-.01em!important;color:#17324a!important}
p,span,small,label{color:inherit}
button,input,select{font-size:14px!important}

/* Painel Farmácias mais leve */
body.farmacias-view .stats > div,
body.farmacias-view .farm-card,
body.farmacias-view .alarm-card,
body.farmacias-view .filter-bar,
body.farmacias-view .chart-box{
  background:#ffffff!important;
  border-color:#d6e3eb!important;
}
body.farmacias-view .alarm-card,
body.farmacias-view .farm-card.alarme{
  background:#fff7f7!important;
  border-color:#f0c6c6!important;
}
body.farmacias-view .status-bar-ok{background:#0e6f44!important}

/* CMOA: fundo mais leve visualmente, sem azulado pesado */
body.cmoa-view #app{
  background:linear-gradient(180deg,#07304f 0%,#09385b 100%)!important;
}
body.cmoa-view .cmoa-native{
  background:linear-gradient(180deg,#082f4b 0%,#0a3554 100%)!important;
  box-shadow:0 18px 40px rgba(6,23,38,.25)!important;
}
body.cmoa-view .cmoa-head{
  background:linear-gradient(90deg,#082f4f 0%,#0c3455 45%,#0b2f4d 100%)!important;
}
body.cmoa-view .cmoa-topbox,
body.cmoa-view .cmoa-summary>div,
body.cmoa-view .cmoa-main-panel,
body.cmoa-view .cmoa-side,
body.cmoa-view .cmoa-side-section{
  background:rgba(11,47,75,.92)!important;
  border-color:#1e6a93!important;
}
body.cmoa-view .cmoa-band.temp{
  background:linear-gradient(90deg,#b92936 0%,#c53442 100%)!important;
}
body.cmoa-view .cmoa-band.hum{
  background:linear-gradient(90deg,#69359e 0%,#7a44aa 100%)!important;
}
body.cmoa-view .cmoa-summary>div.ok .ico{background:#15925c!important}
body.cmoa-view .cmoa-summary>div.warn .ico{background:#e2a21c!important}
body.cmoa-view .cmoa-summary>div.bad .ico{background:#d44851!important}
body.cmoa-view .cmoa-summary>div.off .ico{background:#53687a!important}

/* Cards CMOA: mais suaves, melhor leitura */
body.cmoa-view .cmoa-grid{grid-template-rows:repeat(3,minmax(0,1fr))!important}
body.cmoa-view .cmoa-card{
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body.cmoa-view .cmoa-card.alarme{
  background:linear-gradient(180deg,#5f0f1d 0%,#66121f 52%,#61111d 100%)!important;
  border-color:#ff6d78!important;
}
body.cmoa-view .cmoa-card.offline,
body.cmoa-view .cmoa-card.sem_dados{
  background:linear-gradient(180deg,#0f2940 0%,#13314a 55%,#112b42 100%)!important;
  border-color:#66839a!important;
}
body.cmoa-view .cmoa-card.atencao{
  background:linear-gradient(180deg,#624217 0%,#6e4a1a 100%)!important;
  border-color:#f0b348!important;
}
body.cmoa-view .cmoa-card.normal{
  background:linear-gradient(180deg,#0e5646 0%,#116250 100%)!important;
  border-color:#35c182!important;
}
body.cmoa-view .cmoa-card-head b{font-size:14px!important;font-weight:800!important}
body.cmoa-view .cmoa-card-head span{font-size:11px!important;color:#e0eaf1!important}
body.cmoa-view .cmoa-card-head em{font-size:11px!important;background:rgba(255,255,255,.14)!important}
body.cmoa-view .cmoa-values strong{font-size:24px!important;font-weight:900!important}
body.cmoa-view .cmoa-humidity strong{font-size:23px!important}
body.cmoa-view .cmoa-values small{font-size:10px!important;font-weight:700!important;color:#d8eaf4!important}
body.cmoa-view .cmoa-reason{
  background:rgba(255,255,255,.08)!important;
  font-size:11px!important;
  line-height:1.25!important;
}
body.cmoa-view .cmoa-card-bottom{
  font-size:10px!important;
}
body.cmoa-view .cmoa-event-row.ok{color:#57df91!important}
body.cmoa-view .cmoa-event-row.pendente{color:#ffd24b!important}

/* Garante que não corte a parte de baixo */
body.cmoa-view #app{height:calc(100vh - 66px)!important;overflow:hidden!important}
body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:10px!important}
body.cmoa-view .cmoa-main-panel{padding:8px 10px 6px!important}
body.cmoa-view .cmoa-grid{gap:7px!important}
body.cmoa-view .cmoa-card{padding:10px 12px!important}
body.cmoa-view .cmoa-foot{padding:5px 14px 6px!important;font-size:9px!important}

@media (max-height: 930px){
  body.cmoa-view .cmoa-head{min-height:68px!important;padding:9px 14px!important}
  body.cmoa-view .cmoa-band{padding:9px 12px!important}
  body.cmoa-view .cmoa-summary>div{padding:8px 11px!important}
  body.cmoa-view .cmoa-card{padding:9px 11px!important}
  body.cmoa-view .cmoa-values strong{font-size:22px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:21px!important}
  body.cmoa-view .cmoa-reason{padding:7px 9px!important;font-size:10px!important}
  body.cmoa-view .cmoa-card-bottom{font-size:9px!important}
}

/* =====================================================================
   HMP V3.13.0 — CMOA ajustado para 9 cards sem corte + fonte maior
   ===================================================================== */

/* remove faixa clara externa e ocupa toda a área do painel */
body.cmoa-view,
body.cmoa-view .shell,
body.cmoa-view main{
  background:#0a3654!important;
  overflow:hidden!important;
}
body.cmoa-view #app{
  background:#0a3654!important;
  padding:8px 10px 10px!important;
  height:calc(100vh - 66px)!important;
  overflow:hidden!important;
}

/* painel principal ocupa a área inteira sem sobras claras */
body.cmoa-view .cmoa-native{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:0!important;
  background:linear-gradient(180deg,#0a2943 0%,#0b304d 100%)!important;
}

/* economiza altura no topo para caber os 9 cards */
body.cmoa-view .cmoa-head{
  padding:8px 14px!important;
  min-height:60px!important;
}
body.cmoa-view .cmoa-brand{gap:10px!important}
body.cmoa-view .cmoa-logo{
  width:56px!important;height:56px!important;flex-basis:56px!important;
  border-radius:16px!important;font-size:19px!important;
}
body.cmoa-view .cmoa-brand h2{font-size:22px!important;line-height:1.02!important}
body.cmoa-view .cmoa-brand p{font-size:10px!important;margin-top:4px!important}
body.cmoa-view .cmoa-head-right{gap:8px!important}
body.cmoa-view .cmoa-topbox{min-height:52px!important;padding:7px 12px!important;gap:10px!important}
body.cmoa-view .cmoa-topbox small{font-size:10px!important}
body.cmoa-view .cmoa-topbox strong{font-size:15px!important}
body.cmoa-view .cmoa-topbox span{font-size:9px!important}
body.cmoa-view .cmoa-topbox em{font-size:9px!important}
body.cmoa-view .cmoa-topbox.clock{min-width:210px!important}
body.cmoa-view .cmoa-topbox.clock strong{font-size:30px!important}
body.cmoa-view .cmoa-topbox.clock span{font-size:10px!important;margin-top:3px!important}
body.cmoa-view .cmoa-weather-icon{font-size:34px!important}
body.cmoa-view .cmoa-fullscreen{height:42px!important;padding:0 13px!important;font-size:12px!important}

body.cmoa-view #cmoaMensagem{margin:0 14px 0!important}
body.cmoa-view .cmoa-alarm-bands{padding:0 14px!important;gap:8px!important;margin:0!important}
body.cmoa-view .cmoa-band{padding:9px 12px!important;border-radius:13px!important}
body.cmoa-view .cmoa-band-icon{font-size:22px!important}
body.cmoa-view .cmoa-band b{font-size:12px!important}
body.cmoa-view .cmoa-band span{font-size:10px!important}
body.cmoa-view .cmoa-band strong{font-size:11px!important;padding:6px 10px!important}

body.cmoa-view .cmoa-summary{padding:0 14px!important;gap:8px!important;margin:0!important}
body.cmoa-view .cmoa-summary>div{padding:8px 10px!important;border-radius:13px!important;gap:2px 10px!important}
body.cmoa-view .cmoa-summary>div .ico{width:34px!important;height:34px!important;font-size:18px!important}
body.cmoa-view .cmoa-summary b{font-size:16px!important}
body.cmoa-view .cmoa-summary span{font-size:9px!important;line-height:1.15!important}

/* área dos cards e lateral */
body.cmoa-view .cmoa-layout{
  min-height:0!important;
  overflow:hidden!important;
  padding:0 14px 0!important;
  gap:8px!important;
  grid-template-columns:minmax(0,1fr) 272px!important;
}
body.cmoa-view .cmoa-main-panel,
body.cmoa-view .cmoa-side{
  min-height:0!important;
  overflow:hidden!important;
  border-radius:15px!important;
}
body.cmoa-view .cmoa-main-panel{padding:8px 9px 7px!important}
body.cmoa-view .cmoa-side{padding:8px!important;gap:8px!important}
body.cmoa-view .cmoa-side-section{padding:9px!important;border-radius:13px!important}
body.cmoa-view .cmoa-side-section h3,
body.cmoa-view .cmoa-side-section .label{font-size:11px!important;margin-bottom:7px!important}
body.cmoa-view .cmoa-general-total b{font-size:12px!important}
body.cmoa-view .cmoa-general-total span{font-size:9px!important}
body.cmoa-view .cmoa-general-grid>div{padding:8px!important}
body.cmoa-view .cmoa-general-grid b{font-size:15px!important}
body.cmoa-view .cmoa-general-grid span{font-size:9px!important}
body.cmoa-view .cmoa-comm-item{padding:6px 0!important}
body.cmoa-view .cmoa-comm-item b{font-size:9px!important}
body.cmoa-view .cmoa-comm-item span,
body.cmoa-view .cmoa-comm-item strong{font-size:8px!important}
body.cmoa-view .cmoa-mini-btn{margin-top:7px!important;padding:7px 9px!important;font-size:10px!important}
body.cmoa-view .cmoa-old-alert b{font-size:12px!important}
body.cmoa-view .cmoa-old-alert small{font-size:10px!important}
body.cmoa-view .cmoa-old-alert .tempo{font-size:22px!important;margin:6px 0 2px!important}
body.cmoa-view .cmoa-old-alert .inicio{font-size:10px!important}
body.cmoa-view .cmoa-next-wrap{grid-template-columns:64px 1fr!important;gap:8px!important}
body.cmoa-view .cmoa-next-ring,
body.cmoa-view .cmoa-next-ring svg{width:58px!important;height:58px!important}
body.cmoa-view .cmoa-next-ring div{font-size:13px!important}
body.cmoa-view #cmoaProxima .label{font-size:10px!important}
body.cmoa-view #cmoaProxima b{font-size:12px!important}
body.cmoa-view #cmoaProxima small{font-size:9px!important}

body.cmoa-view .cmoa-section-title{margin-bottom:5px!important}
body.cmoa-view .cmoa-section-title h3{font-size:15px!important}
body.cmoa-view .cmoa-section-title span,
body.cmoa-view .cmoa-page-badge{font-size:9px!important}

/* exatamente 9 cards sem corte */
body.cmoa-view .cmoa-grid{
  min-height:0!important;
  height:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:hidden!important;
}
body.cmoa-view .cmoa-card{
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:9px 11px 8px!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
}
body.cmoa-view .cmoa-card.alarme{
  background:linear-gradient(180deg,#7d1423 0%,#73111f 100%)!important;
  border-color:#ff6c7a!important;
  box-shadow:0 8px 18px rgba(115,17,31,.28)!important;
}
body.cmoa-view .cmoa-card.offline,
body.cmoa-view .cmoa-card.sem_dados{
  background:linear-gradient(180deg,#17354b 0%,#122d43 100%)!important;
  border-color:#67839a!important;
}
body.cmoa-view .cmoa-card-head{gap:6px!important}
body.cmoa-view .cmoa-card-head b{font-size:14px!important;line-height:1.04!important}
body.cmoa-view .cmoa-card-head span{font-size:10px!important;line-height:1.1!important;margin-top:2px!important}
body.cmoa-view .cmoa-card-head em{font-size:10px!important;padding:5px 8px!important;border-radius:9px!important}
body.cmoa-view .cmoa-card-main{grid-template-columns:34px 1fr!important;gap:9px!important;margin:7px 0 5px!important}
body.cmoa-view .cmoa-card-icon{font-size:33px!important}
body.cmoa-view .cmoa-values{gap:14px!important;align-items:flex-end!important}
body.cmoa-view .cmoa-values strong{font-size:22px!important;line-height:.95!important;letter-spacing:-.5px!important}
body.cmoa-view .cmoa-humidity strong{font-size:21px!important}
body.cmoa-view .cmoa-values small{font-size:9px!important;margin-top:3px!important}
body.cmoa-view .cmoa-reason{
  margin:4px 0 5px!important;
  padding:6px 8px!important;
  min-height:30px!important;
  font-size:10px!important;
  line-height:1.15!important;
  border-radius:8px!important;
}
body.cmoa-view .cmoa-card-bottom{
  margin-top:auto!important;
  gap:8px!important;
  font-size:9px!important;
  line-height:1.1!important;
}
body.cmoa-view .cmoa-event-row{font-size:9px!important;gap:2px!important}
body.cmoa-view .cmoa-event-row small{font-size:8px!important;line-height:1.1!important}
body.cmoa-view .cmoa-event-row .dot{width:8px!important;height:8px!important;margin-right:4px!important}

/* rodapé fino, sem faixa clara sobrando */
body.cmoa-view .cmoa-pager{padding-top:5px!important;font-size:10px!important;gap:8px!important}
body.cmoa-view .cmoa-pager-dots{gap:6px!important}
body.cmoa-view .cmoa-pager-dots span{width:8px!important;height:8px!important}
body.cmoa-view .cmoa-foot{
  padding:4px 12px 5px!important;
  font-size:8px!important;
  gap:6px!important;
  background:transparent!important;
}

/* televisões / telas até Full HD */
@media (max-width: 1920px), (max-height: 1080px){
  body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 258px!important}
  body.cmoa-view .cmoa-head{padding:7px 12px!important}
  body.cmoa-view .cmoa-topbox.clock{min-width:196px!important}
}

/* =====================================================================
   HMP V3.13.0 — Responsivo geral + CMOA com cards mais baixos e fonte maior
   ===================================================================== */

/* ---------- Visual geral mais leve e melhor legibilidade ---------- */
:root{
  --nav:#2c5f80!important;
  --blue:#2f82bf!important;
  --bg:#edf3f7!important;
  --line:#d5e0e8!important;
  --muted:#5f7282!important;
}
body{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  background:var(--bg)!important;
  color:#183247!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.shell{
  grid-template-columns:258px minmax(0,1fr)!important;
}
aside#sidebar,aside{
  background:linear-gradient(180deg,#376f91 0%,#2d6284 52%,#255473 100%)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.08)!important;
}
.brand{padding:16px 14px 14px!important;gap:12px!important}
.brand .mark{
  width:44px!important;height:44px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#66b3e6,#3f88bd)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(20,58,87,.16)!important;
}
.brand b{font-size:18px!important;line-height:1.1!important;color:#f8fbfd!important}
.brand span{font-size:12px!important;line-height:1.2!important;color:#e1ebf2!important;opacity:1!important}
nav{gap:8px!important}
nav a{
  padding:13px 15px!important;
  border-radius:14px!important;
  font-size:16px!important;
  font-weight:700!important;
  color:#f4f8fb!important;
  background:transparent!important;
}
nav a:hover,nav a.active{
  background:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
nav a .ico,nav a i,nav a svg{opacity:.98!important}
aside small{padding:12px 10px!important;font-size:11px!important;color:#d7e5ef!important;opacity:.95!important}
header{
  background:#ffffffee!important;
  border-bottom:1px solid #d9e4ea!important;
  min-height:74px!important;
  height:auto!important;
  padding:10px 24px!important;
}
header h1{font-size:19px!important;line-height:1.15!important}
header p{font-size:12px!important;line-height:1.3!important}
#user{font-size:12px!important}
#user b{font-size:15px!important}
#app{padding:22px!important}
.hero{
  background:linear-gradient(135deg,#5f9fc8,#4d90bc)!important;
  box-shadow:0 14px 28px rgba(36,92,125,.12)!important;
}
.card,.box{box-shadow:0 10px 24px rgba(19,53,77,.08)!important}
.btn{background:#2f7eb8!important}.btn.alt{background:#e8f2f8!important;color:#25567b!important}

/* Responsividade geral */
@media (max-width: 1280px){
  .shell{grid-template-columns:230px minmax(0,1fr)!important}
  nav a{font-size:15px!important;padding:12px 14px!important}
  #app{padding:18px!important}
}
@media (max-width: 980px){
  .shell{display:block!important}
  aside#sidebar,aside{
    position:fixed!important;left:-272px!important;top:0!important;bottom:0!important;
    width:258px!important;height:100vh!important;z-index:40!important;transition:left .22s ease!important;
  }
  aside#sidebar.open,aside.open{left:0!important}
  header{padding:10px 14px!important}
  #menuBtn{display:block!important;color:#214867!important}
  #app{padding:15px!important}
}
@media (max-width: 640px){
  header{gap:10px!important;align-items:flex-start!important}
  header h1{font-size:18px!important}
  #user{display:none!important}
  .hero{padding:18px!important}
  .brand b{font-size:17px!important}
  .brand span{font-size:11px!important}
  nav a{font-size:15px!important}
}

/* ---------- CMOA: 9 cards, menor altura e fonte grande ---------- */
body.cmoa-view,
body.cmoa-view .shell,
body.cmoa-view main,
body.cmoa-view #app{
  overflow:hidden!important;
}
body.cmoa-view #app{
  padding:0!important;
  height:calc(100vh - 74px)!important;
  background:#eef4f7!important;
}
body.cmoa-view .cmoa-native{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important;
  gap:6px!important;
  padding:8px 10px 8px!important;
  background:linear-gradient(180deg,#0c3550 0%,#123c59 100%)!important;
}
body.cmoa-view .cmoa-head{
  min-height:58px!important;
  padding:7px 12px!important;
  border-radius:16px!important;
}
body.cmoa-view .cmoa-logo{width:54px!important;height:54px!important;flex-basis:54px!important;font-size:18px!important}
body.cmoa-view .cmoa-brand h2{font-size:19px!important;line-height:1.02!important;letter-spacing:-.01em!important}
body.cmoa-view .cmoa-brand p{font-size:10px!important;line-height:1.18!important;margin-top:3px!important}
body.cmoa-view .cmoa-head-right{gap:6px!important}
body.cmoa-view .cmoa-topbox{min-height:48px!important;padding:6px 10px!important;gap:8px!important;border-radius:13px!important}
body.cmoa-view .cmoa-topbox small{font-size:9px!important}
body.cmoa-view .cmoa-topbox strong{font-size:13px!important}
body.cmoa-view .cmoa-topbox span,
body.cmoa-view .cmoa-topbox em{font-size:8px!important}
body.cmoa-view .cmoa-topbox.clock{min-width:178px!important}
body.cmoa-view .cmoa-topbox.clock strong{font-size:24px!important;letter-spacing:-.02em!important}
body.cmoa-view .cmoa-topbox.clock span{font-size:9px!important}
body.cmoa-view .cmoa-weather-icon{font-size:30px!important}
body.cmoa-view .cmoa-fullscreen{height:38px!important;padding:0 11px!important;font-size:11px!important}

body.cmoa-view .cmoa-alarm-bands{padding:0 2px!important;gap:7px!important}
body.cmoa-view .cmoa-band{padding:8px 12px!important;border-radius:12px!important}
body.cmoa-view .cmoa-band b{font-size:11px!important}
body.cmoa-view .cmoa-band span{font-size:9px!important}
body.cmoa-view .cmoa-band strong{font-size:10px!important;padding:5px 9px!important}
body.cmoa-view .cmoa-band-icon{font-size:20px!important}

body.cmoa-view .cmoa-summary{padding:0 2px!important;gap:7px!important}
body.cmoa-view .cmoa-summary>div{padding:7px 10px!important;border-radius:12px!important}
body.cmoa-view .cmoa-summary>div .ico{width:30px!important;height:30px!important;font-size:16px!important}
body.cmoa-view .cmoa-summary b{font-size:14px!important}
body.cmoa-view .cmoa-summary span{font-size:8px!important;line-height:1.1!important}

body.cmoa-view .cmoa-layout{
  min-height:0!important;
  height:100%!important;
  padding:0 2px!important;
  gap:8px!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  overflow:hidden!important;
}
body.cmoa-view .cmoa-main-panel,
body.cmoa-view .cmoa-side{
  min-height:0!important;
  overflow:hidden!important;
  border-radius:15px!important;
}
body.cmoa-view .cmoa-main-panel{display:flex!important;flex-direction:column!important;padding:7px 8px 6px!important}
body.cmoa-view .cmoa-side{padding:7px!important;gap:7px!important}
body.cmoa-view .cmoa-side-section{padding:8px!important;border-radius:12px!important}
body.cmoa-view .cmoa-side-section h3,
body.cmoa-view .cmoa-side-section .label{font-size:10px!important;margin-bottom:6px!important}
body.cmoa-view .cmoa-general-total b{font-size:11px!important}
body.cmoa-view .cmoa-general-total span{font-size:8px!important}
body.cmoa-view .cmoa-general-grid>div{padding:7px!important}
body.cmoa-view .cmoa-general-grid b{font-size:13px!important}
body.cmoa-view .cmoa-general-grid span{font-size:8px!important}
body.cmoa-view .cmoa-comm-item{padding:5px 0!important}
body.cmoa-view .cmoa-comm-item b{font-size:8px!important}
body.cmoa-view .cmoa-comm-item span,
body.cmoa-view .cmoa-comm-item strong{font-size:7px!important;line-height:1.15!important}
body.cmoa-view .cmoa-mini-btn{padding:6px 8px!important;font-size:9px!important}
body.cmoa-view .cmoa-old-alert b{font-size:11px!important}
body.cmoa-view .cmoa-old-alert small{font-size:9px!important}
body.cmoa-view .cmoa-old-alert .tempo{font-size:18px!important;margin:5px 0 1px!important}
body.cmoa-view .cmoa-old-alert .inicio{font-size:9px!important}
body.cmoa-view .cmoa-next-wrap{grid-template-columns:56px 1fr!important;gap:7px!important}
body.cmoa-view .cmoa-next-ring,
body.cmoa-view .cmoa-next-ring svg{width:52px!important;height:52px!important}
body.cmoa-view .cmoa-next-ring div{font-size:12px!important}
body.cmoa-view #cmoaProxima .label{font-size:9px!important}
body.cmoa-view #cmoaProxima b{font-size:11px!important}
body.cmoa-view #cmoaProxima small{font-size:8px!important}

body.cmoa-view .cmoa-section-title{margin-bottom:4px!important;min-height:28px!important}
body.cmoa-view .cmoa-section-title h3{font-size:14px!important;line-height:1.05!important}
body.cmoa-view .cmoa-section-title span,
body.cmoa-view .cmoa-page-badge{font-size:8px!important}

body.cmoa-view .cmoa-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  overflow:hidden!important;
}
body.cmoa-view .cmoa-card{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:8px 10px 7px!important;
  border-radius:13px!important;
}
body.cmoa-view .cmoa-card-head{gap:4px!important}
body.cmoa-view .cmoa-card-head b{font-size:13px!important;line-height:1.02!important}
body.cmoa-view .cmoa-card-head span{font-size:9px!important;line-height:1.08!important;margin-top:1px!important}
body.cmoa-view .cmoa-card-head em{font-size:9px!important;padding:4px 7px!important;border-radius:8px!important}
body.cmoa-view .cmoa-card-main{grid-template-columns:32px 1fr!important;gap:8px!important;margin:4px 0 4px!important}
body.cmoa-view .cmoa-card-icon{font-size:31px!important;line-height:1!important}
body.cmoa-view .cmoa-values{gap:12px!important;align-items:flex-end!important}
body.cmoa-view .cmoa-values strong{font-size:26px!important;line-height:.92!important;letter-spacing:-.03em!important}
body.cmoa-view .cmoa-humidity strong{font-size:24px!important}
body.cmoa-view .cmoa-values small{font-size:8px!important;margin-top:2px!important;letter-spacing:.03em!important}
body.cmoa-view .cmoa-reason{
  margin:3px 0 4px!important;
  padding:5px 7px!important;
  min-height:22px!important;
  font-size:9px!important;
  line-height:1.12!important;
  border-radius:7px!important;
}
body.cmoa-view .cmoa-card-bottom{
  margin-top:auto!important;
  gap:6px!important;
  font-size:8px!important;
  line-height:1.08!important;
}
body.cmoa-view .cmoa-event-row{font-size:8px!important;gap:2px!important}
body.cmoa-view .cmoa-event-row small{font-size:7px!important;line-height:1.08!important}
body.cmoa-view .cmoa-event-row .dot{width:7px!important;height:7px!important;margin-right:4px!important}
body.cmoa-view .cmoa-foot{padding:3px 10px 4px!important;font-size:7px!important;background:transparent!important}
body.cmoa-view .cmoa-pager{padding-top:3px!important;font-size:9px!important;gap:7px!important}
body.cmoa-view .cmoa-pager-dots span{width:7px!important;height:7px!important}

/* TV / desktop large */
@media (min-width: 1600px){
  body.cmoa-view .cmoa-brand h2{font-size:20px!important}
  body.cmoa-view .cmoa-values strong{font-size:28px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:26px!important}
}

/* notebook */
@media (max-width: 1440px){
  body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 232px!important}
  body.cmoa-view .cmoa-brand h2{font-size:18px!important}
  body.cmoa-view .cmoa-topbox.clock strong{font-size:22px!important}
  body.cmoa-view .cmoa-values strong{font-size:24px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:22px!important}
}

/* tablet / mobile: layout adapta de verdade */
@media (max-width: 1024px){
  body.cmoa-view #app{height:auto!important;min-height:calc(100vh - 70px)!important;overflow:visible!important}
  body.cmoa-view .cmoa-native{height:auto!important;grid-template-rows:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-main-panel,body.cmoa-view .cmoa-side{overflow:visible!important}
  body.cmoa-view .cmoa-grid{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-card{min-height:200px!important;height:auto!important}
  body.cmoa-view .cmoa-head{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  body.cmoa-view .cmoa-head-right{flex-wrap:wrap!important}
}
@media (max-width: 640px){
  body.cmoa-view .cmoa-native{padding:8px!important}
  body.cmoa-view .cmoa-brand h2{font-size:17px!important}
  body.cmoa-view .cmoa-logo{width:48px!important;height:48px!important;flex-basis:48px!important}
  body.cmoa-view .cmoa-grid{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-card{min-height:180px!important}
  body.cmoa-view .cmoa-values strong{font-size:28px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:26px!important}
  body.cmoa-view .cmoa-topbox.clock{min-width:0!important}
}

/* =====================================================================
   HMP V3.13.0 — CMOA refeito para leitura à distância e ajuste total de tela
   ===================================================================== */

/* visual geral mais leve */
:root{
  --nav:#5d8fb0!important;
  --nav-dark:#4c7fa1!important;
  --paper:#f2f6f9!important;
  --paper-2:#f8fbfd!important;
  --ink:#163247!important;
  --muted:#5f7686!important;
  --accent:#4a95c6!important;
}
body{background:var(--paper)!important;color:var(--ink)!important}
header{background:#ffffff!important;border-bottom:1px solid #d9e3ea!important}
aside#sidebar,aside{
  background:linear-gradient(180deg,#6ca0c1 0%,#5a8eaf 42%,#4d7f9d 100%)!important;
}
nav a{font-size:17px!important;font-weight:800!important;letter-spacing:.01em!important}
nav a.active,nav a:hover{background:rgba(255,255,255,.22)!important}
.brand b{font-size:18px!important}.brand span{font-size:12px!important}

/* ---------- CMOA ---------- */
body.cmoa-view header{min-height:64px!important;padding:8px 20px!important}
body.cmoa-view #app{
  padding:0!important;
  height:calc(100vh - 64px)!important;
  min-height:calc(100vh - 64px)!important;
  overflow:hidden!important;
  background:#edf4f8!important;
}
body.cmoa-view .cmoa-native{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:64px 42px 46px minmax(0,1fr) 18px!important;
  gap:6px!important;
  padding:8px!important;
  background:linear-gradient(180deg,#123f5d 0%,#174866 100%)!important;
}
body.cmoa-view .cmoa-head{
  min-height:64px!important;height:64px!important;
  padding:8px 12px!important;
  border-radius:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  background:rgba(9,32,49,.32)!important;
}
body.cmoa-view .cmoa-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
body.cmoa-view .cmoa-logo{
  width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:14px!important;
  font-size:18px!important;font-weight:900!important;
}
body.cmoa-view .cmoa-brand h2{
  font-size:clamp(18px,1.5vw,24px)!important;
  line-height:1.02!important;letter-spacing:-.02em!important;margin:0!important;
}
body.cmoa-view .cmoa-brand p{
  font-size:clamp(10px,.8vw,12px)!important;line-height:1.15!important;margin:2px 0 0!important;
  color:#d8e7f2!important;
}
body.cmoa-view .cmoa-head-right{
  display:grid!important;
  grid-template-columns:170px 128px 180px 108px!important;
  gap:8px!important;align-items:stretch!important;
}
body.cmoa-view .cmoa-topbox{
  min-height:48px!important;padding:6px 10px!important;border-radius:12px!important;
  background:rgba(5,24,37,.18)!important;border:1px solid rgba(139,190,225,.18)!important;
}
body.cmoa-view .cmoa-weather-icon{font-size:28px!important}
body.cmoa-view .cmoa-topbox strong{font-size:14px!important;line-height:1.05!important}
body.cmoa-view .cmoa-topbox small{font-size:9px!important;line-height:1.1!important}
body.cmoa-view .cmoa-topbox span,
body.cmoa-view .cmoa-topbox em{font-size:9px!important;line-height:1.1!important}
body.cmoa-view .cmoa-topbox.clock strong{font-size:20px!important}
body.cmoa-view .cmoa-topbox.clock span{font-size:9px!important}
body.cmoa-view .cmoa-fullscreen{
  min-height:48px!important;height:48px!important;padding:0 12px!important;border-radius:12px!important;
  font-size:12px!important;font-weight:800!important;
}

body.cmoa-view .cmoa-alarm-bands{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.cmoa-view .cmoa-band{
  min-height:42px!important;height:42px!important;padding:6px 12px!important;border-radius:12px!important;
  align-items:center!important;
}
body.cmoa-view .cmoa-band b{font-size:12px!important;line-height:1!important}
body.cmoa-view .cmoa-band span{font-size:9px!important;line-height:1.12!important;margin-top:1px!important}
body.cmoa-view .cmoa-band strong{font-size:11px!important;padding:5px 10px!important;border-radius:999px!important}
body.cmoa-view .cmoa-band-icon{font-size:20px!important}

body.cmoa-view .cmoa-summary{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important
}
body.cmoa-view .cmoa-summary>div{
  min-height:46px!important;height:46px!important;padding:7px 10px!important;border-radius:12px!important;
  display:grid!important;grid-template-columns:34px auto!important;gap:8px!important;align-items:center!important;
}
body.cmoa-view .cmoa-summary>div .ico{width:28px!important;height:28px!important;font-size:15px!important}
body.cmoa-view .cmoa-summary b{font-size:13px!important;line-height:1!important}
body.cmoa-view .cmoa-summary span{font-size:8px!important;line-height:1.06!important}

body.cmoa-view .cmoa-layout{
  min-height:0!important;height:100%!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 230px!important;gap:8px!important;
}
body.cmoa-view .cmoa-main-panel,
body.cmoa-view .cmoa-side{
  min-height:0!important;height:100%!important;overflow:hidden!important;
  background:rgba(10,38,58,.22)!important;
  border:1px solid rgba(133,188,224,.18)!important;
  border-radius:14px!important;
}
body.cmoa-view .cmoa-main-panel{
  display:grid!important;
  grid-template-rows:28px minmax(0,1fr) 18px!important;
  padding:6px!important;
}
body.cmoa-view .cmoa-section-title{
  min-height:28px!important;height:28px!important;margin:0!important;
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
}
body.cmoa-view .cmoa-section-title h3{font-size:15px!important;line-height:1!important;margin:0!important}
body.cmoa-view .cmoa-section-title span,
body.cmoa-view .cmoa-page-badge{font-size:8px!important;line-height:1.1!important;color:#dbe8f1!important}

body.cmoa-view .cmoa-grid{
  height:100%!important;min-height:0!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
body.cmoa-view .cmoa-card{
  min-height:0!important;height:100%!important;overflow:hidden!important;
  display:grid!important;grid-template-rows:auto auto auto auto!important;
  align-content:start!important;
  padding:8px 10px 7px!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(133,16,28,.78) 0%,rgba(129,12,32,.72) 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
body.cmoa-view .cmoa-card.offline,
body.cmoa-view .cmoa-card.sem_dados{
  background:linear-gradient(180deg,rgba(18,52,79,.96) 0%,rgba(14,43,68,.96) 100%)!important;
}
body.cmoa-view .cmoa-card.atencao{
  background:linear-gradient(180deg,rgba(141,92,16,.9) 0%,rgba(120,76,10,.88) 100%)!important;
}
body.cmoa-view .cmoa-card-head{
  display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:6px!important;margin-bottom:4px!important;
}
body.cmoa-view .cmoa-card-head b{
  display:block!important;
  font-size:clamp(15px,1.2vw,18px)!important;
  line-height:1.02!important;letter-spacing:-.01em!important;
}
body.cmoa-view .cmoa-card-head span{
  display:block!important;
  font-size:clamp(10px,.78vw,12px)!important;
  line-height:1.1!important;color:#f7f8fb!important;opacity:.94!important;margin-top:2px!important;
}
body.cmoa-view .cmoa-card-head em{
  align-self:flex-start!important;
  font-size:10px!important;font-weight:900!important;padding:4px 8px!important;border-radius:999px!important;
}
body.cmoa-view .cmoa-card-main{
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;
  margin:3px 0 5px!important;
}
body.cmoa-view .cmoa-card-icon{font-size:34px!important;line-height:1!important}
body.cmoa-view .cmoa-values{
  display:flex!important;gap:18px!important;align-items:flex-end!important;min-width:0!important;
}
body.cmoa-view .cmoa-values strong{
  display:block!important;
  font-size:clamp(28px,2.2vw,40px)!important;
  line-height:.88!important;letter-spacing:-.04em!important;font-weight:900!important;
}
body.cmoa-view .cmoa-humidity strong{font-size:clamp(26px,2vw,36px)!important}
body.cmoa-view .cmoa-values small{
  display:block!important;font-size:9px!important;line-height:1.04!important;letter-spacing:.04em!important;margin-top:2px!important;
  color:#f2f7fb!important;opacity:.92!important;
}
body.cmoa-view .cmoa-reason{
  margin:1px 0 5px!important;
  padding:6px 8px!important;
  border-radius:8px!important;
  min-height:0!important;
  font-size:11px!important;line-height:1.15!important;
  background:rgba(255,255,255,.11)!important;
}
body.cmoa-view .cmoa-card-bottom{
  margin-top:auto!important;
  display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:8px!important;
  font-size:9px!important;line-height:1.1!important;
}
body.cmoa-view .cmoa-card-bottom span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cmoa-view .cmoa-event-row{
  font-size:10px!important;font-weight:900!important;line-height:1.1!important;text-align:right!important;
}
body.cmoa-view .cmoa-event-row small{
  display:block!important;margin-top:2px!important;
  font-size:9px!important;font-weight:700!important;line-height:1.1!important;
}
body.cmoa-view .cmoa-event-row .dot{width:7px!important;height:7px!important;margin-right:4px!important}
body.cmoa-view .cmoa-foot{
  min-height:18px!important;height:18px!important;padding:0 8px!important;
  display:grid!important;grid-template-columns:auto 1fr auto auto!important;gap:8px!important;align-items:center!important;
  font-size:7px!important;line-height:1!important;background:transparent!important;color:#deebf5!important;
}
body.cmoa-view .cmoa-pager{
  min-height:18px!important;height:18px!important;padding:0!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  font-size:9px!important;line-height:1!important;color:#d7e6f0!important;
}
body.cmoa-view .cmoa-pager-dots span{width:7px!important;height:7px!important}

/* lateral direita compacta */
body.cmoa-view .cmoa-side{
  display:grid!important;grid-template-rows:auto auto auto auto!important;gap:7px!important;padding:7px!important;
}
body.cmoa-view .cmoa-side-section{padding:8px!important;border-radius:12px!important;background:rgba(9,32,49,.28)!important;border:1px solid rgba(133,188,224,.18)!important}
body.cmoa-view .cmoa-side-section h3,
body.cmoa-view .cmoa-side-section .label{font-size:10px!important;line-height:1.05!important;margin:0 0 5px!important}
body.cmoa-view .cmoa-general-total b{font-size:12px!important;line-height:1.1!important}
body.cmoa-view .cmoa-general-total span{font-size:8px!important;line-height:1.1!important}
body.cmoa-view .cmoa-general-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:6px!important}
body.cmoa-view .cmoa-general-grid>div{padding:6px!important;border-radius:10px!important}
body.cmoa-view .cmoa-general-grid b{font-size:13px!important}
body.cmoa-view .cmoa-general-grid span{font-size:8px!important;line-height:1.06!important}
body.cmoa-view .cmoa-comm-item{padding:4px 0!important;display:flex!important;justify-content:space-between!important;gap:6px!important}
body.cmoa-view .cmoa-comm-item b{font-size:8px!important;line-height:1.08!important}
body.cmoa-view .cmoa-comm-item span,
body.cmoa-view .cmoa-comm-item strong{font-size:7px!important;line-height:1.1!important}
body.cmoa-view .cmoa-mini-btn{padding:6px 8px!important;font-size:9px!important;border-radius:10px!important}
body.cmoa-view .cmoa-old-alert b{font-size:11px!important;line-height:1.08!important}
body.cmoa-view .cmoa-old-alert small{font-size:8px!important;line-height:1.12!important}
body.cmoa-view .cmoa-old-alert .tempo{font-size:18px!important;line-height:1!important;margin:4px 0 2px!important}
body.cmoa-view .cmoa-old-alert .inicio{font-size:8px!important;line-height:1.1!important}
body.cmoa-view .cmoa-next-wrap{display:grid!important;grid-template-columns:52px 1fr!important;gap:8px!important;align-items:center!important}
body.cmoa-view .cmoa-next-ring,
body.cmoa-view .cmoa-next-ring svg{width:48px!important;height:48px!important}
body.cmoa-view .cmoa-next-ring div{font-size:11px!important}
body.cmoa-view #cmoaProxima .label{font-size:9px!important}
body.cmoa-view #cmoaProxima b{font-size:11px!important}
body.cmoa-view #cmoaProxima small{font-size:8px!important}

/* responsivo global */
@media (max-width: 1500px){
  body.cmoa-view .cmoa-head-right{grid-template-columns:160px 120px 170px 104px!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 220px!important}
  body.cmoa-view .cmoa-values strong{font-size:clamp(26px,2vw,34px)!important}
}
@media (max-width: 1280px){
  .shell{grid-template-columns:220px minmax(0,1fr)!important}
  nav a{font-size:15px!important}
  body.cmoa-view .cmoa-native{grid-template-rows:auto auto auto minmax(0,1fr) 18px!important}
  body.cmoa-view .cmoa-head{height:auto!important;min-height:64px!important}
  body.cmoa-view .cmoa-head-right{grid-template-columns:1fr 1fr!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 210px!important}
  body.cmoa-view .cmoa-grid{gap:6px!important}
  body.cmoa-view .cmoa-values strong{font-size:24px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:22px!important}
}
@media (max-width: 1024px){
  .shell{display:block!important}
  body.cmoa-view #app{height:auto!important;min-height:calc(100vh - 64px)!important;overflow:visible!important}
  body.cmoa-view .cmoa-native{height:auto!important;grid-template-rows:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-head-right{grid-template-columns:1fr 1fr!important}
  body.cmoa-view .cmoa-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-main-panel{grid-template-rows:auto auto auto!important;height:auto!important}
  body.cmoa-view .cmoa-main-panel,body.cmoa-view .cmoa-side{overflow:visible!important}
  body.cmoa-view .cmoa-grid{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-card{height:auto!important;min-height:190px!important}
  body.cmoa-view .cmoa-foot{grid-template-columns:1fr!important;justify-items:start!important;gap:3px!important;height:auto!important;min-height:0!important;padding:4px 2px!important}
}
@media (max-width: 640px){
  nav a{font-size:15px!important;padding:12px 14px!important}
  body.cmoa-view .cmoa-native{padding:6px!important;gap:6px!important}
  body.cmoa-view .cmoa-head{grid-template-columns:1fr!important;height:auto!important}
  body.cmoa-view .cmoa-head-right{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-brand h2{font-size:18px!important}
  body.cmoa-view .cmoa-band{height:auto!important;min-height:42px!important}
  body.cmoa-view .cmoa-summary{grid-template-columns:1fr 1fr!important}
  body.cmoa-view .cmoa-grid{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-card{min-height:175px!important}
  body.cmoa-view .cmoa-values strong{font-size:30px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:28px!important}
}

/* =====================================================================
   HMP V3.13.0 — CMOA reposicionado, tipografia ampliada e melhor uso do espaço
   ===================================================================== */

/* visual geral mais leve e legível */
body{font-size:15px!important;color:#173247!important;background:#eef3f7!important}
header h1{font-size:23px!important;line-height:1.08!important}
header p{font-size:12px!important;line-height:1.3!important;color:#6a7f90!important}
aside#sidebar,aside{background:linear-gradient(180deg,#5f93b4 0%,#5789a8 58%,#4e7d99 100%)!important}
.brand{padding:18px 14px 12px!important}
.brand .mark{width:42px!important;height:42px!important;font-size:18px!important;border-radius:14px!important}
.brand b{font-size:20px!important;line-height:1.05!important}
.brand span{font-size:12px!important;line-height:1.2!important;color:#e5f0f7!important}
nav{gap:10px!important;padding-top:10px!important}
nav a{font-size:18px!important;font-weight:800!important;min-height:54px!important;padding:12px 14px!important;border-radius:14px!important;color:#f8fbfd!important}
nav a.active,nav a:hover{background:rgba(255,255,255,.18)!important;box-shadow:inset 3px 0 rgba(255,255,255,.7)!important}
.nav-ico{width:32px!important;height:32px!important;flex:0 0 32px!important;font-size:17px!important;background:rgba(255,255,255,.12)!important}

/* ---------- CMOA ---------- */
body.cmoa-view .shell>main{height:100vh!important;overflow:hidden!important;background:#eef3f7!important}
body.cmoa-view #app{
  height:100vh!important;
  min-height:100vh!important;
  padding:0!important;
  overflow:hidden!important;
  background:#eef3f7!important;
}
body.cmoa-view .cmoa-native{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:76px 48px 56px minmax(0,1fr) 18px!important;
  gap:8px!important;
  padding:8px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#143d58 0%,#17445f 100%)!important;
}

/* topo */
body.cmoa-view .cmoa-head{
  min-height:76px!important;height:76px!important;
  padding:8px 14px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  background:rgba(8,28,43,.22)!important;
  border:1px solid rgba(162,207,237,.16)!important;
}
body.cmoa-view .cmoa-brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
body.cmoa-view .cmoa-logo{width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:16px!important;font-size:20px!important;font-weight:900!important}
body.cmoa-view .cmoa-brand h2{font-size:clamp(20px,2vw,32px)!important;line-height:1.02!important;margin:0!important;letter-spacing:-.02em!important}
body.cmoa-view .cmoa-brand p{font-size:13px!important;line-height:1.2!important;margin:3px 0 0!important;color:#dceaf3!important}
body.cmoa-view .cmoa-head-right{
  display:grid!important;
  grid-template-columns:190px 126px 206px 114px!important;
  gap:10px!important;
  align-items:center!important;
  justify-items:stretch!important;
  justify-self:center!important;
}
body.cmoa-view .cmoa-topbox{
  min-height:58px!important;height:58px!important;
  padding:8px 12px!important;border-radius:14px!important;
  background:rgba(4,20,31,.16)!important;border:1px solid rgba(162,207,237,.16)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
body.cmoa-view .cmoa-weather-icon{font-size:34px!important;line-height:1!important}
body.cmoa-view .cmoa-topbox strong{font-size:16px!important;line-height:1.02!important}
body.cmoa-view .cmoa-topbox small{font-size:10px!important;line-height:1.15!important}
body.cmoa-view .cmoa-topbox span,body.cmoa-view .cmoa-topbox em{font-size:10px!important;line-height:1.1!important}
body.cmoa-view .cmoa-topbox.clock strong{font-size:24px!important}
body.cmoa-view .cmoa-topbox.clock span{font-size:10px!important}
body.cmoa-view .cmoa-fullscreen{height:58px!important;min-height:58px!important;border-radius:14px!important;font-size:13px!important;font-weight:900!important;padding:0 14px!important}

/* faixas */
body.cmoa-view .cmoa-alarm-bands{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.cmoa-view .cmoa-band{height:48px!important;min-height:48px!important;padding:7px 12px!important;border-radius:14px!important;align-items:center!important}
body.cmoa-view .cmoa-band.temp{background:linear-gradient(90deg,#c23a47,#d54f5d)!important;border-color:#e48992!important}
body.cmoa-view .cmoa-band.hum{background:linear-gradient(90deg,#7d52b0,#9064c2)!important;border-color:#b394dc!important}
body.cmoa-view .cmoa-band-icon{font-size:22px!important;line-height:1!important}
body.cmoa-view .cmoa-band b{font-size:14px!important;line-height:1!important}
body.cmoa-view .cmoa-band span{font-size:11px!important;line-height:1.12!important}
body.cmoa-view .cmoa-band strong{font-size:12px!important;padding:5px 11px!important;border-radius:999px!important;background:#fff!important}

/* resumo */
body.cmoa-view .cmoa-summary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
body.cmoa-view .cmoa-summary>div{
  min-height:56px!important;height:56px!important;
  grid-template-columns:40px 1fr!important;
  padding:8px 10px!important;border-radius:14px!important;
  background:linear-gradient(180deg,#133b56,#11354e)!important;border-color:#3a6c8e!important;
}
body.cmoa-view .cmoa-summary>div .ico{width:30px!important;height:30px!important;font-size:16px!important}
body.cmoa-view .cmoa-summary b{font-size:15px!important;line-height:1!important}
body.cmoa-view .cmoa-summary span{font-size:10px!important;line-height:1.1!important}

/* miolo */
body.cmoa-view .cmoa-layout{
  height:100%!important;min-height:0!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 235px!important;gap:8px!important;
}
body.cmoa-view .cmoa-main-panel,body.cmoa-view .cmoa-side{
  min-height:0!important;height:100%!important;overflow:hidden!important;
  background:rgba(6,27,42,.18)!important;border:1px solid rgba(162,207,237,.16)!important;border-radius:16px!important;
}
body.cmoa-view .cmoa-main-panel{
  display:grid!important;
  grid-template-rows:32px minmax(0,1fr) 18px!important;
  padding:7px!important;
}
body.cmoa-view .cmoa-section-title{min-height:32px!important;height:32px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin:0!important}
body.cmoa-view .cmoa-section-title h3{font-size:16px!important;line-height:1!important;margin:0!important}
body.cmoa-view .cmoa-section-title span,body.cmoa-view .cmoa-page-badge{font-size:9px!important;line-height:1.1!important}

/* grade 9 cards visíveis sem corte */
body.cmoa-view .cmoa-grid{
  min-height:0!important;height:100%!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;align-content:stretch!important;
}
body.cmoa-view .cmoa-card{
  min-height:0!important;height:100%!important;overflow:hidden!important;
  display:grid!important;grid-template-rows:auto auto 1fr auto!important;
  padding:7px 10px 6px!important;border-radius:14px!important;
  background:linear-gradient(180deg,#6f1320 0%,#821d2b 100%)!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
body.cmoa-view .cmoa-card.alarme{background:linear-gradient(180deg,#761624 0%,#8a1d2c 100%)!important;border-color:#ef6b77!important;animation:cmoaPulseSoft 2.2s ease-in-out infinite!important}
body.cmoa-view .cmoa-card.offline,body.cmoa-view .cmoa-card.sem_dados{background:linear-gradient(180deg,#163954 0%,#19415e 100%)!important;border-color:#8ea7b9!important;animation:none!important}
body.cmoa-view .cmoa-card.atencao{background:linear-gradient(180deg,#7a5518 0%,#8a6320 100%)!important;border-color:#dfb056!important}
body.cmoa-view .cmoa-card.normal{background:linear-gradient(180deg,#135338 0%,#176245 100%)!important;border-color:#4ec28b!important}
body.cmoa-view .cmoa-card-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px!important;margin-bottom:4px!important}
body.cmoa-view .cmoa-card-head b{font-size:20px!important;line-height:1.02!important;letter-spacing:-.02em!important}
body.cmoa-view .cmoa-card-head span{font-size:12px!important;line-height:1.08!important;margin-top:2px!important;opacity:.96!important}
body.cmoa-view .cmoa-card-head em{font-size:10px!important;font-weight:900!important;padding:5px 8px!important;border-radius:10px!important;align-self:flex-start!important}
body.cmoa-view .cmoa-card-main{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:2px 0 4px!important
}
body.cmoa-view .cmoa-card-icon{font-size:38px!important;line-height:1!important}
body.cmoa-view .cmoa-values{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:end!important;width:100%!important
}
body.cmoa-view .cmoa-values>div{min-width:0!important}
body.cmoa-view .cmoa-values strong{display:block!important;font-size:clamp(34px,2vw,42px)!important;line-height:.88!important;letter-spacing:-.04em!important;font-weight:900!important}
body.cmoa-view .cmoa-humidity strong{font-size:clamp(32px,1.8vw,38px)!important}
body.cmoa-view .cmoa-values small{display:block!important;font-size:11px!important;line-height:1.03!important;letter-spacing:.03em!important;margin-top:2px!important}
body.cmoa-view .cmoa-reason{
  align-self:start!important;
  min-height:42px!important;
  margin:2px 0 6px!important;padding:7px 9px!important;border-radius:9px!important;
  font-size:13px!important;line-height:1.18!important;
  background:rgba(255,255,255,.11)!important;overflow:hidden!important;display:flex!important;align-items:center!important
}
body.cmoa-view .cmoa-card-bottom{
  display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:8px!important;margin-top:auto!important;
  font-size:10px!important;line-height:1.08!important
}
body.cmoa-view .cmoa-card-bottom span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cmoa-view .cmoa-event-row{font-size:12px!important;font-weight:900!important;line-height:1.05!important;text-align:right!important}
body.cmoa-view .cmoa-event-row small{display:block!important;margin-top:2px!important;font-size:10px!important;font-weight:700!important;line-height:1.08!important}
body.cmoa-view .cmoa-event-row .dot{width:7px!important;height:7px!important;margin-right:4px!important}
body.cmoa-view .cmoa-pager{min-height:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:9px!important;line-height:1!important}
body.cmoa-view .cmoa-pager-dots span{width:7px!important;height:7px!important}
body.cmoa-view .cmoa-foot{
  min-height:18px!important;height:18px!important;padding:0 6px!important;
  display:grid!important;grid-template-columns:auto 1fr auto auto!important;gap:8px!important;align-items:center!important;
  font-size:8px!important;line-height:1!important;color:#dce9f2!important;background:transparent!important
}

/* lateral */
body.cmoa-view .cmoa-side{display:grid!important;grid-template-rows:auto auto auto auto!important;gap:7px!important;padding:7px!important}
body.cmoa-view .cmoa-side-section{padding:8px!important;border-radius:14px!important;background:rgba(8,28,43,.24)!important;border:1px solid rgba(162,207,237,.16)!important}
body.cmoa-view .cmoa-side-section h3,body.cmoa-view .cmoa-side-section .label{font-size:11px!important;line-height:1.08!important;margin:0 0 5px!important}
body.cmoa-view .cmoa-general-total b{font-size:13px!important;line-height:1.08!important}
body.cmoa-view .cmoa-general-total span{font-size:8px!important;line-height:1.08!important}
body.cmoa-view .cmoa-general-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:6px!important}
body.cmoa-view .cmoa-general-grid>div{padding:6px!important;border-radius:10px!important}
body.cmoa-view .cmoa-general-grid b{font-size:13px!important}
body.cmoa-view .cmoa-general-grid span{font-size:8px!important;line-height:1.05!important}
body.cmoa-view .cmoa-comm-item{padding:4px 0!important;display:flex!important;justify-content:space-between!important;gap:6px!important}
body.cmoa-view .cmoa-comm-item b{font-size:8px!important;line-height:1.08!important}
body.cmoa-view .cmoa-comm-item span,body.cmoa-view .cmoa-comm-item strong{font-size:7px!important;line-height:1.08!important}
body.cmoa-view .cmoa-mini-btn{padding:6px 8px!important;font-size:9px!important;border-radius:10px!important}
body.cmoa-view .cmoa-old-alert b{font-size:11px!important;line-height:1.08!important}
body.cmoa-view .cmoa-old-alert small{font-size:8px!important;line-height:1.1!important}
body.cmoa-view .cmoa-old-alert .tempo{font-size:20px!important;line-height:1!important;margin:4px 0 2px!important}
body.cmoa-view .cmoa-old-alert .inicio{font-size:8px!important;line-height:1.08!important}
body.cmoa-view .cmoa-next-wrap{display:grid!important;grid-template-columns:52px 1fr!important;gap:8px!important;align-items:center!important}
body.cmoa-view .cmoa-next-ring,body.cmoa-view .cmoa-next-ring svg{width:48px!important;height:48px!important}
body.cmoa-view .cmoa-next-ring div{font-size:11px!important}
body.cmoa-view #cmoaProxima .label{font-size:9px!important}
body.cmoa-view #cmoaProxima b{font-size:11px!important}
body.cmoa-view #cmoaProxima small{font-size:8px!important}

/* full hd */
@media (min-width:1500px) and (max-width:1919px){
  body.cmoa-view .cmoa-head-right{grid-template-columns:180px 120px 194px 110px!important}
  body.cmoa-view .cmoa-card-head b{font-size:19px!important}
  body.cmoa-view .cmoa-values strong{font-size:36px!important}
}

/* TV 4K */
@media (min-width:2200px){
  body.cmoa-view .cmoa-native{grid-template-rows:92px 54px 66px minmax(0,1fr) 22px!important;gap:10px!important;padding:10px!important}
  body.cmoa-view .cmoa-head{height:92px!important;min-height:92px!important;padding:10px 18px!important}
  body.cmoa-view .cmoa-logo{width:64px!important;height:64px!important;flex-basis:64px!important;font-size:24px!important}
  body.cmoa-view .cmoa-brand h2{font-size:36px!important}
  body.cmoa-view .cmoa-brand p{font-size:16px!important}
  body.cmoa-view .cmoa-head-right{grid-template-columns:220px 150px 250px 132px!important}
  body.cmoa-view .cmoa-topbox{height:70px!important;min-height:70px!important}
  body.cmoa-view .cmoa-topbox strong{font-size:20px!important}
  body.cmoa-view .cmoa-topbox.clock strong{font-size:34px!important}
  body.cmoa-view .cmoa-fullscreen{height:70px!important;min-height:70px!important;font-size:15px!important}
  body.cmoa-view .cmoa-band{height:54px!important;min-height:54px!important}
  body.cmoa-view .cmoa-band b{font-size:16px!important}
  body.cmoa-view .cmoa-band span{font-size:12px!important}
  body.cmoa-view .cmoa-summary>div{height:66px!important;min-height:66px!important}
  body.cmoa-view .cmoa-summary b{font-size:18px!important}
  body.cmoa-view .cmoa-summary span{font-size:12px!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 285px!important}
  body.cmoa-view .cmoa-card{padding:10px 12px 8px!important}
  body.cmoa-view .cmoa-card-head b{font-size:24px!important}
  body.cmoa-view .cmoa-card-head span{font-size:14px!important}
  body.cmoa-view .cmoa-values strong{font-size:46px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:42px!important}
  body.cmoa-view .cmoa-values small{font-size:12px!important}
  body.cmoa-view .cmoa-reason{font-size:15px!important;min-height:48px!important}
  body.cmoa-view .cmoa-card-bottom{font-size:11px!important}
  body.cmoa-view .cmoa-event-row{font-size:13px!important}.cmoa-event-row small{font-size:11px!important}
}

/* tablet */
@media (max-width: 1180px){
  .shell{display:block!important}
  body.cmoa-view .shell>main{height:auto!important;overflow:visible!important}
  body.cmoa-view #app{height:auto!important;min-height:100vh!important;overflow:visible!important}
  body.cmoa-view .cmoa-native{height:auto!important;grid-template-rows:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-head{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-head-right{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-self:stretch!important}
  body.cmoa-view .cmoa-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-main-panel{grid-template-rows:auto auto auto!important;height:auto!important}
  body.cmoa-view .cmoa-main-panel,body.cmoa-view .cmoa-side{overflow:visible!important}
  body.cmoa-view .cmoa-grid{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-card{height:auto!important;min-height:210px!important}
  body.cmoa-view .cmoa-foot{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:4px 2px!important}
}

/* celular */
@media (max-width: 680px){
  nav a{font-size:16px!important;min-height:50px!important}
  body.cmoa-view .cmoa-native{padding:6px!important;gap:6px!important}
  body.cmoa-view .cmoa-head-right{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-alarm-bands{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-summary{grid-template-columns:1fr 1fr!important}
  body.cmoa-view .cmoa-grid{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-card{min-height:195px!important}
  body.cmoa-view .cmoa-card-head b{font-size:18px!important}
  body.cmoa-view .cmoa-values strong{font-size:34px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:31px!important}
}

/* =====================================================================
   HMP V3.13.1 — Ajuste fino final do CMOA
   foco: fonte maior, topo melhor distribuído e 9 cards sem corte
   ===================================================================== */

/* uso do espaço do CMOA */
body.cmoa-view #app{
  padding:0!important;
}
body.cmoa-view .cmoa-native{
  grid-template-rows:68px 44px 52px minmax(0,1fr) 16px!important;
  gap:6px!important;
  padding:6px!important;
}

/* topo */
body.cmoa-view .cmoa-head{
  min-height:68px!important;
  height:68px!important;
  padding:8px 12px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
}
body.cmoa-view .cmoa-brand{
  gap:12px!important;
}
body.cmoa-view .cmoa-logo{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  border-radius:14px!important;
}
body.cmoa-view .cmoa-brand h2{
  font-size:clamp(24px,1.45vw,30px)!important;
  line-height:1.02!important;
}
body.cmoa-view .cmoa-brand p{
  font-size:13px!important;
  line-height:1.18!important;
}
body.cmoa-view .cmoa-head-right{
  grid-template-columns:180px 120px 190px 108px!important;
  gap:8px!important;
  justify-self:center!important;
  align-items:center!important;
}
body.cmoa-view .cmoa-topbox,
body.cmoa-view .cmoa-fullscreen{
  min-height:50px!important;
  height:50px!important;
  padding:6px 10px!important;
  border-radius:12px!important;
}
body.cmoa-view .cmoa-topbox{justify-content:center!important;text-align:center!important}
body.cmoa-view .cmoa-weather-icon{font-size:28px!important}
body.cmoa-view .cmoa-topbox strong{font-size:16px!important;line-height:1.02!important}
body.cmoa-view .cmoa-topbox small,
body.cmoa-view .cmoa-topbox span,
body.cmoa-view .cmoa-topbox em{font-size:10px!important;line-height:1.08!important}
body.cmoa-view .cmoa-topbox.clock strong{font-size:26px!important;letter-spacing:-.02em!important}
body.cmoa-view .cmoa-fullscreen{font-size:12px!important;font-weight:900!important}

/* faixas de alerta e resumo */
body.cmoa-view .cmoa-alarm-bands{gap:6px!important}
body.cmoa-view .cmoa-band{
  min-height:44px!important;
  height:44px!important;
  padding:6px 12px!important;
  border-radius:12px!important;
}
body.cmoa-view .cmoa-band-icon{font-size:20px!important}
body.cmoa-view .cmoa-band b{font-size:13px!important}
body.cmoa-view .cmoa-band span{font-size:10px!important;line-height:1.08!important}
body.cmoa-view .cmoa-band strong{font-size:11px!important;padding:5px 10px!important}

body.cmoa-view .cmoa-summary{gap:6px!important}
body.cmoa-view .cmoa-summary>div{
  min-height:52px!important;
  height:52px!important;
  padding:7px 9px!important;
  grid-template-columns:36px 1fr!important;
  border-radius:12px!important;
}
body.cmoa-view .cmoa-summary>div .ico{width:28px!important;height:28px!important;font-size:15px!important}
body.cmoa-view .cmoa-summary b{font-size:18px!important;line-height:1!important}
body.cmoa-view .cmoa-summary span{font-size:10px!important;line-height:1.08!important}

/* área principal */
body.cmoa-view .cmoa-layout{
  grid-template-columns:minmax(0,1fr) 210px!important;
  gap:6px!important;
}
body.cmoa-view .cmoa-main-panel,
body.cmoa-view .cmoa-side{
  border-radius:14px!important;
}
body.cmoa-view .cmoa-main-panel{
  grid-template-rows:26px minmax(0,1fr) 14px!important;
  padding:6px!important;
}
body.cmoa-view .cmoa-section-title{
  min-height:26px!important;
  height:26px!important;
  align-items:center!important;
}
body.cmoa-view .cmoa-section-title h3{
  font-size:15px!important;
  line-height:1!important;
}
body.cmoa-view .cmoa-section-title span,
body.cmoa-view .cmoa-page-badge{
  font-size:9px!important;
}

/* grid 9 cards fixos */
body.cmoa-view .cmoa-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  min-height:0!important;
  height:100%!important;
}
body.cmoa-view .cmoa-card{
  min-height:0!important;
  height:100%!important;
  padding:6px 10px 6px!important;
  border-radius:13px!important;
  grid-template-rows:auto auto 1fr auto!important;
}
body.cmoa-view .cmoa-card-head{
  gap:6px!important;
  margin-bottom:2px!important;
}
body.cmoa-view .cmoa-card-head b{
  font-size:clamp(17px,1vw,21px)!important;
  line-height:1.02!important;
}
body.cmoa-view .cmoa-card-head span{
  font-size:12px!important;
  line-height:1.06!important;
}
body.cmoa-view .cmoa-card-head em{
  font-size:10px!important;
  padding:4px 8px!important;
  border-radius:9px!important;
}
body.cmoa-view .cmoa-card-main{
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  margin:1px 0 3px!important;
}
body.cmoa-view .cmoa-card-icon{
  font-size:34px!important;
}
body.cmoa-view .cmoa-values{
  gap:14px!important;
  align-items:end!important;
}
body.cmoa-view .cmoa-values strong{
  font-size:clamp(31px,1.8vw,40px)!important;
  line-height:.88!important;
  letter-spacing:-.045em!important;
}
body.cmoa-view .cmoa-humidity strong{
  font-size:clamp(29px,1.65vw,36px)!important;
}
body.cmoa-view .cmoa-values small{
  font-size:11px!important;
  line-height:1.02!important;
  margin-top:1px!important;
}
body.cmoa-view .cmoa-reason{
  min-height:34px!important;
  margin:2px 0 4px!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  font-size:13px!important;
  line-height:1.15!important;
}
body.cmoa-view .cmoa-card-bottom{
  font-size:10px!important;
  line-height:1.06!important;
  gap:6px!important;
}
body.cmoa-view .cmoa-event-row{
  font-size:12px!important;
  line-height:1.04!important;
}
body.cmoa-view .cmoa-event-row small{
  font-size:10px!important;
  line-height:1.06!important;
}
body.cmoa-view .cmoa-pager{
  min-height:14px!important;
  height:14px!important;
  font-size:8px!important;
}
body.cmoa-view .cmoa-foot{
  min-height:16px!important;
  height:16px!important;
  font-size:7px!important;
  padding:0 4px!important;
}

/* lateral direita compacta */
body.cmoa-view .cmoa-side{
  gap:6px!important;
  padding:6px!important;
}
body.cmoa-view .cmoa-side-section{
  padding:7px!important;
  border-radius:12px!important;
}
body.cmoa-view .cmoa-side-section h3,
body.cmoa-view .cmoa-side-section .label{
  font-size:10px!important;
  line-height:1.08!important;
  margin-bottom:4px!important;
}
body.cmoa-view .cmoa-general-total b{font-size:12px!important}
body.cmoa-view .cmoa-general-total span{font-size:8px!important}
body.cmoa-view .cmoa-general-grid{gap:5px!important;margin-top:5px!important}
body.cmoa-view .cmoa-general-grid>div{padding:5px!important;border-radius:9px!important}
body.cmoa-view .cmoa-general-grid b{font-size:12px!important}
body.cmoa-view .cmoa-general-grid span{font-size:8px!important}
body.cmoa-view .cmoa-comm-item{padding:3px 0!important}
body.cmoa-view .cmoa-comm-item b{font-size:7px!important;line-height:1.08!important}
body.cmoa-view .cmoa-comm-item span,
body.cmoa-view .cmoa-comm-item strong{font-size:7px!important;line-height:1.08!important}
body.cmoa-view .cmoa-mini-btn{font-size:8px!important;padding:5px 7px!important}
body.cmoa-view .cmoa-old-alert b{font-size:10px!important}
body.cmoa-view .cmoa-old-alert small,
body.cmoa-view .cmoa-old-alert .inicio{font-size:8px!important}
body.cmoa-view .cmoa-old-alert .tempo{font-size:18px!important;line-height:1!important}
body.cmoa-view .cmoa-next-wrap{grid-template-columns:46px 1fr!important;gap:6px!important}
body.cmoa-view .cmoa-next-ring,
body.cmoa-view .cmoa-next-ring svg{width:42px!important;height:42px!important}
body.cmoa-view .cmoa-next-ring div{font-size:10px!important}
body.cmoa-view #cmoaProxima b{font-size:10px!important}
body.cmoa-view #cmoaProxima small,
body.cmoa-view #cmoaProxima .label{font-size:8px!important}

/* full hd */
@media (min-width:1500px) and (max-width:1919px){
  body.cmoa-view .cmoa-head-right{grid-template-columns:176px 118px 184px 106px!important}
  body.cmoa-view .cmoa-values strong{font-size:35px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:33px!important}
}

/* tvs maiores */
@media (min-width:2200px){
  body.cmoa-view .cmoa-native{grid-template-rows:84px 52px 62px minmax(0,1fr) 20px!important;padding:8px!important;gap:8px!important}
  body.cmoa-view .cmoa-head{height:84px!important;min-height:84px!important;padding:10px 16px!important}
  body.cmoa-view .cmoa-brand h2{font-size:36px!important}
  body.cmoa-view .cmoa-brand p{font-size:16px!important}
  body.cmoa-view .cmoa-head-right{grid-template-columns:214px 144px 232px 124px!important}
  body.cmoa-view .cmoa-topbox,
  body.cmoa-view .cmoa-fullscreen{height:64px!important;min-height:64px!important}
  body.cmoa-view .cmoa-topbox.clock strong{font-size:34px!important}
  body.cmoa-view .cmoa-summary>div{height:62px!important;min-height:62px!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:minmax(0,1fr) 250px!important}
  body.cmoa-view .cmoa-card-head b{font-size:24px!important}
  body.cmoa-view .cmoa-card-head span{font-size:14px!important}
  body.cmoa-view .cmoa-values strong{font-size:46px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:42px!important}
  body.cmoa-view .cmoa-reason{font-size:15px!important;min-height:42px!important}
  body.cmoa-view .cmoa-card-bottom{font-size:11px!important}
}

/* notebook / tablet */
@media (max-width:1180px){
  body.cmoa-view .shell>main{height:auto!important;overflow:visible!important}
  body.cmoa-view #app{height:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-native{height:auto!important;grid-template-rows:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-head{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-head-right{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-self:stretch!important}
  body.cmoa-view .cmoa-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.cmoa-view .cmoa-layout{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-main-panel{grid-template-rows:auto auto auto!important;height:auto!important}
  body.cmoa-view .cmoa-main-panel,body.cmoa-view .cmoa-side{overflow:visible!important}
  body.cmoa-view .cmoa-grid{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;overflow:visible!important}
  body.cmoa-view .cmoa-card{height:auto!important;min-height:200px!important}
}

/* celular */
@media (max-width:680px){
  body.cmoa-view .cmoa-head-right{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-alarm-bands{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-summary{grid-template-columns:1fr 1fr!important}
  body.cmoa-view .cmoa-grid{grid-template-columns:1fr!important}
  body.cmoa-view .cmoa-card{min-height:190px!important}
  body.cmoa-view .cmoa-card-head b{font-size:18px!important}
  body.cmoa-view .cmoa-values strong{font-size:34px!important}
  body.cmoa-view .cmoa-humidity strong{font-size:31px!important}
}

/* =====================================================================
   HMP V3.13.2 — Nova identidade visual / CMOA removido do portal
   ===================================================================== */
:root{
  --hospital-900:#123b5a!important;
  --hospital-800:#1b5278!important;
  --hospital-700:#2c6d98!important;
  --hospital-600:#3e82ad!important;
  --hospital-100:#eaf3f8!important;
  --hospital-050:#f6f9fb!important;
  --ink:#17364f!important;
  --muted:#647b8d!important;
}
html,body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;background:#eef4f7!important;color:var(--ink)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.shell{grid-template-columns:250px minmax(0,1fr)!important}
aside#sidebar,aside{
  background:linear-gradient(180deg,#2d668b 0%,#285d80 55%,#234f6d 100%)!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  box-shadow:6px 0 24px rgba(29,67,94,.10)!important;
}
.brand-new{display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 10px 22px!important;min-height:104px!important}
.sidebar-brand-logo{width:210px!important;max-width:100%!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 4px 10px rgba(5,38,73,.12))}
nav{gap:8px!important}
nav a{
  min-height:54px!important;padding:12px 14px!important;border-radius:13px!important;
  font-size:16px!important;font-weight:800!important;color:#f8fbfd!important;letter-spacing:.005em!important;
}
nav a:hover,nav a.active{background:rgba(255,255,255,.17)!important;box-shadow:inset 3px 0 rgba(255,255,255,.75)!important}
.nav-ico{
  width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;font-size:18px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;
}
aside small{font-size:11px!important;line-height:1.45!important;color:#d9e7f0!important;opacity:1!important;padding:12px 10px!important}
header{min-height:76px!important;height:auto!important;background:#fff!important;border-bottom:1px solid #d9e5ec!important;padding:10px 22px!important}
header h1{font-size:22px!important;line-height:1.08!important;color:#183a55!important;letter-spacing:-.015em!important}
header p{font-size:12px!important;line-height:1.3!important;color:#6a8090!important}
#user{font-size:12px!important;color:#6a7d8c!important}#user b{font-size:14px!important;color:#17364f!important}
#app{padding:20px!important;background:linear-gradient(180deg,#f7fafc,#eef4f7)!important}

/* Hero institucional */
.hmp-brand-hero{
  display:grid!important;
  grid-template-columns:340px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  min-height:158px!important;
  padding:22px 28px!important;
  background:linear-gradient(135deg,#dceef8 0%,#eef7fb 55%,#ffffff 100%)!important;
  border:1px solid #c9dde9!important;
  box-shadow:0 12px 30px rgba(39,89,120,.09)!important;
  color:var(--ink)!important;
}
.hero-logo-wrap{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important}
.hero-brand-logo{width:330px!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.hero-copy{border-left:1px solid #bed5e4!important;padding-left:26px!important}
.hmp-brand-hero .hero-eyebrow{font-size:10px!important;letter-spacing:.18em!important;color:#5684a4!important;font-weight:900!important}
.hmp-brand-hero h2{font-size:27px!important;line-height:1.06!important;color:#173c58!important;margin:7px 0 8px!important}
.hmp-brand-hero p{font-size:14px!important;line-height:1.45!important;color:#60798a!important;margin:0!important}
.hmp-brand-hero .hero-status{color:#3b6e55!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}
.hmp-brand-hero .hero-status i{width:9px!important;height:9px!important;background:#35b86d!important;box-shadow:0 0 0 4px rgba(53,184,109,.10)!important}

/* Home com 3 módulos */
.hmp-home-links-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:16px!important}
.hmp-module-card{
  min-height:210px!important;padding:24px!important;border-radius:18px!important;
  background:#fff!important;border:1px solid #d4e2ea!important;box-shadow:0 10px 26px rgba(33,73,98,.07)!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;
}
.hmp-module-card:hover{transform:translateY(-2px)!important;border-color:#a8c9dd!important;box-shadow:0 14px 32px rgba(33,73,98,.12)!important}
.module-icon{
  width:52px!important;height:52px!important;border-radius:14px!important;display:grid!important;place-items:center!important;
  background:#e8f3f9!important;border:1px solid #c5ddea!important;color:#27698f!important;font-size:24px!important;
}
.hmp-module-card b{font-size:20px!important;line-height:1.15!important;color:#173b56!important;margin-top:3px!important}
.hmp-module-card>span:not(.module-icon){font-size:14px!important;line-height:1.45!important;color:#657d8e!important}
.hmp-module-card em{font-size:12px!important;font-weight:800!important;color:#347ba6!important;margin-top:auto!important;font-style:normal!important}

/* botões / campos mais institucionais */
.btn,button.primary{background:linear-gradient(135deg,#347ca9,#27678f)!important;border-color:#27678f!important;color:#fff!important}
input,select,textarea{font-size:14px!important;border-color:#cbdce6!important}

/* desktop menor */
@media(max-width:1250px){
  .shell{grid-template-columns:225px minmax(0,1fr)!important}
  .sidebar-brand-logo{width:188px!important}
  .hmp-brand-hero{grid-template-columns:270px minmax(0,1fr)!important}
  .hmp-brand-hero .hero-status{grid-column:1/-1!important;justify-self:end!important}
  .hero-brand-logo{width:260px!important}
  .hmp-home-links-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* tablet */
@media(max-width:980px){
  .shell{display:block!important}
  aside#sidebar,aside{width:270px!important;left:-285px!important}
  aside#sidebar.open,aside.open{left:0!important}
  .sidebar-brand-logo{width:210px!important}
  #app{padding:14px!important}
  .hmp-brand-hero{grid-template-columns:1fr!important;gap:16px!important;padding:20px!important}
  .hero-logo-wrap{justify-content:center!important}
  .hero-brand-logo{width:min(360px,80vw)!important}
  .hero-copy{border-left:0!important;border-top:1px solid #c6dce9!important;padding:16px 0 0!important;text-align:center!important}
  .hmp-brand-hero .hero-status{grid-column:auto!important;justify-self:center!important}
}

/* celular */
@media(max-width:680px){
  header{min-height:66px!important;padding:9px 12px!important}
  header h1{font-size:19px!important}
  #user{display:none!important}
  .hmp-home-links-3{grid-template-columns:1fr!important;gap:12px!important}
  .hmp-module-card{min-height:178px!important;padding:20px!important}
  .hmp-module-card b{font-size:19px!important}
  .hmp-module-card>span:not(.module-icon){font-size:13px!important}
  .hmp-brand-hero h2{font-size:23px!important}
  .hmp-brand-hero p{font-size:13px!important}
}

/* =====================================================================
   HMP V3.13.3 — Login operacional padronizado
   Plantão HBB e Geradores HBB usam exatamente o mesmo layout
   ===================================================================== */
.op-login-unificado{
  width:100%!important;
  min-height:calc(100vh - 100px)!important;
  background:#eef4f7!important;
}
.op-login-unificado .ger-op-login{
  min-height:70vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
.op-login-unificado .ger-op-login-card,
.ger-op-login-card{
  width:min(430px,100%)!important;
  min-height:0!important;
  padding:24px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #dce6ec!important;
  box-shadow:0 12px 32px rgba(17,57,82,.10)!important;
}
.op-login-unificado .ger-op-brand,
.ger-op-login-card .ger-op-brand{
  font-size:11px!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:#667d8e!important;
  font-weight:800!important;
}
.op-login-unificado .ger-op-login-card h1,
.ger-op-login-card h1{
  margin:8px 0 3px!important;
  color:#174b70!important;
  font-size:28px!important;
  line-height:1.05!important;
}
.op-login-unificado .ger-op-login-card p,
.ger-op-login-card p{
  margin:0 0 18px!important;
  color:#76889a!important;
  font-size:14px!important;
  line-height:1.35!important;
}
.op-login-unificado .ger-op-login-card label,
.ger-op-login-card label{
  display:block!important;
  font-weight:800!important;
  font-size:14px!important;
  color:#344054!important;
  margin:11px 0 5px!important;
}
.op-login-unificado .ger-op-login-card input,
.ger-op-login-card input{
  width:100%!important;
  min-height:52px!important;
  border:1px solid #c9d7df!important;
  border-radius:10px!important;
  padding:10px 12px!important;
  font-size:18px!important;
  color:#213b4d!important;
  background:#fff!important;
}
.op-login-unificado .ger-op-login-card button,
.ger-op-login-card button{
  width:100%!important;
  min-height:54px!important;
  margin-top:16px!important;
  border:0!important;
  border-radius:10px!important;
  background:#174b70!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.op-login-unificado .ger-op-login-card form>span,
.ger-op-login-card form>span{
  display:block!important;
  text-align:center!important;
  margin-top:10px!important;
  font-size:11px!important;
  color:#788897!important;
}

@media(max-width:700px){
  .op-login-unificado .ger-op-login-card,
  .ger-op-login-card{padding:20px 14px!important}
  .op-login-unificado .ger-op-login-card h1,
  .ger-op-login-card h1{font-size:32px!important}
  .op-login-unificado .ger-op-login-card label,
  .ger-op-login-card label{font-size:18px!important}
  .op-login-unificado .ger-op-login-card input,
  .ger-op-login-card input{min-height:64px!important;font-size:22px!important}
  .op-login-unificado .ger-op-login-card button,
  .ger-op-login-card button{min-height:64px!important;font-size:20px!important}
}


/* HMP V3.13.4 — Farmácias ADM com fonte maior */
.far-admin{padding:18px!important}
.far-head h2{font-size:28px!important;line-height:1.15!important}
.far-head p{font-size:15px!important;line-height:1.45!important}
.far-actions .btn,.far-tabs button,.far-filterbar input,.far-filterbar select{font-size:15px!important}
.far-filterbar select,.far-filterbar input{min-height:48px!important;padding:12px 14px!important}
.far-kpis>div{padding:16px 16px!important}
.far-kpis strong{font-size:34px!important}
.far-kpis span{font-size:14px!important}

.far-event-head{margin:16px 0 14px!important;align-items:flex-end!important}
.far-event-head h3{font-size:28px!important;line-height:1.15!important;color:#173b56!important}
.far-event-head p{font-size:14px!important;line-height:1.45!important;color:#667f90!important}
.far-event-grid{gap:14px!important}
.far-event-card{padding:18px!important;border-radius:14px!important;border-left-width:6px!important;box-shadow:0 8px 22px #14324b0d!important}
.far-event-top{gap:12px!important;align-items:flex-start!important}
.far-event-top b{font-size:24px!important;line-height:1.1!important;color:#173b56!important}
.far-event-top span{font-size:13px!important;line-height:1.35!important;color:#61798a!important;margin-top:4px!important}
.far-event-top em{font-size:11px!important;padding:6px 10px!important;letter-spacing:.02em!important}
.far-event-meta{gap:8px!important;margin:12px 0 14px!important}
.far-event-meta span{font-size:11px!important;padding:6px 9px!important;border-radius:999px!important}
.far-event-card p{font-size:18px!important;line-height:1.5!important;color:#5f7585!important;margin:8px 0 12px!important}
.far-event-card textarea{min-height:120px!important;padding:14px 15px!important;font-size:16px!important;line-height:1.5!important;border-radius:10px!important}
.far-event-card textarea::placeholder{font-size:15px!important;color:#7a93a4!important}
.far-event-card .btn,.far-event-card button{min-height:48px!important;padding:12px 16px!important;font-size:16px!important;border-radius:10px!important;font-weight:800!important}
.far-event-saved{padding:12px 14px!important;font-size:15px!important;line-height:1.6!important;border-radius:10px!important}
.far-event-saved b{font-size:16px!important}

/* Também melhora leitura geral do painel ADM das farmácias */
.far-alert b,.far-card-top b{font-size:15px!important}
.far-alert span,.far-card-top span,.far-card p,.far-card>small{font-size:12px!important;line-height:1.45!important}
.far-values strong{font-size:34px!important}
.far-values small{font-size:12px!important}
.far-history-head h3{font-size:24px!important}
.far-history-head p{font-size:13px!important}
.far-chart-title{font-size:16px!important}
.far-report-card h3{font-size:24px!important}
.far-report-card p,.far-report-explain,.far-report-note{font-size:14px!important;line-height:1.6!important}
.far-report-grid label,.far-report-dates label{font-size:13px!important}
.far-report-grid select,.far-report-dates input,.far-report-controls select{font-size:15px!important;min-height:46px!important}

@media(max-width:760px){
  .far-head h2{font-size:24px!important}
  .far-head p{font-size:14px!important}
  .far-event-head h3{font-size:24px!important}
  .far-event-top b{font-size:20px!important}
  .far-event-card p{font-size:16px!important}
  .far-event-card textarea{font-size:15px!important;min-height:110px!important}
}


/* =====================================================================
   HMP V3.13.5 — Painel das Farmácias: fonte maior, cards maiores e visual hospitalar
   ===================================================================== */

/* identidade mais leve e profissional */
:root{
  --far-blue:#2f6f98;
  --far-blue-2:#4f8fb7;
  --far-blue-soft:#eaf3f8;
  --far-page:#f2f6f9;
  --far-card:#ffffff;
  --far-border:#d7e3eb;
  --far-text:#17384f;
  --far-muted:#647d8e;
  --far-ok:#3f8a69;
  --far-warn:#c89a42;
  --far-bad:#c86b73;
  --far-off:#7b8f9d;
}

body{
  background:linear-gradient(180deg,#f7fafc 0%,#eef4f8 100%)!important;
  color:var(--far-text)!important;
}

/* cabeçalho das Farmácias */
.far-admin{
  padding:20px!important;
  max-width:none!important;
}
.far-head{
  align-items:center!important;
  margin-bottom:10px!important;
}
.far-head h2{
  font-size:30px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  color:var(--far-text)!important;
}
.far-head p{
  font-size:15px!important;
  line-height:1.45!important;
  color:var(--far-muted)!important;
}
.far-actions{
  gap:10px!important;
}
.far-actions .btn{
  min-height:48px!important;
  padding:11px 18px!important;
  font-size:15px!important;
  border-radius:10px!important;
}

/* filtros maiores e mais legíveis */
.far-filterbar{
  grid-template-columns:240px 200px 240px minmax(280px,1fr) auto!important;
  gap:10px!important;
  margin:14px 0!important;
}
.far-filterbar select,
.far-filterbar input{
  min-height:50px!important;
  padding:12px 14px!important;
  border-radius:11px!important;
  border:1px solid #c7d8e3!important;
  background:#fff!important;
  font-size:15px!important;
  color:var(--far-text)!important;
  box-shadow:inset 0 1px 2px rgba(28,63,87,.03)!important;
}
.far-filterbar select:focus,
.far-filterbar input:focus{
  border-color:#76a8c8!important;
  box-shadow:0 0 0 3px rgba(78,143,183,.13)!important;
}
.far-filterbar input::placeholder{
  font-size:14px!important;
  color:#8196a4!important;
}

/* abas */
.far-tabs{
  gap:9px!important;
  margin:12px 0 14px!important;
}
.far-tabs button{
  min-height:44px!important;
  padding:10px 16px!important;
  font-size:14px!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#4b6577!important;
  border-color:#cedde7!important;
}
.far-tabs button.active{
  background:linear-gradient(135deg,#5d91b3,#477fa4)!important;
  border-color:#477fa4!important;
  color:#fff!important;
}

/* KPIs maiores */
.far-kpis{
  gap:10px!important;
  margin:12px 0 14px!important;
}
.far-kpis>div{
  min-height:84px!important;
  padding:15px 16px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#f9fcfd)!important;
  border:1px solid var(--far-border)!important;
  box-shadow:0 6px 18px rgba(29,66,91,.06)!important;
}
.far-kpis span{
  font-size:13px!important;
  line-height:1.25!important;
  color:var(--far-muted)!important;
}
.far-kpis strong{
  font-size:36px!important;
  line-height:1!important;
  margin-top:5px!important;
  color:var(--far-text)!important;
}
.far-kpis .ok{border-left:5px solid #6ca88b!important}
.far-kpis .warn{border-left:5px solid #d8b46b!important}
.far-kpis .bad{border-left:5px solid #d58b91!important}
.far-kpis .off{border-left:5px solid #9aabb6!important}

/* avisos / ocorrências */
.far-alert-grid{
  gap:10px!important;
  margin:10px 0 14px!important;
}
.far-alert{
  min-height:82px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  background:#fff!important;
  border-color:#dbe5ec!important;
  border-left:5px solid #d58b91!important;
  box-shadow:0 5px 16px rgba(29,66,91,.05)!important;
}
.far-alert.offline,.far-alert.sem_dados{
  border-left-color:#9aabb6!important;
  background:#f6f8fa!important;
}
.far-alert b{
  font-size:15px!important;
  line-height:1.25!important;
  color:var(--far-text)!important;
}
.far-alert span{
  font-size:13px!important;
  line-height:1.35!important;
  color:#607787!important;
  margin:4px 0!important;
}
.far-alert small{
  font-size:11px!important;
  color:#8395a2!important;
}

/* cards de equipamentos maiores e mais claros */
.far-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
}
.far-card{
  min-height:160px!important;
  padding:15px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #dce6ed!important;
  border-left:5px solid #6ca88b!important;
  box-shadow:0 6px 18px rgba(29,66,91,.055)!important;
}
.far-card.atencao{
  border-left-color:#d8b46b!important;
  background:#fffdf7!important;
}
.far-card.alarme{
  border-left-color:#d58b91!important;
  background:#fffafa!important;
}
.far-card.offline,.far-card.sem_dados{
  border-left-color:#9aabb6!important;
  background:#f7f9fa!important;
}
.far-card.selected{
  box-shadow:0 0 0 2px #6b9fbe inset,0 7px 20px rgba(29,66,91,.08)!important;
}
.far-card-top b{
  font-size:16px!important;
  line-height:1.2!important;
  color:var(--far-text)!important;
}
.far-card-top span{
  font-size:12px!important;
  line-height:1.3!important;
  color:#6d8393!important;
  margin-top:3px!important;
}
.far-card-top em{
  font-size:10px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:#edf3f6!important;
  color:#5c7383!important;
}
.far-values{
  gap:18px!important;
  margin:14px 0 10px!important;
}
.far-values strong{
  font-size:36px!important;
  line-height:1!important;
  color:var(--far-text)!important;
}
.far-values small{
  font-size:11px!important;
  line-height:1.2!important;
  color:#7c909e!important;
}
.far-card p{
  font-size:13px!important;
  line-height:1.4!important;
  color:#607787!important;
  margin:7px 0!important;
}
.far-card>small{
  font-size:11px!important;
  line-height:1.3!important;
  color:#8496a3!important;
}

/* histórico e gráficos */
.far-history-head h3{
  font-size:25px!important;
  color:var(--far-text)!important;
}
.far-history-head p{
  font-size:13px!important;
  color:var(--far-muted)!important;
}
.far-history-head select{
  min-height:46px!important;
  font-size:14px!important;
}
.far-chart-grid{
  gap:12px!important;
}
.far-chart-grid section{
  padding:14px!important;
  border-radius:13px!important;
  background:#fff!important;
  border-color:#dbe5ec!important;
  box-shadow:0 6px 18px rgba(29,66,91,.05)!important;
}
.far-chart-title{
  font-size:17px!important;
  color:var(--far-text)!important;
}
.far-svg text{
  font-size:11px!important;
  fill:#647c8c!important;
}

/* relatórios */
.far-report-card{
  padding:20px!important;
  border-radius:14px!important;
  background:#fff!important;
  border-color:#d9e4eb!important;
  box-shadow:0 6px 18px rgba(29,66,91,.05)!important;
}
.far-report-card h3{
  font-size:25px!important;
  color:var(--far-text)!important;
}
.far-report-card p{
  font-size:14px!important;
  line-height:1.55!important;
  color:var(--far-muted)!important;
}
.far-report-grid label,
.far-report-dates label{
  font-size:13px!important;
  color:#5e7484!important;
}
.far-report-grid select,
.far-report-dates input,
.far-report-controls select{
  min-height:48px!important;
  font-size:15px!important;
  border-radius:10px!important;
}
.far-report-explain,
.far-report-note{
  font-size:14px!important;
  line-height:1.55!important;
}

/* eventos: manter a versão ampliada, com visual mais suave */
.far-event-card{
  background:#fffdf8!important;
  border-color:#e2e9ee!important;
  border-left-color:#d5b66f!important;
}
.far-event-card.registered{
  background:#f7fbf8!important;
  border-left-color:#7cad90!important;
}
.far-event-top em{
  background:#f6eed9!important;
  color:#7d6223!important;
}
.far-event-card.registered .far-event-top em{
  background:#e8f2eb!important;
  color:#3c6b4f!important;
}
.far-event-meta span{
  background:#edf3f6!important;
  color:#5f7585!important;
}
.far-event-card textarea{
  background:#fff!important;
  border-color:#cad9e2!important;
}
.far-event-card .btn,
.far-event-card button{
  background:linear-gradient(135deg,#5c91b3,#467da1)!important;
  border-color:#467da1!important;
}

/* responsividade */
@media(max-width:1350px){
  .far-filterbar{
    grid-template-columns:1fr 1fr!important;
  }
  .far-filterbar input{
    grid-column:1/-1!important;
  }
  .far-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:980px){
  .far-admin{padding:14px!important}
  .far-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .far-kpis{grid-template-columns:repeat(3,1fr)!important}
  .far-alert-grid{grid-template-columns:1fr 1fr!important}
  .far-event-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .far-admin{padding:10px!important}
  .far-head h2{font-size:25px!important}
  .far-head p{font-size:14px!important}
  .far-filterbar{grid-template-columns:1fr!important}
  .far-filterbar input{grid-column:auto!important}
  .far-kpis{grid-template-columns:1fr 1fr!important}
  .far-grid,.far-alert-grid,.far-chart-grid{grid-template-columns:1fr!important}
  .far-card{min-height:145px!important}
  .far-card-top b{font-size:15px!important}
  .far-values strong{font-size:32px!important}
  .far-event-top b{font-size:20px!important}
  .far-event-card p{font-size:15px!important}
}

/* HMP V3.14.1 — rota Farmácias autorizada pelo aplicativo */


/* HMP V3.14.2 — Farmácias com acesso protegido e Administração útil */
.far-access-box{max-width:560px!important;padding:30px!important;border-radius:22px!important}
.far-access-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(145deg,#e7f4fa,#d6eaf4);border:1px solid #c5dde9;font-size:34px}
.far-access-box h2{text-align:center!important;margin:0 0 8px!important;color:#173b56!important}
.far-access-box>.muted{text-align:center;font-size:15px!important;margin-bottom:22px!important}
.far-access-main,.far-access-secondary{width:100%;min-height:52px;margin-top:8px;font-size:16px!important}
.far-access-note{text-align:center;color:#718796;font-size:12px;margin:15px 0 0}
.admin-hub{max-width:1280px;margin:0 auto}.admin-hub-head{margin-bottom:18px}.admin-hub-head>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#5790b1}.admin-hub-head h2{margin:6px 0!important}.admin-hub-head p{font-size:15px;color:#6c8190;margin:0}.admin-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-hub-card{display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:inherit;background:#fff;border:1px solid #d5e3eb;border-radius:17px;padding:20px;box-shadow:0 8px 24px #17384f0b;min-height:132px}.admin-hub-card:hover{border-color:#9fc6da;box-shadow:0 12px 28px #17384f15}.admin-hub-card.featured{grid-column:1/-1;background:linear-gradient(135deg,#f5fbfe,#edf7fb);border-color:#bcd9e8}.admin-hub-icon{width:52px;height:52px;flex:0 0 52px;border-radius:14px;display:grid;place-items:center;background:#e7f3f9;color:#27698f;font-size:24px}.admin-hub-card b{font-size:20px;color:#173b56}.admin-hub-card p{font-size:14px;line-height:1.45;color:#6a8191;margin:5px 0}.admin-hub-card em{font-size:13px;color:#2e7ba8;font-style:normal;font-weight:800}
@media(max-width:760px){.far-access-box{padding:22px 18px!important}.admin-hub-grid{grid-template-columns:1fr}.admin-hub-card.featured{grid-column:auto}.admin-hub-card{min-height:0;padding:16px}.admin-hub-card b{font-size:18px}}


/* HMP V3.14.3 — Serviços do Colaborador */
.nav-divider{height:1px;background:#ffffff24;margin:8px 10px}
nav a.nav-service{background:#ffffff0c;color:#eef8fd}
nav a.nav-service:hover{background:#ffffff1e;color:#fff}

.employee-services{margin-top:20px;background:linear-gradient(180deg,#f9fcfe,#f3f8fb);border:1px solid #d8e6ee;border-radius:18px;padding:20px}
.employee-services-head span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#3f82a8}
.employee-services-head h3{margin:5px 0 3px;font-size:22px!important;color:#173b56}
.employee-services-head p{margin:0;color:#6a8191;font-size:14px}
.employee-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.employee-service-card{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;background:#fff;border:1px solid #d7e4ec;border-radius:15px;padding:18px;box-shadow:0 8px 24px #17384e0b;transition:.16s}
.employee-service-card:hover{transform:translateY(-1px);border-color:#b8d4e3;box-shadow:0 12px 28px #17384e14}
.employee-service-icon{width:52px;height:52px;flex:0 0 52px;border-radius:14px;display:grid;place-items:center;background:#eaf4f9;color:#2e7299;font-size:25px}
.employee-service-card b,.employee-service-card span,.employee-service-card em{display:block}
.employee-service-card b{font-size:18px;color:#183d58;margin-bottom:4px}
.employee-service-card span:not(.employee-service-icon){font-size:13px;line-height:1.45;color:#647d8e}
.employee-service-card em{font-style:normal;font-size:12px;font-weight:800;color:#347ca5;margin-top:8px}
.admin-hub-card.service{border-color:#d7e5ed;background:linear-gradient(180deg,#fff,#f7fbfd)}

.meal-reminder-overlay{position:fixed;inset:0;z-index:99999;background:#0e26394a;backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}
.meal-reminder-card{width:min(520px,100%);background:#fff;border:1px solid #d5e4ed;border-radius:22px;box-shadow:0 24px 70px #0d2b4052;padding:24px;display:grid;grid-template-columns:64px 1fr;gap:16px}
.meal-reminder-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f4f9,#d8ebf4);font-size:30px}
.meal-reminder-eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#4a88a8;margin-bottom:5px}
.meal-reminder-copy h3{margin:0 0 6px!important;font-size:24px!important;color:#173b56}
.meal-reminder-copy p{margin:0;color:#61798a;font-size:15px;line-height:1.5}
.meal-reminder-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:4px}
.meal-reminder-actions .btn{min-height:48px;font-size:14px!important}
@media(max-width:760px){
 .employee-services{padding:15px}
 .employee-services-grid{grid-template-columns:1fr}
 .employee-service-card{padding:15px}
 .meal-reminder-card{grid-template-columns:52px 1fr;padding:18px;border-radius:18px}
 .meal-reminder-icon{width:52px;height:52px;border-radius:15px;font-size:25px}
 .meal-reminder-copy h3{font-size:21px!important}
 .meal-reminder-copy p{font-size:14px}
}


/* =====================================================================
   HMP V3.15 — Presença online e perfil
   ===================================================================== */
.header-profile-link{display:flex;align-items:center;justify-content:flex-end;gap:9px;text-decoration:none;color:inherit}
.header-profile-link>span:last-child{text-align:right}
.header-profile-photo,.header-profile-fallback{width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:cover;border:2px solid #d9e8f0;box-shadow:0 3px 10px #18384f18}
.header-profile-fallback{display:grid;place-items:center;background:#e8f3f9;color:#27698f;font-size:16px;font-weight:900}
.presence-nav-ico{position:relative;color:#e9fbf1!important}.presence-nav-ico i{position:absolute;width:8px;height:8px;border-radius:50%;background:#35c879;right:4px;bottom:4px;border:2px solid #2b668a}
.admin-hub-card.online-featured{border-color:#bfe2ce;background:linear-gradient(180deg,#f7fcf9,#eef8f2)}
.presence-big{position:relative;color:#2b9962!important}.presence-big i{position:absolute;width:11px;height:11px;border-radius:50%;background:#32c579;right:6px;bottom:6px;border:2px solid #fff}

.profile-page,.online-page{width:min(980px,100%);margin:0 auto}
.profile-card{width:min(560px,100%);margin:28px auto;background:#fff;border:1px solid #d7e4ec;border-radius:24px;padding:30px;box-shadow:0 18px 50px #15364d12;text-align:center}
.profile-photo-wrap{width:126px;height:126px;margin:0 auto 18px;position:relative}
.profile-avatar{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dcecf5,#c7e2ef);color:#225c7e;font-size:48px;font-weight:900;overflow:hidden;border:5px solid #fff;box-shadow:0 10px 28px #15384e2c}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-online-dot{position:absolute;width:24px;height:24px;border-radius:50%;background:#31c677;border:4px solid #fff;right:7px;bottom:7px}
.profile-eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#4b88a8}
.profile-copy h2{margin:6px 0 4px!important;color:#173b56}
.profile-copy p{margin:0 0 20px;color:#6b8191;font-size:15px}
.profile-photo-button{display:flex;align-items:center;justify-content:center;min-height:50px;padding:10px 15px;border-radius:12px;background:linear-gradient(135deg,#347ca9,#286c94);color:#fff;font-size:15px;font-weight:900;cursor:pointer;margin:12px 0 8px}
.profile-card>.btn{width:100%;min-height:48px}
.profile-card>small{display:block;margin-top:12px;color:#8293a0}

.online-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}
.online-head h2{margin:5px 0 3px!important;color:#173b56}
.online-head p{margin:0;color:#6b8191;font-size:14px}
.online-counter{min-width:112px;background:#eff9f3;border:1px solid #c9e7d4;border-radius:16px;padding:11px 14px;display:grid;grid-template-columns:10px auto;column-gap:7px;align-items:center}
.online-counter i{width:10px;height:10px;border-radius:50%;background:#31c677;grid-row:1/3}
.online-counter strong{font-size:24px;line-height:1;color:#1f6d49}
.online-counter span{font-size:11px;color:#638071}
.online-list{display:grid;gap:10px}
.online-user-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center;background:#fff;border:1px solid #d8e5ed;border-radius:18px;padding:13px 16px;box-shadow:0 8px 24px #17384e0b}
.online-avatar{width:58px;height:58px;border-radius:50%;position:relative;display:grid;place-items:center;background:#e6f2f8;color:#24678e;font-size:22px;font-weight:900;overflow:visible}
.online-avatar img,.online-avatar>span{width:58px;height:58px;border-radius:50%;object-fit:cover;display:grid;place-items:center;overflow:hidden}
.online-avatar i{position:absolute;width:15px;height:15px;border-radius:50%;background:#31c677;border:3px solid #fff;right:-1px;bottom:2px}
.online-user-copy b,.online-user-copy span,.online-user-copy small{display:block}
.online-user-copy b{font-size:17px;color:#193e59}
.online-user-copy span{font-size:13px;color:#627b8c;margin-top:2px}
.online-user-copy small{font-size:11px;color:#8697a3;margin-top:4px}
.online-status-pill{display:flex;align-items:center;gap:6px;background:#edf9f2;color:#2a8056;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}
.online-status-pill i{width:7px;height:7px;border-radius:50%;background:#31c677}

@media(max-width:700px){
  .header-profile-link>span:last-child{display:none}
  .header-profile-photo,.header-profile-fallback{width:34px;height:34px;flex-basis:34px}
  .profile-card{margin:10px auto;padding:22px 17px;border-radius:20px}
  .online-head{align-items:flex-start}
  .online-user-card{grid-template-columns:52px 1fr;padding:12px}
  .online-avatar,.online-avatar img,.online-avatar>span{width:52px;height:52px}
  .online-status-pill{display:none}
}


/* HMP V3.15.1 — perfil mais visível no topo */
.header-profile-link{gap:11px!important;padding:4px 7px!important;border-radius:14px!important}
.header-profile-link:hover{background:#edf5f9!important}
.header-profile-photo,.header-profile-fallback{
  width:46px!important;height:46px!important;flex:0 0 46px!important;
  border:3px solid #fff!important;box-shadow:0 5px 16px #17384e2a!important
}
.header-profile-link>span:last-child b{font-size:14px!important}
@media(max-width:700px){
 .header-profile-photo,.header-profile-fallback{width:42px!important;height:42px!important;flex-basis:42px!important}
}

/* HMP V3.15.3 — Hora e previsão do tempo local no topo */
.hmp-top-weather{margin-left:auto;margin-right:12px;display:flex;align-items:center;gap:8px}
.hmp-weather-box,.hmp-clock-box{height:48px;border:1px solid #d9e6ed;background:#f8fbfd;border-radius:13px;display:flex;align-items:center;box-shadow:0 4px 14px #18384f0b}
.hmp-weather-box{padding:5px 11px;gap:8px;min-width:220px}.hmp-weather-icon{font-size:25px;line-height:1}.hmp-weather-copy{display:flex;flex-direction:column;min-width:0}.hmp-weather-copy b{font-size:15px;color:#173b56;line-height:1.1}.hmp-weather-copy small{font-size:10px;color:#6b8191;line-height:1.15;white-space:nowrap}
.hmp-clock-box{padding:5px 13px;min-width:92px;justify-content:center;flex-direction:column}.hmp-clock-box b{font-size:20px;line-height:1;color:#173b56}.hmp-clock-box small{font-size:9px;color:#758997;text-transform:capitalize;margin-top:2px}
@media(max-width:760px){.hmp-top-weather{margin:0 6px 0 auto;gap:5px}.hmp-weather-box{height:42px;min-width:0;width:44px;padding:0;justify-content:center;border-radius:12px}.hmp-weather-icon{font-size:22px}.hmp-weather-copy{display:none}.hmp-clock-box{height:42px;min-width:68px;padding:4px 7px}.hmp-clock-box b{font-size:16px}.hmp-clock-box small{font-size:8px}}

/* V3.15.4 — garante encaixe do clima no header real do HMP */
main>header{display:flex!important;align-items:center!important}
main>header #user{margin-left:0!important}
.hmp-top-weather{flex:0 0 auto!important}
@media(max-width:760px){
 main>header{gap:4px!important}
 main>header>div:nth-of-type(1){min-width:0!important}
}


/* HMP V3.15.5 — Botão Sair no topo */
.hmp-top-logout{
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  margin-right:10px;
  border:1px solid #d9e6ed;
  border-radius:13px;
  background:#ffffff;
  color:#37566c;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 4px 14px #18384f0b;
  transition:.16s ease;
}
.hmp-top-logout:hover{
  background:#f3f8fb;
  border-color:#bdd4e1;
  color:#1d587a;
}
.hmp-top-logout-icon{
  font-size:17px;
  line-height:1;
}
@media(max-width:760px){
  .hmp-top-logout{
    width:42px;
    height:42px;
    padding:0;
    margin-right:4px;
    border-radius:12px;
  }
  .hmp-top-logout span:last-child{display:none}
  .hmp-top-logout-icon{font-size:18px}
}

/* V3.16.0 — Atividades da Equipe */
.ativ-admin{display:flex;flex-direction:column;gap:14px}.ativ-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ativ-head h2{margin:0 0 4px}.ativ-head p{margin:0;color:var(--muted,#66788a)}.ativ-actions{display:flex;gap:8px;flex-wrap:wrap}.ativ-filterbar{display:grid;grid-template-columns:160px 180px 220px 190px minmax(220px,1fr) auto;gap:10px;align-items:end;background:var(--card,#fff);padding:12px;border-radius:14px;border:1px solid var(--line,#dbe5ec)}.ativ-filterbar .field{margin:0}.ativ-filterbar .grow{min-width:0}.ativ-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ativ-kpis>div{background:var(--card,#fff);border:1px solid var(--line,#dbe5ec);border-radius:14px;padding:14px}.ativ-kpis span{display:block;color:var(--muted,#66788a);font-size:.86rem}.ativ-kpis strong{display:block;font-size:1.55rem;margin-top:3px}.ativ-func-card{background:var(--card,#fff);border:1px solid var(--line,#dbe5ec);border-radius:16px;padding:14px;margin-bottom:12px}.ativ-func-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.ativ-func-head h3{margin:0}.ativ-func-head p{margin:3px 0 0;color:var(--muted,#66788a)}@media(max-width:1050px){.ativ-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ativ-filterbar .grow{grid-column:1/-1}.ativ-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.ativ-head{flex-direction:column}.ativ-filterbar{grid-template-columns:1fr}.ativ-filterbar .grow{grid-column:auto}.ativ-kpis{grid-template-columns:1fr 1fr}}