.employee-list{display:grid;gap:9px}.employee-row{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;padding:14px 17px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer}.employee-row:hover{border-color:var(--champagne);box-shadow:var(--shadow)}.employee-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface-soft);color:var(--champagne-deep);font-weight:700;overflow:hidden}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-row b,.employee-row small{display:block}.employee-row small{margin-top:3px;color:var(--muted)}.employee-status{font-style:normal;font-size:11px;color:#bd3939;font-weight:800;white-space:nowrap}.employee-form{width:min(94vw,560px)}.employee-photo-field input{padding:0;border:0;background:transparent}.employee-photo-preview{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.employee-photo-preview .employee-avatar{flex:none}.employee-form .form-note{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.employee-form-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.employee-form-actions .button.primary{margin-left:auto}
.client-detail #client-total{display:grid;gap:3px}.client-detail #client-total span{font-size:12px;color:var(--muted)}.client-visit{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.client-visit:hover{background:var(--surface-soft);margin:0 -8px;padding-left:8px;padding-right:8px}.client-visit em{display:block;margin-top:5px;color:var(--champagne-deep);font-size:11px;font-style:normal;font-weight:700}.client-detail textarea{resize:vertical;min-height:62px;border:1px solid var(--line);border-radius:10px;padding:9px;color:var(--ink);font:inherit}
.client-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-title-row h2{min-width:0}.client-note-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.client-note-head h3{margin:0}.client-quick-note{display:grid;gap:9px}.client-note-input{display:grid;gap:6px;margin-top:12px;font-weight:600;font-size:12px}.client-note-input textarea{width:100%}
.client-title-actions{display:flex;gap:7px;align-items:center}.booking-client-picker{position:relative;margin-top:7px}.booking-client-search{width:100%;margin:0}.booking-client-results{position:relative;z-index:8;display:grid;gap:4px;margin-top:5px}.booking-client-results>button,.booking-new-client{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px;text-align:left;color:var(--ink)}.booking-client-results>button:hover{background:var(--surface-soft)}.booking-client-results b,.booking-client-results small{display:block}.booking-client-results small{margin-top:2px;color:var(--muted)}.booking-new-client{display:grid;gap:7px}.booking-new-client input{border:1px solid var(--line);border-radius:8px;padding:8px}.new-client-tag{display:inline-block!important;width:max-content;margin-top:4px!important;padding:1px 5px;border-radius:5px;background:var(--brand-primary);color:#fff!important;font-size:9px!important;font-weight:800}
.analytics-controls{display:flex;gap:7px;align-items:center}.analytics-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-metrics article{padding:16px}.analytics-metrics b{font-size:23px}.analytics-staff{margin-top:22px}.analytics-staff h3{font-family:var(--font-ui);font-size:22px}.analytics-staff-row{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(5,minmax(90px,1fr));gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px;margin-top:8px}.analytics-staff-row span{display:grid;gap:3px;font-size:11px;color:var(--muted)}.analytics-staff-row strong{font-size:14px;color:var(--ink)}@media(max-width:900px){.analytics-head{align-items:flex-start}.analytics-controls{flex-wrap:wrap;justify-content:flex-end}.analytics-metrics{grid-template-columns:repeat(2,1fr)}.analytics-staff-row{grid-template-columns:repeat(2,1fr)}.analytics-staff-row>b{grid-column:1/-1}}
.analytics-overall h3,.finance-staff h3{font-family:var(--font-ui);font-size:22px;margin:0 0 12px}.analytics-overall{margin-top:4px}.finance-controls{display:flex;gap:7px;align-items:center}.finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-staff{margin-top:22px}.finance-staff-row{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(4,minmax(100px,1fr));gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px;margin-top:8px}.finance-staff-row span{display:grid;gap:3px;font-size:11px;color:var(--muted)}.finance-staff-row strong{font-size:14px;color:var(--ink)}@media(max-width:900px){.finance-head{align-items:flex-start}.finance-controls{flex-wrap:wrap;justify-content:flex-end}.finance-metrics{grid-template-columns:repeat(2,1fr)}.finance-staff-row{grid-template-columns:repeat(2,1fr)}.finance-staff-row>b{grid-column:1/-1}}
.services-catalog{display:grid;gap:10px;max-height:calc(100vh - 230px);overflow:auto;padding-right:4px}.service-category{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.service-category header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;background:var(--surface-soft)}.service-category-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;flex:1;border:0;background:transparent;padding:9px 6px;color:var(--ink);font:600 20px var(--font-ui);text-align:left;cursor:pointer}.service-category-toggle small{font:500 12px var(--font-ui);color:var(--muted)}.service-category-toggle i{font:700 20px var(--font-ui);color:var(--champagne-deep);transition:transform .18s}.service-category.is-open .service-category-toggle i{transform:rotate(180deg)}.service-category-actions{display:flex;gap:9px;align-items:center}.text-button{border:0;background:transparent;color:var(--champagne-deep);font-size:12px;cursor:pointer}.danger-text{color:#b43b35}.service-list{display:grid}.service-empty{margin:0;padding:15px 16px}.service-row{display:flex;justify-content:space-between;gap:16px;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 16px;text-align:left;color:var(--ink);cursor:pointer}.service-row:hover{background:#fffcf8}.service-row b,.service-row small{display:block}.service-row small{margin-top:3px;color:var(--muted);font-size:11px}.service-row>span:last-child{text-align:right;white-space:nowrap}.service-form{width:min(94vw,560px)}.service-master-field{display:grid;gap:6px;font-size:12px;font-weight:700}.service-resource-picker{border:1px solid var(--line);border-radius:10px;background:#fff}.service-resource-picker summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;padding:10px;font-weight:600;color:var(--ink)}.service-resource-picker summary::marker{color:var(--champagne-deep)}.service-resource-picker #service-v2-resource-options{display:grid;gap:6px;padding:0 10px 10px;border-top:1px solid var(--line)}.checkbox-line{display:flex!important;align-items:center;gap:7px;font-size:12px!important}.service-form-actions{display:flex;justify-content:space-between;gap:10px}.service-form-actions .button.primary{margin-left:auto}@media(max-width:760px){.services-catalog{max-height:none}.service-category header,.service-row{align-items:flex-start;flex-direction:column}.service-row>span:last-child{text-align:left}.service-category-actions{flex-wrap:wrap}.service-category-toggle{width:100%}}

/* The content headings need a quiet inset from the edge of the work area. */
.view:not(#journal) .section-head>div:first-child{margin-left:20px}
.view:not(#journal) .analytics-overall h3,.view:not(#journal) .finance-staff h3{margin-left:20px}

.online-status,.online-section{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.online-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:13px}.online-status b,.online-status small{display:block}.online-status b{font:600 22px var(--font-ui);margin-top:3px}.online-status small{color:var(--muted);margin-top:4px}.online-section{display:grid;gap:13px;padding:17px 18px;margin-top:13px}.online-section h3{font:600 21px var(--font-ui);margin:3px 0 0}.online-section label{display:grid;gap:6px;font-size:12px;font-weight:600}.online-section input,.online-section select,.online-section textarea{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;color:var(--ink);font:inherit}.online-section textarea{min-height:75px;resize:vertical}.online-future-url{margin:0;padding:11px 12px;border-radius:9px;background:var(--surface-soft);color:var(--ink);font-weight:700}.online-list{display:grid;gap:7px}.online-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:10px;padding:11px 12px}.online-row b,.online-row small{display:block}.online-row small{margin-top:4px;color:var(--muted);font-size:11px}.online-toggle{display:flex!important;align-items:center;gap:8px;min-width:max-content;font-weight:700!important;cursor:pointer}.online-toggle input{position:absolute;opacity:0;pointer-events:none}.online-toggle i{position:relative;width:36px;height:21px;border-radius:20px;background:#d6cec5;transition:.15s}.online-toggle i:after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #999;transition:.15s}.online-toggle input:checked+i{background:var(--brand-primary)}.online-toggle input:checked+i:after{transform:translateX(15px)}.online-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.online-check{display:flex!important;align-items:center;gap:8px}.online-check small{font-weight:400;color:var(--muted)}.online-solarium-control{display:flex;align-items:end;gap:12px}.online-solarium-control label{min-width:135px}.online-note{margin:15px 0}.online-page-scroll,.online-page-scroll body{height:auto!important;overflow:auto!important}.online-page-scroll .shell{height:auto!important;min-height:100vh}.online-page-scroll main{height:auto!important;min-height:100vh;display:block!important;padding-bottom:28px!important}@media(max-width:760px){.online-status,.online-row,.online-solarium-control{align-items:flex-start;flex-direction:column}.online-rule-grid{grid-template-columns:1fr}}