.settings-page{max-width:1160px;margin:0 auto;color:var(--sm-text)}
.settings-page-head{margin-bottom:24px}.settings-page-head>span,.settings-section>header>span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-primary)}
.settings-page-head h2{margin:5px 0;font-size:clamp(26px,4vw,38px);letter-spacing:-.045em}.settings-page-head p{margin:0;max-width:720px;color:var(--sm-muted);line-height:1.6}
.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.settings-nav{position:sticky;top:94px;display:grid;gap:5px;padding:8px;border:1px solid var(--sm-border);border-radius:18px;background:var(--sm-card)}
.settings-nav button{padding:11px 12px;border:0;border-radius:11px;background:transparent;color:var(--sm-muted);font:inherit;font-size:12px;font-weight:750;text-align:left;cursor:pointer}
.settings-nav button:hover{background:var(--sm-card2);color:var(--sm-text)}.settings-nav button.is-active{background:var(--sm-primary);color:#fff}.settings-nav button.danger{color:var(--sm-danger)}.settings-nav button.danger.is-active{background:var(--sm-danger);color:#fff}
.settings-section{display:none;padding:clamp(20px,3vw,30px);border:1px solid var(--sm-border);border-radius:22px;background:var(--sm-card);box-shadow:var(--sm-shadow-sm)}
.settings-section.is-active{display:block}.settings-section>header{padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--sm-border)}
.settings-section>header h3{margin:5px 0 6px;font-size:25px;letter-spacing:-.035em}.settings-section>header p{margin:0;color:var(--sm-muted);font-size:13px;line-height:1.55}
.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-field{display:flex;flex-direction:column;gap:7px}.settings-field.wide{grid-column:1/-1}.settings-field>span{font-size:12px;font-weight:800}.settings-field input,.settings-field select{height:44px;width:100%;padding:0 12px;border:1px solid var(--sm-border);border-radius:11px;background:var(--sm-control);color:var(--sm-text);font:inherit}.settings-field small{color:var(--sm-muted);font-size:11px}.settings-field input:focus,.settings-field select:focus{outline:2px solid color-mix(in srgb,var(--sm-primary) 30%,transparent);border-color:var(--sm-primary)}
.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;margin-top:22px;padding-top:18px;border-top:1px solid var(--sm-border)}.settings-actions>span{margin-right:auto;color:var(--sm-muted);font-size:12px}.settings-actions.left{justify-content:flex-start}.settings-actions.left>span{margin:0}
.settings-action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.settings-action-cards button{display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid var(--sm-border);border-radius:15px;background:var(--sm-card2);color:var(--sm-text);font:inherit;text-align:left;cursor:pointer}.settings-action-cards button:hover{border-color:var(--sm-primary)}.settings-action-cards span{color:var(--sm-muted);font-size:12px;line-height:1.5}
.settings-note{margin:18px 0 0;padding:14px;border:1px solid var(--sm-border);border-radius:13px;background:var(--sm-card2);color:var(--sm-muted);font-size:12px;line-height:1.55}
.settings-switches{display:grid;gap:10px;margin-top:18px}.settings-switches label,.settings-consent{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--sm-border);border-radius:14px;background:var(--sm-card2)}.settings-switches input,.settings-consent input{margin-top:3px}.settings-switches span{display:flex;flex-direction:column;gap:4px}.settings-switches small{color:var(--sm-muted);font-size:12px}
.settings-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-theme-options button{display:grid;grid-template-columns:48px 1fr;grid-template-areas:"preview title" "preview copy";gap:3px 12px;align-items:center;padding:14px;border:1px solid var(--sm-border);border-radius:15px;background:var(--sm-card2);color:var(--sm-text);font:inherit;text-align:left;cursor:pointer}.settings-theme-options button.is-active{border-color:var(--sm-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--sm-primary) 18%,transparent)}.theme-preview{grid-area:preview;width:48px;height:38px;border-radius:10px;border:1px solid var(--sm-border)}.theme-preview.light{background:linear-gradient(145deg,#fff,#e5eaf2)}.theme-preview.dark{background:linear-gradient(145deg,#172033,#07111f)}.theme-preview.system{background:linear-gradient(90deg,#f8fafc 50%,#0f172a 50%)}.settings-theme-options strong{grid-area:title}.settings-theme-options small{grid-area:copy;color:var(--sm-muted)}
.settings-account-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-account-facts div,.settings-plan-card,.settings-data-row{padding:17px;border:1px solid var(--sm-border);border-radius:15px;background:var(--sm-card2)}.settings-account-facts dt{color:var(--sm-muted);font-size:11px}.settings-account-facts dd{margin:7px 0 0;font-weight:800;overflow-wrap:anywhere}
.settings-plan-card,.settings-data-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-plan-card>div,.settings-data-row>div{display:flex;flex-direction:column;gap:5px}.settings-plan-card span,.settings-data-row span{color:var(--sm-muted);font-size:12px;line-height:1.5}.settings-plan-card strong{font-size:20px}
.settings-danger,.settings-delete-flow,.settings-deletion-pending{padding:19px;border:1px solid var(--sm-danger-bd);border-radius:16px;background:var(--sm-danger-bg)}.settings-danger>strong,.settings-deletion-pending>strong{color:var(--sm-danger);font-size:16px}.settings-danger p,.settings-deletion-pending p{color:var(--sm-muted);font-size:13px;line-height:1.6}.settings-delete-flow ol{margin:0 0 18px;padding-left:20px;color:var(--sm-muted);font-size:13px;line-height:1.8}.settings-delete-flow .settings-field{margin-top:12px}.settings-consent{margin-top:14px;background:var(--sm-card)}.settings-delete-status{color:var(--sm-danger);font-size:12px;line-height:1.5}.settings-delete-status a{color:inherit;font-weight:900}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{white-space:nowrap}.settings-action-cards,.settings-theme-options{grid-template-columns:1fr}}
@media(max-width:600px){.settings-form-grid,.settings-account-facts{grid-template-columns:1fr}.settings-field.wide{grid-column:auto}.settings-plan-card,.settings-data-row{align-items:stretch;flex-direction:column}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions>span{margin:0}.settings-actions .sm-btn{width:100%}}


.settings-subsection{margin-top:18px;padding:18px;border:1px solid var(--sm-border);border-radius:18px;background:color-mix(in srgb,var(--sm-surface) 94%,var(--sm-primary) 6%)}
.settings-subsection-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.settings-subsection-head div{display:grid;gap:4px}.settings-subsection-head div>span{color:var(--sm-text-muted);font-size:12px}.settings-off-by-default{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--sm-surface);border:1px solid var(--sm-border);color:var(--sm-text-muted)}
.settings-recipient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.settings-recipient-grid label{display:flex;gap:10px;padding:12px;border:1px solid var(--sm-border);border-radius:14px;background:var(--sm-surface)}.settings-recipient-grid span{display:grid;gap:3px}.settings-recipient-grid small{color:var(--sm-text-muted)}
.settings-action-group{display:flex;flex-wrap:wrap;gap:8px}.settings-confirm-name{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--sm-danger) 8%,var(--sm-surface));border:1px solid color-mix(in srgb,var(--sm-danger) 22%,var(--sm-border));color:var(--sm-text)}
@media(max-width:680px){.settings-recipient-grid{grid-template-columns:1fr}.settings-subsection-head{display:grid}.settings-action-group{width:100%}.settings-action-group .sm-btn{flex:1}}

