/* Estilos adicionais do RC Painel (classes que não existem no CSS original). */
.text-\[\#04070D\]{color:#04070d}
.hover\:bg-\[\#00FF66\]\/90:hover{background-color:rgb(0 255 102/.9)}
.hover\:bg-\[\#00FF66\]\/20:hover{background-color:rgb(0 255 102/.2)}
.hover\:bg-\[\#EF4444\]\/10:hover{background-color:rgb(239 68 68/.1)}
.max-h-\[90vh\]{max-height:90vh}
.min-h-\[70px\]{min-height:70px}
.min-h-\[60px\]{min-height:60px}
.pt-2{padding-top:.5rem}
@media (min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:col-span-2{grid-column:span 2/span 2}
}

/* ----- Áreas do portal (1.2.1) ----- */
.areas{display:flex;flex-direction:column;gap:22px}
.area{--cor:#00FF66;border:1px solid color-mix(in srgb,var(--cor) 22%,transparent);border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--cor) 7%,transparent),transparent 140px);padding:16px}
.area-cab{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;background:none;padding:2px 4px 2px 2px}
.area-icone{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex-shrink:0;
  color:var(--cor);background:color-mix(in srgb,var(--cor) 12%,transparent);border:1px solid color-mix(in srgb,var(--cor) 30%,transparent)}
.area-icone svg{width:20px;height:20px}
.area-titulo{font-family:"Chivo",Inter,sans-serif;font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#f1f5f9;line-height:1.2}
.area-sub{font-family:"JetBrains Mono",monospace;font-size:11px;color:#64748b;margin-top:2px}
.area-pilula{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.area-pilula.ok{color:#10b981;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35)}
.area-pilula.alerta{color:#ef4444;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35)}
.area-pilula.neutro{color:#94a3b8;background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.3)}
.area-seta{color:#64748b;transition:transform .2s;flex-shrink:0}
.area.fechada .area-seta{transform:rotate(-90deg)}
.area-grade{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
.area.fechada .area-grade{display:none}
@media (min-width:768px){.area-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.area-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.area{padding:12px}.area-pilula{display:none}}