/* Aplik Serviços · clientes, equipamentos e catálogo (p-clientes.js, p-cat.js) */
.tag-pf { background: #eef2ff; color: #3730a3; }
.tag-pj { background: #ecfdf3; color: #0c7f3e; }
.tag-ok { background: var(--verde-claro); color: var(--verde-esc); }
.tag-off { background: #f1f1f1; color: #6b6b6b; }
.laranja-t { color: var(--alerta); }
.quebra { overflow-wrap: anywhere; white-space: normal !important; }
.pre-linha { white-space: pre-line; }
.bloco { display: block; }
.cad-ic { width: 34px; height: 34px; border-radius: 10px; background: var(--verde-claro); color: var(--verde-esc); display: grid; place-items: center; flex: none; }
.cad-av { width: 34px; height: 34px; font-size: 13px; flex: none; }
.cad-lista > li { flex-wrap: wrap; }
.cad-lista .info b, .cad-lista .info small { white-space: normal; }
.cad-acoes { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.cad-oculto { display: none !important; }
.cad-rodape { padding-top: 10px; padding-bottom: 12px; border-top: 1px solid var(--borda2); text-align: center; }
.cad-rodape .link { background: none; border: 0; cursor: pointer; font: inherit; font-weight: 600; }
.cad-vazio-p { padding: 22px 16px; }
.cad-qr { width: 190px; max-width: 100%; margin: 0 auto 10px; }
.cad-qr svg { width: 100%; height: auto; display: block; }
.cad-qr-txt { font-size: 13px; margin: 0 0 12px; overflow-wrap: anywhere; }
.cad-centro { justify-content: center; }
.cad-foto { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cad-foto img { width: 76px; height: 76px; object-fit: cover; border-radius: 10px; border: 1px solid var(--borda); display: block; }
.cad-foto-g { max-width: 100%; max-height: 320px; border-radius: 10px; border: 1px solid var(--borda); display: block; margin: 0 auto; }
.cad-checks { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.cad-checks .check { padding: 8px 10px; border: 1px solid var(--borda2); border-radius: 10px; }
.card .card-cab .acoes { gap: 6px; }
.lista > li .dir small { font-size: 11.5px; }

/* catálogo: editores de itens (kit, checklist, tabela de preço) */
.cat-itens { display: flex; flex-direction: column; gap: 8px; margin-top: 6px; }
.cat-item { display: grid; gap: 8px; align-items: end; padding: 10px; border: 1px solid var(--borda); border-radius: 10px; background: #fbfcfb; }
.cat-item .campo span { font-size: 12px; }
.cat-item input, .cat-item select { min-height: 38px; padding: 6px 9px; font-size: 14px; }
.cat-item .cat-bts { display: flex; gap: 4px; }
.cat-item .cat-bts .btn { padding: 6px 9px; min-width: 36px; }
.cat-item.ck { grid-template-columns: minmax(0, 3fr) minmax(0, 1.4fr) minmax(0, 1fr) auto auto; }
.cat-item.ck .ck-op { grid-column: 1 / -1; }
.cat-item.kit { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) auto; }
.cat-item.tp { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1.3fr) auto; }
.cat-item .ref { font-size: 12px; color: var(--texto3); grid-column: 1 / -1; margin-top: -4px; }
.cat-item .check { min-height: 38px; align-items: center; }
.cat-soma { text-align: right; font-weight: 700; margin-top: 10px; }
.cat-aviso { margin-bottom: 12px; }
@media (max-width: 860px) {
  .cad-lista .cad-acoes { width: 100%; justify-content: flex-start; padding-left: 46px; }
  .cat-item.ck { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .cat-item.ck .ck-perg { grid-column: 1 / -1; }
  .cat-item.kit { grid-template-columns: minmax(0, 1fr) 90px auto; }
  .cat-item.kit .kit-prod { grid-column: 1 / -1; }
  .cat-item.tp { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
  .cat-item.tp .tp-item { grid-column: 1 / -1; }
}
.campo[hidden], .check[hidden] { display: none !important; }
.cad-quebra .info b, .cad-quebra .info small { white-space: normal; }
@media (max-width: 860px) {
  .tab.cad-tab td.mob-x { display: none; }
  .tab.cad-tab td:first-child { display: block; text-align: left; padding-bottom: 4px; }
  .tab.cad-tab td:first-child::before { display: none; }
  .tab.cad-tab td .sub { text-align: left; }
}