/* =====================================================================
   PUBLIC BOOKING PAGE CONFIGURATION (v116)
===================================================================== */
.settings-slug-row{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.settings-slug-prefix{
  font-size:12.5px;padding:10px 8px 10px 12px;border-radius:10px 0 0 10px;
  background:var(--color-surface-raised,rgba(16,24,40,.05));
  border:1px solid var(--color-border,rgba(16,24,40,.2));border-right:0;
  color:var(--color-text-muted,#4a5568);white-space:nowrap;min-height:44px;
  display:flex;align-items:center;
}
.settings-slug-row input{flex:1 1 140px;min-width:0;border-radius:0 10px 10px 0!important;min-height:44px}
.settings-hint{display:block;margin-top:6px;font-size:12px;color:var(--color-text-muted,#4a5568)}

.settings-week{display:grid;gap:8px;margin:12px 0 4px}
.settings-week-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.settings-week-day{flex:0 0 88px;font-size:13px;font-weight:650}
.settings-week-row input[type="time"]{
  min-height:44px;padding:6px 10px;border-radius:10px;font:inherit;
  background:var(--color-canvas,#fff);color:var(--color-text,#101828);
  border:1px solid var(--color-border,rgba(16,24,40,.22));
}
.settings-week-sep{font-size:12.5px;color:var(--color-text-muted,#4a5568)}

.settings-exceptions{display:grid;gap:8px;margin:12px 0}
.settings-exception-row{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;
  background:var(--color-surface-raised,rgba(16,24,40,.04));
  border:1px solid var(--color-border,rgba(16,24,40,.12));font-size:13px;
}
.settings-exception-row > span:first-child{font-weight:650}
.settings-exception-row > button{margin-left:auto}
.settings-exception-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.settings-exception-add input{
  min-height:44px;padding:8px 12px;border-radius:10px;font:inherit;
  background:var(--color-canvas,#fff);color:var(--color-text,#101828);
  border:1px solid var(--color-border,rgba(16,24,40,.22));
}
.settings-exception-add .sm-btn,.settings-pb-actions .sm-btn{min-height:44px}

.settings-pb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;align-items:center}
.settings-pb-actions [hidden]{display:none!important}
.settings-status{margin:10px 0 0;font-size:13px;line-height:1.5;min-height:1.2em}
.settings-status.is-error{color:var(--color-danger,#b42318);font-weight:600}
.settings-status.is-ok{color:var(--color-success,#12805c);font-weight:600}
.settings-status.is-warn{color:var(--color-text,#101828);font-weight:600}

html.dark .settings-slug-prefix,html[data-theme="dark"] .settings-slug-prefix{
  background:var(--color-surface-raised,rgba(255,255,255,.05));
  border-color:var(--color-border,rgba(255,255,255,.16));color:var(--color-text-muted,#a9b6cc)}
html.dark .settings-week-row input[type="time"],html[data-theme="dark"] .settings-week-row input[type="time"],
html.dark .settings-exception-add input,html[data-theme="dark"] .settings-exception-add input{
  background:var(--color-canvas,#0b1220);color:var(--color-text,#e8edf5);
  border-color:var(--color-border,rgba(255,255,255,.16))}
html.dark .settings-exception-row,html[data-theme="dark"] .settings-exception-row{
  background:var(--color-surface-raised,rgba(255,255,255,.04));
  border-color:var(--color-border,rgba(255,255,255,.1))}
html.dark .settings-hint,html[data-theme="dark"] .settings-hint,
html.dark .settings-week-sep,html[data-theme="dark"] .settings-week-sep{color:var(--color-text-muted,#a9b6cc)}
html.dark .settings-status.is-error,html[data-theme="dark"] .settings-status.is-error{color:var(--color-danger,#ff9a92)}
html.dark .settings-status.is-ok,html[data-theme="dark"] .settings-status.is-ok{color:var(--color-success,#4ade80)}

@media (max-width:520px){
  .settings-week-day{flex:0 0 100%}
  .settings-pb-actions .sm-btn{width:100%}
}
