/* Área do cliente: tema escuro opcional + zoom das prévias — 06/11/2026 */

/* ---------- botão do tema (mesmo estilo dos itens do topo) ---------- */
body.mg-mode .tema-cliente{display:none!important}

/* ---------- janela de zoom ---------- */
.zoom-previa{width:min(1000px,calc(100vw - 16px))!important;max-width:1000px!important;height:calc(100vh - 16px)!important;max-height:calc(100vh - 16px)!important;margin:auto!important;padding:0!important;border:0!important;border-radius:12px!important;background:#1d2329!important;color:#e8eef1!important;overflow:hidden!important;display:flex;flex-direction:column}
.zoom-previa[open]{display:flex}
.zoom-previa::backdrop{background:#000c;backdrop-filter:blur(2px)}
.zoom-barra{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#11161a;border-bottom:1px solid #2c363d}
.zoom-barra strong{font-size:14px}
.zoom-barra span{flex:1;color:#9fb0b8;font-size:12px}
.zoom-fechar{width:36px!important;height:36px!important;margin:0!important;border:1px solid #3b4851!important;border-radius:9px!important;padding:0!important;background:#232c33!important;color:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer}
.zoom-rolagem{flex:1;overflow:auto;padding:12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.zoom-rolagem img{display:block;width:100%;max-width:960px;height:auto;margin:0 auto;cursor:zoom-out;box-shadow:0 4px 24px #0008;background:#fff}
#live-curriculum-preview .live-cv-paper,#ct-previa .ct-papel{cursor:zoom-in}
@media (max-width:600px){.zoom-barra span{display:none}.zoom-rolagem{padding:6px}}

/* ---------- tema escuro (só na área do cliente) ---------- */
html.tema-escuro{background:#0f171c!important;color:#e3ecef!important;color-scheme:dark}
html.tema-escuro body:not(.mg-mode){background:#0f171c!important;color:#e3ecef!important}
html.tema-escuro body:not(.mg-mode)>header{background:#131d23!important;border-bottom-color:#26343c!important}
html.tema-escuro body:not(.mg-mode)>header .brand-name{color:#e8f0f2!important}
html.tema-escuro body:not(.mg-mode)>header .brand-name small{color:#8fa4ad!important}
html.tema-escuro body:not(.mg-mode)>header .header-actions button{color:#d6e4e8!important}
html.tema-escuro body:not(.mg-mode)>header .header-actions button:hover{background:#1d2b33!important;color:#5fe0c0!important}
html.tema-escuro body:not(.mg-mode) #main{background:transparent!important;color:#e3ecef!important}
html.tema-escuro body:not(.mg-mode) #main :is(h1,h2,h3,h4,b,strong){color:#eef5f7!important}
html.tema-escuro body:not(.mg-mode) #main :is(p,small,.muted,.help,.hero p,.cv-step>p,.ct-step>p,.ct-previa-topo small,.live-preview-title small){color:#a3b6bd!important}
html.tema-escuro body:not(.mg-mode) #main :is(.panel,section.panel,.cv-step,.ct-step,.service,.cv-experience,.photo-in-personal,.preview-personalization,.live-cv-preview,.ct-previa,.ct-form,#document-form){background:#16222a!important;border-color:#2a3a44!important;box-shadow:none!important;color:#e3ecef!important}
html.tema-escuro body:not(.mg-mode) #main :is(.cv-experience,.photo-in-personal,.ct-step){background:#1a2832!important}
html.tema-escuro body:not(.mg-mode) #main .cv-step>h3,html.tema-escuro body:not(.mg-mode) #main .ct-step>h3{color:#f3b259!important}
html.tema-escuro body:not(.mg-mode) #main label{color:#d4e1e5!important}
html.tema-escuro body:not(.mg-mode) #main :is(input,select,textarea){background:#0d161b!important;border-color:#33454f!important;color:#eef5f7!important}
html.tema-escuro body:not(.mg-mode) #main :is(input,textarea)::placeholder{color:#6f858e!important}
html.tema-escuro body:not(.mg-mode) #main :is(input,select,textarea):disabled,html.tema-escuro body:not(.mg-mode) #main .rd-travado{background:#141d22!important;color:#9fb0b6!important}
html.tema-escuro body:not(.mg-mode) #main button:not(.primary):not(#share):not(.prazo-repagar):not(.zoom-fechar){background:#1d2b33!important;border-color:#33454f!important;color:#e3ecef!important}
html.tema-escuro body:not(.mg-mode) #main :is(.status-box,.rd-prazo,.gd-prazo,.ct-papel-vazio){background:#13302a!important;border-color:#24524a!important;color:#d9f0ea!important}
html.tema-escuro body:not(.mg-mode) #main .model[aria-pressed=true]{background:#173b36!important;border-color:#2ab394!important}
html.tema-escuro body:not(.mg-mode) #main .ct-limpar,html.tema-escuro body:not(.mg-mode) #main [class*="limpar"]{background:#2a1a1d!important;border-color:#6b3a3f!important;color:#ffb4b9!important}
html.tema-escuro body:not(.mg-mode) #main a{color:#6fe0c4!important}
html.tema-escuro body:not(.mg-mode) #main .ct-ajuda{color:#9fd8c8!important}
html.tema-escuro body:not(.mg-mode) #main .ct-ajuda.ct-erro{color:#ff9aa1!important}
html.tema-escuro body:not(.mg-mode) .preview-delivery-actions{background:#131d23!important;border-color:#26343c!important}
html.tema-escuro body:not(.mg-mode) .preview-delivery-actions #download{background:#1d2b33!important;border-color:#33454f!important;color:#e3ecef!important}
html.tema-escuro body:not(.mg-mode) :is(.pix-dialog,#login,dialog.mobile-preview-dialog){background:#16222a!important;color:#e3ecef!important;border-color:#2a3a44!important}
html.tema-escuro body:not(.mg-mode) :is(.pix-dialog,#login) :is(h2,h3,b,strong){color:#eef5f7!important}
html.tema-escuro body:not(.mg-mode) :is(.pix-dialog,#login) :is(p,small,span){color:#b5c6cc!important}
html.tema-escuro body:not(.mg-mode) #login input{background:#0d161b!important;border-color:#33454f!important;color:#eef5f7!important}
html.tema-escuro body:not(.mg-mode) #notice{background:#1d2b33!important;color:#eef5f7!important}
html.tema-escuro body:not(.mg-mode) #main :is(#curriculum-lookup,.cv-lookup,.lookup-box,.cv-note,.cv-warning){background:#13302a!important;border-color:#24524a!important;color:#d9f0ea!important}
html.tema-escuro body:not(.mg-mode) #main .layout>section,html.tema-escuro body:not(.mg-mode) #main .cv-workspace{background:transparent!important}