.services-live .sv-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.sv-heading h1{margin-bottom:6px}.sv-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.sv-catalog{background:var(--workspace-surface);border:1px solid var(--workspace-line);border-radius:24px 8px;overflow:hidden;color:var(--workspace-ink)}.sv-toolbar{display:flex;align-items:center;gap:12px;padding:24px}.sv-search{position:relative;display:flex;align-items:center;flex:1;max-width:480px;min-width:0}.sv-search>svg{position:absolute;left:14px;width:18px;height:18px;color:var(--workspace-muted)}.sv-search input{font:inherit;font-size:16px;width:100%;min-width:0;min-height:48px;padding:12px 16px 12px 42px;border:1px solid var(--workspace-line);border-radius:10px;background:var(--workspace-surface);color:var(--workspace-ink)}.sv-search input::placeholder{color:var(--workspace-muted)}.sv-toolbar>label:not(.sv-search){margin-left:auto;min-width:0}.sv-toolbar .input{font:inherit;font-size:14px;min-height:48px;margin:0;background:var(--workspace-surface);color:var(--workspace-ink);border-color:var(--workspace-line)}.sv-refresh{padding:10px!important;min-height:44px;width:44px;flex:none}.sv-count{margin:0;padding:12px 24px;border-block:1px solid var(--workspace-line);background:var(--workspace-subtle);font-size:12px;font-weight:650}.sv-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:26px 24px;border-bottom:1px solid var(--workspace-line)}.sv-row:last-child{border-bottom:0}.sv-service-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--workspace-accent-soft);color:var(--workspace-accent-text);border-radius:14px}.sv-service-icon svg{width:22px;height:22px}.sv-service{min-width:0}.sv-service h2{font-size:19px;line-height:1.4;letter-spacing:-.02em;margin:0 0 5px;overflow-wrap:anywhere}.sv-service>span{font-size:12px;color:var(--workspace-muted)}.sv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px}.sv-meta>span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--workspace-muted)}.sv-meta svg{width:15px;height:15px}.sv-meta strong{font-size:15px;font-weight:650}.sv-service>p{font-size:12px;line-height:1.7;margin-top:8px;color:var(--workspace-muted)}.sv-status{font-size:11px;font-weight:650;line-height:1.4;padding:6px 10px;border-radius:30px;background:var(--workspace-accent-soft);color:var(--workspace-accent-text)}.sv-status--paused{background:var(--workspace-subtle);color:var(--workspace-muted)}.sv-actions{display:flex;align-items:center;gap:8px}.sv-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;min-height:44px;padding:10px 12px}.sv-actions svg{width:16px;height:16px}.sv-remove{color:var(--workspace-muted)!important}.sv-remove:hover{color:var(--workspace-ink)!important}.sv-footnote{font-size:12px;color:var(--workspace-muted);line-height:1.7;max-width:75ch;margin-top:16px}.sv-empty{min-height:330px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.sv-empty>svg{width:36px;height:36px;color:var(--workspace-accent-text);margin-bottom:8px}.sv-empty h2{font-size:20px;margin:0;line-height:1.4}.sv-empty p{font-size:14px;line-height:1.7;color:var(--workspace-muted);max-width:45ch}.sv-empty .btn{min-height:48px;margin-top:8px}.sv-skeleton{padding:0 24px;min-height:360px}.sv-skeleton>div{height:120px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--workspace-line)}.sv-skeleton i,.sv-skeleton b,.sv-skeleton em{display:block;background:var(--workspace-subtle);border-radius:6px;animation:sv-breathe 1.4s ease-in-out infinite alternate}.sv-skeleton i{width:48px;height:48px;flex:none;border-radius:14px}.sv-skeleton span{flex:1;display:grid;gap:14px}.sv-skeleton b{width:50%;height:14px}.sv-skeleton b:last-child{width:35%;height:10px}.sv-skeleton em{width:100px;height:40px}@keyframes sv-breathe{to{opacity:.4}}
.sv-dialog{font:inherit;box-sizing:border-box;padding:0;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--workspace-line);border-radius:24px 8px;background:var(--workspace-surface);color:var(--workspace-ink);box-shadow:0 24px 72px #101d3f33}.sv-dialog::backdrop{background:#101d3f80}.sv-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 28px 20px}.sv-dialog h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px}.sv-dialog header p{font-size:14px;color:var(--workspace-muted);line-height:1.6;margin:0}.sv-close{width:44px;min-height:44px;padding:10px!important;border-radius:50%!important;flex:none}.sv-body{padding:0 28px 26px}.sv-fields{padding:0;margin:0;min-width:0;border:0;display:grid;gap:22px}.sv-fields label:not(.sv-availability){display:grid;gap:8px;font-size:14px}.sv-fields .input{box-sizing:border-box;width:100%;font:inherit;font-size:16px;min-width:0;min-height:48px;padding:12px;margin:0;border:1px solid var(--workspace-line);border-radius:10px;background:var(--workspace-surface);color:var(--workspace-ink)}.sv-fields small,.sv-field-note{font-size:12px;font-weight:400;line-height:1.7;color:var(--workspace-muted);margin:0}.sv-generic-note{margin-top:-12px}.sv-price-section{display:grid;gap:14px;padding-top:22px;border-top:1px solid var(--workspace-line)}.sv-availability{display:flex;gap:12px;align-items:flex-start;font-size:14px;padding-top:20px;border-top:1px solid var(--workspace-line)}.sv-availability input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--workspace-accent);flex:none}.sv-availability>span{display:grid;gap:6px;line-height:1.5}.sv-message{font-size:13px;line-height:1.7;margin:0;color:var(--workspace-accent-text)}.sv-message:not(:empty){margin-top:18px}.sv-message.is-error{padding:12px;background:var(--workspace-subtle);border-radius:8px;color:var(--workspace-ink)}.sv-dialog footer{position:sticky;bottom:0;padding:20px 28px;margin:0;gap:16px;border-top:1px solid var(--workspace-line);background:var(--workspace-surface)}.sv-dialog footer .btn{min-height:48px}.sv-dialog .primary{background:var(--workspace-accent);border-color:var(--workspace-accent);color:var(--workspace-on-accent)}.sv-danger{background:#aa293b!important;color:#fff!important;border-color:#aa293b!important}.sv-delete-summary{display:grid;gap:8px;padding:18px;background:var(--workspace-subtle);border-radius:12px}.sv-delete-summary strong{font-size:18px;overflow-wrap:anywhere}.sv-delete-summary>span{font-size:13px;color:var(--workspace-muted)}.sv-delete-copy{font-size:14px;line-height:1.8;margin-top:22px}.sv-dialog [hidden]{display:none!important}.services-live button:focus-visible,.sv-dialog button:focus-visible,.services-live input:focus-visible,.sv-dialog input:focus-visible,.sv-dialog select:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:3px}.sv-dialog[open]{animation:sv-dialog-in 220ms cubic-bezier(.2,0,0,1)}@keyframes sv-dialog-in{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.sv-row{grid-template-columns:48px minmax(0,1fr) auto;gap:16px}.sv-actions{grid-column:2/-1;justify-content:flex-end}.sv-remove span{display:none}.sv-remove{width:44px}.sv-status{align-self:start;margin-top:4px}}
@media(max-width:600px){.services-live .sv-heading{flex-direction:column;align-items:stretch;gap:20px}.sv-add{width:100%;font-size:15px}.sv-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;padding:20px 16px;gap:12px}.sv-search{grid-column:1/-1;max-width:none}.sv-toolbar>label:not(.sv-search){width:100%}.sv-toolbar .input{font-size:16px}.sv-count{padding:12px 16px}.sv-row{padding:22px 16px;grid-template-columns:40px minmax(0,1fr);gap:12px}.sv-service-icon{width:40px;height:40px;border-radius:12px}.sv-service h2{font-size:18px}.sv-status{grid-column:2;grid-row:2;justify-self:start;margin:0}.sv-actions{grid-column:2;grid-row:3;justify-content:flex-start;margin-top:4px;gap:10px}.sv-actions .btn:first-child{flex:1}.sv-meta{gap:10px 16px;margin-top:14px}.sv-meta strong{font-size:14px}.sv-service>p{max-width:30ch}.sv-skeleton{padding-inline:16px}.sv-skeleton em{display:none}.sv-skeleton b{width:70%}.sv-dialog header{padding:22px 20px 18px}.sv-dialog h2{font-size:23px}.sv-body{padding:0 20px 22px}.sv-dialog footer{padding:18px 20px;gap:12px}.sv-dialog footer .btn{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sv-skeleton i,.sv-skeleton b,.sv-skeleton em,.sv-dialog[open]{animation:none}}
.sv-service-icon{align-self:start;margin-top:3px}
.sv-dialog .hm-form-actions>[data-form-action="secondary"]{padding-inline:12px;white-space:nowrap;overflow-wrap:normal}
.sv-dialog .hm-form-actions>[data-form-action="primary"]{overflow-wrap:normal}
@media(max-width:360px){.sv-dialog .hm-form-actions>[data-form-action="primary"]{padding-inline:14px}}

