/* BDS v6.13.2 — Lights & Living client presentation branding */
:root{
  --ll-espresso:#17100c;
  --ll-espresso-soft:#241912;
  --ll-bronze:#9d734c;
  --ll-bronze-deep:#875b34;
  --ll-sand:#cba582;
  --ll-champagne:#eee5dc;
}

/* Client wordmark in the authenticated workspace. */
.sidebar .brand.has-custom-brand{min-height:58px;padding:5px 0}
.sidebar .company-logo-open{max-width:190px;max-height:64px;filter:drop-shadow(0 5px 18px rgba(0,0,0,.12))}
.sidebar .company-logo-closed{width:44px;height:44px;border-radius:13px;object-fit:contain;background:rgba(255,255,255,.08);padding:5px}

/* Splash: keep the v6.13 animation, but make it feel like Lights & Living. */
.login-v613-body{background:var(--ll-espresso);color:var(--ll-champagne)}
.login-splash{
  gap:28px;
  background:
    radial-gradient(circle at 18% 18%,rgba(203,165,130,.28),transparent 34%),
    radial-gradient(circle at 80% 72%,rgba(135,91,52,.32),transparent 38%),
    linear-gradient(135deg,#120c09 0%,#21150f 48%,#0d0a09 100%);
}
.login-splash:before{background:rgba(203,165,130,.34);opacity:.38}
.login-splash:after{background:rgba(157,115,76,.42);opacity:.34}
.client-splash-brand{flex-direction:column;gap:12px;text-align:center}
.client-splash-brand img{width:min(360px,72vw);height:auto;max-height:176px;border-radius:0;box-shadow:none;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.22))}
.client-splash-brand strong{font:700 13px/1.2 Satoshi,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ll-champagne);opacity:.88}
.splash-orbit{width:250px;height:250px;border-color:rgba(238,229,220,.18)}
.splash-orbit:before,.splash-orbit:after{border-color:rgba(203,165,130,.22)}
.splash-orbit span{background:var(--ll-sand);box-shadow:0 0 24px rgba(203,165,130,.62)}
.splash-orbit span:nth-child(2){background:var(--ll-bronze)}
.splash-orbit span:nth-child(3){background:var(--ll-champagne)}
.splash-progress-track{background:rgba(238,229,220,.16);box-shadow:inset 0 0 0 1px rgba(238,229,220,.15)}
.splash-progress-track i{background:linear-gradient(90deg,var(--ll-bronze-deep),var(--ll-sand),var(--ll-champagne));box-shadow:0 0 16px rgba(203,165,130,.34)}
.splash-progress-copy{color:rgba(238,229,220,.62)}
.splash-progress-copy b{color:var(--ll-champagne)}

/* Sign in: premium warm neutral presentation while BDS remains the product. */
.login-stage{
  background:
    radial-gradient(circle at 15% 12%,rgba(255,255,255,.75),transparent 31%),
    radial-gradient(circle at 78% 18%,rgba(203,165,130,.20),transparent 29%),
    linear-gradient(145deg,#f3ece5 0%,#e9ded3 46%,#d7c0aa 100%);
}
.login-sky:before{background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(157,115,76,.08) 48%,rgba(255,255,255,.24))}
.login-sky span{background:#fff8f0;opacity:.46}
.login-panel-v613{border-color:rgba(255,255,255,.72);background:rgba(255,251,247,.93);box-shadow:0 38px 95px rgba(69,43,24,.18);color:#211711}
.client-login-brand{flex-direction:column;gap:10px;margin-bottom:28px}
.client-login-brand img{width:min(260px,72%);height:auto;max-height:120px;border-radius:0;object-fit:contain}
.client-login-brand strong{font:700 12px/1.2 Satoshi,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--ll-bronze-deep)}
.login-panel-v613 header h1{color:#1f1712}
.login-panel-v613 header p{color:#75685e}
.login-form-v613 label{color:#2f241c}
.login-form-v613 input{background:#fbf7f3;color:#211711;border-color:#dfd0c2}
.login-form-v613 input:focus{background:#fff;border-color:var(--ll-bronze);box-shadow:0 0 0 4px rgba(157,115,76,.12)}
.login-submit-v613{background:linear-gradient(135deg,var(--ll-bronze-deep),var(--ll-bronze) 48%,var(--ll-sand));border-color:transparent;color:white;box-shadow:0 16px 34px rgba(135,91,52,.25)}
.login-submit-v613:hover{filter:brightness(1.04)}
.login-password-field button{color:#7c6b5e}
.login-trust{color:#8a7c72}
.login-trust span{background:#9d734c;box-shadow:0 0 0 4px rgba(157,115,76,.10)}

/* Share cards and branded surfaces inherit a warmer accent when no workspace override exists. */
.shared-product-logo img{object-fit:contain;background:transparent}

@media(max-width:620px){
  .client-splash-brand img{width:min(300px,80vw)}
  .splash-orbit{width:210px;height:210px}
  .client-login-brand img{width:min(230px,80%)}
}
