/* =========================================================
   BarberDesk v0.5.1 – Login & Surface Theme Fix
   Removes paw branding and pure-white BarberDesk surfaces
   ========================================================= */
:root{
  --bd51-bg:#0f1114;
  --bd51-bg-2:#151515;
  --bd51-panel:#1a1917;
  --bd51-panel-soft:#211f1c;
  --bd51-panel-warm:#2a251f;
  --bd51-line:#42382d;
  --bd51-gold:#d39a3a;
  --bd51-gold-soft:#e7bd72;
  --bd51-cream:#f0e6d8;
  --bd51-cream-2:#e2d4c3;
  --bd51-muted:#aaa095;
  --bd51-text-dark:#1f1b16;
}

/* ---------- Global BarberDesk shell ---------- */
html[data-industry="hair_salon"] body,
body.business-hair-salon{
  background:var(--bd51-bg)!important;
  color:var(--bd51-cream)!important;
}

/* ---------- LOGIN SCREEN ---------- */
body.business-hair-salon .login-screen,
html[data-industry="hair_salon"] .login-screen{
  background:
    radial-gradient(circle at 20% 15%,rgba(211,154,58,.08),transparent 34%),
    linear-gradient(135deg,#101318 0%,#111111 60%,#15120f 100%)!important;
}

body.business-hair-salon .login-card,
html[data-industry="hair_salon"] .login-card{
  background:linear-gradient(180deg,#211f1c 0%,#191817 100%)!important;
  color:var(--bd51-cream)!important;
  border:1px solid #4c4033!important;
  border-radius:12px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
}

body.business-hair-salon .login-card h1,
body.business-hair-salon .login-card h2,
html[data-industry="hair_salon"] .login-card h1,
html[data-industry="hair_salon"] .login-card h2{
  color:var(--bd51-gold-soft)!important;
}
body.business-hair-salon .login-card p,
body.business-hair-salon .login-card label,
html[data-industry="hair_salon"] .login-card p,
html[data-industry="hair_salon"] .login-card label{
  color:var(--bd51-cream-2)!important;
}
body.business-hair-salon .login-sub,
html[data-industry="hair_salon"] .login-sub{
  color:#c9beaf!important;
}

body.business-hair-salon .login-logo,
html[data-industry="hair_salon"] .login-logo{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#d8a249,#bd8129)!important;
  color:#18120d!important;
  border:1px solid #d2a04e!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body.business-hair-salon .login-logo *,
html[data-industry="hair_salon"] .login-logo *{
  display:none!important;
}
body.business-hair-salon .login-logo::before,
html[data-industry="hair_salon"] .login-logo::before{
  content:"BD"!important;
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  inset:0!important;
  color:#18120d!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
}

/* Hard-hide paw assets inside login */
body.business-hair-salon .login-logo img,
body.business-hair-salon .login-logo svg,
html[data-industry="hair_salon"] .login-logo img,
html[data-industry="hair_salon"] .login-logo svg{
  display:none!important;
}

body.business-hair-salon .login-card input,
html[data-industry="hair_salon"] .login-card input{
  background:#141311!important;
  color:#fff8ee!important;
  border:1px solid #5a4b3c!important;
  border-radius:7px!important;
}
body.business-hair-salon .login-card input::placeholder,
html[data-industry="hair_salon"] .login-card input::placeholder{
  color:#918577!important;
}

body.business-hair-salon .login-card button,
html[data-industry="hair_salon"] .login-card button{
  background:linear-gradient(180deg,#d8a249,#bd8129)!important;
  color:#18120d!important;
  border:1px solid #c98d31!important;
  border-radius:7px!important;
  font-weight:900!important;
}
body.business-hair-salon .login-card a,
html[data-industry="hair_salon"] .login-card a{
  color:var(--bd51-gold-soft)!important;
  text-decoration-color:#9f7538!important;
}

body.business-hair-salon .login-card .test-access,
body.business-hair-salon .login-card .test-credentials,
body.business-hair-salon .login-card .login-help,
html[data-industry="hair_salon"] .login-card .test-access,
html[data-industry="hair_salon"] .login-card .test-credentials,
html[data-industry="hair_salon"] .login-card .login-help{
  background:#171614!important;
  border:1px solid #3d352c!important;
  color:#c7bcad!important;
  border-radius:8px!important;
}

/* ---------- Replace pure-white app surfaces ---------- */
body.business-hair-salon .page-head,
body.business-hair-salon .page-header,
body.business-hair-salon .content-header,
body.business-hair-salon .view-header,
body.business-hair-salon .section-header,
html[data-industry="hair_salon"] .page-head,
html[data-industry="hair_salon"] .page-header,
html[data-industry="hair_salon"] .content-header,
html[data-industry="hair_salon"] .view-header,
html[data-industry="hair_salon"] .section-header{
  background:linear-gradient(180deg,#1c1b19,#171614)!important;
  color:var(--bd51-cream)!important;
  border:1px solid var(--bd51-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

body.business-hair-salon .white-card,
body.business-hair-salon .empty-state,
body.business-hair-salon .customer-record,
body.business-hair-salon .result-card,
body.business-hair-salon .search-wrap,
body.business-hair-salon .search-box,
html[data-industry="hair_salon"] .white-card,
html[data-industry="hair_salon"] .empty-state,
html[data-industry="hair_salon"] .customer-record,
html[data-industry="hair_salon"] .result-card,
html[data-industry="hair_salon"] .search-wrap,
html[data-industry="hair_salon"] .search-box{
  background:#171614!important;
  color:var(--bd51-cream)!important;
  border:1px solid var(--bd51-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

/* ---------- Brand mark in app shell ---------- */
body.business-hair-salon .brand-mark,
html[data-industry="hair_salon"] .brand-mark{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#d8a249,#bd8129)!important;
  color:#18120d!important;
  border-radius:7px!important;
}
body.business-hair-salon .brand-mark *,
html[data-industry="hair_salon"] .brand-mark *{
  display:none!important;
}
body.business-hair-salon .brand-mark::before,
html[data-industry="hair_salon"] .brand-mark::before{
  content:"BD"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#18120d!important;
  font-weight:950!important;
  font-size:18px!important;
}

/* ---------- Inputs and texts ---------- */
body.business-hair-salon input,
body.business-hair-salon select,
body.business-hair-salon textarea,
html[data-industry="hair_salon"] input,
html[data-industry="hair_salon"] select,
html[data-industry="hair_salon"] textarea{
  background:#151412!important;
  color:#fff8ee!important;
  border:1px solid #504437!important;
}
body.business-hair-salon input::placeholder,
body.business-hair-salon textarea::placeholder,
html[data-industry="hair_salon"] input::placeholder,
html[data-industry="hair_salon"] textarea::placeholder{
  color:#988c7e!important;
  opacity:1!important;
}

/* ---------- Typography ---------- */
body.business-hair-salon h1,
body.business-hair-salon h2,
body.business-hair-salon h3,
html[data-industry="hair_salon"] h1,
html[data-industry="hair_salon"] h2,
html[data-industry="hair_salon"] h3{
  color:var(--bd51-gold-soft)!important;
}
body.business-hair-salon p,
body.business-hair-salon label,
html[data-industry="hair_salon"] p,
html[data-industry="hair_salon"] label{
  color:#ded4c7;
}

/* keep onboarding dialogs readable on intentionally light modal */
body.business-hair-salon dialog,
html[data-industry="hair_salon"] dialog{
  background:#f3eadf!important;
  color:var(--bd51-text-dark)!important;
}
body.business-hair-salon dialog h1,
body.business-hair-salon dialog h2,
body.business-hair-salon dialog h3,
body.business-hair-salon dialog p,
body.business-hair-salon dialog label,
html[data-industry="hair_salon"] dialog h1,
html[data-industry="hair_salon"] dialog h2,
html[data-industry="hair_salon"] dialog h3,
html[data-industry="hair_salon"] dialog p,
html[data-industry="hair_salon"] dialog label{
  color:var(--bd51-text-dark)!important;
}