/* Identidade visual do site Desiree Sovereign LTX (desireesovereignltx.com.br):
   fundo preto, textos creme, acentos em dourado, títulos em Inter encorpada e numerais em Playfair Display. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/playfair-display-latin.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;src:url('/fonts/playfair-display-italic-latin.woff2') format('woff2')}

:root{
  --gold:var(--c-gold);--gold-light:var(--c-gold-3);--gold-deep:var(--c-gold-deep);--gold-soft:var(--c-gold-2);
  --gold-gradient:linear-gradient(135deg,var(--c-gold-3) 0%,var(--c-gold) 52%,var(--c-gold-deep) 100%);
  --gold-line:color-mix(in srgb, var(--c-gold) 22%, transparent);--gold-line-strong:color-mix(in srgb, var(--c-gold) 45%, transparent);--gold-tint:color-mix(in srgb, var(--c-gold) 8%, transparent);--gold-tint-strong:color-mix(in srgb, var(--c-gold) 14%, transparent);
  --night:var(--c-bg);--surface:var(--c-paper);--surface-2:var(--c-cream);--surface-3:var(--c-surface-6);
  --text:var(--c-ink);--dim:var(--c-ink-3);--muted:var(--c-muted-3);--faint:var(--c-muted-4);--divider:color-mix(in srgb, var(--c-hairline) 7%, transparent);
  --ink:var(--c-ink);--green:var(--c-gold);--green-dark:var(--c-gold-deep);--cream:var(--c-cream);--paper:var(--c-paper);--bg:var(--c-bg);--line:color-mix(in srgb, var(--c-gold) 18%, transparent);--orange:var(--c-gold-2);
  --shadow:0 18px 50px color-mix(in srgb, var(--c-shade) 35%, transparent);--radius-card:16px;
  color-scheme:dark;font-family:'Inter',system-ui,'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--night);
}
html,body{background:var(--night)}
body{color:var(--text);background:radial-gradient(900px 520px at 88% -8%,color-mix(in srgb, var(--c-gold) 7%, transparent),transparent 60%),radial-gradient(700px 480px at -10% 110%,color-mix(in srgb, var(--c-gold) 4%, transparent),transparent 60%),var(--night);background-attachment:fixed}
button:focus-visible,a:focus-visible{outline-color:var(--gold)}
::selection{background:var(--gold);color:var(--night)}
h1,h2,h3{color:var(--text)}
.live-dot{background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-gold) 15%, transparent)}
.eyebrow,.page-heading .eyebrow,.mini-eyebrow,.capture-card>.eyebrow,.auth-form>.eyebrow{color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-weight:700}
.loading-screen{background:var(--night)}

/* Marca: emblema oficial transparente + nome */
.brand img{width:auto;height:46px;border:0;border-radius:0;background:none;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--c-gold) 12%, transparent))}
.brand.light img{border:0}
.brand>span{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:3px;color:var(--text)}
.brand small,.brand.light small{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:5px}
.sidebar>.brand img{width:auto;height:44px}
.public-footer .brand img{width:auto;height:38px}

/* Botões no padrão do site */
.btn{border-radius:10px;font-weight:700}
.btn.primary{background:var(--gold-gradient);color:var(--c-paper);border-color:transparent;box-shadow:0 8px 24px color-mix(in srgb, var(--c-gold) 18%, transparent)}
.btn.primary:hover{background:var(--gold-gradient);filter:brightness(1.07);box-shadow:0 10px 28px color-mix(in srgb, var(--c-gold) 25%, transparent)}
.btn.secondary,.btn.cream{background:transparent;border-color:var(--gold);color:var(--gold-light)}
.btn.secondary:hover,.btn.cream:hover{background:var(--gold-tint);border-color:var(--gold-light);color:var(--gold-light)}
.btn.compact.secondary{background:var(--c-accent-deep);border-color:var(--gold-line-strong)}
.icon-btn{color:var(--dim)}
.icon-btn:hover{background:var(--gold-tint);color:var(--gold-light)}
.text-button,.banner-link{color:var(--gold)}
.text-button:hover,.banner-link:hover{color:var(--gold-light)}

/* Formulários */
label{color:var(--dim)}
input,select,textarea{background:var(--surface-2);border-color:color-mix(in srgb, var(--c-hairline) 10%, transparent);color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--faint)}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-gold) 18%, transparent)}
select option{background:var(--surface-2);color:var(--text)}
.form-error{background:var(--c-danger-soft);color:var(--c-danger-6);border:1px solid color-mix(in srgb, var(--c-danger-3) 33%, transparent)}
.inline-note{background:var(--surface-2);border-color:var(--divider);color:var(--dim)}
.inline-note .icon{color:var(--gold)}