/* Destructive actions use semantic red independently of the workspace accent. */
.services-live,.sv-dialog{--sv-danger:#aa293b;--sv-danger-soft:#fbf0f2;--sv-danger-line:#eac7ce}
html[data-workspace-theme="dark"] .services-live,html[data-workspace-theme="dark"] .sv-dialog{--sv-danger:#ffabb8;--sv-danger-soft:#3a242f;--sv-danger-line:#79505e}
.services-live .sv-actions .sv-remove{color:var(--sv-danger)!important;border-color:var(--sv-danger-line);background:transparent}
.services-live .sv-actions .sv-remove:hover{color:var(--sv-danger)!important;background:var(--sv-danger-soft)}
.sv-dialog .hm-form-actions.hm-form-actions>[data-form-action="secondary"]{background:var(--workspace-accent-soft);color:var(--workspace-accent-text);border-color:transparent;white-space:nowrap;overflow-wrap:normal;padding-inline:16px;flex:0 0 auto;max-inline-size:none}
.sv-dialog .sv-danger{background:#aa293b!important;border-color:#aa293b!important;color:#fff!important}
.sv-dialog--delete .hm-form-actions.hm-form-actions>[data-form-action="secondary"]{background:var(--workspace-subtle);color:var(--workspace-ink)}
.sv-dialog--delete .sv-delete-summary{display:flex;align-items:flex-start;gap:14px;padding:18px;background:var(--workspace-subtle)}
.sv-delete-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;color:var(--sv-danger);background:var(--sv-danger-soft)}
.sv-delete-icon .hm-icon{width:20px;height:20px}
.sv-delete-summary>div:last-child{min-width:0;display:grid;gap:7px}
.sv-delete-summary strong{font-size:18px;line-height:1.5}
.sv-delete-summary span{font-size:13px;color:var(--workspace-muted);line-height:1.6}
.sv-dialog--delete .sv-danger:hover{background:#922235!important}
.sv-dialog--delete button:focus-visible{outline-color:var(--sv-danger)}
.sv-dialog--delete .sv-message.is-error{border:1px solid var(--sv-danger-line);background:var(--sv-danger-soft);color:var(--workspace-ink)}
@media(max-width:360px){.sv-dialog--delete h2{font-size:21px}.sv-dialog .hm-form-actions.hm-form-actions>[data-form-action="secondary"]{padding-inline:12px}}

.sv-last-service{margin-top:22px;font-size:14px;line-height:1.75}.sv-last-service>strong{display:block;color:var(--sv-danger);font-size:15px;line-height:1.5}.sv-last-service p{margin:10px 0 0}.sv-last-service p:last-child{color:var(--workspace-muted);font-size:13px}

/* Service editor: visible choices and compact, predictable field groups. */
.sv-dialog:not(.sv-dialog--delete){width:min(580px,calc(100vw - 24px));overflow:hidden}
.sv-dialog:not(.sv-dialog--delete)>form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px);min-height:0}
.sv-dialog:not(.sv-dialog--delete) header{flex:none;padding:24px 26px 20px}
.sv-dialog:not(.sv-dialog--delete) .sv-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 26px 24px;scrollbar-width:thin;scrollbar-color:var(--workspace-line) transparent}
.sv-dialog:not(.sv-dialog--delete) footer{position:static;flex:none;padding:18px 26px}
.sv-dialog .sv-fields{gap:22px}
.sv-dialog .sv-choice-field,.sv-dialog .sv-duration-section{border:0;padding:0;margin:0;min-width:0}
.sv-choice-field legend{padding:0;margin-bottom:12px;font-size:14px;line-height:1.5;font-weight:650}
.sv-options{display:grid;gap:8px}
.sv-options--types{grid-template-columns:1.25fr 1fr 1fr}
.sv-options--pricing{grid-template-columns:1fr 1fr}
.sv-dialog .sv-fields .sv-choice{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:11px 12px;border:1px solid var(--workspace-line);border-radius:10px;cursor:pointer;background:var(--workspace-surface);font-size:14px;font-weight:600;line-height:1.45;user-select:none;-webkit-user-select:none}
.sv-choice input{margin:0;width:16px;height:16px;flex:none;accent-color:var(--workspace-accent);cursor:pointer}
.sv-dialog .sv-fields .sv-choice:has(input:checked){background:var(--workspace-accent-soft);border-color:var(--workspace-accent);color:var(--workspace-accent-text)}
.sv-dialog .sv-fields .sv-choice:hover{border-color:var(--workspace-accent)}
.sv-dialog .sv-fields .sv-choice:has(input:focus-visible){outline:2px solid var(--workspace-accent);outline-offset:3px}
.sv-dialog .sv-fields .sv-choice:has(input:disabled){cursor:default;opacity:.65}
.sv-dialog .sv-generic-note{margin:12px 0 0;min-height:20px}
.sv-duration-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.sv-dialog .sv-duration-heading>label{font-size:14px;font-weight:650}
.sv-unit-input{position:relative;width:116px;flex:none}
.sv-dialog .sv-unit-input .input{padding-right:46px;text-align:center;font-variant-numeric:tabular-nums}
.sv-unit-input>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--workspace-muted);pointer-events:none}
.sv-duration-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.sv-duration-presets button{font:inherit;font-size:13px;font-weight:600;line-height:1.4;min-height:44px;min-width:0;padding:10px 6px;border:1px solid var(--workspace-line);border-radius:9px;background:var(--workspace-surface);color:var(--workspace-muted);cursor:pointer;user-select:none;-webkit-user-select:none;font-variant-numeric:tabular-nums}
.sv-duration-presets button[aria-pressed="true"]{background:var(--workspace-accent);border-color:var(--workspace-accent);color:var(--workspace-on-accent)}
.sv-duration-presets button:hover{border-color:var(--workspace-accent)}
.sv-duration-presets button:disabled{cursor:default;opacity:.65}
.sv-dialog .sv-price-section{display:block;padding-top:20px;border-top:1px solid var(--workspace-line)}
.sv-dialog .sv-price-section legend{margin-bottom:0;padding-top:0}
.sv-dialog .sv-price-section .sv-options{margin:0 0 14px}
.sv-dialog .sv-fields .sv-price-field{margin-bottom:10px;gap:7px}
.sv-price-caption{font-size:12px;color:var(--workspace-muted);font-weight:500}
.sv-money-input{display:flex;align-items:center;gap:10px;border:1px solid var(--workspace-line);border-radius:10px;background:var(--workspace-surface);padding:0 14px}
.sv-money-input>span{font-size:14px;color:var(--workspace-muted);flex:none}
.sv-dialog .sv-money-input .input{border:0;background:transparent;border-radius:0;padding:12px 0;min-width:0;flex:1;box-shadow:none}
.sv-money-input:focus-within{outline:2px solid var(--workspace-accent);outline-offset:2px}
.sv-money-input .input:focus-visible{outline:0}
.sv-dialog .sv-fields .sv-availability{padding-top:18px;gap:12px}
.sv-dialog .sv-availability>span{font-size:14px;gap:4px}
.sv-dialog .sv-fields input::placeholder{color:var(--workspace-muted);font-weight:400}
@media(max-width:600px){.sv-dialog:not(.sv-dialog--delete) header{padding:22px 20px 18px}.sv-dialog:not(.sv-dialog--delete) .sv-body{padding-inline:20px}.sv-dialog:not(.sv-dialog--delete) footer{padding:16px 20px}.sv-dialog .sv-fields{gap:20px}.sv-dialog .sv-fields .sv-choice{font-size:13px;padding:10px 7px;gap:6px}.sv-choice input{width:14px;height:14px}.sv-options--types{grid-template-columns:1.25fr 1fr .8fr}}
@media(prefers-reduced-motion:no-preference){.sv-choice,.sv-duration-presets button{transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease}}

