/* ============================================================
   LETRAS WEB SYSTEM V5 — Customer, Admin, Referral, Landing
   Same brand DNA as the local workspace; density changes by job.
   ============================================================ */
:root{
  --lv5-bg:#f5f3ee;--lv5-surface:#fcfbf8;--lv5-raised:#fff;--lv5-soft:#efede7;--lv5-warm:#f5efe3;
  --lv5-ink:#151511;--lv5-ink2:#49463f;--lv5-muted:#736f67;--lv5-faint:#9d978d;--lv5-gold:#947241;
  --lv5-success:#607650;--lv5-success-bg:#edf2e9;--lv5-danger:#985d57;--lv5-danger-bg:#f6ece9;
  --lv5-line:rgba(21,21,17,.075);--lv5-line-strong:rgba(21,21,17,.13);
  --lv5-e1:0 1px 2px rgba(30,27,21,.025),0 10px 28px rgba(30,27,21,.045);
  --lv5-e2:0 5px 16px rgba(30,27,21,.045),0 28px 64px rgba(30,27,21,.075);
  --lv5-e3:0 30px 90px rgba(24,21,17,.18);--lv5-r:14px;--lv5-control:8px
}
html[data-theme=dark]{
  --lv5-bg:#10100f;--lv5-surface:#171716;--lv5-raised:#1c1c1a;--lv5-soft:#22221f;--lv5-warm:#2a2418;
  --lv5-ink:#f2f2ef;--lv5-ink2:#cfcec8;--lv5-muted:#9e9d96;--lv5-faint:#777771;--lv5-gold:#d3b171;
  --lv5-success:#91b89a;--lv5-success-bg:#19251e;--lv5-danger:#db918b;--lv5-danger-bg:#2b1d1c;
  --lv5-line:rgba(255,255,255,.065);--lv5-line-strong:rgba(255,255,255,.12);
  --lv5-e1:0 12px 30px rgba(0,0,0,.18);--lv5-e2:0 28px 64px rgba(0,0,0,.28);--lv5-e3:0 32px 96px rgba(0,0,0,.48)
}
/* Bridge legacy web variables into the same V5 palette. */
:root{--bg:var(--lv5-bg);--surface:var(--lv5-surface);--surface2:var(--lv5-soft);--text:var(--lv5-ink);--muted:var(--lv5-muted);--line:var(--lv5-line);--shadow:var(--lv5-e1)}
html[data-theme=dark]{--bg:var(--lv5-bg);--surface:var(--lv5-surface);--surface2:var(--lv5-soft);--text:var(--lv5-ink);--muted:var(--lv5-muted);--line:var(--lv5-line);--shadow:var(--lv5-e1)}
*{box-sizing:border-box}
html,body{background:var(--lv5-bg)!important;color:var(--lv5-ink)!important}
body{font-family:Inter,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased}
:where(h1,h2,h3,h4,strong,.admin-title,.customer-title){color:var(--lv5-ink)!important}
:where(p,small,.muted){color:var(--lv5-muted)}
:focus-visible{outline:2px solid var(--lv5-gold)!important;outline-offset:2px!important}

/* top bars */
.topbar{height:64px!important;border-bottom:0!important;background:color-mix(in srgb,var(--lv5-bg) 90%,transparent)!important;backdrop-filter:blur(18px)}
.iconbtn,.logout,.action{border:0!important;border-radius:8px!important;background:var(--lv5-soft)!important;color:var(--lv5-ink)!important;box-shadow:none!important}
.primary,.primary-admin,.customer-support-primary{border:0!important;border-radius:8px!important;background:var(--lv5-ink)!important;color:var(--lv5-bg)!important;box-shadow:none!important}

