/*
 * CUSTOM OVERRIDES — Programa de Treinamento IS-145-010
 * ------------------------------------------------------
 * Edite este arquivo direto em wp-admin > Plugins > Editor de Plugins
 * (selecione "Programa de Treinamento IS-145-010" e abra este arquivo)
 * ou via FTP. Basta salvar e atualizar a página — não precisa reinstalar
 * o plugin nem recompilar nada.
 *
 * Este CSS é carregado DEPOIS do app, mas como o app injeta seu próprio
 * <style>, use !important nas regras abaixo para garantir que vençam.
 *
 * Principais classes e variáveis disponíveis:
 *   .tp-root        → contêiner geral do app
 *   .tp-sidebar      → barra lateral esquerda (menu)
 *   .tp-topbar       → barra superior azul-marinho
 *   .tp-content      → área de conteúdo (onde ficam os cartões/tabelas)
 *   .tp-kpi-row      → linha dos 4 cartões de indicadores do Painel
 *   .tp-kpi          → cada cartão de indicador
 *   .tp-panel        → cada painel/caixa branca (tabelas, gráficos)
 *   .tp-table        → tabelas de dados
 *   .tp-btn          → botões
 *
 *   Cores (variáveis CSS, dentro de .tp-root):
 *   --navy, --navy-dark, --steel, --amber, --danger, --success, --bg, --panel, --ink
 *
 * Exemplos (remova o /* e o *\/ para ativar):
 *
 * .tp-content { max-width: 1400px !important; }
 * .tp-sidebar { width: 200px !important; }
 * .tp-root { --navy: #123456 !important; }
 * .tp-kpi-row { grid-template-columns: repeat(2, 1fr) !important; }
 */

.mpt-status { display:inline-flex; align-items:center; border-radius:999px; padding:4px 9px; font-size:11px; font-weight:700; line-height:1; border:1px solid transparent; white-space:nowrap; }
.mpt-status.green { background:#DCFCE7; color:#166534; border-color:#BBF7D0; }
.mpt-status.yellow { background:#FEF3C7; color:#92400E; border-color:#FDE68A; }
.mpt-status.red { background:#FEE2E2; color:#991B1B; border-color:#FECACA; }
.mpt-status.blue { background:#DBEAFE; color:#1E40AF; border-color:#BFDBFE; }
.mpt-status.gray { background:#F1F5F9; color:#475569; border-color:#E2E8F0; }
.mpt-lms-select.mpt-aprovado { background:#DCFCE7 !important; color:#166534 !important; border-color:#BBF7D0 !important; }
.mpt-lms-select.mpt-pendente { background:#FEF3C7 !important; color:#92400E !important; border-color:#FDE68A !important; }
.mpt-lms-select.mpt-bloqueado { background:#FEE2E2 !important; color:#991B1B !important; border-color:#FECACA !important; }
.mpt-lms-active { background:rgba(255,255,255,.14) !important; color:#fff !important; border-left:3px solid var(--amber) !important; }
.mpt-lms-icon { width:16px; font-size:18px; line-height:1; }
.mpt-lms-subtitle { font-size:11.5px; color:var(--ink-soft); margin-top:2px; }
.mpt-lms-filters { display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:10px; margin-bottom:16px; }
.mpt-lms-filters select { width:100%; border:1px solid var(--line); padding:8px 10px; background:#fff; }
.mpt-lms-scroll { overflow-x:auto; }
.mpt-lms-table td { vertical-align:middle; }
.mpt-progress { width:150px; height:8px; border-radius:99px; background:#E5EAEC; overflow:hidden; display:inline-block; margin-right:8px; }
.mpt-progress i { display:block; height:100%; background:#647F91; border-radius:99px; }
.mpt-lms-empty { text-align:center; padding:28px !important; color:var(--ink-soft); }
.mpt-lms-empty.error { color:#991B1B; }
@media(max-width:900px){.mpt-lms-filters{grid-template-columns:1fr}.mpt-progress{width:90px}}