/* Shared Sorvessa design tokens and components. Loaded after legacy styles. */
:root{--sv-bg:#0c0a10;--sv-panel:#15111c;--sv-raised:#1c1625;--sv-field:#100d16;--sv-line:#33283f;--sv-text:#f5f0fa;--sv-muted:#a99ab7;--sv-purple:#a970ff;--sv-blue:#658cf4;--sv-green:#76d7ac;--sv-radius:20px;--sv-control-radius:12px;--sv-control-height:44px}
body:has(.app),body:has(.workspace-shell){background:radial-gradient(ellipse at 55% -20%,#2a173d 0,transparent 60%),var(--sv-bg);color:var(--sv-text)}
.app,.hair-app,.workspace-shell{grid-template-columns:245px minmax(0,1fr);align-items:start}
.app .workspace,.workspace-shell .workspace-main{min-width:0;width:100%;max-width:1600px;margin:0 auto;padding:30px clamp(22px,3.4vw,52px)!important}
.app .sidebar,.workspace-shell .workspace-sidebar{position:sticky;top:0;height:100dvh;padding:28px 18px;gap:24px;border-right:1px solid var(--sv-line);background:#100d16;overflow-y:auto;overflow-x:hidden;z-index:30}
.app .sidebar .brand{padding:0 10px;font-size:22px}.sv-sidebar-brand{display:flex;align-items:center;justify-content:space-between}.sv-product-name{color:#a798b7;font-size:10px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;padding:0 11px;margin-top:-14px}
.sv-menu-close{display:none!important}.app .tenant,.app .hair-tenant,.workspace-shell .tenant-badge{border:1px solid #473255;border-radius:16px;padding:17px 15px;background:#1b1325;box-shadow:none}
.app :is(.tenant,.hair-tenant) small{font-size:9px;letter-spacing:.12em;color:var(--sv-muted);margin-bottom:10px}.app :is(.tenant,.hair-tenant) strong{font-size:14px}.app :is(.tenant,.hair-tenant) p{font-size:11px;margin:8px 0 0;color:var(--sv-muted)}
.app :is(.nav-item,.hair-nav),.workspace-nav button{min-height:44px;border-radius:11px;padding:11px 13px;font-size:13px;line-height:1.4;gap:12px;color:var(--sv-muted)}
.app .hair-nav-group{margin-top:4px}.app .nav-section{gap:4px}.app :is(.nav-item.active,.hair-nav.active),.workspace-nav button[aria-current=page]{color:#f6effe;background:#291b39;box-shadow:inset 3px 0 var(--sv-purple)}
.app :is(.nav-item:hover,.hair-nav:hover),.workspace-nav button:hover{background:#22192e;color:#fff}.app .sidebar-footer{font-size:11px;line-height:1.8;color:var(--sv-muted)}
.app .nav-submenu,.app .hair-submenu.is-open{background:#21172e;border:1px solid #654581;border-radius:15px;box-shadow:0 14px 40px #0007;padding:8px}.app .nav-submenu button,.app .hair-submenu button{font-size:12px;line-height:1.4;padding:11px 13px;border-radius:9px}
.app .topbar,.app .hair-topbar,.workspace-shell .workspace-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 25px!important;margin-bottom:34px!important;border-bottom:1px solid var(--sv-line)}
.app .topbar h1,.workspace-shell .workspace-topbar h1{font-size:26px;letter-spacing:-.045em;line-height:1.25;margin:9px 0 0}.app .topbar-left>small,.workspace-shell .workspace-topbar .eyebrow{font-size:10px;letter-spacing:.06em;color:var(--sv-muted)}
.app .topbar-actions{gap:10px}.app .avatar,.workspace-shell .owner-avatar{height:36px;width:36px;font-size:12px;background:var(--sv-purple);color:#1b0a2e;flex:none}.app .user{padding-left:14px;cursor:pointer}.app .user span{font-size:12px;color:#c5b9d0}.app .overline{font-size:10px;line-height:1.6;letter-spacing:.14em;color:var(--sv-muted)}
.app .headline,.app .hair-heading,.workspace-shell .workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 28px}.app :is(.headline,.hair-heading) h2{font-size:clamp(32px,3.5vw,52px);font-weight:730;letter-spacing:-.065em;line-height:1.07;margin:12px 0 0}.app :is(.headline,.hair-heading) em{color:var(--sv-purple)}
.app :is(.headline,.hair-heading)>.button{max-width:none!important;width:auto;flex:none}.app .date-pill{border-radius:var(--sv-control-radius);font-size:12px;background:#15101d;padding:12px 15px;white-space:nowrap}
.app :is(.panel,.hair-panel,.metric,.hair-metric,.attention-card,.lead-card),.workspace-shell :is(.panel,.metric){border:1px solid var(--sv-line);border-radius:var(--sv-radius);background:var(--sv-panel);box-shadow:none;padding:24px;min-width:0}
.app :is(.panel-heading,.hair-panel-head){gap:16px;flex-wrap:wrap}.app :is(.panel-heading,.hair-panel-head) h3,.app .hair-panel>h3{font-size:15px;letter-spacing:-.025em}.app .panel-heading a{font-size:12px}.app .dashboard-grid,.app .hair-columns{gap:20px}.app .hair-card-grid{gap:20px}
.app .metrics,.app .hair-metrics{gap:14px;margin-bottom:24px}.app .metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.app .hair-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.app .metric:after{display:none}.app :is(.metric-label,.hair-metric>span){font-size:12px;color:var(--sv-muted);line-height:1.5}.app :is(.metric-value,.hair-metric>strong){font-size:32px;letter-spacing:-.06em;line-height:1.15;margin:17px 0 11px}.app :is(.metric-delta,.hair-metric>small){font-size:11px;line-height:1.5;color:var(--sv-green)}
.app :is(.hair-booking-row,.hair-client-row,.pipeline-row,.hair-activity-row,.hair-staff-summary){font-size:13px;line-height:1.5}.app :is(.hair-booking-row,.hair-client-row) small{font-size:11px;color:var(--sv-muted)}
.app :is(.hair-price,.item-price){font-size:32px}.app :is(.hair-hint,.hair-demo,.helper){font-size:12px;line-height:1.7;color:var(--sv-muted)}.app .hair-demo{padding:15px 0;border-top:1px solid var(--sv-line)}
.sv-button,.app .button,.app .hair-button,.modal-backdrop .modal-primary,.modal-backdrop .modal-secondary,.hair-dialog .hair-button,.workspace-shell .btn,.workspace-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--sv-control-height);width:auto;border:1px solid #af7def!important;border-radius:var(--sv-control-radius)!important;padding:11px 17px;background:#9c63e9!important;color:#fff!important;font:650 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:inset 0 1px 0 #ffffff16!important;text-decoration:none;cursor:pointer;white-space:normal;transition:background .15s,border-color .15s,filter .15s!important}
.sv-button:hover,.app .button:hover,.app .hair-button:hover,.workspace-shell .btn:hover{filter:brightness(1.1);transform:none!important;box-shadow:none!important}
.sv-button.secondary,.app :is(.button.secondary,.hair-button.secondary),.modal-backdrop .modal-secondary,.hair-dialog .hair-button.secondary,.workspace-shell :is(.btn.secondary,.btn.quiet),.workspace-dialog :is(.btn.secondary,.btn.quiet){background:var(--sv-raised)!important;color:#d9c5ed!important;border-color:#513765!important;box-shadow:none!important}
.sv-button.booking{background:#587bd7!important;color:#fff!important;border-color:#7b9aed!important}.sv-button:disabled{opacity:.5;cursor:default;filter:none}.sv-button svg,.sv-icon-button svg,.app .icon-btn svg,.hair-date-trigger svg{width:18px;height:18px;flex:none}
.sv-icon-button,.app .icon-btn{position:relative;display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--sv-line);border-radius:var(--sv-control-radius);color:#cfc0dc;background:#191320;cursor:pointer;padding:10px;font:inherit}.sv-icon-button:hover,.app .icon-btn:hover{background:#291b37;border-color:#6a4b84}
:is(.app,.sv-dialog,.hair-dialog,.workspace-shell,.workspace-dialog) :is(button,a,input,textarea,select):focus-visible{outline:2px solid #bf94ff;outline-offset:3px}
:is(.sv-dialog,.hair-dialog,.workspace-dialog,.modal-backdrop) :is(input,select,textarea),.app :is(.panel,.hair-panel) :is(input,select,textarea){min-height:44px;min-width:0;max-width:100%;width:100%;border:1px solid #463353!important;border-radius:var(--sv-control-radius)!important;background:var(--sv-field)!important;color:var(--sv-text)!important;padding:11px 13px;font:400 13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark;accent-color:var(--sv-purple);box-shadow:none}
:is(.sv-dialog,.hair-dialog,.workspace-dialog,.modal-backdrop) textarea{min-height:96px;resize:vertical}.app :is(.panel,.hair-panel) input[type=search]{max-width:320px}.sv-dialog label,.hair-dialog label,.workspace-dialog label{color:#c1b2cd;font-size:12px;line-height:1.5}
.app :is(.status,.hair-status),.workspace-shell .tag{border-radius:8px;padding:6px 9px;font-size:10px;font-weight:550;line-height:1.4}
.sv-dialog,.hair-dialog,.workspace-dialog,.modal-backdrop :is(.lead-modal,.lead-detail){width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;border:1px solid #634278;border-radius:22px;padding:28px;background:var(--sv-panel);color:var(--sv-text);box-shadow:0 32px 120px #0009;overflow:auto;overscroll-behavior:contain}
.sv-dialog::backdrop,.hair-dialog::backdrop,.workspace-dialog::backdrop{background:#07040bbe;backdrop-filter:blur(8px)}.modal-backdrop{background:#07040bbe;backdrop-filter:blur(8px);overflow:auto;padding:20px}
.sv-dialog-header,.hair-dialog header,.workspace-dialog .dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.sv-dialog h2,.hair-dialog h2,.workspace-dialog h2,.modal-backdrop .lead-modal h2{font-size:27px;line-height:1.2;letter-spacing:-.055em;margin:9px 0 0;overflow-wrap:anywhere}.sv-dialog .overline{font-size:10px;line-height:1.6;letter-spacing:.13em;color:var(--sv-muted)}
.hair-close,.modal-close,.close-dialog{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--sv-line);border-radius:11px;background:#201627;color:#c5b5d3;font-size:22px;flex:none}.sv-dialog .lead-meta{font-size:12px;line-height:1.6;color:var(--sv-muted);margin:-7px 0 22px}
.sv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0 0 20px}.sv-detail-grid>div{padding:16px 0;border-top:1px solid var(--sv-line);min-width:0}.sv-detail-grid dt{font-size:11px;color:var(--sv-muted);margin-bottom:8px}.sv-detail-grid dd{font-size:14px;font-weight:550;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.sv-detail-grid .wide{grid-column:1/-1}
.sv-lead-links{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0;border-top:1px solid var(--sv-line);border-bottom:1px solid var(--sv-line);margin-bottom:20px}.sv-lead-links .sv-button{font-size:12px;flex:0 1 auto}
.sv-lead-form{display:grid;gap:17px}.sv-lead-form label{display:grid;gap:8px}.sv-lead-form>label:first-child{max-width:300px}.sv-lead-form footer,.sv-form footer,.hair-form footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--sv-line);padding-top:20px;margin-top:3px}
.sv-form,.hair-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sv-form>label{display:grid;gap:8px;min-width:0}.sv-form .wide,.hair-form .wide{grid-column:1/-1}.sv-form-error,.sv-notification-error{color:#ffc4d4;background:#5f253842;padding:12px;border:1px solid #884658;border-radius:12px;font-size:13px}.sv-dialog [hidden],.sv-calendar [hidden]{display:none!important}
.app .hair-empty,.sv-empty{border:1px dashed #493552;border-radius:15px;padding:30px 20px;color:var(--sv-muted);text-align:center;font-size:13px;line-height:1.6}.sv-empty h3{color:var(--sv-text);font-size:16px}.sv-empty>span{font-size:25px;color:var(--sv-purple)}

/* Calendar structure is identical in every industry, including custom workspaces. */
.sv-calendar.panel{padding:24px!important;margin-bottom:20px;overflow:visible;border:1px solid var(--sv-line);background:var(--sv-panel);border-radius:var(--sv-radius)}
.sv-calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.sv-calendar-navigation{display:flex;gap:7px;align-items:center;min-width:0}.sv-calendar-navigation>.sv-button{min-width:40px;padding:10px 13px}.sv-calendar-navigation>.sv-button:first-child,.sv-calendar-navigation>.sv-button:nth-child(3){font-size:22px;line-height:1;padding:8px}
.sv-segments{display:flex;gap:4px;border:1px solid var(--sv-line);padding:4px;border-radius:13px;background:#100b17}.sv-segments button{border:0;border-radius:9px;background:none;color:var(--sv-muted);padding:9px 15px;min-height:36px;font:550 12px/1.4 Inter,system-ui,sans-serif;cursor:pointer}.sv-segments button[aria-pressed=true]{background:#32203f;color:#e4c9ff;box-shadow:inset 0 0 0 1px #70518a}
.sv-calendar-context{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.sv-calendar-context strong{font-size:14px;font-weight:600;color:var(--sv-text);line-height:1.6}.sv-calendar-context small{display:block;font-size:11px;color:var(--sv-muted);margin-top:4px}.sv-filter{display:grid;gap:6px;font-size:10px;color:var(--sv-muted);min-width:160px;max-width:240px}.sv-filter select{height:40px;min-height:40px!important;font-size:12px!important;padding:8px 12px!important}
.sv-calendar-scroll{overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#563968 #100d16;border:1px solid var(--sv-line);border-radius:15px}
.sv-calendar .sv-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(128px,1fr));min-width:896px;gap:1px;background:var(--sv-line)}
.sv-calendar .sv-calendar-grid.day{grid-template-columns:minmax(0,1fr);min-width:0}.sv-calendar .sv-calendar-grid.month{grid-template-columns:repeat(7,minmax(128px,1fr));min-width:896px}
.sv-calendar .sv-calendar-day{padding:0;border:0;border-radius:0;background:#120e18;min-width:0;min-height:340px;opacity:1}.sv-calendar .sv-calendar-day.today{background:#1b1226}.sv-calendar .sv-calendar-day.outside{background:#0e0b13}.sv-calendar .sv-calendar-day.outside .sv-day-heading{opacity:.5}.sv-calendar .sv-calendar-grid.month .sv-calendar-day{min-height:140px}
.sv-day-heading{display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 10px;border:0;border-bottom:1px solid var(--sv-line);background:transparent;color:var(--sv-text);cursor:pointer;font:inherit}.sv-day-heading>span:first-child{display:flex;align-items:center;gap:8px}.sv-day-heading small{font-size:11px;color:var(--sv-muted);text-transform:capitalize}.sv-day-heading b{display:grid;place-items:center;width:30px;height:30px;font-size:14px;font-weight:650;border-radius:10px}.sv-day-heading b[aria-current=date]{background:var(--sv-purple);color:#190a29}.sv-day-heading>span:last-child{font-size:15px;color:#ae8bc8}.sv-day-heading:hover{background:#a970ff0b}
.sv-day-events{padding:9px;display:grid;gap:9px;align-content:start}.sv-calendar .sv-calendar-event{display:grid;align-content:start;gap:5px;min-height:0;margin:0;width:100%;padding:11px 10px;background:#2a193c;border:1px solid #67418a;border-left:3px solid var(--sv-purple);border-radius:11px;color:#f0e6fb;text-align:left;font:400 11px/1.5 Inter,system-ui,sans-serif;overflow-wrap:anywhere;cursor:pointer}.sv-calendar .sv-calendar-event:hover{filter:brightness(1.15)}
.sv-calendar .sv-calendar-event.confirmed{background:#15233f;border-color:#324d83;border-left-color:var(--sv-blue)}.sv-calendar .sv-calendar-event.completed{background:#112c25;border-color:#2d594b;border-left-color:var(--sv-green)}.sv-calendar-event time{font-size:10px;font-weight:600;color:#cab0ef}.sv-calendar-event.confirmed time{color:#a2beff}.sv-calendar-event.completed time{color:#8ce1b8}.sv-calendar-event strong{font-size:12px;font-weight:650}.sv-calendar .sv-calendar-event span,.sv-calendar .sv-calendar-event small{display:block;margin:0;font-size:10px;color:#c4b6d2}.sv-calendar-event .sv-event-status{font-size:9px!important;opacity:.8;margin-top:3px!important}
.sv-calendar-empty{width:100%;border:1px dashed #493151;background:transparent;border-radius:10px;min-height:62px;padding:10px;color:#9983ac;cursor:pointer;font:400 11px/1.5 Inter,system-ui,sans-serif}.sv-calendar-empty:hover{background:#a970ff0b;color:#d2b6e9;border-color:#7d5396}
.sv-calendar-grid.day .sv-day-events{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sv-calendar-grid.day .sv-calendar-day{min-height:260px}.sv-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;flex-wrap:wrap}.sv-calendar-footer p{font-size:11px!important;color:var(--sv-muted);margin:0}.sv-calendar-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--sv-muted)}.sv-calendar-legend span{display:flex;align-items:center;gap:7px}.sv-calendar-legend i{width:7px;height:7px;border-radius:50%;background:var(--sv-purple)}.sv-calendar-legend i.confirmed{background:var(--sv-blue)}.sv-calendar-legend i.completed{background:var(--sv-green)}
.hair-date-field{position:relative;min-width:0}.hair-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:1px solid #493553;border-radius:12px;background:#1c1425;color:var(--sv-text);padding:10px 13px;font:400 12px/1.5 Inter,system-ui,sans-serif;cursor:pointer}.sv-calendar-navigation .hair-date-trigger{min-width:170px}
.hair-date-pop{position:absolute;z-index:60;top:calc(100% + 8px);left:0;width:310px;max-width:calc(100vw - 70px);padding:13px;border:1px solid #79539b;border-radius:16px;background:#21162e;box-shadow:0 20px 50px #0009;color:var(--sv-text)}.sv-dialog .hair-date-pop,.hair-dialog .hair-date-pop{position:relative;top:8px;width:100%;max-width:100%;margin-bottom:8px}
.hair-date-head{display:grid;grid-template-columns:27px minmax(0,1fr) 73px 27px;gap:3px;margin-bottom:12px}.hair-date-head select,.hair-date-head input{min-height:32px!important;padding:5px!important;font-size:11px!important;width:100%}.hair-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.hair-date-grid small{font-size:10px;color:var(--sv-muted);margin:5px 0}.hair-date-head button,.hair-date-grid button{border:0;border-radius:8px;background:none;color:#e0cbee;padding:8px 2px;font:400 12px/1.5 Inter,system-ui,sans-serif;cursor:pointer}.hair-date-grid button:hover,.hair-date-grid button.selected{background:var(--sv-purple);color:#1c0a2c}.hair-date-grid .outside{color:#897096}
.sv-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border:2px solid #15101d;border-radius:10px;background:var(--sv-purple);color:#170923;font-size:10px;font-weight:750}
.sv-notifications{width:min(540px,calc(100vw - 32px))}.sv-notification-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;font-size:12px;color:var(--sv-muted)}.sv-notification-summary .sv-button{font-size:11px;min-height:36px;padding:8px 11px}.sv-notification-list{display:grid;gap:8px}.sv-notification{display:flex;gap:12px;align-items:flex-start;border:1px solid #4c345d;border-radius:13px;padding:14px;background:#21172c}.sv-notification.read{background:#120e18;border-color:#302338}.sv-notification-dot{margin-top:7px;flex:none;width:7px;height:7px;border-radius:50%;background:var(--sv-blue)}.sv-notification-dot.warning{background:#dcb778}.sv-notification.read .sv-notification-dot{background:#695776}.sv-notification-open{display:grid;gap:6px;flex:1;min-width:0;text-align:left;border:0;background:none;color:var(--sv-text);padding:0;cursor:pointer;font:inherit}.sv-notification-open strong{font-size:13px}.sv-notification-open span{font-size:12px;line-height:1.6;color:#b9a6c8;overflow-wrap:anywhere}.sv-notification-open small{font-size:10px;color:#b88de1}.sv-notification>.sv-icon-button{width:30px;height:30px;padding:6px}
.sv-search-field{display:grid;gap:8px}.sv-search-results{display:grid;gap:8px;margin-top:20px}.sv-search-results button{display:grid;gap:5px;text-align:left;padding:14px;border:1px solid var(--sv-line);border-radius:12px;background:var(--sv-raised);color:var(--sv-text);font:inherit;cursor:pointer}.sv-search-results small,.sv-search-results p,.sv-profile-description{font-size:12px;color:var(--sv-muted);line-height:1.7}.sv-profile-actions{display:flex;gap:12px;flex-wrap:wrap}.sv-form-error[hidden]{display:none}.action-toast{border-radius:12px;z-index:1000}
@media(min-width:901px){.app .hair-menu{display:none!important}}
@media(min-width:901px){.app .nav-submenu{position:fixed;width:215px;min-width:0;z-index:60}.app .nav-submenu:not(.submenu-visible){display:none!important}}
@media(max-width:1200px){.app .hair-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app .hair-columns{grid-template-columns:1fr}.app .hair-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .app,.hair-app{display:block}.app .workspace,.app .hair-workspace{padding:22px 20px!important}.app .sidebar{position:fixed;inset:0 auto 0 0;width:min(82vw,290px)!important;transform:translateX(-100%);background:#100d16;transition:transform .18s;box-shadow:none}.app .sidebar:hover:not(.open){transform:translateX(-100%)}.app .sidebar.open{transform:none;box-shadow:20px 0 100px #000a}.app .sidebar.open+.workspace,.app .sidebar:hover+.workspace{padding-left:20px}
 .app .sv-menu-close{display:grid!important;position:absolute;top:23px;right:15px;width:34px;height:34px}.app .sidebar .brand{padding-right:42px}.app .sv-sidebar-brand{min-height:32px}
 .app .topbar,.app .hair-topbar{padding:64px 0 22px!important;margin-bottom:25px!important;align-items:center}.app .topbar .mobile-menu,.app .topbar .hair-menu{display:grid!important;position:absolute;top:16px!important;left:20px!important;width:42px;height:42px;margin:0;z-index:25;opacity:1;pointer-events:auto;transform:none}
 .app .sidebar.open+.workspace .mobile-menu,.app .sidebar.open+.workspace .hair-menu{opacity:0!important;pointer-events:none!important}.app .sidebar:not(.open)+.workspace .mobile-menu,.app .sidebar:not(.open)+.workspace .hair-menu{opacity:1!important;pointer-events:auto!important;transform:none!important}
 .app .sidebar:not(.open) .nav-item.active{width:auto}.app .hair-submenu{position:static}.app .hair-nav-group:focus-within .hair-submenu{display:grid}.app .topbar h1{font-size:24px}.app .user span{display:none}.app .topbar-actions{gap:7px}.app .icon-btn{width:38px;height:38px}.app .user{padding-left:9px}
}
@media(max-width:600px){
 .app .headline,.app .hair-heading{align-items:flex-start;flex-direction:column;gap:17px}.app :is(.headline,.hair-heading) h2{font-size:36px}.app .date-pill{align-self:auto}.app :is(.panel,.hair-panel,.metric,.hair-metric,.attention-card){padding:18px}.app .metrics,.app .hair-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app :is(.metric-value,.hair-metric>strong){font-size:28px}.app .metric-label,.app .hair-metric>span{font-size:11px}.app .hair-card-grid{grid-template-columns:1fr}
 .app .topbar-left>small{font-size:9px;max-width:210px}.app .topbar-actions .icon-btn{width:34px;height:34px;padding:7px}.app .topbar-actions .avatar{width:32px;height:32px}.app .topbar{gap:10px}.app .hair-booking-row{grid-template-columns:1fr 1fr}
 .sv-calendar.panel{padding:15px!important}.sv-calendar-toolbar{gap:15px;margin-bottom:18px}.sv-calendar-navigation{width:100%;gap:5px}.sv-calendar-navigation .hair-date-field{flex:1}.sv-calendar-navigation .hair-date-trigger{min-width:0;padding-inline:10px;font-size:11px}.sv-calendar-navigation>.sv-button{min-width:32px;padding:10px;font-size:11px}.sv-calendar-context{align-items:flex-start;flex-direction:column;gap:14px}.sv-calendar-context strong{font-size:12px}.sv-filter{max-width:none;width:100%}.sv-segments{width:100%}.sv-segments button{flex:1}.sv-calendar-footer{gap:12px}.sv-calendar-legend{gap:11px;font-size:10px}.sv-calendar-footer p{display:none}.sv-calendar .sv-calendar-day{min-height:260px}
 .sv-dialog,.hair-dialog,.workspace-dialog{padding:22px 20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.sv-dialog h2,.hair-dialog h2{font-size:25px}.sv-detail-grid{grid-template-columns:1fr;gap:0}.sv-detail-grid dd{font-size:13px}.sv-lead-links{display:grid;grid-template-columns:1fr}.sv-lead-form>label:first-child{max-width:none}.sv-lead-form footer .sv-button{flex:1}.sv-form,.hair-form{grid-template-columns:1fr}.sv-form footer,.hair-form footer{flex-wrap:wrap}.sv-notification-summary{align-items:flex-start;flex-direction:column}.sv-notification{padding:12px;gap:9px}.app .hair-demo{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.app *,.sv-dialog *,.workspace-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.workspace-shell .workspace-topbar .mobile-menu{display:inline-grid!important;place-items:center;width:38px;min-width:38px;padding:8px}.workspace-shell .workspace-topbar{gap:12px}.workspace-shell .workspace-topbar h1{font-size:22px}.workspace-shell .workspace-topbar .topbar-right{gap:7px}.workspace-shell .workspace-topbar .owner-avatar{display:none}.workspace-shell .workspace-main{padding:22px 16px!important}}
@media(max-width:760px){.workspace-shell .workspace-sidebar{position:fixed;top:0;left:0;z-index:51;width:min(82vw,290px);height:100dvh}.workspace-shell .workspace-sidebar.open{transform:translateX(0)}}
.app .quick-action{background:#24182f!important;border-color:#513660!important;color:#e6d3f7!important;box-shadow:none!important;border-radius:14px!important;transform:none!important}.app .quick-action span{color:var(--sv-purple)}
.app .hair-button.booking,.hair-dialog .hair-button.booking{background:#587bd7!important;color:#fff!important;border-color:#7b9aed!important}