
.cadastro-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cadastro-filters select{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;min-width:150px}
.cadastro-grid td,.cadastro-grid th{vertical-align:middle}
.cadastro-grid .mono{font-family:Consolas,monospace;font-size:12px}
.cadastro-grid .nowrap{white-space:nowrap}
.modalbox.wide{width:min(980px,100%)}
.lookup-wrap{display:flex;align-items:stretch;gap:6px}.lookup-wrap input{flex:1;min-width:0}.lookup-btn{width:42px;min-width:42px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--navy);font-size:20px;font-weight:800;cursor:pointer}.lookup-btn:hover{background:var(--pale)}

/* Padrão dos grids de cadastro */
.cadastro-card{display:flex;flex-direction:column;min-height:0}
.cadastro-toolbar{
  position:sticky;
  top:72px;
  z-index:12;
  background:#fff;
}
.cadastro-tablewrap{
  overflow-x:auto;
  overflow-y:visible;
  position:relative;
}
.cadastro-grid thead th{
  
  
  z-index:10;
  background:#fafbfc;
  box-shadow:0 1px 0 var(--line);
}
.cadastro-pager{
  position:relative;
  z-index:11;
  background:#fff;
  gap:14px;
}
.cadastro-pager,.pager-left,.pager-right{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.pager-left,.pager-right{gap:10px;flex-wrap:wrap}
.pager-left label{display:flex;align-items:center;gap:7px}
.pager-left select{
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
}
.pager-btn{padding:7px 10px}
.pager-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){
  .cadastro-toolbar{top:72px}
  .cadastro-pager{align-items:flex-start;flex-direction:column}
}

/* O grid mantém visualmente 10 linhas mesmo quando não há registros. */
.cadastro-grid tbody tr{height:44px}
.cadastro-grid tbody tr.cad-placeholder td{
  height:44px;
  color:transparent;
  pointer-events:none;
  background:#fff;
}
.cadastro-grid tbody tr.cad-placeholder:last-child td{
  border-bottom:0;
}

/* Cabeçalho do grid: sempre imediatamente acima da primeira linha. */
.cadastro-grid thead{
  display:table-header-group;
}
.cadastro-grid thead th{
  position:relative !important;
  top:auto !important;
  background:#dbe7f3 !important;
  color:#17324d !important;
  font-weight:700 !important;
  border-top:1px solid #c2d2e2 !important;
  border-bottom:1px solid #aebfd0 !important;
  height:42px;
  vertical-align:middle;
}
.cadastro-grid tbody tr{
  height:44px;
}

/* Correção definitiva do fluxo visual do cadastro */
.cadastro-toolbar{
  position:relative !important;
  top:auto !important;
  z-index:2 !important;
  background:#fff !important;
}
.cadastro-tablewrap{
  position:relative !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
}
.cadastro-grid{
  margin-top:0 !important;
}
.cadastro-grid thead{
  display:table-header-group !important;
}
.cadastro-grid thead th{
  position:static !important;
  top:auto !important;
  background:#c8d9ea !important;
  color:#17324d !important;
  font-weight:700 !important;
  height:42px !important;
  vertical-align:middle !important;
  border-top:1px solid #afc3d7 !important;
  border-bottom:1px solid #96aec5 !important;
}

