/* v2 salon workspace. Public booking and the platform console retain their own layout. */
.workspace-v2 {
  --bg:#f5f6f0;--surface:#fff;--surface-soft:#f0f4ec;--surface-hover:#eaf0e5;
  --text:#203b32;--muted:#65766b;--subtle:#718276;--border:#e0e7db;--border-strong:#cbd8c7;
  --primary:#214e3d;--primary-hover:#163e30;--primary-soft:#eaf2e1;--primary-text:#305b3c;--primary-ink:#fff;
  --studio-sidebar:#183c31;--studio-sidebar-soft:#2a5140;--studio-sidebar-text:#d1dfcf;--studio-focus:#7fa44d;
  --shadow:0 4px 20px #163b3205;--shadow-raised:0 18px 50px #163b3214;
  --sidebar-width:248px;--radius:18px;
}
html[data-theme=dark] .workspace-v2 {--bg:#101c17;--surface:#192a21;--surface-soft:#22382b;--surface-hover:#2a4231;--text:#edf3e6;--muted:#a9b9aa;--subtle:#a4b2a4;--border:#334638;--border-strong:#496044;--primary:#c8e694;--primary-hover:#d9efa8;--primary-soft:#2c412a;--primary-text:#c8e694;--primary-ink:#203b25;--studio-sidebar:#102a21;--studio-sidebar-soft:#264535;--studio-focus:#c8e694;}
.workspace-v2 .sidebar {padding:27px 14px 18px;background:var(--studio-sidebar);border:0;}
.workspace-v2 .studio-sidebar-head {margin-bottom:27px;padding:0 7px;}
.workspace-v2 .studio-sidebar-head .brand-name {font-size:16px;letter-spacing:-.7px;}
.workspace-v2 .studio-sidebar-head .brand-symbol {width:34px;height:34px;border-radius:10px;}
.workspace-v2 .workspace-picker {border:1px solid #f1f8e61f;background:#f1f8e609;border-radius:14px;margin:0 5px 24px;padding:13px 12px;}
.workspace-v2 .workspace-picker label {color:#b4cbb4;font-size:9px;letter-spacing:.12em;}
.workspace-v2 .workspace-picker select {color:#f2f7eb;border-color:transparent;background:transparent;padding-left:0;font-size:12px;}
.workspace-v2 .workspace-picker select option {color:#203b32;background:#fff;}
.workspace-v2 .sidebar .studio-nav-label {color:#a4bea6;font-size:9px;letter-spacing:.15em;padding:7px 13px;}
.workspace-v2 .sidebar .nav-item {min-height:42px;margin:3px 0;padding:10px 13px;color:#d2e0d2;border-radius:10px;font-size:12px;gap:12px;}
.workspace-v2 .sidebar .nav-item svg {width:18px;height:18px;opacity:.9;}
.workspace-v2 .sidebar .nav-item:hover {color:#fff;background:#ffffff0d;}
.workspace-v2 .sidebar .nav-item.active {background:#ceef83;color:#1c3b29;box-shadow:none;font-weight:650;}
.workspace-v2 .sidebar .nav-item.active::before {display:none;}
.workspace-v2 .sidebar .nav-count {background:#23452d;color:#ebf9ce;}
.workspace-v2 .studio-nav-group + .studio-nav-group {margin-top:18px;}
.workspace-v2 .sidebar .public-link-card {background:#254b3b;border:1px solid #61815c59;border-radius:14px;padding:16px;margin:10px 5px 15px;}
.workspace-v2 .sidebar .public-link-card strong {font-size:12px;color:#ecf6d6;}
.workspace-v2 .sidebar .public-link-card p {font-size:11px;color:#c0d2bb;}
.workspace-v2 .sidebar .public-link-card .btn {color:#d9efb6;}
.workspace-v2 .sidebar .profile {border-color:#6d8a602f;padding:17px 8px 0;}
.workspace-v2 .profile strong {color:#eaf1e4;}
.workspace-v2 .profile small {color:#b6cbb2;}
.workspace-v2 .topbar {height:84px;padding:0 34px;border-bottom:1px solid var(--border);background:var(--bg);box-shadow:none;}
.workspace-v2 .studio-breadcrumb {font-size:11px;color:var(--muted);}
.workspace-v2 .studio-current-page {font-size:16px;color:var(--text);letter-spacing:-.02em;}
.workspace-v2 .studio-command-trigger {border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);border-radius:10px;box-shadow:none;}
.workspace-v2 .studio-command-trigger kbd {color:var(--muted);background:var(--surface-soft);border-color:var(--border);}
.workspace-v2 .main-content {padding:34px;max-width:1800px;margin:0 auto;width:100%;}
.workspace-v2 .app-footer {padding:22px 34px;color:var(--muted);}
.workspace-v2 .btn {border-radius:10px;min-height:42px;font-size:12px;box-shadow:none;}
.workspace-v2 .btn.small {min-height:32px;}
.workspace-v2 .panel,.workspace-v2 .settings-card {box-shadow:none;border:1px solid var(--border);border-radius:18px;}
.workspace-v2 .panel-heading h2 {font-size:17px;font-weight:650;letter-spacing:-.035em;}
.workspace-v2 .page-heading h1 {font-size:32px;letter-spacing:-.045em;font-weight:650;}
.workspace-v2 .eyebrow {font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:650;}
.v2-version {display:inline-flex;align-items:center;border:1px solid var(--border-strong);background:var(--primary-soft);color:var(--primary-text);border-radius:5px;padding:1px 5px;margin-left:7px;letter-spacing:0;font-size:9px;line-height:1.4;vertical-align:middle;}
.v2-shell-version {font-size:10px;letter-spacing:.03em;color:var(--muted);}
.v2-welcome {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;}
.v2-welcome h1 {font-size:clamp(30px,2.9vw,43px);font-weight:600;letter-spacing:-.055em;line-height:1.2;margin:9px 0 11px;}
.v2-welcome p {font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:550px;}
.v2-welcome .heading-actions {flex-shrink:0;gap:9px;}
.v2-day-strip {display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:12px 19px;margin-bottom:20px;}
.v2-date-heading {display:flex;align-items:center;gap:13px;min-width:185px;}
.v2-date-heading>svg {color:var(--primary-text);width:21px;height:21px;}
.v2-date-heading strong {display:block;font-size:12px;font-weight:600;}
.v2-date-heading span {display:block;color:var(--muted);font-size:11px;margin-top:3px;}
.v2-week-days {display:flex;align-items:center;gap:7px;}
.v2-date {display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center;gap:2px;width:43px;height:54px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;}
.v2-date>span {font-size:9px;}
.v2-date>strong {font-size:15px;line-height:1.2;font-weight:600;color:var(--text);}
.v2-date:hover {background:var(--surface-soft);}
.v2-date.selected {background:var(--primary);color:var(--primary-ink);}
.v2-date.selected strong {color:inherit;}
.v2-date i {height:3px;width:3px;background:currentColor;border-radius:50%;position:absolute;bottom:3px;}
.v2-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px;}
.v2-metric {position:relative;border:1px solid var(--border);border-radius:15px;padding:19px 20px 18px;background:var(--surface);min-height:148px;}
.v2-metric>div {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);}
.v2-metric>div svg {width:17px;height:17px;color:var(--primary-text);}
.v2-metric>strong {display:block;font-size:31px;letter-spacing:-.055em;line-height:1.2;font-weight:600;margin:17px 0 11px;overflow-wrap:anywhere;}
.v2-metric p {font-size:10px;line-height:1.5;color:var(--muted);margin:0;}
.v2-metric.featured {background:#e9f1d8;border-color:#d6e3be;color:#244533;}
.v2-metric.featured>div,.v2-metric.featured p {color:#506b48;}
.v2-metric.featured svg {color:#3f6236;}
html[data-theme=dark] .v2-metric.featured {background:#31492b;border-color:#4e6637;color:#e5f5cc;}
html[data-theme=dark] .v2-metric.featured>div,html[data-theme=dark] .v2-metric.featured p,html[data-theme=dark] .v2-metric.featured svg {color:#c2d9aa;}
.v2-home progress {display:block;appearance:none;-webkit-appearance:none;border:0;height:4px;width:100%;background:var(--primary-soft);border-radius:5px;overflow:hidden;}
.v2-home progress::-webkit-progress-bar {background:var(--primary-soft);border-radius:5px;}
.v2-home progress::-webkit-progress-value {background:var(--primary);border-radius:5px;}
.v2-home progress::-moz-progress-bar {background:var(--primary);border-radius:5px;}
.v2-metric progress {margin-top:13px;}
.v2-overview-grid {display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px;margin-bottom:28px;}
.v2-agenda .panel-heading {padding:22px 23px 17px;border:0;}
.v2-agenda .eyebrow {display:block;margin-bottom:6px;}
.v2-next {display:flex;align-items:center;gap:21px;margin:0 23px 20px;padding:21px 0 23px;border-bottom:1px solid var(--border);min-height:130px;}
.v2-next-time {flex-shrink:0;min-width:75px;}
.v2-next-time strong {display:block;font-size:30px;font-weight:550;letter-spacing:-.065em;line-height:1.2;}
.v2-next-time>span {font-size:10px;color:var(--muted);}
.v2-next-person {border-left:1px solid var(--border);padding-left:21px;flex:1;min-width:0;}
.v2-next-person h3 {font-size:19px;line-height:1.4;margin:8px 0 5px;font-weight:650;overflow-wrap:anywhere;}
.v2-next-person p {font-size:11px;line-height:1.6;color:var(--muted);margin:0;}
.v2-next-person .badge {font-size:9px;min-height:22px;padding:2px 7px;}
.v2-next .btn {flex-shrink:0;}
.v2-next.empty {gap:18px;}
.v2-next.empty h3 {font-size:18px;font-weight:600;margin:0 0 7px;}
.v2-next.empty p {font-size:12px;color:var(--muted);line-height:1.7;max-width:420px;margin:0;}
.v2-empty-icon {display:flex;flex-shrink:0;align-items:center;justify-content:center;width:55px;height:55px;border-radius:15px;background:var(--primary-soft);color:var(--primary-text);}
.v2-empty-icon svg {width:25px;height:25px;}
.v2-priorities {display:grid;gap:2px;padding:0 13px 14px;}
.v2-priority {display:flex;align-items:center;gap:12px;width:100%;font-family:inherit;text-align:left;background:transparent;border:0;border-radius:10px;padding:11px 10px;color:var(--text);text-decoration:none;cursor:pointer;}
.v2-priority:hover {background:var(--surface-soft);}
.v2-priority>span:nth-child(2) {flex:1;min-width:0;}
.v2-priority strong {display:block;font-size:12px;font-weight:550;line-height:1.45;}
.v2-priority small {display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px;}
.v2-priority>svg {width:15px;height:15px;color:var(--muted);}
.v2-priority-icon {display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;color:var(--primary-text);background:var(--primary-soft);}
.v2-priority-icon svg {width:16px;height:16px;}
.v2-priority-icon.amber {background:#faf0da;color:#8f642b;}
.v2-priority-icon.lilac {background:#f0ebf7;color:#76618c;}
html[data-theme=dark] .v2-priority-icon.amber {background:#453d26;color:#e3c681;}
html[data-theme=dark] .v2-priority-icon.lilac {background:#393048;color:#d1b7ea;}
.v2-quick-panel {padding:26px 22px 20px;border-radius:18px;background:#1b4234;color:#f0f6e7;}
.v2-quick-panel>.eyebrow {color:#c1d5a4;font-size:9px;}
.v2-quick-panel h2 {font-size:25px;letter-spacing:-.045em;line-height:1.2;margin:12px 0 10px;font-weight:550;}
.v2-quick-panel>p {font-size:11px;line-height:1.7;color:#becfbb;margin:0 0 23px;}
.v2-quick-actions {display:grid;gap:9px;}
.v2-quick-action {display:flex;align-items:center;gap:12px;width:100%;border:1px solid #c9dea12e;border-radius:11px;background:#ffffff08;padding:13px 12px;color:#edf5e2;text-align:left;cursor:pointer;font-family:inherit;}
.v2-quick-action:hover {background:#ffffff13;border-color:#bdd68e61;}
.v2-quick-action>svg:first-child {width:19px;height:19px;color:#d4e9ae;flex-shrink:0;}
.v2-quick-action>svg:last-child {width:15px;height:15px;color:#b9cdac;}
.v2-quick-action>span {flex:1;}
.v2-quick-action strong {display:block;font-size:12px;font-weight:550;}
.v2-quick-action small {display:block;font-size:10px;color:#b7ceb0;margin-top:3px;}
.v2-waitlist-link {display:flex;gap:9px;align-items:center;justify-content:center;color:#d6e8bd;font-size:11px;text-decoration:none;margin-top:22px;}
.v2-waitlist-link svg {width:15px;height:15px;}
.v2-waitlist-link:hover {color:#fff;text-decoration:underline;text-underline-offset:4px;}
.v2-lower-grid {display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px;align-items:start;}
.v2-calendar-wrap {min-width:0;}
.v2-calendar-wrap .calendar-panel {margin:0;}
.v2-calendar-wrap .calendar-toolbar {flex-wrap:wrap;}
.v2-calendar-wrap .calendar-tools {flex-wrap:wrap;}
.v2-side {display:grid;gap:20px;min-width:0;}
.v2-team .panel-heading {padding:22px 20px 15px;border:0;}
.v2-team .eyebrow {display:block;font-size:8px;margin-bottom:6px;}
.v2-team .panel-heading>svg {color:var(--muted);width:18px;}
.v2-team-list {padding:0 17px;}
.v2-team-person {display:flex;gap:11px;align-items:center;text-align:left;width:100%;padding:14px 3px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-family:inherit;cursor:pointer;}
.v2-team-person:last-child {border:0;}
.v2-team-person:hover {background:var(--surface-soft);border-radius:8px;}
.v2-team-person>span:not(.avatar) {flex:1;min-width:0;}
.v2-team-person strong {display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere;}
.v2-team-person small {display:block;color:var(--muted);font-size:10px;margin-top:3px;}
.v2-team-person progress {height:3px;margin-top:8px;}
.v2-team-person>svg {width:14px;height:14px;color:var(--muted);}
.v2-team>.btn {display:flex;margin:9px 17px 15px;width:calc(100% - 34px);justify-content:space-between;}
.v2-no-team {font-size:12px;color:var(--muted);line-height:1.7;padding:8px 5px;}
.v2-invite {position:relative;border:1px solid var(--border-strong);border-radius:18px;background:var(--surface-soft);padding:23px 22px;}
.v2-invite-icon {display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:var(--surface);color:var(--primary-text);margin-bottom:24px;}
.v2-invite-icon svg {width:23px;height:23px;}
.v2-invite .eyebrow {font-size:8px;}
.v2-invite h3 {font-size:23px;line-height:1.25;font-weight:550;letter-spacing:-.045em;margin:12px 0;}
.v2-invite p {font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 23px;}
.v2-invite .btn {display:flex;width:100%;margin-top:8px;justify-content:center;}
.v2-summary h3 {font-size:24px;margin:10px 0;color:var(--text);}
.v2-summary>p {font-size:13px;color:var(--muted);}
.v2-summary dl {margin:22px 0;}
.v2-summary dl>div {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--border);font-size:13px;}
.v2-summary dt {color:var(--muted);}
.v2-summary dd {margin:0;text-align:right;font-weight:600;}
@media(min-width:761px){.workspace-v2.is-compact .workspace-picker {padding:0;border:0;margin:0;}.workspace-v2.is-compact .studio-sidebar-head {padding:0;}.workspace-v2.is-compact .sidebar {padding-inline:12px;}}
@media(max-width:1350px){.workspace-v2 .main-content {padding:28px;}.workspace-v2 .topbar {padding-inline:28px;}.v2-overview-grid,.v2-lower-grid {grid-template-columns:minmax(0,1fr) 260px;gap:18px;}.v2-welcome {align-items:flex-start;}.v2-welcome .heading-actions {flex-direction:column;align-items:stretch;}.v2-next {flex-wrap:wrap;gap:16px;}.v2-next>.btn {margin-left:91px;}.v2-day-strip {gap:12px;}.v2-date {width:34px;}.v2-week-days {gap:3px;}.v2-metric {padding:17px;}.v2-metric>strong {font-size:27px;}.v2-metric>div {font-size:10px;}.v2-day-strip>.btn {font-size:10px;padding-inline:8px;}}
@media(max-width:1120px){.v2-day-strip {flex-wrap:wrap;}.v2-date-heading {flex:1;}.v2-week-days {order:3;justify-content:space-between;width:100%;border-top:1px solid var(--border);padding-top:12px;margin-top:3px;}.v2-date {width:45px;}.v2-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}.v2-overview-grid,.v2-lower-grid {grid-template-columns:minmax(0,1fr);}.v2-quick-panel {padding:23px;}.v2-quick-actions {grid-template-columns:repeat(3,minmax(0,1fr));}.v2-quick-panel>p {margin-bottom:18px;}.v2-quick-action {gap:8px;padding:13px 10px;}.v2-quick-action>svg:last-child {display:none;}.v2-waitlist-link {justify-content:flex-start;margin-top:18px;}.v2-side {grid-template-columns:repeat(2,minmax(0,1fr));}.v2-next>.btn {margin:0;}.v2-next {flex-wrap:nowrap;}.v2-invite h3 {font-size:22px;}}
@media(max-width:760px){.workspace-v2 .topbar {height:72px;padding-inline:17px;}.workspace-v2 .main-content {padding:23px 17px;}.workspace-v2 .app-footer {padding-inline:17px;}.workspace-v2 .studio-current-page {font-size:14px;}.workspace-v2 .sidebar {padding-inline:15px;}.workspace-v2 .sidebar .nav-item {min-height:46px;font-size:13px;}.workspace-v2 .studio-breadcrumb {font-size:10px;max-width:170px;}.v2-welcome {display:block;margin-bottom:22px;}.v2-welcome h1 {font-size:34px;margin:11px 0;}.v2-welcome p {font-size:12px;max-width:400px;}.v2-welcome .heading-actions {flex-direction:row;justify-content:flex-start;gap:9px;margin-top:18px;}.v2-welcome .heading-actions .btn {flex:1;font-size:11px;}.v2-day-strip {padding:13px;margin-bottom:16px;}.v2-date-heading {gap:9px;min-width:0;}.v2-date-heading strong {font-size:11px;}.v2-date-heading>svg {width:18px;}.v2-day-strip>.btn {font-size:9px;min-height:30px;padding:5px;}.v2-day-strip>.btn svg {display:none;}.v2-date {width:38px;height:49px;}.v2-metrics {gap:10px;margin-bottom:18px;}.v2-metric {padding:16px 13px;min-height:143px;}.v2-metric>strong {font-size:28px;margin:15px 0 9px;}.v2-metric>div {font-size:10px;gap:5px;}.v2-metric>div svg {width:14px;height:14px;flex-shrink:0;}.v2-metric p {font-size:9px;}.v2-overview-grid {gap:16px;margin-bottom:20px;}.v2-agenda .panel-heading {padding:19px 16px 13px;gap:10px;}.v2-agenda .panel-heading .btn {padding:5px;font-size:10px;}.v2-agenda .panel-heading .btn svg {display:none;}.v2-agenda .eyebrow {font-size:8px;}.v2-next {margin:0 16px 13px;padding:15px 0 20px;gap:13px;flex-wrap:wrap;}.v2-next-time {min-width:62px;}.v2-next-time strong {font-size:27px;}.v2-next-person {padding-left:14px;}.v2-next-person h3 {font-size:17px;}.v2-next-person p {font-size:10px;}.v2-next>.btn {width:100%;justify-content:center;margin-top:1px;}.v2-next.empty {flex-wrap:nowrap;}.v2-next.empty h3 {font-size:16px;}.v2-next.empty p {font-size:11px;}.v2-empty-icon {width:42px;height:42px;}.v2-next.empty .v2-empty-icon svg {width:21px;height:21px;}.v2-priorities {padding:0 8px 12px;}.v2-priority {gap:10px;}.v2-priority strong {font-size:11px;}.v2-priority small {font-size:10px;}.v2-quick-panel {padding:23px 19px;}.v2-quick-actions {grid-template-columns:1fr;gap:8px;}.v2-quick-action {padding:13px 14px;gap:13px;}.v2-quick-action>svg:last-child {display:block;}.v2-quick-panel h2 {font-size:27px;}.v2-quick-panel>p {font-size:12px;}.v2-side {grid-template-columns:1fr;}.v2-invite {padding:24px;}.v2-invite h3 {font-size:28px;}.v2-invite-icon {margin-bottom:20px;}.v2-invite p {font-size:12px;max-width:340px;}.v2-home .calendar-toolbar {padding:12px;}.v2-home .date-nav {gap:3px;width:100%;}.v2-home .date-nav input {min-width:0;}.v2-home .calendar-tools {width:100%;}.v2-home .calendar-tools input,.v2-home .calendar-tools select {min-width:0;width:100%;}.v2-summary dl>div {font-size:12px;gap:13px;}}
@media(prefers-reduced-motion:reduce){.workspace-v2 * {transition:none!important;animation:none!important;}}
