*{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}
}

/* HMP 3.18.11 — identificação de autoria e edição FREE */
.hmp-about-row{display:flex;justify-content:flex-end;padding:10px 2px 0}.hmp-about-button{border:1px solid rgba(60,60,67,.18);border-radius:999px;background:rgba(255,255,255,.78);padding:6px 12px;color:#52687b;font-size:10px;font-weight:850;letter-spacing:.09em;cursor:pointer}.hmp-about-button:hover{background:#fff;color:#0872c4}.cmoa-about-button{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#dceaf5}.hmp-about-backdrop{position:fixed;inset:0;z-index:10000;display:none;place-items:center;padding:18px;background:rgba(8,25,41,.38);backdrop-filter:blur(14px)}.hmp-about-backdrop.open{display:grid}.hmp-about-card{position:relative;width:min(470px,calc(100vw - 28px));padding:30px;border:1px solid rgba(60,60,67,.14);border-radius:28px;background:rgba(255,255,255,.98);box-shadow:0 30px 95px rgba(0,0,0,.24);color:#1d1d1f}.hmp-about-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f1f3;color:#283746;font-size:24px;cursor:pointer}.hmp-about-kicker{display:block;padding-right:44px;color:#46708f;font-size:11px;font-weight:850;letter-spacing:.08em}.hmp-about-card h2{margin:8px 0 10px;font-size:30px}.hmp-about-free{display:inline-flex;border-radius:999px;background:#e8f4ff;color:#075fa8;padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:.08em}.hmp-about-card dl{display:grid;gap:8px;margin:22px 0}.hmp-about-card dl div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(60,60,67,.12)}.hmp-about-card dt{color:#6e6e73;font-size:12px;font-weight:750}.hmp-about-card dd{margin:0;color:#1d1d1f;font-size:13px;font-weight:850}.hmp-about-card p{margin:18px 0 0;color:#6e6e73;font-size:11px;text-align:center}html[data-hmp-theme="dark"] .hmp-about-card{background:#24282e;color:#f5f6f8;border-color:rgba(255,255,255,.12)}html[data-hmp-theme="dark"] .hmp-about-card h2,html[data-hmp-theme="dark"] .hmp-about-card dd{color:#f5f6f8}@media(max-width:600px){.hmp-about-card{padding:24px}.hmp-about-card dl div{grid-template-columns:1fr;gap:4px}}

/* 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:none!important;display:none!important
}
.dma-admin-login-logo{width:112px;height:112px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
.dma-admin-login-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(164,112,40,.18))}
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}
.online-status-pill.offline{background:#f2f2f7;color:#6e6e73}.online-status-pill.offline i{background:#8e8e93}
.access-filter{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:10px;margin:12px 0}.access-filter input,.access-filter select{min-height:44px;border:1px solid #d8e5ed;border-radius:13px;padding:0 13px;background:#fff;color:#193e59;font:700 13px/1 system-ui}
.presence-map-shell{margin:14px 0 18px;padding:18px;border-radius:24px;background:linear-gradient(145deg,#f8fcff,#eaf4fb);border:1px solid #d3e5f0;box-shadow:0 14px 36px #123e5b12;overflow:hidden}.presence-map-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px}.presence-map-head span,.presence-history-title span{font-size:10px;letter-spacing:.15em;font-weight:900;color:#2c789f}.presence-map-head h3,.presence-history-title h3{margin:3px 0;color:#173b56;font-size:20px}.presence-map-head p{margin:0;color:#718796;font-size:12px}.presence-live{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#eaf9f1;color:#24734d;font-size:10px;font-weight:900;white-space:nowrap}.presence-live i{width:8px;height:8px;border-radius:50%;background:#31c677;box-shadow:0 0 0 0 #31c67780;animation:presencePulse 1.8s infinite}.presence-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.presence-zone{min-height:158px;border:1px solid #d9e7ef;background:#ffffffd9;border-radius:19px;padding:12px;position:relative;overflow:hidden}.presence-zone:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;bottom:-45px;background:var(--zone,#dceef8);opacity:.6}.presence-zone-plantao{--zone:#e8dcff}.presence-zone-geradores{--zone:#fff0c9}.presence-zone-preventivas{--zone:#d9f2ea}.presence-zone-farmacias{--zone:#dce9ff}.presence-zone-os{--zone:#ffe0df}.presence-zone header{display:flex;align-items:center;gap:9px;position:relative;z-index:1}.presence-zone header>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--zone,#dceef8);font-size:18px}.presence-zone header b,.presence-zone header small{display:block}.presence-zone header b{font-size:13px;color:#173b56}.presence-zone header small{font-size:10px;color:#78909f;margin-top:1px}.presence-people{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px;position:relative;z-index:2}.presence-person{width:62px;text-align:center;animation:presenceArrive .55s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--person-delay)}.presence-person-avatar{width:42px;height:42px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;background:#e7f2f8;border:3px solid #fff;box-shadow:0 4px 13px #17384e24;position:relative}.presence-person-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.presence-person-avatar u{position:absolute;width:10px;height:10px;border-radius:50%;background:#31c677;border:2px solid #fff;right:-2px;bottom:0}.presence-person-shape{display:block;width:27px;height:31px;position:relative}.presence-person-shape i{display:block;width:12px;height:12px;border-radius:50%;background:#39769b;margin:0 auto}.presence-person-shape em{display:block;width:25px;height:16px;border-radius:13px 13px 7px 7px;background:#39769b;margin:2px auto 0}.presence-person b,.presence-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-person b{font-size:9px;color:#274d67}.presence-person small{font-size:8px;color:#7c919f;margin-top:1px}.presence-empty{font-size:10px;color:#94a6b1;padding:12px 2px}.presence-history-title{margin:4px 0 8px}@keyframes presencePulse{70%{box-shadow:0 0 0 8px transparent}}@keyframes presenceArrive{from{opacity:0;transform:translateY(20px) scale(.82)}to{opacity:1;transform:none}}
.geo-presence-shell{margin:14px 0 20px;padding:18px;border-radius:24px;background:#fff;border:1px solid #d3e5f0;box-shadow:0 14px 36px #123e5b12}.geo-presence-map{height:430px;border-radius:18px;overflow:hidden;background:#dbeaf2}.geo-privacy-badge{font-size:9px;font-weight:900;color:#286e52;background:#e9f8f0;border-radius:999px;padding:8px 10px;white-space:nowrap}.geo-presence-note{font-size:10px;color:#7b8f9c;margin:9px 3px 0}.geo-person-icon{background:none!important;border:0!important}.geo-person-icon>div{position:relative;width:96px;height:58px;filter:drop-shadow(0 4px 5px #18384d45);animation:geoPersonBounce 1.8s ease-in-out infinite}.geo-person-head{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--trail);border:3px solid #fff;left:39px;top:2px}.geo-person-body{position:absolute;width:34px;height:28px;border-radius:18px 18px 8px 8px;background:var(--trail);border:3px solid #fff;left:31px;top:18px}.geo-person-icon b{position:absolute;left:50%;transform:translateX(-50%);top:47px;background:#fff;color:#173b56;border-radius:9px;padding:3px 7px;font:900 10px/1.15 system-ui;white-space:nowrap;box-shadow:0 3px 10px #17384e30}@keyframes geoPersonBounce{50%{transform:translateY(-3px)}}

@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}
  .access-filter{grid-template-columns:1fr}
  .presence-map{grid-template-columns:repeat(2,minmax(0,1fr))}.presence-map-shell{padding:13px;border-radius:20px}.presence-zone{min-height:145px;padding:10px}.presence-map-head p{display:none}
  .geo-presence-shell{padding:12px;border-radius:20px}.geo-presence-map{height:360px}.geo-privacy-badge{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}}


/* V3.16.2 — Eventos Farmácias */
.far-event-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.far-event-actions .btn{margin:0}
.far-event-dismiss{border-color:rgba(110,110,115,.24)}
@media(max-width:640px){.far-event-actions{display:grid;grid-template-columns:1fr 1fr}.far-event-actions .btn{width:100%}}


/* ===== V3.17 — Apple Clean + eWeLink-inspired information architecture ===== */
:root{--apple-bg:#f5f5f7;--apple-surface:rgba(255,255,255,.84);--apple-card:#fff;--apple-text:#1d1d1f;--apple-muted:#6e6e73;--apple-blue:#007aff;--apple-green:#34c759;--apple-orange:#ff9f0a;--apple-red:#ff3b30;--apple-purple:#5856d6;--apple-line:rgba(60,60,67,.12);--apple-shadow:0 12px 34px rgba(0,0,0,.07)}
html,body{background:radial-gradient(circle at 15% 0,rgba(0,122,255,.07),transparent 28%),var(--apple-bg)!important;color:var(--apple-text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
#sidebar,main>header{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-color:var(--apple-line)!important}
#nav a{border-radius:14px!important;transition:.18s ease}#nav a.active{background:#eaf3ff!important;color:#0064d2!important}#nav a:hover{transform:translateX(2px)}
.box,.card,.panel,.adm-card,.dashboard-card,.os-card,.plantao-card,.prev-card,.ger-card,.report-card,.admin-hub-card,.employee-service-card{border:1px solid var(--apple-line)!important;border-radius:22px!important;background:var(--apple-surface)!important;box-shadow:var(--apple-shadow)!important}
.btn,button{border-radius:999px}.btn{box-shadow:none!important}.btn:not(.alt){background:var(--apple-blue)!important}
input,select,textarea{border-radius:12px!important;border-color:var(--apple-line)!important;background:#fff!important}
.far-admin{max-width:1500px;margin:auto}.far-head h2{font-size:30px;letter-spacing:-.035em}.far-tabs.apple-tabs{display:inline-flex;padding:4px;background:#e9e9ee;border-radius:999px;gap:2px}.far-tabs.apple-tabs button{border:0;border-radius:999px!important;background:transparent;color:var(--apple-muted);padding:9px 15px;font-weight:750}.far-tabs.apple-tabs button.active{background:#fff;color:var(--apple-text);box-shadow:0 3px 10px rgba(0,0,0,.08);animation:hmpTabIn .22s ease}@keyframes hmpTabIn{from{transform:scale(.94);opacity:.65}to{transform:scale(1);opacity:1}}
.ewelink-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:12px!important}.far-card.ewelink-device{display:flex!important;flex-direction:column;text-align:left;border:1px solid var(--apple-line)!important;border-left:1px solid var(--apple-line)!important;border-radius:22px!important;background:#fff!important;padding:15px!important;box-shadow:0 7px 22px rgba(0,0,0,.055)!important;min-height:188px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.far-card.ewelink-device:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.10)!important}.far-card.ewelink-device.offline,.far-card.ewelink-device.sem_dados{filter:grayscale(.45);opacity:.72;background:#f2f2f7!important}.ewelink-device-head{display:flex;justify-content:space-between;align-items:center}.ewelink-device-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#eaf3ff;color:#007aff;font-size:19px;font-weight:900}.ewelink-device-icon.refrigerador{background:#eef6ff;color:#0a84ff}.ewelink-device-icon.armario{background:#f4efff;color:#5856d6}.ewelink-fav{width:36px;height:36px;padding:0;border:0;background:#f5f5f7!important;color:#8e8e93;font-size:19px}.ewelink-fav.on{color:#ff9f0a}.ewelink-device-copy{display:grid;gap:3px;margin:11px 0 7px}.ewelink-device-copy b{font-size:15px}.ewelink-device-copy span{font-size:12px;color:var(--apple-muted)}.ewelink-device .far-values{margin:auto 0 9px;justify-content:flex-start!important;gap:22px}.ewelink-device .far-values strong{font-size:27px!important;color:var(--apple-text)!important}.ewelink-device-foot{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;font-size:11px;color:var(--apple-muted)}.ewelink-device-foot small{text-align:right}.ewelink-status-dot{width:8px;height:8px;border-radius:50%;background:#8e8e93}.ewelink-status-dot.normal{background:var(--apple-green)}.ewelink-status-dot.atencao{background:var(--apple-orange)}.ewelink-status-dot.alarme{background:var(--apple-red);box-shadow:0 0 0 5px rgba(255,59,48,.08)}
.insight-header span,.hmp-auto-head span{font-size:10px;letter-spacing:.12em;color:#007aff;font-weight:850}.insight-header h3,.hmp-auto-head h3{margin:4px 0 2px;font-size:22px}.insight-header p{color:var(--apple-muted)}.insight-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:12px;margin-top:14px}.insight-card,.insight-device-list,.hmp-auto-insights{background:#fff;border:1px solid var(--apple-line);border-radius:22px;padding:16px;box-shadow:var(--apple-shadow)}.insight-card h4,.insight-device-list h4{margin:0 0 12px}.donut-wrap{position:relative;width:165px;margin:auto}.status-donut{display:block;transform:rotate(-90deg)}.status-donut circle{fill:none;stroke-width:13}.donut-bg{stroke:#f2f2f7}.donut-seg{transition:stroke-dasharray .5s ease}.donut-seg.ok{stroke:var(--apple-green)}.donut-seg.warn{stroke:var(--apple-orange)}.donut-seg.bad{stroke:var(--apple-red)}.donut-seg.off{stroke:#8e8e93}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.donut-center strong{font-size:30px}.donut-center span{color:var(--apple-muted);font-size:11px}.insight-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.insight-legend button{border:0;background:#f7f7f9;padding:8px;display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;text-align:left}.insight-legend i{width:8px;height:8px;border-radius:50%}.insight-legend i.ok{background:var(--apple-green)}.insight-legend i.warn{background:var(--apple-orange)}.insight-legend i.bad{background:var(--apple-red)}.insight-legend i.off{background:#8e8e93}.insight-bars{display:grid;gap:7px}.insight-bar{display:grid;grid-template-columns:minmax(100px,1fr) minmax(80px,2fr) auto;gap:8px;align-items:center;border:0;background:transparent!important;padding:5px 0;text-align:left}.insight-bar>div{height:8px;border-radius:99px;background:#f2f2f7;overflow:hidden}.insight-bar i{display:block;height:100%;background:linear-gradient(90deg,#0a84ff,#64d2ff);border-radius:inherit;transition:width .5s ease}.insight-chips{display:flex;gap:7px;flex-wrap:wrap}.insight-chips button{border:1px solid var(--apple-line);background:#f7f7f9!important;color:var(--apple-text);padding:8px 10px}.insight-chips span{color:#007aff;font-weight:800}
.hmp-history-modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.22);backdrop-filter:blur(18px);z-index:10000;padding:20px}.hmp-history-modal.open{display:grid}.hmp-history-card{width:min(1180px,97vw);max-height:94vh;overflow:auto;background:rgba(255,255,255,.98);border-radius:28px;padding:20px;box-shadow:0 30px 100px rgba(0,0,0,.22)}.hmp-history-head{display:flex;justify-content:space-between;gap:12px}.hmp-history-head span{font-size:10px;color:#007aff;font-weight:850;letter-spacing:.12em}.hmp-history-head h3{font-size:25px;margin:4px 0}.hmp-history-head p{color:var(--apple-muted);margin:0}.hmp-history-head>button{width:40px;height:40px;border:0;background:#f2f2f7!important;color:#1d1d1f;font-size:22px}.hmp-history-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:15px 0;padding:12px;background:#f5f5f7;border-radius:18px}.hmp-history-filter label{display:grid;gap:5px;font-size:10px;font-weight:800;color:var(--apple-muted)}.hmp-hist-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.hmp-hist-kpis>div{border:1px solid var(--apple-line);border-radius:16px;padding:10px}.hmp-hist-kpis span,.hmp-hist-kpis small{display:block;color:var(--apple-muted);font-size:10px}.hmp-hist-kpis b{display:block;font-size:18px;margin:4px 0}.hmp-hist-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.hmp-hist-chart{border:1px solid var(--apple-line);border-radius:18px;padding:12px}.hmp-hist-chart svg{width:100%;height:245px}.hmp-hist-chart line{stroke:rgba(60,60,67,.10)}.hmp-hist-chart text{fill:#8e8e93;font-size:10px}.hist-animated-path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1800;stroke-dashoffset:1800;animation:hmpDraw 1.2s ease forwards}@keyframes hmpDraw{to{stroke-dashoffset:0}}.hist-cursor{stroke:#007aff;stroke-width:1.5;stroke-dasharray:4 4}.hist-dot{fill:#fff;stroke:#007aff;stroke-width:3}.hmp-hist-chart-title{display:flex;justify-content:space-between}.hmp-hist-chart-title span{font-size:10px;color:var(--apple-muted)}.hmp-timeline{border:1px solid var(--apple-line);border-radius:18px;padding:12px}.hmp-timeline-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.hmp-timeline-top #farHistNow{display:grid}.hmp-timeline-top #farHistNow span{color:var(--apple-muted);font-size:11px}.hmp-timeline-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.hmp-timeline-actions label{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--apple-muted)}.hmp-timeline-actions select{padding:5px 7px}.hmp-timeline-actions strong{padding:6px 9px;border-radius:99px;background:#eaf3ff;color:#0064d2;font-size:12px}.hmp-timeline-actions strong.hum{background:#f2efff;color:#5856d6}.hmp-timeline input[type=range]{width:100%;accent-color:#007aff}.timeline-dates{display:flex;justify-content:space-between;color:var(--apple-muted);font-size:10px}.hmp-hist-table{margin-top:10px;border:1px solid var(--apple-line);border-radius:18px;overflow:hidden}.hmp-hist-table>div:first-child{display:flex;justify-content:space-between;padding:11px 13px}.hmp-hist-table .table-wrap{max-height:260px}.hist-status{font-weight:800}.hist-status.normal{color:#248a3d}.hist-status.atencao{color:#b86600}.hist-status.alarme{color:#d70015}.apple-loader{display:flex;gap:9px;justify-content:center;align-items:center;padding:35px;color:var(--apple-muted)}.apple-loader i{width:18px;height:18px;border:2px solid #d9e7f7;border-top-color:#007aff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hmp-auto-insights{margin:14px 0}.hmp-auto-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.hmp-auto-head small{color:var(--apple-muted)}.hmp-auto-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;margin-top:12px}.hmp-auto-bar{position:relative;border:0;background:#f7f7f9!important;padding:10px;text-align:left;display:grid;gap:7px}.hmp-auto-bar>span{font-size:11px;color:var(--apple-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hmp-auto-bar>i{height:7px;background:#e5e5ea;border-radius:99px;overflow:hidden}.hmp-auto-bar>i>em{display:block;width:var(--p);height:100%;background:linear-gradient(90deg,#007aff,#64d2ff);border-radius:inherit;animation:hmpBar .6s ease}@keyframes hmpBar{from{width:0}}.hmp-auto-bar>small{position:absolute;opacity:0;pointer-events:none;bottom:calc(100% + 6px);left:8px;background:#1d1d1f;color:#fff;padding:6px 8px;border-radius:8px;transition:.15s}.hmp-auto-bar:hover>small{opacity:1}.bi-chart-panel svg path,.prev-chart-grid svg path,.ger-chart-grid svg path,.osi-chart-grid svg path{stroke-dasharray:1500;stroke-dashoffset:1500;animation:hmpDraw 1.15s ease forwards}
@media(max-width:800px){.insight-grid,.hmp-hist-grid{grid-template-columns:1fr}.hmp-history-filter{grid-template-columns:1fr 1fr}.hmp-history-filter .btn{grid-column:1/-1}.hmp-hist-kpis{grid-template-columns:repeat(2,1fr)}.hmp-timeline-top{align-items:flex-start;flex-direction:column}.ewelink-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.far-card.ewelink-device{min-height:172px;padding:12px!important}}
@media(max-width:520px){.ewelink-grid{grid-template-columns:1fr!important}.hmp-history-modal{padding:6px}.hmp-history-card{border-radius:20px;padding:13px}.hmp-history-filter{grid-template-columns:1fr}.hmp-hist-kpis{grid-template-columns:1fr 1fr}.insight-grid{grid-template-columns:1fr}}

/* HMP 3.17.1 — bloco e modal de versão */
.sidebar-version-block{
  margin-top:auto;
  padding:14px 12px 16px;
  display:grid;
  gap:8px;
}
.sidebar-version-block>small{
  color:var(--muted,#6e6e73);
  font-size:11px;
  line-height:1.3;
}
.system-version-btn{
  width:100%;
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:6px;
  padding:9px 10px;
  border:1px solid rgba(60,60,67,.12);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  color:#1d1d1f;
  cursor:pointer;
  text-align:left;
  transition:.18s ease;
}
.system-version-btn:hover{
  transform:translateY(-1px);
  background:#fff;
  box-shadow:0 7px 22px rgba(0,0,0,.08);
}
.system-version-btn span{font-size:11px;font-weight:800;color:#6e6e73}
.system-version-btn strong{font-size:12px;color:#007aff}
.system-version-btn em{
  justify-self:end;
  font-size:10px;
  font-style:normal;
  color:#6e6e73;
}
.version-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:99990;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(28,28,30,.28);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  opacity:0;
  transition:opacity .18s ease;
}
.version-modal-backdrop.hidden{display:none}
.version-modal-backdrop.open{opacity:1}
.version-modal-card{
  width:min(620px,96vw);
  max-height:90vh;
  overflow:auto;
  padding:22px;
  border:1px solid rgba(60,60,67,.12);
  border-radius:28px;
  background:rgba(255,255,255,.96);
  box-shadow:0 30px 100px rgba(0,0,0,.20);
  transform:translateY(10px) scale(.985);
  transition:transform .18s ease;
}
.version-modal-backdrop.open .version-modal-card{transform:none}
.version-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.version-eyebrow{
  display:block;
  color:#007aff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
}
.version-modal-head h2{
  margin:4px 0 0;
  font-size:26px;
  color:#1d1d1f;
  letter-spacing:-.03em;
}
.version-close{
  width:38px;height:38px;
  border:0;border-radius:50%;
  background:#f2f2f7;
  color:#1d1d1f;
  font-size:23px;
  cursor:pointer;
}
.version-hero{
  display:flex;
  align-items:center;
  gap:14px;
  margin:20px 0;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(145deg,#f8fbff,#f3f7ff);
}
.version-hero img{
  width:108px;height:108px;
  object-fit:contain;
}

.hmp-about-logo{display:block;width:132px;height:132px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 8px 16px rgba(7,31,51,.16))}
.version-hero strong{
  display:block;
  font-size:22px;
  color:#1d1d1f;
}
.version-hero span{
  display:block;
  margin-top:4px;
  color:#6e6e73;
  font-size:13px;
}
.version-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.version-grid>div{
  padding:13px;
  border:1px solid rgba(60,60,67,.10);
  border-radius:17px;
  background:#fafafa;
}
.version-grid span{
  display:block;
  color:#6e6e73;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.version-grid strong{
  display:block;
  margin-top:5px;
  color:#1d1d1f;
  font-size:18px;
}
.version-grid small{
  display:block;
  margin-top:3px;
  color:#8e8e93;
  font-size:10px;
}
.version-note{
  margin:14px 0 0;
  padding:12px 13px;
  border-radius:14px;
  background:#f5f5f7;
  color:#6e6e73;
  font-size:11px;
  line-height:1.45;
}
@media(max-width:700px){
  .version-grid{grid-template-columns:1fr}
  .version-modal-card{padding:17px;border-radius:22px}
}

/* HMP 3.17.2 — usuários e aprovações */
.owner-users-card{border-color:rgba(0,122,255,.18)!important;background:linear-gradient(145deg,#f7fbff,#eef6ff)!important}
.users-admin-page{display:grid;gap:14px}
.users-create-form{display:grid;gap:12px;padding:16px;border:1px solid #d8e2ec;border-radius:14px;background:#fff;box-shadow:none}
.users-create-form.hidden{display:none!important}
.users-create-title{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#17324d}
.users-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.users-create-grid label,.users-tools label{display:grid;gap:5px;color:#506276;font-size:11px;font-weight:700}
.users-create-grid input,.users-create-grid select,.users-tools input,.users-tools select{min-height:40px;padding:0 10px;border:1px solid #cbd9e7;border-radius:8px;background:#fff;color:#17324d;font:inherit}
.users-create-note{margin:0;color:#64748b;font-size:12px}
.users-tools{display:grid;grid-template-columns:minmax(240px,1fr) 220px;gap:10px}
.users-admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.users-admin-head h2{margin:4px 0 3px;font-size:28px;letter-spacing:-.03em}
.users-admin-head p{margin:0;color:#6e6e73}
.users-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.users-admin-summary>div{padding:14px 16px;border:1px solid rgba(60,60,67,.1);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 7px 22px rgba(0,0,0,.04)}
.users-admin-summary span{display:block;color:#6e6e73;font-size:11px;font-weight:800;text-transform:uppercase}
.users-admin-summary strong{display:block;margin-top:4px;font-size:23px;color:#1d1d1f}
.users-admin-summary .pending strong{color:#ff9f0a}.users-admin-summary .approved strong{color:#34c759}
.users-admin-grid{display:grid;grid-template-columns:1fr;gap:8px}
.user-access-card{padding:13px 14px;border:1px solid #dce5ee;border-radius:10px;background:#fff;box-shadow:none}
.user-access-card.pendente{border-color:rgba(255,159,10,.25);background:linear-gradient(145deg,#fffaf2,#fff)}
.user-access-top{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}
.user-access-avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#eef5ff;color:#007aff;font-size:18px;font-weight:900}
.user-access-id{display:grid;gap:2px}.user-access-id b{font-size:15px}.user-access-id span,.user-access-id small{color:#6e6e73;font-size:11px}
.user-access-top em{padding:6px 9px;border-radius:999px;background:#eef8f1;color:#248a3d;font-size:10px;font-style:normal;font-weight:900}
.user-access-card.pendente .user-access-top em{background:#fff3dc;color:#b86600}
.user-access-modules{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:13px 0;color:#6e6e73;font-size:11px}
.user-access-modules b{padding:5px 8px;border-radius:999px;background:#f2f2f7;color:#3a3a3c;font-size:10px}
.user-access-meta{margin:-5px 0 12px;color:#6e6e73;font-size:11px}
.user-access-approve,.user-access-actions{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:8px;align-items:end}
.user-access-approve label,.user-access-actions label{display:grid;gap:5px;color:#6e6e73;font-size:10px;font-weight:800;text-transform:uppercase}
.user-access-approve select,.user-access-actions select{min-height:40px;border:1px solid rgba(60,60,67,.14);border-radius:12px;background:#fff;padding:0 10px;font:inherit}
.danger-soft{color:#d70015!important;border-color:rgba(215,0,21,.18)!important;background:#fff5f4!important}
@media(max-width:900px){.users-admin-grid{grid-template-columns:1fr}.user-access-approve,.user-access-actions{grid-template-columns:1fr}.users-admin-summary{grid-template-columns:repeat(3,1fr)}.users-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.users-admin-head{align-items:stretch;flex-direction:column}.users-admin-summary{grid-template-columns:1fr}.users-create-grid,.users-tools{grid-template-columns:1fr}}

/* HMP 3.17.3 — gráficos modernos e interativos */
:root{
  --chart-blue:#0A84FF;--chart-indigo:#5E5CE6;--chart-purple:#BF5AF2;
  --chart-pink:#FF375F;--chart-orange:#FF9F0A;--chart-green:#30D158;
  --chart-cyan:#64D2FF;
}
.bi-chart-panel,.modern-viz-card,.hmp-auto-insights{
  border:1px solid rgba(60,60,67,.10)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.055)!important;
}
.modern-chart-meta{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 8px 8px}
.modern-chart-meta span{display:flex;align-items:baseline;gap:5px;padding:6px 9px;border-radius:999px;background:#f5f5f7;color:#6e6e73;font-size:10px}
.modern-chart-meta b{color:#1d1d1f;font-size:13px}
.modern-line{overflow:visible}
.modern-gridline{stroke:rgba(60,60,67,.08);stroke-width:1}
.modern-axis-label{fill:#8e8e93;font-size:10px}
.line-main{stroke:url(#dashLineGrad)!important}
.modern-point circle:first-child{fill:#fff;stroke:#0A84FF;stroke-width:3;transition:.15s ease}
.modern-point:hover circle:first-child,.modern-point:focus circle:first-child{r:7;stroke:#BF5AF2;filter:drop-shadow(0 3px 6px rgba(10,132,255,.28))}
.chart-line-enter{stroke-dasharray:2200;stroke-dashoffset:2200;animation:chartDraw 1.05s ease forwards}
.chart-area-enter{animation:chartArea .8s ease both}
@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes chartArea{from{opacity:0}to{opacity:1}}
.modern-tooltip{position:absolute!important;z-index:30;min-width:140px;padding:9px 11px;border-radius:13px;background:rgba(29,29,31,.92);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);pointer-events:none}
.modern-tooltip b,.modern-tooltip span{display:block}.modern-tooltip span{margin-top:2px;font-size:11px;color:#d1d1d6}
.line-chart-wrap{position:relative}
.donut{transition:filter .18s ease,transform .18s ease}.donut:hover{transform:scale(1.035);filter:drop-shadow(0 10px 20px rgba(10,132,255,.14))}
.legend-dot.legend-0{background:#FF9F0A!important}.legend-dot.legend-1{background:#34C759!important}.legend-dot.legend-2{background:#FF453A!important}.legend-dot.legend-3{background:#0A84FF!important}
.hmp-extra-dashboard{margin-top:14px}
.modern-section-head{margin:0 0 10px}.modern-section-head span,.hmp-auto-head>div>span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#0A84FF}
.modern-section-head h3,.hmp-auto-head h3{margin:3px 0;font-size:20px;letter-spacing:-.02em}.modern-section-head p,.hmp-auto-head p{margin:0;color:#6e6e73;font-size:12px}
.modern-visual-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}
.modern-viz-card{padding:14px;min-width:0}
.modern-viz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
.modern-viz-head h4{margin:0;font-size:15px}.modern-viz-head span{display:block;margin-top:3px;color:#6e6e73;font-size:10px}.modern-viz-head em{font-size:10px;font-style:normal;color:#007aff;background:#eef5ff;padding:5px 8px;border-radius:999px}
.activity-heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.heat-cell{min-height:48px;border:0;border-radius:11px;background:rgba(10,132,255,calc(.10 + var(--heat)*.75));color:#1d1d1f;cursor:pointer;transition:.16s ease}
.heat-cell:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 7px 16px rgba(10,132,255,.16)}
.heat-cell b{display:block;font-size:10px}.heat-cell span{display:block;margin-top:2px;font-size:13px;font-weight:900;color:#005ecb}
.modern-sector-bars{display:grid;gap:8px}.sector-color-row{display:grid;grid-template-columns:minmax(100px,1.3fr) 2fr auto;gap:8px;align-items:center;border:0;background:transparent;cursor:pointer;text-align:left}
.sector-color-row>span{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sector-color-row>span i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:6px}
.sector-color-row>div{height:8px;border-radius:999px;background:#f2f2f7;overflow:hidden}.sector-color-row>div em{display:block;width:var(--w);height:100%;border-radius:999px;background:var(--c);animation:barGrow .7s ease both}
.sector-color-row>b{font-size:11px}.sector-color-row>b small{display:block;color:#8e8e93;font-size:9px}
@keyframes barGrow{from{width:0}}
.modern-tech-radial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tech-radial-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;border:0;border-radius:14px;background:#fafafa;padding:8px;cursor:pointer;text-align:left}
.tech-ring{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#e5e5ea 0);position:relative}.tech-ring:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#fff}.tech-ring i{position:relative;z-index:1;font-style:normal;font-size:10px;font-weight:900}.tech-radial-item>b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-radial-item>small{font-size:9px;color:#8e8e93}
.hmp-auto-insights{padding:15px!important;margin:14px 0!important}.hmp-auto-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.hmp-auto-head>small{color:#8e8e93}
.module-visual-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}
.module-bars-modern{display:grid;gap:8px}.module-bar-modern{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:5px 10px;border:0;background:transparent;text-align:left;cursor:pointer}.module-bar-modern>span{font-size:11px;font-weight:700}.module-bar-modern>span i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:6px}.module-bar-modern>b{font-size:11px}.module-bar-modern>em{grid-column:1/-1;height:8px;border-radius:999px;background:#f2f2f7;overflow:hidden}.module-bar-modern>em u{display:block;width:var(--p);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,white));animation:barGrow .7s ease both}
.module-donut-modern{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.module-donut-ring{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;position:relative;background:#e5e5ea}.module-donut-ring:after{content:'';position:absolute;inset:16px;border-radius:50%;background:#fff}.module-donut-ring>div{position:relative;z-index:2;text-align:center}.module-donut-ring strong{display:block;font-size:22px}.module-donut-ring span{font-size:9px;color:#8e8e93}.module-donut-legend{display:grid;gap:6px}.module-donut-legend>span{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:9px;color:#6e6e73}.module-donut-legend i{width:8px;height:8px;border-radius:50%;background:var(--c)}.module-donut-legend b{color:#1d1d1f}
@media(max-width:1200px){.modern-visual-grid{grid-template-columns:1fr 1fr}.modern-viz-card:first-child{grid-column:1/-1}}
@media(max-width:800px){.modern-visual-grid,.module-visual-grid{grid-template-columns:1fr}.modern-tech-radial{grid-template-columns:1fr 1fr}.activity-heatmap{grid-template-columns:repeat(7,1fr)}}

/* HMP 3.17.4 — menus organizados por contexto */
#nav{display:flex;flex-direction:column;gap:3px}
.nav-section-title{
  margin:13px 10px 5px;
  color:rgba(255,255,255,.58);
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.1;
}
.nav-section-title:first-child{margin-top:4px}
.nav-section-break{
  height:1px;
  margin:10px 10px 3px;
  background:rgba(255,255,255,.14);
}
#nav a.nav-subitem{
  margin-left:14px;
  width:calc(100% - 14px);
  opacity:.94;
}
#nav a.nav-subitem .nav-ico{
  transform:scale(.88);
}
#nav a.nav-subitem span:last-child{
  font-size:12px;
}
#nav a.presence-nav-link .nav-ico{color:#34c759}
#nav .nav-logout{margin-top:0}
.admin-hub-organized{display:grid;gap:18px}
.admin-group{
  display:grid;
  gap:10px;
  padding:15px;
  border:1px solid rgba(60,60,67,.08);
  border-radius:24px;
  background:rgba(255,255,255,.48);
}
.admin-group-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}
.admin-group-head span{
  display:block;
  color:#0a84ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
}
.admin-group-head h3{
  margin:3px 0 0;
  color:#1d1d1f;
  font-size:18px;
  letter-spacing:-.02em;
}
.admin-group-head small{
  color:#8e8e93;
  font-size:10px;
  text-align:right;
}
.admin-hub-grid-compact{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.admin-hub-grid-small{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.admin-hub-grid-compact .admin-hub-card{
  min-height:118px;
  padding:15px!important;
}
.admin-hub-grid-compact .admin-hub-card p{
  margin-top:3px!important;
}
@media(max-width:1180px){
  .admin-hub-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .nav-section-title{margin-left:8px}
  .admin-group{padding:11px;border-radius:20px}
  .admin-group-head{align-items:flex-start;flex-direction:column}
  .admin-group-head small{text-align:left}
  .admin-hub-grid-compact,.admin-hub-grid-small{grid-template-columns:1fr!important}
}

/* HMP 3.17.5 — menu cascata + cabeçalhos fixos */

/* A estrutura lateral ocupa exatamente a altura da janela sem cortar rodapé/versão */
#sidebar, aside{
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  position:sticky!important;
  top:0!important;
  display:flex!important;
  flex-direction:column!important;
}
#sidebar .brand, aside .brand{
  flex:0 0 auto;
}
#nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 2px 12px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.24) transparent;
}
#nav::-webkit-scrollbar{width:6px}
#nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.sidebar-version-block{
  flex:0 0 auto!important;
  margin-top:0!important;
  padding:10px 8px 4px!important;
  background:linear-gradient(180deg,transparent,rgba(4,28,48,.94) 22%)!important;
}

/* Cascata */
.nav-cascade-group{
  margin:3px 0 5px;
  border-radius:14px;
  overflow:hidden;
}
.nav-cascade-toggle{
  width:100%;
  min-height:42px;
  display:grid;
  grid-template-columns:27px 1fr 18px;
  align-items:center;
  gap:9px;
  padding:8px 10px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#dceaf4!important;
  box-shadow:none!important;
  text-align:left;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
}
.nav-cascade-toggle:hover{
  background:rgba(255,255,255,.07)!important;
}
.nav-group-icon{
  width:27px;height:27px;
  display:grid;place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  color:#a8dafa;
  font-size:13px;
}
.nav-cascade-toggle i{
  font-style:normal;
  color:#8ba7b9;
  transition:transform .2s ease;
  text-align:center;
}
.nav-cascade-group.open>.nav-cascade-toggle{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}
.nav-cascade-group.open>.nav-cascade-toggle i{
  transform:rotate(180deg);
}
.nav-cascade-items{
  display:grid;
  grid-template-rows:0fr;
  opacity:.35;
  transition:grid-template-rows .22s ease,opacity .18s ease;
}
.nav-cascade-items>*{overflow:hidden}
.nav-cascade-group.open>.nav-cascade-items{
  grid-template-rows:1fr;
  opacity:1;
}
.nav-cascade-items>a{
  margin:2px 5px 2px 17px!important;
  min-height:38px!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
}
.nav-cascade-items>a .nav-ico{
  width:22px!important;height:22px!important;flex-basis:22px!important;font-size:12px!important;
}
.nav-cascade-items>a.nav-subitem{
  margin-left:31px!important;
  width:auto!important;
  opacity:.88;
  position:relative;
}
.nav-cascade-items>a.nav-subitem:before{
  content:'';
  position:absolute;
  left:-13px;top:-8px;bottom:50%;
  width:10px;
  border-left:1px solid rgba(161,200,225,.28);
  border-bottom:1px solid rgba(161,200,225,.28);
  border-radius:0 0 0 7px;
}
.nav-cascade-bottom{
  margin:6px 4px 0;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.10);
}

/* O cabeçalho principal permanece no topo sempre */
main{
  min-width:0!important;
}
main>header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}

/* Cabeçalhos de cada módulo permanecem abaixo do cabeçalho principal */
.hmp-module-sticky-head{
  position:sticky!important;
  top:72px!important;
  z-index:80!important;
  margin-left:-4px!important;
  margin-right:-4px!important;
  padding:10px 10px!important;
  border-radius:0 0 18px 18px!important;
  background:rgba(247,249,252,.94)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  border-bottom:1px solid rgba(60,60,67,.09)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.035)!important;
}
.hmp-sticky-controls{
  position:sticky!important;
  top:143px!important;
  z-index:70!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

/* Evita que um conteúdo role por baixo do cabeçalho sem respiro visual */
#app{
  position:relative;
}

/* Desktop: menu sempre visível e fixo na lateral */
@media(min-width:701px){
  .shell{
    min-height:100dvh!important;
    align-items:start;
  }
  #sidebar,aside{
    position:sticky!important;
    top:0!important;
  }
}

/* Mobile mantém gaveta, mas também com rolagem interna */
@media(max-width:700px){
  #sidebar,aside{
    position:fixed!important;
    top:0!important;
    height:100dvh!important;
  }
  main>header{top:0!important}
  .hmp-module-sticky-head{top:72px!important}
  .hmp-sticky-controls{top:136px!important}
}

/* HMP 3.17.6 — Apple Clean refinado, tipografia nítida e sidebar sem rolagem */
html,body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
  font-synthesis:none!important;
}
body{
  background:#f5f5f7!important;
  color:#1d1d1f!important;
}
*{
  letter-spacing:normal;
}
h1,h2,h3,h4,h5,h6,
strong,b{
  font-weight:650!important;
}
p,span,small,label,button,input,select,textarea,td,th{
  font-weight:400;
}

/* Sidebar: sem rolagem interna. Tudo cabe na altura da tela. */
#sidebar,aside{
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  padding:12px 10px 10px!important;
  background:
    linear-gradient(180deg,#0b3659 0%,#0b426a 100%)!important;
  border-right:1px solid rgba(255,255,255,.09)!important;
  box-shadow:4px 0 24px rgba(0,0,0,.06)!important;
}
#sidebar .brand,aside .brand{
  padding:2px 5px 12px!important;
  min-height:66px!important;
}
.sidebar-brand-logo{
  max-height:48px!important;
  width:auto!important;
}
#nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  gap:1px!important;
  scrollbar-width:none!important;
}
#nav::-webkit-scrollbar{display:none!important}

/* Grupos em cascata mais compactos */
.nav-cascade-group{
  margin:1px 0 3px!important;
  border-radius:12px!important;
}
.nav-cascade-toggle{
  min-height:34px!important;
  grid-template-columns:23px 1fr 14px!important;
  gap:7px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  font-size:10.5px!important;
  font-weight:600!important;
  line-height:1.1!important;
}
.nav-group-icon{
  width:23px!important;height:23px!important;
  border-radius:7px!important;
  font-size:11px!important;
  background:rgba(255,255,255,.08)!important;
}
.nav-cascade-toggle i{
  font-size:10px!important;
}
.nav-cascade-group.open>.nav-cascade-toggle{
  background:rgba(255,255,255,.09)!important;
}
.nav-cascade-items>a{
  min-height:30px!important;
  margin:1px 3px 1px 15px!important;
  padding:4px 8px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  font-weight:500!important;
  gap:7px!important;
  line-height:1.1!important;
}
.nav-cascade-items>a .nav-ico{
  width:18px!important;height:18px!important;
  flex:0 0 18px!important;
  font-size:9px!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.06)!important;
}
.nav-cascade-items>a.active{
  background:rgba(255,255,255,.92)!important;
  color:#0066cc!important;
  box-shadow:none!important;
}
.nav-cascade-items>a.active .nav-ico{
  background:#e8f2ff!important;
  color:#0066cc!important;
}
.nav-cascade-items>a.nav-subitem{
  margin-left:26px!important;
  font-size:9px!important;
}
.nav-cascade-bottom{
  margin:3px 3px 0!important;
  padding-top:5px!important;
}
.nav-cascade-bottom a{
  min-height:31px!important;
  padding:5px 8px!important;
  font-size:9.5px!important;
  font-weight:500!important;
}

/* Rodapé/versão mais compacto para nunca cortar */
.sidebar-version-block{
  padding:5px 5px 0!important;
  gap:4px!important;
  background:transparent!important;
}
.sidebar-version-block>small{
  padding:0!important;
  margin:0!important;
  font-size:8.5px!important;
  color:rgba(255,255,255,.58)!important;
}
.system-version-btn{
  min-height:30px!important;
  padding:5px 7px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.92)!important;
  border:0!important;
}
.system-version-btn span,
.system-version-btn strong,
.system-version-btn em{
  font-size:8.5px!important;
  font-weight:550!important;
}
.system-version-btn strong{color:#007aff!important}

/* Header Apple Clean */
main{
  background:#f5f5f7!important;
}
main>header{
  height:64px!important;
  min-height:64px!important;
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(60,60,67,.10)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
  backdrop-filter:blur(22px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(160%)!important;
  padding:0 18px!important;
}
header h1{
  color:#1d1d1f!important;
  font-size:16px!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
}
header p{
  color:#6e6e73!important;
  font-size:9.5px!important;
  font-weight:400!important;
}
#user{
  color:#6e6e73!important;
  font-size:9.5px!important;
}
#user b{
  color:#1d1d1f!important;
  font-size:10.5px!important;
  font-weight:600!important;
}
.header-profile-link{
  border-radius:14px!important;
  padding:5px 8px!important;
}
.header-profile-photo,.header-profile-fallback{
  width:30px!important;height:30px!important;
}

/* Conteúdo geral mais Apple, leve e definido */
#app{
  padding:18px!important;
  background:#f5f5f7!important;
}
.card,.box,.panel,.adm-card,.dashboard-card,.os-card,.plantao-card,.prev-card,.ger-card,.report-card,.admin-hub-card,.employee-service-card,
.dash-panel,.bi-chart-panel,.modern-viz-card,.hmp-auto-insights,
.user-access-card,.admin-group{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(60,60,67,.10)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.035)!important;
  border-radius:18px!important;
}

/* Tipografia do site: menor, mais leve e nítida */
#app h2{
  font-size:21px!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}
#app h3{
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
}
#app h4{
  font-size:12px!important;
  font-weight:600!important;
}
#app p,
#app .muted{
  font-size:10.5px!important;
  line-height:1.45!important;
  color:#6e6e73!important;
}
#app span,
#app small,
#app label{
  font-size:9.5px;
}
#app strong,
#app b{
  font-weight:600!important;
}

/* KPIs */
.dash-metric,.pa-kpis>*,.os-kpis>*,.prev-kpis>*,.ger-kpis>*,
.rel-kpis>*,.ativ-kpis>*,.he-admin-kpis>*{
  padding:10px 12px!important;
  min-height:70px!important;
  border-radius:15px!important;
}
.dash-metric span,.dash-metric small{
  font-size:8.5px!important;
}
.dash-metric strong{
  font-size:20px!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}

/* Botões/inputs */
.btn,button{
  font-weight:550!important;
}
.btn{
  min-height:34px!important;
  padding:8px 13px!important;
  font-size:10px!important;
  border-radius:999px!important;
}
input,select,textarea{
  font-size:10.5px!important;
  min-height:36px;
  border-radius:10px!important;
  border:1px solid rgba(60,60,67,.14)!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
  outline:2px solid rgba(0,122,255,.18)!important;
  border-color:#0a84ff!important;
}

/* Tabelas mais finas */
table{
  font-size:9.5px!important;
}
th{
  font-size:8.5px!important;
  font-weight:600!important;
  color:#6e6e73!important;
  background:#f7f7f9!important;
}
td,th{
  padding:7px 9px!important;
}

/* Sticky recalibrado para header menor */
.hmp-module-sticky-head{
  top:64px!important;
  background:rgba(245,245,247,.94)!important;
  border-bottom:1px solid rgba(60,60,67,.08)!important;
  box-shadow:none!important;
  padding:8px 8px!important;
}
.hmp-sticky-controls{
  top:119px!important;
}

/* Melhor definição em telas Windows/Edge */
@media (min-resolution:1.25dppx){
  html,body{
    -webkit-font-smoothing:antialiased!important;
    text-rendering:geometricPrecision!important;
  }
}

/* Garantia em notebooks de menor altura */
@media(max-height:850px) and (min-width:701px){
  #sidebar,aside{padding-top:8px!important;padding-bottom:7px!important}
  #sidebar .brand,aside .brand{min-height:54px!important;padding-bottom:7px!important}
  .sidebar-brand-logo{max-height:40px!important}
  .nav-cascade-toggle{min-height:30px!important;padding:4px 7px!important;font-size:9.8px!important}
  .nav-group-icon{width:20px!important;height:20px!important;font-size:10px!important}
  .nav-cascade-items>a{min-height:27px!important;padding:3px 7px!important;font-size:9px!important}
  .nav-cascade-items>a .nav-ico{width:16px!important;height:16px!important;flex-basis:16px!important}
  .sidebar-version-block>small{font-size:7.5px!important}
  .system-version-btn{min-height:26px!important;padding:4px 6px!important}
}

/* HMP 3.17.7 — definição tipográfica, anti-sobreposição, modo noturno leve e controles */

:root{
  --hmp-font-scale:1;
  --hmp-bg:#f5f5f7;
  --hmp-surface:#ffffff;
  --hmp-surface-soft:#f7f7f9;
  --hmp-text:#1d1d1f;
  --hmp-muted:#6e6e73;
  --hmp-line:rgba(60,60,67,.12);
  --hmp-shadow:0 4px 18px rgba(0,0,0,.04);
  --hmp-blue:#007aff;
  --hmp-sidebar-1:#0b3659;
  --hmp-sidebar-2:#0b426a;
}

/* Windows/Edge: prioriza Segoe UI Variable, que tem melhor hinting em telas Windows. */
html,body,button,input,select,textarea{
  font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;
  font-kerning:normal!important;
  font-variant-ligatures:common-ligatures contextual!important;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1!important;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
body{
  background:var(--hmp-bg)!important;
  color:var(--hmp-text)!important;
}

/* Ajuste de fonte real, sem ampliar cards/ícones. */
#app, main>header, #sidebar{
  font-size:calc(16px * var(--hmp-font-scale))!important;
}
#app h2{font-size:calc(21px * var(--hmp-font-scale))!important}
#app h3{font-size:calc(14px * var(--hmp-font-scale))!important}
#app h4{font-size:calc(12px * var(--hmp-font-scale))!important}
#app p,#app .muted{font-size:calc(10.5px * var(--hmp-font-scale))!important}
#app span,#app small,#app label{font-size:calc(9.5px * var(--hmp-font-scale))}
#app table{font-size:calc(9.5px * var(--hmp-font-scale))!important}
#app th{font-size:calc(8.5px * var(--hmp-font-scale))!important}
#app .btn{font-size:calc(10px * var(--hmp-font-scale))!important}
#app input,#app select,#app textarea{font-size:calc(10.5px * var(--hmp-font-scale))!important}
header h1{font-size:calc(16px * var(--hmp-font-scale))!important}
header p,#user{font-size:calc(9.5px * var(--hmp-font-scale))!important}
#user b{font-size:calc(10.5px * var(--hmp-font-scale))!important}

/* Evita menu cascata se sobrepor. */
.nav-cascade-items{
  display:block!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:max-height .24s ease,opacity .16s ease,visibility .16s ease!important;
}
.nav-cascade-group.open>.nav-cascade-items{
  max-height:420px!important;
  opacity:1!important;
  visibility:visible!important;
}
.nav-cascade-items>a{
  position:relative!important;
  z-index:1!important;
}
.nav-cascade-group{
  position:relative!important;
  isolation:isolate!important;
}

/* Somente o cabeçalho do módulo fica sticky. Filtros deixam de flutuar por cima do conteúdo. */
.hmp-sticky-controls{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hmp-module-sticky-head{
  top:64px!important;
  z-index:75!important;
}

/* Controles de visualização no topo */
.display-tools{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px;
  border:1px solid var(--hmp-line);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  box-shadow:0 2px 10px rgba(0,0,0,.035);
}
.display-tool-btn{
  width:32px;height:32px;
  display:grid;place-items:center;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#3a3a3c!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:600!important;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.display-tool-btn:hover{
  background:#f2f2f7!important;
  transform:translateY(-1px);
}
.display-tool-btn.active{
  background:#fff4cc!important;
  color:#8a5a00!important;
}
.display-bulb{
  width:16px;height:16px;
  display:grid;place-items:center;
  border:1.7px solid currentColor;
  border-radius:50%;
  font-size:0!important;
  position:relative;
}
.display-bulb:after{
  content:'';
  position:absolute;
  width:6px;height:3px;
  left:50%;bottom:-5px;
  transform:translateX(-50%);
  border-radius:0 0 4px 4px;
  background:currentColor;
}
.font-scale-toast{
  position:fixed;
  right:22px;top:76px;
  z-index:99999;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(29,29,31,.88);
  color:#fff;
  font-size:11px;
  font-weight:600;
  opacity:0;
  transform:translateY(-5px);
  pointer-events:none;
  transition:.15s ease;
}
.font-scale-toast.show{opacity:1;transform:none}

/* Apple Clean consistente */
main,#app{background:var(--hmp-bg)!important}
main>header{
  background:rgba(255,255,255,.88)!important;
  color:var(--hmp-text)!important;
  border-bottom:1px solid var(--hmp-line)!important;
}
.card,.box,.panel,.adm-card,.dashboard-card,.os-card,.plantao-card,.prev-card,.ger-card,
.report-card,.admin-hub-card,.employee-service-card,.dash-panel,.bi-chart-panel,.modern-viz-card,
.hmp-auto-insights,.user-access-card,.admin-group{
  background:var(--hmp-surface)!important;
  border-color:var(--hmp-line)!important;
  color:var(--hmp-text)!important;
  box-shadow:var(--hmp-shadow)!important;
}
table,td{color:var(--hmp-text)!important}
th{background:var(--hmp-surface-soft)!important;color:var(--hmp-muted)!important}
input,select,textarea{background:var(--hmp-surface)!important;color:var(--hmp-text)!important}

/* Modo noturno leve: cinza grafite, nunca preto puro. */
html[data-hmp-theme="dark"]{
  color-scheme:dark;
  --hmp-bg:#202124;
  --hmp-surface:#2a2b2f;
  --hmp-surface-soft:#303136;
  --hmp-text:#f3f3f4;
  --hmp-muted:#b6b7bb;
  --hmp-line:rgba(255,255,255,.10);
  --hmp-shadow:0 5px 18px rgba(0,0,0,.18);
  --hmp-sidebar-1:#163a55;
  --hmp-sidebar-2:#12324c;
}
html[data-hmp-theme="dark"] body,
html[data-hmp-theme="dark"] main,
html[data-hmp-theme="dark"] #app{
  background:var(--hmp-bg)!important;
  color:var(--hmp-text)!important;
}
html[data-hmp-theme="dark"] main>header{
  background:rgba(39,40,44,.92)!important;
  border-bottom-color:var(--hmp-line)!important;
}
html[data-hmp-theme="dark"] header h1,
html[data-hmp-theme="dark"] #user b,
html[data-hmp-theme="dark"] #app h2,
html[data-hmp-theme="dark"] #app h3,
html[data-hmp-theme="dark"] #app h4,
html[data-hmp-theme="dark"] #app strong,
html[data-hmp-theme="dark"] #app b,
html[data-hmp-theme="dark"] table,
html[data-hmp-theme="dark"] td{
  color:var(--hmp-text)!important;
}
html[data-hmp-theme="dark"] header p,
html[data-hmp-theme="dark"] #user,
html[data-hmp-theme="dark"] #app p,
html[data-hmp-theme="dark"] #app .muted,
html[data-hmp-theme="dark"] #app small,
html[data-hmp-theme="dark"] #app label{
  color:var(--hmp-muted)!important;
}
html[data-hmp-theme="dark"] .display-tools{
  background:rgba(49,50,54,.85);
  border-color:var(--hmp-line);
}
html[data-hmp-theme="dark"] .display-tool-btn{
  color:#e4e4e7!important;
}
html[data-hmp-theme="dark"] .display-tool-btn:hover{
  background:#3a3b40!important;
}
html[data-hmp-theme="dark"] .display-tool-btn.active{
  background:#5b4a22!important;
  color:#ffd66b!important;
}
html[data-hmp-theme="dark"] .hmp-module-sticky-head{
  background:rgba(32,33,36,.94)!important;
  color:var(--hmp-text)!important;
  border-bottom-color:var(--hmp-line)!important;
}
html[data-hmp-theme="dark"] .card,
html[data-hmp-theme="dark"] .box,
html[data-hmp-theme="dark"] .panel,
html[data-hmp-theme="dark"] .adm-card,
html[data-hmp-theme="dark"] .dashboard-card,
html[data-hmp-theme="dark"] .os-card,
html[data-hmp-theme="dark"] .plantao-card,
html[data-hmp-theme="dark"] .prev-card,
html[data-hmp-theme="dark"] .ger-card,
html[data-hmp-theme="dark"] .report-card,
html[data-hmp-theme="dark"] .admin-hub-card,
html[data-hmp-theme="dark"] .employee-service-card,
html[data-hmp-theme="dark"] .dash-panel,
html[data-hmp-theme="dark"] .bi-chart-panel,
html[data-hmp-theme="dark"] .modern-viz-card,
html[data-hmp-theme="dark"] .hmp-auto-insights,
html[data-hmp-theme="dark"] .user-access-card,
html[data-hmp-theme="dark"] .admin-group{
  background:var(--hmp-surface)!important;
  color:var(--hmp-text)!important;
  border-color:var(--hmp-line)!important;
}
html[data-hmp-theme="dark"] table,
html[data-hmp-theme="dark"] td{
  background:#292a2e!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-hmp-theme="dark"] th{
  background:#34353a!important;
  color:#d2d2d6!important;
}
html[data-hmp-theme="dark"] input,
html[data-hmp-theme="dark"] select,
html[data-hmp-theme="dark"] textarea{
  background:#303136!important;
  color:#f3f3f4!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-hmp-theme="dark"] input::placeholder,
html[data-hmp-theme="dark"] textarea::placeholder{
  color:#8e8f94!important;
}
html[data-hmp-theme="dark"] .dash-metric,
html[data-hmp-theme="dark"] .pa-kpis>*,
html[data-hmp-theme="dark"] .os-kpis>*,
html[data-hmp-theme="dark"] .prev-kpis>*,
html[data-hmp-theme="dark"] .ger-kpis>*,
html[data-hmp-theme="dark"] .rel-kpis>*,
html[data-hmp-theme="dark"] .ativ-kpis>*{
  background:#2b2c30!important;
  color:var(--hmp-text)!important;
}
html[data-hmp-theme="dark"] .bi-tab,
html[data-hmp-theme="dark"] .pa-tabs button,
html[data-hmp-theme="dark"] .far-tabs button{
  color:#c8c8cc!important;
}
html[data-hmp-theme="dark"] .bi-tab.active,
html[data-hmp-theme="dark"] .pa-tabs button.active,
html[data-hmp-theme="dark"] .far-tabs button.active{
  background:#3a3b40!important;
  color:#fff!important;
}

/* sidebar noturno um pouco mais suave */
html[data-hmp-theme="dark"] #sidebar,
html[data-hmp-theme="dark"] aside{
  background:linear-gradient(180deg,var(--hmp-sidebar-1),var(--hmp-sidebar-2))!important;
}

/* Responsivo: não deixa os novos botões brigarem com clima/usuário */
@media(max-width:900px){
  .display-tools{margin-left:0}
}

/* DMA 5.6 — modo noturno integral e leitura densa.
   Uma superfície contínua: navegação, dados e controles usam o mesmo contraste. */
html[data-hmp-theme="dark"]{
  --chat-side:#171717;--chat-main:#212121;--chat-line:#353535;--chat-hover:#2a2a2a;
  --chat-text:#f2f2f2;--chat-muted:#b7b7b7;--chat-accent:#2f8fda;--chat-accent-soft:#153b55;
  --apple-bg:#212121;--apple-surface:#212121;--apple-text:#f2f2f2;--apple-muted:#b7b7b7;--apple-line:#3a3a3a
}

/* Alguns estilos antigos aplicavam branco dentro do menu; a lateral nunca pode quebrar o tema. */
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar #nav,
html[data-hmp-theme="dark"] #sidebar .nav-cascade-group,
html[data-hmp-theme="dark"] #sidebar .nav-cascade-items,
html[data-hmp-theme="dark"] #sidebar .nav-cascade-bottom,
html[data-hmp-theme="dark"] #sidebar .sidebar-version-block{background:#171717!important}
html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a,
html[data-hmp-theme="dark"] #sidebar .nav-cascade-toggle,
html[data-hmp-theme="dark"] #sidebar .sidebar-profile-card,
html[data-hmp-theme="dark"] #sidebar .sidebar-weather-action,
html[data-hmp-theme="dark"] #sidebar .sidebar-display-tools{background:transparent!important}
html[data-hmp-theme="dark"] #sidebar .sidebar-profile-avatar{background:#303030!important;color:#f2f2f2!important}
html[data-hmp-theme="dark"] #sidebar .nav-logout:hover{background:#3a2424!important}

/* Remove cartões claros e sombras remanescentes dos módulos internos. */
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :is(
  .card,.box,.panel,.adm-card,.dashboard-card,.os-card,.plantao-card,.prev-card,.ger-card,.report-card,
  .admin-hub-card,.employee-service-card,.dma-public-card,.users-create-form,.user-access-card,
  .user-module-picker,.user-module-check,.users-admin-summary>div,.far-card,.far-report-card,
  .far-event-card,.far-insight-card,.far-kpis>div,.insight-card,.chart-box,.hmp-auto-insights,
  .online-user-card,.online-module-card,.hmp-history-card,.ger-reading-card,.ger-history-card,
  .prev-chart-card,.consertos-summary>div,.metric-card,.kpi-card
){background:#212121!important;color:#f2f2f2!important;border-color:#3a3a3a!important;box-shadow:none!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :is(.page-top,.far-topbar,.far-header,.far-breadcrumb,.hmp-page-head,.hmp-section-head,.dashboard-head){background:transparent!important;color:#f2f2f2!important;border-color:#3a3a3a!important;box-shadow:none!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :is(h1,h2,h3,h4,b,strong,label,th,td,.muted-title){color:#f2f2f2!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :is(p,small,span,.muted,.subtitle,.hero p){color:#b7b7b7}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app .msg.ok,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app .notice-ok{background:#123d30!important;color:#b7f0d4!important;border-color:#24634d!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app .msg.err{background:#452225!important;color:#ffd3d5!important;border-color:#7b383d!important}

/* A central pública vira uma lista de destinos, não dois cartões desproporcionais. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-grid{display:block!important;max-width:960px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-card{
  display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;column-gap:12px!important;align-items:center!important;
  min-height:0!important;margin:0!important;padding:15px 0!important;border:0!important;border-bottom:1px solid var(--chat-line)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-card-icon{grid-row:1/4!important;width:32px!important;height:32px!important;border-radius:7px!important;background:var(--chat-hover)!important;color:var(--chat-accent)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-card>span{grid-column:2!important;font-size:10px!important;letter-spacing:.08em!important;color:var(--chat-muted)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-card h3{grid-column:2!important;margin:2px 0!important;font-size:16px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-card p{grid-column:2!important;margin:0!important;color:var(--chat-muted)!important;font-size:12px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-card>div:last-of-type{grid-column:3!important;grid-row:1/4!important;display:flex!important;gap:6px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-card small{grid-column:2/4!important;margin-top:5px!important}

/* Usuários ficam como linhas compactas; o editor é revelado apenas quando necessário. */
.users-admin-summary{gap:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid var(--chat-line)!important;border-bottom:1px solid var(--chat-line)!important}
.users-admin-summary>div{min-height:0!important;padding:9px 12px!important;border:0!important;border-right:1px solid var(--chat-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.users-admin-summary>div:last-child{border-right:0!important}.users-admin-summary span{font-size:10px!important}.users-admin-summary strong{font-size:19px!important}
.user-access-card{display:block!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--chat-line)!important;border-radius:0!important;background:transparent!important!important;box-shadow:none!important}
.user-access-card summary{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 18px!important;align-items:center!important;gap:10px!important;min-height:59px!important;padding:9px 4px!important;cursor:pointer!important;list-style:none!important}
.user-access-card summary::-webkit-details-marker{display:none!important}.user-access-card summary:hover{background:var(--chat-hover)!important}.user-access-card[open] summary{border-bottom:1px solid var(--chat-line)!important}
.user-access-avatar{width:34px!important;height:34px!important;margin:0!important;border-radius:50%!important;font-size:14px!important}.user-access-id{gap:1px!important}.user-access-id b{font-size:14px!important}.user-access-id span,.user-access-id small{font-size:11px!important}.user-access-top em{position:static!important;margin:0!important;font-size:9px!important}.user-access-disclosure{font-style:normal!important;color:var(--chat-muted)!important;font-size:16px!important}.user-access-card[open] .user-access-disclosure{transform:rotate(180deg)!important}
.user-access-details{padding:12px 4px 16px!important}.user-access-modules,.user-access-meta{margin:0 0 9px!important;font-size:11px!important}.user-access-actions,.user-access-approve{gap:8px!important}.user-module-picker{padding:8px!important;border-radius:7px!important}.user-module-check{min-height:30px!important;padding:5px 8px!important;border-radius:6px!important}.user-inline-field input,.user-inline-field select{height:34px!important}
html[data-hmp-theme="dark"] .user-access-card summary:hover{background:#2a2a2a!important}html[data-hmp-theme="dark"] .user-module-check{background:#272727!important;border-color:#3d3d3d!important}html[data-hmp-theme="dark"] .user-module-check span{color:#eee!important}

/* Farmácias: grade densa, sem cartões altos nem campos claros. */
.ewelink-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr))!important;gap:0!important;border-top:1px solid var(--chat-line)!important;border-left:1px solid var(--chat-line)!important}
.far-card.ewelink-device{min-height:0!important;padding:10px!important;border:0!important;border-right:1px solid var(--chat-line)!important;border-bottom:1px solid var(--chat-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.far-card.ewelink-device:hover{transform:none!important;box-shadow:none!important;background:var(--chat-hover)!important}.ewelink-device-head{min-height:27px!important}.ewelink-device-icon{width:27px!important;height:27px!important;border-radius:7px!important;font-size:13px!important}.ewelink-fav{width:27px!important;height:27px!important;border-radius:6px!important;background:transparent!important;font-size:15px!important}.ewelink-device-copy{gap:1px!important;margin:6px 0 4px!important}.ewelink-device-copy b{font-size:13px!important}.ewelink-device-copy span{font-size:11px!important}.ewelink-device .far-values{margin:5px 0!important;gap:12px!important}.ewelink-device .far-values strong{font-size:21px!important}.ewelink-device .far-values small,.ewelink-device-foot{font-size:10px!important}.ewelink-device-foot{grid-template-columns:auto auto 1fr!important}.ewelink-status-dot{width:7px!important;height:7px!important}
html[data-hmp-theme="dark"] .far-card.ewelink-device,html[data-hmp-theme="dark"] .far-card.ewelink-device.offline,html[data-hmp-theme="dark"] .far-card.ewelink-device.sem_dados{background:#212121!important}html[data-hmp-theme="dark"] .far-card.ewelink-device:hover{background:#2a2a2a!important}html[data-hmp-theme="dark"] .ewelink-fav{background:transparent!important;color:#b7b7b7!important}html[data-hmp-theme="dark"] .ewelink-device-copy b,html[data-hmp-theme="dark"] .ewelink-device .far-values strong{color:#f2f2f2!important}

/* Painéis públicos preservam a leitura à distância, agora com superfícies escuras consistentes. */
html[data-hmp-theme="dark"] body.dma-panel-tv-view,html[data-hmp-theme="dark"] .dma-tv-panel{background:#171717!important;color:#f2f2f2!important}
html[data-hmp-theme="dark"] .dma-tv-overview>div,html[data-hmp-theme="dark"] .dma-tv-filters,html[data-hmp-theme="dark"] .dma-tv-table{background:#212121!important;border-color:#3a3a3a!important;box-shadow:none!important}
html[data-hmp-theme="dark"] .dma-tv-overview span,html[data-hmp-theme="dark"] .dma-tv-filters label,html[data-hmp-theme="dark"] .dma-tv-table th{color:#b7b7b7!important}html[data-hmp-theme="dark"] .dma-tv-overview strong,html[data-hmp-theme="dark"] .dma-tv-table td,html[data-hmp-theme="dark"] .dma-tv-table b{color:#f2f2f2!important}html[data-hmp-theme="dark"] .dma-tv-table tbody tr,html[data-hmp-theme="dark"] .dma-tv-table tbody td{background:#212121!important;border-color:#353535!important}html[data-hmp-theme="dark"] .dma-tv-table tbody tr:nth-child(even),html[data-hmp-theme="dark"] .dma-tv-table tbody tr:nth-child(even) td{background:#252525!important}html[data-hmp-theme="dark"] .dma-tv-filters input{background:#292929!important;border-color:#4a4a4a!important;color:#f2f2f2!important}

@media(max-width:700px){.users-admin-summary{grid-template-columns:1fr!important}.users-admin-summary>div{border-right:0!important;border-bottom:1px solid var(--chat-line)!important}.dma-public-card{grid-template-columns:36px minmax(0,1fr)!important}.dma-public-card>div:last-of-type{grid-column:2!important;grid-row:auto!important;margin-top:9px!important}.ewelink-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
  .display-tools{
    margin-left:auto;
    gap:3px;
    padding:3px;
  }
  .display-tool-btn{width:29px;height:29px;font-size:10px!important}
  #user{display:none!important}
}

/* HMP 3.17.8 — contraste noturno, fonte maior e cabeçalho ampliado */

/* Escala-base um pouco maior sem perder a opção A-/A+ */
:root{
  --hmp-base-scale:1.07;
}
#app, main>header, #sidebar{
  font-size:calc(16px * var(--hmp-font-scale) * var(--hmp-base-scale))!important;
}
#app h2{font-size:calc(22.5px * var(--hmp-font-scale))!important}
#app h3{font-size:calc(15.2px * var(--hmp-font-scale))!important}
#app h4{font-size:calc(12.8px * var(--hmp-font-scale))!important}
#app p,#app .muted{font-size:calc(11.2px * var(--hmp-font-scale))!important}
#app span,#app small,#app label{font-size:calc(10.1px * var(--hmp-font-scale))}
#app table{font-size:calc(10.2px * var(--hmp-font-scale))!important}
#app th{font-size:calc(9.2px * var(--hmp-font-scale))!important}
#app .btn{font-size:calc(10.7px * var(--hmp-font-scale))!important}
#app input,#app select,#app textarea{font-size:calc(11.1px * var(--hmp-font-scale))!important}
.dash-metric span,.dash-metric small{font-size:9.2px!important}
.dash-metric strong{font-size:21.5px!important}

/* Cabeçalho superior maior */
main>header{
  height:74px!important;
  min-height:74px!important;
  padding:0 20px!important;
}
header h1{
  font-size:calc(18px * var(--hmp-font-scale))!important;
  font-weight:650!important;
}
header p{
  font-size:calc(10.3px * var(--hmp-font-scale))!important;
}
#user{
  font-size:calc(10px * var(--hmp-font-scale))!important;
}
#user b{
  font-size:calc(11.2px * var(--hmp-font-scale))!important;
}
.header-profile-photo,.header-profile-fallback{
  width:34px!important;height:34px!important;
}
.display-tool-btn{
  width:34px!important;height:34px!important;
}

/* Sticky recalibrado para o cabeçalho maior */
.hmp-module-sticky-head{
  top:74px!important;
}
.hmp-sticky-controls{
  top:auto!important;
}

/* Modo noturno: superfícies grafite claras, texto forte e consistente */
html[data-hmp-theme="dark"]{
  --hmp-bg:#24262a;
  --hmp-surface:#34363b;
  --hmp-surface-soft:#3b3e44;
  --hmp-text:#f7f7f8;
  --hmp-muted:#d0d1d5;
  --hmp-line:rgba(255,255,255,.16);
  --hmp-shadow:0 6px 22px rgba(0,0,0,.18);
  --hmp-sidebar-1:#173f5c;
  --hmp-sidebar-2:#14364f;
}
html[data-hmp-theme="dark"] body,
html[data-hmp-theme="dark"] main,
html[data-hmp-theme="dark"] #app{
  background:#24262a!important;
  color:#f7f7f8!important;
}
html[data-hmp-theme="dark"] main>header{
  background:rgba(46,48,53,.96)!important;
  border-bottom-color:rgba(255,255,255,.14)!important;
}
html[data-hmp-theme="dark"] .hmp-module-sticky-head{
  background:rgba(36,38,42,.96)!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
}
html[data-hmp-theme="dark"] .card,
html[data-hmp-theme="dark"] .box,
html[data-hmp-theme="dark"] .panel,
html[data-hmp-theme="dark"] .adm-card,
html[data-hmp-theme="dark"] .dashboard-card,
html[data-hmp-theme="dark"] .os-card,
html[data-hmp-theme="dark"] .plantao-card,
html[data-hmp-theme="dark"] .prev-card,
html[data-hmp-theme="dark"] .ger-card,
html[data-hmp-theme="dark"] .report-card,
html[data-hmp-theme="dark"] .admin-hub-card,
html[data-hmp-theme="dark"] .employee-service-card,
html[data-hmp-theme="dark"] .dash-panel,
html[data-hmp-theme="dark"] .bi-chart-panel,
html[data-hmp-theme="dark"] .modern-viz-card,
html[data-hmp-theme="dark"] .hmp-auto-insights,
html[data-hmp-theme="dark"] .user-access-card,
html[data-hmp-theme="dark"] .admin-group,
html[data-hmp-theme="dark"] .pa-att,
html[data-hmp-theme="dark"] .he-record,
html[data-hmp-theme="dark"] .escala-day,
html[data-hmp-theme="dark"] .escala-period,
html[data-hmp-theme="dark"] .online-user-card{
  background:#34363b!important;
  color:#f7f7f8!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.14)!important;
}

/* Força textos legíveis dentro dos módulos */
html[data-hmp-theme="dark"] #app *,
html[data-hmp-theme="dark"] #app td,
html[data-hmp-theme="dark"] #app th{
  text-shadow:none!important;
}
html[data-hmp-theme="dark"] #app h1,
html[data-hmp-theme="dark"] #app h2,
html[data-hmp-theme="dark"] #app h3,
html[data-hmp-theme="dark"] #app h4,
html[data-hmp-theme="dark"] #app strong,
html[data-hmp-theme="dark"] #app b,
html[data-hmp-theme="dark"] #app td,
html[data-hmp-theme="dark"] #app .pa-att strong,
html[data-hmp-theme="dark"] #app .he-record-info h4{
  color:#ffffff!important;
}
html[data-hmp-theme="dark"] #app p,
html[data-hmp-theme="dark"] #app span,
html[data-hmp-theme="dark"] #app small,
html[data-hmp-theme="dark"] #app label,
html[data-hmp-theme="dark"] #app .muted{
  color:#d3d4d8!important;
}
html[data-hmp-theme="dark"] #app a{
  color:#75baff;
}

/* Tabelas e listas no modo noturno */
html[data-hmp-theme="dark"] table{
  background:#303237!important;
  color:#f5f5f7!important;
}
html[data-hmp-theme="dark"] th{
  background:#41444a!important;
  color:#f0f0f2!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-hmp-theme="dark"] td{
  background:#34363b!important;
  color:#f5f5f7!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-hmp-theme="dark"] tr:nth-child(even) td{
  background:#383a40!important;
}

/* Campos escuros sem perder conteúdo */
html[data-hmp-theme="dark"] input,
html[data-hmp-theme="dark"] select,
html[data-hmp-theme="dark"] textarea{
  background:#2f3136!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.18)!important;
}
html[data-hmp-theme="dark"] input::placeholder,
html[data-hmp-theme="dark"] textarea::placeholder{
  color:#b1b3b8!important;
  opacity:1!important;
}
html[data-hmp-theme="dark"] option{
  background:#2f3136!important;
  color:#fff!important;
}

/* KPIs e abas */
html[data-hmp-theme="dark"] .dash-metric,
html[data-hmp-theme="dark"] .pa-kpis>*,
html[data-hmp-theme="dark"] .os-kpis>*,
html[data-hmp-theme="dark"] .prev-kpis>*,
html[data-hmp-theme="dark"] .ger-kpis>*,
html[data-hmp-theme="dark"] .rel-kpis>*,
html[data-hmp-theme="dark"] .ativ-kpis>*,
html[data-hmp-theme="dark"] .he-admin-kpis>*{
  background:#35373c!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-hmp-theme="dark"] .dash-metric span,
html[data-hmp-theme="dark"] .dash-metric small,
html[data-hmp-theme="dark"] .pa-kpis span,
html[data-hmp-theme="dark"] .pa-kpis small{
  color:#d3d4d8!important;
}
html[data-hmp-theme="dark"] .bi-tab,
html[data-hmp-theme="dark"] .pa-tabs button,
html[data-hmp-theme="dark"] .far-tabs button,
html[data-hmp-theme="dark"] .escala-view-tabs button{
  background:#3a3c42!important;
  color:#e7e7e9!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-hmp-theme="dark"] .bi-tab.active,
html[data-hmp-theme="dark"] .pa-tabs button.active,
html[data-hmp-theme="dark"] .far-tabs button.active,
html[data-hmp-theme="dark"] .escala-view-tabs button.active{
  background:#0a84ff!important;
  color:#fff!important;
}

/* Mensagens/status */
html[data-hmp-theme="dark"] .msg.ok{
  background:#1f5b3d!important;
  color:#eefcf3!important;
}
html[data-hmp-theme="dark"] .msg.info{
  background:#274f75!important;
  color:#f0f7ff!important;
}
html[data-hmp-theme="dark"] .msg.err{
  background:#6b2c32!important;
  color:#fff1f2!important;
}

/* Botões com contraste adequado */
html[data-hmp-theme="dark"] .btn.alt,
html[data-hmp-theme="dark"] button.alt{
  background:#474a50!important;
  color:#f5f5f7!important;
}
html[data-hmp-theme="dark"] .btn:not(.alt){
  background:#0a84ff!important;
  color:#fff!important;
}

/* Gráficos: linhas e rótulos legíveis no modo noturno */
html[data-hmp-theme="dark"] .modern-gridline,
html[data-hmp-theme="dark"] .axis-line{
  stroke:rgba(255,255,255,.12)!important;
}
html[data-hmp-theme="dark"] .modern-axis-label,
html[data-hmp-theme="dark"] .chart-label{
  fill:#d1d1d6!important;
  color:#d1d1d6!important;
}
html[data-hmp-theme="dark"] .donut-layout,
html[data-hmp-theme="dark"] .modern-chart-meta span{
  color:#e8e8ea!important;
}

/* Ajuste mobile */
@media(max-width:700px){
  main>header{
    height:70px!important;
    min-height:70px!important;
  }
  .hmp-module-sticky-head{top:70px!important}
}

/* HMP 3.17.9 — fonte padrão maior, header amplo, sidebar legível e avatar correto */

/* Nova escala-base: o padrão visual equivale ao antigo A+ máximo. */
:root{
  --hmp-base-scale:1.00;
}
#app, main>header, #sidebar{
  font-size:calc(16px * var(--hmp-font-scale))!important;
}
#app h2{font-size:calc(24px * var(--hmp-font-scale))!important}
#app h3{font-size:calc(16px * var(--hmp-font-scale))!important}
#app h4{font-size:calc(13.5px * var(--hmp-font-scale))!important}
#app p,#app .muted{font-size:calc(12px * var(--hmp-font-scale))!important}
#app span,#app small,#app label{font-size:calc(10.8px * var(--hmp-font-scale))}
#app table{font-size:calc(10.8px * var(--hmp-font-scale))!important}
#app th{font-size:calc(9.8px * var(--hmp-font-scale))!important}
#app .btn{font-size:calc(11.2px * var(--hmp-font-scale))!important}
#app input,#app select,#app textarea{font-size:calc(11.6px * var(--hmp-font-scale))!important}

/* Cabeçalho superior maior e mais respirado */
main>header{
  height:86px!important;
  min-height:86px!important;
  padding:0 24px!important;
  gap:16px!important;
}
header h1{
  font-size:calc(19px * var(--hmp-font-scale))!important;
  line-height:1.05!important;
}
header p{
  font-size:calc(10.8px * var(--hmp-font-scale))!important;
  margin-top:4px!important;
}
#user{
  font-size:calc(10.5px * var(--hmp-font-scale))!important;
}
#user b{
  font-size:calc(11.8px * var(--hmp-font-scale))!important;
}

/* Foto de perfil sempre circular e sem achatamento */
.header-profile-link{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:46px!important;
}
.header-profile-photo,
.header-profile-fallback{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  aspect-ratio:1/1!important;
  flex:0 0 40px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  overflow:hidden!important;
}
.header-profile-photo{
  display:block!important;
}
.header-profile-fallback{
  display:grid!important;
  place-items:center!important;
}

/* Ferramentas no header um pouco maiores */
.display-tools{
  padding:5px!important;
  gap:5px!important;
}
.display-tool-btn{
  width:36px!important;
  height:36px!important;
  font-size:11.5px!important;
}

/* Sidebar com fonte maior, ainda compacta o suficiente */
.nav-cascade-toggle{
  min-height:38px!important;
  font-size:11.6px!important;
  font-weight:600!important;
}
.nav-group-icon{
  width:25px!important;height:25px!important;
  font-size:11.5px!important;
}
.nav-cascade-items>a{
  min-height:33px!important;
  font-size:10.5px!important;
  font-weight:500!important;
  padding:5px 8px!important;
}
.nav-cascade-items>a .nav-ico{
  width:19px!important;
  height:19px!important;
  flex-basis:19px!important;
  font-size:9.5px!important;
}
.nav-cascade-items>a.nav-subitem{
  font-size:10px!important;
}
.nav-cascade-bottom a{
  font-size:10.5px!important;
}
.sidebar-version-block>small{
  font-size:8.8px!important;
}
.system-version-btn span,
.system-version-btn strong,
.system-version-btn em{
  font-size:8.8px!important;
}

/* Mais espaço vertical entre título do módulo e filtros, evitando cortes */
.hmp-module-sticky-head{
  top:86px!important;
  padding:12px 10px!important;
  min-height:64px!important;
}
#app{
  padding-top:20px!important;
}
.dashboard-head,
.os-head,
.ativ-head,
.atividades-head,
.pa-head,
.prev-head,
.ger-head,
.far-head,
.rel-head,
.admin-hub-head,
.users-admin-head,
.online-head{
  row-gap:8px!important;
}

/* Filtros e toolbars quebram linha em vez de sobrepor/cortar */
.os-filterbar,
.ativ-toolbar,
.ativ-filters,
.far-filterbar,
.rel-filterbar,
.pa-toolbar,
.he-admin-filtros,
.ger-filterbar,
.prev-filterbar{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  gap:8px!important;
  align-items:end!important;
}
.os-filterbar>*,
.ativ-toolbar>*,
.ativ-filters>*,
.far-filterbar>*,
.rel-filterbar>*,
.pa-toolbar>*,
.he-admin-filtros>*,
.ger-filterbar>*,
.prev-filterbar>*{
  min-width:0!important;
}
input,select,textarea{
  width:100%!important;
  min-width:0!important;
}

/* KPIs ligeiramente maiores para acompanhar a tipografia */
.dash-metric,.pa-kpis>*,.os-kpis>*,.prev-kpis>*,.ger-kpis>*,
.rel-kpis>*,.ativ-kpis>*,.he-admin-kpis>*{
  min-height:78px!important;
  padding:12px 14px!important;
}
.dash-metric span,.dash-metric small{
  font-size:9.8px!important;
}
.dash-metric strong{
  font-size:23px!important;
}

/* Sticky mobile recalibrado */
@media(max-width:700px){
  main>header{
    height:78px!important;
    min-height:78px!important;
    padding:0 12px!important;
  }
  .hmp-module-sticky-head{top:78px!important}
  .display-tool-btn{
    width:32px!important;height:32px!important;
  }
  .header-profile-photo,.header-profile-fallback{
    width:34px!important;height:34px!important;
    min-width:34px!important;min-height:34px!important;
    max-width:34px!important;max-height:34px!important;
    flex-basis:34px!important;
  }
}

/* Em telas baixas, reduz levemente só a sidebar para continuar cabendo */
@media(max-height:850px) and (min-width:701px){
  .nav-cascade-toggle{min-height:34px!important;font-size:10.8px!important}
  .nav-cascade-items>a{min-height:29px!important;font-size:9.8px!important}
  .nav-cascade-items>a.nav-subitem{font-size:9.5px!important}
}

/* HMP 3.17.10 — correção de espaçamento, filtros e sidebar */

/* 1) Remove o grande vazio entre o header e o conteúdo do módulo.
   O header superior continua sticky; o cabeçalho interno volta ao fluxo normal. */
.hmp-module-sticky-head{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#app{
  padding-top:16px!important;
}
.ativ-admin,
.dashboard-adm,
.plantao-admin-shell,
.os-admin,
.prev-admin,
.ger-admin,
.far-admin,
.rel-admin{
  margin-top:0!important;
  padding-top:0!important;
}

/* 2) Barra lateral mais legível */
.shell{
  grid-template-columns:270px minmax(0,1fr)!important;
}
#sidebar,aside{
  width:270px!important;
}
.nav-cascade-toggle{
  min-height:40px!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.15!important;
  padding:7px 9px!important;
}
.nav-group-icon{
  width:26px!important;
  height:26px!important;
  font-size:12px!important;
}
.nav-cascade-items>a{
  min-height:34px!important;
  font-size:11.7px!important;
  line-height:1.15!important;
  padding:6px 9px!important;
}
.nav-cascade-items>a.nav-subitem{
  font-size:11.3px!important;
}
.nav-cascade-bottom a{
  font-size:11.7px!important;
}
.nav-cascade-items>a span:last-child,
.nav-cascade-toggle>span:nth-child(2){
  white-space:nowrap!important;
}

/* 3) Atividades da Equipe: filtros totalmente visíveis */
.ativ-admin{
  gap:12px!important;
}
.ativ-head{
  align-items:center!important;
  margin-bottom:2px!important;
}
.ativ-head>div:first-child{
  min-width:0!important;
}
.ativ-actions{
  flex:0 0 auto!important;
}
.ativ-filterbar{
  display:grid!important;
  grid-template-columns:
    minmax(145px,.8fr)
    minmax(165px,1fr)
    minmax(185px,1.15fr)
    minmax(165px,1fr)
    minmax(260px,2.2fr)
    auto!important;
  gap:10px!important;
  align-items:end!important;
  width:100%!important;
  overflow:visible!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
.ativ-filterbar .field{
  margin:0!important;
  min-width:0!important;
  overflow:visible!important;
}
.ativ-filterbar .field label{
  display:block!important;
  margin:0 0 6px!important;
  line-height:1.15!important;
  font-size:11px!important;
  color:#4a4a4f!important;
  white-space:nowrap!important;
}
.ativ-filterbar input,
.ativ-filterbar select{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:8px 10px!important;
  font-size:11.5px!important;
  line-height:1.2!important;
}
.ativ-filterbar .btn{
  height:40px!important;
  min-height:40px!important;
  white-space:nowrap!important;
  align-self:end!important;
}
.ativ-filterbar .grow{
  min-width:0!important;
}

/* Em resoluções um pouco menores, quebra em duas linhas sem esconder nada */
@media(max-width:1350px){
  .ativ-filterbar{
    grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  }
  .ativ-filterbar .grow{
    grid-column:1/4!important;
  }
  .ativ-filterbar #btnAtivLimpar{
    grid-column:4!important;
  }
}
@media(max-width:980px){
  .shell{grid-template-columns:255px minmax(0,1fr)!important}
  #sidebar,aside{width:255px!important}
  .ativ-filterbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .ativ-filterbar .grow{
    grid-column:1/-1!important;
  }
  .ativ-filterbar #btnAtivLimpar{
    grid-column:auto!important;
  }
}
@media(max-width:700px){
  .shell{display:block!important}
  #sidebar,aside{width:270px!important}
  .ativ-filterbar{
    grid-template-columns:1fr!important;
  }
  .ativ-filterbar .grow,
  .ativ-filterbar #btnAtivLimpar{
    grid-column:auto!important;
  }
}

/* Modo noturno: labels dos filtros continuam nítidos */
html[data-hmp-theme="dark"] .ativ-filterbar .field label{
  color:#e3e3e6!important;
}


/* HMP 3.17.11 — refinamento do modo noturno, removendo superfícies brancas */
html[data-hmp-theme="dark"]{
  --hmp-bg:#24262a;
  --hmp-surface:#34363b;
  --hmp-surface-soft:#3a3d43;
  --hmp-surface-elev:#40444b;
  --hmp-panel:#2f3238;
  --hmp-panel-2:#2b2e34;
  --hmp-line-soft:rgba(255,255,255,.12);
}

/* superfícies principais dos módulos */
html[data-hmp-theme="dark"] .far-kpis>div,
html[data-hmp-theme="dark"] .far-alert,
html[data-hmp-theme="dark"] .far-all-ok,
html[data-hmp-theme="dark"] .far-card,
html[data-hmp-theme="dark"] .far-chart-grid section,
html[data-hmp-theme="dark"] .far-report-card,
html[data-hmp-theme="dark"] .far-report-note,
html[data-hmp-theme="dark"] .far-report-grid>div,
html[data-hmp-theme="dark"] .far-report-dates>div,
html[data-hmp-theme="dark"] .prev-chart-grid section,
html[data-hmp-theme="dark"] .prev-table-wrap,
html[data-hmp-theme="dark"] .ger-table-wrap,
html[data-hmp-theme="dark"] .ger-prev-card,
html[data-hmp-theme="dark"] .ger-sign-box,
html[data-hmp-theme="dark"] .attd-kpis>div,
html[data-hmp-theme="dark"] .attd-table-wrap,
html[data-hmp-theme="dark"] .registro-item,
html[data-hmp-theme="dark"] .indicador-registro,
html[data-hmp-theme="dark"] .area-obrigatoria,
html[data-hmp-theme="dark"] .hmp-history-card,
html[data-hmp-theme="dark"] .hmp-history-filter,
html[data-hmp-theme="dark"] .hmp-hist-kpis>div,
html[data-hmp-theme="dark"] .hmp-hist-chart,
html[data-hmp-theme="dark"] .hmp-timeline,
html[data-hmp-theme="dark"] .hmp-hist-table-wrap,
html[data-hmp-theme="dark"] .hmp-hist-table{
  background:var(--hmp-surface)!important;
  color:var(--hmp-text)!important;
  border-color:var(--hmp-line-soft)!important;
}

/* cartões com estados */
html[data-hmp-theme="dark"] .far-card.alarme,
html[data-hmp-theme="dark"] .far-alert.alarme,
html[data-hmp-theme="dark"] .far-alert.bad{
  background:linear-gradient(180deg,#4a2b2f 0%, #3c272b 100%)!important;
  border-color:#8f4f57!important;
}
html[data-hmp-theme="dark"] .far-card.offline,
html[data-hmp-theme="dark"] .far-card.sem_dados,
html[data-hmp-theme="dark"] .far-alert.offline,
html[data-hmp-theme="dark"] .far-alert.sem_dados{
  background:linear-gradient(180deg,#383c43 0%, #32363c 100%)!important;
  border-color:#66707b!important;
}
html[data-hmp-theme="dark"] .far-card.atencao,
html[data-hmp-theme="dark"] .far-alert.atencao{
  background:linear-gradient(180deg,#4a4030 0%, #3e3528 100%)!important;
  border-color:#aa8748!important;
}
html[data-hmp-theme="dark"] .far-card:not(.alarme):not(.offline):not(.sem_dados):not(.atencao){
  background:linear-gradient(180deg,#34363b 0%, #2f3237 100%)!important;
}
html[data-hmp-theme="dark"] .far-all-ok{
  background:linear-gradient(180deg,#234235 0%, #1f3a2f 100%)!important;
  color:#dcf7e8!important;
  border-color:#3f7a62!important;
}

/* gráficos/caixas preventivas e geradores */
html[data-hmp-theme="dark"] .ger-card,
html[data-hmp-theme="dark"] .ger-card-title,
html[data-hmp-theme="dark"] .ger-bars,
html[data-hmp-theme="dark"] .ger-panel,
html[data-hmp-theme="dark"] .prev-chart-grid section,
html[data-hmp-theme="dark"] .prev-table-wrap,
html[data-hmp-theme="dark"] .ger-table-wrap{
  background:var(--hmp-surface)!important;
  border-color:var(--hmp-line-soft)!important;
}
html[data-hmp-theme="dark"] .ger-bar-track,
html[data-hmp-theme="dark"] .prev-bar i,
html[data-hmp-theme="dark"] .far-svg line,
html[data-hmp-theme="dark"] .hmp-hist-chart line{
  opacity:1!important;
}
html[data-hmp-theme="dark"] .ger-bar-track{background:#4a4d53!important}
html[data-hmp-theme="dark"] .prev-bar i{background:linear-gradient(90deg,#4f8fff var(--w),#4a4d53 var(--w))!important}

/* abas e filtros escuros consistentes */
html[data-hmp-theme="dark"] .ger-tabs button,
html[data-hmp-theme="dark"] .far-tabs button,
html[data-hmp-theme="dark"] .prev-filterbar .btn,
html[data-hmp-theme="dark"] .ger-filterbar .btn,
html[data-hmp-theme="dark"] .far-actions .btn,
html[data-hmp-theme="dark"] .far-report-controls .btn,
html[data-hmp-theme="dark"] .hmp-history-filter .btn,
html[data-hmp-theme="dark"] .hmp-timeline-actions .btn{
  background:#3a3d43!important;
  color:#f3f4f6!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-hmp-theme="dark"] .ger-tabs button.active,
html[data-hmp-theme="dark"] .far-tabs button.active{
  background:#0a84ff!important;
  color:#fff!important;
  border-color:#0a84ff!important;
}
html[data-hmp-theme="dark"] .far-filterbar select,
html[data-hmp-theme="dark"] .far-filterbar input,
html[data-hmp-theme="dark"] .far-report-controls select,
html[data-hmp-theme="dark"] .far-report-grid select,
html[data-hmp-theme="dark"] .far-report-dates input,
html[data-hmp-theme="dark"] .ger-filterbar select,
html[data-hmp-theme="dark"] .ger-filterbar input,
html[data-hmp-theme="dark"] .ger-prev-grid input,
html[data-hmp-theme="dark"] .ger-prev-grid select,
html[data-hmp-theme="dark"] .ger-prev-card textarea,
html[data-hmp-theme="dark"] .prev-filterbar select,
html[data-hmp-theme="dark"] .prev-filterbar input,
html[data-hmp-theme="dark"] .hmp-history-filter input,
html[data-hmp-theme="dark"] .hmp-history-filter select,
html[data-hmp-theme="dark"] .hmp-timeline-actions select,
html[data-hmp-theme="dark"] .hmp-timeline-actions input{
  background:#30343a!important;
  color:#f5f6f8!important;
  border-color:rgba(255,255,255,.14)!important;
}

/* textos das farmácias/geradores/preventivas */
html[data-hmp-theme="dark"] .far-head h2,
html[data-hmp-theme="dark"] .far-card-top b,
html[data-hmp-theme="dark"] .far-values strong,
html[data-hmp-theme="dark"] .far-history-head h3,
html[data-hmp-theme="dark"] .far-report-card h3,
html[data-hmp-theme="dark"] .prev-title b,
html[data-hmp-theme="dark"] .ger-card-title b,
html[data-hmp-theme="dark"] .ger-history-head h3,
html[data-hmp-theme="dark"] .ger-prev-title,
html[data-hmp-theme="dark"] .attd-head b,
html[data-hmp-theme="dark"] .registro-item strong,
html[data-hmp-theme="dark"] .indicador-registro b,
html[data-hmp-theme="dark"] .hmp-history-head h3,
html[data-hmp-theme="dark"] .hmp-hist-kpis b{
  color:#f7f7f8!important;
}
html[data-hmp-theme="dark"] .far-head p,
html[data-hmp-theme="dark"] .far-card-top span,
html[data-hmp-theme="dark"] .far-card p,
html[data-hmp-theme="dark"] .far-card>small,
html[data-hmp-theme="dark"] .far-values small,
html[data-hmp-theme="dark"] .far-alert span,
html[data-hmp-theme="dark"] .far-alert small,
html[data-hmp-theme="dark"] .far-history-head p,
html[data-hmp-theme="dark"] .far-svg text,
html[data-hmp-theme="dark"] .far-report-card p,
html[data-hmp-theme="dark"] .far-report-note,
html[data-hmp-theme="dark"] .prev-title span,
html[data-hmp-theme="dark"] .prev-table td,
html[data-hmp-theme="dark"] .ger-card-title span,
html[data-hmp-theme="dark"] .ger-bar-label,
html[data-hmp-theme="dark"] .ger-table td,
html[data-hmp-theme="dark"] .ger-history-head p,
html[data-hmp-theme="dark"] .ger-help,
html[data-hmp-theme="dark"] .attd-head span,
html[data-hmp-theme="dark"] .attd-table td,
html[data-hmp-theme="dark"] .indicador-registro span,
html[data-hmp-theme="dark"] .hmp-history-head p,
html[data-hmp-theme="dark"] .hmp-hist-kpis span,
html[data-hmp-theme="dark"] .hmp-hist-kpis small,
html[data-hmp-theme="dark"] .hmp-hist-chart-title span,
html[data-hmp-theme="dark"] .hmp-timeline-top #farHistNow span,
html[data-hmp-theme="dark"] .hmp-hist-chart text{
  color:#cfd3d8!important;
  fill:#cfd3d8!important;
}

/* tabelas, listas e linhas */
html[data-hmp-theme="dark"] .prev-table th,
html[data-hmp-theme="dark"] .ger-table th,
html[data-hmp-theme="dark"] .attd-table th,
html[data-hmp-theme="dark"] .hmp-hist-table th{
  background:#40444a!important;
  color:#f2f3f5!important;
}
html[data-hmp-theme="dark"] .prev-table td,
html[data-hmp-theme="dark"] .ger-table td,
html[data-hmp-theme="dark"] .attd-table td,
html[data-hmp-theme="dark"] .hmp-hist-table td{
  background:#34363b!important;
  color:#f1f3f6!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
html[data-hmp-theme="dark"] .attd-table tbody tr:hover,
html[data-hmp-theme="dark"] .prev-bar:hover{
  background:#3c4046!important;
}

/* histórico: retirar pontos brancos e superfícies muito claras */
html[data-hmp-theme="dark"] .hist-dot,
html[data-hmp-theme="dark"] .far-svg circle{
  fill:#34363b!important;
  stroke:#4ea2ff!important;
}
html[data-hmp-theme="dark"] .hmp-history-head>button{
  background:#3a3d43!important;
  color:#f7f7f8!important;
}
html[data-hmp-theme="dark"] .hmp-history-modal{
  background:rgba(0,0,0,.4)!important;
}
html[data-hmp-theme="dark"] .hmp-history-filter{
  background:#2d3036!important;
}
html[data-hmp-theme="dark"] .hmp-timeline input[type=range]{
  accent-color:#0a84ff;
}

/* pequenos detalhes claros que apareciam como pontos */
html[data-hmp-theme="dark"] .star-btn,
html[data-hmp-theme="dark"] .icon-pill,
html[data-hmp-theme="dark"] .icon-chip,
html[data-hmp-theme="dark"] .soft-icon,
html[data-hmp-theme="dark"] .mini-kpi,
html[data-hmp-theme="dark"] .badge-soft{
  background:#3a3d43!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-hmp-theme="dark"] .status-dot.off,
html[data-hmp-theme="dark"] .status-dot.offline{background:#98a1ab!important}
html[data-hmp-theme="dark"] .status-dot.ok,
html[data-hmp-theme="dark"] .status-dot.normal{background:#34c759!important}
html[data-hmp-theme="dark"] .status-dot.warn,
html[data-hmp-theme="dark"] .status-dot.atencao{background:#ffb340!important}
html[data-hmp-theme="dark"] .status-dot.bad,
html[data-hmp-theme="dark"] .status-dot.alarme{background:#ff6b6b!important}


/* HMP 3.17.15 — correções extras do modo noturno: dashboard, chips, donuts e textos claros */
html[data-hmp-theme="dark"] .modern-chart-meta span,
html[data-hmp-theme="dark"] .modern-viz-head em,
html[data-hmp-theme="dark"] .bi-tab,
html[data-hmp-theme="dark"] .dash-highlight,
html[data-hmp-theme="dark"] .dash-error-help,
html[data-hmp-theme="dark"] .he-status,
html[data-hmp-theme="dark"] .bi-detail,
html[data-hmp-theme="dark"] .dash-module,
html[data-hmp-theme="dark"] .tech-radial-item,
html[data-hmp-theme="dark"] .module-donut-modern,
html[data-hmp-theme="dark"] .hmp-auto-insights,
html[data-hmp-theme="dark"] .bi-chart-panel,
html[data-hmp-theme="dark"] .dash-panel,
html[data-hmp-theme="dark"] .modern-viz-card,
html[data-hmp-theme="dark"] .dash-module-grid .dash-module,
html[data-hmp-theme="dark"] .donut-legend button,
html[data-hmp-theme="dark"] .bi-atendimento,
html[data-hmp-theme="dark"] .bi-bar-row,
html[data-hmp-theme="dark"] .sector-color-row,
html[data-hmp-theme="dark"] .module-bar-modern,
html[data-hmp-theme="dark"] .display-tools{
  background:#34363b!important;
  color:#f5f6f8!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-hmp-theme="dark"] .modern-chart-meta span{background:#40434a!important;color:#d7d9df!important}
html[data-hmp-theme="dark"] .modern-chart-meta b{color:#ffffff!important}
html[data-hmp-theme="dark"] .bi-tab{background:#3a3d43!important;color:#e9eaee!important;border-color:rgba(255,255,255,.12)!important}
html[data-hmp-theme="dark"] .bi-tab.active{background:#0a84ff!important;color:#fff!important;border-color:#0a84ff!important}
html[data-hmp-theme="dark"] .dash-highlight{background:#34363b!important;border-color:rgba(255,255,255,.12)!important}
html[data-hmp-theme="dark"] .dash-highlight span,
html[data-hmp-theme="dark"] .dash-highlight small,
html[data-hmp-theme="dark"] .dash-panel-title span,
html[data-hmp-theme="dark"] .bi-panel-head span,
html[data-hmp-theme="dark"] .modern-viz-head span,
html[data-hmp-theme="dark"] .modern-section-head p,
html[data-hmp-theme="dark"] .dash-empty,
html[data-hmp-theme="dark"] .dash-atendimento span,
html[data-hmp-theme="dark"] .dash-atendimento p,
html[data-hmp-theme="dark"] .bi-detail span,
html[data-hmp-theme="dark"] .bi-detail small,
html[data-hmp-theme="dark"] .tech-radial-item small,
html[data-hmp-theme="dark"] .sector-color-row b small,
html[data-hmp-theme="dark"] .modern-axis-label,
html[data-hmp-theme="dark"] .chart-point text,
html[data-hmp-theme="dark"] .donut span,
html[data-hmp-theme="dark"] .hmp-auto-head p,
html[data-hmp-theme="dark"] .hmp-auto-head small,
html[data-hmp-theme="dark"] .module-donut-ring span,
html[data-hmp-theme="dark"] .module-bars-modern b,
html[data-hmp-theme="dark"] .module-bar-modern>b,
html[data-hmp-theme="dark"] .module-bar-modern>span,
html[data-hmp-theme="dark"] .bi-bar-label,
html[data-hmp-theme="dark"] .dash-module span{color:#cfd4da!important;fill:#cfd4da!important}
html[data-hmp-theme="dark"] .dash-highlight strong,
html[data-hmp-theme="dark"] .dash-panel h3,
html[data-hmp-theme="dark"] .modern-viz-head h4,
html[data-hmp-theme="dark"] .modern-section-head h3,
html[data-hmp-theme="dark"] .dash-atendimento b,
html[data-hmp-theme="dark"] .dash-atendimento strong,
html[data-hmp-theme="dark"] .bi-detail strong,
html[data-hmp-theme="dark"] .tech-radial-item>b,
html[data-hmp-theme="dark"] .he-status strong,
html[data-hmp-theme="dark"] .he-status span,
html[data-hmp-theme="dark"] .dash-module b,
html[data-hmp-theme="dark"] .module-donut-ring strong,
html[data-hmp-theme="dark"] .bi-bar-row b,
html[data-hmp-theme="dark"] .sector-color-row>span,
html[data-hmp-theme="dark"] .sector-color-row>b,
html[data-hmp-theme="dark"] .modern-chart-meta b,
html[data-hmp-theme="dark"] .donut strong,
html[data-hmp-theme="dark"] .donut-legend button span,
html[data-hmp-theme="dark"] .donut-legend button b{color:#f8f9fb!important;fill:#f8f9fb!important}
html[data-hmp-theme="dark"] .modern-viz-head em{background:#40444b!important;color:#8ec5ff!important}
html[data-hmp-theme="dark"] .donut:after,
html[data-hmp-theme="dark"] .tech-ring:after,
html[data-hmp-theme="dark"] .module-donut-ring:after{background:#24262a!important}
html[data-hmp-theme="dark"] .donut-empty{border-color:#4a4d53!important;color:#e7e8eb!important}
html[data-hmp-theme="dark"] .modern-point circle:first-child,
html[data-hmp-theme="dark"] .chart-point circle{fill:#34363b!important;stroke:#4ea2ff!important}
html[data-hmp-theme="dark"] .tech-radial-item{background:#3a3d43!important}
html[data-hmp-theme="dark"] .tech-ring{background:conic-gradient(var(--c) calc(var(--p)*1%),#545861 0)!important}
html[data-hmp-theme="dark"] .sector-color-row>div,
html[data-hmp-theme="dark"] .module-bar-modern>em,
html[data-hmp-theme="dark"] .bi-bar-track{background:#4a4d53!important}
html[data-hmp-theme="dark"] .donut-legend button:hover,
html[data-hmp-theme="dark"] .bi-bar-row:hover,
html[data-hmp-theme="dark"] .bi-atendimento:hover,
html[data-hmp-theme="dark"] .tech-radial-item:hover,
html[data-hmp-theme="dark"] .sector-color-row:hover,
html[data-hmp-theme="dark"] .module-bar-modern:hover{background:#3d4047!important}
html[data-hmp-theme="dark"] .dash-module:hover,
html[data-hmp-theme="dark"] .bi-highlight:hover{border-color:#4ea2ff!important}
html[data-hmp-theme="dark"] .display-tool-btn{color:#f3f4f6!important}
html[data-hmp-theme="dark"] .display-tool-btn:hover{background:#40444b!important}
html[data-hmp-theme="dark"] .display-tool-btn.active{background:#5a4a22!important;color:#ffd76a!important}
html[data-hmp-theme="dark"] .activity-heatmap .heat-cell{color:#edf2ff!important}
html[data-hmp-theme="dark"] .activity-heatmap .heat-cell span{color:#fff!important}
html[data-hmp-theme="dark"] .dash-module.pending-module{background:#34363b!important}
html[data-hmp-theme="dark"] .donut-legend button{border-radius:10px!important}


/* HMP 3.17.15 — remove áreas claras restantes do topo no modo noturno */
html[data-hmp-theme="dark"] .hmp-top-weather,
html[data-hmp-theme="dark"] .hmp-weather-box,
html[data-hmp-theme="dark"] .hmp-clock-box,
html[data-hmp-theme="dark"] .hmp-top-logout,
html[data-hmp-theme="dark"] .header-profile-link,
html[data-hmp-theme="dark"] .dashboard-periodo,
html[data-hmp-theme="dark"] .os-periodo,
html[data-hmp-theme="dark"] .prev-periodo,
html[data-hmp-theme="dark"] .ger-periodo{
  background:#34363b!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#f5f6f8!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}
html[data-hmp-theme="dark"] .hmp-top-weather{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}
html[data-hmp-theme="dark"] .hmp-weather-box,
html[data-hmp-theme="dark"] .hmp-clock-box,
html[data-hmp-theme="dark"] .hmp-top-logout,
html[data-hmp-theme="dark"] .header-profile-link{border-radius:14px!important}
html[data-hmp-theme="dark"] .hmp-weather-copy b,
html[data-hmp-theme="dark"] .hmp-clock-box b,
html[data-hmp-theme="dark"] .hmp-top-logout,
html[data-hmp-theme="dark"] .header-profile-link b,
html[data-hmp-theme="dark"] .header-profile-link strong{color:#f7f8fb!important}
html[data-hmp-theme="dark"] .hmp-weather-copy small,
html[data-hmp-theme="dark"] .hmp-clock-box small,
html[data-hmp-theme="dark"] .header-profile-link small,
html[data-hmp-theme="dark"] .header-profile-link span{color:#d3d7de!important}
html[data-hmp-theme="dark"] .hmp-top-logout:hover,
html[data-hmp-theme="dark"] .header-profile-link:hover,
html[data-hmp-theme="dark"] .dashboard-periodo:hover,
html[data-hmp-theme="dark"] .os-periodo:hover,
html[data-hmp-theme="dark"] .prev-periodo:hover,
html[data-hmp-theme="dark"] .ger-periodo:hover{background:#3b3e45!important}
html[data-hmp-theme="dark"] .header-profile-photo,
html[data-hmp-theme="dark"] .header-profile-fallback{
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 8px 16px rgba(0,0,0,.22)!important;
}
html[data-hmp-theme="dark"] .header-profile-fallback{background:#3f434b!important;color:#f3f5f8!important}

html[data-hmp-theme="dark"] .dashboard-periodo,
html[data-hmp-theme="dark"] .os-periodo,
html[data-hmp-theme="dark"] .prev-periodo,
html[data-hmp-theme="dark"] .ger-periodo{
  padding:10px 12px!important;
  align-items:end!important;
  gap:8px!important;
}
html[data-hmp-theme="dark"] .dashboard-periodo label,
html[data-hmp-theme="dark"] .os-periodo label,
html[data-hmp-theme="dark"] .prev-periodo label,
html[data-hmp-theme="dark"] .ger-periodo label{color:#d7dbe1!important}
html[data-hmp-theme="dark"] .dashboard-periodo input,
html[data-hmp-theme="dark"] .os-periodo input,
html[data-hmp-theme="dark"] .prev-periodo input,
html[data-hmp-theme="dark"] .ger-periodo input,
html[data-hmp-theme="dark"] .os-filterbar input,
html[data-hmp-theme="dark"] .os-filterbar select,
html[data-hmp-theme="dark"] .prev-filterbar input,
html[data-hmp-theme="dark"] .prev-filterbar select,
html[data-hmp-theme="dark"] .ger-filterbar input,
html[data-hmp-theme="dark"] .ger-filterbar select,
html[data-hmp-theme="dark"] .ativ-filterbar input,
html[data-hmp-theme="dark"] .ativ-filterbar select{
  background:#2f3238!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f5f6f8!important;
}
html[data-hmp-theme="dark"] .dashboard-periodo input::placeholder,
html[data-hmp-theme="dark"] .os-filterbar input::placeholder,
html[data-hmp-theme="dark"] .prev-filterbar input::placeholder,
html[data-hmp-theme="dark"] .ger-filterbar input::placeholder,
html[data-hmp-theme="dark"] .ativ-filterbar input::placeholder{color:#b5bcc5!important}
html[data-hmp-theme="dark"] .dashboard-periodo .btn.alt,
html[data-hmp-theme="dark"] .os-periodo .btn.alt,
html[data-hmp-theme="dark"] .prev-periodo .btn.alt,
html[data-hmp-theme="dark"] .ger-periodo .btn.alt{background:#40444b!important;color:#f1f3f6!important;border:1px solid rgba(255,255,255,.12)!important}
html[data-hmp-theme="dark"] .dashboard-periodo .btn,
html[data-hmp-theme="dark"] .os-periodo .btn,
html[data-hmp-theme="dark"] .prev-periodo .btn,
html[data-hmp-theme="dark"] .ger-periodo .btn{box-shadow:none!important}


/* HMP 3.17.15 — 100% = antigo 120% + gráficos modernos azul/ciano */
:root{--hmp-base-scale:1.20!important}
#app,main>header,#sidebar{font-size:calc(16px * var(--hmp-font-scale) * var(--hmp-base-scale))!important}

/* Cartões de gráfico inspirados em dashboards modernos */
.bi-chart-panel,.modern-viz-card,.prev-chart-grid section,.ger-chart-grid section,
.far-chart-grid section,.osi-chart-grid section,.pv-chart-card,.hmp-hist-chart,.chart-box,.hmp-auto-insights{
  position:relative!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(29,78,216,.12)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 12px 34px rgba(26,72,125,.08)!important;
  transform:translateY(10px) scale(.992);
  opacity:.35;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease,box-shadow .2s ease!important;
}
.bi-chart-panel:before,.modern-viz-card:before,.prev-chart-grid section:before,.ger-chart-grid section:before,
.far-chart-grid section:before,.osi-chart-grid section:before,.pv-chart-card:before,.hmp-hist-chart:before,.chart-box:before,.hmp-auto-insights:before{
  content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#1d4ed8 0%,#0ea5e9 52%,#22d3ee 100%);
  opacity:.9;
}
.hmp-chart-visible{transform:none!important;opacity:1!important}
.bi-chart-panel:hover,.modern-viz-card:hover,.prev-chart-grid section:hover,.ger-chart-grid section:hover,
.far-chart-grid section:hover,.osi-chart-grid section:hover,.pv-chart-card:hover,.hmp-hist-chart:hover,.chart-box:hover{
  box-shadow:0 18px 46px rgba(14,165,233,.14)!important;
}

/* Títulos e micro indicadores */
.bi-panel-head h3,.far-chart-title,.prev-title b,.ger-title b,.osi-title b,.hmp-hist-chart-title b{
  color:#123b68!important;font-weight:700!important;letter-spacing:-.01em!important
}
.bi-panel-head span,.prev-title span,.ger-title span,.osi-title span,.hmp-hist-chart-title span{
  color:#6b7f93!important
}
.modern-chart-meta span,.modern-viz-head em{
  background:linear-gradient(180deg,#f2f8ff,#eaf6ff)!important;
  border:1px solid #d8ebfb!important;color:#50708b!important
}
.modern-chart-meta b{color:#0e4e83!important}

/* Barras horizontais em gradiente azul/ciano, com entrada animada */
.prev-bar i,.ger-bar i,.osi-bar i{
  background:linear-gradient(90deg,#1d4ed8 0%,#0ea5e9 var(--w),#e8eef5 var(--w),#e8eef5 100%)!important;
  transform-origin:left center;
  animation:hmpModernBar .8s cubic-bezier(.2,.8,.2,1) both;
}
.module-bar-modern>em u,.sector-color-row>div em,.ger-bar-fill{
  background:linear-gradient(90deg,#1d4ed8,#0ea5e9 58%,#22d3ee)!important;
  transform-origin:left center;
  animation:hmpModernBar .8s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes hmpModernBar{from{transform:scaleX(0);filter:saturate(.65)}to{transform:scaleX(1);filter:saturate(1)}}

/* Gráficos de linha: acabamento vivo e animação */
.far-svg path,.hist-animated-path,.chart-line-enter,.line-main{
  filter:drop-shadow(0 4px 5px rgba(14,165,233,.18));
}
.far-svg path{
  stroke:#0ea5e9!important;stroke-width:3!important;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1800;stroke-dashoffset:1800;animation:hmpDrawModern 1.15s ease forwards
}
.far-svg circle,.hist-dot,.modern-point circle:first-child,.chart-point circle{
  fill:#fff!important;stroke:#0ea5e9!important;stroke-width:3!important;
  filter:drop-shadow(0 3px 5px rgba(14,165,233,.18));
  transition:transform .15s ease,stroke .15s ease!important
}
.far-svg circle:hover,.hist-dot:hover,.modern-point:hover circle:first-child,.chart-point:hover circle{
  stroke:#1d4ed8!important;transform:scale(1.08)
}
@keyframes hmpDrawModern{to{stroke-dashoffset:0}}

/* Donuts/radiais com visual mais tecnológico */
.donut,.module-donut-ring,.tech-ring{
  filter:drop-shadow(0 10px 18px rgba(14,165,233,.12));
  animation:hmpRingIn .65s cubic-bezier(.2,.8,.2,1) both
}
@keyframes hmpRingIn{from{transform:scale(.84) rotate(-10deg);opacity:.2}to{transform:scale(1) rotate(0);opacity:1}}

/* Heatmap e cards comparativos */
.heat-cell{
  background:linear-gradient(145deg,rgba(29,78,216,calc(.10 + var(--heat)*.32)),rgba(34,211,238,calc(.12 + var(--heat)*.58)))!important;
  border:1px solid rgba(14,165,233,.10)!important
}
.heat-cell:hover{box-shadow:0 10px 22px rgba(14,165,233,.18)!important}
.tech-radial-item{border:1px solid rgba(14,165,233,.08)!important;background:#fbfdff!important}
.sector-color-row>div,.module-bar-modern>em{background:#edf2f7!important}

/* Área dos gráficos históricos com leve gradiente de fundo */
.hmp-hist-chart svg,.far-svg svg,.bi-line-svg{
  background:linear-gradient(180deg,rgba(239,248,255,.62),rgba(255,255,255,0));
  border-radius:14px
}

/* Modo noturno mantém o mesmo desenho, sem voltar a criar áreas brancas */
html[data-hmp-theme="dark"] .bi-chart-panel,
html[data-hmp-theme="dark"] .modern-viz-card,
html[data-hmp-theme="dark"] .prev-chart-grid section,
html[data-hmp-theme="dark"] .ger-chart-grid section,
html[data-hmp-theme="dark"] .far-chart-grid section,
html[data-hmp-theme="dark"] .osi-chart-grid section,
html[data-hmp-theme="dark"] .pv-chart-card,
html[data-hmp-theme="dark"] .hmp-hist-chart,
html[data-hmp-theme="dark"] .chart-box,
html[data-hmp-theme="dark"] .hmp-auto-insights{
  background:linear-gradient(180deg,#34383f 0%,#2f3339 100%)!important;
  border-color:rgba(56,189,248,.16)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.20)!important
}
html[data-hmp-theme="dark"] .bi-panel-head h3,
html[data-hmp-theme="dark"] .far-chart-title,
html[data-hmp-theme="dark"] .prev-title b,
html[data-hmp-theme="dark"] .ger-title b,
html[data-hmp-theme="dark"] .osi-title b,
html[data-hmp-theme="dark"] .hmp-hist-chart-title b{color:#f4f8fc!important}
html[data-hmp-theme="dark"] .bi-panel-head span,
html[data-hmp-theme="dark"] .prev-title span,
html[data-hmp-theme="dark"] .ger-title span,
html[data-hmp-theme="dark"] .osi-title span,
html[data-hmp-theme="dark"] .hmp-hist-chart-title span{color:#bdc7d1!important}
html[data-hmp-theme="dark"] .modern-chart-meta span,
html[data-hmp-theme="dark"] .modern-viz-head em{background:#3b424a!important;border-color:rgba(56,189,248,.14)!important;color:#c7d9e8!important}
html[data-hmp-theme="dark"] .modern-chart-meta b{color:#fff!important}
html[data-hmp-theme="dark"] .prev-bar i,
html[data-hmp-theme="dark"] .ger-bar i,
html[data-hmp-theme="dark"] .osi-bar i{
  background:linear-gradient(90deg,#2563eb 0%,#22d3ee var(--w),#4a4d53 var(--w),#4a4d53 100%)!important
}
html[data-hmp-theme="dark"] .module-bar-modern>em u,
html[data-hmp-theme="dark"] .sector-color-row>div em,
html[data-hmp-theme="dark"] .ger-bar-fill{background:linear-gradient(90deg,#2563eb,#0ea5e9 58%,#22d3ee)!important}
html[data-hmp-theme="dark"] .far-svg circle,
html[data-hmp-theme="dark"] .hist-dot,
html[data-hmp-theme="dark"] .modern-point circle:first-child,
html[data-hmp-theme="dark"] .chart-point circle{fill:#34383f!important;stroke:#38bdf8!important}
html[data-hmp-theme="dark"] .hmp-hist-chart svg,
html[data-hmp-theme="dark"] .far-svg svg,
html[data-hmp-theme="dark"] .bi-line-svg{background:linear-gradient(180deg,rgba(14,165,233,.07),rgba(0,0,0,0))}
html[data-hmp-theme="dark"] .tech-radial-item{background:#393d44!important;border-color:rgba(56,189,248,.12)!important}
html[data-hmp-theme="dark"] .sector-color-row>div,
html[data-hmp-theme="dark"] .module-bar-modern>em{background:#4a4f57!important}

@media (prefers-reduced-motion:reduce){
  .bi-chart-panel,.modern-viz-card,.prev-chart-grid section,.ger-chart-grid section,.far-chart-grid section,.osi-chart-grid section,.pv-chart-card,.hmp-hist-chart,.chart-box,.hmp-auto-insights,
  .prev-bar i,.ger-bar i,.osi-bar i,.module-bar-modern>em u,.sector-color-row>div em,.ger-bar-fill,.donut,.module-donut-ring,.tech-ring,.far-svg path{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}

/* HMP 3.17.15 — Central de Gráficos */
.graf-admin{display:grid;gap:14px}.graf-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.graf-head h2{margin:3px 0;font-size:28px}.graf-head p{margin:0;color:var(--hmp-muted,#6e6e73)}.graf-eyebrow{font-size:10px;font-weight:800;color:#0A84FF;letter-spacing:.08em}.graf-head-actions{display:flex;gap:8px;flex-wrap:wrap}.graf-control-panel{padding:14px;border:1px solid var(--hmp-line,rgba(60,60,67,.12));border-radius:22px;background:var(--hmp-surface,#fff);box-shadow:var(--hmp-shadow,0 4px 18px rgba(0,0,0,.04))}.graf-control-main,.graf-context-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.graf-context-filters{margin-top:10px;padding-top:10px;border-top:1px solid var(--hmp-line,rgba(60,60,67,.12))}.graf-control-panel label,.graf-history-controls label{display:grid;gap:5px;color:var(--hmp-muted,#6e6e73);font-size:10px;font-weight:650}.graf-control-panel input,.graf-control-panel select,.graf-history-controls input,.graf-history-controls select{width:100%;min-height:40px;border:1px solid var(--hmp-line,rgba(60,60,67,.12));border-radius:11px;background:var(--hmp-surface-soft,#f7f7f9);color:var(--hmp-text,#1d1d1f);padding:8px 10px}.graf-display-options{margin-top:10px}.graf-display-options summary{cursor:pointer;color:#0A84FF;font-weight:650}.graf-checks{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.graf-checks label{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--hmp-surface-soft,#f7f7f9)}.graf-checks input{width:auto;min-height:0}.graf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.graf-summary>div,.graf-history-summary>div{padding:13px;border:1px solid var(--hmp-line,rgba(60,60,67,.12));border-radius:17px;background:var(--hmp-surface,#fff);box-shadow:var(--hmp-shadow,0 4px 18px rgba(0,0,0,.04))}.graf-summary span,.graf-history-summary span{display:block;color:var(--hmp-muted,#6e6e73);font-size:10px}.graf-summary strong,.graf-history-summary strong{display:block;margin-top:4px;font-size:20px}.graf-summary small{display:block;margin-top:2px;color:var(--hmp-muted,#6e6e73)}.graf-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.graf-chart-card{min-width:0;padding:15px;border:1px solid var(--hmp-line,rgba(60,60,67,.12));border-radius:22px;background:var(--hmp-surface,#fff);box-shadow:0 12px 34px rgba(0,82,150,.07)}.graf-chart-card[data-graf-type="linha"],.graf-chart-card[data-graf-type="heatmap"]{grid-column:1/-1}.graf-chart-head{display:flex;justify-content:space-between;margin-bottom:12px}.graf-chart-head span{color:#0A84FF;font-size:9px;font-weight:800;letter-spacing:.08em}.graf-chart-head h3{margin:3px 0 2px}.graf-chart-head p{margin:0;color:var(--hmp-muted,#6e6e73);font-size:10px}.graf-line-svg{width:100%;height:auto;overflow:visible}.graf-gridline{stroke:rgba(100,116,139,.14);stroke-width:1}.graf-line-svg text{fill:var(--hmp-muted,#6e6e73);font-size:10px}.graf-point circle{fill:var(--hmp-surface,#fff);stroke:#0A84FF;stroke-width:3}.graf-line-anim{stroke-dasharray:2400;stroke-dashoffset:2400;animation:grafDraw 1s ease forwards}.graf-area-anim{animation:grafFade .7s ease both}@keyframes grafDraw{to{stroke-dashoffset:0}}@keyframes grafFade{from{opacity:0}to{opacity:1}}.graf-bars{display:grid;gap:9px}.graf-bar-row{display:grid;grid-template-columns:minmax(120px,1.4fr) 2fr auto;gap:9px;align-items:center}.graf-bar-row>span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graf-bar-row>span i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:6px}.graf-bar-row>em{height:9px;border-radius:999px;background:var(--hmp-surface-soft,#f2f2f7);overflow:hidden}.graf-bar-row>em u{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 50%,#64D2FF));border-radius:999px;animation:grafBar .75s ease both}@keyframes grafBar{from{width:0}}.graf-bar-row>b{font-size:11px}.graf-donut-wrap{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.graf-donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative;animation:grafDonut .65s ease both}.graf-donut:after{content:'';position:absolute;inset:25px;border-radius:50%;background:var(--hmp-surface,#fff)}.graf-donut>div{position:relative;z-index:1;text-align:center}.graf-donut strong{display:block;font-size:24px}.graf-donut span{color:var(--hmp-muted,#6e6e73);font-size:10px}@keyframes grafDonut{from{transform:scale(.85) rotate(-15deg);opacity:.3}}.graf-donut-legend{display:grid;gap:7px}.graf-donut-legend span{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;font-size:10px}.graf-donut-legend i{width:9px;height:9px;border-radius:50%;background:var(--c)}.graf-heat{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:6px}.graf-heat>div{min-height:54px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#0A84FF calc(12% + var(--p)*72%),var(--hmp-surface,#fff));transition:.15s ease}.graf-heat>div:hover{transform:translateY(-2px) scale(1.03)}.graf-heat b{font-size:10px}.graf-heat span{font-size:13px;font-weight:700}.graf-radial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.graf-radial-item{display:grid;justify-items:center;gap:5px;padding:10px;border-radius:15px;background:var(--hmp-surface-soft,#f7f7f9);text-align:center}.graf-radial-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),color-mix(in srgb,var(--hmp-surface-soft,#f7f7f9) 80%,#8e8e93) 0);position:relative}.graf-radial-ring:after{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--hmp-surface,#fff)}.graf-radial-ring i{position:relative;z-index:1;font-style:normal;font-weight:750}.graf-radial-item b{font-size:10px}.graf-radial-item small{color:var(--hmp-muted,#6e6e73)}.graf-farm-history{padding:15px;border:1px solid var(--hmp-line,rgba(60,60,67,.12));border-radius:22px;background:var(--hmp-surface,#fff)}.graf-history-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.graf-history-head>div>span{color:#0A84FF;font-size:9px;font-weight:800}.graf-history-head h3{margin:3px 0}.graf-history-controls{display:grid;grid-template-columns:minmax(230px,1fr) 150px 150px auto;gap:8px;align-items:end}.graf-history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.graf-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.graf-filter-empty{color:var(--hmp-muted,#6e6e73)}
html[data-hmp-theme="dark"] .graf-control-panel,html[data-hmp-theme="dark"] .graf-chart-card,html[data-hmp-theme="dark"] .graf-summary>div,html[data-hmp-theme="dark"] .graf-farm-history,html[data-hmp-theme="dark"] .graf-history-summary>div{background:#34363b!important;border-color:rgba(255,255,255,.12)!important}html[data-hmp-theme="dark"] .graf-control-panel input,html[data-hmp-theme="dark"] .graf-control-panel select,html[data-hmp-theme="dark"] .graf-history-controls input,html[data-hmp-theme="dark"] .graf-history-controls select,html[data-hmp-theme="dark"] .graf-radial-item{background:#2f3238!important;color:#f5f6f8!important}html[data-hmp-theme="dark"] .graf-donut:after,html[data-hmp-theme="dark"] .graf-radial-ring:after{background:#34363b!important}html[data-hmp-theme="dark"] .graf-bar-row>em{background:#4a4d53!important}
@media(max-width:1050px){.graf-canvas{grid-template-columns:1fr}.graf-chart-card{grid-column:auto!important}.graf-summary{grid-template-columns:repeat(2,1fr)}.graf-heat{grid-template-columns:repeat(8,1fr)}.graf-history-grid{grid-template-columns:1fr}.graf-history-controls{grid-template-columns:1fr 1fr}.graf-history-controls label:first-child{grid-column:1/-1}}@media(max-width:700px){.graf-head{align-items:flex-start;flex-direction:column}.graf-summary,.graf-history-summary{grid-template-columns:1fr 1fr}.graf-donut-wrap{grid-template-columns:1fr;justify-items:center}.graf-radial-grid{grid-template-columns:1fr 1fr}.graf-heat{grid-template-columns:repeat(7,1fr)}}

/* HMP 3.18.0 */
::view-transition-old(root),::view-transition-new(root){animation-duration:.14s}
.notify-page{display:grid;gap:14px}.notify-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.notify-head>div>span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#0a84ff}.notify-head em{font-style:normal;font-size:10px;font-weight:700;color:#0066cc;background:#edf6ff;padding:7px 10px;border-radius:999px}.notify-master,.notify-card,.notify-log{background:var(--hmp-surface,#fff);border:1px solid var(--hmp-line,rgba(60,60,67,.12));border-radius:20px;padding:14px;box-shadow:0 6px 22px rgba(0,0,0,.04)}.notify-master{display:flex;justify-content:space-between;align-items:center;gap:12px}.notify-master>div{display:flex;gap:8px}.notify-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.notify-card h3{margin:0 0 9px}.notify-toggle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(60,60,67,.08);cursor:pointer}.notify-toggle input{position:absolute;opacity:0}.notify-toggle span b,.notify-toggle span small{display:block}.notify-toggle span b{font-size:11px}.notify-toggle span small{margin-top:2px;color:#7c7c82;font-size:9.5px}.notify-toggle i{width:39px;height:23px;border-radius:999px;background:#d8d8dc;position:relative;transition:.18s}.notify-toggle i:after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:.18s}.notify-toggle input:checked~i{background:#34c759}.notify-toggle input:checked~i:after{transform:translateX(16px)}.notify-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.notify-fields label{display:grid;gap:4px}.notify-log>div:first-child{display:flex;justify-content:space-between;align-items:center}.notify-log article{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(60,60,67,.08)}.notify-log article>i{width:9px;height:9px;border-radius:50%;background:#0a84ff;margin-top:5px}.notify-log article>i.critical{background:#ff453a}.notify-log article p{margin:2px 0}.notify-log article small{color:#8e8e93}.notify-footnote,.notify-note{color:#6e6e73;font-size:10px}.notify-footnote{margin:0;padding:10px 12px;border-radius:14px;background:#f2f2f7}
html[data-hmp-theme="dark"] .notify-master,html[data-hmp-theme="dark"] .notify-card,html[data-hmp-theme="dark"] .notify-log{background:#34363b!important;border-color:#ffffff1f!important}html[data-hmp-theme="dark"] .notify-footnote{background:#303238;color:#c9cdd3}html[data-hmp-theme="dark"] .notify-head em{background:#29415f;color:#8fc7ff}
@media(max-width:1050px){.notify-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.notify-grid{grid-template-columns:1fr}.notify-master,.notify-head{align-items:stretch;flex-direction:column}.notify-fields{grid-template-columns:1fr}}

/* HMP 3.18.1 — novo padrão tipográfico
   100% agora equivale visualmente ao antigo 120%.
   A− / A+ continuam ajustando a partir deste novo padrão. */

/* HMP 3.18.2 — lista complementar de funcionários; sem alteração visual. */

/* HMP 3.18.3 — performance e lista global de funcionários; sem mudança visual. */

/* HMP 3.18.5 — faixas coloridas dos sensores */
.hmp-band-normal{fill:rgba(52,199,89,.24);stroke:rgba(52,199,89,.50);stroke-width:1}
.hmp-band-attention{fill:rgba(255,204,0,.20);stroke:rgba(255,179,0,.44);stroke-width:1}
.hmp-band-alarm{fill:rgba(255,59,48,.18);stroke:rgba(255,59,48,.38);stroke-width:1}
.hmp-ideal-label{display:inline-flex!important;align-items:center;padding:3px 7px;border-radius:999px;background:#eaf8ef;color:#16783b!important;font-size:9px!important;font-weight:800!important}
html[data-hmp-theme="dark"] .hmp-band-normal{fill:rgba(48,209,88,.22);stroke:rgba(48,209,88,.56)}
html[data-hmp-theme="dark"] .hmp-band-attention{fill:rgba(255,214,10,.22);stroke:rgba(255,214,10,.46)}
html[data-hmp-theme="dark"] .hmp-band-alarm{fill:rgba(255,69,58,.20);stroke:rgba(255,105,97,.42)}
html[data-hmp-theme="dark"] .hmp-ideal-label{background:#254536!important;color:#9ae9b8!important}

/* HMP 3.18.7 — sincronização dos registros de notificação CMOA */
.far-cmoa-sync{
  margin-top:8px;
  padding:8px 9px;
  border-radius:12px;
  background:#edf9f1;
  border:1px solid rgba(52,199,89,.22);
}
.far-cmoa-sync b{
  display:block;
  color:#16783b;
  font-size:9px;
}
.far-cmoa-sync p{
  margin:4px 0 0;
  color:#334155;
  font-size:9px;
  line-height:1.35;
  white-space:pre-wrap;
}
.far-cmoa-sync p.pending{
  color:#8a5a00;
}
.far-cmoa-sync small{
  display:block;
  margin-top:4px;
  color:#6e6e73;
  font-size:8px;
}
html[data-hmp-theme="dark"] .far-cmoa-sync{
  background:#263b30!important;
  border-color:rgba(48,209,88,.28)!important;
}
html[data-hmp-theme="dark"] .far-cmoa-sync b{
  color:#a8f1c2!important;
}
html[data-hmp-theme="dark"] .far-cmoa-sync p{
  color:#e5e7eb!important;
}
html[data-hmp-theme="dark"] .far-cmoa-sync p.pending{
  color:#ffd27a!important;
}
html[data-hmp-theme="dark"] .far-cmoa-sync small{
  color:#bdc3ca!important;
}

/* HMP 3.18.8 — editor do registro/retorno da notificação CMOA */
.hmp-notify-editor{
  margin:12px 0 0;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(52,199,89,.24);
  background:#f2fbf5;
}
.hmp-notify-editor.hidden{display:none!important}
.hmp-notify-editor-head b{display:block;color:#16783b;font-size:12px}
.hmp-notify-editor-head span{display:block;margin-top:3px;color:#6e6e73;font-size:10px}
.hmp-notify-editor textarea{
  width:100%;
  min-height:76px;
  box-sizing:border-box;
  margin-top:9px;
  resize:vertical;
  border:1px solid rgba(60,60,67,.15);
  border-radius:12px;
  padding:10px 11px;
  background:#fff;
  color:#1d1d1f;
  font:inherit;
  font-size:11px;
}
.hmp-notify-editor-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
}
.hmp-notify-editor-actions small{color:#6e6e73;font-size:9px}
html[data-hmp-theme="dark"] .hmp-notify-editor{
  background:#263b30!important;
  border-color:rgba(48,209,88,.30)!important;
}
html[data-hmp-theme="dark"] .hmp-notify-editor-head b{color:#a8f1c2!important}
html[data-hmp-theme="dark"] .hmp-notify-editor-head span,
html[data-hmp-theme="dark"] .hmp-notify-editor-actions small{color:#bdc3ca!important}
html[data-hmp-theme="dark"] .hmp-notify-editor textarea{
  background:#2d3035!important;
  color:#f5f6f8!important;
  border-color:rgba(255,255,255,.13)!important;
}

/* HMP 3.18.9 — eventos concluídos fora da visão operacional */
.far-event-head-v3189{
  align-items:flex-end;
  gap:12px;
}
.far-event-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.far-event-head-actions select{
  min-height:40px;
  padding:0 34px 0 12px;
  border-radius:14px;
  border:1px solid rgba(60,60,67,.12);
  background:#fff;
  color:#1d1d1f;
  font-weight:800;
}
.far-event-archive-note{
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:14px;
  background:#f5f8fc;
  border:1px solid rgba(0,122,255,.10);
  color:#5e6875;
  font-size:10px;
  line-height:1.4;
}
html[data-hmp-theme="dark"] .far-event-head-actions select{
  background:#2d3035;
  color:#f5f6f8;
  border-color:rgba(255,255,255,.12);
}
html[data-hmp-theme="dark"] .far-event-archive-note{
  background:#252b33;
  color:#c1c8d1;
  border-color:rgba(120,185,255,.13);
}
@media(max-width:700px){
  .far-event-head-v3189{
    align-items:stretch;
    flex-direction:column;
  }
  .far-event-head-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
  }
}
.dma-site-brand{padding:10px 8px 14px!important;display:flex!important;align-items:center!important;gap:12px!important}
.dma-site-mark{width:86px!important;height:86px!important;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 7px 13px #071f3340)}
.dma-site-brand b{font-size:16px;line-height:1.15}.dma-site-brand span{display:block;color:#d6b45b!important;font-weight:800}
.hbb-site-lockup{margin:0 8px 18px;padding:10px;border-radius:12px;background:#fff;border:1px solid #d6b45b66;box-shadow:0 7px 18px #071f332e}
.hbb-site-lockup img{display:block;width:100%;height:auto;max-height:96px;object-fit:contain}
@media(max-width:700px){.dma-site-mark{width:68px!important;height:68px!important}.hbb-site-lockup img{max-height:72px}}

/* HMP 3.18.13 — identidade em alta definição e menu lateral sem sobreposição */
#sidebar,aside#sidebar{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#sidebar .dma-site-brand{
  flex:0 0 auto!important;
  min-height:0!important;
  padding:7px 8px 9px!important;
}
.dma-site-mark{
  width:104px!important;
  height:104px!important;
  image-rendering:auto!important;
}
.hbb-site-lockup{
  flex:0 0 auto!important;
  margin:0 8px 9px!important;
  padding:6px 8px!important;
}
.hbb-site-lockup img{max-height:62px!important;image-rendering:auto!important}
#sidebar #nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:4px!important;
  scrollbar-gutter:stable;
}
#sidebar .sidebar-version-block{flex:0 0 auto!important}
@media(max-height:860px){
  .dma-site-mark{width:78px!important;height:78px!important}
  #sidebar .dma-site-brand{padding:4px 8px 6px!important;gap:8px!important}
  .dma-site-brand b{font-size:14px!important}
  .dma-site-brand span{font-size:9px!important}
  .hbb-site-lockup{margin-bottom:6px!important;padding:4px 7px!important}
  .hbb-site-lockup img{max-height:44px!important}
}
@media(max-width:700px){
  #sidebar,aside#sidebar{overflow-y:auto!important}
  .dma-site-mark{width:74px!important;height:74px!important}
  #sidebar #nav{overflow:visible!important;flex:none!important}
}

/* DMA 3.18.16 — menu integralmente rolável, sem itens cobertos pelo rodapé */
#sidebar,aside#sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.28) transparent;
}
#sidebar::-webkit-scrollbar{width:6px}
#sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px}
#sidebar #nav{
  flex:0 0 auto!important;
  min-height:max-content!important;
  overflow:visible!important;
  padding-bottom:8px!important;
}
#sidebar .sidebar-version-block{
  position:static!important;
  flex:0 0 auto!important;
  margin-top:8px!important;
  padding:6px 8px 12px!important;
  background:transparent!important;
  z-index:auto!important;
}
#sidebar .nav-cascade-group{overflow:visible!important}
#sidebar .nav-cascade-items>*{min-height:0}

/* DMA Maintenance 4.1 — One UI Liquid Glass / cabeçalho reorganizado */
:root{
  --dma-ink:#20242b;
  --dma-muted:#737983;
  --dma-surface:rgba(252,253,255,.76);
  --dma-line:rgba(80,87,98,.13);
  --dma-accent:#6f6bd8;
  --dma-mint:#57b7a8;
}
body{background:linear-gradient(145deg,#f3f4f7 0%,#fafbfc 45%,#f0f3f5 100%)!important;color:var(--dma-ink)!important}
main>header{
  height:92px!important;min-height:92px!important;padding:10px 20px!important;gap:10px!important;
  background:rgba(248,249,252,.7)!important;border:1px solid rgba(255,255,255,.82)!important;
  border-top:0!important;border-radius:0 0 26px 26px!important;
  box-shadow:0 10px 32px rgba(41,48,58,.09),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(30px) saturate(175%)!important;-webkit-backdrop-filter:blur(30px) saturate(175%)!important;
}
main>header>div:nth-of-type(1){min-width:190px;max-width:340px;padding:0 8px}
main>header h1{font-size:22px!important;line-height:1.05!important;letter-spacing:-.035em!important;color:#22262d!important}
main>header p{font-size:10.5px!important;color:#7c818a!important;margin-top:5px!important;letter-spacing:.01em}
#menuBtn,.display-tool-btn,.hmp-top-logout{
  border:1px solid rgba(255,255,255,.84)!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(235,238,244,.68))!important;
  box-shadow:0 7px 18px rgba(38,44,54,.1),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(18px) saturate(160%)!important;color:#4b5059!important;
}
.display-tools{display:flex!important;gap:6px!important;margin-left:auto!important}
.display-tool-btn{width:46px!important;height:46px!important;border-radius:16px!important;font-size:15px!important}
.display-bulb{font-size:25px!important;line-height:1!important}.text-tool{font-size:12px!important}
.hmp-top-weather{margin:0!important;gap:7px!important}
.hmp-weather-box,.hmp-clock-box{
  height:54px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(234,237,243,.72))!important;
  box-shadow:0 8px 22px rgba(39,46,57,.1),inset 0 1px 1px #fff!important;
  backdrop-filter:blur(22px) saturate(170%)!important;color:#30353d!important;
}
.hmp-weather-box{min-width:238px!important;padding:6px 12px!important;cursor:pointer!important;text-align:left!important;font:inherit!important;transition:.18s ease!important}
.hmp-weather-box:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(39,46,57,.14),inset 0 1px 1px #fff!important}
.hmp-weather-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#fff8d7,#f3e7bc);font-size:24px!important;box-shadow:inset 0 1px 0 #fff,0 5px 12px #7c71431a}
.hmp-weather-copy b{font-size:15px!important;color:#292d34!important}.hmp-weather-copy small{font-size:9.5px!important;color:#747a84!important}
.hmp-weather-open{margin-left:auto;font-size:26px;font-weight:300;color:#8a8f97}
.hmp-clock-box{min-width:118px!important;padding:5px 12px!important;flex-direction:row!important;gap:9px!important}
.hmp-clock-icon{width:33px;height:33px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#f0edff,#ddd9fa);color:#6f6bd8;font-size:20px}.hmp-clock-box>span:last-child{display:flex;flex-direction:column}.hmp-clock-box b{font-size:19px!important;color:#292d34!important}.hmp-clock-box small{font-size:8.5px!important;color:#7b8088!important}
.hmp-top-logout{height:46px!important;width:46px!important;padding:0!important;margin:0!important;border-radius:16px!important}.hmp-top-logout>span:last-child{display:none}.hmp-top-logout-icon{font-size:21px!important}
#user{margin:0!important}.header-profile-link{height:54px!important;padding:4px 9px 4px 5px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:19px!important;background:rgba(255,255,255,.66)!important;box-shadow:0 8px 20px rgba(40,47,57,.08)!important}.header-profile-photo,.header-profile-fallback{width:43px!important;height:43px!important;flex-basis:43px!important;border:2px solid rgba(255,255,255,.95)!important}.header-profile-link>span:last-child b{color:#292d34!important}.header-profile-link>span:last-child{color:#7a8088!important}

/* Navegação com ícones maiores e acabamento de vidro */
#sidebar{background:linear-gradient(180deg,rgba(247,248,251,.93),rgba(235,238,243,.9))!important;border-right:1px solid rgba(80,87,98,.11)!important;box-shadow:10px 0 34px rgba(40,46,56,.07)!important;color:#2d323a!important}
.nav-group-icon,.nav-ico{
  width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;display:grid!important;place-items:center!important;
  font-size:19px!important;color:#555b65!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(226,230,237,.78))!important;
  border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 6px 14px rgba(39,45,54,.1),inset 0 1px 0 #fff!important;
}
.nav-cascade-toggle{min-height:52px!important;border-radius:17px!important;color:#4b5058!important}.nav-cascade-toggle:hover,.nav-cascade-toggle.open{background:rgba(255,255,255,.64)!important}
.nav-cascade-items>a{min-height:45px!important;border-radius:15px!important;color:#555a63!important;padding:4px 9px!important}.nav-cascade-items>a.active{background:linear-gradient(145deg,rgba(231,229,255,.94),rgba(218,226,247,.85))!important;color:#3f3b85!important;box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(80,72,150,.1)!important}
.nav-cascade-items>a.active .nav-ico{background:linear-gradient(145deg,#8984e8,#6561c4)!important;color:#fff!important;border-color:#a7a3ef!important;box-shadow:0 7px 18px rgba(85,79,174,.25),inset 0 1px 0 rgba(255,255,255,.5)!important}

/* Mapa: calor sem linhas e pessoas bem identificadas */
.geo-presence-shell{background:rgba(255,255,255,.76)!important;border-color:rgba(255,255,255,.92)!important;box-shadow:0 16px 38px rgba(40,47,57,.09)!important;backdrop-filter:blur(20px)}
.geo-presence-map{background:#e9ecef!important;border:1px solid rgba(76,82,91,.1);box-shadow:inset 0 1px 8px rgba(48,55,65,.08)}
.geo-person-icon>div{width:112px!important;height:66px!important}.geo-person-icon img{position:absolute;left:38px;top:0;width:36px;height:36px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 5px 13px #272b3260}.geo-person-icon .geo-person-head{left:47px!important}.geo-person-icon .geo-person-body{left:39px!important}.geo-person-icon b{top:45px!important;background:rgba(255,255,255,.9)!important;color:#30343b!important;border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(12px);font-size:10px!important}.geo-person-icon u{position:absolute;left:52px;top:35px;width:8px;height:8px;border-radius:50%;background:#45c887;border:2px solid #fff;z-index:2}
.geo-no-location{margin-top:10px}.geo-no-location>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 12px;border-radius:17px;background:rgba(242,244,247,.84);border:1px solid rgba(80,87,98,.09)}.geo-no-location>div>span{width:100%;font-size:8px;font-weight:900;letter-spacing:.12em;color:#8a8f97}.geo-no-location article{display:flex;align-items:center;gap:5px;background:#fff;padding:4px 8px 4px 4px;border-radius:999px;box-shadow:0 4px 10px rgba(40,46,55,.07)}.geo-no-location img,.geo-no-location i{width:24px;height:24px;border-radius:50%;object-fit:cover}.geo-no-location i{display:grid;place-items:center;background:#e4e2f8;color:#615da5;font-style:normal;font-size:10px;font-weight:900}.geo-no-location b{font-size:9px;color:#565b63}

/* Previsão estendida */
.hmp-forecast-backdrop{position:fixed;inset:0;z-index:12000;display:flex;align-items:flex-end;justify-content:center;background:rgba(28,31,37,.34);backdrop-filter:blur(18px);opacity:0;transition:.18s}.hmp-forecast-backdrop.open{opacity:1}.hmp-forecast-card{width:min(760px,100%);max-height:90vh;overflow:auto;border-radius:34px 34px 0 0;background:rgba(249,250,252,.94);border:1px solid rgba(255,255,255,.95);box-shadow:0 -22px 70px rgba(33,38,46,.24);backdrop-filter:blur(32px) saturate(170%)}.hmp-forecast-card>header{position:sticky;top:0;z-index:2;height:auto!important;min-height:0!important;display:flex!important;justify-content:space-between;padding:24px 25px 14px!important;border:0!important;border-radius:34px 34px 0 0!important;background:rgba(249,250,252,.9)!important;box-shadow:none!important}.hmp-forecast-card header span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#7771c9}.hmp-forecast-card h2{margin:4px 0 3px;font-size:27px;letter-spacing:-.035em}.hmp-forecast-card header p{margin:0;font-size:11px}.hmp-forecast-card header button{width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(145deg,#fff,#e7e9ee);box-shadow:0 6px 14px rgba(40,46,55,.1);font-size:24px;color:#555b63}.hmp-forecast-list{display:grid;gap:7px;padding:5px 22px 22px}.hmp-forecast-day{display:grid;grid-template-columns:88px 52px 1fr 64px;gap:10px;align-items:center;padding:12px 14px;border-radius:19px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 18px rgba(42,48,57,.06)}.hmp-forecast-day.today{background:linear-gradient(145deg,rgba(236,234,255,.95),rgba(236,244,247,.9));border-color:#fff}.hmp-forecast-date b,.hmp-forecast-date span,.hmp-forecast-condition b,.hmp-forecast-condition span,.hmp-forecast-temp b,.hmp-forecast-temp span{display:block}.hmp-forecast-date b{font-size:13px;text-transform:capitalize}.hmp-forecast-date span,.hmp-forecast-condition span{font-size:9px;color:#7a8089;margin-top:2px}.hmp-forecast-symbol{font-size:29px}.hmp-forecast-condition b{font-size:12px}.hmp-forecast-temp{text-align:right}.hmp-forecast-temp b{font-size:19px}.hmp-forecast-temp span{font-size:12px;color:#878c94}.hmp-forecast-card footer{text-align:center;padding:0 20px 18px;font-size:9px;color:#91969e}

@media(max-width:1100px){main>header>div:nth-of-type(1){min-width:140px}.hmp-weather-box{min-width:52px!important;width:52px!important;padding:5px!important;justify-content:center!important}.hmp-weather-copy,.hmp-weather-open{display:none!important}.hmp-clock-box{min-width:90px!important}.display-tools{display:none!important}}
@media(max-width:700px){main>header{height:74px!important;min-height:74px!important;padding:8px 10px!important;border-radius:0 0 20px 20px!important}main>header>div:nth-of-type(1){min-width:0!important;padding:0!important;flex:1}main>header h1{font-size:17px!important}main>header p{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmp-top-weather{margin-left:auto!important}.hmp-weather-box{height:46px!important;width:46px!important;min-width:46px!important;border-radius:15px!important}.hmp-weather-icon{width:34px;height:34px;font-size:20px!important}.hmp-clock-box,.hmp-top-logout{display:none!important}.hmp-forecast-day{grid-template-columns:62px 38px 1fr 48px;padding:10px}.hmp-forecast-condition span{display:none}.hmp-forecast-list{padding:4px 12px 18px}.hmp-forecast-card>header{padding:20px 16px 12px!important}.geo-presence-map{height:390px!important}}

/* Azul apenas como informação; ações usam acento violeta/cinza One UI */
.btn:not(.danger),button.btn:not(.danger){background:linear-gradient(145deg,#7873d7,#615db9)!important;color:#fff!important;box-shadow:0 7px 16px rgba(90,84,176,.18)!important}
.btn.alt,button.btn.alt{background:linear-gradient(145deg,#fff,#e8eaf0)!important;color:#505660!important;border:1px solid rgba(83,90,101,.12)!important;box-shadow:0 5px 13px rgba(38,44,53,.07)!important}
.presence-map-head span,.presence-history-title span,.profile-eyebrow{color:#7771c9!important}
.presence-zone{border-color:rgba(80,87,98,.1)!important;background:rgba(255,255,255,.75)!important;box-shadow:0 8px 20px rgba(39,46,55,.06)!important;backdrop-filter:blur(14px)}

/* DMA 4.2 — branco quente, identidade sem recorte e Plantão geográfico */
html body #sidebar,html body aside#sidebar{
 background:linear-gradient(180deg,#fffdf9 0%,#fbf5eb 62%,#f6ede0 100%)!important;
 border-right:1px solid #dfcdb7!important;box-shadow:10px 0 32px rgba(99,72,43,.08)!important;color:#443a31!important;
}
#sidebar .dma-site-brand{min-height:124px!important;padding:8px 10px 12px!important;overflow:visible!important;align-items:center!important}
#sidebar .dma-site-mark{width:105px!important;height:105px!important;min-width:105px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 7px 13px rgba(89,61,30,.18))!important}
#sidebar .dma-site-brand b{color:#3d342c!important}#sidebar .dma-site-brand span{color:#a56f31!important}
#sidebar .hbb-site-lockup{background:#fffefb!important;border-color:#dcc5a7!important;box-shadow:0 7px 18px rgba(99,72,43,.08)!important}
#sidebar .nav-cascade-toggle,#sidebar .nav-cascade-items>a{color:#51463c!important}
#sidebar .nav-cascade-toggle:hover,#sidebar .nav-cascade-toggle.open{background:#fffaf2!important}
#sidebar .nav-cascade-items>a.active{background:linear-gradient(145deg,#fff4e5,#f2dfc6)!important;color:#704720!important;box-shadow:0 7px 17px rgba(123,82,39,.1)!important}
#sidebar .nav-cascade-items>a.active .nav-ico{background:linear-gradient(145deg,#d49a61,#aa6938)!important;border-color:#e6bb8b!important;color:#fff!important}
#sidebar .nav-group-icon,#sidebar .nav-ico{color:#72583f!important;background:linear-gradient(145deg,#fff,#f0e6d9)!important;border-color:#fff!important}
#sidebar .sidebar-version-block{background:#fffaf3!important;color:#59483a!important;border-color:#ead9c4!important}

.pa-att{grid-template-columns:125px 1fr auto}.pa-att-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.pa-att-actions button{border:1px solid #ddc8ae;border-radius:999px;padding:7px 11px;background:#fffaf3;color:#704720;font-weight:800;cursor:pointer}.pa-att-actions button:hover{background:#f4e2ca}
.pa-tabs button.active,.pa-filter button{background:linear-gradient(145deg,#c88d56,#a96535)!important;border-color:#b87642!important;color:#fff!important}
.pa-equipe-map{height:560px;border-radius:22px;background:#eee8df;border:1px solid #e0d1be;overflow:hidden}.pa-map-head span{font-size:9px;letter-spacing:.13em;font-weight:900;color:#a56635}.pa-map-head h3{margin:4px 0}.pa-map-head p{margin:0 0 13px;color:#776a5d}
.dma-modal-backdrop{position:fixed;inset:0;z-index:15000;background:rgba(54,43,32,.38);backdrop-filter:blur(14px);display:grid;place-items:center;padding:18px}.dma-edit-card{width:min(680px,100%);max-height:92vh;overflow:auto;border-radius:28px;background:#fffdf9;border:1px solid #fff;box-shadow:0 24px 70px rgba(69,48,29,.26);padding:22px}.dma-edit-card header{position:static!important;height:auto!important;min-height:0!important;display:flex!important;justify-content:space-between!important;padding:0 0 16px!important;background:transparent!important;border:0!important;box-shadow:none!important}.dma-edit-card header span{font-size:9px;letter-spacing:.14em;color:#a56635;font-weight:900}.dma-edit-card h3{margin:4px 0;font-size:24px}.dma-edit-card header button{width:38px;height:38px;border:0;border-radius:50%;font-size:24px;background:#f2e9dd;color:#644a34}.dma-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dma-edit-grid label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#695848}.dma-edit-grid label.wide{grid-column:1/-1}.dma-edit-grid input,.dma-edit-grid textarea{border:1px solid #decdb9;border-radius:14px;padding:11px;background:#fff;color:#342d27;font:inherit}.dma-edit-grid textarea{min-height:82px;resize:vertical}.dma-edit-card footer{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.dma-edit-status{margin-top:9px;font-size:12px}.dma-edit-status.ok{color:#237153}.dma-edit-status.err{color:#a43232}
@media(max-width:700px){#sidebar .dma-site-brand{min-height:104px!important}#sidebar .dma-site-mark{width:86px!important;height:86px!important;min-width:86px!important}.pa-equipe-map{height:440px}.dma-edit-grid{grid-template-columns:1fr}.dma-edit-grid label.wide{grid-column:auto}.pa-att{grid-template-columns:1fr}}
.hmp-home-links-clean{margin-top:16px!important}

/* DMA 4.3 — mapa permanente do Plantão, calor e posições fantasma */
.pa-map-fixed{margin:14px 0 16px;padding:17px;border-radius:25px;background:rgba(255,253,249,.9);border:1px solid #e2d2bf;box-shadow:0 13px 30px rgba(83,58,34,.08)}
.pa-map-fixed .pa-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pa-map-fixed .presence-live{flex:0 0 auto;color:#5f7c62;background:#edf6ea;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.pa-map-fixed .presence-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ac17a;margin-right:5px;box-shadow:0 0 0 5px rgba(74,193,122,.12)}
.pa-current-person>div{animation:geoPersonBounce 1.55s ease-in-out infinite!important}
.pa-ghost-person{background:transparent!important;border:0!important}.pa-ghost-person>div{position:relative;width:60px;height:50px;opacity:.27;filter:grayscale(.3) blur(.15px) drop-shadow(0 3px 5px rgba(64,45,28,.18));transition:.18s ease}.pa-ghost-person:hover>div{opacity:.88;filter:none;transform:translateY(-3px) scale(1.08)}.pa-ghost-person img{position:absolute;left:17px;top:1px;width:28px;height:28px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.85)}.pa-ghost-person .geo-person-head{left:21px!important;top:1px!important;width:16px!important;height:16px!important}.pa-ghost-person .geo-person-body{left:15px!important;top:16px!important;width:30px!important;height:24px!important}.pa-ghost-person i{position:absolute;left:50%;top:32px;transform:translateX(-50%);max-width:76px;overflow:hidden;text-overflow:ellipsis;padding:2px 5px;border-radius:8px;background:rgba(255,250,242,.82);color:#604832;font:800 8px/1.15 system-ui;white-space:nowrap;font-style:normal}.leaflet-tooltip{border:1px solid #e1cdb4!important;border-radius:13px!important;background:rgba(255,253,249,.96)!important;color:#47392e!important;box-shadow:0 8px 22px rgba(68,48,30,.16)!important;padding:8px 10px!important}
@media(max-width:700px){.pa-map-fixed{padding:11px;margin:11px 0}.pa-map-fixed .pa-map-head{display:block}.pa-map-fixed .presence-live{display:inline-block;margin-bottom:9px}.pa-equipe-map{height:480px!important}}

/* DMA 4.4 — consultas sem filtros presos, preventivas claras e novos insights */
.preventivas-admin .msg.ok,.prev-admin .msg.ok{background:#edf7ef!important;color:#286443!important;border:1px solid #c7e4cf!important}
.prev-kpis>div.ok,.prev-kpis>div.executada{background:linear-gradient(145deg,#f3faf4,#e4f3e8)!important;color:#285f40!important;border-color:#bcdcc6!important;border-left:4px solid #63a97b!important}.prev-kpis>div.ok span,.prev-kpis>div.ok strong,.prev-kpis>div.executada span,.prev-kpis>div.executada strong{color:#285f40!important}
.far-insight-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0}.far-insight-kpis>div{padding:13px;border-radius:17px;background:#fffdf9;border:1px solid #e3d6c8;box-shadow:0 6px 16px rgba(75,54,35,.06)}.far-insight-kpis span,.far-insight-kpis strong,.far-insight-kpis small{display:block}.far-insight-kpis span{font-size:9px;color:#817365}.far-insight-kpis strong{font-size:22px;color:#3e342b;margin:4px 0}.far-insight-kpis small{font-size:9px;color:#8b7c6e}.far-insight-kpis .critical{background:#fff2ef;border-color:#efc7bf}.far-insight-kpis .critical strong{color:#b74736}.far-insight-extra{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.far-type-row{width:100%;display:grid;grid-template-columns:130px 1fr 30px;gap:8px;align-items:center;border:0;background:transparent;padding:8px 2px;color:#55483d;text-align:left;cursor:pointer}.far-type-row i{height:8px;border-radius:999px;background:#eee5da;overflow:hidden}.far-type-row u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d69a64,#b87542)}.far-extremes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.far-extremes>div{padding:12px;border-radius:14px;background:#faf5ed}.far-extremes span,.far-extremes b{display:block}.far-extremes span{font-size:9px;color:#817365}.far-extremes b{margin-top:4px;font-size:18px;color:#493a2e}
.graf-cross{display:grid;grid-template-columns:120px repeat(6,minmax(48px,1fr));gap:5px;align-items:stretch;overflow:auto}.graf-cross>b,.graf-cross>strong{padding:6px;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graf-cross>button{min-height:46px;border:1px solid rgba(180,130,84,.13);border-radius:11px;background:rgba(207,137,76,calc(.08 + var(--p)*.45));color:#563b28;font-weight:900;transition:.16s}.graf-cross>button:hover{transform:scale(1.08);box-shadow:0 7px 18px rgba(79,52,30,.15);z-index:2}.graf-numeric{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}.graf-numeric>div{padding:16px;border-radius:18px;background:#faf5ed;border:1px solid #e7d9c8}.graf-numeric span,.graf-numeric strong,.graf-numeric small{display:block}.graf-numeric strong{font-size:24px;margin:5px 0;color:#49382b}.graf-numeric span,.graf-numeric small{font-size:10px;color:#7e7063}.graf-chart-card{transition:.2s ease}.graf-chart-card.graf-expanded{grid-column:1/-1!important;min-height:520px;box-shadow:0 22px 55px rgba(67,47,30,.16)!important}
@media(max-width:1050px){.far-insight-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.far-insight-kpis{grid-template-columns:repeat(2,1fr)}.far-insight-extra{grid-template-columns:1fr}.graf-cross{grid-template-columns:90px repeat(6,55px)}}

/* DMA 4.5 — ocupação integral e Central Executiva */
#app{width:100%;max-width:none!important;padding:16px 18px 28px!important}
#app>*,.dashboard-adm,.plantao-admin-shell,.far-admin,.admin-hub,.reports-hub,.graf-admin,.prev-admin,.ger-admin,.os-admin,.ativ-admin,.users-admin-page,.profile-page,.online-page,.notify-page,.ger-prev-form,.ger-op-shell{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.plantao-admin-shell{padding:0!important}.dashboard-adm{max-width:none!important}
.box{max-width:none}
.os-live-table,.ger-table-wrap,.table-wrap{max-width:100%;overflow:auto}

.dma-exec-central{margin:0 0 14px;padding:16px;border:1px solid #e1d2bf;border-radius:24px;background:linear-gradient(145deg,#fffdfa,#faf3e9);box-shadow:0 12px 30px rgba(87,61,35,.07)}
.dma-exec-loading{min-height:120px;display:flex;align-items:center;justify-content:center;gap:12px;color:#776a5e;font-weight:750}.dma-exec-loading i{width:24px;height:24px;border:3px solid #eadcca;border-top-color:#bb7944;border-radius:50%;animation:spin .8s linear infinite}
.dma-exec-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.dma-exec-head>div:first-child>span,.dma-exec-title span{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#a66c37}.dma-exec-head h3{margin:4px 0 2px;font-size:23px;color:#3e342b}.dma-exec-head p{margin:0;color:#7d7064;font-size:11px}
.dma-risk{display:flex;align-items:center;gap:8px;flex:0 0 auto}.dma-risk>i{--c:#67a47c;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--risk)*1%),#ece4da 0);position:relative;font-style:normal}.dma-risk>i:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fffaf3}.dma-risk b{position:relative;z-index:1;color:#514238;font-size:17px}.dma-risk span{max-width:62px;font-size:9px;color:#7c6d60;font-weight:800}.dma-risk.medium>i{--c:#d49a49}.dma-risk.high>i{--c:#d76156}
.dma-exec-kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:9px}.dma-exec-kpi{min-width:0;padding:13px;text-align:left;border:1px solid #e4d7c8;border-left:4px solid #9b8b7b;border-radius:17px;background:#fff;border-top-color:#eee5da;border-right-color:#eee5da;border-bottom-color:#eee5da;cursor:pointer;transition:.18s}.dma-exec-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(76,54,34,.1)}.dma-exec-kpi span,.dma-exec-kpi strong,.dma-exec-kpi small,.dma-exec-kpi em{display:block}.dma-exec-kpi span{font-size:9px;color:#7e7165}.dma-exec-kpi strong{margin:5px 0 3px;font-size:24px;color:#3e342b}.dma-exec-kpi small{min-height:25px;font-size:9px;color:#8b7e72}.dma-exec-kpi em{margin-top:7px;font-size:8px;color:#a66a38;font-style:normal;font-weight:900}.dma-exec-kpi.ok{border-left-color:#66a77b}.dma-exec-kpi.warning{border-left-color:#d5a144}.dma-exec-kpi.danger{border-left-color:#d65d55;background:#fff8f6}.dma-exec-kpi.neutral{border-left-color:#8d86c8}
.dma-exec-analysis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.dma-exec-analysis>article{padding:14px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid #eadfd2}.dma-exec-title b{display:block;margin-top:4px;color:#4a3e34}.dma-exec-analysis ul{margin:9px 0 0;padding-left:18px;color:#685a4f;font-size:11px;line-height:1.65}.dma-exec-bars{display:grid;gap:7px;margin-top:9px}.dma-exec-bars button{display:grid;grid-template-columns:80px 1fr 30px;gap:8px;align-items:center;border:0;background:transparent;padding:3px;text-align:left;color:#625448;cursor:pointer}.dma-exec-bars span,.dma-exec-bars b{font-size:10px}.dma-exec-bars i{height:8px;border-radius:99px;background:#eee5da;overflow:hidden}.dma-exec-bars u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#d59b63,#af6e3c)}.dma-exec-warning{margin-top:10px;padding:9px 11px;border-radius:12px;background:#fff4dd;color:#806027;font-size:10px}
@media(max-width:1350px){.dma-exec-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){#app{padding:12px!important}.dma-exec-head{align-items:flex-start}.dma-exec-kpis{grid-template-columns:repeat(2,1fr)}.dma-exec-analysis{grid-template-columns:1fr}}
@media(max-width:520px){.dma-exec-central{padding:12px;border-radius:20px}.dma-exec-head h3{font-size:19px}.dma-exec-kpis{grid-template-columns:1fr 1fr}.dma-exec-kpi{padding:11px}.dma-exec-kpi strong{font-size:21px}}

/* DMA 4.5.1 — área segura do menu lateral em telas Full HD */
#sidebar,aside#sidebar{scroll-padding-bottom:96px!important;padding-bottom:22px!important}
#sidebar #nav{padding-bottom:18px!important}
#sidebar .sidebar-version-block{margin-bottom:48px!important}
@media(max-height:1100px) and (min-width:701px){
 #sidebar .dma-site-mark{width:88px!important;height:88px!important;min-width:88px!important}
 #sidebar .dma-site-brand{min-height:104px!important;padding:5px 9px 8px!important}
 #sidebar .hbb-site-lockup{margin-bottom:7px!important;padding:5px 8px!important}
 #sidebar .hbb-site-lockup img{max-height:52px!important}
 #sidebar .nav-cascade-toggle{min-height:44px!important}
 #sidebar .nav-cascade-items>a{min-height:37px!important}
 #sidebar .nav-group-icon,#sidebar .nav-ico{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important;font-size:15px!important}
}

/* DMA 4.5.2 — contraste executivo e atendimentos exploráveis */
.dma-exec-kpi.ok{background:linear-gradient(145deg,#176444,#0c4c35)!important;border-color:#2b7958!important;border-left-color:#d8b96d!important}
.dma-exec-kpi.ok span,.dma-exec-kpi.ok strong{color:#fff!important}
.dma-exec-kpi.ok small,.dma-exec-kpi.ok em{color:#f2d994!important}
.dma-exec-kpi.ok:hover{background:linear-gradient(145deg,#1d7150,#10583d)!important}
.dma-att-head{align-items:flex-end}.dma-att-head>div span{display:block;margin-top:3px}.dma-att-head>b{color:#9a6535;font-size:11px}
.dma-att-filters{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,1fr) auto;gap:9px;align-items:end;margin:12px 0;padding:11px;border-radius:17px;background:#faf5ed;border:1px solid #eadfce}.dma-att-filters label{display:grid;gap:5px}.dma-att-filters label>span{font-size:9px;font-weight:900;color:#806d5d;letter-spacing:.04em}.dma-att-filters select{min-height:42px;border:1px solid #decdb8;border-radius:13px;background:#fff;padding:8px 10px;color:#443a31;font:inherit}
.dma-att-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dma-att-card{min-width:0;display:grid;grid-template-columns:92px 1fr;gap:9px 12px;text-align:left;padding:14px;border:1px solid #e3d7c9;border-radius:18px;background:#fff;box-shadow:0 6px 17px rgba(72,50,31,.05);cursor:pointer;transition:.18s}.dma-att-card:hover{transform:translateY(-2px);border-color:#cfad83;box-shadow:0 11px 25px rgba(72,50,31,.11)}.dma-att-card span,.dma-att-card b,.dma-att-card small,.dma-att-card em{display:block;min-width:0}.dma-att-card small{margin-top:3px;color:#7d7166;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dma-att-date{font-size:11px;font-weight:900;color:#9a6535}.dma-att-place b{color:#273f55;font-size:13px}.dma-att-person{grid-column:1/3;padding-top:9px;border-top:1px solid #eee6dc}.dma-att-person b{font-size:11px;color:#4c4037}.dma-att-card em{grid-column:1/3;color:#a66b38;font-size:9px;font-weight:900;font-style:normal}
.dma-dash-modal{position:fixed;inset:0;z-index:16000;display:grid;place-items:center;padding:18px;background:rgba(45,35,27,.38);backdrop-filter:blur(14px);opacity:0;transition:.18s}.dma-dash-modal.open{opacity:1}.dma-dash-modal>section{width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:28px;background:#fffdf9;border:1px solid #fff;box-shadow:0 26px 75px rgba(61,43,28,.26);transform:translateY(15px);transition:.18s}.dma-dash-modal.open>section{transform:none}.dma-dash-modal header{position:sticky!important;top:0!important;height:auto!important;min-height:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:20px 22px 13px!important;background:rgba(255,253,249,.95)!important;border:0!important;border-bottom:1px solid #eee1d1!important;border-radius:28px 28px 0 0!important;box-shadow:none!important;backdrop-filter:blur(18px)}.dma-dash-modal header span{font-size:9px;letter-spacing:.14em;color:#a66b38;font-weight:900}.dma-dash-modal header h3{margin:4px 0 0;font-size:22px;color:#3d332b}.dma-dash-modal header button{width:38px;height:38px;border:0;border-radius:50%;background:#f2e9de;color:#634a35;font-size:24px;cursor:pointer}.dma-dash-modal-body{padding:18px 22px 24px}.dma-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dma-detail-grid>div{padding:13px;border-radius:15px;background:#faf5ed;border:1px solid #eadfce}.dma-detail-grid>div.wide{grid-column:1/-1}.dma-detail-grid span,.dma-detail-grid b{display:block}.dma-detail-grid span{font-size:9px;color:#8a7766;font-weight:850}.dma-detail-grid b{margin-top:4px;color:#3e342b}.dma-detail-grid p{margin:5px 0 0;color:#54483e;line-height:1.5}.dma-modal-summary{margin:0 0 11px;color:#77695d;font-size:11px}.dma-modal-att-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dma-modal-att{padding:12px;border:1px solid #e4d7c8;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.dma-modal-att span,.dma-modal-att b,.dma-modal-att small{display:block}.dma-modal-att span{font-size:9px;color:#a16a39}.dma-modal-att b{margin:4px 0;color:#30485d}.dma-modal-att small{font-size:9px;color:#786c61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1200px){.dma-att-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dma-att-filters{grid-template-columns:1fr}.dma-att-cards,.dma-modal-att-list{grid-template-columns:1fr}.dma-detail-grid{grid-template-columns:1fr}.dma-detail-grid>div.wide{grid-column:auto}}

/* DMA 4.6.0 — rede, desempenho e catálogo completo de OS */
.dma-network-box{height:46px;min-width:150px;padding:5px 10px;border:1px solid rgba(214,197,175,.8);border-radius:16px;background:rgba(255,253,249,.78);box-shadow:0 7px 20px rgba(70,52,34,.08),inset 0 1px 0 #fff;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;color:#3c342d;backdrop-filter:blur(18px)}
.dma-network-box:hover{transform:translateY(-1px);box-shadow:0 11px 25px rgba(70,52,34,.12),inset 0 1px 0 #fff}.dma-network-icon{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#f7ead2,#e6c88e);display:grid;place-items:center;font-size:21px;color:#745226}.dma-network-box>span:last-child{display:flex;flex-direction:column;min-width:0}.dma-network-box b{font-size:11px;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dma-network-box small{font-size:8px;color:#8a7763;white-space:nowrap}.dma-net-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.dma-net-details>div{padding:14px;border-radius:17px;background:#faf4ea;border:1px solid #eadcc9}.dma-net-details span,.dma-net-details strong{display:block}.dma-net-details span{font-size:9px;color:#917b65}.dma-net-details strong{margin-top:5px;font-size:17px;color:#3d342c}.dma-net-note{font-size:10px;color:#7c6d60;line-height:1.5}
.dma-os-all-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:3px 0 14px}.dma-os-all-head h3{margin:0;color:#283f52}.dma-os-all-head p{margin:4px 0 0;color:#7a6d61;font-size:10px}.dma-os-quick{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.dma-os-quick button,.dma-os-pages button{border:1px solid #decdb9;border-radius:999px;background:#fffdf9;color:#604d3c;padding:8px 12px;font-size:9px;font-weight:850;cursor:pointer}.dma-os-quick button.active{background:#7d5a32;color:#fff;border-color:#7d5a32}.dma-os-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.dma-os-card{min-height:178px;padding:14px;border:1px solid #e4d6c5;border-left:5px solid #a89b8c;border-radius:19px;background:#fffdf9;text-align:left;cursor:pointer;box-shadow:0 7px 18px rgba(75,54,34,.055);transition:.18s}.dma-os-card:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(75,54,34,.11)}.dma-os-card.urgente{border-left-color:#c94646;background:#fff8f6}.dma-os-card.alta{border-left-color:#dc9440;background:#fffaf2}.dma-os-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.dma-os-card-top b{font-size:13px;color:#294156}.dma-os-card-top em{padding:4px 7px;border-radius:999px;background:#f3e9da;color:#87623e;font-size:8px;font-style:normal;font-weight:900}.dma-os-card>strong,.dma-os-card>p,.dma-os-card>small,.dma-os-card>u{display:block}.dma-os-card>strong{margin-top:12px;color:#3e342c;font-size:12px}.dma-os-card>p{height:43px;margin:6px 0;color:#786b60;font-size:10px;line-height:1.4;overflow:hidden}.dma-os-card>small{color:#9a8066;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dma-os-card>u{margin-top:9px;color:#9f6e3d;font-size:8px;text-decoration:none}.dma-os-pages{display:flex;justify-content:center;align-items:center;gap:12px;margin:16px 0 4px}.dma-os-pages span{font-size:10px;color:#756759}.dma-os-pages button:disabled{opacity:.35;cursor:default}
@media(max-width:1450px){.dma-network-box{min-width:48px;width:48px;padding:5px;justify-content:center}.dma-network-box>span:last-child{display:none}.dma-os-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dma-os-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dma-os-all-head{display:block}.dma-os-quick{justify-content:flex-start;margin-top:10px}.dma-net-details{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.dma-network-box{display:none}.dma-os-card-grid{grid-template-columns:1fr}.dma-net-details{grid-template-columns:1fr}}

/* DMA 4.6.2 — Central pública e painel de OS para TV */
.dma-public-hub{max-width:1500px;margin:auto}.dma-public-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-radius:26px;background:linear-gradient(135deg,#0c3155,#17659a);color:#fff;box-shadow:0 16px 40px rgba(13,49,87,.18)}.dma-public-hero span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#d8bd78}.dma-public-hero h2{margin:6px 0 3px;font-size:30px}.dma-public-hero p{margin:0;color:#dceaf4}.dma-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:16px}.dma-public-card{padding:22px;border:1px solid #dfd3c4;border-radius:24px;background:#fffdf9;box-shadow:0 11px 28px rgba(68,49,31,.07)}.dma-public-card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#e8f2fa;color:#12568b;font-size:25px}.dma-public-card>span{display:block;margin-top:16px;color:#a36b38;font-size:9px;font-weight:900;letter-spacing:.13em}.dma-public-card h3{margin:5px 0;font-size:21px;color:#31495e}.dma-public-card p{min-height:52px;color:#766a5f;font-size:11px;line-height:1.55}.dma-public-card>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.dma-public-card small{display:inline-block;margin-top:8px;padding:7px 10px;border-radius:999px;background:#f1ebe3;color:#8b7b69;font-size:9px;font-weight:850}.dma-public-card.pending{opacity:.72}
.dma-panel-tv-view{background:#edf3f7}.dma-panel-tv-view #sidebar,.dma-panel-tv-view main>header{display:none!important}.dma-panel-tv-view main{margin:0!important;width:100%!important}.dma-panel-tv-view #app{padding:10px!important}.dma-tv-panel{min-height:calc(100vh - 20px);display:flex;flex-direction:column;gap:10px;color:#172b3a}.dma-tv-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;border-radius:18px;background:linear-gradient(135deg,#092e53,#0e5f99);color:#fff;box-shadow:0 10px 28px rgba(9,46,83,.2)}.dma-tv-brand{display:flex;align-items:center;gap:13px}.dma-tv-brand img{width:64px;height:64px;object-fit:contain;border-radius:15px;background:#fff;padding:3px}.dma-tv-brand span{color:#ebce80;font-size:9px;font-weight:900;letter-spacing:.14em}.dma-tv-brand h2{margin:3px 0 1px;font-size:24px}.dma-tv-brand p{margin:0;color:#dceaf3;font-size:10px}.dma-tv-right{display:flex;align-items:center;gap:13px}.dma-tv-weather,.dma-tv-clock{display:flex;flex-direction:column;align-items:flex-end}.dma-tv-weather b{font-size:23px}.dma-tv-weather span,.dma-tv-clock span{font-size:9px;color:#d9e7f0}.dma-tv-clock strong{font-size:31px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.03em}.dma-tv-actions{display:flex;gap:5px}.dma-tv-actions button{width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}.dma-tv-overview{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.dma-tv-overview>div{padding:10px 13px;border-radius:15px;border:1px solid #dbe4ea;background:#fff;box-shadow:0 5px 14px rgba(30,61,82,.05)}.dma-tv-overview span,.dma-tv-overview strong{display:block}.dma-tv-overview span{font-size:9px;color:#6d7d88;font-weight:800}.dma-tv-overview strong{margin-top:3px;font-size:23px;color:#183d5a}.dma-tv-overview .urgent{border-left:5px solid #c93838}.dma-tv-overview .high{border-left:5px solid #df8a26}.dma-tv-status{display:none;padding:8px 12px;border-radius:12px;background:#e7f1f8;color:#285b7f;font-size:10px}.dma-tv-status.show{display:block}.dma-tv-status.error{background:#ffe9e6;color:#a8332c}.dma-tv-table{flex:1;min-height:0;overflow:auto;border:1px solid #d9e3e9;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(29,59,80,.07)}.dma-tv-table table{width:100%;border-collapse:collapse;table-layout:fixed}.dma-tv-table th{position:sticky;top:0;z-index:2;padding:10px;background:#e7f0f6;color:#36566c;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.04em}.dma-tv-table td{padding:11px 10px;border-bottom:1px solid #e7edf1;font-size:10px;vertical-align:middle}.dma-tv-table th:nth-child(1){width:13%}.dma-tv-table th:nth-child(2){width:7%}.dma-tv-table th:nth-child(3){width:9%}.dma-tv-table th:nth-child(4){width:37%}.dma-tv-table th:nth-child(5){width:21%}.dma-tv-table th:nth-child(6){width:13%}.dma-tv-table td small{display:block;margin-top:3px;color:#6d7b84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dma-tv-team{display:inline-flex;min-width:105px;justify-content:center;padding:6px 9px;border-radius:9px;background:#e7f1f8;color:#174f78;font-weight:900}.dma-tv-os{font-size:13px;color:#153e5b}.dma-tv-prio{display:inline-block;padding:6px 8px;border-radius:8px;font-weight:900}.dma-tv-prio.urgent{background:#ffe5e2;color:#b62c28}.dma-tv-prio.high{background:#fff0d9;color:#a25a0b}.dma-tv-count{display:block;max-width:100%;color:#17623e;font-size:23px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.dma-tv-count.warning{color:#bd730c}.dma-tv-count.late{color:#bf2929;font-size:clamp(15px,1.35vw,22px)}.dma-tv-empty td{text-align:center!important;padding:70px 20px!important;color:#347153}.dma-tv-empty b,.dma-tv-empty span{display:block}.dma-tv-empty b{font-size:22px}.dma-tv-empty span{margin-top:6px;color:#6c7c84}.dma-tv-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 8px;color:#6d7b84;font-size:8px}.dma-tv-foot b{color:#315e79}
@media(max-width:1050px){.dma-public-grid{grid-template-columns:1fr}.dma-public-card p{min-height:0}.dma-tv-head{align-items:flex-start}.dma-tv-brand p,.dma-tv-weather{display:none}.dma-tv-overview{grid-template-columns:repeat(3,1fr)}.dma-tv-table{overflow:auto}.dma-tv-table table{min-width:940px}}
@media(max-width:650px){.dma-public-hero{display:block;padding:20px}.dma-public-hero .btn{margin-top:14px}.dma-tv-brand img{width:48px;height:48px}.dma-tv-brand h2{font-size:16px}.dma-tv-clock strong{font-size:23px}.dma-tv-actions button{width:34px;height:34px}.dma-tv-overview{grid-template-columns:repeat(2,1fr)}.dma-tv-panel{min-height:calc(100vh - 12px)}.dma-panel-tv-view #app{padding:6px!important}}
.dma-tv-status.loading{display:flex;align-items:center;gap:8px}.dma-tv-loading-spinner{width:14px;height:14px;flex:0 0 auto;border:2px solid #a9cde4;border-top-color:#176ca7;border-radius:50%;animation:dmaTvSpin .75s linear infinite}.dma-tv-refresh{display:inline-flex;align-items:center;gap:6px}.dma-tv-refresh>i{width:7px;height:7px;border-radius:50%;background:#3ca67c;box-shadow:0 0 0 0 rgba(60,166,124,.42);animation:dmaTvPulse 1.6s infinite}@keyframes dmaTvSpin{to{transform:rotate(360deg)}}@keyframes dmaTvPulse{70%{box-shadow:0 0 0 6px rgba(60,166,124,0)}100%{box-shadow:0 0 0 0 rgba(60,166,124,0)}}

/* DMA 4.6.3 — abertura institucional e carregamento de marca */
.dma-welcome-view{background:#f5f7f9}.dma-welcome-view #sidebar,.dma-welcome-view main>header{display:none!important}.dma-welcome-view main{width:100%!important;margin:0!important}.dma-welcome-view #app{min-height:100vh;padding:10px!important;display:grid;place-items:center}.dma-welcome-shell{width:100%;min-height:calc(100vh - 20px);display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(460px,.92fr);overflow:hidden;border:1px solid #e0e6eb;border-radius:28px;background:#fff;box-shadow:0 25px 70px rgba(31,52,67,.13)}
.dma-welcome-brand{position:relative;min-height:720px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#082f55 0%,#0c5e98 58%,#137db7 100%)}.dma-welcome-brand:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.18),transparent 29%),linear-gradient(115deg,transparent 0 37%,rgba(255,255,255,.055) 37% 48%,transparent 48% 100%)}.dma-welcome-shape{position:absolute;border:1px solid rgba(255,255,255,.11);transform:rotate(28deg)}.dma-welcome-shape.one{width:520px;height:520px;left:-260px;top:-230px}.dma-welcome-shape.two{width:470px;height:470px;right:-290px;bottom:-210px}.dma-welcome-identity{position:relative;z-index:1;text-align:center}.dma-welcome-identity>img{width:min(410px,76%);max-height:230px;object-fit:contain;filter:drop-shadow(0 20px 38px rgba(0,22,42,.28));animation:dmaWelcomeFloat 4s ease-in-out infinite}.dma-welcome-identity>span{display:block;margin-top:24px;color:#f3d792;font-size:10px;font-weight:900;letter-spacing:.21em}.dma-welcome-identity h1{margin:8px 0 4px;font-size:clamp(32px,3.2vw,54px);letter-spacing:-.04em}.dma-welcome-identity p{margin:0;color:#d5e7f2;font-size:15px;line-height:1.55}.dma-welcome-hbb{position:absolute;left:35px;right:35px;bottom:30px;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15)}.dma-welcome-hbb img{max-width:190px;max-height:56px;object-fit:contain;filter:brightness(0) invert(1)}.dma-welcome-hbb small{color:#d7e7f1;font-size:9px}
.dma-welcome-access{display:flex;flex-direction:column;justify-content:center;padding:40px clamp(30px,4vw,72px);background:linear-gradient(145deg,#fff,#fbfcfd)}.dma-welcome-top{display:flex;align-items:center;gap:15px}.dma-welcome-top>img{width:86px;height:86px;object-fit:contain}.dma-welcome-top span{color:#ae763d;font-size:9px;font-weight:900;letter-spacing:.16em}.dma-welcome-top h2{margin:3px 0;font-size:34px;color:#173b57;letter-spacing:-.03em}.dma-welcome-top p{margin:0;color:#75838e;font-size:11px}.dma-welcome-public{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:23px 0 18px}.dma-welcome-public a{min-width:0;display:grid;grid-template-columns:42px 1fr 16px;align-items:center;gap:10px;padding:12px;border:1px solid #e0e7ec;border-radius:16px;background:#fff;color:#243f53;text-decoration:none;box-shadow:0 6px 16px rgba(28,54,71,.045);transition:.18s}.dma-welcome-public a:hover{transform:translateY(-2px);border-color:#b9cedd;box-shadow:0 12px 25px rgba(28,54,71,.1)}.dma-welcome-public i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e9f2f8,#dbeaf3);color:#145a87;font-size:20px;font-style:normal}.dma-welcome-public b,.dma-welcome-public small{display:block}.dma-welcome-public b{font-size:11px}.dma-welcome-public small{margin-top:3px;color:#7f8b94;font-size:8px;line-height:1.35}.dma-welcome-public em{color:#b47a40;font-size:22px;font-style:normal}.dma-welcome-divider{display:flex;align-items:center;gap:10px;color:#95897d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.dma-welcome-divider:before,.dma-welcome-divider:after{content:"";height:1px;flex:1;background:#e4e8eb}.dma-welcome-login{display:grid;grid-template-columns:1fr 1fr 112px;gap:9px;align-items:end;margin-top:12px}.dma-welcome-login label{display:grid;gap:5px;color:#485b69;font-size:9px;font-weight:850}.dma-welcome-login input{width:100%;height:46px;border:1px solid #d4dde3;border-radius:12px;background:#fff;padding:0 12px;color:#263b4a;font:inherit;outline:none}.dma-welcome-login input:focus{border-color:#2675aa;box-shadow:0 0 0 3px rgba(38,117,170,.1)}.dma-welcome-login button{height:46px;border:0;border-radius:12px;background:linear-gradient(145deg,#125b91,#0c416d);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(13,74,116,.19)}.dma-welcome-services{display:flex;gap:18px;margin-top:16px}.dma-welcome-services a{color:#6f7d87;font-size:9px;text-decoration:none}.dma-welcome-services a:hover{color:#145b88}.dma-welcome-access footer{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:13px;border-top:1px solid #e8ecef;color:#87939c;font-size:8px}.dma-welcome-access footer b{color:#31566f}
.dma-brand-loader{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;background:rgba(247,249,250,.94);backdrop-filter:blur(14px);opacity:0;transition:opacity .2s}.dma-brand-loader.hidden{display:none!important}.dma-brand-loader.show{opacity:1}.dma-brand-loader>div{display:grid;place-items:center;gap:10px}.dma-brand-loader img{width:min(280px,55vw);height:180px;object-fit:contain;animation:dmaLoaderFloat 1.25s ease-in-out infinite}.dma-brand-loader i{width:150px;height:3px;overflow:hidden;border-radius:99px;background:#dce6ec;position:relative}.dma-brand-loader i:after{content:"";position:absolute;inset:0;width:45%;border-radius:inherit;background:linear-gradient(90deg,#b87a3e,#e2bf72);animation:dmaLoaderBar 1s ease-in-out infinite}.dma-brand-loader span{color:#34546a;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.global-loading{background:rgba(246,249,250,.92)!important;backdrop-filter:blur(14px)!important}.loading-card.dma-loading-brand{width:min(420px,88vw)!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:27px!important;border:1px solid #dce6eb!important;border-radius:25px!important;background:#fff!important;color:#23465e!important;box-shadow:0 24px 60px rgba(23,55,76,.16)!important}.dma-loading-brand>img{width:240px;height:150px;object-fit:contain;animation:dmaLoaderFloat 1.2s ease-in-out infinite}.dma-loading-pulse{display:flex;gap:5px}.dma-loading-pulse i{width:7px;height:7px;border-radius:50%;background:#17699d;animation:dmaLoadDot .9s ease-in-out infinite}.dma-loading-pulse i:nth-child(2){animation-delay:.12s}.dma-loading-pulse i:nth-child(3){animation-delay:.24s}.dma-loading-brand .spinner{display:none!important}.dma-loading-brand strong{margin-top:4px;color:#496274;font-size:10px;letter-spacing:.12em}
@keyframes dmaWelcomeFloat{50%{transform:translateY(-9px);filter:drop-shadow(0 28px 44px rgba(0,22,42,.2))}}@keyframes dmaLoaderFloat{50%{transform:translateY(-7px) scale(1.025)}}@keyframes dmaLoaderBar{0%{transform:translateX(-120%)}100%{transform:translateX(330%)}}@keyframes dmaLoadDot{0%,100%{transform:scale(.65);opacity:.35}50%{transform:scale(1);opacity:1}}
@media(max-width:1050px){.dma-welcome-shell{grid-template-columns:42% 58%}.dma-welcome-brand{padding:35px;min-height:680px}.dma-welcome-public{grid-template-columns:1fr}.dma-welcome-login{grid-template-columns:1fr 1fr}.dma-welcome-login button{grid-column:1/-1}.dma-welcome-access{padding:30px}.dma-welcome-hbb small{display:none}}
@media(max-width:760px){.dma-welcome-view #app{display:block;padding:0!important}.dma-welcome-shell{display:block;min-height:100vh;border:0;border-radius:0}.dma-welcome-brand{min-height:280px;padding:35px 20px}.dma-welcome-identity>img{width:190px;height:105px}.dma-welcome-identity>span{margin-top:8px;font-size:7px}.dma-welcome-identity h1{font-size:27px}.dma-welcome-identity p{font-size:10px}.dma-welcome-hbb{bottom:14px;padding-top:10px}.dma-welcome-hbb img{max-width:130px;max-height:38px}.dma-welcome-access{padding:24px 16px}.dma-welcome-top>img{width:62px;height:62px}.dma-welcome-top h2{font-size:27px}.dma-welcome-public{margin-top:17px}.dma-welcome-login{grid-template-columns:1fr}.dma-welcome-login button{grid-column:auto}.dma-welcome-services,.dma-welcome-access footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.dma-welcome-identity>img,.dma-brand-loader img,.dma-brand-loader i:after,.dma-loading-pulse i{animation:none!important}}

/* DMA 4.6.4 — correção da Central e restauração do painel OS horizontal */
.dma-public-hero h2{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.08)}.dma-public-hero p{color:#e5f1f8!important;opacity:1!important}.dma-public-hero>div>span{color:#f2cf72!important}.dma-public-grid{grid-template-columns:minmax(320px,720px)!important}.dma-public-card.active{animation:dmaPanelCardIn .48s ease both}
.dma-panel-tv-view .shell{display:block!important;width:100%!important;min-width:0!important}.dma-panel-tv-view main{display:block!important;width:100vw!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}.dma-panel-tv-view #app{display:block!important;width:100vw!important;max-width:none!important;min-width:0!important;margin:0!important;padding:10px!important;transform:none!important}.dma-panel-tv-view .dma-tv-panel{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;transform:none!important}.dma-panel-tv-view{overflow-x:hidden!important}
.dma-tv-head{position:relative;overflow:hidden;animation:dmaPanelHeadIn .5s ease both}.dma-tv-head:after{content:"";position:absolute;width:330px;height:330px;right:-190px;top:-210px;border:1px solid rgba(255,255,255,.13);transform:rotate(25deg);pointer-events:none}.dma-tv-brand img{animation:dmaPanelLogo 3.2s ease-in-out infinite}.dma-tv-brand h2{color:#fff!important}.dma-tv-brand p{color:#dcecf7!important}.dma-tv-weather b,.dma-tv-clock strong{color:#fff!important}.dma-tv-overview>div{animation:dmaPanelKpiIn .42s ease both}.dma-tv-overview>div:nth-child(2){animation-delay:.04s}.dma-tv-overview>div:nth-child(3){animation-delay:.08s}.dma-tv-overview>div:nth-child(4){animation-delay:.12s}.dma-tv-overview>div:nth-child(5){animation-delay:.16s}.dma-tv-overview>div:nth-child(6){animation-delay:.2s}.dma-tv-table tbody tr{animation:dmaPanelRowIn .38s ease both}.dma-tv-table tbody tr:hover{background:#f3f8fb}.dma-tv-empty td{height:320px!important}.dma-tv-foot{min-height:24px}
@keyframes dmaPanelCardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes dmaPanelHeadIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes dmaPanelKpiIn{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}@keyframes dmaPanelRowIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes dmaPanelLogo{50%{transform:translateY(-3px);filter:drop-shadow(0 8px 14px rgba(0,0,0,.16))}}
@media(max-width:1050px){.dma-panel-tv-view #app{width:100%!important}.dma-public-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.dma-public-card.active,.dma-tv-head,.dma-tv-brand img,.dma-tv-overview>div,.dma-tv-table tbody tr{animation:none!important}}

/* DMA 5.1.3 — painel administrativo de equipamentos fora */
.dma-public-card.admin-only{border-color:#bfd5e7;background:#fff}.cons-panel{max-width:1500px;margin:0 auto}.cons-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.cons-panel-head>div:last-child{display:flex;gap:8px}.cons-panel-head span{color:#1767ad;font-size:10px;font-weight:900;letter-spacing:.14em}.cons-panel-head h2{margin:4px 0;font-size:28px}.cons-panel-head p{margin:0;color:#687786}.cons-panel-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin:10px 0}.cons-panel-kpis>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid #dce5ec;background:var(--surface,#fff);border-radius:8px}.cons-panel-kpis span{color:#637588}.cons-panel-kpis b{font-size:20px;color:#143a5b}.cons-panel-table{overflow:auto;border:1px solid #dce5ec;background:var(--surface,#fff);border-radius:8px}.cons-panel-table table{width:100%;border-collapse:collapse}.cons-panel-table th,.cons-panel-table td{padding:10px 12px;border-bottom:1px solid #e5ebef;text-align:left;vertical-align:middle}.cons-panel-table th{background:#f3f6f8;color:#52687a;font-size:11px}.cons-panel-table td small{display:block;margin-top:3px;color:#738495}.cons-panel-empty{display:grid;place-items:center;min-height:180px;border:1px solid #dce5ec;background:var(--surface,#fff);border-radius:8px;color:#567}.cons-panel-empty b{font-size:18px;color:#23435c}.cons-panel-empty span{margin-top:-55px}@media(max-width:800px){.cons-panel-head{align-items:flex-start;flex-direction:column}.cons-panel-kpis{grid-template-columns:repeat(2,1fr)}.cons-panel-table table{min-width:880px}}

/* DMA 5.1.5 — contraste legível do painel de equipamentos */
html:not([data-hmp-theme="dark"]) .cons-panel-kpis>div{background:#fff!important;border-color:#d8e2e9!important;box-shadow:0 4px 12px rgba(27,57,78,.045)}
html:not([data-hmp-theme="dark"]) .cons-panel-kpis span{color:#586f82!important}
html:not([data-hmp-theme="dark"]) .cons-panel-kpis b{color:#123f62!important}
html:not([data-hmp-theme="dark"]) .cons-panel-table{background:#fff!important;border-color:#d8e2e9!important}
html:not([data-hmp-theme="dark"]) .cons-panel-table td{background:#fff!important;color:#243c50!important}
html:not([data-hmp-theme="dark"]) .cons-panel-table tbody tr:nth-child(even) td{background:#f7fafc!important}
html:not([data-hmp-theme="dark"]) .cons-panel-table td small{color:#667d8f!important}
html[data-hmp-theme="dark"] .cons-panel-kpis>div{background:#172532!important;border-color:#35495a!important}
html[data-hmp-theme="dark"] .cons-panel-kpis span{color:#aec0cf!important}
html[data-hmp-theme="dark"] .cons-panel-kpis b{color:#f1f7fb!important}
html[data-hmp-theme="dark"] .cons-panel-table{background:#172532!important;border-color:#35495a!important}
html[data-hmp-theme="dark"] .cons-panel-table th{background:#213442!important;color:#d5e2eb!important}
html[data-hmp-theme="dark"] .cons-panel-table td{background:#172532!important;color:#eef5f9!important;border-color:#304554!important}
html[data-hmp-theme="dark"] .cons-panel-table tbody tr:nth-child(even) td{background:#1c2c39!important}
html[data-hmp-theme="dark"] .cons-panel-table td small{color:#b7c8d4!important}

/* DMA 5.1.6 — painel externo de equipamentos no padrão do Painel de OS */
.cons-tv-panel .cons-tv-overview>div:last-child strong{font-size:clamp(15px,1.3vw,23px)}
.cons-tv-table table{table-layout:fixed}
.cons-tv-table th:nth-child(1){width:21%}.cons-tv-table th:nth-child(2){width:8%}.cons-tv-table th:nth-child(3){width:16%}.cons-tv-table th:nth-child(4){width:10%}.cons-tv-table th:nth-child(5){width:15%}.cons-tv-table th:nth-child(6){width:18%}.cons-tv-table th:nth-child(7){width:12%}
.cons-tv-table td{color:#243c50!important}.cons-tv-table td>b{color:#183d5a}.cons-tv-table tbody tr:nth-child(even){background:#f8fafc}.cons-tv-table .cons-badge{white-space:normal;line-height:1.2;text-align:center}
html[data-hmp-theme="dark"] .dma-panel-tv-view{background:#0d1821!important}
html[data-hmp-theme="dark"] .cons-tv-panel .dma-tv-overview>div,html[data-hmp-theme="dark"] .cons-tv-panel .dma-tv-table{background:#172532!important;border-color:#35495a!important}
html[data-hmp-theme="dark"] .cons-tv-panel .dma-tv-overview span{color:#b4c5d1!important}html[data-hmp-theme="dark"] .cons-tv-panel .dma-tv-overview strong{color:#f1f7fb!important}
html[data-hmp-theme="dark"] .cons-tv-table th{background:#213442!important;color:#d5e2eb!important}html[data-hmp-theme="dark"] .cons-tv-table td{background:#172532!important;color:#eef5f9!important;border-color:#304554!important}html[data-hmp-theme="dark"] .cons-tv-table tbody tr:nth-child(even) td{background:#1c2c39!important}html[data-hmp-theme="dark"] .cons-tv-table td>b{color:#f1f7fb!important}html[data-hmp-theme="dark"] .cons-tv-table td small{color:#b7c8d4!important}
@media(max-width:1050px){.cons-tv-table table{min-width:1050px}.cons-tv-panel .dma-tv-title p{display:none}}
@media(max-width:650px){.cons-tv-panel .dma-tv-hbb{display:none!important}.cons-tv-panel .dma-tv-title h2{font-size:15px!important}.cons-tv-panel .dma-tv-overview{grid-template-columns:repeat(2,1fr)}}

/* DMA 4.6.5 — página inicial em largura total e animação refinada */
.dma-welcome-view .shell{display:block!important;width:100%!important;min-width:0!important;min-height:100vh!important}.dma-welcome-view main{display:block!important;width:100vw!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}.dma-welcome-view #app{width:100vw!important;max-width:none!important;min-width:0!important;margin:0!important;transform:none!important}.dma-welcome-view .dma-welcome-shell{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;transform:none!important}.dma-welcome-view{overflow-x:hidden!important}
.dma-welcome-brand{animation:dmaWelcomePanelIn .7s cubic-bezier(.2,.8,.2,1) both}.dma-welcome-access{animation:dmaWelcomeAccessIn .68s .08s cubic-bezier(.2,.8,.2,1) both}.dma-welcome-identity{animation:dmaWelcomeIdentityIn .75s .16s cubic-bezier(.2,.8,.2,1) both}.dma-welcome-identity:before{content:"";position:absolute;left:50%;top:43%;width:430px;height:430px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,0) 67%);pointer-events:none;animation:dmaWelcomeGlow 4.6s ease-in-out infinite}.dma-welcome-identity>*{position:relative;z-index:1}.dma-welcome-identity h1{color:#fff!important}.dma-welcome-identity p{color:#dcecf6!important}.dma-welcome-top{animation:dmaWelcomeItemIn .55s .22s ease both}.dma-welcome-public a{opacity:0;animation:dmaWelcomeItemIn .5s ease forwards}.dma-welcome-public a:nth-child(1){animation-delay:.28s}.dma-welcome-public a:nth-child(2){animation-delay:.35s}.dma-welcome-public a:nth-child(3){animation-delay:.42s}.dma-welcome-public a:nth-child(4){animation-delay:.49s}.dma-welcome-divider{animation:dmaWelcomeItemIn .5s .53s ease both}.dma-welcome-login{animation:dmaWelcomeItemIn .5s .59s ease both}.dma-welcome-services,.dma-welcome-access footer{animation:dmaWelcomeItemIn .5s .65s ease both}.dma-welcome-shape.one{animation:dmaShapeDriftOne 12s ease-in-out infinite}.dma-welcome-shape.two{animation:dmaShapeDriftTwo 14s ease-in-out infinite}.dma-welcome-login button{position:relative;overflow:hidden}.dma-welcome-login button:after{content:"";position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.32) 50%,transparent 64%);transform:translateX(-75%);animation:dmaButtonSheen 4.8s 1.4s ease-in-out infinite}
@keyframes dmaWelcomePanelIn{from{opacity:0;transform:translateX(-42px)}to{opacity:1;transform:none}}@keyframes dmaWelcomeAccessIn{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}@keyframes dmaWelcomeIdentityIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes dmaWelcomeItemIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dmaWelcomeGlow{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.72}}@keyframes dmaShapeDriftOne{50%{transform:rotate(34deg) translate(16px,10px)}}@keyframes dmaShapeDriftTwo{50%{transform:rotate(21deg) translate(-14px,-8px)}}@keyframes dmaButtonSheen{0%,72%{transform:translateX(-75%)}90%,100%{transform:translateX(75%)}}
@media(max-width:760px){.dma-welcome-view main,.dma-welcome-view #app{width:100%!important}.dma-welcome-identity:before{width:280px;height:280px}}
@media(prefers-reduced-motion:reduce){.dma-welcome-brand,.dma-welcome-access,.dma-welcome-identity,.dma-welcome-top,.dma-welcome-public a,.dma-welcome-divider,.dma-welcome-login,.dma-welcome-services,.dma-welcome-access footer,.dma-welcome-shape,.dma-welcome-login button:after,.dma-welcome-identity:before{animation:none!important;opacity:1!important}}

/* DMA 4.6.6 — hierarquia correta das marcas na abertura */
.dma-welcome-brand{padding-bottom:60px!important}.dma-welcome-top{gap:22px!important;align-items:center!important}.dma-welcome-top>img{width:220px!important;height:92px!important;max-width:42%!important;object-fit:contain!important;object-position:center!important;filter:none!important;mix-blend-mode:normal!important;transform:none!important;border-radius:0!important;background:transparent!important;padding:0!important}.dma-welcome-top>div{min-width:0}.dma-welcome-top>div>span{color:#9a6b39!important}.dma-welcome-identity>img{animation:dmaWelcomeLogoPremium 4.6s ease-in-out infinite!important;transform-origin:center}.dma-welcome-hbb{display:none!important}
@keyframes dmaWelcomeLogoPremium{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 18px 34px rgba(0,22,42,.25))}50%{transform:translateY(-9px) scale(1.025);filter:drop-shadow(0 28px 44px rgba(0,22,42,.18))}}
@media(max-width:760px){.dma-welcome-brand{padding-bottom:35px!important}.dma-welcome-top{align-items:flex-start!important}.dma-welcome-top>img{width:155px!important;height:68px!important;max-width:46%!important}.dma-welcome-top h2{margin-top:5px!important}}
@media(prefers-reduced-motion:reduce){.dma-welcome-identity>img{animation:none!important}}

/* DMA 4.7.3 — conta ADM restrita e desconexão no usuário */
.header-user-cluster{display:flex;align-items:center;gap:7px}.header-user-logout{height:54px;display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid rgba(207,169,127,.55);border-radius:17px;background:linear-gradient(145deg,#fffaf3,#f6eadb);color:#795434;cursor:pointer;box-shadow:0 7px 18px rgba(62,46,31,.07);transition:.18s}.header-user-logout span{font-size:17px}.header-user-logout b{font-size:9px;white-space:nowrap}.header-user-logout:hover{transform:translateY(-1px);border-color:#c69057;background:#f3e2cd}
@media(max-width:1050px){.header-user-logout b{display:none}.header-user-logout{width:45px;padding:0;justify-content:center}}
@media(max-width:700px){#user{display:block!important}.header-profile-link>span:last-child{display:none!important}.header-profile-link{width:48px!important;padding:3px!important}.header-user-logout{width:42px;height:48px}.header-user-cluster{gap:4px}}

/* DMA 4.7.4 — renderização nítida do logo oficial HBB */
img[src*="hospital-bruno-born-oficial.png"]{image-rendering:auto;-webkit-font-smoothing:antialiased;backface-visibility:hidden;transform:translateZ(0)}
.dma-welcome-top>img{width:250px!important;height:104px!important;max-width:46%!important;object-fit:contain!important}
@media(max-width:760px){.dma-welcome-top>img{width:190px!important;height:78px!important;max-width:48%!important}}

/* DMA 4.7.7 — filtro de período no Painel de OS */
.dma-tv-filters{display:flex;align-items:end;gap:9px;padding:9px 12px;border:1px solid #d9e4ea;border-radius:15px;background:#fff;box-shadow:0 5px 14px rgba(30,61,82,.05)}.dma-tv-filter-title{min-width:190px;margin-right:auto}.dma-tv-filter-title span,.dma-tv-filter-title b{display:block}.dma-tv-filter-title span{color:#aa733d;font-size:8px;font-weight:900;letter-spacing:.12em}.dma-tv-filter-title b{margin-top:3px;color:#254a63;font-size:11px}.dma-tv-filters label{display:grid;gap:3px;color:#657985;font-size:8px;font-weight:850}.dma-tv-filters input{height:35px;border:1px solid #ccdbe3;border-radius:9px;background:#f9fbfc;color:#27485e;padding:0 8px;font:inherit;font-size:10px}.dma-tv-filter-presets{display:flex;gap:5px}.dma-tv-filter-presets button{height:35px;border:1px solid #c9dbe5;border-radius:9px;background:#eaf4f9;color:#1d5b82;padding:0 10px;font-size:9px;font-weight:850;cursor:pointer}.dma-tv-filter-presets button:hover{background:#dcecf5}.dma-tv-filter-presets button.clear{background:#fff8ef;border-color:#e2c9aa;color:#8d5d2e}
@media(max-width:900px){.dma-tv-filters{align-items:stretch;flex-wrap:wrap}.dma-tv-filter-title{width:100%;min-width:0}.dma-tv-filters label{flex:1}.dma-tv-filters input{width:100%}.dma-tv-filter-presets{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.dma-tv-filter-presets button{padding:0 5px}}

/* DMA 4.7.2 — destaque da marca e acessos externos */
.dma-welcome-identity>img{width:min(485px,88%)!important;max-height:275px!important;animation:dmaWelcomeLogoPremiumFast 3.15s ease-in-out infinite!important}
.dma-welcome-services{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:18px!important}
.dma-welcome-services a{min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid #dbe4e9;border-radius:13px;background:linear-gradient(145deg,#fff,#f7fafb);color:#315268!important;font-size:11px!important;font-weight:850;text-decoration:none!important;box-shadow:0 6px 15px rgba(25,55,74,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dma-welcome-services a:hover{transform:translateY(-2px);border-color:#b8cedb;color:#0f5d90!important;box-shadow:0 10px 22px rgba(25,55,74,.1)}
@keyframes dmaWelcomeLogoPremiumFast{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 18px 34px rgba(0,22,42,.25))}50%{transform:translateY(-10px) scale(1.035);filter:drop-shadow(0 29px 45px rgba(0,22,42,.17))}}
@media(max-width:760px){.dma-welcome-identity>img{width:235px!important;height:128px!important;max-height:128px!important}.dma-welcome-services{grid-template-columns:1fr!important}.dma-welcome-services a{min-height:46px;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.dma-welcome-identity>img{animation:none!important}}

/* DMA 4.6.7 — acessos públicos isolados e logo HBB central */
.dma-welcome-top{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;text-align:center!important}.dma-welcome-top>img{width:340px!important;height:132px!important;max-width:78%!important;margin:0 auto 4px!important}.dma-welcome-top>div>span{display:block!important}.dma-welcome-top>div p{max-width:520px;margin-left:auto!important;margin-right:auto!important}
.dma-public-focus-view .shell{display:block!important;width:100%!important;min-width:0!important;min-height:100vh!important}.dma-public-focus-view #sidebar,.dma-public-focus-view main>header{display:none!important}.dma-public-focus-view main{display:block!important;width:100vw!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}.dma-public-focus-view #app{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:18px!important;transform:none!important}.dma-public-focus-view{overflow-x:hidden!important}.dma-public-focus-view .ger-op-shell,.dma-public-focus-view .far-access-box{animation:dmaPublicFocusIn .52s cubic-bezier(.2,.8,.2,1) both}.dma-public-focus-view .op-login-unificado,.dma-public-focus-view .ger-op-shell{min-height:calc(100vh - 36px)!important}.dma-public-focus-view .far-access-box{margin:clamp(25px,8vh,90px) auto!important}
@keyframes dmaPublicFocusIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:760px){.dma-welcome-top>img{width:245px!important;height:98px!important;max-width:86%!important}.dma-public-focus-view #app{padding:8px!important}.dma-public-focus-view .op-login-unificado,.dma-public-focus-view .ger-op-shell{min-height:calc(100vh - 16px)!important}}
@media(prefers-reduced-motion:reduce){.dma-public-focus-view .ger-op-shell,.dma-public-focus-view .far-access-box{animation:none!important}}

/* DMA 4.6.8 — cabeçalho público, caminho, voltar e sessões isoladas */
.dma-tv-head{background:linear-gradient(125deg,#0b3155 0%,#125b8e 58%,#1676aa 100%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 13px 32px rgba(12,49,84,.18)!important}.dma-tv-brand{gap:18px!important}.dma-tv-home{flex:0 0 100px;display:grid;place-items:center;gap:2px;padding:4px;border:0;background:transparent;color:#fff;cursor:pointer}.dma-tv-home img{width:88px!important;height:78px!important;object-fit:contain!important;border-radius:17px!important;background:#fff!important;padding:4px!important;animation:dmaPublicLogoFloat 3.8s ease-in-out infinite!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.16))!important}.dma-tv-home small{display:block;max-width:110px;color:#dcecf6;font-size:7px;line-height:1.25;text-align:center}.dma-tv-hbb{width:235px!important;height:88px!important;max-width:18vw!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border-radius:15px!important;padding:7px 10px!important;filter:none!important;animation:none!important}.dma-tv-title{min-width:0}.dma-tv-title>span{color:#f1cc72!important}.dma-tv-title h2{margin:3px 0 1px!important}.dma-tv-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.dma-tv-actions .dma-tv-logout{width:auto!important;padding:0 12px!important;font-size:10px!important;font-weight:900!important}.dma-tv-actions .dma-tv-logout.hidden{display:none!important}
.dma-public-focus-view #app{display:flex!important;flex-direction:column!important;gap:12px!important}.dma-public-focus-bar{position:sticky;top:0;z-index:90;width:100%;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px;border:1px solid #d9e2e8;border-radius:20px;background:rgba(255,253,249,.96);box-shadow:0 10px 28px rgba(44,54,61,.09);backdrop-filter:blur(18px)}.dma-public-focus-home{display:flex;align-items:center;gap:12px;min-width:0;border:0;background:transparent;text-align:left;color:#304557;cursor:pointer}.dma-public-focus-home img{width:72px;height:66px;object-fit:contain;animation:dmaPublicLogoFloat 3.8s ease-in-out infinite;filter:drop-shadow(0 7px 13px rgba(103,72,39,.15))}.dma-public-focus-home span,.dma-public-focus-home b,.dma-public-focus-home small{display:block;min-width:0}.dma-public-focus-home b{font-size:13px;color:#3f342b}.dma-public-focus-home small{margin-top:3px;color:#9d6c3d;font-size:9px;font-weight:850}.dma-public-focus-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.dma-public-focus-actions button{min-height:40px;border:1px solid #d8c8b5;border-radius:12px;background:#fffaf2;color:#6a4c32;padding:8px 13px;font-weight:850;cursor:pointer}.dma-public-focus-actions button:hover{background:#f3e6d5}.dma-public-user{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#596a75;font-size:10px;font-weight:850}.dma-public-focus-view .ger-op-shell{min-height:auto!important;flex:1}.dma-public-focus-view .far-access-box{margin:clamp(12px,4vh,45px) auto!important}
@keyframes dmaPublicLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.025)}}
@media(max-width:1100px){.dma-tv-hbb{width:180px!important}.dma-tv-title p{display:none}.dma-tv-weather{display:none!important}}
@media(max-width:760px){.dma-public-focus-bar{min-height:74px;padding:7px 9px;border-radius:15px}.dma-public-focus-home img{width:56px;height:54px}.dma-public-focus-home b{font-size:11px}.dma-public-focus-home small{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dma-public-user{display:none}.dma-public-focus-actions button{padding:7px 9px;font-size:10px}.dma-tv-brand{gap:8px!important}.dma-tv-home{flex-basis:65px}.dma-tv-home img{width:58px!important;height:54px!important}.dma-tv-home small{display:none}.dma-tv-hbb{width:122px!important;height:56px!important;max-width:30vw!important;padding:4px 6px!important}.dma-tv-title h2{font-size:15px!important}.dma-tv-title>span{font-size:7px!important}.dma-tv-clock{display:none!important}}
@media(prefers-reduced-motion:reduce){.dma-tv-home img,.dma-public-focus-home img{animation:none!important}}

.dma-welcome-session{margin-top:13px;padding:14px 16px;border:1px solid #dce5ea;border-radius:16px;background:#f8fbfc;text-align:left}.dma-welcome-session>span,.dma-welcome-session>b,.dma-welcome-session>small{display:block}.dma-welcome-session>span{color:#9b6b3d;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.dma-welcome-session>b{margin-top:4px;color:#27465c;font-size:15px}.dma-welcome-session>small{margin-top:2px;color:#778792;font-size:9px}.dma-welcome-session>div{display:flex;gap:8px;margin-top:10px}.dma-welcome-session button{min-height:40px;border:1px solid #d9c8b4;border-radius:11px;background:#fff9f1;color:#694a31;padding:8px 13px;font-weight:850;cursor:pointer}.dma-welcome-session button:first-child{background:#0e5383;border-color:#0e5383;color:#fff}
.dma-welcome-register{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:10px;color:#7b8993;font-size:9px}.dma-welcome-register button{border:0;background:transparent;color:#0e5c91;padding:2px;font:inherit;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.dma-welcome-register button:hover{color:#a46d38}.dma-welcome-register small{color:#98a3aa;font-size:8px}@media(max-width:760px){.dma-welcome-register{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.dma-welcome-register small{width:100%}}

.user-module-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.user-module-picker>span{grid-column:1/-1;color:#826344;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.user-module-check{display:flex!important;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid #e2d5c6;border-radius:12px;background:#fffaf3;cursor:pointer}.user-module-check input{width:17px;height:17px;accent-color:#176394}.user-module-check span{color:#4e443b;font-size:10px;font-weight:850}.user-access-approve,.user-access-actions{align-items:end!important;flex-wrap:wrap!important}.user-access-approve .user-module-picker,.user-access-actions .user-module-picker{flex:1 1 300px}@media(max-width:600px){.user-module-picker{grid-template-columns:1fr}}

/* DMA 4.7.7 — períodos e pendências preventivas acumuladas */
.os-periodo,.prev-periodo{flex-wrap:wrap!important;align-items:end!important}.os-periodo label,.prev-periodo label{display:grid!important;gap:4px!important;min-width:142px!important;color:#667b8b!important;font-size:9px!important;font-weight:850!important}.os-periodo input,.prev-periodo input{min-height:42px!important;border:1px solid #ccdbe5!important;border-radius:12px!important;background:#fff!important;color:#284a61!important;padding:7px 10px!important}.prev-old-pending{background:#fff8ec!important}.prev-old-pending td:first-child{border-left:4px solid #d79032!important}.prev-carry-label{display:block;margin-top:5px;color:#a3641d;font-size:7px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.prev-table td{vertical-align:middle}@media(max-width:760px){.os-periodo label,.prev-periodo label{flex:1 1 130px!important;min-width:0!important}.os-periodo .btn,.prev-periodo .btn{flex:1 1 120px!important}}

/* Acesso lembrado: opção clara e compacta na abertura administrativa. */
.dma-remember-login{grid-column:1/3;display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important;color:#607583!important;font-size:9px!important;font-weight:650!important;cursor:pointer!important}.dma-remember-login input{width:14px!important;height:14px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:#146cae!important;cursor:pointer!important}.dma-remember-login span{line-height:1.2!important}.box>.dma-remember-login{display:flex!important;margin:10px 0!important;font-size:12px!important}
@media(max-width:1050px){.dma-welcome-login .dma-remember-login{grid-column:1/-1!important}}

/* DMA 5.4 — interface textual: superfícies neutras, listas e navegação simples. */
:root{
  --dma-page:#ffffff;
  --dma-surface:#ffffff;
  --dma-subtle:#f7f7f8;
  --dma-ink:#171717;
  --dma-muted:#6b7280;
  --dma-line:#e5e7eb;
  --dma-hover:#f3f4f6;
  --dma-blue:#0b6fb8;
  --dma-blue-soft:#e7f2fb;
  --dma-red:#c93636;
  --dma-orange:#bd7015;
  --dma-amber:#9b7412;
  --dma-green:#19734b;
  --dma-radius:10px;
}
html,body{background:var(--dma-page)!important;color:var(--dma-ink)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view){background:var(--dma-page)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .shell{display:block!important;min-height:100vh!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main{min-height:100vh!important;margin-left:276px!important;width:auto!important;background:var(--dma-page)!important;transition:margin-left .18s ease!important}
body.sidebar-collapsed:not(.dma-welcome-view):not(.dma-panel-tv-view) main{margin-left:76px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar{
  position:fixed!important;inset:0 auto 0 0!important;z-index:400!important;width:276px!important;height:100dvh!important;
  padding:12px 12px 10px!important;background:#fff!important;color:var(--dma-ink)!important;border-right:1px solid var(--dma-line)!important;
  box-shadow:none!important;overflow:hidden!important;transition:width .18s ease!important;
}
body.sidebar-collapsed:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar{width:76px!important;padding:12px 10px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand{position:relative;min-height:82px!important;margin:0 4px 6px!important;padding:10px 5px!important;gap:10px!important;border-bottom:1px solid var(--dma-line)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .dma-site-mark{width:54px!important;height:54px!important;min-width:54px!important;filter:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand b{color:var(--dma-ink)!important;font-size:15px!important;line-height:1.05!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand span{color:var(--dma-muted)!important;font-size:10px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .hbb-site-lockup{margin:5px 4px 10px!important;padding:6px!important;max-height:54px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .hbb-site-lockup img{max-height:38px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar #nav{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:2px 3px 8px!important;gap:2px!important;scrollbar-width:thin}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-group{margin:0!important;border:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-toggle{min-height:37px!important;padding:4px 7px!important;border-radius:7px!important;background:transparent!important;color:#374151!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-toggle:hover{background:var(--dma-hover)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-group-icon,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-ico{width:23px!important;height:23px!important;min-width:23px!important;flex-basis:23px!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;color:#56616e!important;font-size:14px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a{min-height:34px!important;margin:1px 0!important;padding:4px 7px!important;border-radius:7px!important;background:transparent!important;color:#4b5563!important;font-size:12px!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a:hover{background:var(--dma-hover)!important;color:var(--dma-ink)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a.active{background:var(--dma-blue-soft)!important;color:#075e9f!important;box-shadow:inset 3px 0 0 var(--dma-blue)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a.active .nav-ico{background:transparent!important;color:var(--dma-blue)!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-card{margin:8px 3px 4px!important;padding:10px 7px!important;border-top:1px solid var(--dma-line)!important;border-radius:0!important;background:transparent!important;color:var(--dma-ink)!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:50%!important;background:var(--dma-blue-soft)!important;color:var(--dma-blue)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-copy b{font-size:12px!important;color:var(--dma-ink)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-copy small{font-size:10px!important;color:var(--dma-muted)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-bottom{margin:0 3px!important;padding:3px 0!important;border:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-logout{min-height:34px!important;border-radius:7px!important;color:#a12e2e!important;background:transparent!important;font-size:12px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-version-block{margin:4px 3px 0!important;padding:7px!important;border-top:1px solid var(--dma-line)!important;border-radius:0!important;background:transparent!important;color:var(--dma-muted)!important}
.sidebar-collapse-btn{position:absolute!important;right:0!important;top:8px!important;width:24px!important;height:24px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--dma-muted)!important;font-size:20px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important}
.sidebar-collapse-btn:hover{background:var(--dma-hover)!important;color:var(--dma-ink)!important}
body.sidebar-collapsed #sidebar .brand>div,body.sidebar-collapsed #sidebar .hbb-site-lockup,body.sidebar-collapsed #sidebar .nav-cascade-toggle>span:nth-child(2),body.sidebar-collapsed #sidebar .nav-cascade-toggle>i,body.sidebar-collapsed #sidebar .nav-cascade-items>a>span:last-child,body.sidebar-collapsed #sidebar .sidebar-profile-copy,body.sidebar-collapsed #sidebar .sidebar-profile-card>i,body.sidebar-collapsed #sidebar .nav-logout>span:last-child,body.sidebar-collapsed #sidebar .sidebar-version-block{display:none!important}
body.sidebar-collapsed #sidebar .brand{justify-content:center!important;border-bottom:0!important}body.sidebar-collapsed #sidebar .nav-cascade-toggle,body.sidebar-collapsed #sidebar .nav-cascade-items>a,body.sidebar-collapsed #sidebar .sidebar-profile-card,body.sidebar-collapsed #sidebar .nav-logout{justify-content:center!important;padding-inline:4px!important}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header{height:50px!important;min-height:50px!important;padding:0 26px!important;border:0!important;border-bottom:1px solid var(--dma-line)!important;border-radius:0!important;background:rgba(255,255,255,.96)!important;box-shadow:none!important;backdrop-filter:blur(10px)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header h1{font-size:16px!important;letter-spacing:-.02em!important;color:var(--dma-ink)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header p{font-size:10px!important;color:var(--dma-muted)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{max-width:1540px!important;margin:0 auto!important;padding:24px 34px 48px!important;background:transparent!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hmp-module-sticky-head{background:var(--dma-page)!important;border-bottom:1px solid var(--dma-line)!important;box-shadow:none!important}

/* Componentes: menos cartões, mais linhas de leitura. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .box,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .panel,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .adm-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dashboard-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .os-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .plantao-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .prev-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .ger-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .report-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .admin-hub-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .employee-service-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dash-panel,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .bi-chart-panel,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .modern-viz-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hmp-auto-insights,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .admin-group{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .os-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .prev-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .plantao-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .report-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .admin-hub-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .employee-service-card{border-bottom:1px solid var(--dma-line)!important;border-radius:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hero,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-hero{padding:0 0 18px!important;border:0!important;border-bottom:1px solid var(--dma-line)!important;border-radius:0!important;background:transparent!important;color:var(--dma-ink)!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hero h2,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-hero h2{color:var(--dma-ink)!important;font-size:28px!important;text-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hero p,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-hero p{color:var(--dma-muted)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .btn,body:not(.dma-welcome-view):not(.dma-panel-tv-view) button.btn{min-height:34px!important;padding:7px 11px!important;border:1px solid var(--dma-blue)!important;border-radius:7px!important;background:var(--dma-blue)!important;color:#fff!important;box-shadow:none!important;font-weight:650!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .btn.alt,body:not(.dma-welcome-view):not(.dma-panel-tv-view) button.btn.alt{border-color:var(--dma-line)!important;background:#fff!important;color:#374151!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) input,body:not(.dma-welcome-view):not(.dma-panel-tv-view) select,body:not(.dma-welcome-view):not(.dma-panel-tv-view) textarea{min-height:38px!important;border:1px solid #d1d5db!important;border-radius:7px!important;background:#fff!important;color:var(--dma-ink)!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) input:focus,body:not(.dma-welcome-view):not(.dma-panel-tv-view) select:focus,body:not(.dma-welcome-view):not(.dma-panel-tv-view) textarea:focus{outline:2px solid rgba(11,111,184,.22)!important;outline-offset:1px!important;border-color:var(--dma-blue)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) table{border-collapse:collapse!important;background:transparent!important;color:var(--dma-ink)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) th{padding:9px 8px!important;background:transparent!important;border-bottom:1px solid #d1d5db!important;color:var(--dma-muted)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.035em!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) td{padding:11px 8px!important;border-bottom:1px solid var(--dma-line)!important;background:transparent!important;color:var(--dma-ink)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) tbody tr:hover td{background:#fafafa!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .msg{border:0!important;border-left:3px solid var(--dma-blue)!important;border-radius:0!important;background:#f5f8fb!important;color:#30526c!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .msg.err{border-left-color:var(--dma-red)!important;background:#fff7f7!important;color:#8e2525!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .msg.ok{border-left-color:var(--dma-green)!important;background:#f4fbf7!important;color:#17613f!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dash-metric,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .os-kpis>*,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .prev-kpis>*,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .ger-kpis>*,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .rel-kpis>*,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .ativ-kpis>*{padding:10px 12px!important;border:0!important;border-left:2px solid var(--dma-blue)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* Tema escuro: mesmas hierarquias, sem superfícies brancas. */
html[data-hmp-theme="dark"]{--dma-page:#212121;--dma-surface:#2a2a2a;--dma-subtle:#303030;--dma-ink:#f5f5f5;--dma-muted:#b4b4b4;--dma-line:#3b3b3b;--dma-hover:#303030;--dma-blue:#5bb4ef;--dma-blue-soft:#153b54}
html[data-hmp-theme="dark"] body,html[data-hmp-theme="dark"] main,html[data-hmp-theme="dark"] #app{background:var(--dma-page)!important;color:var(--dma-ink)!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar{background:#171717!important;border-color:var(--dma-line)!important;color:var(--dma-ink)!important}
html[data-hmp-theme="dark"] #sidebar .brand b,html[data-hmp-theme="dark"] #sidebar .sidebar-profile-copy b{color:#f5f5f5!important}
html[data-hmp-theme="dark"] #sidebar .brand span,html[data-hmp-theme="dark"] #sidebar .sidebar-profile-copy small{color:#aaa!important}
html[data-hmp-theme="dark"] #sidebar .nav-cascade-toggle,html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a{color:#d0d0d0!important}
html[data-hmp-theme="dark"] #sidebar .nav-group-icon,html[data-hmp-theme="dark"] #sidebar .nav-ico{color:#a6a6a6!important}
html[data-hmp-theme="dark"] #sidebar .nav-cascade-toggle:hover,html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a:hover{background:var(--dma-hover)!important;color:#fff!important}
html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a.active{background:var(--dma-blue-soft)!important;color:#a9dcff!important;box-shadow:inset 3px 0 0 var(--dma-blue)!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header{background:rgba(33,33,33,.96)!important;border-color:var(--dma-line)!important}
html[data-hmp-theme="dark"] main>header h1,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hero h2,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-hero h2,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) td{color:var(--dma-ink)!important}
html[data-hmp-theme="dark"] main>header p{color:var(--dma-muted)!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) input,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) select,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) textarea{background:#2b2b2b!important;color:#f5f5f5!important;border-color:#4a4a4a!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .btn.alt,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) button.btn.alt{background:#303030!important;color:#ededed!important;border-color:#4a4a4a!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) th{border-color:#4a4a4a!important;color:#b8b8b8!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) td{border-color:var(--dma-line)!important;background:transparent!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) tbody tr:hover td{background:#292929!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .msg{background:#252d33!important;color:#b8d8ef!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .msg.ok{background:#202e27!important;color:#a9d7bc!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .msg.err{background:#342527!important;color:#ffc3c3!important}

@media(max-width:900px){
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) main,body.sidebar-collapsed:not(.dma-welcome-view):not(.dma-panel-tv-view) main{margin-left:0!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar,body.sidebar-collapsed:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar{width:276px!important;left:-290px!important;padding:12px!important;overflow-y:auto!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar.open{left:0!important}
 body.sidebar-collapsed #sidebar .brand>div,body.sidebar-collapsed #sidebar .hbb-site-lockup,body.sidebar-collapsed #sidebar .nav-cascade-toggle>span:nth-child(2),body.sidebar-collapsed #sidebar .nav-cascade-toggle>i,body.sidebar-collapsed #sidebar .nav-cascade-items>a>span:last-child,body.sidebar-collapsed #sidebar .sidebar-profile-copy,body.sidebar-collapsed #sidebar .sidebar-profile-card>i,body.sidebar-collapsed #sidebar .nav-logout>span:last-child,body.sidebar-collapsed #sidebar .sidebar-version-block{display:initial!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{padding:18px 16px 36px!important}
 .sidebar-collapse-btn{display:none!important}
}

/* DMA 5.4.0 — acabamento de navegação e carregamento discreto. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-display-tools{
  display:flex!important;align-items:center!important;gap:8px!important;margin:0 4px 8px!important;padding:0 0 8px!important;
  border-bottom:1px solid var(--dma-line)!important;background:transparent!important;box-shadow:none!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-display-tools>*{box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-weather-action{
  min-height:30px!important;margin:0!important;padding:4px 6px!important;border:0!important;border-radius:6px!important;
  background:transparent!important;color:var(--dma-muted)!important;box-shadow:none!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-weather-action:hover{background:var(--dma-hover)!important;color:var(--dma-ink)!important}
body.sidebar-collapsed #sidebar .sidebar-display-tools{display:none!important}

/* O indicador global não interrompe mais a leitura da tela. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .global-loading{
  inset:auto 20px 18px auto!important;width:auto!important;height:auto!important;padding:0!important;background:transparent!important;
  backdrop-filter:none!important;pointer-events:none!important;display:block!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .loading-card.dma-loading-brand{
  width:auto!important;min-width:0!important;margin:0!important;padding:8px 10px!important;display:flex!important;flex-direction:row!important;
  gap:8px!important;border:1px solid var(--dma-line)!important;border-radius:8px!important;background:var(--dma-surface)!important;
  color:var(--dma-muted)!important;box-shadow:0 8px 25px rgba(0,0,0,.10)!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-loading-brand>img{display:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-loading-pulse{gap:3px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-loading-pulse i{width:5px!important;height:5px!important;background:var(--dma-blue)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-loading-brand strong{margin:0!important;color:var(--dma-muted)!important;font-size:10px!important;letter-spacing:.06em!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .loading-card.dma-loading-brand{background:#2a2a2a!important;border-color:#454545!important}

@media(max-width:900px){
 body.sidebar-collapsed #sidebar .brand{justify-content:flex-start!important;border-bottom:1px solid var(--dma-line)!important}
 body.sidebar-collapsed #sidebar .nav-cascade-toggle,body.sidebar-collapsed #sidebar .nav-cascade-items>a,body.sidebar-collapsed #sidebar .sidebar-profile-card,body.sidebar-collapsed #sidebar .nav-logout{justify-content:flex-start!important;padding-inline:7px!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) .global-loading{right:12px!important;bottom:12px!important}
}

/* DMA 5.5 — navegação e tema inspirados na estrutura do ChatGPT.
   Proporções planas, ícones lineares e contraste consistente em todos os módulos. */
:root{--chat-side:#f9f9f9;--chat-main:#ffffff;--chat-line:#e5e5e5;--chat-hover:#ececec;--chat-text:#0d0d0d;--chat-muted:#6e6e80;--chat-accent:#0a73c9;--chat-accent-soft:#e8f3fc}
html,body{min-width:0!important;background:var(--chat-main)!important;color:var(--chat-text)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .shell{display:block!important;background:var(--chat-main)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar{
 width:264px!important;padding:10px 8px!important;background:var(--chat-side)!important;border:0!important;border-right:1px solid var(--chat-line)!important;
 box-shadow:none!important;isolation:isolate!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main{margin-left:264px!important;background:var(--chat-main)!important}
body.sidebar-collapsed:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar{width:68px!important;padding:10px 7px!important}
body.sidebar-collapsed:not(.dma-welcome-view):not(.dma-panel-tv-view) main{margin-left:68px!important}

/* Marca compacta: a lateral começa como a barra de trabalho do ChatGPT. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand{min-height:64px!important;margin:0 4px 5px!important;padding:8px 6px!important;align-items:center!important;border:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .dma-site-mark{width:38px!important;height:38px!important;min-width:38px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand b{font-size:14px!important;font-weight:700!important;letter-spacing:-.01em!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand span{font-size:9px!important;line-height:1.25!important;color:var(--chat-muted)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .hbb-site-lockup{display:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-clock{margin-left:auto!important;padding-right:20px!important;gap:0!important;text-align:right!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-clock b{font-size:14px!important;font-variant-numeric:tabular-nums!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-clock small{font-size:8px!important;color:var(--chat-muted)!important}
.sidebar-collapse-btn{right:2px!important;top:6px!important;width:26px!important;height:26px!important;border-radius:6px!important;font-size:19px!important}

/* Ferramentas e previsão deixam de competir visualmente com a navegação. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-display-tools{height:34px!important;margin:0 4px 5px!important;padding:0 4px!important;gap:2px!important;border:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .display-tool-btn{width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--chat-muted)!important;font-size:11px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .display-tool-btn:hover{background:var(--chat-hover)!important;color:var(--chat-text)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-weather-action{margin:0 4px 8px!important;padding:0!important;border:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .hmp-weather-box{width:100%!important;min-height:36px!important;padding:6px 7px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--chat-text)!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .hmp-weather-box:hover{background:var(--chat-hover)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .hmp-weather-copy b{font-size:11px!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .hmp-weather-copy small{font-size:8px!important;color:var(--chat-muted)!important}

/* Navegação chat-like: grupos discretos e destinos planos. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar #nav{margin:0!important;padding:0 4px 6px!important;gap:1px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-group{padding:0!important;margin:0 0 2px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-toggle{width:100%!important;height:35px!important;min-height:35px!important;padding:0 8px!important;gap:8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--chat-text)!important;font-size:12px!important;font-weight:600!important;text-align:left!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-toggle:hover{background:var(--chat-hover)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-toggle>i{margin-left:auto!important;font-size:13px!important;color:var(--chat-muted)!important;transition:transform .15s ease!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-group.open .nav-cascade-toggle>i{transform:rotate(180deg)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-group-icon,body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-ico{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:19px!important;height:19px!important;min-width:19px!important;flex-basis:19px!important;color:#52525b!important;background:transparent!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-group-icon svg,body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-ico svg{width:17px!important;height:17px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items{padding:1px 0 3px!important;margin:0!important;border:0!important;background:transparent!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a{display:flex!important;align-items:center!important;width:100%!important;height:34px!important;min-height:34px!important;margin:1px 0!important;padding:0 8px!important;gap:8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#3f3f46!important;font-size:12px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a:hover{background:var(--chat-hover)!important;color:var(--chat-text)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a.active{background:var(--chat-accent-soft)!important;color:#075e9f!important;box-shadow:none!important;font-weight:650!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a.active .nav-ico{color:var(--chat-accent)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-group.services{margin-top:8px!important;padding-top:8px!important;border-top:1px solid var(--chat-line)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-card{display:flex!important;align-items:center!important;min-height:54px!important;margin:8px 3px 3px!important;padding:7px!important;gap:9px!important;border:0!important;border-top:1px solid var(--chat-line)!important;border-radius:0!important;background:transparent!important;color:var(--chat-text)!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-card:hover{background:var(--chat-hover)!important;border-radius:7px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-avatar{width:31px!important;height:31px!important;flex-basis:31px!important;font-size:11px!important;background:#e5e5e5!important;color:#404040!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-copy b{font-size:11px!important;line-height:1.2!important;color:var(--chat-text)!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-copy small{font-size:9px!important;color:var(--chat-muted)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-bottom{margin:0 3px!important;padding:2px 0!important;border:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-logout{height:33px!important;min-height:33px!important;padding:0 8px!important;gap:8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#a12e2e!important;font-size:12px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-logout:hover{background:#fff0f0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-version-block{margin:3px 3px 0!important;padding:5px 6px!important;border-top:1px solid var(--chat-line)!important;background:transparent!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .system-version-btn{min-height:24px!important;padding:0!important;background:transparent!important;color:var(--chat-muted)!important;box-shadow:none!important;font-size:9px!important}

/* Área de trabalho: os módulos respiram sem bordas, sombras ou caixas gigantes. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header{height:52px!important;min-height:52px!important;padding:0 28px!important;background:var(--chat-main)!important;border:0!important;border-bottom:1px solid var(--chat-line)!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header h1{font-size:14px!important;font-weight:650!important;color:var(--chat-text)!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header p{font-size:10px!important;color:var(--chat-muted)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{max-width:1520px!important;margin:0 auto!important;padding:26px 32px 54px!important;background:transparent!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hero,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-hero{margin:0 0 20px!important;padding:0 0 17px!important;border-bottom:1px solid var(--chat-line)!important;background:transparent!important;color:var(--chat-text)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hero h2,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-hero h2{font-size:30px!important;font-weight:700!important;letter-spacing:-.035em!important;color:var(--chat-text)!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hero p,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-hero p{color:var(--chat-muted)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .box,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .panel,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .adm-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dashboard-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .os-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .plantao-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .prev-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .ger-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .report-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .admin-hub-card,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .employee-service-card{border:0!important;border-bottom:1px solid var(--chat-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .btn,body:not(.dma-welcome-view):not(.dma-panel-tv-view) button.btn{border-radius:7px!important;background:var(--chat-accent)!important;border-color:var(--chat-accent)!important;color:white!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .btn.alt,body:not(.dma-welcome-view):not(.dma-panel-tv-view) button.btn.alt{background:transparent!important;color:var(--chat-text)!important;border-color:#d4d4d4!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) input,body:not(.dma-welcome-view):not(.dma-panel-tv-view) select,body:not(.dma-welcome-view):not(.dma-panel-tv-view) textarea{background:transparent!important;border-color:#d4d4d4!important;color:var(--chat-text)!important;border-radius:7px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) table,body:not(.dma-welcome-view):not(.dma-panel-tv-view) .table-wrap{background:transparent!important;border-radius:0!important;box-shadow:none!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) th{background:transparent!important;color:var(--chat-muted)!important;border-bottom-color:#d4d4d4!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) td{background:transparent!important;color:var(--chat-text)!important;border-bottom-color:var(--chat-line)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) tbody tr:hover td{background:#fafafa!important}

/* Tema noturno: referência de contraste do ChatGPT, não uma inversão parcial. */
html[data-hmp-theme="dark"]{--chat-side:#171717;--chat-main:#212121;--chat-line:#343434;--chat-hover:#2c2c2c;--chat-text:#ececec;--chat-muted:#b4b4b4;--chat-accent:#2d8bce;--chat-accent-soft:#15394f}
html[data-hmp-theme="dark"] body,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .shell,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{background:var(--chat-main)!important;color:var(--chat-text)!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar{background:var(--chat-side)!important;border-right-color:#292929!important}
html[data-hmp-theme="dark"] #sidebar .brand b,html[data-hmp-theme="dark"] #sidebar .nav-cascade-toggle,html[data-hmp-theme="dark"] #sidebar .sidebar-profile-copy b{color:var(--chat-text)!important}
html[data-hmp-theme="dark"] #sidebar .brand span,html[data-hmp-theme="dark"] #sidebar .sidebar-clock small,html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a,html[data-hmp-theme="dark"] #sidebar .nav-group-icon,html[data-hmp-theme="dark"] #sidebar .nav-ico,html[data-hmp-theme="dark"] #sidebar .sidebar-profile-copy small{color:#b9b9b9!important}
html[data-hmp-theme="dark"] #sidebar .nav-cascade-toggle:hover,html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a:hover,html[data-hmp-theme="dark"] #sidebar .sidebar-profile-card:hover,html[data-hmp-theme="dark"] #sidebar .hmp-weather-box:hover{background:var(--chat-hover)!important;color:#fff!important}
html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a.active{background:var(--chat-accent-soft)!important;color:#d8efff!important}html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a.active .nav-ico{color:#6bc2fb!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header{background:var(--chat-main)!important;border-bottom-color:var(--chat-line)!important}html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header h1,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .hero h2,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .dma-public-hero h2,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) td{color:var(--chat-text)!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) input,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) select,html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) textarea{background:#2b2b2b!important;border-color:#4a4a4a!important;color:#ececec!important}html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .btn.alt{color:#ececec!important;border-color:#4a4a4a!important;background:transparent!important}html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) tbody tr:hover td{background:#292929!important}

@media(max-width:900px){
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar,body.sidebar-collapsed:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar{width:280px!important;left:-292px!important;padding:10px 8px!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar.open{left:0!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) main,body.sidebar-collapsed:not(.dma-welcome-view):not(.dma-panel-tv-view) main{margin-left:0!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{padding:18px 16px 38px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header{padding:0 16px 0 58px!important}
}

/* DMA 5.6 final — precedência sobre estilos legados. */
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar #nav,
html[data-hmp-theme="dark"] #sidebar .nav-cascade-group,
html[data-hmp-theme="dark"] #sidebar .nav-cascade-items,
html[data-hmp-theme="dark"] #sidebar .nav-cascade-bottom,
html[data-hmp-theme="dark"] #sidebar .sidebar-version-block{background:#171717!important}
html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a,
html[data-hmp-theme="dark"] #sidebar .nav-cascade-toggle,
html[data-hmp-theme="dark"] #sidebar .sidebar-profile-card,
html[data-hmp-theme="dark"] #sidebar .sidebar-weather-action,
html[data-hmp-theme="dark"] #sidebar .sidebar-display-tools{background:transparent!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :is(.dma-public-card,.users-create-form,.user-access-card,.user-module-picker,.user-module-check,.users-admin-summary>div,.far-card,.far-report-card,.far-event-card,.far-insight-card,.far-kpis>div,.insight-card,.chart-box,.hmp-auto-insights,.online-user-card,.online-module-card,.hmp-history-card,.ger-reading-card,.ger-history-card,.prev-chart-card,.consertos-summary>div,.metric-card,.kpi-card){background:#212121!important;color:#f2f2f2!important;border-color:#3a3a3a!important;box-shadow:none!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :is(.page-top,.far-topbar,.far-header,.far-breadcrumb,.hmp-page-head,.hmp-section-head,.dashboard-head){background:transparent!important;color:#f2f2f2!important;border-color:#3a3a3a!important;box-shadow:none!important}
.user-access-card{display:block!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--chat-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.user-access-card summary{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 18px!important;align-items:center!important;gap:10px!important;min-height:59px!important;padding:9px 4px!important;cursor:pointer!important;list-style:none!important}.user-access-card summary::-webkit-details-marker{display:none!important}.user-access-card summary:hover{background:var(--chat-hover)!important}.user-access-card[open] summary{border-bottom:1px solid var(--chat-line)!important}.user-access-details{padding:12px 4px 16px!important}.user-access-disclosure{font-style:normal!important;color:var(--chat-muted)!important;font-size:16px!important}.user-access-card[open] .user-access-disclosure{transform:rotate(180deg)!important}
.ewelink-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr))!important;gap:0!important;border-top:1px solid var(--chat-line)!important;border-left:1px solid var(--chat-line)!important}.far-card.ewelink-device{min-height:0!important;padding:10px!important;border:0!important;border-right:1px solid var(--chat-line)!important;border-bottom:1px solid var(--chat-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}.far-card.ewelink-device:hover{transform:none!important;box-shadow:none!important;background:var(--chat-hover)!important}.ewelink-device-head{min-height:27px!important}.ewelink-device-icon{width:27px!important;height:27px!important;border-radius:7px!important;font-size:13px!important}.ewelink-fav{width:27px!important;height:27px!important;border-radius:6px!important;background:transparent!important;font-size:15px!important}.ewelink-device-copy{gap:1px!important;margin:6px 0 4px!important}.ewelink-device-copy b{font-size:13px!important}.ewelink-device-copy span{font-size:11px!important}.ewelink-device .far-values{margin:5px 0!important;gap:12px!important}.ewelink-device .far-values strong{font-size:21px!important}.ewelink-device .far-values small,.ewelink-device-foot{font-size:10px!important}
html[data-hmp-theme="dark"] .far-card.ewelink-device,html[data-hmp-theme="dark"] .far-card.ewelink-device.offline,html[data-hmp-theme="dark"] .far-card.ewelink-device.sem_dados{background:#212121!important}html[data-hmp-theme="dark"] .far-card.ewelink-device:hover{background:#2a2a2a!important}html[data-hmp-theme="dark"] .ewelink-fav{background:transparent!important;color:#b7b7b7!important}html[data-hmp-theme="dark"] .ewelink-device-copy b,html[data-hmp-theme="dark"] .ewelink-device .far-values strong{color:#f2f2f2!important}
html[data-hmp-theme="dark"] body.dma-panel-tv-view,html[data-hmp-theme="dark"] .dma-tv-panel{background:#171717!important;color:#f2f2f2!important}html[data-hmp-theme="dark"] .dma-tv-overview>div,html[data-hmp-theme="dark"] .dma-tv-filters,html[data-hmp-theme="dark"] .dma-tv-table{background:#212121!important;border-color:#3a3a3a!important;box-shadow:none!important}html[data-hmp-theme="dark"] .dma-tv-table tbody tr,html[data-hmp-theme="dark"] .dma-tv-table tbody td{background:#212121!important;border-color:#353535!important}html[data-hmp-theme="dark"] .dma-tv-table tbody tr:nth-child(even),html[data-hmp-theme="dark"] .dma-tv-table tbody tr:nth-child(even) td{background:#252525!important}

/* DMA 5.7 — tema preto monocromático e ocupação integral. */
html[data-hmp-theme="dark"]{color-scheme:dark;--chat-side:#000;--chat-main:#000;--chat-line:#2f2f2f;--chat-hover:#202020;--chat-text:#f5f5f5;--chat-muted:#a7a7a7;--chat-accent:#444;--chat-accent-soft:#303030;--bg:#000;--page:#000;--card:#000;--surface:#000;--line:#2f2f2f;--muted:#a7a7a7;--dma-page:#000;--dma-surface:#000;--dma-line:#2f2f2f;--dma-hover:#202020;--dma-ink:#f5f5f5;--dma-muted:#a7a7a7;--dma-blue:#d0d0d0;--apple-bg:#000;--apple-surface:#000;--apple-text:#f5f5f5;--apple-muted:#a7a7a7;--apple-line:#2f2f2f;--far-bg:#000;--far-card:#000;--far-text:#f5f5f5;--far-muted:#a7a7a7;--far-line:#2f2f2f}
html[data-hmp-theme="dark"],html[data-hmp-theme="dark"] body,html[data-hmp-theme="dark"] body:not(.dma-welcome-view) .shell,html[data-hmp-theme="dark"] body:not(.dma-welcome-view) main,html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app,html[data-hmp-theme="dark"] body:not(.dma-welcome-view) main>header{background:#000!important;background-image:none!important;color:#f5f5f5!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :where(section,article,aside,header,footer,div,form,nav),html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #sidebar :where(section,article,header,footer,div,form,nav){background-color:transparent!important;background-image:none!important;box-shadow:none!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :where(.modal,.modal-card,.dma-edit-card,.hmp-history-card,.hmp-about-card,.version-modal-card,.weather-modal-card,.profile-card){background:#111!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(h1,h2,h3,h4,h5,h6,b,strong,label,legend,th,td){color:#f5f5f5!important}html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(p,small,.muted,.subtitle,.description){color:#a7a7a7!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(section,article,.card,.box,.panel,.table-wrap,.os-live-table,.ger-table-wrap,.far-card,.pa-map-fixed,.presence-map-shell,.geo-presence-shell){border-color:#2f2f2f!important;box-shadow:none!important}

/* Lateral: preto, texto branco e seleção cinza. */
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar,html[data-hmp-theme="dark"] #sidebar #nav,html[data-hmp-theme="dark"] #sidebar .nav-cascade-group,html[data-hmp-theme="dark"] #sidebar .nav-cascade-items,html[data-hmp-theme="dark"] #sidebar .nav-cascade-bottom,html[data-hmp-theme="dark"] #sidebar .sidebar-version-block{background:#000!important;background-image:none!important;border-color:#2f2f2f!important}
html[data-hmp-theme="dark"] #sidebar :where(.nav-cascade-toggle,.nav-cascade-items>a,.sidebar-profile-card,.nav-logout,.hmp-weather-box,.display-tool-btn,.system-version-btn){background:transparent!important;background-image:none!important;color:#d7d7d7!important;border-color:transparent!important;box-shadow:none!important}
html[data-hmp-theme="dark"] #sidebar :where(.nav-cascade-toggle,.nav-cascade-items>a,.sidebar-profile-card,.nav-logout,.hmp-weather-box,.display-tool-btn):hover{background:#202020!important;color:#fff!important}
html[data-hmp-theme="dark"] #sidebar .nav-cascade-items>a.active{background:#303030!important;color:#fff!important;border:0!important;box-shadow:none!important}
html[data-hmp-theme="dark"] #sidebar :where(.nav-ico,.nav-group-icon,.nav-ico svg,.nav-group-icon svg){color:#bdbdbd!important;background:transparent!important;background-image:none!important;border:0!important}
html[data-hmp-theme="dark"] #sidebar .sidebar-profile-avatar{background:#303030!important;color:#fff!important}html[data-hmp-theme="dark"] #sidebar .nav-logout{color:#d0d0d0!important}html[data-hmp-theme="dark"] #sidebar .nav-logout:hover{background:#202020!important;color:#fff!important}

/* Controles e estados sem cores no modo noturno. */
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(input,select,textarea,button,.btn,a.btn){background:#111!important;background-image:none!important;border:1px solid #353535!important;color:#f5f5f5!important;box-shadow:none!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(button,.btn,a.btn):hover{background:#292929!important;border-color:#505050!important;color:#fff!important;transform:none!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(.active,[aria-selected="true"],button.active,.btn.active){background:#303030!important;color:#fff!important;border-color:#4a4a4a!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) input[type="checkbox"],html[data-hmp-theme="dark"] body:not(.dma-welcome-view) input[type="radio"]{accent-color:#9b9b9b!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(.msg,.alert,.notice,.badge,[class*="status"],[class*="badge"],[class*="pill"]){background:#181818!important;background-image:none!important;border-color:#383838!important;color:#dedede!important;box-shadow:none!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(.msg,.alert,.notice,.badge,[class*="status"],[class*="badge"],[class*="pill"]) :where(span,b,strong,small){color:inherit!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where([class*="progress"],[class*="bar"],canvas,img:not(.dma-site-mark)){filter:grayscale(1)!important}

/* Tabelas sempre ocupam a largura sem área branca residual. */
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(.table-wrap,.os-live-table,.ger-table-wrap,.cons-panel-table,.prev-table,.dma-tv-table){width:100%!important;max-width:none!important;background:#000!important;border-radius:0!important;overflow:auto!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) :where(table,thead,tbody,tr,th,td){background:#000!important;background-image:none!important;border-color:#292929!important;box-shadow:none!important}html[data-hmp-theme="dark"] body:not(.dma-welcome-view) tbody tr:hover :where(td,th){background:#181818!important}

/* Densidade geral e uso integral da área de trabalho. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{max-width:none!important;width:100%!important;margin:0!important;padding:14px 22px 32px!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header{height:44px!important;min-height:44px!important;padding:0 22px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app>*,body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.os-admin,.prev-admin,.ger-admin,.far-admin,.plantao-admin-shell,.ativ-admin,.users-admin-page,.online-page){gap:8px!important;max-width:none!important;width:100%!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.hero,.dma-public-hero,.pa-head,.far-head,.ativ-head,.users-admin-head,.online-head,.cons-panel-head){margin:0 0 8px!important;padding:0 0 10px!important;min-height:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app h2{font-size:clamp(23px,2vw,30px)!important;line-height:1.12!important;margin-top:0!important;margin-bottom:3px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-filterbar,.ativ-filterbar,.pa-toolbar,.os-filters,.prev-filters,.cons-filters,.users-tools,.access-filter){padding:6px!important;gap:6px!important;margin:6px 0!important;border-radius:7px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(input,select,textarea,button,.btn){min-height:34px!important;border-radius:6px!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-tabs,.pa-tabs,.apple-tabs,.tabs){min-height:36px!important;margin:5px 0!important;padding:0!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-tabs,.pa-tabs,.apple-tabs,.tabs)>button{min-height:35px!important;padding:0 12px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-kpis,.prev-kpis,.far-kpis,.ativ-kpis,.cons-panel-kpis,.dma-exec-kpis){gap:0!important;margin:5px 0!important}body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-kpis,.prev-kpis,.far-kpis,.ativ-kpis,.cons-panel-kpis,.dma-exec-kpis)>*{min-height:0!important;padding:8px 10px!important;border-radius:0!important;border-width:0 1px 1px 0!important}

/* Mapas reduzidos, discretos e monocromáticos. */
.pa-map-fixed{margin:6px 0!important;padding:8px!important;border-radius:7px!important}.pa-map-fixed .pa-map-head{margin:0!important}.pa-map-fixed .pa-map-head p{margin:0 0 6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.pa-equipe-map{height:220px!important;border-radius:5px!important}.geo-presence-shell,.presence-map-shell{margin:6px 0!important;padding:8px!important;border-radius:7px!important}.geo-presence-map{height:250px!important;border-radius:5px!important}.presence-zone{min-height:96px!important;padding:8px!important;border-radius:6px!important}.online-overview-grid{gap:8px!important;grid-template-columns:minmax(280px,34%) minmax(0,1fr)!important}
html[data-hmp-theme="dark"] :where(.leaflet-container,.pa-equipe-map,.geo-presence-map){filter:grayscale(1) brightness(.58) contrast(1.12)!important;background:#111!important}html[data-hmp-theme="dark"] :where(.leaflet-control,.leaflet-tooltip,.leaflet-popup-content-wrapper,.leaflet-popup-tip){background:#111!important;background-image:none!important;color:#fff!important;border-color:#444!important;box-shadow:none!important}

/* Cartões funcionais passam a ser linhas compactas. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-access-card,.online-user-card,.ativ-func-card,.admin-hub-card,.employee-service-card,.dma-public-card){min-height:0!important;padding:9px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--chat-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.users-admin-grid,.online-list{gap:0!important}.user-access-card summary{min-height:52px!important;padding:6px 3px!important}.user-access-details{padding:9px 3px 12px!important}.ewelink-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}.far-card.ewelink-device{padding:8px!important}.ewelink-device-copy{margin:4px 0 2px!important}.ewelink-device .far-values{margin:3px 0!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :where(.ok,.info,.err,.warning,.danger,.critical,.urgent,.high,.normal,.atencao,.alarme,.offline,.pendente,.aprovado,.ativo,.inativo){background-color:transparent!important;background-image:none!important;border-color:#383838!important;color:#dcdcdc!important}html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :where(.ok,.info,.err,.warning,.danger,.critical,.urgent,.high,.normal,.atencao,.alarme,.offline,.pendente,.aprovado,.ativo,.inativo) :where(span,b,strong,small,em){color:inherit!important}
html[data-hmp-theme="dark"] .global-loading .loading-card{background:#111!important;border-color:#383838!important;color:#fff!important}
@media(max-width:900px){body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{padding:12px 13px 28px!important}.online-overview-grid{grid-template-columns:1fr!important}.pa-equipe-map,.geo-presence-map{height:210px!important}}

/* DMA 5.8 — padrão visual CMMS para as áreas internas.
   O menu lateral permanece intocado; a padronização começa dentro de #app. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  --work-bg:#f6f8fb;--work-panel:#fff;--work-line:#dde3ea;--work-line-strong:#cbd4df;
  --work-text:#17212f;--work-muted:#677386;--work-accent:#1677d2;--work-soft:#edf5fd;
  font-size:14px!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main{background:var(--work-bg,#f6f8fb)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app>div{max-width:none!important;width:100%!important}

/* Cabeçalho de cada módulo. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-head,.graf-head,.pa-head,.far-head,.cons-head,.ativ-head,.users-admin-head,.online-head,.notify-head,.admin-hub-head,.cons-panel-head){
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;
  min-height:72px!important;margin:0!important;padding:8px 4px 14px!important;border:0!important;border-bottom:1px solid var(--work-line)!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-head,.graf-head,.pa-head,.far-head,.cons-head,.ativ-head,.users-admin-head,.online-head,.notify-head,.admin-hub-head,.cons-panel-head) h2{
  margin:2px 0 3px!important;font-size:clamp(24px,2vw,31px)!important;line-height:1.08!important;letter-spacing:-.035em!important;color:var(--work-text)!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-head,.graf-head,.pa-head,.far-head,.cons-head,.ativ-head,.users-admin-head,.online-head,.notify-head,.admin-hub-head,.cons-panel-head) p{margin:0!important;color:var(--work-muted)!important;font-size:13px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.profile-eyebrow,.graf-eyebrow,.dashboard-head>div>span,.admin-hub-head>span){color:var(--work-accent)!important;font-size:10px!important;font-weight:750!important;letter-spacing:.09em!important}

/* Faixa única de filtros e ações. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-filter,.graf-filterbar,.graf-context-filters,.far-filterbar,.cons-filterbar,.ativ-filterbar,.pa-toolbar,.users-tools,.access-filter,.os-filterbar,.prev-filterbar,.ger-filterbar,.hmp-history-filter){
  display:grid!important;align-items:end!important;gap:7px!important;margin:10px 0!important;padding:8px!important;
  border:1px solid var(--work-line)!important;border-radius:8px!important;background:var(--work-panel)!important;box-shadow:none!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.far-filterbar,.cons-filterbar){grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(220px,1.25fr) auto!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(input,select,textarea){min-height:38px!important;padding:7px 11px!important;border:1px solid var(--work-line-strong)!important;border-radius:6px!important;background:var(--work-panel)!important;color:var(--work-text)!important;font-size:13px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(input,select,textarea):focus{border-color:var(--work-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--work-accent) 14%,transparent)!important;outline:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(button,.btn){min-height:38px!important;padding:0 13px!important;border-radius:6px!important;font-size:13px!important;box-shadow:none!important}

/* Abas iguais em todos os módulos. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-tabs,.graf-tabs,.far-tabs,.cons-tabs,.pa-tabs,.apple-tabs,.tabs-operacional){
  display:flex!important;align-items:center!important;gap:2px!important;min-height:43px!important;margin:8px 0!important;padding:0 4px!important;
  border:0!important;border-bottom:1px solid var(--work-line)!important;background:transparent!important;overflow:auto!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-tabs,.graf-tabs,.far-tabs,.cons-tabs,.pa-tabs,.apple-tabs,.tabs-operacional)>button{
  position:relative!important;min-height:42px!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--work-muted)!important;font-weight:650!important;white-space:nowrap!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-tabs,.graf-tabs,.far-tabs,.cons-tabs,.pa-tabs,.apple-tabs,.tabs-operacional)>button:is(.active,.ativo){color:var(--work-accent)!important;background:transparent!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-tabs,.graf-tabs,.far-tabs,.cons-tabs,.pa-tabs,.apple-tabs,.tabs-operacional)>button:is(.active,.ativo):after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--work-accent);border-radius:2px 2px 0 0}

/* Indicadores: faixa compacta acima das visualizações. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis){
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;gap:0!important;margin:9px 0!important;
  border:1px solid var(--work-line)!important;border-radius:8px!important;background:var(--work-panel)!important;overflow:hidden!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis)>*{
  min-height:64px!important;padding:10px 12px!important;border:0!important;border-right:1px solid var(--work-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis)>*:last-child{border-right:0!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis) span{display:block!important;color:var(--work-muted)!important;font-size:11px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis) strong{display:block!important;margin-top:4px!important;color:var(--work-text)!important;font-size:21px!important;line-height:1!important}

/* Gráficos e relatórios: grade regular como a referência enviada. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-chart-grid,.modern-viz-grid,.graf-chart-grid,.graf-history-grid,.far-chart-grid,.far-insight-extra,.dma-exec-analysis){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:10px 0!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-panel,.bi-chart-panel,.modern-viz-card,.graf-chart-card,.chart-box,.far-chart-card,.hmp-auto-insights,.dma-exec-analysis>article){
  min-width:0!important;min-height:230px!important;margin:0!important;padding:13px!important;border:1px solid var(--work-line)!important;
  border-radius:8px!important;background:var(--work-panel)!important;box-shadow:none!important;overflow:hidden!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-panel-head,.modern-viz-head,.graf-chart-head,.hmp-auto-head){
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important;padding:0 0 9px!important;border-bottom:1px solid var(--work-line)!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-panel-head,.modern-viz-head,.graf-chart-head,.hmp-auto-head) :is(h3,h4){margin:0!important;color:var(--work-text)!important;font-size:15px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-panel-head,.modern-viz-head,.graf-chart-head,.hmp-auto-head) :is(span,p){margin:3px 0 0!important;color:var(--work-muted)!important;font-size:11px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(svg,canvas){max-width:100%!important}

/* Tabelas operacionais padronizadas. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.table-wrap,.os-live-table,.ger-table-wrap,.cons-table-wrap,.cons-panel-table,.prev-table){
  width:100%!important;margin:9px 0!important;border:1px solid var(--work-line)!important;border-radius:8px!important;background:var(--work-panel)!important;overflow:auto!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app table{width:100%!important;border-collapse:collapse!important;background:var(--work-panel)!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app th{height:38px!important;padding:8px 10px!important;background:#f1f4f7!important;color:#566276!important;font-size:11px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.025em!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app td{padding:9px 10px!important;border-bottom:1px solid var(--work-line)!important;color:var(--work-text)!important;font-size:12px!important;vertical-align:middle!important}

/* Mapas compartilham a mesma estrutura, proporção e cabeçalho. */
.pa-workspace{display:grid!important;grid-template-columns:minmax(190px,240px) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
.pa-map-fixed,.geo-presence-shell,.presence-map-shell{margin:0!important;padding:12px!important;border:1px solid var(--work-line)!important;border-radius:8px!important;background:var(--work-panel)!important;box-shadow:none!important}
.pa-map-head,.presence-map-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-height:53px!important;margin:0 0 9px!important;padding:0 0 8px!important;border-bottom:1px solid var(--work-line)!important}
.pa-map-head h3,.presence-map-head h3{margin:2px 0!important;font-size:16px!important;color:var(--work-text)!important}.pa-map-head p,.presence-map-head p{margin:0!important;color:var(--work-muted)!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.pa-map-head>div,.presence-map-head>div{min-width:0!important}
.pa-equipe-map,.geo-presence-map{height:230px!important;border:1px solid var(--work-line)!important;border-radius:6px!important;overflow:hidden!important}.online-overview-grid{display:grid!important;grid-template-columns:minmax(300px,34%) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}.presence-module-row{min-height:34px!important}

/* Modo noturno mantém a regra preta/ branca/ cinza já aprovada. */
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{--work-bg:#000;--work-panel:#000;--work-line:#303030;--work-line-strong:#414141;--work-text:#f3f3f3;--work-muted:#a8a8a8;--work-accent:#d3d3d3;--work-soft:#202020}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main{background:#000!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-filter,.graf-filterbar,.graf-context-filters,.far-filterbar,.cons-filterbar,.ativ-filterbar,.pa-toolbar,.users-tools,.access-filter,.os-filterbar,.prev-filterbar,.ger-filterbar,.hmp-history-filter,.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,.dash-panel,.bi-chart-panel,.modern-viz-card,.graf-chart-card,.chart-box,.far-chart-card,.hmp-auto-insights,.dma-exec-analysis>article,.table-wrap,.os-live-table,.ger-table-wrap,.cons-table-wrap,.cons-panel-table,.prev-table,.pa-map-fixed,.geo-presence-shell,.presence-map-shell){background:#000!important;border-color:#303030!important;box-shadow:none!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app th{background:#151515!important;color:#bdbdbd!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-tabs,.graf-tabs,.far-tabs,.cons-tabs,.pa-tabs,.apple-tabs,.tabs-operacional)>button:is(.active,.ativo){color:#fff!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-tabs,.graf-tabs,.far-tabs,.cons-tabs,.pa-tabs,.apple-tabs,.tabs-operacional)>button:is(.active,.ativo):after{background:#bdbdbd!important}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(svg,canvas){filter:grayscale(1)!important}

@media(max-width:1050px){
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.far-filterbar,.cons-filterbar){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .online-overview-grid{grid-template-columns:1fr!important}.pa-workspace{grid-template-columns:1fr!important}.pa-summary-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:720px){
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-head,.graf-head,.pa-head,.far-head,.cons-head,.ativ-head,.users-admin-head,.online-head,.notify-head,.admin-hub-head,.cons-panel-head){align-items:flex-start!important;flex-direction:column!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.bi-chart-grid,.modern-viz-grid,.graf-chart-grid,.graf-history-grid,.far-chart-grid,.far-insight-extra,.dma-exec-analysis){grid-template-columns:1fr!important}
 body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.far-filterbar,.cons-filterbar){grid-template-columns:1fr!important}.pa-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* DMA 6.0.2 — motion layer refinada: movimento finito, azul mais vivo e geradores sem falso vazio. */
body:not(.dma-welcome-view) #app{view-transition-name:dma-app}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-head,.graf-head,.pa-head,.far-head,.cons-head,.ativ-head,.users-admin-head,.online-head,.notify-head,.admin-hub-head,.cons-panel-head,.os-head,.prev-head,.ger-head,.rel-head){
  animation:dmaPageRise .42s cubic-bezier(.2,.8,.2,1) both
}
.dma-motion-item{
  animation:dmaItemIn .46s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:var(--dma-delay,0ms)
}
body:not(.dma-welcome-view) #app :is(tbody tr,.far-card,.user-access-card,.online-user-card,.ativ-func-card,.employee-service-card,.admin-hub-card){
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease
}
body:not(.dma-welcome-view) #app :is(tbody tr,.far-card,.user-access-card,.online-user-card,.ativ-func-card,.employee-service-card,.admin-hub-card):hover{
  transform:translateY(-1px)
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :is(tbody tr,.far-card,.user-access-card,.online-user-card,.ativ-func-card,.employee-service-card,.admin-hub-card):hover{
  background:#171717!important
}
body:not(.dma-welcome-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis)>*{
  position:relative!important;
  overflow:hidden!important
}
body:not(.dma-welcome-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis)>*:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--work-accent,#1677d2);
  opacity:.75;
  transform:scaleY(.3);
  transform-origin:bottom;
  animation:dmaMetricPulse 1.15s ease-out 1 both
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis)>*:before{
  background:#2f9bff!important
}
.dma-live-status{
  position:relative;
  overflow:hidden
}
.dma-live-status:after{
  content:"";
  position:absolute;
  inset:0;
  width:38%;
  transform:translateX(-130%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:dmaStatusSweep 1.45s ease-out 1;
  pointer-events:none
}
html[data-hmp-theme="dark"] .dma-live-status:after{background:linear-gradient(90deg,transparent,rgba(47,155,255,.22),transparent)}
.dma-skeleton-list{display:grid;gap:8px;padding:8px}
.dma-skeleton-row{
  display:grid;
  grid-template-columns:42px minmax(180px,1fr) minmax(80px,18%);
  gap:10px;
  align-items:center;
  min-height:42px;
  opacity:0;
  animation:dmaItemIn .38s ease both;
  animation-delay:var(--dma-delay,0ms)
}
.dma-skeleton-row>*{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#e8eef4,#f8fafc,#e8eef4);
  background-size:220% 100%;
  animation:dmaSkeleton 1.05s ease-in-out infinite
}
.dma-skeleton-row i{height:30px;border-radius:9px}
.dma-skeleton-row b{height:18px}
html[data-hmp-theme="dark"] .dma-skeleton-row>*{background:linear-gradient(90deg,#151515,#2a2a2a,#151515);background-size:220% 100%}
.graf-line-anim{
  stroke-dasharray:1600;
  stroke-dashoffset:1600;
  animation:dmaDrawLine 1.15s cubic-bezier(.2,.8,.2,1) forwards
}
.graf-area-anim{
  opacity:0;
  animation:dmaAreaIn .9s ease .32s forwards
}
.graf-point circle{
  transform-box:fill-box;
  transform-origin:center;
  animation:dmaPointPop .45s ease both;
  animation-delay:.75s
}
.graf-bars .graf-bar-row u,.prev-bars .prev-bar i{
  transform-origin:left center;
  transform:scaleX(0);
  animation:dmaGrowBar .75s cubic-bezier(.2,.8,.2,1) forwards
}
.graf-donut,.graf-radial-ring{
  animation:dmaSoftSpinIn .8s cubic-bezier(.2,.8,.2,1) both
}
.graf-heat>div{
  animation:dmaHeatIn .36s ease both;
  animation-delay:calc(var(--p,0) * 120ms)
}
body:not(.dma-welcome-view) #app :is(.pa-equipe-map,.geo-presence-map,.leaflet-container){
  transition:filter .25s ease,opacity .25s ease;
  animation:dmaMapReveal .55s ease both
}
.global-loading:not(.hidden) .loading-card.dma-loading-brand{
  animation:dmaLoadingCard .42s cubic-bezier(.2,.8,.2,1) both
}
.global-loading:not(.hidden) .dma-loading-brand strong:after{
  content:"";
  display:block;
  height:3px;
  margin-top:9px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--work-accent,#1677d2),transparent);
  animation:dmaLoadingScan 1s ease-in-out infinite
}
html[data-hmp-theme="dark"] .global-loading:not(.hidden) .dma-loading-brand strong:after{background:linear-gradient(90deg,transparent,#2f9bff,transparent)}
@keyframes dmaPageRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes dmaItemIn{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}
@keyframes dmaMetricPulse{0%,100%{transform:scaleY(.32);opacity:.35}45%{transform:scaleY(1);opacity:.85}}
@keyframes dmaStatusSweep{0%{transform:translateX(-130%)}55%,100%{transform:translateX(290%)}}
@keyframes dmaSkeleton{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes dmaDrawLine{to{stroke-dashoffset:0}}
@keyframes dmaAreaIn{to{opacity:1}}
@keyframes dmaPointPop{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes dmaGrowBar{to{transform:scaleX(1)}}
@keyframes dmaSoftSpinIn{from{opacity:0;transform:scale(.92) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes dmaHeatIn{from{opacity:0;transform:scale(.84)}to{opacity:1;transform:none}}
@keyframes dmaMapReveal{from{opacity:.45;filter:grayscale(1) blur(2px)}to{opacity:1}}
@keyframes dmaLoadingCard{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes dmaLoadingScan{0%{transform:translateX(-40%);opacity:.35}50%{opacity:1}100%{transform:translateX(40%);opacity:.35}}
@media(prefers-reduced-motion:reduce){
  .dma-motion-item,.dma-live-status:after,.dma-skeleton-row,.dma-skeleton-row>*,.graf-line-anim,.graf-area-anim,.graf-point circle,.graf-bars .graf-bar-row u,.prev-bars .prev-bar i,.graf-donut,.graf-radial-ring,.graf-heat>div,.global-loading:not(.hidden) .loading-card.dma-loading-brand,.global-loading:not(.hidden) .dma-loading-brand strong:after{
    animation:none!important
  }
}

/* Ajuste visual solicitado: lateral mais legivel, marca menos embolada e painéis mais limpos. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .dma-site-mark{
  width:46px!important;
  height:46px!important;
  min-width:46px!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand b{
  font-size:13px!important;
  line-height:1.02!important;
  max-width:102px!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .brand span{
  font-size:8px!important;
  line-height:1.15!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-clock{
  min-width:52px!important;
  margin-left:4px!important;
  padding-right:0!important;
  text-align:right!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-clock b{
  display:block!important;
  font-size:15px!important;
  line-height:1!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-clock small{
  display:block!important;
  margin-top:2px!important;
  font-size:7px!important;
  white-space:nowrap!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-toggle{
  font-size:13px!important;
  min-height:37px!important;
  height:37px!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .nav-cascade-items>a{
  font-size:12.8px!important;
  min-height:36px!important;
  height:36px!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-copy b{font-size:12px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #sidebar .sidebar-profile-copy small{font-size:9.5px!important}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  --work-accent:#1388ff;
  --work-soft:#eaf5ff
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.ger-situacao-grid,.ger-chart-grid,.prev-chart-grid,.far-grid,.ativ-func-card,.pa-workspace,.online-overview-grid){
  gap:6px!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.ger-situacao-card,.ger-chart-grid>section,.prev-chart-grid>section,.far-card.ewelink-device,.ativ-func-card,.plantao-card,.employee-service-card){
  min-height:0!important;
  border-radius:7px!important;
  border-color:var(--work-line)!important;
  background:color-mix(in srgb,var(--work-panel) 92%,var(--work-soft) 8%)!important;
  box-shadow:none!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.ger-situacao-card,.far-card.ewelink-device){padding:9px!important}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .ger-situacao-grid{
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .ger-card-data,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .ger-fuel-grid{
  gap:4px!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .ger-fuel-box{
  padding:7px!important;
  border-radius:6px!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .ger-fuel-track i,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .ger-bar i,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .prev-bar i,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .graf-bar-row u{
  background:linear-gradient(90deg,#127dff,#36b8ff)!important;
  box-shadow:0 0 16px rgba(18,125,255,.22)!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .ger-svg-line{
  stroke:#1388ff!important;
  filter:drop-shadow(0 0 8px rgba(19,136,255,.22))
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .ger-svg-point{
  fill:#fff!important;
  stroke:#1388ff!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.ger-bar,.prev-bar,.graf-bar-row){
  transition:transform .16s ease,background-color .16s ease!important
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.ger-bar,.prev-bar):hover{
  transform:translateX(2px)!important;
  background:color-mix(in srgb,var(--work-soft) 55%,transparent)!important
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  --work-accent:#2f9bff;
  --work-soft:#071727
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.ger-situacao-card,.ger-chart-grid>section,.prev-chart-grid>section,.far-card.ewelink-device,.ativ-func-card,.plantao-card,.employee-service-card){
  background:#060606!important;
  border-color:#242424!important
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.ger-situacao-card,.ger-chart-grid>section,.prev-chart-grid>section,.far-card.ewelink-device,.ativ-func-card,.plantao-card,.employee-service-card):hover{
  background:#101010!important;
  border-color:#2f9bff!important
}

/* DMA 6.0.2 — remodelagem Horus BI: telas internas densas, sem card pesado. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main{
  background:#f5f8fc!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  --dma60-bg:#f5f8fc;
  --dma60-panel:#ffffff;
  --dma60-soft:#eef6ff;
  --dma60-soft-2:#f8fbff;
  --dma60-line:#d7e1ec;
  --dma60-line-strong:#b9cadc;
  --dma60-text:#16202d;
  --dma60-muted:#667587;
  --dma60-blue:#0a84ff;
  --dma60-blue-2:#38bdf8;
  --dma60-green:#15935f;
  --dma60-amber:#d68100;
  --dma60-red:#d12f3c;
  max-width:1680px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:18px 22px 34px!important;
  color:var(--dma60-text)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app > *{
  max-width:none!important;
  width:100%!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-head,.graf-head,.pa-head,.far-head,.cons-head,.ativ-head,.users-admin-head,.online-head,.notify-head,.admin-hub-head,.cons-panel-head,.os-head,.prev-head,.ger-head,.rel-head){
  margin:0 0 10px!important;
  padding:8px 0 12px!important;
  border:0!important;
  border-bottom:1px solid var(--dma60-line-strong)!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(h1,.page-title){
  font-size:clamp(24px,2vw,34px)!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  color:var(--dma60-text)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(h2,h3){
  letter-spacing:0!important;
  color:var(--dma60-text)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(p,small,span,label,td,th,select,input,button){
  letter-spacing:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-kicker,.graf-kicker,.rel-kicker,.admin-kicker,.pa-kicker,.far-kicker,.cons-kicker,.prev-kicker,.ger-kicker,.online-kicker,.users-kicker){
  color:var(--dma60-muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.filters,.filter-row,.os-filters,.prev-filters,.ger-filters,.far-filterbar,.cons-filterbar,.graf-filterbar,.rel-filterbar,.ativ-filterbar,.users-admin-filters,.online-filters,.pa-filters){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:6px!important;
  margin:8px 0!important;
  padding:6px!important;
  border:1px solid var(--dma60-line)!important;
  border-radius:0!important;
  background:var(--dma60-soft-2)!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(input,select,textarea){
  min-height:36px!important;
  border:1px solid var(--dma60-line-strong)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:var(--dma60-text)!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(button,.btn,.tab,.pill){
  min-height:34px!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.tabs,.os-tabs,.prev-tabs,.ger-tabs,.far-tabs,.graf-tabs,.pa-tabs,.admin-tabs){
  margin:8px 0 0!important;
  padding:0!important;
  gap:18px!important;
  border-bottom:1px solid var(--dma60-line)!important;
  background:transparent!important;
  border-radius:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.tabs button,.os-tabs button,.prev-tabs button,.ger-tabs button,.far-tabs button,.graf-tabs button,.pa-tabs button,.admin-tabs button){
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  color:var(--dma60-muted)!important;
  padding:7px 0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.tabs button.active,.os-tabs button.active,.prev-tabs button.active,.ger-tabs button.active,.far-tabs button.active,.graf-tabs button.active,.pa-tabs button.active,.admin-tabs button.active){
  border-bottom-color:var(--dma60-blue)!important;
  color:var(--dma60-blue)!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,#dmaTvOverview){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:0!important;
  margin:6px 0!important;
  border:1px solid var(--dma60-line)!important;
  border-left:3px solid var(--dma60-blue)!important;
  border-radius:0!important;
  background:var(--dma60-panel)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,#dmaTvOverview)>*{
  min-height:54px!important;
  padding:8px 12px!important;
  border:0!important;
  border-right:1px solid var(--dma60-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,#dmaTvOverview)>*:before{
  display:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,#dmaTvOverview) span{
  color:var(--dma60-muted)!important;
  font-size:11px!important;
  font-weight:700!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,#dmaTvOverview) strong,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,#dmaTvOverview) b{
  color:var(--dma60-text)!important;
  font-size:22px!important;
  line-height:1.05!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-card,.admin-hub-card,.bi-chart-panel,.modern-viz-card,.graf-chart-card,.graf-card,.rel-panel,.pa-map-fixed,.presence-map-shell,.geo-presence-shell,.ger-situacao-card,.ger-chart-grid>section,.prev-chart-grid>section,.far-insight-card,.far-chart-card,.hmp-hist-table,.hmp-hist-grid>section,.cons-panel,.cons-table-wrap,.os-live-table,.user-access-card,.online-user-card,.ativ-func-card,.employee-service-card,.plantao-card){
  border:1px solid var(--dma60-line)!important;
  border-radius:0!important;
  background:var(--dma60-panel)!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-card,.admin-hub-card,.bi-chart-panel,.modern-viz-card,.graf-chart-card,.graf-card,.rel-panel,.pa-map-fixed,.presence-map-shell,.geo-presence-shell,.ger-chart-grid>section,.prev-chart-grid>section,.far-chart-card,.hmp-hist-grid>section){
  padding:12px!important;
  border-top:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-card,.admin-hub-card,.modern-viz-card,.graf-chart-card,.graf-card):hover{
  border-color:var(--dma60-blue)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.graf-chart-grid,.modern-viz-grid,.bi-chart-grid,.prev-chart-grid,.ger-chart-grid,.far-chart-grid,.far-insight-extra,.dma-exec-analysis){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;
  gap:8px!important;
  margin:8px 0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(svg,.graf-svg,.prev-svg,.ger-svg){
  max-height:260px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.pa-equipe-map,.geo-presence-map,.leaflet-container){
  min-height:220px!important;
  height:clamp(220px,28vh,340px)!important;
  border-radius:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.pa-workspace,.online-overview-grid,.geo-presence-grid){
  grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;
  gap:8px!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.table-wrap,.os-table-wrap,.cons-table-wrap,.hmp-table-wrap,.rel-table-wrap,.far-table-wrap){
  border:1px solid var(--dma60-line)!important;
  border-radius:0!important;
  background:var(--dma60-panel)!important;
  box-shadow:none!important;
  overflow:auto!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app table{
  width:100%!important;
  border-collapse:collapse!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app thead th{
  position:sticky!important;
  top:0!important;
  z-index:1!important;
  padding:8px 10px!important;
  border-bottom:1px solid var(--dma60-line-strong)!important;
  background:var(--dma60-soft-2)!important;
  color:var(--dma60-muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody td{
  padding:8px 10px!important;
  border-bottom:1px solid var(--dma60-line)!important;
  color:var(--dma60-text)!important;
  vertical-align:middle!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody tr{
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody tr:hover{
  background:var(--dma60-soft)!important;
  transform:none!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .far-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--dma60-line)!important;
  border-left:1px solid var(--dma60-line)!important;
  margin-top:8px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .far-card.ewelink-device{
  min-height:118px!important;
  padding:8px!important;
  border:0!important;
  border-right:1px solid var(--dma60-line)!important;
  border-bottom:1px solid var(--dma60-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .far-card.ewelink-device h3{
  font-size:13px!important;
  margin:4px 0 2px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .far-card.ewelink-device .far-values{
  margin-top:6px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .far-card.ewelink-device .far-values b{
  font-size:23px!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .users-admin-list{
  display:grid!important;
  gap:0!important;
  border-top:1px solid var(--dma60-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .user-access-card{
  margin:0!important;
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--dma60-line)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .user-permissions-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:4px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .user-permission-toggle{
  min-height:42px!important;
  padding:6px 10px!important;
  border-radius:0!important;
  background:var(--dma60-soft-2)!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.msg,.alert,.far-all-ok,.hmp-status-strip,.status-line){
  border-radius:0!important;
  box-shadow:none!important;
}
.dma-live-status:after{
  display:none!important;
}
.dma-motion-item{
  animation:dma60Enter .32s cubic-bezier(.2,.8,.2,1) 1 both!important;
  animation-delay:var(--dma-delay,0ms)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.graf-line-anim,.ger-svg-line){
  animation:dma60Draw .95s ease-out 1 forwards!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.graf-bars .graf-bar-row u,.prev-bars .prev-bar i,.ger-bar i,.ger-fuel-track i){
  animation:dma60Grow .7s ease-out 1 forwards!important;
}
@keyframes dma60Enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes dma60Draw{to{stroke-dashoffset:0}}
@keyframes dma60Grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main{
  background:#000!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  --dma60-bg:#000;
  --dma60-panel:#050505;
  --dma60-soft:#101010;
  --dma60-soft-2:#090909;
  --dma60-line:#232323;
  --dma60-line-strong:#333333;
  --dma60-text:#f4f4f5;
  --dma60-muted:#a3a3a3;
  --dma60-blue:#2f9bff;
  --dma60-blue-2:#60a5fa;
  background:#000!important;
  color:#f4f4f5!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-head,.graf-head,.pa-head,.far-head,.cons-head,.ativ-head,.users-admin-head,.online-head,.notify-head,.admin-hub-head,.cons-panel-head,.os-head,.prev-head,.ger-head,.rel-head){
  background:#000!important;
  border-bottom-color:#333!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.filters,.filter-row,.os-filters,.prev-filters,.ger-filters,.far-filterbar,.cons-filterbar,.graf-filterbar,.rel-filterbar,.ativ-filterbar,.users-admin-filters,.online-filters,.pa-filters),
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,.graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,#dmaTvOverview),
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.dashboard-card,.admin-hub-card,.bi-chart-panel,.modern-viz-card,.graf-chart-card,.graf-card,.rel-panel,.pa-map-fixed,.presence-map-shell,.geo-presence-shell,.ger-situacao-card,.ger-chart-grid>section,.prev-chart-grid>section,.far-insight-card,.far-chart-card,.hmp-hist-table,.hmp-hist-grid>section,.cons-panel,.cons-table-wrap,.os-live-table,.user-access-card,.online-user-card,.ativ-func-card,.employee-service-card,.plantao-card,.table-wrap,.os-table-wrap,.hmp-table-wrap,.rel-table-wrap,.far-table-wrap){
  background:#050505!important;
  border-color:#232323!important;
  color:#f4f4f5!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(input,select,textarea){
  background:#090909!important;
  border-color:#333!important;
  color:#fff!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app thead th{
  background:#0b0b0b!important;
  color:#a3a3a3!important;
  border-bottom-color:#333!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody td{
  border-bottom-color:#232323!important;
  color:#f4f4f5!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody tr:hover{
  background:#101010!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .far-card.ewelink-device,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .user-access-card{
  background:#000!important;
}
@media(max-width:1050px){
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
    padding:14px 12px 28px!important;
  }
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.pa-workspace,.online-overview-grid,.geo-presence-grid){
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.graf-chart-grid,.modern-viz-grid,.bi-chart-grid,.prev-chart-grid,.ger-chart-grid,.far-chart-grid,.far-insight-extra,.dma-exec-analysis){
    grid-template-columns:1fr!important;
  }
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .far-grid{
    grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;
  }
}

/* Fechamento 6.0: remove sobras brancas e animações sem término nas telas internas. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.white,.bg-white,.surface,.card-body,.panel-body,.chart-body,.list-body,.content-card,.metric-card){
  background:var(--dma60-panel)!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.pa-current-person>div,.geo-person-icon>div,.presence-live i,.dma-tv-refresh>i){
  animation:none!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.global-loading:not(.hidden),.dma-brand-loader.show,.dma-skeleton-row>* ,.apple-loader i,.spinner,.dma-tv-loading-spinner,.dma-exec-loading i) {
  animation-duration:.9s!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.white,.bg-white,.surface,.card-body,.panel-body,.chart-body,.list-body,.content-card,.metric-card){
  background:#050505!important;
  color:#f4f4f5!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.btn.alt,button.alt,.secondary,.ghost){
  background:#090909!important;
  color:#f4f4f5!important;
  border-color:#333!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :is(.leaflet-container,.leaflet-tile-pane){
  filter:grayscale(1) brightness(.58) contrast(1.16)!important;
}

/* DMA 6.0.2 — remodelagem profunda: Horus BI + ChatGPT, menos caixas e mais leitura. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view){
  --dma61-bg:#f8fafc;
  --dma61-surface:transparent;
  --dma61-panel:#ffffff;
  --dma61-line:#d9e2ec;
  --dma61-line-soft:#e8eef5;
  --dma61-text:#101828;
  --dma61-muted:#667085;
  --dma61-blue:#1683ff;
  --dma61-blue-soft:#e8f3ff;
  --dma61-green:#12845c;
  --dma61-red:#c92535;
  --dma61-amber:#c97900;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) .content,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  background:var(--dma61-bg)!important;
  color:var(--dma61-text)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  max-width:1720px!important;
  padding:14px 18px 30px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dashboard-admin,.graf-admin,.plantao-admin-shell,.os-admin,.prev-admin,.ger-admin,.far-admin,.cons-admin,.users-admin,.online-page,.notify-page,.admin-hub,.relatorios-admin,.ativ-admin){
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:8px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where([class$="-head"],[class*="-head "]){
  min-height:0!important;
  margin:0 0 4px!important;
  padding:4px 0 10px!important;
  border:0!important;
  border-bottom:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h1,h2){
  margin:0!important;
  color:var(--dma61-text)!important;
  font-size:clamp(24px,2.1vw,36px)!important;
  line-height:1.06!important;
  font-weight:820!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h3){
  color:var(--dma61-text)!important;
  font-size:17px!important;
  line-height:1.15!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(p,small,span,label,td,th,li){
  color:inherit;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where([class*="eyebrow"],[class*="kicker"]){
  color:var(--dma61-blue)!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .card,.box,.panel,.adm-card,.dashboard-card,.os-card,.plantao-card,.prev-card,.ger-card,.report-card,
  .admin-hub-card,.employee-service-card,.dash-panel,.bi-chart-panel,.modern-viz-card,.graf-chart-card,
  .graf-card,.chart-box,.hmp-auto-insights,.admin-group,.user-access-card,.users-create-form,.user-module-picker,
  .user-module-check,.online-user-card,.online-module-card,.far-card,.far-report-card,.far-event-card,
  .far-insight-card,.far-chart-card,.hmp-history-card,.hmp-hist-chart,.hmp-hist-table,.ger-reading-card,
  .ger-history-card,.ger-situacao-card,.prev-chart-card,.consertos-summary>div,.metric-card,.kpi-card,
  .pa-panel,.pa-map-fixed,.presence-map-shell,.geo-presence-shell,.cons-panel,.cons-table-wrap,.dma-exec-analysis>article
){
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,
  .graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,.consertos-summary,
  #dmaTvOverview
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;
  gap:0!important;
  margin:4px 0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--dma61-line)!important;
  border-bottom:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,
  .graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,.consertos-summary,
  #dmaTvOverview
)>*{
  min-height:46px!important;
  padding:7px 10px!important;
  border:0!important;
  border-right:1px solid var(--dma61-line-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,
  .graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,.consertos-summary,
  #dmaTvOverview
) :where(strong,b){
  color:var(--dma61-text)!important;
  font-size:21px!important;
  font-weight:820!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,
  .graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,.consertos-summary,
  #dmaTvOverview
) :where(span,small){
  color:var(--dma61-muted)!important;
  font-size:10px!important;
  font-weight:700!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .filters,.filter-row,.os-filters,.os-filterbar,.prev-filters,.prev-filterbar,.ger-filters,.ger-filterbar,
  .far-filterbar,.cons-filterbar,.graf-filterbar,.graf-control-panel,.graf-context-filters,.rel-filterbar,
  .ativ-filterbar,.users-admin-filters,.users-tools,.access-filter,.online-filters,.pa-filters,.pa-toolbar,
  .hmp-history-filter,.far-report-controls
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:6px!important;
  margin:4px 0!important;
  padding:0 0 8px!important;
  border:0!important;
  border-bottom:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(input,select,textarea){
  min-height:34px!important;
  padding:6px 9px!important;
  border:1px solid var(--dma61-line)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:var(--dma61-text)!important;
  box-shadow:none!important;
  font-size:13px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(button,.btn,a.btn){
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:6px!important;
  box-shadow:none!important;
  font-size:13px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(button:not(.alt):not(.ghost),.btn:not(.alt):not(.ghost)){
  background:var(--dma61-blue)!important;
  border-color:var(--dma61-blue)!important;
  color:#fff!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.tabs,.os-tabs,.prev-tabs,.ger-tabs,.far-tabs,.graf-tabs,.pa-tabs,.admin-tabs){
  margin:4px 0!important;
  padding:0!important;
  display:flex!important;
  gap:18px!important;
  border:0!important;
  border-bottom:1px solid var(--dma61-line)!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.tabs button,.os-tabs button,.prev-tabs button,.ger-tabs button,.far-tabs button,.graf-tabs button,.pa-tabs button,.admin-tabs button){
  min-height:30px!important;
  padding:5px 0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  color:var(--dma61-muted)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.tabs button.active,.os-tabs button.active,.prev-tabs button.active,.ger-tabs button.active,.far-tabs button.active,.graf-tabs button.active,.pa-tabs button.active,.admin-tabs button.active){
  color:var(--dma61-blue)!important;
  border-bottom-color:var(--dma61-blue)!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.table-wrap,.os-table-wrap,.cons-table-wrap,.hmp-table-wrap,.rel-table-wrap,.far-table-wrap,.ger-table-wrap,.prev-table,.os-live-table){
  width:100%!important;
  margin:4px 0!important;
  border:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:auto!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app table{
  background:transparent!important;
  border-collapse:collapse!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(th,td){
  border-color:var(--dma61-line-soft)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app thead th{
  padding:7px 9px!important;
  background:#f1f6fb!important;
  color:var(--dma61-muted)!important;
  font-size:10px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody td{
  padding:7px 9px!important;
  background:transparent!important;
  color:var(--dma61-text)!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-canvas,.graf-chart-grid,.modern-viz-grid,.bi-chart-grid,.prev-chart-grid,.ger-chart-grid,.far-chart-grid,.graf-history-grid,.far-insight-extra,.dma-exec-analysis){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:8px!important;
  margin:6px 0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-chart-card,.bi-chart-panel,.modern-viz-card,.prev-chart-grid>section,.ger-chart-grid>section,.far-chart-card,.hmp-hist-chart){
  min-height:190px!important;
  padding:10px!important;
  border-top:0!important;
  border-bottom:1px solid var(--dma61-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-chart-card[data-graf-type="linha"],.graf-chart-card[data-graf-type="heatmap"]){
  grid-column:auto!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-line-svg,.graf-svg,.prev-svg,.ger-svg,.hmp-hist-chart svg){
  height:clamp(155px,22vh,245px)!important;
  max-height:245px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-gridline,line){
  stroke:rgba(22,131,255,.18)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-line-anim,.ger-svg-line,.hist-animated-path){
  stroke:#1683ff!important;
  stroke-width:3!important;
  filter:drop-shadow(0 0 6px rgba(22,131,255,.35))!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-bars .graf-bar-row u,.prev-bars .prev-bar i,.ger-bar i,.ger-fuel-track i){
  background:linear-gradient(90deg,#1683ff,#64d2ff)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-donut:after,.graf-radial-ring:after){
  background:var(--dma61-bg)!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-workspace,.online-overview-grid,.geo-presence-grid){
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
  gap:8px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-kpis,.pa-summary-list){
  gap:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-equipe-map,.geo-presence-map,.presence-map,.leaflet-container){
  height:clamp(180px,23vh,280px)!important;
  min-height:180px!important;
  border-radius:0!important;
  border:1px solid var(--dma61-line)!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-att,.online-user-card,.employee-service-card,.ativ-func-card,.plantao-card){
  display:grid!important;
  gap:6px!important;
  min-height:0!important;
  padding:8px 4px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--dma61-line)!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-grid,.ewelink-grid){
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;
  gap:0!important;
  border:0!important;
  border-top:1px solid var(--dma61-line)!important;
  border-left:1px solid var(--dma61-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-card.ewelink-device){
  min-height:102px!important;
  padding:7px!important;
  border:0!important;
  border-right:1px solid var(--dma61-line)!important;
  border-bottom:1px solid var(--dma61-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ewelink-device-icon,.admin-hub-icon,.nav-ico){
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ewelink-device-icon){
  width:22px!important;
  height:22px!important;
  border-radius:5px!important;
  font-size:11px!important;
  background:var(--dma61-blue-soft)!important;
  color:var(--dma61-blue)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ewelink-device-copy b){
  font-size:12px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ewelink-device .far-values strong){
  font-size:19px!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.admin-hub-grid){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--dma61-line)!important;
  border-left:1px solid var(--dma61-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.admin-hub-card){
  min-height:86px!important;
  padding:12px!important;
  border-right:1px solid var(--dma61-line)!important;
  border-bottom:1px solid var(--dma61-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.admin-hub-icon){
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  border-radius:7px!important;
  background:var(--dma61-blue-soft)!important;
  color:var(--dma61-blue)!important;
  font-size:16px!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.users-admin-list,.online-list,.ativ-list){
  gap:0!important;
  border-top:1px solid var(--dma61-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-access-card){
  padding:0!important;
  border-bottom:1px solid var(--dma61-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-access-card summary){
  min-height:48px!important;
  padding:6px 2px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-access-details){
  padding:8px 2px 12px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-permissions-grid){
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--dma61-line)!important;
  border-left:1px solid var(--dma61-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-permission-toggle,.user-module-check){
  min-height:38px!important;
  padding:6px 8px!important;
  border:0!important;
  border-right:1px solid var(--dma61-line)!important;
  border-bottom:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:transparent!important;
}

.dma-motion-item{
  animation:dma61Rise .34s cubic-bezier(.2,.8,.2,1) 1 both!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-line-anim,.ger-svg-line,.hist-animated-path){
  stroke-dasharray:2200!important;
  stroke-dashoffset:2200!important;
  animation:dma61Trace .95s ease-out 1 forwards!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-bars .graf-bar-row u,.prev-bars .prev-bar i,.ger-bar i,.ger-fuel-track i){
  transform-origin:left center!important;
  animation:dma61Bar .7s ease-out 1 forwards!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-current-person>div,.geo-person-icon>div,.presence-live i,.dma-tv-refresh>i,.dma-welcome-identity:before,.dma-welcome-shape.one,.dma-welcome-shape.two){
  animation:none!important;
}
@keyframes dma61Rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dma61Trace{to{stroke-dashoffset:0}}
@keyframes dma61Bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view){
  --dma61-bg:#000;
  --dma61-panel:#000;
  --dma61-line:#2a2a2a;
  --dma61-line-soft:#1f1f1f;
  --dma61-text:#f5f5f5;
  --dma61-muted:#b7b7b7;
  --dma61-blue:#4aa3ff;
  --dma61-blue-soft:#111;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) .content,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(section,article,div,form,header,footer,aside,nav,table,thead,tbody,tr,td,th){
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .card,.box,.panel,.adm-card,.dashboard-card,.os-card,.plantao-card,.prev-card,.ger-card,.report-card,
  .admin-hub-card,.employee-service-card,.dash-panel,.bi-chart-panel,.modern-viz-card,.graf-chart-card,
  .graf-card,.chart-box,.hmp-auto-insights,.admin-group,.user-access-card,.users-create-form,.user-module-picker,
  .user-module-check,.online-user-card,.online-module-card,.far-card,.far-report-card,.far-event-card,
  .far-insight-card,.far-chart-card,.hmp-history-card,.hmp-hist-chart,.hmp-hist-table,.ger-reading-card,
  .ger-history-card,.ger-situacao-card,.prev-chart-card,.consertos-summary>div,.metric-card,.kpi-card,
  .pa-panel,.pa-map-fixed,.presence-map-shell,.geo-presence-shell,.cons-panel,.cons-table-wrap,.dma-exec-analysis>article
){
  background:#000!important;
  background-image:none!important;
  color:#f5f5f5!important;
  border-color:#2a2a2a!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h1,h2,h3,h4,b,strong,td,th,label,p,span,small,li){
  color:inherit!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(input,select,textarea){
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#333!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(button,.btn,a.btn){
  background:#111!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#333!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(button:not(.alt):not(.ghost),.btn:not(.alt):not(.ghost)){
  background:#1f1f1f!important;
  border-color:#3a3a3a!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.active,.selected){
  background:#2f2f2f!important;
  color:#fff!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-donut:after,.graf-radial-ring:after,.leaflet-control,.leaflet-tooltip,.leaflet-popup-content-wrapper,.leaflet-popup-tip){
  background:#000!important;
  color:#fff!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.leaflet-container,.pa-equipe-map,.geo-presence-map){
  filter:grayscale(1) brightness(.5) contrast(1.2)!important;
}
@media(max-width:920px){
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
    padding:10px!important;
  }
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-workspace,.online-overview-grid,.geo-presence-grid){
    grid-template-columns:1fr!important;
  }
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-equipe-map,.geo-presence-map,.presence-map,.leaflet-container){
    height:205px!important;
  }
}

/* DMA 6.0.2 — sem cards, sem faixas azuis estruturais; cor apenas em graficos. */
body:not(.dma-welcome-view):not(.dma-panel-tv-view){
  --dma62-bg:#fafafa;
  --dma62-text:#111;
  --dma62-muted:#666;
  --dma62-soft:#f3f3f3;
  --dma62-line:#dfdfdf;
  --dma62-strong:#2b2b2b;
  --dma62-chart-1:#1683ff;
  --dma62-chart-2:#10b981;
  --dma62-chart-3:#f59e0b;
  --dma62-chart-4:#ef4444;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  background:var(--dma62-bg)!important;
  color:var(--dma62-text)!important;
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  max-width:1740px!important;
  padding:12px 18px 28px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app *{
  box-shadow:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  section,article,aside,header,footer,form,nav,
  .card,.box,.panel,.adm-card,.dashboard-card,.os-card,.plantao-card,.prev-card,.ger-card,.report-card,
  .admin-hub-card,.employee-service-card,.dash-panel,.bi-chart-panel,.modern-viz-card,.graf-chart-card,.graf-card,
  .chart-box,.hmp-auto-insights,.admin-group,.user-access-card,.users-create-form,.user-module-picker,.user-module-check,
  .online-user-card,.online-module-card,.far-card,.far-report-card,.far-event-card,.far-insight-card,.far-chart-card,
  .hmp-history-card,.hmp-hist-chart,.hmp-hist-table,.ger-reading-card,.ger-history-card,.ger-situacao-card,
  .prev-chart-card,.metric-card,.kpi-card,.pa-panel,.pa-map-fixed,.presence-map-shell,.geo-presence-shell,.cons-panel,
  .cons-table-wrap,.dma-exec-analysis>article,.loading-card,.module-error
){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where([class$="-head"],[class*="-head "]){
  margin:0!important;
  padding:0 0 8px!important;
  border:0!important;
  border-bottom:1px solid var(--dma62-line)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h1,h2){
  color:var(--dma62-text)!important;
  font-size:clamp(25px,2vw,35px)!important;
  line-height:1.04!important;
  font-weight:760!important;
  margin:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h3,h4,b,strong){
  color:var(--dma62-strong)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(p,small,span,label,td,th,li,em){
  color:var(--dma62-muted)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where([class*="eyebrow"],[class*="kicker"],.pa-map-head span,.presence-map-head span,.graf-chart-head span){
  color:var(--dma62-muted)!important;
  letter-spacing:.08em!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,
  .graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,.consertos-summary,
  .pa-kpis,.pa-summary-list,#dmaTvOverview
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important;
  gap:0!important;
  margin:3px 0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--dma62-line)!important;
  border-bottom:1px solid var(--dma62-line)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,
  .graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,.consertos-summary,
  .pa-kpis,.pa-summary-list,#dmaTvOverview
)>*{
  min-height:42px!important;
  padding:6px 9px!important;
  border:0!important;
  border-right:1px solid var(--dma62-line)!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:left!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metrics,.os-kpis,.prev-kpis,.ger-kpis,.rel-kpis,.ativ-kpis,.far-kpis,.cons-kpis,.cons-panel-kpis,
  .graf-summary,.users-admin-summary,.graf-history-summary,.far-insight-kpis,.hmp-hist-kpis,.consertos-summary,
  .pa-kpis,.pa-summary-list,#dmaTvOverview
) :where(strong,b){
  font-size:20px!important;
  line-height:1!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .filters,.filter-row,.os-filters,.os-filterbar,.prev-filters,.prev-filterbar,.ger-filters,.ger-filterbar,
  .far-filterbar,.cons-filterbar,.graf-filterbar,.graf-control-panel,.graf-context-filters,.rel-filterbar,
  .ativ-filterbar,.users-admin-filters,.users-tools,.access-filter,.online-filters,.pa-filters,.pa-toolbar,
  .hmp-history-filter,.far-report-controls,.ger-periodo,.prev-periodo,.os-periodo
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:6px!important;
  margin:4px 0!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:1px solid var(--dma62-line)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(input,select,textarea){
  min-height:33px!important;
  padding:5px 8px!important;
  border:1px solid var(--dma62-line)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#111!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(button,.btn,a.btn){
  min-height:31px!important;
  padding:5px 9px!important;
  border:1px solid var(--dma62-line)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#111!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(button:hover,.btn:hover,a.btn:hover){
  background:var(--dma62-soft)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.tabs,.os-tabs,.prev-tabs,.ger-tabs,.far-tabs,.graf-tabs,.pa-tabs,.admin-tabs){
  gap:16px!important;
  margin:3px 0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--dma62-line)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.tabs button,.os-tabs button,.prev-tabs button,.ger-tabs button,.far-tabs button,.graf-tabs button,.pa-tabs button,.admin-tabs button){
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--dma62-muted)!important;
  padding:5px 0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.tabs button.active,.os-tabs button.active,.prev-tabs button.active,.ger-tabs button.active,.far-tabs button.active,.graf-tabs button.active,.pa-tabs button.active,.admin-tabs button.active){
  border:0!important;
  background:transparent!important;
  color:#111!important;
  font-weight:760!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.table-wrap,.os-table-wrap,.cons-table-wrap,.hmp-table-wrap,.rel-table-wrap,.far-table-wrap,.ger-table-wrap,.prev-table,.os-live-table){
  border:0!important;
  border-top:1px solid var(--dma62-line)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app table,
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(thead,tbody,tr,td,th){
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app thead th{
  padding:6px 8px!important;
  border-bottom:1px solid var(--dma62-line)!important;
  background:transparent!important;
  color:var(--dma62-muted)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody td{
  padding:7px 8px!important;
  border-bottom:1px solid var(--dma62-line)!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-canvas,.graf-chart-grid,.modern-viz-grid,.bi-chart-grid,.prev-chart-grid,.ger-chart-grid,.far-chart-grid,.graf-history-grid,.far-insight-extra,.dma-exec-analysis){
  grid-template-columns:repeat(auto-fit,minmax(285px,1fr))!important;
  gap:10px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-chart-card,.bi-chart-panel,.modern-viz-card,.prev-chart-grid>section,.ger-chart-grid>section,.far-chart-card,.hmp-hist-chart){
  min-height:178px!important;
  padding:8px 0 10px!important;
  border:0!important;
  border-top:0!important;
  border-bottom:1px solid var(--dma62-line)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-line-svg,.graf-svg,.prev-svg,.ger-svg,.hmp-hist-chart svg){
  height:clamp(150px,21vh,230px)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-line-anim,.ger-svg-line,.hist-animated-path){
  stroke:var(--dma62-chart-1)!important;
  filter:drop-shadow(0 0 5px rgba(22,131,255,.25))!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-bars .graf-bar-row u,.prev-bars .prev-bar i,.ger-bar i,.ger-fuel-track i){
  background:linear-gradient(90deg,var(--dma62-chart-1),#55c2ff)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-donut,.graf-radial-ring){
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-donut:after,.graf-radial-ring:after){
  background:var(--dma62-bg)!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-workspace){
  display:grid!important;
  grid-template-columns:minmax(160px,220px) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-map-fixed){
  padding:0!important;
  margin:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-map-head){
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:8px!important;
  margin:0 0 4px!important;
  padding:0!important;
  border:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app .pa-map-head p{
  display:none!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.presence-live,.geo-privacy-badge){
  background:transparent!important;
  border:0!important;
  color:var(--dma62-muted)!important;
  padding:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-equipe-map,.geo-presence-map,.presence-map,.leaflet-container){
  height:clamp(150px,18vh,220px)!important;
  min-height:150px!important;
  border:1px solid var(--dma62-line)!important;
  border-radius:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-att,.pa-rank,.online-user-card,.employee-service-card,.ativ-func-card,.plantao-card){
  min-height:0!important;
  padding:7px 0!important;
  border:0!important;
  border-bottom:1px solid var(--dma62-line)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-att-actions button){
  background:#fff!important;
  color:#111!important;
}

body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-grid,.ewelink-grid,.admin-hub-grid,.users-admin-list,.online-list){
  gap:0!important;
  border:0!important;
  border-top:1px solid var(--dma62-line)!important;
  border-left:0!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-grid,.ewelink-grid){
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-card.ewelink-device,.admin-hub-card,.user-access-card,.online-user-card){
  min-height:0!important;
  padding:7px 4px!important;
  border:0!important;
  border-bottom:1px solid var(--dma62-line)!important;
  background:transparent!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.admin-hub-card){
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:10px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.admin-hub-icon,.ewelink-device-icon){
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:5px!important;
  background:var(--dma62-soft)!important;
  color:#111!important;
  font-size:12px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-values strong,.ewelink-device .far-values strong){
  font-size:18px!important;
}
body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.badge,.pill,[class*="status"],[class*="badge"],.dma-tv-prio,.dma-tv-team,.cons-badge,.hist-status){
  background:var(--dma62-soft)!important;
  background-image:none!important;
  color:#111!important;
  border:0!important;
  border-radius:6px!important;
}

html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view){
  --dma62-bg:#000;
  --dma62-text:#f5f5f5;
  --dma62-muted:#b8b8b8;
  --dma62-soft:#181818;
  --dma62-line:#292929;
  --dma62-strong:#fff;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) main>header,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app,
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(section,article,aside,header,footer,form,nav,div,table,thead,tbody,tr,td,th){
  background:#000!important;
  background-image:none!important;
  color:var(--dma62-text)!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h1,h2,h3,h4,b,strong){
  color:#fff!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(p,small,span,label,td,th,li,em){
  color:var(--dma62-muted)!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(input,select,textarea,button,.btn,a.btn){
  background:#000!important;
  background-image:none!important;
  border-color:#333!important;
  color:#fff!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.tabs button.active,.os-tabs button.active,.prev-tabs button.active,.ger-tabs button.active,.far-tabs button.active,.graf-tabs button.active,.pa-tabs button.active,.admin-tabs button.active){
  color:#fff!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.badge,.pill,[class*="status"],[class*="badge"],.dma-tv-prio,.dma-tv-team,.cons-badge,.hist-status,.admin-hub-icon,.ewelink-device-icon){
  background:#181818!important;
  color:#fff!important;
}
html[data-hmp-theme="dark"] body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-equipe-map,.geo-presence-map,.presence-map,.leaflet-container){
  background:#000!important;
  filter:grayscale(1) brightness(.46) contrast(1.22)!important;
}
@media(max-width:900px){
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-workspace){
    grid-template-columns:1fr!important;
  }
  body:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-equipe-map,.geo-presence-map,.presence-map,.leaflet-container){
    height:180px!important;
  }
}

/* DMA 6.1.0 - miolo operacional compacto inspirado no painel BI antigo */
body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view){
  --dma61-bg:#f3f4f6;
  --dma61-surface:#fff;
  --dma61-soft:#f8fafc;
  --dma61-line:#d7dde5;
  --dma61-line-strong:#aeb8c4;
  --dma61-text:#1f2937;
  --dma61-muted:#667085;
  --dma61-title:#111827;
  --dma61-blue:#1a73e8;
  --dma61-green:#10b981;
  --dma61-orange:#f59e0b;
  --dma61-purple:#8b5cf6;
  --dma61-red:#ef4444;
  background:var(--dma61-bg)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) main{
  background:var(--dma61-bg)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:10px 12px 18px!important;
  color:var(--dma61-text)!important;
  font-size:11px!important;
  line-height:1.25!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h1,h2){
  margin:0!important;
  color:var(--dma61-title)!important;
  font-size:22px!important;
  letter-spacing:-.01em!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h3,h4){
  margin:0!important;
  color:var(--dma61-title)!important;
  font-size:13px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(p,small,span,label,td,th,li,em){
  font-size:11px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-adm,.graf-admin,.os-admin,.atividades-admin,.prev-admin,.cons-admin,.ger-admin,.far-admin,.pa-admin,.relatorios-admin,.admin-hub,.usuarios-admin,.online-admin,
  .dashboard-head,.graf-head,.os-head,.atividades-head,.ativ-head,.prev-head,.cons-head,.ger-head,.far-head,.pa-head,.rel-head,.users-head,.online-head
){
  max-width:1480px!important;
  margin:0 auto!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-head,.graf-head,.os-head,.atividades-head,.ativ-head,.prev-head,.cons-head,.ger-head,.far-head,.pa-head,.rel-head,.users-head,.online-head
){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:10px!important;
  padding:8px 0 10px!important;
  border:0!important;
  border-bottom:1px solid var(--dma61-line)!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-periodo,.graf-control-panel,.os-filterbar,.os-filters,.ativ-toolbar,.ativ-filters,.prev-filterbar,.cons-filterbar,.ger-filterbar,.far-filterbar,.pa-filter,.users-toolbar,.online-toolbar,.rel-toolbar
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
  gap:4px!important;
  padding:5px!important;
  margin:6px 0!important;
  border:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:var(--dma61-surface)!important;
  box-shadow:none!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(input,select,textarea,button,.btn,a.btn){
  min-height:28px!important;
  padding:5px 8px!important;
  border:1px solid var(--dma61-line)!important;
  border-radius:3px!important;
  background:var(--dma61-surface)!important;
  color:var(--dma61-text)!important;
  font-size:11px!important;
  box-shadow:none!important;
  text-transform:none!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.btn,.primary,button[type="submit"]){
  font-weight:700!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metric-grid,.graf-summary,.os-kpis,.osi-kpis,.prev-kpis,.cons-kpis,.ger-kpis,.far-kpis,.users-kpis,.pa-kpis,.he-status-grid
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:4px!important;
  margin:6px 0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metric,.bi-card,.dash-highlight,.bi-highlight,.graf-summary>*,.os-kpis>*,.osi-kpis>*,.prev-kpis>*,.cons-kpis>*,.ger-kpis>*,.far-kpis>*,.users-kpis>*,.pa-kpis>*,.he-status
){
  min-height:42px!important;
  padding:7px 8px!important;
  border:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:var(--dma61-surface)!important;
  box-shadow:none!important;
  text-align:left!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metric strong,.bi-card strong,.dash-highlight strong,.graf-summary strong,.os-kpis strong,.osi-kpis strong,.prev-kpis strong,.cons-kpis strong,.ger-kpis strong,.far-kpis strong,.users-kpis strong,.pa-kpis strong
){
  display:block!important;
  margin-top:2px!important;
  color:var(--dma61-title)!important;
  font-size:18px!important;
  line-height:1!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .bi-tabs,.graf-tabs,.os-tabs,.osi-tabs,.prev-tabs,.cons-tabs,.ger-tabs,.far-tabs,.pa-tabs,.admin-tabs
){
  display:flex!important;
  gap:0!important;
  margin:6px 0!important;
  padding:0!important;
  border:1px solid var(--dma61-line)!important;
  background:var(--dma61-surface)!important;
  overflow:auto!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .bi-tab,.graf-tabs button,.os-tabs button,.osi-tabs button,.prev-tabs button,.cons-tabs button,.ger-tabs button,.far-tabs button,.pa-tabs button,.admin-tabs button
){
  min-height:28px!important;
  border:0!important;
  border-right:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--dma61-muted)!important;
  padding:6px 12px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .bi-tab.active,.graf-tabs button.active,.os-tabs button.active,.osi-tabs button.active,.prev-tabs button.active,.cons-tabs button.active,.ger-tabs button.active,.far-tabs button.active,.pa-tabs button.active,.admin-tabs button.active
){
  background:var(--dma61-soft)!important;
  color:var(--dma61-title)!important;
  border-bottom:2px solid var(--dma61-title)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-panel,.bi-chart-panel,.graf-chart-card,.graf-canvas>section,.modern-viz-card,.hmp-extra-dashboard,.prev-chart-grid section,.cons-table-wrap,.ger-chart-grid section,.ger-reading-grid section,.ger-abast-panel,.far-chart-grid section,.insight-card,.pa-panel,.pa-map-fixed,.user-access-card,.online-user-card,.ativ-func-card,.dma-att-card,.pa-att,.far-card.ewelink-device,.ger-situacao-card
){
  border:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:var(--dma61-surface)!important;
  box-shadow:none!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dash-panel,.bi-chart-panel,.graf-chart-card,.graf-canvas>section,.modern-viz-card,.hmp-extra-dashboard,.prev-chart-grid section,.ger-chart-grid section,.ger-reading-grid section,.far-chart-grid section,.insight-card,.pa-panel){
  padding:7px!important;
  margin:0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.bi-chart-grid,.prev-chart-grid,.ger-chart-grid,.ger-reading-grid,.far-chart-grid,.insight-grid,.graf-canvas,.osi-chart-grid){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;
  gap:4px!important;
  margin:6px 0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.table-wrap,.ger-table-wrap,.os-live-table,.hmp-hist-table){
  border:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:var(--dma61-surface)!important;
  overflow:auto!important;
  max-height:54vh!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app table{
  width:100%!important;
  border-collapse:collapse!important;
  font-size:10.5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(th,td){
  height:27px!important;
  padding:4px 7px!important;
  border-bottom:1px solid var(--dma61-line)!important;
  vertical-align:middle!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app th{
  background:var(--dma61-soft)!important;
  color:var(--dma61-title)!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody tr:nth-child(even){
  background:#f8fafc!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-workspace){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,365px)!important;
  gap:4px!important;
  align-items:start!important;
  margin:6px 0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-map-fixed){
  grid-column:2!important;
  grid-row:1 / span 2!important;
  padding:6px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-map-head){
  display:flex!important;
  justify-content:space-between!important;
  gap:6px!important;
  margin-bottom:4px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-equipe-map,.geo-presence-map,.presence-map){
  height:168px!important;
  min-height:0!important;
  border:1px solid var(--dma61-line)!important;
  border-radius:0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(#paLista,.dma-att-cards){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
  gap:4px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-att,.dma-att-card){
  min-height:86px!important;
  padding:7px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-grid,.ewelink-grid,.ger-situacao-grid,.user-access-list){
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;
  gap:4px!important;
  margin-top:6px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-card.ewelink-device,.ger-situacao-card){
  min-height:122px!important;
  padding:7px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-values){
  margin-top:8px!important;
  gap:8px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-values strong){
  font-size:20px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-access-list){
  grid-template-columns:1fr!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-access-card){
  display:grid!important;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr) minmax(220px,320px)!important;
  gap:8px!important;
  min-height:0!important;
  padding:8px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.permissions-grid,.user-permissions){
  display:grid!important;
  grid-template-columns:repeat(4,minmax(110px,1fr))!important;
  gap:4px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.permissions-grid label,.user-permissions label){
  min-height:34px!important;
  padding:4px 6px!important;
  border:1px solid var(--dma61-line)!important;
  background:var(--dma61-soft)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-fuel-box,.ger-voltage,.ger-rule-note){
  border:1px solid var(--dma61-line)!important;
  border-radius:0!important;
  background:var(--dma61-soft)!important;
  padding:5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-fuel-grid){
  grid-template-columns:repeat(3,1fr)!important;
  gap:3px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-fuel-grid>div){
  padding:4px!important;
  border:1px solid var(--dma61-line)!important;
  background:var(--dma61-surface)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.line-chart-wrap,.ger-svg-wrap,.graf-chart-svg,.hmp-hist-chart svg){
  height:190px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.bi-bar-fill,.osi-bar i,.prev-bar i,.ger-bar i,.insight-bar i,.far-type-row u,.sector-color-row em,.ger-fuel-track i){
  background:linear-gradient(90deg,var(--dma61-blue),#22d3ee)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.bi-bar-row:nth-child(4n+2) .bi-bar-fill,.osi-bar:nth-child(4n+2) i,.prev-bar:nth-child(4n+2) i,.ger-bar:nth-child(4n+2) i,.insight-bar:nth-child(4n+2) i){
  background:linear-gradient(90deg,var(--dma61-orange),#f97316)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.bi-bar-row:nth-child(4n+3) .bi-bar-fill,.osi-bar:nth-child(4n+3) i,.prev-bar:nth-child(4n+3) i,.ger-bar:nth-child(4n+3) i,.insight-bar:nth-child(4n+3) i){
  background:linear-gradient(90deg,var(--dma61-green),#34d399)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.bi-bar-row:nth-child(4n+4) .bi-bar-fill,.osi-bar:nth-child(4n+4) i,.prev-bar:nth-child(4n+4) i,.ger-bar:nth-child(4n+4) i,.insight-bar:nth-child(4n+4) i){
  background:linear-gradient(90deg,var(--dma61-purple),#ec4899)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.hist-animated-path,.chart-line-enter,.ger-svg-line){
  stroke-width:3!important;
  filter:none!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dash-empty,.module-error,.msg){
  min-height:0!important;
  padding:7px 8px!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.presence-live i,.geo-person-icon>div,.pa-current-person>div,.ger-situacao-card *,.ger-chart-grid *,.ger-reading-grid *,.far-card *,.dma-att-card *){
  animation-iteration-count:1!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.spinner,.apple-loader i,.dma-skeleton-row>*,.global-loading:not(.hidden) *,.dma-brand-loader.show *){
  animation-iteration-count:infinite!important;
}

html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view){
  --dma61-bg:#000;
  --dma61-surface:#000;
  --dma61-soft:#0f0f0f;
  --dma61-line:#242424;
  --dma61-line-strong:#333;
  --dma61-text:#ececec;
  --dma61-muted:#a8a8a8;
  --dma61-title:#fff;
}

html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app,
html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) main,
html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(section,article,aside,header,footer,form,nav,div,table,thead,tbody,tr,td,th){
  background:#000!important;
  background-image:none!important;
  color:var(--dma61-text)!important;
  box-shadow:none!important;
}

html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app tbody tr:nth-child(even){
  background:#050505!important;
}

html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.bi-tab.active,.graf-tabs button.active,.os-tabs button.active,.osi-tabs button.active,.prev-tabs button.active,.cons-tabs button.active,.ger-tabs button.active,.far-tabs button.active,.pa-tabs button.active,.admin-tabs button.active){
  background:#202020!important;
  border-bottom-color:#fff!important;
}

html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.badge,.pill,[class*="status"],[class*="badge"],.os-prio,.prev-badge,.cons-badge,.hist-status,.far-cmoa-sync){
  background:#101010!important;
  color:#fff!important;
  border-color:#2a2a2a!important;
}

html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-equipe-map,.geo-presence-map,.presence-map,.leaflet-container){
  filter:grayscale(1) brightness(.58) contrast(1.15)!important;
}

@media(max-width:1100px){
  body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-workspace){
    grid-template-columns:1fr!important;
  }
  body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-map-fixed){
    grid-column:auto!important;
    grid-row:auto!important;
  }
  body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.user-access-card){
    grid-template-columns:1fr!important;
  }
}

/* DMA 6.1.1 - alinhamento Horus BI: tela cheia, menos respiro morto e topo baixo */
body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) .shell{
  grid-template-columns:272px minmax(0,1fr)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) main{
  min-width:0!important;
  overflow-x:hidden!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  max-width:none!important;
  width:100%!important;
  min-height:calc(100vh - 16px)!important;
  padding:6px 8px 10px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-adm,.graf-admin,.os-admin,.atividades-admin,.ativ-admin,.prev-admin,.cons-admin,.ger-admin,.far-admin,.pa-admin,.relatorios-admin,.admin-hub,.usuarios-admin,.online-admin,
  .dashboard-head,.graf-head,.os-head,.atividades-head,.ativ-head,.prev-head,.cons-head,.ger-head,.far-head,.pa-head,.rel-head,.users-head,.online-head
){
  max-width:none!important;
  width:100%!important;
  margin:0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-head,.graf-head,.os-head,.atividades-head,.ativ-head,.prev-head,.cons-head,.ger-head,.far-head,.pa-head,.rel-head,.users-head,.online-head
){
  min-height:0!important;
  grid-template-columns:minmax(260px,1fr) minmax(250px,auto)!important;
  align-items:center!important;
  padding:3px 0 5px!important;
  margin:0 0 5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-head>div:first-child,.graf-head>div:first-child,.os-head>div:first-child,.atividades-head>div:first-child,.ativ-head>div:first-child,.prev-head>div:first-child,.cons-head>div:first-child,.ger-head>div:first-child,.far-head>div:first-child,.pa-head>div:first-child,.rel-head>div:first-child,.users-head>div:first-child,.online-head>div:first-child
){
  display:block!important;
  min-width:0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(h1,h2){
  font-size:18px!important;
  line-height:1.05!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.graf-eyebrow,.far-breadcrumb,.cons-eyebrow,.rel-eyebrow,.users-eyebrow,.online-eyebrow){
  margin:0 0 2px!important;
  font-size:9px!important;
  line-height:1!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-head p,.graf-head p,.os-head p,.atividades-head p,.ativ-head p,.prev-head p,.cons-head p,.ger-head p,.far-head p,.pa-head p,.rel-head p,.users-head p,.online-head p
){
  margin:2px 0 0!important;
  font-size:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-periodo,.prev-periodo,.ger-periodo,.pa-periodo,.cons-actions,.far-actions,.os-periodo,.ativ-actions
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
  width:min(420px,100%)!important;
  gap:4px!important;
  padding:4px!important;
  margin:0!important;
  align-self:center!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-periodo label,.prev-periodo label,.ger-periodo label,.pa-periodo label,.os-periodo label
){
  margin:0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dma-exec-central){
  display:none!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.msg){
  margin:4px 0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .graf-control-panel,.os-filterbar,.os-filters,.ativ-toolbar,.ativ-filters,.prev-filterbar,.cons-filterbar,.ger-filterbar,.far-filterbar,.pa-filter,.users-toolbar,.online-toolbar,.rel-toolbar
){
  margin:4px 0!important;
  padding:4px!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(input,select,textarea,button,.btn,a.btn){
  min-height:24px!important;
  height:auto!important;
  padding:4px 7px!important;
  font-size:10.5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .bi-tabs,.graf-tabs,.os-tabs,.osi-tabs,.prev-tabs,.cons-tabs,.ger-tabs,.far-tabs,.pa-tabs,.admin-tabs
){
  margin:4px 0!important;
  min-height:26px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .bi-tab,.graf-tabs button,.os-tabs button,.osi-tabs button,.prev-tabs button,.cons-tabs button,.ger-tabs button,.far-tabs button,.pa-tabs button,.admin-tabs button
){
  min-height:25px!important;
  padding:5px 9px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metric-grid,.graf-summary,.os-kpis,.osi-kpis,.prev-kpis,.cons-kpis,.ger-kpis,.far-kpis,.users-kpis,.pa-kpis,.he-status-grid
){
  grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important;
  gap:2px!important;
  margin:4px 0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metric,.bi-card,.dash-highlight,.bi-highlight,.graf-summary>*,.os-kpis>*,.osi-kpis>*,.prev-kpis>*,.cons-kpis>*,.ger-kpis>*,.far-kpis>*,.users-kpis>*,.pa-kpis>*,.he-status
){
  min-height:34px!important;
  padding:5px 7px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dash-metric strong,.bi-card strong,.dash-highlight strong,.graf-summary strong,.os-kpis strong,.osi-kpis strong,.prev-kpis strong,.cons-kpis strong,.ger-kpis strong,.far-kpis strong,.users-kpis strong,.pa-kpis strong
){
  font-size:16px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.bi-chart-grid,.prev-chart-grid,.ger-chart-grid,.ger-reading-grid,.far-chart-grid,.insight-grid,.graf-canvas,.osi-chart-grid){
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:3px!important;
  margin:4px 0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dash-panel,.bi-chart-panel,.graf-chart-card,.graf-canvas>section,.modern-viz-card,.hmp-extra-dashboard,.prev-chart-grid section,.ger-chart-grid section,.ger-reading-grid section,.far-chart-grid section,.insight-card,.pa-panel){
  padding:5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.line-chart-wrap,.ger-svg-wrap,.graf-chart-svg,.hmp-hist-chart svg){
  height:150px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.donut-layout,.modern-donut,.donut-wrap){
  min-height:120px!important;
  height:150px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-workspace){
  grid-template-columns:minmax(0,1fr) 355px!important;
  gap:3px!important;
  margin:4px 0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-equipe-map,.geo-presence-map,.presence-map){
  height:132px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(#paLista,.dma-att-cards){
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:3px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.pa-att,.dma-att-card){
  min-height:70px!important;
  padding:5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-grid,.ewelink-grid){
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;
  gap:2px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-card.ewelink-device){
  min-height:94px!important;
  padding:5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ewelink-device-head){
  min-height:18px!important;
  margin:0 0 2px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.admin-hub-icon,.ewelink-device-icon){
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  font-size:9px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-values){
  margin-top:4px!important;
  gap:5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-values strong){
  font-size:16px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-situacao-grid){
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
  gap:3px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-situacao-card){
  min-height:0!important;
  padding:5px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-card-data){
  grid-template-columns:repeat(2,1fr)!important;
  gap:3px!important;
  margin:3px 0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-fuel-box,.ger-voltage){
  margin:3px 0!important;
  padding:4px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-fuel-grid>div){
  padding:3px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.table-wrap,.ger-table-wrap,.os-live-table,.hmp-hist-table){
  max-height:62vh!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(th,td){
  height:23px!important;
  padding:3px 6px!important;
  font-size:10px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.cons-admin,.os-admin,.atividades-admin,.prev-admin,.ger-admin,.far-admin,.pa-admin,.dashboard-adm){
  padding-bottom:0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dashboard-adm>*,.graf-admin>*,.os-admin>*,.atividades-admin>*,.prev-admin>*,.cons-admin>*,.ger-admin>*,.far-admin>*,.pa-admin>*){
  margin-left:0!important;
  margin-right:0!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dash-empty){
  min-height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html[data-hmp-theme="dark"] body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dashboard-periodo,.prev-periodo,.ger-periodo,.pa-periodo,.os-periodo,.cons-actions,.far-actions,.ativ-actions){
  background:#000!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app{
  padding-top:6px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.hmp-module-sticky-head,.hmp-sticky-controls){
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  min-height:0!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.hmp-sticky-controls){
  border:1px solid var(--dma61-line)!important;
  background:var(--dma61-surface)!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-adm,.graf-admin,.os-admin,.atividades-admin,.ativ-admin,.prev-admin,.cons-admin,.ger-admin,.far-admin,.pa-admin,.relatorios-admin,.admin-hub,.usuarios-admin,.online-admin
){
  display:block!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(
  .dashboard-head,.graf-head,.os-head,.atividades-head,.ativ-head,.prev-head,.cons-head,.ger-head,.far-head,.pa-head,.rel-head,.users-head,.online-head
){
  border-radius:0!important;
  border-bottom:1px solid var(--dma61-line)!important;
  background:transparent!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dashboard-head+.msg,.far-head+.far-filterbar,.ger-head+.ger-tabs,.prev-head+.prev-filterbar,.cons-head+.cons-filterbar,.os-head+.os-filterbar,.atividades-head+.ativ-toolbar,.pa-head+.msg){
  margin-top:3px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-head){
  grid-template-columns:minmax(260px,1fr) auto!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.far-actions,.cons-actions){
  width:auto!important;
  display:flex!important;
  gap:4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dashboard-head .dashboard-periodo,.ger-head .ger-periodo,.prev-head .prev-periodo,.pa-head .pa-periodo){
  align-self:center!important;
  justify-self:end!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dashboard-head .dashboard-periodo){
  grid-template-columns:1fr 1fr!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.prev-head .prev-periodo){
  grid-template-columns:repeat(2,120px) repeat(2,90px)!important;
  width:auto!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.ger-head .ger-periodo,.pa-head .pa-periodo){
  grid-template-columns:150px 86px 86px!important;
  width:auto!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dash-recentes,.dma-att-explorer,.ger-readings-head,.ger-history-head){
  margin-top:4px!important;
}

body.dma-interact-internal:not(.dma-welcome-view):not(.dma-panel-tv-view) #app :where(.dashboard-adm .dash-panel,.far-admin .far-panel,.ger-admin .ger-panel,.prev-admin #prevTabela,.cons-admin #consTabela,.atividades-admin #ativFuncionarios,.os-admin #osPainelAtual){
  margin-bottom:0!important;
}