/* V1761.74 — Planejamento do PCM: período exibido sempre visível (Diário, Semanal, Mensal, Anual). */
#main .pcm-periodo-barra{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px;
  margin:0 0 12px; padding:11px 16px;
  background:#fff; border:1px solid #d9e2ec; border-left:4px solid #ef7d1a; border-radius:10px;
}
#main .pcm-periodo-ico{ display:inline-grid; place-items:center; width:32px; height:32px; border-radius:8px; background:#e7f1fd; color:#1766b3; }
#main .pcm-periodo-ico svg{ width:18px; height:18px; stroke:currentColor; fill:none; }
#main .pcm-periodo-titulo{ color:#12345f; font-size:17px; font-weight:800; line-height:1.25; }
#main .pcm-periodo-hoje{ padding:3px 10px; border-radius:999px; background:#fff1e3; color:#9f4f0c; font-size:12px; font-weight:800; }
#main .pcm-periodo-qtd{ margin-left:auto; color:#4f5f75; font-size:12.5px; }
#main .pcm-sel-dia{ width:auto; min-width:150px; font-weight:600; }
@media (max-width:640px){
  #main .pcm-periodo-titulo{ font-size:15px; }
  #main .pcm-periodo-qtd{ margin-left:0; width:100%; }
}

/* V1761.74 — Ativos industriais: cor por nível. Linha (pai) = azul · Equipamento (filho) = verde · Periférico = laranja */
#main .mp-equip-table tr.pcm-row-pai > td{ background:#eef5fd!important; }
#main .mp-equip-table tr.pcm-row-pai > td:first-child{ box-shadow:inset 4px 0 0 #1766b3; }
#main .mp-equip-table tr.pcm-row-pai .tag-name{ color:#0f3e75; font-weight:800; }
#main .mp-equip-table tr.pcm-row-filho > td{ background:#fff!important; }
#main .mp-equip-table tr.pcm-row-filho > td:first-child{ box-shadow:inset 4px 0 0 #2e9d5b; }
#main .mp-equip-table tr.pcm-row-pai:hover > td{ background:#e3eefb!important; }
#main .mp-equip-table tr.pcm-row-filho:hover > td{ background:#f4fbf6!important; }
#main .pcm-nivel{ display:inline-block; margin-right:6px; padding:1px 7px; border-radius:999px; font:700 10px/1.6 Inter,Arial,sans-serif; letter-spacing:.3px; text-transform:uppercase; vertical-align:1px; }
#main .pcm-nivel--pai{ background:#dbe9fb; color:#0f4c8a; }
#main .pcm-nivel--filho{ background:#e1f4e8; color:#1f7a3f; }
#main .pcm-nivel-legenda{ display:flex; flex-wrap:wrap; gap:6px 18px; margin:0 0 10px; color:#4f5f75; font-size:12px; }
#main .pcm-nivel-legenda span{ display:inline-flex; align-items:center; gap:6px; }
#main .pcm-leg{ display:inline-block; width:12px; height:12px; border-radius:3px; }
#main .pcm-leg--pai{ background:#1766b3; } #main .pcm-leg--filho{ background:#2e9d5b; } #main .pcm-leg--perif{ background:#ef7d1a; }
#main button.pcm-btn-perif, #app-shell #main button.small.pcm-btn-perif{ border-color:#f1b57c!important; color:#a9520c!important; background:#fff8f1!important; }
#main button.pcm-btn-perif:hover, #app-shell #main button.small.pcm-btn-perif:hover{ background:#fff1e3!important; border-color:#ef7d1a!important; }
/* lista de periféricos (painel lateral) */
#side-panel .pcm-perif-tabela tr.pcm-row-perif > td{ background:#fffaf4; }
#side-panel .pcm-perif-tabela tr.pcm-row-perif > td:first-child{ box-shadow:inset 4px 0 0 #ef7d1a; }
#side-panel .pcm-perif-tabela thead th{ background:#fff1e3; color:#9f4f0c; }