/* Cartões e painéis */
.panel,.stat-card,.capture-card,.public-service,.mini-info,.next-step{background:linear-gradient(180deg,var(--c-surface-4),var(--c-bg-4));border-color:var(--line);box-shadow:none}
.panel,.stat-card,.capture-card,.public-service{border-radius:var(--radius-card)}
.panel-heading h2{color:var(--text)}
.panel-heading p,.page-heading p,.stat-bottom,.stat-top>span:first-child{color:var(--muted)}
.stat-icon,.soft-icon,.empty-icon{background:var(--gold-tint);border-color:var(--gold-line);color:var(--gold)}
.stat-value,.chart-total{color:var(--text)}
.stat-tag{background:var(--gold-tint-strong);color:var(--gold-light)}
.stat-card.accent{background:linear-gradient(135deg,var(--c-accent-deep-2) 0%,var(--c-surface) 70%);border-color:var(--gold-line-strong)}
.stat-card.accent .stat-value{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-card.accent .stat-icon{background:var(--gold-gradient);color:var(--c-paper)}
.mini-info{border-style:solid}
.mini-info>.icon{color:var(--gold)}
.next-step h2{color:var(--text)}
.next-step-icon{background:var(--gold-tint);border-color:var(--gold-line);color:var(--gold)}
.empty-state h3{color:var(--text)}
.explanation-note{color:var(--muted)}
.explanation-note .icon{color:var(--gold)}
.commission-preview{background:linear-gradient(135deg,var(--c-accent-deep-2),var(--c-surface));border-color:var(--gold-line-strong)}
.commission-preview strong{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.commission-preview span,.commission-preview .icon{color:var(--gold)}

/* Títulos no estilo do site: Inter encorpada, palavras de destaque em dourado */
.page-heading h1{font-weight:800;letter-spacing:-1px}
.greeting-dot{color:var(--gold)}
.hero-copy h1{font-family:'Inter',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-2px;line-height:1.02;color:var(--text)}
.hero-copy h1 em,.auth-story h1 em{font-style:normal;font-weight:800;color:var(--gold)}
.auth-story h1{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:-1.5px;color:var(--text)}
.hero-copy>p,.capture-card>p,.auth-story p,.auth-form>p,.section-intro>p,.public-service p,.partner-banner p,.welcome-banner p{color:var(--dim)}
.capture-card h2,.auth-form h2,.section-intro h2,.partner-banner h2,.welcome-banner h2,.public-service h3,.next-step h2{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:-.8px;color:var(--text)}
.hero-credentials strong{color:var(--text)}
.hero-credentials span,.form-reassurance{color:var(--muted)}
.credential-mark{background:var(--gold-tint);color:var(--gold);border:1px solid var(--gold-line)}

/* Numerais e monogramas decorativos em Playfair dourada, como no site */
.service-top span,.art-core,.banner-brand{font-family:'Playfair Display',Georgia,serif;font-weight:700}
.service-top span{color:var(--gold)}
.service-top .icon{color:var(--gold)}
.banner-brand{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.banner-brand>span,.art-core>span{font-family:'Inter',sans-serif;letter-spacing:3px;text-transform:uppercase;-webkit-text-fill-color:var(--muted);color:var(--muted)}

/* Página pública */
.public-page{background:transparent}
.top-strip{background:#000;color:var(--muted);border-bottom:1px solid var(--divider)}
.top-strip .icon{color:var(--gold)}
.public-header{border-bottom-color:var(--divider)}
.public-header nav a:not(.btn){color:var(--dim);font-weight:600;text-transform:uppercase;letter-spacing:.6px}
.public-header nav a:not(.btn):hover{color:var(--gold)}
.capture-wrap:before{border-color:var(--gold-line)}
.floating-label{background:var(--c-paper);border-color:var(--gold-line-strong);color:var(--gold-light)}
.receipt-list>div{background:var(--surface-2);border-color:var(--divider);color:var(--dim)}
.receipt-list strong{color:var(--gold)}
.receipt-list .icon{color:var(--gold)}
.service-section{background:transparent;border-top-color:var(--divider)}
.partner-banner{background:radial-gradient(circle at 90% 0%,color-mix(in srgb, var(--c-gold) 12%, transparent),transparent 45%),linear-gradient(180deg,var(--c-surface-4),var(--c-bg-3));border:1px solid var(--gold-line);color:var(--text)}
.partner-banner .eyebrow{color:var(--gold)}
.public-footer{border-top-color:var(--divider)}
.public-footer,.public-footer p,.public-footer>div:last-child,.public-footer>div:last-child>span{color:var(--muted)}
.privacy-card{color:var(--dim)}
.privacy-card h1,.privacy-card h2{color:var(--text)}

/* Acesso */
.auth-page{background:var(--night)}
.auth-story{background:radial-gradient(circle at 80% 10%,color-mix(in srgb, var(--c-gold) 11%, transparent),transparent 45%),linear-gradient(180deg,var(--c-bg-5),var(--c-bg));border-right:1px solid var(--divider);color:var(--text)}
.auth-story .eyebrow,.auth-foot{color:var(--gold)}
.auth-form-wrap{background:transparent}
.auth-help{border-top-color:var(--divider);color:var(--muted)}
.auth-help .icon{color:var(--gold)}
.back-link,.auth-copyright{color:var(--muted)}
.back-link:hover{color:var(--gold)}
.art-orbit{border-color:color-mix(in srgb, var(--c-gold) 17%, transparent)}
.art-core{background:var(--c-paper);border-color:var(--gold-line-strong);color:var(--gold-light);box-shadow:0 0 80px color-mix(in srgb, var(--c-gold) 14%, transparent)}
.art-node{background:var(--c-paper);border-color:var(--gold-line);color:var(--gold)}

/* Painel */
.dashboard{background:transparent}
.sidebar{background:var(--c-bg-2);border-right:1px solid var(--divider);color:var(--dim)}
.workspace-badge{background:var(--surface-2);border-color:var(--gold-line);color:var(--text)}
.workspace-symbol{background:var(--gold-tint-strong);color:var(--gold)}
.workspace-badge small,.nav-label,.sidebar-account small{color:var(--muted)}
.nav-label{letter-spacing:3px}
.nav-item{color:var(--dim)}
.nav-item:hover{background:color-mix(in srgb, var(--c-hairline) 3%, transparent);color:var(--text)}
.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb, var(--c-gold) 15%, transparent),color-mix(in srgb, var(--c-gold) 4%, transparent));color:var(--gold-light);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-gold) 20%, transparent)}
.nav-item.active:hover{background:linear-gradient(90deg,color-mix(in srgb, var(--c-gold) 20%, transparent),color-mix(in srgb, var(--c-gold) 7%, transparent))}
.nav-item.active:before{background:var(--gold)}
.nav-item b{background:var(--gold-gradient);color:var(--c-paper)}
.sidebar-promo{border-color:var(--gold-line);background:linear-gradient(135deg,color-mix(in srgb, var(--c-gold) 9%, transparent),transparent 70%)}
.sidebar-promo>.icon{color:var(--gold)}
.sidebar-promo p{color:var(--muted)}
.sidebar-promo strong{color:var(--text)}
.sidebar-account{border-top-color:var(--divider);color:var(--text)}
.sidebar-account>.icon{color:var(--muted)}
.avatar{background:var(--gold-tint-strong);color:var(--gold-light)}
.sidebar .avatar,.avatar.small{background:var(--gold-gradient);color:var(--c-paper)}
.avatar.client{background:var(--gold-tint);color:var(--gold-light);box-shadow:inset 0 0 0 1px var(--gold-line)}
.dashboard-header{background:color-mix(in srgb, var(--c-bg) 90%, transparent);border-bottom-color:var(--divider);backdrop-filter:blur(8px)}
.breadcrumb>span,.header-date,.header-date .icon,.breadcrumb>.icon{color:var(--muted)}
.breadcrumb>strong{color:var(--text)}
.dashboard-footer{color:var(--faint)}
.welcome-banner{background:radial-gradient(circle at 85% 20%,color-mix(in srgb, var(--c-gold) 14%, transparent),transparent 42%),linear-gradient(180deg,var(--c-surface-4),var(--c-bg-3));border:1px solid var(--gold-line);border-radius:var(--radius-card)}
.banner-pill{background:var(--gold-tint-strong);color:var(--gold-light);border:1px solid var(--gold-line)}
.welcome-banner .banner-link{color:var(--gold)}
.banner-orbit,.banner-orbit:before,.banner-orbit:after{border-color:color-mix(in srgb, var(--c-gold) 18%, transparent)}
.connection-dot{background:var(--c-paper);border-color:var(--gold-line);color:var(--gold);box-shadow:0 6px 20px color-mix(in srgb, var(--c-shade) 50%, transparent)}
.funnel-note{border-top-color:var(--divider);color:var(--muted)}

