/* Appointment settings V2: every rule belongs to this page or its staff dialog. */
html[data-crm-ui="v2"] .crm-v2-commerce-settings {
    max-width:1440px; margin:0 auto; padding:24px; color:var(--text-primary,#0b1f2a);
    font-size:14px; line-height:1.45; font-variant-numeric:tabular-nums;
}
html[data-crm-ui="v2"] .crm-v2-commerce-settings [hidden] { display:none !important; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-settings-header { align-items:center; margin-bottom:18px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-settings-title { font-size:22px; font-weight:650; letter-spacing:-.01em; margin:4px 0 0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-breadcrumb { display:flex; flex-wrap:wrap; gap:7px; font-size:12px; color:var(--text-muted,#5b6d76); }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-breadcrumb a { color:var(--primary,#00707f); text-decoration:none; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-tabs { display:flex; gap:2px; overflow-x:auto; border-bottom:1px solid var(--border-color,#e1e6e9); margin-bottom:20px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-tabs button { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; min-height:44px; padding:0 14px; border:0; border-radius:0; background:transparent; color:var(--text-muted,#5b6d76); font:inherit; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-tabs button[aria-selected="true"] { box-shadow:inset 0 -2px var(--primary,#00707f); color:var(--text-primary,#0b1f2a); }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-count { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border-radius:999px; background:var(--bg-secondary,#eef1f3); color:var(--text-secondary,#45575f); font-size:11px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-main { min-width:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-settings-card { padding:0; border:1px solid var(--border-color,#e1e6e9); border-radius:12px; box-shadow:none; background:var(--bg-card,#fff); overflow:hidden; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-settings-card-title { margin:0; padding:14px 18px; border-bottom:1px solid var(--border-color,#e1e6e9); gap:10px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-settings-card-title h2 { margin:0; font-size:15px; font-weight:650; line-height:1.4; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-card-note { margin:0; padding:12px 18px; color:var(--text-muted,#5b6d76); font-size:12px; line-height:1.5; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .spinner { margin:24px auto; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-list { gap:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-row { grid-template-columns:156px minmax(0,1fr); padding:12px 18px; gap:12px; border:0; border-bottom:1px solid var(--border-color,#e1e6e9); border-radius:0; background:transparent; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-day { font-size:13px; font-weight:600; white-space:nowrap; overflow-wrap:normal; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-editor { gap:8px; min-width:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-window,
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-break-times { grid-template-columns:90px minmax(0,1fr); gap:8px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-field-label { font-size:12px; font-weight:500; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-time-pair { flex-wrap:nowrap; min-width:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-time-pair .appt-time24 { width:112px; flex-shrink:1; border-radius:9px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-break-check { max-width:100%; min-height:30px; font-size:12px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-closed { grid-column:2; align-self:center; font-style:normal; font-size:12px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings #appt-config-container { display:flex; flex-direction:column; gap:16px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .appt-setting-row { padding:14px 18px; gap:16px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .appt-setting-row > div { min-width:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .appt-setting-label { font-size:13px; font-weight:600; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .appt-setting-desc { font-size:12px; line-height:1.45; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .appt-setting-input { width:86px; flex-shrink:0; border-radius:9px; font-size:13px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-timezone-select { max-width:240px; font:inherit; font-size:13px; border-radius:9px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-cadence-summary { margin:12px 18px 16px; padding:10px 12px; border:0; background:color-mix(in srgb,var(--primary,#00707f) 9%,var(--bg-card,#fff)); border-radius:9px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-cadence-value { font-size:13px; font-weight:600; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-slot-preview { margin:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-slot-preview-grid { display:flex; flex-direction:column; gap:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-slot-preview-day { padding:12px 18px; border:0; border-top:1px solid var(--border-color,#e1e6e9); border-radius:0; background:transparent; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-slot-preview-heading { flex-wrap:wrap; font-size:12px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-slot-preview-window { font-size:11px; font-weight:400; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-slot-chip { padding:3px 6px; border-radius:5px; font-size:11px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-preview-note { margin:0; padding:12px 18px; border-top:1px solid var(--border-color,#e1e6e9); font-size:12px; line-height:1.5; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-layout { display:grid; grid-template-columns:minmax(260px,320px) minmax(0,1fr); gap:20px; align-items:start; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-roster,
html[data-crm-ui="v2"] .crm-v2-commerce-settings #biz-v2-staff-detail { min-width:0; display:flex; flex-direction:column; gap:16px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-roster-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-roster-heading h2 { font-size:15px; font-weight:650; margin:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .staff-settings-list { display:flex; flex-direction:column; gap:10px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-choice { display:flex; align-items:center; gap:10px; width:100%; min-height:76px; padding:12px; text-align:start; font:inherit; cursor:pointer; border:1px solid var(--border-color,#e1e6e9); border-radius:12px; background:var(--bg-card,#fff); color:var(--text-primary,#0b1f2a); }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-choice[aria-pressed="true"] { border-color:var(--primary,#00707f); box-shadow:inset 0 0 0 1px var(--primary,#00707f); background:color-mix(in srgb,var(--primary,#00707f) 4%,var(--bg-card,#fff)); }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-choice-name { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; overflow-wrap:anywhere; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-choice-name strong { font-size:13px; font-weight:600; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-choice-name small { color:var(--text-muted,#5b6d76); font-size:12px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-placeholder { padding:24px; color:var(--text-muted,#5b6d76); font-size:13px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-profile-role { margin:4px 0 0; color:var(--text-muted,#5b6d76); font-size:12px; font-weight:400; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-profile-summary { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:14px 18px; color:var(--text-secondary,#3e525c); font-size:12px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-detail-list { margin:0; padding:0; list-style:none; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-detail-list li { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 18px; border-bottom:1px solid var(--border-color,#e1e6e9); font-size:13px; overflow-wrap:anywhere; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-detail-list li:last-child { border:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-detail-list strong { font-weight:500; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-detail-list span { color:var(--text-muted,#5b6d76); font-size:12px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-hours-summary { margin:0; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-hours-summary > div { display:flex; justify-content:space-between; gap:12px; padding:10px 18px; border-top:1px solid var(--border-color,#e1e6e9); font-size:13px; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-hours-summary dt { font-weight:500; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-hours-summary dd { margin:0; color:var(--text-muted,#5b6d76); text-align:end; }
html[data-crm-ui="v2"] .crm-v2-commerce-settings :focus-visible,
html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal :focus-visible { outline:2px solid var(--primary,#00707f); outline-offset:2px; }
html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal .staff-settings-modal { border-radius:14px; background:var(--bg-card,#fff); border:1px solid var(--border-color,#e1e6e9); }
html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal .modal-header { border-bottom:1px solid var(--border-color,#e1e6e9); }
html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal .modal-header h3 { font-size:18px; font-weight:650; }
html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal .staff-settings-section h4 { font-size:15px; font-weight:650; }
html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal .form-control { border-radius:9px; }
html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal .staff-service-row { background:var(--bg-secondary,#f8fafa); }
@media(max-width:1200px) {
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-layout { grid-template-columns:1fr; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-slot-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-layout { grid-template-columns:minmax(230px,280px) minmax(0,1fr); }
}
@media(max-width:768px) {
    html[data-crm-ui="v2"] .crm-v2-commerce-settings { padding:16px; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-settings-actions,
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-settings-actions .btn { width:auto; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-layout,
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-staff-layout { grid-template-columns:1fr; gap:16px; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-row { grid-template-columns:1fr; padding:12px 14px; gap:8px; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-day-control { min-height:44px; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-window,
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-break-times { grid-template-columns:1fr; gap:5px; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-time-pair .appt-time24 { width:calc(50% - 12px); }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-hours-closed { grid-column:1; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-slot-preview-grid { display:flex; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .appt-setting-row { padding:14px; align-items:center; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-timezone-select { max-width:100%; width:100%; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-rule-card:last-child .appt-setting-row { flex-wrap:wrap; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-detail-list li { align-items:flex-start; flex-wrap:wrap; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-v2-hours-summary > div { font-size:12px; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .btn,
    html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal .btn,
    html[data-crm-ui="v2"] .crm-v2-commerce-staff-modal .form-control { min-height:44px; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-break-check { min-height:44px; }
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .appt-setting-input,
    html[data-crm-ui="v2"] .crm-v2-commerce-settings .biz-timezone-select { font-size:16px; }
}