/* cliente-ui.css — costura visual do portal do cliente (2026-09-16)

   O portal do cliente fala TRES vocabularios de CSS (conferido no codigo, nao
   suposto):
     .pcli-*     Inicio, Design, Calendario, Financeiro, Checkpoint, Check-in
     .mi-*       Meta Indicadores
     .crm-cad-*  o miolo do Meu Cadastro (componente do CRM reusado em clientMode)
   (O .cal-* NAO entra aqui: aquele e' o calendario da EQUIPE. O calendario que
   o cliente ve e' desenhado por portal-cliente.js, em .pcli-*.)

   O .pcli-* e' a lingua da casa — 6 das 7 abas. Este arquivo existe so' pra
   trazer as outras duas pra mesma superficie, corrigindo as divergencias que
   foram MEDIDAS. Nao ha regra "por via das duvidas" e nao ha componente novo:
   ha um teste que reprova regra cuja classe nenhum arquivo do cliente emite.

   Escopado em `body.cli-shell` (marcado em _buildLayout quando role=client)
   porque as mesmas classes .crm-cad-* rodam nas telas da EQUIPE: sem o escopo,
   arrumar o portal do cliente mexeria no CRM interno.

   Por que tao pouco: as duas primeiras tentativas de "unificar" criaram uma
   linguagem comum nova (cliui-, cli-ini-) e produziram o contrario do pedido —
   uma tela que nao conversava com nenhuma outra. Unificar aqui e' convergir pro
   que ja' existe, nao inventar um terceiro padrao. */

body.cli-shell {
  --cli-line: #e5e7eb;   /* a borda que .pcli-card e .pcli-utable ja' usam */
  --cli-r:    12px;      /* o raio do .pcli-fin-kpi */
  --cli-r-pill: 999px;
  --cli-shadow-up: 0 6px 20px rgba(15,23,42,.08);
}

/* Meta Indicadores — o painel ja' nasce com raio 14 (igual ao .pcli-card), mas
   com borda #f0f0f0 e sombra propria: de perto lia como outro material. */
body.cli-shell .mi-panel { border-color: var(--cli-line); }
body.cli-shell .mi-panel:hover { box-shadow: var(--cli-shadow-up); }
/* Selo de formato: era o unico raio 6 da superficie do cliente. */
body.cli-shell .mi-badge { border-radius: var(--cli-r-pill); }

/* Meu Cadastro NAO entra aqui: a ficha do cliente e o modal .cdet-* encaixado
   (openClienteModalEmbed), nao o crm-cadastro.js. A regra .crm-cad-card que
   existia aqui era CSS morto — o arquivo nunca carrega pro cliente. */