/* CUSTOMER — quiet portal, one hero + summary surface */
.customer-main.customer-v4{max-width:1120px!important;padding:34px 24px 80px!important;margin:0 auto!important}
.customer-hero-v4{position:relative;overflow:hidden;min-height:172px;padding:30px 30px 70px!important;margin:0!important;border:0!important;border-radius:14px!important;background:linear-gradient(118deg,var(--lv5-surface),color-mix(in srgb,var(--lv5-warm) 62%,var(--lv5-surface)))!important;box-shadow:var(--lv5-e1)!important}
.customer-hero-v4:after{content:"";position:absolute;right:-135px;top:-220px;width:390px;height:390px;border:1px solid color-mix(in srgb,var(--lv5-gold) 24%,transparent);border-radius:50%;box-shadow:-36px 28px 0 -35px color-mix(in srgb,var(--lv5-gold) 15%,transparent),-72px 56px 0 -70px color-mix(in srgb,var(--lv5-gold) 9%,transparent)}
.customer-hero-v4 .customer-title{font-size:clamp(30px,4vw,43px)!important;line-height:1.04!important;letter-spacing:-.045em!important;margin:8px 0 6px!important}
.customer-license-grid-v4{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin:-48px 20px 14px!important;padding:0!important;border:0!important;border-radius:12px!important;background:var(--lv5-raised)!important;box-shadow:var(--lv5-e1)!important;overflow:hidden}
.customer-license-grid-v4 .customer-card{min-height:78px!important;padding:17px 19px!important;border:0!important;border-left:1px solid var(--lv5-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.customer-license-grid-v4 .customer-card:first-child{border-left:0!important}
.customer-license-grid-v4 .customer-card small{font-size:10px!important}.customer-license-grid-v4 .customer-card strong{font-size:16px!important;margin-top:7px!important}
.customer-purchase-v4{margin:14px 20px!important;border:0!important;border-radius:12px!important;background:var(--lv5-surface)!important;box-shadow:var(--lv5-e1)!important}
.customer-shortcuts-v4{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:14px 20px!important}
.customer-shortcuts-v4 a{min-height:140px!important;padding:18px!important;border:0!important;border-radius:12px!important;background:var(--lv5-surface)!important;box-shadow:var(--lv5-e1)!important;color:var(--lv5-ink)!important;text-decoration:none!important}
.customer-shortcuts-v4 a>span:first-child{border:0!important;background:var(--lv5-warm)!important;color:var(--lv5-gold)!important}
.customer-shortcuts-v4 a small{font-size:11px!important}.customer-shortcuts-v4 a em{color:var(--lv5-ink)!important;font-size:11px!important}
.customer-detail-grid-v4{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin:14px 20px!important}
.customer-panel{border:0!important;border-radius:12px!important;background:var(--lv5-surface)!important;box-shadow:var(--lv5-e1)!important}
.customer-detail-grid-v4 .customer-panel{min-height:118px!important}
.customer-support-center{margin:16px 20px!important}
.customer-support-links a{border:0!important;border-radius:9px!important;background:var(--lv5-soft)!important;box-shadow:none!important}

/* Referral — information hierarchy first, not boxes everywhere */
.referral-panel{margin:16px 20px!important}
.referral-hero{margin-bottom:16px!important}.referral-panel h2{font-size:25px!important}
.referral-badge{border:0!important;background:var(--lv5-soft)!important}
.referral-kpis,.referral-summary{gap:0!important;padding:0!important;border-radius:11px!important;background:var(--lv5-soft)!important;overflow:hidden}
.referral-kpis>div,.referral-summary>div{min-height:72px!important;padding:13px 14px!important;border:0!important;border-left:1px solid var(--lv5-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.referral-kpis>div:first-child,.referral-summary>div:first-child{border-left:0!important}
.referral-card,.referral-section{padding:18px!important;border:0!important;border-radius:11px!important;background:var(--lv5-surface)!important;box-shadow:none!important}
.referral-card+.referral-card,.referral-section+.referral-section{margin-top:10px!important}
.referral-link-box,.referral-payout-destination{border:0!important;background:var(--lv5-soft)!important}
.referral-table th{border-bottom:1px solid var(--lv5-line-strong)!important}.referral-table td{border-bottom:1px solid var(--lv5-line)!important}

/* ADMIN — Linear-like operator workspace */
.admin-shell{background:var(--lv5-bg)!important}
.admin-side{border-right:0!important;background:color-mix(in srgb,var(--lv5-surface) 72%,var(--lv5-bg))!important}
.admin-nav button{border:0!important;border-radius:9px!important;background:transparent!important;color:var(--lv5-muted)!important}
.admin-nav button:hover{background:var(--lv5-soft)!important;color:var(--lv5-ink)!important}
.admin-nav button.active{background:var(--lv5-warm)!important;color:var(--lv5-ink)!important}
.admin-main{padding:38px 34px 80px!important;max-width:1480px!important}
.admin-head{margin-bottom:22px!important}.admin-title{font-size:34px!important;letter-spacing:-.04em!important}
.stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;border:0!important;border-radius:12px!important;background:var(--lv5-surface)!important;box-shadow:var(--lv5-e1)!important;overflow:hidden!important}
.stat{min-height:96px!important;padding:17px 18px!important;border:0!important;border-left:1px solid var(--lv5-line)!important;background:transparent!important;box-shadow:none!important}.stat:first-child{border-left:0!important}
.stat small{font-size:10px!important}.stat strong{font-size:22px!important}
.toolbar{border:0!important;background:transparent!important;padding:0!important;margin:0 0 14px!important}
.search,.toolbar input,.toolbar select{border:1px solid var(--lv5-line-strong)!important;border-radius:8px!important;background:var(--lv5-surface)!important;color:var(--lv5-ink)!important;box-shadow:none!important}
.table-wrap,.la-table-wrap{border:0!important;border-radius:12px!important;background:var(--lv5-surface)!important;box-shadow:var(--lv5-e1)!important;overflow:auto!important}
.admin-main table{border-collapse:separate!important;border-spacing:0!important}.admin-main th{border:0!important;border-bottom:1px solid var(--lv5-line-strong)!important;background:transparent!important;color:var(--lv5-muted)!important;font-size:10px!important}.admin-main td{border:0!important;border-bottom:1px solid var(--lv5-line)!important}
.order-intelligence,.la-panel,.kc-panel,.referral-panel .referral-card,.referral-panel .referral-section{border:0!important;border-radius:12px!important;background:var(--lv5-surface)!important;box-shadow:var(--lv5-e1)!important}
.order-intelligence-grid,.la-kpis{gap:0!important;border-radius:10px!important;background:var(--lv5-soft)!important;overflow:hidden!important}
.order-intelligence-grid>*,.la-kpis>article{border:0!important;border-left:1px solid var(--lv5-line)!important;background:transparent!important;box-shadow:none!important}.order-intelligence-grid>*:first-child,.la-kpis>article:first-child{border-left:0!important}
#page-referral .referral-panel{margin:0!important}
#page-referral .referral-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}
#page-referral .referral-card,#page-referral .referral-section{box-shadow:var(--lv5-e1)!important}

/* LANDING — expressive only where marketing needs it */
body:has(.nav-shell){background:var(--lv5-bg)!important;color:var(--lv5-ink)!important}
.nav-shell{border:0!important;background:color-mix(in srgb,var(--lv5-bg) 90%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.hero{border:0!important;background:radial-gradient(circle at 82% 28%,color-mix(in srgb,var(--lv5-warm) 72%,transparent),transparent 34%)!important}
.hero h1{color:var(--lv5-ink)!important;letter-spacing:-.055em!important}.hero h1 em{color:var(--lv5-ink)!important}
.manifesto-mark,.product-canvas,.price-card,.final-cta{border-color:transparent!important;border-radius:14px!important;box-shadow:var(--lv5-e1)!important}
.showcase-row,.workflow,.faq{border-color:var(--lv5-line)!important}
.button-primary,.nav-cta{border:0!important;border-radius:8px!important;background:var(--lv5-ink)!important;color:var(--lv5-bg)!important}
.button-ghost{border:0!important;border-radius:8px!important;background:var(--lv5-soft)!important;color:var(--lv5-ink)!important}

/* Inputs/dialogs everywhere */
input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid var(--lv5-line-strong)!important;border-radius:8px!important;background:var(--lv5-raised)!important;color:var(--lv5-ink)!important;box-shadow:none!important}
input:focus,textarea:focus,select:focus{outline:0!important;border-color:color-mix(in srgb,var(--lv5-gold) 52%,var(--lv5-line-strong))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--lv5-gold) 14%,transparent)!important}
dialog,.modal,[role=dialog]{border-color:transparent!important;box-shadow:var(--lv5-e3)!important}

@media(max-width:1000px){.customer-license-grid-v4{grid-template-columns:1fr!important}.customer-license-grid-v4 .customer-card{border-left:0!important;border-top:1px solid var(--lv5-line)!important}.customer-license-grid-v4 .customer-card:first-child{border-top:0!important}.customer-shortcuts-v4,.customer-detail-grid-v4{grid-template-columns:1fr!important}.stats{grid-template-columns:repeat(2,1fr)!important}.stat:nth-child(3){border-left:0!important;border-top:1px solid var(--lv5-line)!important}.stat:nth-child(4){border-top:1px solid var(--lv5-line)!important}#page-referral .referral-kpis{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:680px){.customer-main.customer-v4{padding:20px 14px 60px!important}.customer-license-grid-v4,.customer-shortcuts-v4,.customer-detail-grid-v4,.customer-support-center,.referral-panel{margin-left:0!important;margin-right:0!important}.admin-main{padding:24px 16px 60px!important}.stats{grid-template-columns:1fr!important}.stat{border-left:0!important;border-top:1px solid var(--lv5-line)!important}.stat:first-child{border-top:0!important}#page-referral .referral-kpis{grid-template-columns:repeat(2,1fr)!important}}