/* ============================================================
   Modo Colaborador — esconde a didática nas fases 5-19,
   mas preserva o conteúdo operacional (CRUDs, listas, formulários).
   Aplicado quando o <body> tem a classe "body-perfil-colab".

   Estrategia:
   1) Esconde TUDO que e' classicamente didatico (cards de teoria, quiz,
      avisos do assessor, chat IA, hero images).
   2) RESTAURA via override os containers que sao CRUD/operacional —
      identificados por classes especificas dos cards de cada fase
      (oe-crud-card, fcs-crud-card, kpi-card, etc.) ou por conterem
      formularios/listas.

   Esta abordagem evita ter que tocar nas 16 paginas; basta manter
   este CSS atualizado conforme novas classes de CRUD aparecerem.
   ============================================================ */

/* ===== Passo 1: esconde tudo que tipicamente e' didatico ===== */
body.body-perfil-colab .peo-quiz-cta,
body.body-perfil-colab #quizModal,
body.body-perfil-colab .peo-assessor-aviso,
body.body-perfil-colab .chat-ia-wrap,
body.body-perfil-colab .peo-hero-img {
    display: none !important;
}

/* Cards didaticos: por padrao escondem. Cards de CRUD/operacionais
   restauram visibilidade no Passo 2. */
body.body-perfil-colab .peo-content-card {
    display: none !important;
}

/* ===== Passo 2: restaura visibilidade de cards operacionais ===== */
/* Containers de CRUD (identificados por classes especificas) */
body.body-perfil-colab .peo-content-card.oe-crud-card,
body.body-perfil-colab .peo-content-card.fcs-crud-card,
body.body-perfil-colab .peo-content-card.kpi-crud-card,
body.body-perfil-colab .peo-content-card.crud-card,

/* Qualquer card que contenha um formulario de cadastro/edicao */
body.body-perfil-colab .peo-content-card:has(form),
body.body-perfil-colab .peo-content-card:has(textarea),
body.body-perfil-colab .peo-content-card:has(input[type="text"]),
body.body-perfil-colab .peo-content-card:has(input[type="number"]),
body.body-perfil-colab .peo-content-card:has(select),

/* Cards de listagem operacional (renderizados via JS) */
body.body-perfil-colab .peo-content-card:has([id$="-lista"]),
body.body-perfil-colab .peo-content-card:has([class$="-lista"]),
body.body-perfil-colab .peo-content-card:has(.oe-lista),
body.body-perfil-colab .peo-content-card:has(.fcs-lista),
body.body-perfil-colab .peo-content-card:has(.kpi-card),

/* Cards de estatisticas/resumo (visualizacao agregada — Colaborador ve) */
body.body-perfil-colab .peo-content-card:has(.oe-stats-grid),
body.body-perfil-colab .peo-content-card:has(.oe-stat-card),
body.body-perfil-colab .peo-content-card:has(.peo-stat-card) {
    display: block !important;
}

/* Containers genericos de status/resumo que aparecem em varias fases */
body.body-perfil-colab .oe-status-form,
body.body-perfil-colab .oe-status-info,
body.body-perfil-colab .peo-status-form,
body.body-perfil-colab .peo-form-status,
body.body-perfil-colab .peo-resumo-fase {
    display: block !important;
}

/* ===== Passo 3: dentro dos CRUDs liberados, esconde os botoes de mutacao ===== */
/* Botoes de "Adicionar" / "Editar" / "Excluir" devem sumir para Colaborador.
   Esses botoes ja sao envolvidos por <?php if ($canEdit) ?> em muitas paginas,
   mas reforcamos por CSS pra evitar regressao. */
body.body-perfil-colab .oe-btn-add,
body.body-perfil-colab #oe-btn-add,
body.body-perfil-colab #oe-btn-importar,
body.body-perfil-colab .fcs-btn-add,
body.body-perfil-colab #fcs-btn-add,
body.body-perfil-colab #fcs-btn-importar,
body.body-perfil-colab .kpi-btn-add,
body.body-perfil-colab #kpi-btn-add,
body.body-perfil-colab #kpi-btn-importar,
body.body-perfil-colab .oe-crud-actions,
body.body-perfil-colab .fcs-crud-actions,
body.body-perfil-colab .kpi-crud-actions {
    display: none !important;
}

/* ===== Aviso opcional para Colaborador no topo da pagina ===== */
body.body-perfil-colab .peo-modo-colab-aviso {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #1d4ed8;
    border-radius: 8px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 1.5rem;
    color: #334155;
    font-size: 0.92rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
body.body-perfil-colab .peo-modo-colab-aviso i {
    color: #1d4ed8;
    font-size: 1.15rem;
}