.sv-scheduling{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;padding-top:20px;border-top:1px solid var(--workspace-line)}.sv-scheduling .sv-duration-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-dialog .sv-scheduling .sv-price-section{padding-top:0;border-top:0}.sv-dialog .sv-scheduling .sv-price-section legend{margin-bottom:12px}.sv-dialog .sv-scheduling .sv-choice{padding-inline:8px;font-size:13px;gap:6px}.sv-scheduling .sv-unit-input{width:100px}.sv-scheduling .sv-duration-heading{min-height:48px;margin-bottom:12px}.sv-scheduling .sv-price-help{margin-top:10px}
@media(max-width:600px){.sv-scheduling{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:18px}.sv-scheduling .sv-duration-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.sv-dialog .sv-scheduling .sv-price-section{padding-top:18px;border-top:1px solid var(--workspace-line)}.sv-dialog .sv-scheduling .sv-price-section legend{margin-bottom:0}.sv-scheduling .sv-unit-input{width:116px}}

@media(min-width:601px){.sv-dialog:not(.sv-dialog--delete) header{padding-block:20px 16px}.sv-dialog .sv-fields{gap:16px}.sv-dialog:not(.sv-dialog--delete) .sv-body{padding-bottom:18px}.sv-scheduling{padding-top:16px}.sv-dialog .sv-fields .sv-availability{padding-top:14px}}
.sv-options--types{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.8fr)}
.sv-options--types .sv-choice input{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.sv-options--types .sv-choice span{min-width:0;overflow-wrap:normal;word-break:normal}
@media(max-width:360px){.sv-duration-presets button{font-size:12px;white-space:nowrap;padding-inline:2px}}

/* Match the agenda segmented control; native radios retain form/keyboard behavior. */
.sv-dialog .sv-options--types{padding:4px;gap:4px;border-radius:999px;background:var(--workspace-subtle)}
.sv-dialog .sv-fields .sv-options--types .sv-choice{min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--workspace-muted);padding:10px 12px}
.sv-dialog .sv-fields .sv-options--types .sv-choice:has(input:checked){background:var(--workspace-accent);color:var(--workspace-on-accent)}
.sv-dialog .sv-fields .sv-options--types .sv-choice:not(:has(input:checked)):hover{background:var(--workspace-accent-soft);color:var(--workspace-accent-text)}
.sv-dialog .sv-fields .sv-options--types .sv-choice:has(input:focus-visible){outline:2px solid var(--workspace-ink);outline-offset:1px}
@media(max-width:600px){.sv-dialog .sv-fields .sv-options--types .sv-choice{padding:10px 6px;font-size:13px}}