/* Tabelas e filtros */
th{background:var(--c-surface-3);color:var(--muted);border-color:var(--divider);text-transform:uppercase;letter-spacing:.8px}
td{color:var(--dim);border-bottom-color:var(--divider)}
td strong,.client-cell strong{color:var(--text)}
tbody tr:hover td{background:color-mix(in srgb, var(--c-hairline) 2%, transparent)}
.cell-sub,.client-cell small,.muted{color:var(--muted)}
.money-cell{color:var(--gold-light)}
.filter-tab{color:var(--muted)}
.filter-tab:hover{background:color-mix(in srgb, var(--c-hairline) 3%, transparent);color:var(--text)}
.filter-tab span{background:color-mix(in srgb, var(--c-hairline) 6%, transparent);color:var(--muted)}
.filter-tab.active{background:var(--gold-tint-strong);color:var(--gold-light);box-shadow:inset 0 0 0 1px var(--gold-line)}
.filter-tab.active span{background:var(--gold-gradient);color:var(--c-paper)}
.search-box input{background:var(--surface-2)}
.search-box .icon{color:var(--muted)}
.table-footer{color:var(--muted);border-top-color:var(--divider)}

/* Etapas: neutro → bronze → dourado → dourado claro */
.badge{border:1px solid transparent}
.badge.novo{color:var(--dim);background:color-mix(in srgb, var(--c-hairline) 5%, transparent);border-color:color-mix(in srgb, var(--c-hairline) 8%, transparent)}
.badge.contato{color:var(--c-gold-4);background:color-mix(in srgb, var(--c-gold-deep) 12%, transparent);border-color:color-mix(in srgb, var(--c-gold-deep) 30%, transparent)}
.badge.proposta{color:var(--gold-light);background:var(--gold-tint-strong);border-color:var(--gold-line)}
.badge.fechado{color:var(--c-paper);background:var(--gold-gradient)}
.badge.perdido{color:var(--c-danger-5);background:color-mix(in srgb, var(--c-danger-5) 8%, transparent);border-color:color-mix(in srgb, var(--c-danger-5) 20%, transparent)}
.badge.pending{color:var(--gold-light);background:var(--gold-tint);border-color:var(--gold-line)}
.stage-track{background:color-mix(in srgb, var(--c-hairline) 5%, transparent)}
.novo.stage-dot,.novo.stage-track,.stage-track .novo{background:var(--c-muted-4)}
.contato.stage-dot,.stage-track .contato{background:var(--c-gold-deep)}
.proposta.stage-dot,.stage-track .proposta{background:var(--gold)}
.fechado.stage-dot,.stage-track .fechado{background:var(--gold-light)}
.chart-grid{background:repeating-linear-gradient(to top,color-mix(in srgb, var(--c-hairline) 5%, transparent) 0,color-mix(in srgb, var(--c-hairline) 5%, transparent) 1px,transparent 1px,transparent 45px)}
.chart-bar{background:color-mix(in srgb, var(--c-gold) 20%, transparent)}
.chart-bar.current{background:var(--gold-gradient)}
.chart-bar span{background:var(--c-surface-6);color:var(--text);border:1px solid var(--gold-line)}
.chart-column>small,.chart-foot{color:var(--muted)}
.chart-foot{border-top-color:var(--divider)}
.legend-dot{background:var(--gold)}

