/* MaquiJobs Admin - correção de responsividade em 100% (28/10/2026).
   O erro original: breakpoint max-width:1380px mudava os indicadores para 2 colunas,
   e somente 90% de zoom elevava o viewport acima de 1380px. O desenho agora prioriza
   4 cartões e 5 ações em DESKTOP normal. Zoom do navegador não é alterado. */
.dashboard .workspace,.dashboard #page-content,.dashboard .content-area,
.dashboard .mj-visual-metrics,.dashboard .mj-visual-quick,.dashboard .mj-visual-team,
.dashboard .mj-visual-board,.dashboard .mj-visual-footer{min-width:0;max-width:100%}
.dashboard .mj-visual-metric,.dashboard .mj-visual-rank,.dashboard .mj-presentation-action,
.dashboard .mj-visual-approvals,.dashboard .mj-visual-reports{min-width:0;box-sizing:border-box}
.dashboard .mj-visual-label,.dashboard .mj-visual-rank-copy strong,
.dashboard .mj-visual-info small{overflow-wrap:break-word}

/* Monitores e notebooks: quatro números lado a lado em 100%,
   inclusive na largura CSS ~1024-1380 comum ao Windows com escala de 125%. */
@media (min-width:1000px) and (max-width:1380px){
  .dashboard{grid-template-columns:clamp(202px,19vw,242px) minmax(0,1fr)!important}
  .dashboard .sidebar{padding-left:7px!important;padding-right:7px!important}
  .dashboard .sidebar-brand.mj-screenshot-brand{width:100%!important;padding:4px 7px!important;gap:6px!important}
  .dashboard .mj-construction-logo{width:51px!important;height:52px!important;flex:none!important}
  .dashboard .mj-brand-main{font-size:clamp(19px,2.05vw,25px)!important;white-space:nowrap!important}
  .dashboard .mj-brand-sub{font-size:8px!important;letter-spacing:0!important}
  .dashboard #navigation .nav-item{font-size:12px!important;padding:9px 9px!important;gap:9px!important}
  .dashboard .content-area{max-width:none!important;padding:17px 15px 24px!important}
  .dashboard .intro-row{padding:0 2px!important;gap:12px!important}
  .dashboard .intro-row h1{font-size:clamp(21px,2.2vw,29px)!important}
  .dashboard .page-summary{font-size:13px!important}
  .dashboard .mj-screenshot-date{min-width:170px!important;padding:8px 9px!important}
  .dashboard .mj-version-indicator{font-size:9px!important}
  .dashboard .mj-visual-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
  .dashboard .mj-visual-metric{min-height:112px!important;padding:12px 10px!important;gap:7px!important}
  .dashboard .mj-visual-icon{width:40px!important;height:43px!important;flex:0 0 40px!important}
  .dashboard .mj-visual-icon svg{width:25px!important;height:25px!important}
  .dashboard .mj-visual-info{min-width:0!important}
  .dashboard .mj-visual-label{font-size:clamp(10px,1vw,13px)!important;line-height:1.18!important}
  .dashboard .mj-visual-num{font-size:clamp(23px,2.4vw,29px)!important}
  .dashboard .mj-visual-info small{font-size:10px!important;line-height:1.22!important}
  .dashboard .mj-visual-arrow{display:none!important}
  .dashboard .mj-visual-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
  .dashboard .mj-presentation-action{padding:8px 4px!important;gap:4px!important;font-size:clamp(10px,1vw,12px)!important;min-height:55px!important;line-height:1.2!important}
  .dashboard .mj-presentation-action .mj-svg-wrap{flex:0 0 20px!important}
  .dashboard .mj-presentation-action svg{width:19px!important;height:19px!important}
  .dashboard .mj-visual-ranks{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .dashboard .mj-visual-rank{min-height:96px!important;padding:8px!important;gap:6px!important}
  .dashboard .mj-visual-rank-icon{min-width:27px!important;width:27px!important}
  .dashboard .mj-visual-rank-icon svg{height:27px!important;width:27px!important}
  .dashboard .mj-visual-rank-copy strong{font-size:11px!important;line-height:1.23!important}
  .dashboard .mj-visual-rank-copy small{font-size:10px!important}
  .dashboard .mj-visual-rank-count{font-size:9px!important;padding:4px 6px!important}
  .dashboard .mj-visual-board{grid-template-columns:minmax(0,1.6fr) minmax(225px,.8fr)!important;gap:10px!important}
  .dashboard .mj-visual-approvals,.dashboard .mj-visual-reports{overflow-x:auto!important}
  .dashboard .mj-table-header{grid-template-columns:70px minmax(70px,1fr) minmax(70px,.85fr) 68px 132px!important;gap:4px!important;padding:6px!important;font-size:10px!important}
  .dashboard .mj-visual-pending-row{grid-template-columns:70px minmax(70px,1fr) minmax(70px,.85fr) 68px 132px!important;gap:4px!important;padding:6px!important;font-size:10px!important}
  .dashboard .mj-visual-pending-actions button{min-width:59px!important;padding:6px 4px!important;font-size:10px!important}
  .dashboard .mj-visual-footer{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
}
/* Notebooks compactos: modo 2 colunas só quando realmente não há
   espaço físico suficiente. Não usar o limiar arbitrário de 1380px. */
@media (min-width:741px) and (max-width:999px){
 .dashboard{grid-template-columns:205px minmax(0,1fr)!important}
 .dashboard .content-area{padding:16px 12px!important}
 .dashboard .mj-visual-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard .mj-visual-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .dashboard .mj-visual-ranks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard .mj-visual-board{grid-template-columns:1fr!important}
 .dashboard .mj-visual-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard .mj-screenshot-brand{padding-left:2px!important}
 .dashboard .mj-construction-logo{width:47px!important}
 .dashboard .mj-brand-main{font-size:21px!important}
 .dashboard .mj-brand-sub{font-size:8px!important}
}
/* Celulares: manter comportamento móvel, sem rolagem horizontal do painel. */
@media(max-width:740px){
 .dashboard{display:block!important}
 .dashboard .content-area{padding:16px 12px!important;max-width:100vw!important}
 .dashboard .mj-visual-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .dashboard .mj-visual-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .dashboard .mj-visual-ranks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .dashboard .mj-visual-board,.dashboard .mj-visual-footer{grid-template-columns:1fr!important}
 .dashboard .mj-visual-metric{min-height:106px!important;gap:8px!important;padding:10px!important}
 .dashboard .mj-visual-arrow{display:none!important}
 .dashboard .mj-visual-rank{gap:7px!important;padding:10px!important}
 .dashboard .mj-visual-pending-row{grid-template-columns:minmax(0,1fr) 92px!important}
 .dashboard .mj-table-header{display:none!important}
}
@media(max-width:360px){.dashboard .mj-visual-metrics{grid-template-columns:1fr!important}}