:root{--o-azul:var(--marca-azul-escuro);--o-azul2:#002f9e;--o-verde:#0aa58f;--o-amarelo:#f4b942;--o-laranja:#ed8a2f;--o-vermelho:#d9544d;--o-fundo:#f4f7fb;--o-texto:#1d3045;--o-muted:#6b7d90;--o-borda:#dfe8f1;--o-sombra:0 12px 32px #183d6017}.out-page{background:var(--o-fundo);padding:32px 0 56px}.out-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.out-title h2{color:var(--o-azul2);margin:0;font-size:1.45rem;font-weight:800}.out-title p{color:var(--o-muted);font-size:var(--fonte-legenda);margin:5px 0 0}.out-date{align-items:flex-end;gap:8px;display:flex}.out-date label{color:var(--o-muted);text-transform:uppercase;margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.out-date input{border:1px solid var(--o-borda);min-height:42px;color:var(--o-texto);background:#fff;border-radius:11px;padding:0 12px;font-size:.78rem;font-weight:700}.out-btn{background:var(--o-azul);color:#fff;border:0;border-radius:11px;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:.76rem;font-weight:800;display:inline-flex}.out-btn:hover{background:var(--o-azul2)}.out-kpi{border:1px solid var(--o-borda);height:100%;box-shadow:var(--o-sombra);background:#fff;border-radius:18px;padding:18px}.out-kpi-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.out-kpi-icon{width:42px;height:42px;color:var(--o-azul);background:#eaf4ff;border-radius:13px;place-items:center;font-size:1.15rem;display:grid}.out-kpi small{color:var(--o-muted);font-size:.66rem;font-weight:700;display:block}.out-kpi strong{color:var(--o-azul2);margin-top:8px;font-size:1.55rem;font-weight:800;display:block}.out-kpi span{color:var(--o-muted);margin-top:4px;font-size:.65rem;display:block}.out-panel{border:1px solid var(--o-borda);height:100%;box-shadow:var(--o-sombra);background:#fff;border-radius:19px;overflow:hidden}.out-panel-head{border-bottom:1px solid var(--o-borda);background:linear-gradient(#fff,#fbfdff);justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:14px 18px;display:flex}.out-panel-title{align-items:center;gap:10px;display:flex}.out-panel-title i{width:34px;height:34px;color:var(--o-azul);background:#eaf4ff;border-radius:10px;place-items:center;display:grid}.out-panel-title h3{color:var(--o-azul2);text-transform:uppercase;margin:0;font-size:.83rem;font-weight:800}.out-panel-body{padding:18px}.out-chart{min-height:420px;position:relative}.out-chart canvas{max-height:420px}.out-use-list{flex-direction:column;gap:12px;display:flex}.out-use{border:1px solid var(--o-borda);background:#fbfdff;border-radius:14px;padding:13px}.out-use-top{justify-content:space-between;gap:12px;display:flex}.out-use strong{color:var(--o-azul2);font-size:.72rem}.out-bar{background:#e8eef5;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.out-bar span{border-radius:999px;height:100%;display:block}.out-detail{color:var(--o-muted);justify-content:space-between;gap:10px;margin-top:8px;font-size:.6rem;display:flex}.out-table-card{margin-top:18px}.out-table-wrap{overflow-x:auto}.out-table{border-collapse:collapse;width:100%}.out-table th{border-bottom:1px solid var(--o-borda);color:#5d7084;text-transform:uppercase;white-space:nowrap;background:#f7fafd;padding:12px 14px;font-size:.65rem;font-weight:800}.out-table td{color:var(--o-texto);vertical-align:middle;border-bottom:1px solid #edf2f6;padding:13px 14px;font-size:.72rem}.out-table tbody tr:hover{background:#f9fcff}.out-name{color:var(--o-azul2);align-items:center;gap:9px;font-weight:800;display:flex}.out-name i{width:30px;height:30px;color:var(--o-azul);background:#eaf4ff;border-radius:9px;place-items:center;display:grid}.out-badge{border-radius:999px;justify-content:center;align-items:center;min-width:78px;padding:5px 8px;font-size:.61rem;font-weight:800;display:inline-flex}.b-ok{color:#08785f;background:#e4f6ef}.b-att{color:#9b6a00;background:#fff4d6}.b-alert{color:#b75a11;background:#fff0e3}.b-crit{color:#b63834;background:#fde8e7}.out-info{color:#41576e;background:#f1f7fd;border:1px solid #bdd8f2;border-radius:14px;align-items:flex-start;gap:11px;margin-top:18px;padding:14px 16px;font-size:.7rem;line-height:1.55;display:flex}.out-info i{color:var(--o-azul);font-size:1.1rem}.out-loading{min-height:260px;color:var(--o-muted);justify-content:center;align-items:center;font-size:.78rem;display:flex}.out-loading .spinner-border{width:1.4rem;height:1.4rem;color:var(--o-azul);margin-right:8px}@media (max-width:991px){.out-toolbar{flex-direction:column;align-items:flex-start}.out-chart{min-height:360px}}@media (max-width:767px){.out-date{width:100%}.out-date>div{flex:1}.out-date input{width:100%}}