/* Navegação: resposta visual imediata enquanto os dados são carregados */
.cadastro-loading{
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:24px;
}
.cad-loading-line{
  height:4px;
  width:100%;
  border-radius:4px;
  background:linear-gradient(90deg,#dbe7f3 0%,#0d3a63 50%,#dbe7f3 100%);
  background-size:200% 100%;
  animation:mmxLoading 1s linear infinite;
}
.cad-loading-text{font-size:13px;color:#61758a}
@keyframes mmxLoading{from{background-position:100% 0}to{background-position:-100% 0}}

/* Botão de consulta CNPJ/CEP */
.lookup-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:16px !important;
}

.cad-loading-line,.cad-loading-text,.cadastro-loading{display:none!important}


/* Padrão MMX OS: todos os cabeçalhos dos grids na mesma cor */
.tablewrap table thead th,
.cadastro-grid thead th{
  background:#062d55 !important;
  color:#ffffff !important;
  border-top:1px solid #062d55 !important;
  border-bottom:1px solid #062d55 !important;
  font-weight:800 !important;
}
.wrapcell{white-space:normal!important;min-width:220px;line-height:1.35}
.module-tabs{display:flex;gap:4px;padding:12px 18px 0;background:#fff;border-bottom:1px solid var(--line)}
.module-tabs button{border:0;background:transparent;padding:10px 14px;font-weight:800;color:var(--muted);border-bottom:3px solid transparent}
.module-tabs button.active{color:var(--navy);border-bottom-color:var(--navy)}
.form-section{margin:18px 0 12px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;font-weight:900;color:var(--navy)}
.supplier-form .field textarea{min-height:85px}


/* MMX OS - grade com cabecalho fixo ao exibir 20/50/100 registros */
.tablewrap.mmx-scroll-grid,
.cadastro-tablewrap.mmx-scroll-grid{
  max-height:560px !important;
  overflow-y:auto !important;
  overflow-x:auto !important;
  scrollbar-gutter:stable;
}
.tablewrap.mmx-scroll-grid table thead th,
.cadastro-tablewrap.mmx-scroll-grid .cadastro-grid thead th{
  position:sticky !important;
  top:0 !important;
  z-index:30 !important;
  background:#062d55 !important;
  color:#fff !important;
  box-shadow:0 1px 0 #062d55;
}
.tablewrap.mmx-scroll-grid::-webkit-scrollbar,
.cadastro-tablewrap.mmx-scroll-grid::-webkit-scrollbar{width:12px;height:12px}
.tablewrap.mmx-scroll-grid::-webkit-scrollbar-thumb,
.cadastro-tablewrap.mmx-scroll-grid::-webkit-scrollbar-thumb{background:#a8b7c6;border-radius:8px;border:3px solid #f5f7f9}
.tablewrap.mmx-scroll-grid::-webkit-scrollbar-track,
.cadastro-tablewrap.mmx-scroll-grid::-webkit-scrollbar-track{background:#f5f7f9}

/* Mensagens proprias do MMX OS */
.mmx-dialog-text{font-size:14px;line-height:1.55;color:#33485d;white-space:pre-line}
.mmx-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.mmx-dialog-warning{padding:12px 14px;border-radius:9px;background:#fff6f6;color:#9d2020;border:1px solid #f3c9c9;margin-top:12px}

/* MMX OS - padrão definitivo: vazio compacto; grade de 10 linhas somente após existir cadastro */
.cad-empty-message,.mmx-empty-row{height:92px!important}
.cad-empty-message td,.mmx-empty-row td{height:92px!important;text-align:center!important;color:#6b7d90!important;background:#fff!important}
.cadastro-grid tbody tr.empty-only{height:92px!important}
.grid-link{border:0;background:transparent;padding:0;color:#0b4a7d;font:inherit;font-weight:700;cursor:pointer;text-align:left}.grid-link:hover{text-decoration:underline}
.contract-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px}.contract-summary .full{grid-column:1/-1}.contract-summary .span2{grid-column:span 2}.contract-summary .item{border-bottom:1px solid #dbe4ec;padding:0 0 10px}.contract-summary .label{font-size:11px;text-transform:uppercase;color:#64748b;margin-bottom:4px}.contract-summary .value{font-size:13px;color:#0f172a;white-space:pre-wrap}.contract-summary-actions{display:flex;justify-content:flex-end;margin-top:18px}
@media(max-width:900px){.contract-summary{grid-template-columns:1fr 1fr}.contract-summary .span2{grid-column:span 2}}


/* Ativos: grade compacta. A categoria continua no cadastro/importação/exportação,
   mas foi retirada somente da listagem para aliviar o grid. */
.cadastro-grid-ativos{
  width:100%;
  min-width:1240px;
  table-layout:fixed;
  font-size:11px;
}
.cadastro-grid-ativos thead th{
  white-space:normal !important;
  overflow-wrap:anywhere;
  line-height:1.15;
  padding:7px 5px !important;
  height:auto !important;
}
.cadastro-grid-ativos tbody tr{
  height:auto !important;
  min-height:58px;
}
.cadastro-grid-ativos tbody td{
  height:auto !important;
  min-height:58px;
  vertical-align:middle !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.22;
  padding:7px 5px !important;
}
/* Código */
.cadastro-grid-ativos th:nth-child(1),
.cadastro-grid-ativos td:nth-child(1){width:70px;white-space:nowrap!important}
/* Empresa */
.cadastro-grid-ativos th:nth-child(2),
.cadastro-grid-ativos td:nth-child(2){width:155px}
/* Estabelecimento */
.cadastro-grid-ativos th:nth-child(3),
.cadastro-grid-ativos td:nth-child(3){width:105px}
/* Setor */
.cadastro-grid-ativos th:nth-child(4),
.cadastro-grid-ativos td:nth-child(4){width:88px}
/* Local */
.cadastro-grid-ativos th:nth-child(5),
.cadastro-grid-ativos td:nth-child(5){width:120px}
/* Ativo */
.cadastro-grid-ativos th:nth-child(6),
.cadastro-grid-ativos td:nth-child(6){width:180px}
/* Fabricante / Modelo */
.cadastro-grid-ativos th:nth-child(7),
.cadastro-grid-ativos td:nth-child(7){width:92px}
.cadastro-grid-ativos th:nth-child(8),
.cadastro-grid-ativos td:nth-child(8){width:82px}
/* Série / Patrimônio */
.cadastro-grid-ativos th:nth-child(9),
.cadastro-grid-ativos td:nth-child(9){width:84px}
.cadastro-grid-ativos th:nth-child(10),
.cadastro-grid-ativos td:nth-child(10){width:80px}
/* Criticidade / Status */
.cadastro-grid-ativos th:nth-child(11),
.cadastro-grid-ativos td:nth-child(11){width:80px;text-align:center}
.cadastro-grid-ativos th:nth-child(12),
.cadastro-grid-ativos td:nth-child(12){width:70px;text-align:center}
/* Ações */
.cadastro-grid-ativos th:nth-child(13),
.cadastro-grid-ativos td:nth-child(13){width:52px;white-space:nowrap!important;text-align:center}
.cadastro-grid-ativos tbody td:empty{padding-left:3px!important;padding-right:3px!important}
@media(min-width:1800px){
  .cadastro-grid-ativos{min-width:100%}
}
@media(max-width:1200px){
  .cadastro-grid-ativos{min-width:1200px;font-size:10.5px}
}

/* Ativos: filtros encadeados por Empresa > Estabelecimento > Ativo */
.cadastro-grid-ativos~*{}
.cadastro-filters .cad-extra-filter-empresa_id{min-width:250px;max-width:320px}
.cadastro-filters .cad-extra-filter-estabelecimento_id{min-width:210px;max-width:280px}
.cadastro-filters .cad-extra-filter-descricao{min-width:230px;max-width:320px}
@media(max-width:1200px){
 .cadastro-filters .cad-extra-filter-empresa_id,
 .cadastro-filters .cad-extra-filter-estabelecimento_id,
 .cadastro-filters .cad-extra-filter-descricao{min-width:180px;max-width:240px}
}

/* Fornecedores: grid compacto com endereço completo e quebra de linha */
.cadastro-grid-fornecedores{table-layout:fixed;min-width:1170px;font-size:11px}
.cadastro-grid-fornecedores tbody tr{height:58px}
.cadastro-grid-fornecedores td,.cadastro-grid-fornecedores th{padding:8px 7px}
.cadastro-grid-fornecedores td{white-space:normal;overflow-wrap:anywhere;line-height:1.25}
.cadastro-grid-fornecedores th:nth-child(1),.cadastro-grid-fornecedores td:nth-child(1){width:118px;white-space:nowrap}
.cadastro-grid-fornecedores th:nth-child(2),.cadastro-grid-fornecedores td:nth-child(2){width:190px}
.cadastro-grid-fornecedores th:nth-child(3),.cadastro-grid-fornecedores td:nth-child(3){width:78px}
.cadastro-grid-fornecedores th:nth-child(4),.cadastro-grid-fornecedores td:nth-child(4){width:225px}
.cadastro-grid-fornecedores th:nth-child(5),.cadastro-grid-fornecedores td:nth-child(5){width:118px}
.cadastro-grid-fornecedores th:nth-child(6),.cadastro-grid-fornecedores td:nth-child(6){width:112px;white-space:nowrap}
.cadastro-grid-fornecedores th:nth-child(7),.cadastro-grid-fornecedores td:nth-child(7){width:150px}
.cadastro-grid-fornecedores th:nth-child(8),.cadastro-grid-fornecedores td:nth-child(8){width:165px}
.cadastro-grid-fornecedores th:nth-child(9),.cadastro-grid-fornecedores td:nth-child(9){width:76px;text-align:center}
.cadastro-grid-fornecedores th:nth-child(10),.cadastro-grid-fornecedores td:nth-child(10){width:56px;text-align:center;white-space:nowrap}

/* Contratos: documentos, aditivos e ZapSign */
.contract-modal-subtitle{font-size:12px;color:#5d7186;margin:-4px 0 16px;line-height:1.45}
.contract-upload-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(180px,.8fr) auto;gap:10px;align-items:end;padding-bottom:16px;border-bottom:1px solid var(--line)}
.contract-save-file{height:40px;margin-bottom:1px}
.contract-list{margin-top:16px;border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:300px}
.contract-list table{width:100%;min-width:650px;border-collapse:collapse}
.contract-list th,.contract-list td{padding:9px 10px;height:auto!important;vertical-align:middle}
.contract-list th{background:#f3f6f9!important;color:#17324d!important;font-size:11px}
.contract-file-actions{white-space:nowrap!important;text-align:right}
.contract-file-actions .btn{padding:6px 9px;margin-left:4px;font-size:11px}
.contract-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.contract-aditivo-grid,.zapsign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 12px}
.contract-aditivo-grid .full,.zapsign-grid .full{grid-column:1/-1}
.contract-aditivo-save{display:flex;justify-content:flex-end;margin:10px 0 4px}
.zs-ok{display:inline-block;background:#e7f6ee;color:#117845;border:1px solid #bfe7d0;border-radius:999px;padding:4px 8px;font-weight:800;font-size:10px}
.zs-off{display:inline-block;background:#fff0f0;color:#a12626;border:1px solid #f0c9c9;border-radius:999px;padding:4px 8px;font-weight:800;font-size:10px}
@media(max-width:900px){.contract-upload-row{grid-template-columns:1fr}.contract-aditivo-grid,.zapsign-grid{grid-template-columns:1fr 1fr}.contract-save-file{width:100%}}
@media(max-width:620px){.contract-aditivo-grid,.zapsign-grid{grid-template-columns:1fr}}

/* Ordens de Serviço — grid compacto para concentrar o máximo de informação na mesma tela */
.os-autorefresh{display:flex;align-items:center;gap:8px;font-size:11px;color:#587086;white-space:nowrap;padding-top:8px}
.os-pulse{width:8px;height:8px;border-radius:50%;background:#18a66b;box-shadow:0 0 0 0 rgba(24,166,107,.38);animation:osPulse 1.8s infinite}
@keyframes osPulse{0%{box-shadow:0 0 0 0 rgba(24,166,107,.38)}70%{box-shadow:0 0 0 7px rgba(24,166,107,0)}100%{box-shadow:0 0 0 0 rgba(24,166,107,0)}}
.os-grid-wrap{overflow-x:auto;overflow-y:visible;max-width:100%;position:relative}
.os-grid{width:100%;min-width:1040px;font-size:9.6px;table-layout:fixed}
.os-grid th,.os-grid td{padding:5px 3px;vertical-align:middle;line-height:1.15;white-space:normal}
.os-grid thead th{font-size:8.6px;letter-spacing:.01em;padding-left:3px;padding-right:3px}
.os-grid tbody tr{height:56px}
/* Grid de OS compacto: empresa e contrato ficam no detalhe da OS. */
.os-grid th:nth-child(1),.os-grid td:nth-child(1){width:8%}
.os-grid th:nth-child(2),.os-grid td:nth-child(2){width:18%}
.os-grid th:nth-child(3),.os-grid td:nth-child(3){width:7%;text-align:center}
.os-grid th:nth-child(4),.os-grid td:nth-child(4){width:8%;text-align:center}
.os-grid th:nth-child(5),.os-grid td:nth-child(5){width:8%;text-align:center}
.os-grid th:nth-child(6),.os-grid td:nth-child(6){width:8%;text-align:center}
.os-grid th:nth-child(7),.os-grid td:nth-child(7){width:9%;text-align:center}
.os-grid th:nth-child(8),.os-grid td:nth-child(8){width:8%;text-align:center}
.os-grid th:nth-child(9),.os-grid td:nth-child(9){width:9%;text-align:center}
.os-grid th:nth-child(10),.os-grid td:nth-child(10){width:8%}
.os-grid th:nth-child(11),.os-grid td:nth-child(11){width:5%;text-align:center}
.os-grid th:nth-child(12),.os-grid td:nth-child(12){width:4%;text-align:center;white-space:nowrap}
.os-tech{overflow-wrap:anywhere;word-break:normal}.os-fixed{white-space:nowrap!important;font-size:9.2px}
.os-desc{overflow:hidden}.os-desc b{display:block;font-size:9.6px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-desc span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#41586d;overflow:hidden;overflow-wrap:anywhere;font-size:9.2px;line-height:1.15}
.os-grid td:nth-child(3) .badge,.os-grid td:nth-child(4) .badge{max-width:100%;padding:3px 5px;font-size:8.2px;line-height:1.05;white-space:normal;text-align:center;justify-content:center;border-radius:12px}
.os-th-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.os-th-stack small{font-size:7.4px;font-weight:800;color:inherit;text-transform:uppercase;margin-top:1px}
.os-date-stack{display:flex;flex-direction:column;gap:0;line-height:1.03;align-items:center;text-align:center}.os-date-stack>b{font-size:9px;white-space:nowrap}.os-date-stack>span{font-size:8.4px;color:#40576b;white-space:nowrap}.os-date-stack>small{font-size:7.7px;font-weight:800;color:#687c8e;line-height:1}.os-date-stack .os-elapsed{display:block;color:#6d8092;margin-top:1px;font-size:7.8px;font-weight:700}
.os-deadline{display:block;border-radius:5px;padding:3px 2px;margin:-2px -1px}.os-deadline.late{background:#fff0f0;border:1px solid #f3bbbb;color:#a62020}.os-deadline.late .os-date-stack>small{color:#c62828}
.os-live{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d4dfe9;background:#f4f7fa;color:#385169;border-radius:5px;padding:3px 2px;white-space:normal;text-align:center;line-height:1}.os-live b{font-size:7.4px}.os-live small{font-size:7.8px;font-weight:800;margin-top:1px;overflow-wrap:anywhere}.os-live.warn{background:#fff8dd;border-color:#f2d982;color:#8a6100}.os-live.late{background:#fff0f0;border-color:#f1aaaa;color:#c32222}.os-live.done{background:#eaf8f1;border-color:#bfe7d1;color:#157548}
.os-actionmenu>button{width:26px;height:26px;font-size:17px}.os-actionmenu .menu{min-width:190px;z-index:60}
.os-context{display:flex;flex-direction:column;gap:4px;background:#f3f7fb;border:1px solid #d9e4ed;border-radius:8px;padding:10px 12px;margin-bottom:14px}.os-context b{font-size:13px}.os-context span{font-size:11px;color:#597086}
.os-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:12px;border-bottom:1px solid var(--line)}.os-detail-head h2{margin:0 0 3px}.os-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;margin:14px 0}.os-detail-grid div{border:1px solid var(--line);border-radius:8px;padding:9px}.os-detail-grid label,.os-detail-text label{display:block;font-size:9px;font-weight:800;color:#63798c;text-transform:uppercase;margin-bottom:4px}.os-detail-grid span{font-size:11px}.os-detail-text{border:1px solid var(--line);border-radius:8px;padding:10px}.os-detail-text p{margin:0;line-height:1.5}.os-mini-summary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.os-mini-summary span{background:#eef4f8;border:1px solid #d8e4ec;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.os-detail-list{border-top:1px solid var(--line);padding-top:10px;margin-top:10px;font-size:10.5px}.os-detail-list>b{display:block;margin-bottom:7px}.os-detail-list>div{padding:4px 0}.os-file-link{display:block;border:0;background:none;color:#075f9d;text-decoration:underline;padding:3px 0;cursor:pointer;font:inherit}.os-material-total{text-align:right;margin:8px 0 12px}.os-add-material{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
@media(max-width:900px){.os-detail-grid{grid-template-columns:1fr 1fr}.os-autorefresh{display:none}}

/* Fluxo técnico / materiais */
.os-placeholder td{height:42px!important}
.os-material-requests{border:1px solid #d9e4ed;background:#f7fafc;border-radius:9px;padding:10px 12px;margin:10px 0 14px}.os-material-requests>b{display:block;margin-bottom:7px}.os-material-requests>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #e4ebf1;font-size:10px}.os-material-requests>div:first-of-type{border-top:0}.os-material-requests small{white-space:nowrap;color:#718396}.ma-grid{font-size:10px}.ma-grid td{vertical-align:middle}.ma-desc{display:block;color:#60768a;margin-top:3px;line-height:1.25}.ma-grid th:nth-child(1){width:120px}.ma-grid th:nth-child(2){width:180px}.ma-grid th:nth-child(3){width:360px}.ma-grid th:nth-child(4){width:120px}.ma-grid th:nth-child(5){width:180px}.ma-grid th:nth-child(6){width:130px}.ma-grid th:nth-child(7){width:95px}.ma-grid th:nth-child(8){width:70px;text-align:center}

/* Meus Atendimentos — foco operacional e uso no celular */
.ma-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ma-grid{table-layout:fixed;min-width:850px;font-size:10px}
.ma-grid thead th{padding:8px 6px;text-align:left;white-space:normal;line-height:1.1}
.ma-grid tbody tr:not(.cad-placeholder){height:68px}
.ma-grid tbody td{padding:8px 6px;white-space:normal;line-height:1.22;vertical-align:middle}
.ma-grid .ma-code{width:120px;white-space:nowrap}
.ma-grid .ma-diagnostico{width:315px}
.ma-grid .ma-prioridade{width:84px;text-align:center}
.ma-grid .ma-status{width:100px;text-align:center}
.ma-grid .ma-prazo{width:110px;text-align:center}
.ma-grid .ma-restante{width:115px;text-align:center;font-weight:800;white-space:normal;color:#182431}
.ma-grid .ma-restante.warn{color:var(--text)}.ma-grid .ma-restante.late{color:#c32222}.ma-grid .ma-restante.done{color:#157548}
.ma-grid .ma-acoes{width:56px;text-align:center;white-space:nowrap}
.ma-grid th:nth-child(1){width:120px}.ma-grid th:nth-child(2){width:315px}.ma-grid th:nth-child(3){width:84px;text-align:center}.ma-grid th:nth-child(4){width:100px;text-align:center}.ma-grid th:nth-child(5){width:110px;text-align:center}.ma-grid th:nth-child(6){width:115px;text-align:center}.ma-grid th:nth-child(7){width:56px;text-align:center}
.ma-desc{display:block;color:#60768a;margin-top:4px;line-height:1.25;max-height:2.5em;overflow:hidden}
.ma-priority-badge{min-width:58px;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:4px 7px!important;line-height:1!important}
.ma-priority-badge strong{font-size:10px}.ma-priority-badge small{font-size:7.5px;font-weight:800;margin-top:2px}

@media(max-width:760px){
 .content{padding:14px 10px 34px}
 .ma-tech-fixed{min-width:0;width:100%;justify-content:center}
 .ma-tablewrap{overflow:visible;background:transparent}
 .ma-grid{display:block;min-width:0;width:100%;background:transparent}
 .ma-grid thead{display:none}
 .ma-grid tbody{display:block;padding:8px}
 .ma-grid tbody tr:not(.cad-placeholder){display:grid;grid-template-columns:1fr auto;grid-template-areas:"code actions" "diag diag" "priority status" "prazo restante";gap:8px 10px;height:auto!important;min-height:0;margin-bottom:10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px rgba(17,37,57,.06)}
 .ma-grid tbody td{width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important}
 .ma-grid .ma-code{grid-area:code;align-self:center}.ma-grid .ma-code b{font-size:11px;color:var(--navy)}
 .ma-grid .ma-acoes{grid-area:actions;justify-self:end}
 .ma-grid .ma-diagnostico{grid-area:diag;border-top:1px solid #edf1f5!important;padding-top:8px!important}
 .ma-grid .ma-diagnostico>b{display:block;font-size:12px;line-height:1.25}.ma-grid .ma-desc{font-size:9.5px;max-height:3.7em}
 .ma-grid .ma-prioridade{grid-area:priority;text-align:left!important;align-self:center}
 .ma-grid .ma-status{grid-area:status;text-align:right!important;align-self:center}
 .ma-grid .ma-prazo{grid-area:prazo;text-align:left!important;padding-top:6px!important;border-top:1px solid #edf1f5!important;font-size:10px}
 .ma-grid .ma-restante{grid-area:restante;text-align:right!important;padding-top:6px!important;border-top:1px solid #edf1f5!important;font-size:10px}
 .ma-grid .ma-prazo:before,.ma-grid .ma-restante:before{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em;color:#718396;font-weight:800;margin-bottom:2px}
 .ma-grid .ma-prazo:before{content:"Prazo atendimento"}.ma-grid .ma-restante:before{content:"Tempo restante"}
 .ma-grid .actionmenu .menu{position:fixed;right:16px;left:16px;top:auto;bottom:18px;min-width:0;z-index:120;padding:8px;border-radius:14px;box-shadow:0 14px 45px rgba(0,0,0,.24)}
 .ma-grid .actionmenu .menu button{padding:12px 11px;font-size:13px}
 .ma-grid .cad-placeholder{display:none!important}
 .ma-grid tr:has(td.empty){display:block!important;padding:24px!important}.ma-grid td.empty{display:block!important;text-align:center!important}
 .pager{gap:8px;align-items:flex-start}.pager>span:last-child{font-size:10px;text-align:right;max-width:58%}
}

.ma-tecnico-filter{min-width:210px;max-width:280px}

.ma-tech-fixed{min-width:250px;min-height:38px;border:1px solid #d9e4ed;background:#f7fafc;border-radius:8px;padding:6px 12px;display:flex;align-items:center;gap:10px}.ma-tech-fixed span{font-size:9px;text-transform:uppercase;color:#718396;font-weight:700;letter-spacing:.04em}.ma-tech-fixed strong{font-size:11px;color:#17334d;font-weight:700}


/* 15/09/2026 — OS com 5 linhas e responsividade compacta */
.os-page-size{color:#8293a3;margin-left:4px;white-space:nowrap}
.os-placeholder td{height:56px!important;background:#fff!important;border-bottom:1px solid var(--line)!important}
@media(max-width:1380px){
 .os-grid{min-width:1120px;font-size:9.2px}
 .os-grid th,.os-grid td{padding-left:2px;padding-right:2px}
}
@media(max-width:1080px){
 .os-grid-wrap{border-top:1px solid var(--line);-webkit-overflow-scrolling:touch}
 .os-grid{min-width:1080px}
 .os-autorefresh{display:none}
 .os-pager{font-size:11px}
}
@media(max-width:720px){
 .os-grid{min-width:1040px;font-size:8.9px}
 .os-grid th,.os-grid td{padding:4px 2px}
 .os-grid tbody tr,.os-placeholder td{height:54px!important}
}

/* Fluxo contextual das ações da OS */
.os-actionmenu .menu button.os-menu-disabled,
.os-actionmenu .menu button:disabled{
  opacity:.46;
  cursor:not-allowed;
  background:#f7f9fb;
  color:#6d7d8d;
}
.os-actionmenu .menu button.os-menu-disabled:hover,
.os-actionmenu .menu button:disabled:hover{background:#f7f9fb;color:#6d7d8d}

/* Solicitações de material da OS */
.os-material-request-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:10px 0!important}
.os-material-request-row>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.os-material-request-row>div:first-child>b{font-size:11px;color:#0b2f50}
.os-material-request-row>div:first-child>span{font-size:10px;color:#4d657a;line-height:1.35}
.os-material-request-row>div:first-child>small{white-space:normal;color:#718396;line-height:1.35}
.os-material-request-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:150px}
.os-material-request-actions .btn{padding:7px 10px;font-size:10px}
@media(max-width:760px){.os-material-request-row{grid-template-columns:1fr}.os-material-request-actions{justify-content:flex-start;min-width:0}}

/* MMX OS - Materiais da OS: ações, filtro e exportação */
.os-material-requests-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.os-material-requests-head>b{font-size:12px;color:#0b2f50}
.os-material-requests-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.os-material-filter{width:170px;min-width:170px;height:36px;padding:7px 30px 7px 10px;font-size:10px;background:#fff}
.os-material-requests #om_req_rows{display:block}
.os-material-request-row{padding:11px 0!important;align-items:center}
.os-material-request-actions{min-width:320px;gap:8px}
.os-material-request-actions .badge{margin-right:2px}
.os-material-request-actions .os-request-action{min-width:132px;height:36px;padding:8px 12px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.os-material-request-actions .os-request-action.primary{background:#07365f;color:#fff;border-color:#07365f}
.os-material-request-actions .os-request-action:disabled{opacity:.55;cursor:not-allowed}
.os-material-footer-actions{padding-top:2px}
.os-quote-request{display:flex;flex-direction:column;gap:4px;margin:10px 0 14px;padding:10px 12px;border:1px solid #d9e4ed;background:#f7fafc;border-radius:9px}
.os-quote-request>b{font-size:10px;text-transform:uppercase;color:#60768a}
.os-quote-request>span{font-size:11px;font-weight:800;color:#0b2f50}
.os-quote-request>small{font-size:10px;line-height:1.35;color:#718396}
@media(max-width:760px){
 .os-material-requests-head{align-items:stretch;flex-direction:column}
 .os-material-requests-tools{justify-content:stretch}
 .os-material-filter{width:100%;min-width:0;flex:1}
 .os-material-requests-tools .btn{flex:1;min-height:38px}
 .os-material-request-actions{min-width:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .os-material-request-actions .badge{grid-column:1/-1;justify-self:start}
 .os-material-request-actions .os-request-action{width:100%;min-width:0}
 .os-material-footer-actions{gap:8px}
 .os-material-footer-actions .btn{min-height:40px}
}

/* Meus Atendimentos — filtros de prioridade e status */
.ma-filters{gap:8px!important}
.ma-oper-filter{min-width:170px;max-width:210px}
@media(max-width:760px){
 .ma-filters{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
 .ma-filters .ma-tech-fixed,.ma-filters .ma-tecnico-filter{grid-column:1/-1;width:100%!important;max-width:none!important}
 .ma-filters .ma-oper-filter{min-width:0!important;max-width:none!important;width:100%!important}
}


/* ============================================================
   MEUS ATENDIMENTOS — revisão operacional completa
   ============================================================ */
.ma-local{display:block;color:#47657f;margin-top:2px;font-size:9px;font-weight:800;text-transform:uppercase;line-height:1.2}
.ma-grid{min-width:1180px}
.ma-grid .ma-code{width:112px}
.ma-grid .ma-diagnostico{width:300px}
.ma-grid .ma-prioridade{width:84px;text-align:center}
.ma-grid .ma-status{width:110px;text-align:center}
.ma-grid .ma-abertura{width:105px;text-align:center}
.ma-grid .ma-prazo{width:110px;text-align:center}
.ma-grid .ma-restante{width:118px;text-align:center}
.ma-grid .ma-prazo-conclusao{width:110px;text-align:center}
.ma-grid .ma-conclusao-restante{width:118px;text-align:center;font-weight:800;color:#182431}
.ma-grid .ma-conclusao-restante.late{color:#c32222}
.ma-grid .ma-conclusao-restante.done{color:#157548}
.ma-grid .ma-acoes{width:56px;text-align:center}
.ma-grid th:nth-child(1){width:112px}
.ma-grid th:nth-child(2){width:300px}
.ma-grid th:nth-child(3){width:84px;text-align:center}
.ma-grid th:nth-child(4){width:110px;text-align:center}
.ma-grid th:nth-child(5){width:105px;text-align:center}
.ma-grid th:nth-child(6){width:110px;text-align:center}
.ma-grid th:nth-child(7){width:118px;text-align:center}
.ma-grid th:nth-child(8){width:110px;text-align:center}
.ma-grid th:nth-child(9){width:118px;text-align:center}
.ma-grid th:nth-child(10){width:56px;text-align:center}

.ma-material-line{display:flex!important;align-items:flex-start;justify-content:space-between;gap:16px;padding:9px 0!important;border-top:1px solid #e5edf3}
.ma-material-line:first-of-type{border-top:0}
.ma-material-line>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ma-material-line strong{font-size:11px;color:#0b2f50}
.ma-material-line span,.ma-material-line small{font-size:10px;color:#5e7487;line-height:1.35}
.ma-attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.ma-attachment-card{border:1px solid #dce6ee;background:#fff;border-radius:9px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.ma-attachment-card:hover{background:#f7fafc}
.ma-attachment-card b{font-size:11px;color:#0b2f50}
.ma-attachment-card small{font-size:9px;color:#718396}
.ma-upload-field{border-top:1px solid var(--line);padding-top:16px;margin-top:8px}

/* ============================================================
   RELATÓRIO PDF DA ORDEM DE SERVIÇO
   ============================================================ */
.os-pdf-root{position:fixed;left:-100000px;top:0;width:780px;background:#fff;color:#142638;font-family:Arial,Helvetica,sans-serif;padding:24px 28px;box-sizing:border-box;z-index:-1}
.os-pdf-root *{box-sizing:border-box}
.os-pdf-root .pdf-header{display:flex;align-items:center;gap:22px;border-bottom:3px solid #0b355a;padding-bottom:16px;margin-bottom:16px}
.os-pdf-root .pdf-header img{width:92px;height:62px;object-fit:contain}
.os-pdf-root .pdf-header h1{font-size:20px;letter-spacing:.02em;margin:0 0 5px;color:#0b355a}
.os-pdf-root .pdf-header b{display:block;font-size:16px;margin-bottom:2px}
.os-pdf-root .pdf-header span{font-size:9px;color:#60758a;font-weight:700;letter-spacing:.08em}
.os-pdf-root .pdf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.os-pdf-root .pdf-cell{border:1px solid #dbe5ed;border-radius:5px;padding:8px;min-height:48px}
.os-pdf-root .pdf-cell small{display:block;text-transform:uppercase;color:#667d90;font-size:7.5px;font-weight:700;margin-bottom:4px}
.os-pdf-root .pdf-cell b{font-size:9.5px;line-height:1.25}
.os-pdf-root .pdf-section{border-top:1px solid #dce5ec;padding-top:10px;margin-top:12px;page-break-inside:avoid}
.os-pdf-root .pdf-section h3{font-size:12px;margin:0 0 7px;color:#0b355a;text-transform:uppercase}
.os-pdf-root .pdf-section h4{font-size:10px;margin:10px 0 6px;color:#274861}
.os-pdf-root .pdf-section p{font-size:9px;line-height:1.5;margin:0;white-space:pre-wrap}
.os-pdf-root .pdf-table{width:100%;border-collapse:collapse;font-size:8px}
.os-pdf-root .pdf-table th{background:#0b355a;color:#fff;padding:6px;text-align:left}
.os-pdf-root .pdf-table td{border:1px solid #dfe7ee;padding:6px;vertical-align:top}
.os-pdf-root .pdf-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.os-pdf-root .pdf-photos figure{margin:0;border:1px solid #dfe7ee;padding:6px;page-break-inside:avoid}
.os-pdf-root .pdf-photos img{width:100%;height:205px;object-fit:contain;background:#f7f9fb}
.os-pdf-root .pdf-photos figcaption{font-size:7.5px;color:#64798b;margin-top:4px}
.os-pdf-root .pdf-signatures{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:26px}
.os-pdf-root .pdf-sign{text-align:center;font-size:8px}
.os-pdf-root .pdf-sign>div{border-top:1px solid #263b4c;margin:0 auto 5px;width:88%}
.os-pdf-root .pdf-sign b{display:block}
.os-pdf-root .pdf-sign span{display:block;color:#63798b;margin-top:2px}
.os-pdf-root .pdf-footer{margin-top:20px;border-top:1px solid #dbe4ec;padding-top:8px;text-align:center;font-size:7px;color:#6c7e8e}

/* Permissões — uma aba adicional sem apertar os botões */
.cfg-module-tabs{flex-wrap:wrap}

@media(max-width:760px){
 .ma-grid{min-width:0}
 .ma-grid tbody tr:not(.cad-placeholder){
  grid-template-columns:1fr auto;
  grid-template-areas:
   "code actions"
   "diag diag"
   "priority status"
   "abertura abertura"
   "prazo restante"
   "prazoconc controleconc";
 }
 .ma-grid .ma-abertura{grid-area:abertura;text-align:left!important;padding-top:6px!important;border-top:1px solid #edf1f5!important;font-size:10px}
 .ma-grid .ma-prazo{grid-area:prazo}
 .ma-grid .ma-restante{grid-area:restante}
 .ma-grid .ma-prazo-conclusao{grid-area:prazoconc;text-align:left!important;padding-top:6px!important;border-top:1px solid #edf1f5!important;font-size:10px}
 .ma-grid .ma-conclusao-restante{grid-area:controleconc;text-align:right!important;padding-top:6px!important;border-top:1px solid #edf1f5!important;font-size:10px}
 .ma-grid .ma-abertura:before,.ma-grid .ma-prazo-conclusao:before,.ma-grid .ma-conclusao-restante:before{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em;color:#718396;font-weight:800;margin-bottom:2px}
 .ma-grid .ma-abertura:before{content:"Abertura"}
 .ma-grid .ma-prazo-conclusao:before{content:"Prazo conclusão"}
 .ma-grid .ma-conclusao-restante:before{content:"Controle conclusão"}
 .ma-attachment-grid{grid-template-columns:1fr}
}
