/* =========================================================
   Hora do Sim · Confirmar — camada premium do painel e login
   Paleta marfim/dourado + Cormorant Garamond (estética do Hora do Sim).
   Carregado DEPOIS do Tailwind para refinar a aparência.
   ========================================================= */
:root{
  --gold:#A97F4F; --gold-deep:#5F421C; --gold-soft:#EAD7B8;
  --cream:#F8F0E4; --sand:#F5F0E8; --ivory:#FBF7F1;
  --ink:#2E2723; --ink-soft:#5C5048; --mocha:#897868;
  --blush:#E7C6BE; --blush-soft:#F5E2DC; --blush-deep:#C28477; --sage:#8FA083;
  --line:rgba(46,39,35,.10);
  --font-display:"Cormorant Garamond",Georgia,serif;
  --font-body:"Nunito Sans",-apple-system,system-ui,sans-serif;
}

body{ font-family:var(--font-body); color:var(--ink); }
.font-sans{ font-family:var(--font-body) !important; }

/* Fundo quente no painel (substitui o cinza padrão) */
.bg-gray-100{ background:
  radial-gradient(1100px 500px at 100% -5%, var(--blush-soft) 0%, transparent 55%),
  linear-gradient(180deg, var(--ivory) 0%, var(--cream) 100%) !important;
  min-height:100vh; }

/* Títulos em serifa elegante */
.font-serif{ font-family:var(--font-display) !important; letter-spacing:.005em; }

/* Retinta o "amber" do Tailwind para o dourado da marca */
.bg-amber-700{ background-color:var(--gold) !important; }
.hover\:bg-amber-800:hover{ background-color:#8a6840 !important; }
.text-amber-700{ color:var(--gold) !important; }
.text-amber-600{ color:var(--gold) !important; }
.bg-amber-700{ box-shadow:0 10px 24px -12px rgba(169,127,79,.6); }

/* Nav superior mais sofisticada */
nav.bg-white{ background:rgba(251,247,241,.85) !important; backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line) !important; }

/* Cartões com mais alma */
.rounded-2xl.border{ border-color:var(--line) !important; box-shadow:0 18px 40px -28px rgba(46,39,35,.30); }
.shadow-sm{ box-shadow:0 12px 30px -24px rgba(46,39,35,.30) !important; }

/* Header branco do Breeze → faixa creme com filete dourado */
.bg-white.shadow{ background:transparent !important; box-shadow:none !important; }

/* Inputs refinados */
input:not([type=checkbox]):not([type=radio]), select, textarea{
  border-radius:12px !important; border-color:var(--line) !important;
}
input:focus, select:focus, textarea:focus{
  border-color:var(--blush-deep) !important;
  box-shadow:0 0 0 4px rgba(194,132,119,.14) !important;
}

/* ---------- Login (layout guest) ---------- */
.auth-stage{
  min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:32px 18px;
  background:
    radial-gradient(900px 600px at 50% -10%, var(--blush-soft) 0%, transparent 60%),
    linear-gradient(180deg, var(--ivory) 0%, var(--cream) 100%);
}
.auth-brand{ text-align:center; margin-bottom:22px; }
.auth-brand a{ text-decoration:none; }
.auth-brand .rings{ color:var(--gold); }
.auth-brand .nm{ font-family:var(--font-display); font-size:1.7rem; font-weight:600; color:var(--ink); margin-top:6px; line-height:1; }
.auth-brand .sb{ font-size:.64rem; letter-spacing:.34em; text-transform:uppercase; color:var(--gold); margin-top:5px; }
.auth-card{
  width:100%; max-width:430px; background:#fff; border:1px solid var(--line);
  border-radius:26px; padding:clamp(28px,5vw,44px);
  box-shadow:0 30px 70px -36px rgba(46,39,35,.4); position:relative; overflow:hidden;
}
.auth-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:5px;
  background:linear-gradient(90deg,var(--blush) 0%,var(--gold-soft) 50%,var(--blush) 100%); }
.auth-title{ font-family:var(--font-display); font-size:1.8rem; font-weight:600; color:var(--ink); text-align:center; }
.auth-sub{ text-align:center; color:var(--mocha); font-size:.92rem; margin-top:4px; margin-bottom:22px; }
.auth-label{ display:block; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--mocha); margin-bottom:7px; }
.auth-input{ width:100%; padding:13px 15px; font-size:1rem; color:var(--ink);
  background:var(--ivory); border:1px solid var(--line); border-radius:12px; transition:.25s; }
.auth-input::placeholder{ color:#b9a89a; }
.auth-input:focus{ outline:none; border-color:var(--blush-deep); background:#fff; box-shadow:0 0 0 4px rgba(194,132,119,.14); }
.auth-btn{ width:100%; margin-top:6px; padding:14px; border:none; border-radius:100px; cursor:pointer;
  font-family:var(--font-body); font-weight:700; font-size:1rem; letter-spacing:.02em; color:var(--ivory);
  background:linear-gradient(135deg,var(--ink),#473b33); box-shadow:0 16px 34px -16px rgba(46,39,35,.6); transition:.3s; }
.auth-btn:hover{ transform:translateY(-2px); }
.auth-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:14px 0; }
.auth-link{ color:var(--gold); font-size:.85rem; text-decoration:none; }
.auth-link:hover{ text-decoration:underline; }
.auth-check{ display:flex; align-items:center; gap:8px; font-size:.85rem; color:var(--ink-soft); }
.auth-foot{ text-align:center; font-size:.78rem; color:var(--mocha); margin-top:22px; }
.auth-foot b{ font-family:var(--font-display); color:var(--ink-soft); font-weight:600; }
.auth-err{ background:var(--blush-soft); color:#8a3a2c; border-radius:12px; padding:11px 14px; font-size:.85rem; margin-bottom:16px; }