/* Salon styles are scoped so the automotive workspace is unchanged. */
.hair-app{grid-template-columns:245px minmax(0,1fr)}
.hair-workspace{min-width:0;margin:0 auto;padding:29px clamp(20px,4.2vw,62px)!important;max-width:1500px;width:100%}
.hair-topbar{padding-top:0!important;margin-bottom:54px!important;gap:20px}
.hair-topbar .topbar-actions{display:flex;align-items:center;gap:12px}
.hair-topbar .user{cursor:pointer}
.hair-menu{display:none!important}
.hair-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;gap:28px}
.hair-tenant{border:1px solid #4b3564;border-radius:16px;padding:16px;background:#1b1127}
.hair-tenant small{display:block;letter-spacing:.12em;color:#b5a1c7;font-size:.62rem;margin-bottom:10px}
.hair-tenant strong{font-size:.95rem}.hair-tenant span{float:right;color:#8fe3aa}.hair-tenant p{color:#a299ad;font-size:.7rem;margin:8px 0 0}
.hair-nav-group{position:relative;margin-top:6px}
.hair-nav{width:100%;display:flex;gap:14px;align-items:center;border:0;border-radius:12px;padding:13px;color:#aaa0b6;background:transparent;text-align:left;font-size:.82rem}
.hair-nav span{color:#b776ff;width:20px}.hair-nav:hover,.hair-nav.active{background:#241830;color:#f4f0f8}.hair-nav.active{box-shadow:inset 3px 0 #b776ff}
.hair-submenu{display:none;padding:4px 8px 8px 36px;gap:3px}
.hair-nav-group:focus-within .hair-submenu,.hair-nav-group:hover .hair-submenu{display:grid}
.hair-submenu button{border:0;border-radius:8px;padding:8px 6px;color:#b8a8ca;background:transparent;text-align:left;font:inherit;font-size:.72rem}
.hair-submenu button:hover{background:#322044;color:#fff}
@media(min-width:901px){
  .hair-sidebar{z-index:25}
  .hair-nav-group .hair-submenu{display:none;position:fixed;z-index:40;width:215px;padding:10px;background:#21162df5;border:1px solid #7d52a4;border-radius:15px;box-shadow:0 16px 40px #0008;backdrop-filter:blur(18px)}
  .hair-nav-group .hair-submenu.is-open{display:grid}
  .hair-submenu::before{content:"";position:absolute;right:100%;top:0;bottom:0;width:12px}
  .hair-submenu button{padding:12px}
}
.hair-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:26px}
.hair-heading h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.09em;line-height:.9;margin:15px 0 0}
.hair-heading em{font-style:normal;color:#ac70ff}
.hair-button{border:1px solid #c18bff;border-radius:14px;background:linear-gradient(135deg,#a667f4,#7841ba);color:#fff;padding:12px 17px;font:inherit;font-size:.8rem;font-weight:650;cursor:pointer;min-height:44px;line-height:1.35}
.hair-button.secondary{background:#21172d;color:#dbc6f5;border-color:#49335d}
.hair-button:hover{filter:brightness(1.15)}
.hair-app button:focus-visible,.hair-dialog button:focus-visible{outline:2px solid #cfacff;outline-offset:3px}
.hair-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.hair-metric,.hair-panel{border:1px solid #35283e;border-radius:18px;background:rgba(23,17,31,.85);padding:23px;min-width:0}
.hair-metric span{display:block;color:#b4a7c1;font-size:.76rem}
.hair-metric strong{display:block;font-size:clamp(1.7rem,2.6vw,2.6rem);letter-spacing:-.06em;margin:17px 0;color:#f5edff}
.hair-metric small{font-size:.68rem;color:#94dbae}
.hair-panel{margin-bottom:18px}.hair-panel h3{font-size:1rem;letter-spacing:-.03em;margin:0 0 18px}
.hair-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.hair-panel-head h3{margin:0}
.hair-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:18px}
.hair-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hair-card-grid .hair-panel{margin:0}
.hair-panel p{color:#b5a7c2;font-size:.8rem}.hair-price{display:block;font-size:2rem;letter-spacing:-.05em}
.hair-quick{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}
.hair-empty{color:#9e8fae!important;padding:35px 16px;border:1px dashed #4b355e;border-radius:14px;text-align:center;font-size:.85rem;line-height:1.6}
.hair-booking-row{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(140px,1.3fr) minmax(110px,1fr) auto;gap:14px;align-items:center;width:100%;border:0;border-top:1px solid #36283e;padding:18px 0;text-align:left;background:transparent;color:#e4d7f2;font:inherit;font-size:.78rem}
.hair-booking-row small,.hair-client-row small{display:block;color:#a899b7;font-size:.7rem;margin-top:6px;line-height:1.5}
.hair-booking-row:hover,.hair-client-row:hover{background:#ad72ff0c}
.hair-status{display:inline-block;border-radius:9px;padding:6px 9px;font-size:.63rem;white-space:nowrap;background:#a56fff24;color:#dab5ff}
.hair-status.confirmed{background:#5385ff26;color:#a9c5ff}.hair-status.completed{background:#51d29a25;color:#a0e4bd}.hair-status.cancelled{background:#a2879523;color:#b2a6b9}.hair-status.planned{background:#e7b44a22;color:#edce91}
.hair-staff-summary,.hair-activity-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #36283e;padding:15px 0;font-size:.78rem}.hair-activity-row small{color:#9d8dac}
.hair-client-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;background:transparent;color:#ebdff5;border:0;border-top:1px solid #382a43;padding:22px 4px;font:inherit;font-size:.82rem}
.hair-client-row b{color:#bb89ff;margin-left:15px}
.hair-hint,.hair-demo{color:#a092b0;font-size:.74rem;line-height:1.6}.hair-demo{margin:28px 0 0}
.hair-inactive{opacity:.65}
.hair-view input,.hair-view select,.hair-dialog input,.hair-dialog select,.hair-dialog textarea{min-width:0;background:#0f0a16;border:1px solid #4a365c;border-radius:12px;padding:12px;color:#f4edf9;font:inherit;font-size:.82rem;color-scheme:dark;max-width:100%}
.hair-view input:focus,.hair-view select:focus,.hair-dialog input:focus,.hair-dialog select:focus,.hair-dialog textarea:focus{outline:2px solid #a970ff;outline-offset:1px}
.hair-inline-label{display:flex;gap:12px;align-items:center;font-size:.74rem;color:#bfaed0}
.hair-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap;font-size:.82rem}
.hair-calendar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hair-tabs{display:flex;padding:4px;border:1px solid #49335d;border-radius:14px;gap:4px;background:#110c18}
.hair-tabs button{border:0;color:#b7a8c5;background:none;border-radius:10px;padding:10px 15px;font:inherit;font-size:.78rem}
.hair-tabs button[aria-pressed=true]{background:#7143a9;color:white}
.hair-calendar-scroll{overflow:auto}
.hair-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(115px,1fr));min-width:805px;gap:8px}
.hair-calendar-grid.day{grid-template-columns:1fr;min-width:0}
.hair-day{min-height:240px;border:1px solid #382b42;border-radius:13px;background:#100c17;padding:8px;min-width:0}
.hair-calendar-grid.month .hair-day{min-height:120px}.hair-day.today{border-color:#ae75f5;background:#291a3b55}.hair-day.outside{opacity:.5}
.hair-day-title{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:none;border:0;color:#e9dff3;padding:8px 3px;margin-bottom:8px;border-radius:7px}.hair-day-title small{color:#a998ba}.hair-day-title span{margin-left:auto;color:#b579ff}.hair-day-title strong{font-size:1.15rem}
.hair-calendar-event{display:block;width:100%;min-height:max(74px,calc(var(--event-duration) * .72px));text-align:left;border:1px solid #699aff55;border-left:3px solid #6195ff;border-radius:10px;background:#4174dd26;color:#e9efff;font:inherit;font-size:.7rem;padding:10px 8px;margin-bottom:8px;overflow-wrap:anywhere;line-height:1.45}
.hair-calendar-event span,.hair-calendar-event small{display:block;margin-top:6px}.hair-calendar-event small{color:#bbc9e3}.hair-calendar-event.completed{border-color:#6bcc9b77;background:#54bc8922}.hair-calendar-event.planned{border-color:#bc86ff77;background:#a66cff26}
.hair-dialog{width:min(740px,calc(100vw - 24px));max-height:90dvh;margin:auto;border:1px solid #70508e;border-radius:23px;background:#17101f;color:#f4edf9;box-shadow:0 35px 100px #000a;padding:28px;overflow:auto}
.hair-dialog::backdrop{background:#060309b8;backdrop-filter:blur(10px)}
.hair-dialog header{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:24px}.hair-dialog h2{font-size:1.9rem;letter-spacing:-.055em;margin:10px 0}.hair-close{border:0;background:#2b1c3a;color:#d6bee9;border-radius:12px;width:42px;height:42px;font-size:1.4rem;flex:none}
.hair-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hair-form label{display:grid;gap:8px;color:#c3b2d1;font-size:.8rem}.hair-form .wide{grid-column:1/-1}.hair-form textarea{resize:vertical}
.hair-form footer{display:flex;justify-content:flex-end;gap:12px}.hair-notes{white-space:pre-wrap;overflow-wrap:anywhere}.hair-form-error,.hair-error{color:#ffc8d5;background:#5e223b55;border:1px solid #95516a;border-radius:12px;padding:15px;line-height:1.5}
.hair-booking-summary{background:#8e4ed21c;border:1px solid #614083;border-radius:12px;padding:14px;margin:0;color:#d9b9ff;font-size:.8rem}
.hair-date-field{position:relative;min-width:0}.hair-date-trigger{width:100%;text-align:left;display:flex;justify-content:space-between;gap:14px;color:#edddfa;background:#1b1127;border:1px solid #604279;border-radius:12px;padding:12px;font:inherit;font-size:.82rem;min-height:44px}
.hair-date-pop{z-index:10;position:absolute;left:0;top:calc(100% + 8px);width:310px;max-width:calc(100vw - 65px);border:1px solid #9160bd;border-radius:17px;padding:12px;background:#241631f5;backdrop-filter:blur(18px);box-shadow:0 16px 45px #0009}
.hair-dialog .hair-date-pop{position:relative;top:8px;max-width:100%;width:100%;margin-bottom:8px}
.hair-date-head{display:grid;grid-template-columns:26px minmax(0,1fr) 75px 26px;gap:3px;margin-bottom:12px}.hair-date-head select,.hair-date-head input{width:100%;padding:7px 3px;font-size:.72rem!important}
.hair-date-head button,.hair-date-grid button{border:0;border-radius:8px;background:none;color:#ead8fa;padding:8px 2px;font:inherit;font-size:.76rem}
.hair-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.hair-date-grid small{font-size:.65rem;color:#b9a0cc;margin-bottom:5px}.hair-date-grid button:hover,.hair-date-grid button.selected{background:#a970ff;color:#14091f}.hair-date-grid .outside{color:#816c94}
.hair-app [hidden],.hair-dialog [hidden]{display:none!important}
@media(max-width:1200px){.hair-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hair-columns{grid-template-columns:1fr}.hair-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hair-app{grid-template-columns:minmax(0,1fr)}.hair-sidebar{position:fixed;transform:translateX(-100%);z-index:30;width:245px}.hair-sidebar:hover:not(.open){transform:translateX(-100%)}.hair-sidebar.open{transform:none;box-shadow:15px 0 80px #000b}.hair-workspace{padding:22px 20px!important}.hair-menu{display:block!important;margin-bottom:18px}.hair-topbar{align-items:flex-start;margin-bottom:35px!important}.hair-sidebar.open+.hair-workspace{padding-left:20px}.hair-submenu{display:grid}.hair-nav-group .hair-submenu{display:none}.hair-nav-group:focus-within .hair-submenu{display:grid}}
@media(max-width:560px){.hair-heading{align-items:flex-start;flex-direction:column}.hair-heading h2{font-size:2.9rem}.hair-panel,.hair-metric{padding:16px}.hair-card-grid{grid-template-columns:1fr}.hair-booking-row{grid-template-columns:1fr 1fr;gap:12px}.hair-client-row{align-items:start;flex-direction:column}.hair-panel-head input{width:100%}.hair-activity-row{flex-direction:column;gap:6px}.hair-button{padding:11px 13px}.hair-form{grid-template-columns:1fr}.hair-dialog{padding:20px}.hair-dialog h2{font-size:1.65rem}.hair-form footer{flex-wrap:wrap}.hair-metric strong{font-size:1.8rem}.hair-calendar-toolbar strong{line-height:1.5}.hair-calendar-controls .hair-date-field{max-width:200px}.hair-calendar-controls .hair-date-trigger{font-size:.7rem}.hair-inline-label{flex-wrap:wrap}.hair-topbar .topbar-actions{gap:6px}.hair-topbar .icon-btn{width:38px;height:38px}.hair-topbar .user{padding-left:8px}.hair-topbar .user span{display:none}}