/* V1665 — Configuração Industrial › Tempos padrão (APS — Fase 0, F0.2). Usa a base .cap-* da V1664. */
.tp-qualidade { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tp-q { display: grid; gap: 3px; padding: 12px 14px; border: 1px solid #e3e9f1; border-left: 4px solid #8a97a8; border-radius: 10px; background: #fafbfd; }
.tp-q b { font-size: 22px; line-height: 1.1; color: #13254a; }
.tp-q span { font-size: 12.5px; font-weight: 700; color: #13254a; }
.tp-q small { font-size: 11.5px; color: #718096; line-height: 1.35; }
.tp-q.tp-q-alerta { border-left-color: #d64545; background: #fff7f7; }
.tp-q.tp-q-alerta b { color: #b42318; }
.tp-q.tp-q-atencao { border-left-color: #e8a317; background: #fffbf0; }
.tp-q.tp-q-atencao b { color: #8a5a00; }
.tp-q.tp-q-ok { border-left-color: #2f9e62; }
.tp-q.tp-q-ok b { color: #23794a; }
.tp-filtros { display: grid; grid-template-columns: minmax(180px, 260px) minmax(200px, 1fr); gap: 10px; margin-bottom: 14px; align-items: center; }
.tp-filtros select, .tp-filtros input { width: 100%; min-width: 0; }
.tp-chips { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.tp-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid #dfe5ec; border-radius: 999px; background: #fff; color: #42536a; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.tp-chip span { padding: 0 7px; border-radius: 999px; background: #eef2f6; font-size: 11.5px; color: #5b6b80; }
.tp-chip.on { border-color: #e87524; background: #fff4ec; color: #b4531a; }
.tp-chip.on span { background: #f6d2b6; color: #8a3b0f; }
#main table.tp-tab .tp-c-peca { width: 22%; }
#main table.tp-tab .tp-c-linha { width: 18%; }
#main table.tp-tab .tp-c-ac { width: 190px; text-align: right; }
#main table.tp-tab td.tp-c-ac .small { margin: 2px 0 2px 4px; }
.tp-tab .tp-un { display: inline !important; color: #718096; }
.tp-tab .tp-abertas { color: #b4531a !important; font-weight: 600; }
.tp-conf { display: inline-block; margin-top: 4px; padding: 1px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 700; border: 1px solid #dfe5ec; background: #f4f6f9; color: #5b6b80; }
.tp-conf-alta { background: #ecf8f1; border-color: #bfe5cf; color: #23794a; }
.tp-conf-media { background: #fffbf0; border-color: #f2dca6; color: #8a5a00; }
.tp-conf-baixa { background: #fff4ec; border-color: #f6d2b6; color: #b4531a; }
.tp-sit { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700; white-space: nowrap; border: 1px solid transparent; }
.tp-sit-ok { background: #ecf8f1; border-color: #bfe5cf; color: #23794a; }
.tp-sit-sug { background: #eef4ff; border-color: #c9d9f6; color: #2a55a3; }
.tp-sit-div { background: #fff7f7; border-color: #f3c5c5; color: #b42318; }
.tp-sit-sem { background: #f4f6f9; border-color: #dfe5ec; color: #5b6b80; }
.tp-det-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-bottom: 14px; }
.tp-det-top > div { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid #e3e9f1; border-radius: 10px; background: #fafbfd; min-width: 0; }
.tp-det-top small { font-size: 11px; font-weight: 700; color: #8a97a8; text-transform: uppercase; letter-spacing: .03em; }
.tp-det-top b { font-size: 15px; color: #13254a; overflow-wrap: anywhere; }
.tp-det-top span { font-size: 12px; color: #5b6b80; overflow-wrap: anywhere; }
.tp-det-lista { display: grid; gap: 8px; }
.tp-det-os { padding: 10px 12px; border: 1px solid #e3e9f1; border-radius: 10px; background: #fff; }
.tp-det-os.fora { background: #f8f9fb; opacity: .85; }
.tp-det-os-h { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 6px; }
.tp-det-os-h b { color: #13254a; font-size: 13px; }
.tp-det-os-g { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 6px 12px; font-size: 12.5px; color: #24364f; }
.tp-det-os-g small { display: block; font-size: 10.5px; font-weight: 700; color: #8a97a8; text-transform: uppercase; letter-spacing: .03em; }
@media (max-width: 1100px) {
  .tp-qualidade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main table.tp-tab.tp-tab.tp-tab.tp-tab > tbody > tr > td.tp-c-peca { grid-column: 1 / -1; padding-bottom: 8px !important; border-bottom: 1px solid #eef2f6 !important; }
  #main table.tp-tab.tp-tab.tp-tab.tp-tab > tbody > tr > td.tp-c-ac { grid-column: 1 / -1; text-align: right; }
  #main table.tp-tab td[data-label]:not(.tp-c-peca)::before { content: attr(data-label); display: block; margin-bottom: 3px; font-size: 10.5px; font-weight: 700; color: #8a97a8; text-transform: uppercase; letter-spacing: .03em; }
}
@media (max-width: 640px) { .tp-qualidade, .tp-filtros { grid-template-columns: 1fr; } }
