/* ESPELHO PIMS OFICIAL 1.03
   Ajustes finais aprovados: largura do container de login, Sem O.S. amarelo,
   fonte branca nos equipamentos e consistência de categoria nos cards. */

/* LOGIN 1.03 — o card branco termina exatamente no limite visual aprovado.
   Em 1664 px de largura, o container externo fica com cerca de 470 x 530 px,
   exatamente no limite marcado em vermelho na referência aprovada. */
@media (min-width:941px){
  #loginView.login-screen:not(.hidden){
    grid-template-columns:61% 39%!important;
  }
  #loginView .login-panel{
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    padding:clamp(30px,4vh,50px) clamp(42px,4vw,76px)!important;
    margin:0!important;
    overflow:visible!important;
  }
  #loginView .login-card{
    box-sizing:border-box!important;
    width:min(470px,calc(100% - 8px))!important;
    max-width:470px!important;
    min-height:530px!important;
    padding:28px clamp(34px,2.8vw,42px) 24px!important;
  }
}
@media (min-width:941px) and (max-width:1220px){
  #loginView.login-screen:not(.hidden){grid-template-columns:57% 43%!important;}
  #loginView .login-panel{padding:28px 30px!important;}
  #loginView .login-card{
    width:min(460px,100%)!important;
    max-width:460px!important;
    min-height:0!important;
    padding-left:34px!important;
    padding-right:34px!important;
  }
}
@media (max-height:760px) and (min-width:941px){
  #loginView .login-card{
    width:min(470px,calc(100% - 8px))!important;
    max-width:470px!important;
    min-height:0!important;
    padding:22px clamp(32px,2.8vw,40px)!important;
  }
}

/* ALOCAÇÃO — Sem O.S. é amarelo oficial e toda frota usa fonte branca. */
#allocationGrid .fleet-card.yellow,
#allocationGrid .fleet-card.sem-os,
#allocationGrid .fleet-card.sem_os,
#allocationGrid .fleet-card[data-status-categoria="SEM_OS"]{
  background:#d9ad19!important;
  border-color:#b88d0b!important;
  color:#fff!important;
}
#allocationGrid .fleet-card,
#allocationGrid .fleet-card:hover,
#allocationGrid .fleet-card:focus,
#allocationGrid .fleet-card:focus-visible,
#allocationGrid .fleet-card.active,
#allocationGrid .fleet-card.selected,
#allocationGrid .fleet-card[aria-pressed="true"],
#allocationGrid .fleet-card *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#allocationGrid .fleet-card{
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}

/* Legenda/filtro Sem O.S. no mesmo amarelo oficial. */
.det-page .det-status-filter[data-det-status-filter="SEM_OS"] .dot,
.det-page .det-status-filter[data-det-status-filter="SEM_OS"] b.dot,
.dot.yellow,
.report-legend-dot.yellow{
  background:#d9ad19!important;
}
.det-page .det-status-filter[data-det-status-filter="SEM_OS"]{
  border-color:#e2c45b!important;
  background:#fffbea!important;
}

/* Modal do Semáforo — cores finais alinhadas à categoria oficial. */
.semaforo-card-yellow{background:#fff9df!important;border-color:#e6c34b!important;}
.semaforo-card-yellow .semaforo-card-head{background:#fff3bd!important;border-bottom-color:#e6c34b!important;}
.badge.yellow{background:#d9ad19!important;border-color:#b88d0b!important;color:#fff!important;}

/* V1.03 — Offline com O.S. continua no grupo OFFLINE, mas o equipamento é
   apresentado como PARADO/vermelho em cards e modais. */
.semaforo-card-red{background:#fff0ed!important;border-color:#e49a8b!important;}
.semaforo-card-red .semaforo-card-head{background:#ffe6df!important;border-bottom-color:#e49a8b!important;}