/* FORM LOUNGE • SalonOS Pro brand overrides — black, white & muted gold. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'Manrope',system-ui,sans-serif;color:#24221f;background:#f8f7f4;--ink:#24211f;--purple:#a88249;--mauve:#c19b61;--gold:#b38a4a;--border:#e9e4dc;--muted:#898277}
body,footer{background:#f8f7f4;color:#302c26;font-family:Manrope,system-ui,sans-serif}
header{height:88px;background:#fff;box-shadow:0 4px 20px #241b0b09;border-bottom:1px solid #eae4da}
header .toplogo{gap:13px}
header .toplogo .brand-art{width:156px;max-height:69px;object-fit:contain;mix-blend-mode:multiply;display:block}
header .toplogo .studio-sub{border-left:1px solid #e5dac5;padding-left:15px}
header .toplogo .studio-sub strong{font-size:11px;letter-spacing:2px;white-space:nowrap;color:#a17b42;font-weight:800}
header .toplogo .studio-sub small{font-size:10px;color:#8b8175;margin-top:7px;letter-spacing:.4px}
.head-search{background:#f9f7f3;border-color:#ede8df}
.head-search kbd{border-color:#e7ddcc}
.top-icon{background:#faf8f3;border-color:#e8dfd1;color:#8b672f}
.top-avatar{border-left-color:#eee9e0}
.top-avatar .face{background:linear-gradient(145deg,#302b26,#8f744f);color:#fff1d9}
.shell{grid-template-columns:258px minmax(0,1fr)}
aside#nav{background:linear-gradient(185deg,#20201e 5%,#151513 75%,#30291d);box-shadow:5px 0 25px #18130c18}
aside#nav button{color:#b8b2a7}
aside#nav button:hover{background:#ffffff14;color:#fff9e9}
aside#nav button.active{background:linear-gradient(110deg,#ae864b,#c49b59);color:#15130e;box-shadow:0 8px 22px #08070370}
aside#nav .nav-count{background:#c9aa6230;color:#dfc495}
.nav-caption{color:#867f75}
.nav-footer{border-color:#9f815632!important;background:linear-gradient(125deg,#322a20,#554329)!important}
.nav-footer strong{color:#e6c18b!important}
.nav-footer small{color:#d3c2a8!important}
.admin-instagram{display:inline-flex;align-items:center;margin-top:10px;padding:9px 13px;background:#aa8145;color:#fff8e8!important;border-radius:9px;font-weight:800;font-size:11px;text-decoration:none;white-space:nowrap}
.admin-instagram:hover{background:#7c592b}
.notice{background:#fbf5e8;color:#8b6c3e;border-bottom-color:#efe2c8}
.notice b{color:#77552d}
h1,h2{color:#2c2923}
.crumb,.crumb span{color:#a17b45}
.mini-chip{border-color:#eae4da;background:#fffaf3;color:#8d784f}
.row .muted,.muted{color:#928c82}
.page-hero{background:linear-gradient(118deg,#141414,#2a2927 63%,#725a38);box-shadow:0 16px 40px #271b0d2f;border:1px solid #8e754a;border-radius:20px}
.page-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#c5a06a}
.page-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:39px;letter-spacing:-.5px}
.page-hero .small-eyebrow{color:#e1c193}
.page-hero p{color:#e5dac8}
.hero-art{background:#ffffff13;border-color:#bfa17270}
.hero-art .tiny-label{color:#e6cea6}
.hero-art .art-line{background:linear-gradient(90deg,#cda564 75%,#ffffff33 75%)}
.hero-art .art-bubbles i{background:#e9d2aa;color:#473424;border-color:#796446}
button.primary{background:linear-gradient(110deg,#b58d4f,#d1ac72);color:#211c13;box-shadow:0 6px 19px #7450222c;border-radius:10px;font-weight:800}
button.primary:hover{box-shadow:0 10px 22px #82602d56}
button.secondary{border-color:#e8dfd1;background:#fffcf8;color:#5e4b33}
button.secondary:hover{border-color:#b89559;background:#fbf6ed}
.card,.panel,.kpi,.ribbon-item{border-color:#ede8e0;box-shadow:0 6px 22px #25201809}
.kpi .kpi-icon{background:#f8efdf!important;color:#96713b!important}
.kpi .big,.metric{color:#24211e}
.kpi .kpi-badge{background:#f3ebdb;color:#987443}
.status,.pill{background:#f6edda;color:#957442}
.status.Completed,.status.Checked-in{background:#e9f5ed;color:#398058}
.status.Confirmed{background:#f3eada;color:#8e682d}
.status.Pending{background:#fff2d9;color:#a16a1d}
.status.Cancelled{background:#fce8e5;color:#ae5f50}
.chart-item .chart-stick,.progress-fill{background:linear-gradient(180deg,#d8b677,#ad8547)}
.chart-stick:after{color:#886737!important}
.action-tile{border-color:#ece6dc;color:#493e32}
.action-tile:hover{background:#faf5eb;border-color:#c6a167}
.action-tile .glyph{background:#f6eddc;color:#99703c}
.avatar{background:linear-gradient(135deg,#f0e0c6,#f6f0e9);color:#886532}
.avatar.green{background:#e0f1e7;color:#4c8a64}
.avatar.orange{background:#faf0df;color:#986d28}
.alert-card{background:#fbf8f2}
.nav-footer .admin-instagram{border:1px solid #c9ac7a}
.lead-column{background:#f5f1e9;border-color:#ece2d1}
.lead-card{border-color:#e9dfd1}
.membership-card{border-color:#e9dfd0}
.membership-card.premium{background:linear-gradient(135deg,#22201d,#5e4a2b)}
.lead-column .head{color:#6a5639}
.queue-filters button.active{background:#9c793e;border-color:#9c793e;color:white}
.calendar-day{border-color:#ebe3d9}
.day-booking{border-left-color:#c39c60;background:#faf4e8}
.day-booking strong{color:#6b4e2d}
table th,table td{border-bottom-color:#eee8dd}
thead{background:#fbf8f3}
tbody tr:hover{background:#fffaf1}
input:focus,select:focus,textarea:focus{border-color:#bd995d;box-shadow:0 0 0 3px #c6aa7230}
#modal{background:#1917149c}#modal>div{border:1px solid #d6c09a}
#modal button.primary{color:#241d14}
.search-shade{background:#17130c9c}
.search-result:hover{background:#fff8ef}
.toast{background:#27221b;border:1px solid #b58b51;color:#f6e8d0}
@media(max-width:850px){header .toplogo .studio-sub{display:none}header .toplogo .brand-art{width:134px;height:58px}}
@media(max-width:460px){header{height:77px;padding:8px 11px}header .toplogo .brand-art{width:119px;height:auto}.top-icon{display:none}.top-avatar{padding-left:7px}.page-hero h1{font-size:32px}}