/* Monitor da central (protótipo). Só tokens do brandbook: sem cor nova, sem sombra, sem gradiente. */
.mn-topo{display:flex;flex-wrap:wrap;gap:var(--espaco-4);align-items:center;justify-content:space-between;margin-bottom:var(--espaco-4)}
.mn-topo h2{font:600 24px/30px var(--font-display);margin:0;color:var(--tinta)}
.mn-topo p{margin:2px 0 0;color:var(--tinta-2);font-size:14px;line-height:20px}
.mn-kpis{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:var(--espaco-2)}
.mn-kpis div{background:var(--noite-2);border:1px solid var(--linha);border-radius:var(--raio-m);padding:var(--espaco-2) var(--espaco-3)}
.mn-kpis b{display:block;font:500 28px/32px var(--font-dados);color:var(--tinta)}
.mn-kpis span{font-size:12px;line-height:16px;color:var(--tinta-2);text-transform:uppercase;letter-spacing:.06em}
.mn-kpis .nova b{color:var(--atencao)}.mn-kpis .em_andamento b{color:var(--marca)}.mn-kpis .concluida b{color:var(--folga)}

.mn-fluxo h4,.mn-baixo h4{margin:0 0 var(--espaco-3)}
.mn-fluxo ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--espaco-3)}
.mn-fluxo li{display:flex;flex-direction:column;gap:4px;padding:var(--espaco-3);border:1px solid var(--linha);border-radius:var(--raio-m);background:var(--noite-3);font-size:13px;line-height:18px;color:var(--tinta-2)}
.mn-fluxo li i{font:500 13px/20px var(--font-dados);font-style:normal;color:var(--marca)}
.mn-fluxo li b{color:var(--tinta);font-size:15px;line-height:20px}
.mn-bts{display:flex;flex-wrap:wrap;gap:6px}
.mn-fluxo .mn-bts{margin-top:6px}

.mn-quadro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--espaco-3);align-items:start;margin-bottom:var(--espaco-3)}
.mn-col{background:var(--noite-2);border:1px solid var(--linha);border-radius:var(--raio-m);padding:var(--espaco-3);min-width:0}
.mn-col>h4{margin:0 0 var(--espaco-3);font:600 13px/18px var(--font-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2);display:flex;justify-content:space-between;gap:8px}
.mn-col>h4 em{font:500 13px/18px var(--font-dados);font-style:normal;color:var(--tinta)}
.mn-col.nova{border-top:3px solid var(--atencao)}.mn-col.alocada{border-top:3px solid var(--tinta-2)}
.mn-col.em_andamento{border-top:3px solid var(--marca)}.mn-col.concluida{border-top:3px solid var(--folga)}
.mn-vazio{margin:0;color:var(--tinta-2);font-size:13px}
.mn-card{background:var(--noite-3);border:1px solid var(--linha);border-radius:var(--raio-m);padding:var(--espaco-3);margin-bottom:var(--espaco-2);font-size:13px;line-height:18px;color:var(--tinta-2)}
.mn-card:last-child{margin-bottom:0}
.mn-card.novo{border-color:var(--marca);animation:mn-pisca 1s ease-in-out 4}
@keyframes mn-pisca{50%{background:var(--marca-suave)}}
@media (prefers-reduced-motion:reduce){.mn-card.novo{animation:none}}
.mn-card header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px}
.mn-card header b{color:var(--tinta);font-size:15px;line-height:20px}
.mn-card header time{margin-left:auto;font:500 12px/16px var(--font-dados)}
.mn-rota{color:var(--tinta);margin-bottom:var(--espaco-2)}
.mn-rota small{color:var(--tinta-2)}
.mn-prazo{border-left:3px solid var(--linha);padding:2px 0 2px var(--espaco-2);margin-bottom:var(--espaco-2)}
.mn-prazo b{display:block;color:var(--tinta);font-size:14px;line-height:20px}
.mn-prazo .mn-cron{font:500 24px/28px var(--font-dados)}
.mn-prazo span{font-size:12px;line-height:16px}
.mn-prazo.folga{border-color:var(--folga)}.mn-prazo.folga b{color:var(--folga)}
.mn-prazo.atencao{border-color:var(--atencao)}.mn-prazo.atencao b{color:var(--atencao)}
.mn-prazo.critico{border-color:var(--critico)}.mn-prazo.critico b{color:var(--critico)}
.mn-marcos{list-style:none;margin:0 0 var(--espaco-2);padding:0}
.mn-marcos li{display:flex;align-items:center;gap:8px;padding:1px 0}
.mn-marcos i{flex:none;width:8px;height:8px;border-radius:50%;border:1px solid var(--tinta-2)}
.mn-marcos b{margin-left:auto;font:500 12px/16px var(--font-dados);color:var(--tinta-2)}
.mn-marcos .ok i{background:var(--folga);border-color:var(--folga)}.mn-marcos .ok b,.mn-marcos .ok span{color:var(--tinta)}
.mn-marcos .prox i{border-color:var(--marca)}.mn-marcos .prox span{color:var(--marca)}
.mn-rec{margin-bottom:var(--espaco-2);color:var(--tinta)}
.mn-disparo{border-top:1px solid var(--linha);padding-top:var(--espaco-2);margin-bottom:var(--espaco-2)}
.mn-disparo h5,.mn-baixo h5{margin:0 0 4px;font:600 12px/16px var(--font-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.mn-baixo h5{margin-top:var(--espaco-3)}
.mn-part,.mn-lin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:4px 0}
.mn-part b,.mn-lin b{color:var(--tinta)}
.mn-lin{border-top:1px solid var(--linha);font-size:14px;line-height:20px}
.mn-lin>span:first-child{display:flex;flex-direction:column;min-width:0}
.mn-lin small{color:var(--tinta-2);font-size:12px;line-height:16px}
.mn-sit{display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:flex-end}
.mn-nota{margin:0 0 var(--espaco-2);color:var(--tinta-2);font-size:12px;line-height:16px}
.mn-bts.fim{justify-content:flex-end}
.mn-card .btn-sm,.mn-lin .btn-sm{min-height:32px;padding:0 10px;font-size:13px}
.cb-chip.folga{color:var(--folga);border:1px solid var(--folga);background:transparent}
.cb-chip.atencao{color:var(--atencao);border:1px solid var(--atencao);background:transparent}

.mn-baixo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--espaco-3);align-items:start}
.mn-eventos{list-style:none;margin:0;padding:0}
.mn-eventos li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-top:1px solid var(--linha);font-size:14px;line-height:20px;color:var(--tinta)}
.mn-eventos time{flex:none;font:500 13px/20px var(--font-dados);color:var(--tinta-2)}
.mn-eventos small{display:block;color:var(--tinta-2);font-size:12px;line-height:16px}

@media(max-width:1250px){.mn-quadro{grid-template-columns:repeat(2,minmax(0,1fr))}.mn-fluxo ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .mn-quadro,.mn-baixo{grid-template-columns:1fr}
  .mn-fluxo ol{grid-template-columns:1fr}
  .mn-fluxo li{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
  .mn-fluxo li span{flex-basis:100%}
  .mn-kpis{grid-template-columns:repeat(2,1fr);width:100%}
  .mn-card .btn-sm,.mn-lin .btn-sm{min-height:44px}
  .mn-topo h2{font-size:20px;line-height:26px}
  #demo-faixa span{flex-basis:100%;order:3}
  #rjt-pane-mon:not([hidden]){display:flex;flex-direction:column}
  #rjt-pane-mon .mn-fluxo{order:3}#rjt-pane-mon .mn-baixo{order:2}
}