:root{--workspace-ink:var(--vb-ink);--workspace-muted:var(--vb-muted);--workspace-blue:var(--vb-brand);--workspace-line:var(--vb-border)}body{font-family:Inter, system-ui, -apple-system, sans-serif;background:var(--vb-page);color:var(--workspace-ink);font-size:16px;line-height:1.55}a{color:var(--vb-brand)}button,a,input,select,textarea{outline-offset:3px}*:focus-visible{outline:3px solid var(--vb-brand)}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.workspace-sidebar{overflow-y:auto;position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid var(--workspace-line);display:flex;flex-direction:column;padding:28px 16px;z-index:30}.workspace-brand{display:flex;align-items:center;gap:10px;color:var(--vb-ink);font-size:20px;font-weight:750;flex-wrap:wrap;text-decoration:none}.workspace-brand img{width:34px;height:34px;object-fit:contain}.workspace-brand span{width:100%;font-size:13px;letter-spacing:.15em;color:var(--vb-subtle);margin:0 0 28px 44px}.workspace-sidebar nav{display:grid;gap:4px}.workspace-sidebar nav a,.workspace-sidebar summary{display:block;padding:10px 16px;border-radius:8px;color:#59667c;font-weight:550;cursor:pointer}.workspace-sidebar nav a:hover{background:var(--vb-page)}.workspace-sidebar nav a.active{color:var(--vb-brand);background:var(--vb-brand-soft)}.workspace-sidebar details{border-top:1px solid #edf0f5;margin-top:18px;padding-top:10px}.workspace-sidebar details a{font-size:13px;padding-left:24px}.sidebar-foot{margin-top:auto;color:var(--vb-subtle);font-size:13px;padding:12px}.staff-workspace .workspace-body{margin-left:232px}.workspace-header{height:76px;padding:0 36px;background:#fff;border-bottom:1px solid var(--workspace-line);display:flex;align-items:center;justify-content:space-between;gap:16px}.workspace-header nav{display:flex;gap:20px}.header-title{font-weight:600}.workspace-main{max-width:1560px;margin:auto;padding:32px 36px;min-height:calc(100vh - 130px)}.workspace-footer{padding:12px 36px;color:var(--vb-subtle);font-size:13px}.nav-toggle{display:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading h1{font-size:28px;font-weight:700;letter-spacing:-.03em}.page-heading p,.muted{color:var(--workspace-muted)}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--vb-muted);font-weight:650}.panel{background:#fff;border:1px solid var(--workspace-line);border-radius:12px;padding:24px;margin-bottom:20px}.panel h2{font-size:17px;font-weight:650;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat{background:#fff;padding:24px;border:1px solid var(--workspace-line);border-radius:12px}.stat strong{display:block;font-size:32px;letter-spacing:-.04em;margin-top:12px}.stat span{color:var(--vb-muted)}.grid-two{display:grid;grid-template-columns:2fr 1fr;gap:24px}.btn,.workspace-main button[type=submit],.workspace-main .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--workspace-line);border-radius:7px;padding:9px 14px;background:#fff;color:var(--vb-ink);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.btn-primary,.workspace-main button.primary{background:var(--vb-brand)!important;border-color:var(--vb-brand)!important;color:white!important}.btn:hover,button[type=submit]:hover{}.workspace-main label{display:block;font-size:14px;color:var(--vb-muted);font-weight:600;margin-bottom:5px}.workspace-main input:not([type=checkbox]):not([type=hidden]),.workspace-main select,.workspace-main textarea{width:100%;border:1px solid var(--vb-border-strong);border-radius:7px;background:white;color:var(--vb-ink);padding:9px 11px;min-height:44px}.workspace-main input[type=checkbox]{margin-right:8px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.form-grid .wide{grid-column:1/-1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f8fafc;color:var(--vb-muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em;font-weight:650}td,th{padding:12px 14px;border-bottom:1px solid #edf0f5;vertical-align:top}td{font-size:14px}tbody tr:hover{background:#fafbfe}.notice{padding:14px;border:1px solid #b8dbca;background:#f0faf5;border-radius:8px;margin-bottom:20px}.notice.error{background:#fff4f4;color:#ac2637;border-color:#edc5cb}.empty{padding:32px;text-align:center;color:var(--vb-subtle)}.tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--workspace-line);margin-bottom:24px;padding-bottom:10px}.tabs a{padding:8px 14px;border-radius:6px;color:var(--vb-muted)}.tabs a[aria-current=page]{background:var(--vb-brand-soft);color:var(--vb-brand)}.pipeline{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:14px;overflow:auto;padding-bottom:16px}.pipeline-column{background:#eef1f6;border-radius:10px;padding:14px;min-height:300px}.pipeline-column h2{font-size:13px;font-weight:650;margin-bottom:16px}.deal-card{background:#fff;border:1px solid #e0e6ef;border-radius:8px;padding:16px;margin-bottom:12px}.deal-card strong{display:block}.deal-card details{margin-top:12px}.deal-card input,.deal-card select{margin-bottom:8px}.actions{display:flex;gap:8px;flex-wrap:wrap}.signature-pad{background:white;border:1px dashed #8ca1bd;touch-action:none;max-width:100%;width:500px;height:180px}.workspace-header .text-white{color:var(--vb-ink)!important}.public-workspace .workspace-main{max-width:1280px}
/* Compatibility for retained Razor screens while shared components replace old markup. */.workspace-main .glass-surface{background:#fff;box-shadow:none;backdrop-filter:none;border:1px solid var(--vb-border)}.workspace-main .rounded-3xl{border-radius:12px}.workspace-main .identity-shell h1,.workspace-main .identity-shell h2,.workspace-main .identity-shell p{color:var(--vb-ink)}.workspace-main .text-rose-200,.workspace-main .text-danger{color:#b42338!important}.workspace-main .vb-public-hero{background:var(--vb-brand-soft)}.workspace-header form button{color:var(--vb-ink)!important;border:1px solid var(--vb-border);background:white}
@media(max-width:1000px){.stats{gap:12px}.grid-two{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.workspace-sidebar{display:none}.nav-open .workspace-sidebar{display:flex;top:76px;box-shadow:none}.staff-workspace .workspace-body{margin-left:0}.workspace-header{padding:0 16px}.workspace-main{padding:20px 16px}.nav-toggle{display:block}.header-title{display:none}.stats,.form-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.panel{padding:16px}.workspace-footer{padding:12px 16px}}
.booking-slots{border:1px solid var(--vb-border);border-radius:10px;padding:16px;margin:16px 0;display:flex;gap:10px;flex-wrap:wrap}.booking-slots legend{padding:0 8px;font-weight:600}.booking-slots label{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #dce3ef;border-radius:8px;cursor:pointer;min-height:44px}.booking-slots label:has(input:checked){background:var(--vb-brand-soft);border-color:var(--vb-border-strong)}.booking-slots input{width:auto;margin:0}.booking-notes{white-space:pre-wrap;overflow-wrap:anywhere}.booking-activity{padding:16px 0;border-top:1px solid var(--vb-border)}.booking-activity time{font-size:13px;color:var(--vb-muted)}#booking-feedback:not(:empty),#slot-status:not(:empty){margin:12px 0;padding:12px;background:var(--vb-brand-soft);border-radius:8px}.panel form button{margin-top:12px}
.btn:disabled{opacity:1;cursor:not-allowed;transition:none !important}.booking-activity .toolbar{flex-wrap:wrap}.booking-activity span{overflow-wrap:anywhere}

/* Customer navigation wraps independently of the staff sidebar header. */
.customer-header { height:auto; min-height:64px; flex-wrap:wrap; gap:12px; }
.customer-header > .workspace-brand { flex:0 0 auto; white-space:nowrap; }
.customer-header > nav { display:flex; flex:1 1 160px; flex-wrap:wrap; gap:16px; }
.customer-header > div { min-width:0; max-width:100%; }
.support-files { min-width:0; }
.support-file-input { display:block; width:100%; max-width:100%; margin-top:8px; }
.support-file-list { overflow-wrap:anywhere; }

/* Shared typography and control sizing. Native controls do not consistently
   inherit the page font, which made the sidebar and forms look unrelated. */
button,input,select,textarea,summary{font-family:inherit;font-size:inherit;line-height:inherit}
.workspace-sidebar nav,.workspace-sidebar nav a,.workspace-sidebar nav summary{font-family:inherit;font-size:14px;line-height:1.4}
.workspace-sidebar nav>a,.workspace-sidebar summary{font-weight:600}
.workspace-sidebar details a{font-size:14px;font-weight:500;padding:9px 16px 9px 28px}
.btn,.workspace-main button[type=submit],.workspace-main .button{min-height:44px;line-height:1.25}
.form-grid button,.sales-form button,.sales-filters button,.lead-filters button{margin-top:0}