/* Espaço Luz V20.18 — visual refinado + modo Dia / Noite.
   Carregado DEPOIS de luz-luxo.css. Não muda a estrutura nem o tamanho de nada: só cores, sombras, bordas e brilho.
   Para desfazer tudo: apague a linha <link ... luz-tema.css> e <script ... luz-tema.js> do espaco.php. */

/* =====================================================================
   1) DIA — refinamento (mesmo layout, acabamento mais fino)
   ===================================================================== */
html{color-scheme:light;-webkit-text-size-adjust:100%}
body{
  background:
    radial-gradient(900px 520px at 88% -6%,rgba(183,138,66,.12),transparent 62%),
    radial-gradient(760px 520px at -8% 34%,rgba(227,192,126,.09),transparent 64%),
    var(--ivory);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.doc.lz{box-shadow:0 46px 90px -34px rgba(60,40,15,.28),0 0 0 1px rgba(168,131,75,.14)}
.lz .sec{border-bottom-color:rgba(168,131,75,.18)}
.lz .sec h2{letter-spacing:-.012em}
.lz .sec>h2::after,.lz .sec>.lz-mot>.kick+*::after{content:none}
.lz .sec>h2::after{content:"";display:block;width:46px;height:2px;margin-top:16px;border-radius:2px;background:linear-gradient(90deg,var(--gold),rgba(183,138,66,0))}
.lz .kick{letter-spacing:.28em}

/* topo e barra de navegação */
.lz-top{background:linear-gradient(180deg,#1d1713,#15120f);box-shadow:0 1px 0 rgba(227,192,126,.22),0 10px 30px -18px rgba(0,0,0,.6)}
.lz-top .mono{box-shadow:0 0 0 1px rgba(227,192,126,.45),0 0 18px rgba(227,192,126,.25)}
.lz-nav{-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 10px 24px -22px rgba(60,40,15,.5)}
.lz-nav a{border-radius:999px;transition:border-color .18s,color .18s,background-color .18s}
.lz-pzbar button{background:linear-gradient(135deg,#d9b36e,#b78a42);box-shadow:0 6px 16px -8px rgba(183,138,66,.8);transition:transform .15s,box-shadow .15s}
.lz-pzbar button:active{transform:scale(.97)}

/* cartões do menu */
.lz .tile{border-radius:20px;border-color:rgba(168,131,75,.26);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 26px -18px rgba(60,40,15,.45);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.lz .tile .ti{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:25px;
  background:linear-gradient(145deg,rgba(247,227,181,.55),rgba(227,192,126,.18));box-shadow:0 0 0 1px rgba(183,138,66,.22) inset}
.lz .tile:hover,.lz .tile:focus-visible{transform:translateY(-3px);border-color:var(--gold);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 34px -16px rgba(183,138,66,.5)}
.lz .tile:active{transform:translateY(0) scale(.99)}

/* cartões em destaque */
.lz-hoje{background:linear-gradient(180deg,#fffaf0,#fffdf9)}
.lz .eq-hoje,.lz .lz-nov,.lz .lz-gate,.lz .lz-wait{border-radius:20px;box-shadow:0 12px 30px -22px rgba(183,138,66,.6)}
.lz .lz-resumo,.lz .lz-mot,.lz .lz-hel,.lz .le-card,.lz .mu-g{border-radius:20px;box-shadow:0 12px 30px -24px rgba(60,40,15,.45)}

/* botões */
.lz .btn{transition:transform .15s,box-shadow .15s,background-color .15s,filter .15s}
.lz .btn:not(:disabled):hover{transform:translateY(-1px)}
.lz .btn:not(:disabled):active{transform:translateY(0) scale(.985)}
.lz .btn.gold{background:linear-gradient(135deg,#dcb671 0%,#b78a42 100%);color:#fff;text-shadow:0 1px 0 rgba(90,60,15,.35);
  box-shadow:0 10px 22px -12px rgba(183,138,66,.9),0 1px 0 rgba(255,255,255,.35) inset}
.lz .btn.gold:hover{background:linear-gradient(135deg,#e4c17f 0%,#bd9048 100%)}

/* campos */
.lz input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.lz textarea,.lz select,.lz-card input{border-radius:14px;transition:border-color .15s,box-shadow .15s}
.lz input:focus,.lz textarea:focus,.lz select:focus,.lz-card input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(183,138,66,.18)}
:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:10px}

/* login */
.lz-login{background:radial-gradient(120% 80% at 80% 0%,#4a3b2a 0%,#15120f 62%)}
.lz-card{border-radius:28px;box-shadow:0 40px 90px -30px rgba(0,0,0,.65),0 0 0 1px rgba(227,192,126,.25)}

/* movimento reduzido (só nos efeitos novos; a respiração guiada continua funcionando) */
@media (prefers-reduced-motion:reduce){
  .lz .tile,.lz .btn,.lz-nav a,.lzt-btn,.lzt-sel button,.lzt-toast{transition:none!important}
  .lz .tile:hover,.lz .btn:hover{transform:none!important}
}

/* =====================================================================
   2) BOTÃO / SELETOR DE APARÊNCIA
   ===================================================================== */
.lzt-btn{flex:none;width:40px;height:40px;margin-right:6px;display:inline-grid;place-items:center;font-size:18px;line-height:1;cursor:pointer;
  color:#f4ecdf;background:rgba(255,255,255,.08);border:1px solid rgba(227,192,126,.4);border-radius:50%;padding:0;transition:background-color .15s,transform .15s}
.lzt-btn:hover{background:rgba(255,255,255,.16)}
.lzt-btn:active{transform:scale(.94)}
.lz-hi{align-items:center}
.lzt-fixo{position:fixed;top:12px;right:12px;z-index:60}
.lzt-fixo .lzt-btn{margin:0;background:rgba(21,18,15,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

.lzt-card{margin-top:34px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(247,227,181,.28),rgba(255,255,255,0))}
.lzt-card h3{font:500 26px 'Cormorant Garamond',serif;margin:2px 0 6px}
.lzt-sel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.lzt-sel button{display:grid;justify-items:center;gap:4px;padding:14px 8px;min-height:72px;cursor:pointer;color:var(--ink);font:500 15px 'DM Sans',sans-serif;
  background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .15s,background-color .15s,box-shadow .15s}
.lzt-sel button span{font-size:22px;line-height:1}
.lzt-sel button b{font-weight:600}
.lzt-sel button[aria-checked=true]{border-color:var(--gold);background:#fffaf0;box-shadow:0 0 0 3px rgba(183,138,66,.2)}

.lzt-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:90;transform:translate(-50%,16px);opacity:0;pointer-events:none;
  padding:10px 18px;border-radius:999px;background:#15120f;color:#f4ecdf;font:500 14px 'DM Sans',sans-serif;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);border:1px solid rgba(227,192,126,.4);transition:opacity .2s,transform .2s}
.lzt-toast.on{opacity:1;transform:translate(-50%,0)}

/* suaviza a troca de tema (a classe é posta por ~0,5 s pelo luz-tema.js) */
html.lzt-troca *,html.lzt-troca *::before,html.lzt-troca *::after{transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s!important}

/* =====================================================================
   3) NOITE — mesma identidade (ameixa + dourado), todo o painel
   ===================================================================== */
html[data-theme=dark]{
  color-scheme:dark;
  --ivory:#120d17;--paper:#1a1322;--ink:#f4ecdf;--ink2:#e9dfcf;--muted:#b9ad9c;
  --line:rgba(227,192,126,.22);--gold:#e3c07e;--gold2:#f7e3b5;
  --lzt-s1:#231a2d;      /* cartões */
  --lzt-s2:#2b2136;      /* cartões em destaque / campos */
  --lzt-tint:rgba(227,192,126,.10);   /* fundo quente (antes creme) */
  --lzt-tint-b:rgba(227,192,126,.30);
  --lzt-g:rgba(76,155,120,.16);  --lzt-gt:#97d8b6;      /* verde  */
  --lzt-p:rgba(240,150,190,.13); --lzt-pb:rgba(240,150,190,.32); /* rosa   */
  --lzt-b:rgba(110,170,225,.15); --lzt-bt:#9bc9f2;      /* azul   */
  --lzt-r:rgba(232,133,122,.16); --lzt-rb:rgba(232,133,122,.45); /* risco  */
}
html[data-theme=dark] body{
  background:
    radial-gradient(900px 520px at 88% -6%,rgba(227,192,126,.10),transparent 62%),
    radial-gradient(760px 520px at -8% 34%,rgba(120,80,150,.20),transparent 64%),
    var(--ivory);
  color:var(--ink)}
html[data-theme=dark] .doc.lz{background:var(--paper);box-shadow:0 46px 100px -30px rgba(0,0,0,.85),0 0 0 1px rgba(227,192,126,.16)}
html[data-theme=dark] .lz .sec{border-bottom-color:rgba(227,192,126,.14)}
html[data-theme=dark] .lz h1,html[data-theme=dark] .lz h2,html[data-theme=dark] .lz h3{color:var(--gold2)}
html[data-theme=dark] .lz a:not(.btn):not(.tile):not(.eq-hoje):not(.lz-cta):not(.lz-home){color:var(--gold2)}
html[data-theme=dark] .lz-top{background:linear-gradient(180deg,#1a1222,#120d17);box-shadow:0 1px 0 rgba(227,192,126,.25),0 10px 30px -18px #000}
html[data-theme=dark] .lz-nav{background:rgba(18,13,23,.88);border-bottom-color:var(--line);box-shadow:0 10px 24px -22px #000}
html[data-theme=dark] .lz-login{background:radial-gradient(120% 80% at 80% 0%,#3a2548 0%,#120d17 62%)}

/* superfícies que eram brancas */
html[data-theme=dark] :is(.lz-card input,.lz-dia textarea,.lz-dia select,.lz-pz select,.le-cfg input,.le-cfg select,.bf-q textarea,.cad-g input,.aceite input[type=text],
  .lz input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.lz textarea,.lz select){
  background:var(--lzt-s2);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.lz input,.lz textarea)::placeholder{color:rgba(244,236,223,.45)}
html[data-theme=dark] :is(.tile,.lz-niv button,.lz-mot,.lz-resumo,.lz-site,.mu-g,.eq-p,.eq-m.eles,.eq-intro,.le-st,.le-card,.qs-pf a,.lz-est span,.lz-todo a,.bf-wiz,
  .bf-tipos span,.bf-grid img,.bf-grid .doc,.lz-ph div,.pt-top div,.pt li,.gd-fav,.gd-sum div,.gd-p,.gd-tipos span,.lz-nav a,.lz-card,.lzt-sel button,.cu-pd details[open],
  .stp,.lz1,.pagar,.ex,.pl,.gar>div){
  background:var(--lzt-s1);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .tile small,html[data-theme=dark] .lz small{color:var(--muted)}
html[data-theme=dark] .tile{box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 12px 28px -18px #000}
html[data-theme=dark] .tile .ti{background:linear-gradient(145deg,rgba(227,192,126,.22),rgba(227,192,126,.06));box-shadow:0 0 0 1px rgba(227,192,126,.25) inset}
html[data-theme=dark] .tile:hover,html[data-theme=dark] .tile:focus-visible{border-color:var(--gold);box-shadow:0 18px 34px -16px rgba(227,192,126,.35)}
html[data-theme=dark] .lz-nav a:hover{border-color:var(--gold);color:var(--gold2)}
html[data-theme=dark] .lz-home{color:var(--gold2)}

/* superfícies quentes (antes creme/amarelo) */
html[data-theme=dark] :is(.lz-hoje,.lz-nov,.lz-wait,.lz-gate,.lz-ap,.eq-hoje,.eq-p.on,.eq-p[data-q=auto],.mu-hoje,.eq-sug button,.cu-pd details,.bf-drop,.pt-ap,
  .lz-niv button:hover,.lz-niv .on,.lzt-sel button[aria-checked=true],.bk-p.sel,.lz-est input:checked+span,.bf-tipos input:checked+span,.aceite,.pl:has(input:checked),.lzt-card){
  background:var(--lzt-tint);border-color:var(--lzt-tint-b);color:var(--ink)}
html[data-theme=dark] .lz-hoje{background:linear-gradient(180deg,rgba(227,192,126,.10),rgba(227,192,126,.02))}
html[data-theme=dark] .eq-sug button:hover,html[data-theme=dark] .eq-sug button:focus-visible{background:rgba(227,192,126,.2)}
html[data-theme=dark] .lz-niv .on,html[data-theme=dark] .lz-niv button:hover{box-shadow:0 8px 22px rgba(227,192,126,.16)}
html[data-theme=dark] :is(.eq-chat,.cu-esp,.eq-aviso,.gd-como,.ped-msg,.mu-ch span,.lz-todo i,.lz-list a,.lz-site){
  background:rgba(255,255,255,.05);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.lz-bar,.le-sem i,.pt-bar){background:rgba(255,255,255,.10)}
html[data-theme=dark] .lz-hel,html[data-theme=dark] .cu-abr{background:var(--lzt-p);border-color:var(--lzt-pb)}
html[data-theme=dark] .eq-hoje.gabi{background:rgba(255,160,120,.12);border-color:rgba(255,160,120,.35)}
html[data-theme=dark] .eq-hoje.gabi small{color:#ffb597}
html[data-theme=dark] .eq-m.eu{background:rgba(227,192,126,.16);color:var(--ink);border:1px solid var(--lzt-tint-b)}
html[data-theme=dark] .eq-m.risco{background:var(--lzt-r);border-color:var(--lzt-rb);color:var(--ink)}
html[data-theme=dark] .eq-intro p,html[data-theme=dark] .eq-aviso p,html[data-theme=dark] .cu-pres,html[data-theme=dark] .gd-dica{color:var(--muted)}
html[data-theme=dark] .cu-flora,html[data-theme=dark] .gd-flora{background:var(--lzt-g);border-color:rgba(76,155,120,.35)}
html[data-theme=dark] .ball,html[data-theme=dark] .lz-ball{color:#2a1d10}

/* verdes (sucesso) */
html[data-theme=dark] :is(.ok,.ok2,.dia-top,.bf-fim,.eq-p em,.gd-st,.gd-msg,.gd-hum button.on,.gd-tipos input:checked+span){background:var(--lzt-g);color:var(--lzt-gt);border-color:rgba(76,155,120,.4)}
html[data-theme=dark] :is(.tr-res,.bf-sv,.gd-flora b,.gd-sum b,.gd-add h3,.jg-n.feito b::after){color:var(--lzt-gt)}
html[data-theme=dark] :is(.gd-add,.gd-hum button){background:rgba(255,255,255,.04);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .lz-todo a.ok i{background:#2f6b4b;color:#fff}
/* azuis (sede/água) */
html[data-theme=dark] .gd-sum .sede,html[data-theme=dark] .gd-av{background:var(--lzt-b)}
html[data-theme=dark] .gd-sum .sede b,html[data-theme=dark] .gd-p.sede .gd-st{color:var(--lzt-bt)}
html[data-theme=dark] .gd-p.sede .gd-st{background:var(--lzt-b)}

/* botões */
html[data-theme=dark] .lz .btn{background:rgba(255,255,255,.08);color:var(--gold2);border:1px solid var(--lzt-tint-b)}
html[data-theme=dark] .lz .btn:hover{background:rgba(255,255,255,.14)}
html[data-theme=dark] .lz .btn.gold,html[data-theme=dark] .lz-card .btn.gold{background:linear-gradient(135deg,#f0d393 0%,#d3a95c 100%);color:#2a1d10;text-shadow:none;border-color:transparent;
  box-shadow:0 12px 26px -14px rgba(227,192,126,.7),0 1px 0 rgba(255,255,255,.4) inset}
html[data-theme=dark] .lz-pzbar button{background:linear-gradient(135deg,#f0d393,#d3a95c);color:#2a1d10;box-shadow:0 6px 18px -8px rgba(227,192,126,.6)}
html[data-theme=dark] .lz-cta{background:linear-gradient(135deg,#2a1c36,#1a1222);color:var(--gold2);border:1px solid var(--lzt-tint-b)}
html[data-theme=dark] .lz-x{color:var(--muted)}
html[data-theme=dark] .lz-minix{background:#000;border:1px solid var(--lzt-tint-b)}

/* player de música, pausas, diário trancado */
html[data-theme=dark] .lz-play{background:linear-gradient(180deg,#0e0a13,#150f1c);border:1px solid var(--line)}
html[data-theme=dark] .lz-play .btn{background:rgba(255,255,255,.1);color:#fff;border:0}
html[data-theme=dark] .lz-play .btn.gold{background:var(--gold);color:#2a1d10}
html[data-theme=dark] .lz-pausa>div{background:var(--lzt-s1);border:1px solid var(--lzt-tint-b);color:var(--ink)}
html[data-theme=dark] .lz-pausa{background:rgba(8,5,12,.8)}
html[data-theme=dark] .dia-cad{background:linear-gradient(180deg,#0e0a13,#150f1c);border:1px solid var(--line)}

/* instalar app / lembretes */
html[data-theme=dark] .pw-box{border:1px solid var(--line)}

/* seletor de aparência e aviso */
html[data-theme=dark] .lzt-sel button{background:var(--lzt-s1)}
html[data-theme=dark] .lzt-btn{background:rgba(255,255,255,.06)}
html[data-theme=dark] .lzt-toast{background:#2b2136;border-color:var(--lzt-tint-b)}

/* caixas de seleção e rádios no escuro */
html[data-theme=dark] .lz input[type=checkbox],html[data-theme=dark] .lz input[type=radio],html[data-theme=dark] .lz input[type=range]{accent-color:var(--gold)}
html[data-theme=dark] .lz hr{border-color:var(--line)}
html[data-theme=dark] ::selection{background:rgba(227,192,126,.35);color:#fff}

/* os jogos já têm tema "noite dourada" próprio (luz-luxo.css) e ficam iguais nos dois modos */

/* V21.30 — contraste AA no modo Dia (regra da Sara: nunca letra apagada). Só escurece os tons dourado/areia do texto pequeno. */
html:not([data-theme=dark]) .lz .kick{color:#7a5514}
html:not([data-theme=dark]) .lz .hint,html:not([data-theme=dark]) .lz-pzbar span{color:#4f463d}
html:not([data-theme=dark]) .l34-tabs button.on{color:#7a5514}