/* V1761.76 — periférico é ativo (3º nível): laranja na tabela de ativos, no formulário e no painel */
#main .mp-equip-table tr.pcm-row-perif > td{ background:#fffaf4!important; }
#main .mp-equip-table tr.pcm-row-perif > td:first-child{ box-shadow:inset 4px 0 0 #ef7d1a; }
#main .mp-equip-table tr.pcm-row-perif:hover > td{ background:#fff3e6!important; }
#main .pcm-nivel--perif, #side-panel .pcm-nivel--perif{ background:#fff1e3; color:#a9520c; }
#side-panel .pcm-nivel{ display:inline-block; margin-right:6px; padding:1px 7px; border-radius:999px; font:700 10px/1.6 Inter,Arial,sans-serif; letter-spacing:.3px; text-transform:uppercase; vertical-align:1px; }
#main .pcm-card-perif, #side-panel .pcm-card-perif{ border-left:4px solid #ef7d1a!important; }
#main .pcm-card-perif tr.pcm-row-perif > td, #side-panel .pcm-card-perif tr.pcm-row-perif > td{ background:#fffaf4; }
#side-panel .pcm-perif-intro{ margin:0 0 10px; color:#4f5f75; font-size:12.5px; line-height:1.45; }
.pcm-opc{ color:#7a8aa0; font-weight:400; }
.pcm-dica-perif{ display:block; margin-top:3px; color:#7a8aa0; font-size:11.5px; }

/* V1761.81 — lista de ativos: cabeçalho CHP numa linha e ações alinhadas em colunas fixas */
#main .mp-equip-table th.pcm-th-chp{ white-space:nowrap; }
#main .mp-equip-table th.pcm-th-chp small{ font-size:9px; font-weight:600; color:#6d8199; text-transform:none; letter-spacing:0; margin-left:2px; }
#main .mp-equip-table th.pcm-th-acoes{ text-align:right; }
#main .mp-equip-table .pcm-acoes-slots{ display:grid!important; grid-template-columns:40px 96px 40px; gap:6px; justify-content:end; align-items:center; }
#main .mp-equip-table .pcm-acoes-slots > button{ width:100%!important; min-width:0!important; justify-content:center; }
#main .mp-equip-table .pcm-slot-vazio{ display:block; min-width:1px; }

/* V1761.81 — foto do ativo (tirar / carregar) */
#main .pcm-foto{ display:flex; gap:14px; align-items:flex-start; flex-wrap:wrap; }
#main .pcm-foto-box{ width:132px; height:104px; flex:0 0 auto; border:1px dashed #b9c8da; border-radius:10px; background:#f6f9fc; display:flex; align-items:center; justify-content:center; overflow:hidden; }
#main .pcm-foto-box img{ width:100%; height:100%; object-fit:cover; }
#main .pcm-foto-vazia{ display:flex; flex-direction:column; align-items:center; gap:4px; color:#8a9bb0; }
#main .pcm-foto-vazia svg, #main .pcm-foto-acoes svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#main .pcm-foto-acoes svg{ width:16px; height:16px; margin-right:6px; vertical-align:-3px; }
#main .pcm-foto-acoes{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; flex:1 1 220px; }
#main .pcm-foto-acoes small{ flex-basis:100%; color:#7a8aa0; font-size:11.5px; }
#main .pcm-foto-acoes button{ min-height:34px; }
#main button.pcm-foto-remover{ background:transparent!important; border:0!important; color:#b83832!important; padding:4px 6px!important; text-decoration:underline; box-shadow:none!important; }

/* V1761.81 — postos de trabalho compatíveis: caixas de seleção com filtro */
#main .pcm-postos{ border:1px solid #d3deeb; border-radius:10px; background:#fff; }
#main .pcm-postos-topo{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:8px 10px; border-bottom:1px solid #e2e9f2; background:#f6f9fc; border-radius:10px 10px 0 0; }
#main .pcm-postos-topo input[type=search]{ flex:1 1 200px; min-width:0; height:32px; }
#main .pcm-postos-cont{ font-size:12px; color:#45617f; font-weight:600; margin-right:auto; }
#main .pcm-postos-lista{ max-height:230px; overflow:auto; padding:6px 10px; display:grid; grid-template-columns:1fr; gap:1px; }
#main .pcm-posto{ display:flex!important; align-items:center; gap:8px; padding:5px 4px; margin:0; border-radius:6px; cursor:pointer; font-weight:400; text-transform:none; letter-spacing:0; min-width:0; }
#main .pcm-posto:hover{ background:#f1f6fc; }
#main .pcm-posto[hidden]{ display:none!important; }
#main .pcm-posto input{ width:16px; height:16px; flex:0 0 auto; margin:0; }
#main .pcm-posto-tag{ font-family:var(--font-mono, monospace); font-weight:700; color:#182d49; font-size:13.5px; white-space:nowrap; }
#main .pcm-posto-desc{ color:#4f6582; font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main .pcm-posto-n0 .pcm-posto-tag{ color:#0f4c8a; }
#main .pcm-posto-n1{ padding-left:16px; }
#main .pcm-posto-n2{ padding-left:28px; }
#main .pcm-posto:has(input:checked){ background:#eaf3fc; }

/* V1761.82 — ferramental: números compactos e peças atendidas com busca e filtro por cliente */
#main .pcm-ferr-bloco{ margin-top:14px; }
#main .pcm-ferr-bloco > h4{ margin:0 0 8px; font-size:13px; color:#1b3556; }
#main .pcm-ferr-numeros{ grid-template-columns:repeat(4, minmax(0, 210px))!important; justify-content:start; }
@media (max-width:1050px){ #main .pcm-ferr-numeros{ grid-template-columns:repeat(2, minmax(0, 1fr))!important; } }
#main .pcm-pecas{ border:1px solid #d3deeb; border-radius:10px; background:#fff; }
#main .pcm-pecas-topo{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:8px 10px; background:#f6f9fc; border-bottom:1px solid #e2e9f2; border-radius:10px 10px 0 0; }
#main .pcm-pecas-topo select{ flex:0 1 240px; min-width:0; height:34px; }
#main .pcm-pecas-topo input[type=search]{ flex:1 1 220px; min-width:0; height:34px; }
#main .pcm-pecas-so{ display:inline-flex!important; align-items:center; gap:6px; margin:0; font-size:13px; font-weight:500; text-transform:none; letter-spacing:0; color:#36506f; white-space:nowrap; cursor:pointer; }
#main .pcm-pecas-barra{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; padding:6px 10px; font-size:12.5px; color:#45617f; border-bottom:1px solid #eef2f7; }
#main .pcm-pecas-acoes{ display:inline-flex; gap:6px; }
#main .pcm-pecas-lista{ max-height:300px; overflow:auto; padding:4px 6px; }
#main .pcm-peca-item{ display:grid!important; grid-template-columns:20px minmax(110px, max-content) minmax(0, 1fr) auto; gap:10px; align-items:center; padding:7px 6px; margin:0; border-radius:6px; cursor:pointer; font-size:14px; font-weight:400; text-transform:none; letter-spacing:0; border-bottom:1px solid #f1f4f8; }
#main .pcm-peca-item:hover{ background:#f1f6fc; }
#main .pcm-peca-item[hidden]{ display:none!important; }
#main .pcm-peca-item:has(input:checked){ background:#eaf3fc; }
#main .pcm-peca-item input{ width:17px; height:17px; margin:0; }
#main .pcm-peca-cod{ font-weight:700; color:#182d49; white-space:nowrap; }
#main .pcm-peca-desc{ color:#3d5573; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main .pcm-peca-cli{ font-size:11.5px; color:#5b6f8a; background:#eef3f9; border-radius:999px; padding:2px 9px; white-space:nowrap; max-width:180px; overflow:hidden; text-overflow:ellipsis; }
#main .pcm-pecas-vazio{ display:block; padding:10px; color:#7a8aa0; }
@media (max-width:700px){ #main .pcm-peca-item{ grid-template-columns:20px minmax(0,1fr); } #main .pcm-peca-desc, #main .pcm-peca-cli{ grid-column:2; } }

/* V1761.82 — cadastro rápido (novo instrumento) e resumo do instrumento vinculado */
.pcm-modal-campos .mp-confirm-dialog{ width:min(620px, calc(100vw - 32px)); }
.pcm-mc-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px 14px; margin-top:8px; }
.pcm-mc-grid .pcm-mc-largo{ grid-column:1 / -1; }
.pcm-mc-grid .field{ margin:0; }
.pcm-mc-grid input, .pcm-mc-grid select{ width:100%; box-sizing:border-box; }
@media (max-width:560px){ .pcm-mc-grid{ grid-template-columns:minmax(0, 1fr); } }
#main .pcm-inst-banner p{ margin:2px 0 0; }
#main .pcm-inst-vencido{ border-left-color:#d5453d!important; background:#fff5f4!important; }
#main .pcm-inst-vencido > span{ color:#d5453d; }
#main .pcm-pecas-vazio[hidden]{ display:none!important; }
#main .pcm-inst-trazidos{ margin-top:6px!important; color:#1f7a3f; font-weight:600; }
