/* ═══════════════════════════════════════════════════════════ STANDARD LAYOUT v1.1 — Card Flutuante Centralizado Identidade estrutural clínica unificada. Carregado APÓS ds.css e standard-theme.css. Escopo: html.light-mode (todos os módulos forçam light-mode). ARQUITETURA: body → fundo de página (invisível) .ds-layout → CANVAS azul-névoa com padding .ds-main → centralizador de largura (1200px) [wrapper-interno] → padding zerado (sem dupla margem) .test-container → O CARD branco (ocupa 100% do ds-main) VARIANTES DE LAYOUT (mapeadas para ds-layout / ds-main): .et-layout / .app-layout / .pid-layout → ds-layout .et-main / .main-content / .pid-main → ds-main .w3-layout / .w4-layout → WAIS-III / WISC-IV (mais largos) EXCEÇÕES: .lf-body / .lf-main → Laudo Final .page-layout → Atendimento / Pacientes / Gestão ═══════════════════════════════════════════════════════════ */ /* ══════════════════════════════════════════════════════════ 1. CANVAS DE PÁGINA Gradiente azul-névoa que emoldura o card central. Inclui TODAS as variantes de layout usadas nos módulos. ══════════════════════════════════════════════════════════ */ html.light-mode .ds-layout, html.light-mode .et-layout, html.light-mode .app-layout, html.light-mode .pid-layout, html.light-mode .clinical-layout-page { background: linear-gradient(160deg, #EFF6FF 0%, #F1F5F9 55%, #F0F4F8 100%) !important; padding: 28px 20px 56px !important; min-height: 100vh !important; box-sizing: border-box !important; display: block !important; } /* WAIS-III e WISC-IV: padding menor (interface mais densa) */ html.light-mode .w3-layout, html.light-mode .w4-layout { background: linear-gradient(160deg, #EFF6FF 0%, #F1F5F9 55%, #F0F4F8 100%) !important; padding: 24px 20px 48px !important; min-height: 100vh !important; box-sizing: border-box !important; } /* ══════════════════════════════════════════════════════════ 2. CENTRALIZADOR DE LARGURA 1200px: usa mais da tela sem comprometer leitura clínica. Inclui variantes de ds-main usadas pelos módulos. ══════════════════════════════════════════════════════════ */ html.light-mode .ds-main, html.light-mode .et-main.ds-main, html.light-mode .main-content.ds-main, html.light-mode .pid-main.ds-main { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; } /* WAIS-III e WISC-IV: mais largos por terem nav interna lateral */ html.light-mode .w3-main, html.light-mode .w4-main { max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; } /* ══════════════════════════════════════════════════════════ 3. O CARD — elemento central de todos os módulos Branco, bordas arredondadas, sombra suave. Todo o conteúdo do teste vive dentro deste card. ══════════════════════════════════════════════════════════ */ html.light-mode .test-container { background: #FFFFFF !important; border: 1px solid #E2EEF5 !important; border-radius: 20px !important; box-shadow: 0 8px 32px rgba(15, 23, 42, 0.09), 0 2px 8px rgba(15, 23, 42, 0.05) !important; overflow: hidden !important; width: 100% !important; position: relative !important; } /* Linha decorativa azul no topo do card */ html.light-mode .test-container::before { content: '' !important; display: block !important; height: 3px !important; background: linear-gradient(90deg, #3B82F6, #1D4ED8, #1E3A8A) !important; border-radius: 20px 20px 0 0 !important; } /* ══════════════════════════════════════════════════════════ 4. CABEÇALHO DO CARD — faixa de identidade do instrumento Gradiente azul escuro profissional em cima do card. NOTA DE ESPECIFICIDADE: theme.js injeta um