/* Modais e avisos */
.modal{background:var(--c-paper);color:var(--text);border:1px solid var(--gold-line);box-shadow:0 30px 90px color-mix(in srgb, var(--c-shade) 70%, transparent)}
.modal-head{border-bottom-color:var(--divider)}
.modal-head p{color:var(--muted)}
.modal::backdrop{background:color-mix(in srgb, var(--c-shade) 72%, transparent);backdrop-filter:blur(4px)}
.form-divider span{color:var(--gold)}
.toast{background:var(--c-surface);border-color:var(--gold-line-strong);color:var(--text);box-shadow:0 12px 32px color-mix(in srgb, var(--c-shade) 60%, transparent)}
.toast .icon{color:var(--gold)}
.toast.error{background:var(--c-danger-soft);border-color:var(--c-danger-3);color:var(--c-danger-6)}

/* Login com Google */
.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:var(--muted);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}
.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:var(--divider)}
.btn.google-btn{background:var(--c-ink);border-color:transparent;color:var(--c-surface-7);font-weight:600}
.btn.google-btn:hover{background:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--c-shade) 40%, transparent)}
.google-mark{width:18px;height:18px;flex-shrink:0}

/* Celular: a faixa superior mostra só a mensagem principal */
@media (max-width:700px){.top-strip{justify-content:center}.top-strip>span:last-child{display:none}.top-strip>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}