/* Light operational details matching Panorama Executivo. */
#farolPanel .demand-overview{padding:0 14px 14px;background:#f6f8fb;border:1px solid #dbe3ed;border-radius:7px}
#farolPanel .demand-overview>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 2px;color:#344e6d;cursor:pointer}
.demand-overview>summary>span{font-size:15px;font-weight:650}
.demand-overview>summary>small{font-size:11px;font-weight:400;color:#75869d}
#farolPanel .demand-overview .period-controls{background:#fff;border:1px solid #dbe3ed;padding:12px 14px;align-items:center}
#farolPanel .demand-overview .period-controls strong{font-size:13px}
#farolPanel .demand-overview .period-controls span,#farolPanel .demand-overview .period-filter label{font-size:11px;color:#738299}
#farolPanel .demand-overview .period-filter{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
#farolPanel .demand-overview .period-filter input{font:12px Inter,Arial;box-sizing:border-box;max-width:160px;min-width:0;width:160px;min-height:36px}
#farolPanel .demand-overview .period-filter .btn{font:500 11px Inter,Arial;min-height:36px}
#farolPanel .demand-overview .demand-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px;margin-bottom:14px}
#farolPanel .demand-overview .stat{padding:13px 15px;background:#fff;border:1px solid #d8e2ee;gap:8px;box-shadow:none}
#farolPanel .demand-overview .stat span{font-size:11px;letter-spacing:0;color:#71829a;line-height:1.4}
#farolPanel .demand-overview .stat b{font-size:27px;color:#385777;line-height:1.2;margin:0}
#farolPanel .demand-overview .stat:nth-child(3) b{color:#39765e}
.demand-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:14px;align-items:start}
#farolPanel .demand-grid .card,#farolPanel .demand-peak{background:#fff;border:1px solid #dbe3ed;border-radius:6px;overflow:hidden;box-shadow:none;margin:0}
#farolPanel .demand-overview .cardhead{background:#fff!important;color:#344e6d;border-bottom:1px solid #e0e7f0;padding:15px!important}
#farolPanel .demand-overview .cardhead h2{font-size:15px;color:#344e6d!important;font-weight:650;margin:0 0 5px}
#farolPanel .demand-overview .cardhead p{font-size:11px;color:#75869d!important;line-height:1.5}
#farolPanel .demand-overview .poster-table{table-layout:fixed}
#farolPanel .demand-overview .poster-table thead th{background:#edf2f7;color:#526981;border-bottom:1px solid #dae3ed;padding:11px 12px;font-size:10px;letter-spacing:0;white-space:normal;font-weight:650}
#farolPanel .demand-overview .poster-table tbody td{background:#fff;color:#425974;border-bottom:1px solid #e4eaf2;padding:12px;font-size:12px;font-weight:400;line-height:1.5}
#farolPanel .demand-overview .poster-table tbody tr:nth-child(even) td{background:#f7f9fc}
#farolPanel .demand-overview .poster-table tbody tr:hover td{background:#edf3fa}
#farolPanel .demand-overview .poster-table td b{font-weight:600}
#farolPanel .demand-overview .poster-table :is(th,td):nth-child(n+3):nth-child(-n+5){text-align:center}
#farolPanel .demand-overview .poster-table :is(th,td):nth-child(2){width:20%}
#farolPanel .demand-overview .poster-table :is(th,td):last-child{width:22%;text-align:center}
#farolPanel .demand-overview .poster-table .pill,#farolPanel .demand-overview .poster-table .status-ok{font-size:10px;padding:5px 8px;border-radius:4px;font-weight:550;line-height:1.4;background:#e9eff7;color:#526981;white-space:normal}
#farolPanel .demand-overview .poster-table .pill.alta{background:#e0ecfa;color:#3f6694}
#farolPanel .demand-overview .poster-table .status-ok{background:#e0eee6;color:#356951}
.demand-section-heading{padding:15px 15px 5px}
.demand-section-heading h3{font-size:15px;color:#344e6d;font-weight:650;line-height:1.4;margin:0 0 5px}
.demand-section-heading p{font-size:11px;color:#75869d;line-height:1.5;margin:0}
.demand-key{display:flex;gap:14px;padding:8px 15px;font-size:10px;color:#75869d}
.demand-key span{display:flex;gap:6px;align-items:center}
.demand-key i{height:7px;width:7px;border-radius:2px;background:#6f8fb2}
.demand-key span:last-child i{background:#78a28d}
#demandWeekChart{padding:2px 15px 15px;display:grid;gap:13px}
.demand-week-row>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#4a617d;margin-bottom:6px}
.demand-week-row strong{font-size:12px;font-weight:650;color:#385777}
.demand-week-track{height:12px;border-radius:3px;background:#edf1f6;overflow:hidden;display:flex}
.demand-week-track i{height:100%;display:block;background:#6f8fb2}
.demand-week-track i:last-child{background:#78a28d}
#farolPanel .demand-overview [hidden]{display:none!important}
@media(max-width:1100px){.demand-grid{grid-template-columns:minmax(0,1fr)}#demandWeekChart{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}}
@media(max-width:600px){
#farolPanel .demand-overview{padding:0 10px 10px}
#farolPanel .demand-overview>summary{align-items:flex-start;flex-direction:column;gap:4px}
#farolPanel .demand-overview .demand-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#farolPanel .demand-overview .stat{padding:11px}
#farolPanel .demand-overview .stat span{font-size:10px}
#farolPanel .demand-overview .stat b{font-size:24px}
#farolPanel .demand-overview .demand-daily>div:last-child{overflow-x:auto}
#farolPanel .demand-overview .poster-table{min-width:650px}
#farolPanel .demand-overview .period-filter input{max-width:100%;min-height:40px;flex:1}
#farolPanel .demand-overview .period-filter .btn{min-height:40px}
#demandWeekChart{grid-template-columns:minmax(0,1fr)}
}
/* Archive: retain the existing table and filter layout, refresh its colors. */
#arquivoPanel .card{background:#fff;border-color:#d7e1ec}
#arquivoPanel .cardhead{background:#f4f7fa!important;border-bottom:1px solid #dbe4ef;color:#344e6d!important}
#arquivoPanel .cardhead h2{color:#344e6d!important}
#arquivoPanel .cardhead p{color:#75869d!important}
#arquivoPanel .exportControls{background:#fff;border:1px solid #d8e2ee}
#arquivoPanel .exportControls label{color:#526981}
#arquivoPanel .exportControls input{background:#fff;color:#3d5775;border:1px solid #cad7e6}
#arquivoPanel .poster-table thead th{background:#e7edf5;color:#4b6280;border-color:#d4dfed}
#arquivoPanel .poster-table tbody td{background:#fff;color:#425974;border-color:#e0e7f0}
#arquivoPanel .poster-table tbody tr:nth-child(even) td{background:#f4f7fb}
#arquivoPanel .poster-table tbody tr:hover td{background:#eaf1f9}
#arquivoPanel .poster-table .btn{background:#e8eff9;color:#3d628e;border-color:#c7d7eb}
#arquivoPanel .poster-table td small{color:#74869e}
#farolPanel .demand-overview .stat b{color:#385777!important}
#farolPanel .demand-overview .demand-kpis .stat:nth-child(3) b{color:#39765e!important}
.demand-reschedules{margin-top:14px;border:1px solid #dbe3ed;border-radius:6px;background:#fff;padding:0 12px}
.demand-reschedules>summary{padding:12px 0;color:#526981;font-size:12px;font-weight:600;cursor:pointer}
#farolPanel .demand-overview .poster-table .pill.demand-pending{background:#fff0c7;color:#76561a;border:1px solid #ead49c}
#farolPanel .demand-overview .poster-table .pill.demand-active{background:#deebfc;color:#355f94;border:1px solid #bed2ee}
#farolPanel .demand-overview .poster-table .pill.demand-none{background:#eef0f3;color:#7c8797;border:1px solid #dce1e7;font-weight:400}
#farolPanel .demand-overview .poster-table .status-ok{background:#def0e4;color:#326d4e;border:1px solid #b9dac7}
#farolPanel .demand-overview .poster-table .pill.demand-none{color:#616e80}