/*
 * Mapeczka Bookings 2.16.0 — clean owner dashboard.
 * A visual layer only: existing markup, forms and AJAX contracts stay intact.
 */
.mb-app.mb-owner{
    --mb-clean-canvas:#f4f7f9;
    --mb-clean-surface:#fff;
    --mb-clean-soft:#f8fafb;
    --mb-clean-text:#172334;
    --mb-clean-muted:#738092;
    --mb-clean-line:#e7ebef;
    --mb-clean-shadow:0 14px 36px rgba(17,31,48,.115),0 3px 9px rgba(17,31,48,.065);
    --mb-clean-shadow-hover:0 20px 46px rgba(17,31,48,.16),0 5px 13px rgba(17,31,48,.075);
    color:var(--mb-clean-text);
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    font-size:14px;
    font-weight:400!important;
    line-height:1.5;
    letter-spacing:-.006em!important;
}
.mb-app.mb-owner::before{
    content:none!important;
}
.mb-app.mb-owner :where(h1,h2,h3,h4,h5,h6){
    color:var(--mb-clean-text);
    font-family:inherit!important;
    font-weight:550!important;
    letter-spacing:-.025em!important;
}

/* 2.16.3 — use the native MyListing canvas and keep the owner UI compact. */
.mb-app.mb-owner{
    background:transparent!important;
    font-weight:390!important;
}
.mb-app.mb-owner :where(h1,h2,h3,h4,h5,h6){font-weight:500!important}
.mb-app.mb-owner :where(strong,b){font-weight:520!important}
.mb-app.mb-owner :where(.mb-kicker,.mb-section-heading small,.mb-onboarding small){font-weight:520!important}
.mb-app.mb-owner .mb-onboarding>header h2{font-size:19px!important;font-weight:500!important;letter-spacing:-.025em!important}
.mb-app.mb-owner .mb-onboarding>header p{font-weight:390!important}

/* Schedule: a focused workspace instead of content stretched across the page. */
.mb-app.mb-owner .mb-schedule-panel{
    width:min(1080px,100%)!important;
    margin-inline:auto!important;
    padding:22px!important;
    box-sizing:border-box!important;
}
.mb-app.mb-owner .mb-schedule-panel>.mb-section-heading{margin-bottom:12px!important;padding-bottom:12px!important}
.mb-app.mb-owner .mb-schedule-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;
    gap:18px!important;
    align-items:start!important;
    padding-top:8px!important;
}
.mb-app.mb-owner .mb-schedule-create{
    position:static!important;
    width:100%!important;
    max-width:360px!important;
    margin:0!important;
    padding:16px!important;
}
.mb-app.mb-owner .mb-schedule-entry{min-height:40px!important;padding:7px 10px!important}
.mb-app.mb-owner .mb-schedule-list{gap:6px!important}
.mb-app.mb-owner .mb-schedule-exceptions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;
    column-gap:18px!important;
    row-gap:10px!important;
    width:100%!important;
    max-width:1080px!important;
    margin:18px auto 0!important;
    padding-top:17px!important;
    box-sizing:border-box!important;
}
.mb-app.mb-owner .mb-schedule-exceptions>header{margin-bottom:0!important}
.mb-app.mb-owner .mb-exception-list{max-height:360px!important;overflow:auto!important;padding:1px 5px 1px 1px!important}
.mb-app.mb-owner .mb-exception-list article{min-height:48px!important;padding:8px 10px!important}
.mb-app.mb-owner .mb-schedule-exception-form{
    width:100%!important;
    max-width:360px!important;
    padding:16px!important;
    border:1px solid rgba(225,230,236,.86)!important;
    border-radius:15px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
    box-sizing:border-box!important;
}
.mb-app.mb-owner .mb-schedule-exception-form .mb-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.mb-app.mb-owner .mb-schedule-exception-form .mb-fields label:first-child,
.mb-app.mb-owner .mb-schedule-exception-form .mb-fields label:nth-child(4){grid-column:1/-1!important}

/* Small neutral help controls, matching the customer-facing application UI. */
.mb-app.mb-owner .mb-form label.mb-has-field-info:not(.mb-check)>.mb-field-info,
.mb-app.mb-owner .mb-has-field-info>.mb-field-info,
.mb-app.mb-owner .mb-field-info{
    display:inline-grid!important;
    position:static!important;
    place-items:center!important;
    flex:0 0 14px!important;
    width:14px!important;
    height:14px!important;
    min-height:14px!important;
    margin:0 0 0 4px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#1c232c!important;
    color:#fff!important;
    box-shadow:0 2px 5px rgba(16,24,32,.18)!important;
    font:500 8px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.mb-app.mb-owner .mb-field-info:hover,
.mb-app.mb-owner .mb-field-info:focus,
.mb-app.mb-owner .mb-form label:focus-within .mb-field-info{background:#000!important;color:#fff!important;outline:2px solid rgba(28,35,44,.15)!important;outline-offset:2px!important}

@media(max-width:960px){
    .mb-app.mb-owner .mb-schedule-layout,
    .mb-app.mb-owner .mb-schedule-exceptions{grid-template-columns:1fr!important}
    .mb-app.mb-owner .mb-schedule-create,
    .mb-app.mb-owner .mb-schedule-exception-form{max-width:620px!important;margin-inline:auto!important}
    .mb-app.mb-owner .mb-exception-list{max-height:none!important}
}
@media(max-width:560px){
    .mb-app.mb-owner .mb-schedule-panel{padding:15px!important}
    .mb-app.mb-owner .mb-schedule-exception-form .mb-fields{grid-template-columns:1fr!important}
    .mb-app.mb-owner .mb-schedule-exception-form .mb-fields label{grid-column:1!important}
}
.mb-app.mb-owner :where(p,small,label,span){letter-spacing:-.004em}
.mb-app.mb-owner :where(strong,b){font-weight:570!important}
.mb-app.mb-owner :where(button,.button,input,select,textarea){font-family:inherit!important}

/* Header: clear hierarchy without another framed container. */
.mb-app.mb-owner>.mb-hero{
    margin:0 0 22px!important;
    padding:4px 2px 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.mb-app.mb-owner>.mb-hero .mb-kicker{color:#8290a1!important;font-size:10px!important;font-weight:550!important;letter-spacing:.12em!important}
.mb-app.mb-owner>.mb-hero h1{margin:5px 0 4px!important;font-size:clamp(28px,3vw,42px)!important;font-weight:560!important;line-height:1.08!important}
.mb-app.mb-owner>.mb-hero p{margin:0!important;color:var(--mb-clean-muted)!important;font-size:13px!important;font-weight:400!important}

/* Compact useful top cards. */
.mb-app.mb-owner>.mb-calendar-stats{
    gap:14px!important;
    margin:0 0 18px!important;
}
.mb-app.mb-owner>.mb-calendar-stats>div,
.mb-app.mb-owner>.mb-calendar-stats>a{
    min-height:90px!important;
    padding:17px 18px!important;
    border:1px solid rgba(225,230,236,.82)!important;
    border-radius:16px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
}
.mb-app.mb-owner>.mb-calendar-stats>div:hover,
.mb-app.mb-owner>.mb-calendar-stats>a:hover{transform:translateY(-2px);box-shadow:var(--mb-clean-shadow-hover)!important}
.mb-app.mb-owner>.mb-calendar-stats i{border:0!important;background:#eef8f6!important;color:#0a9480!important;box-shadow:none!important}
.mb-app.mb-owner>.mb-calendar-stats strong{font-size:22px!important;font-weight:560!important}
.mb-app.mb-owner>.mb-calendar-stats span{color:var(--mb-clean-muted)!important;font-size:11px!important}

/* The location selector remains one purposeful card. */
.mb-app.mb-owner>.mb-place-switch{
    margin:0 0 18px!important;
    padding:12px!important;
    border:1px solid rgba(225,230,236,.84)!important;
    border-radius:16px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
}
.mb-app.mb-owner .mb-place-switch__image{border:0!important;border-radius:11px!important;box-shadow:none!important}
.mb-app.mb-owner .mb-place-switch__body label{color:var(--mb-clean-muted)!important;font-size:9px!important;font-weight:550!important;letter-spacing:.09em!important}
.mb-app.mb-owner .mb-place-switch select{border:0!important;background:transparent!important;color:var(--mb-clean-text)!important;font-size:14px!important;font-weight:540!important;box-shadow:none!important}

/* Sidebar and navigation: flat app rail, not a stack of outlined buttons. */
.mb-app.mb-owner .mb-owner-sidebar{
    padding:10px!important;
    border:0!important;
    border-radius:17px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
}
.mb-app.mb-owner .mb-owner-sidebar :where(a,button){border:0!important;box-shadow:none!important}
.mb-app.mb-owner .mb-owner-sidebar a{border-radius:10px!important;color:#647286!important;font-weight:440!important}
.mb-app.mb-owner .mb-owner-sidebar a:hover{background:#f4f7f8!important;color:#1c3546!important}
.mb-app.mb-owner .mb-owner-sidebar a.is-active{background:#e9f7f4!important;color:#087e70!important;font-weight:570!important}
.mb-app.mb-owner .mb-owner-sidebar__group>span{color:#9aa5b3!important;font-size:9px!important;font-weight:560!important;letter-spacing:.11em!important}

/* Main sections: only the outer content surface is a card. */
.mb-app.mb-owner .mb-tab-panel>.mb-panel,
.mb-app.mb-owner .mb-tab-panel>.mb-today,
.mb-app.mb-owner .mb-tab-panel>.mb-finance-panel>.mb-panel,
.mb-app.mb-owner .mb-offers-shell{
    padding:clamp(20px,2.2vw,32px)!important;
    border:1px solid rgba(225,230,236,.82)!important;
    border-radius:18px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
}
.mb-app.mb-owner .mb-section-heading{margin:0 0 25px!important;padding:0 0 20px!important;border:0!important;border-bottom:1px solid var(--mb-clean-line)!important;background:transparent!important}
.mb-app.mb-owner .mb-section-heading small{color:#8390a0!important;font-size:9px!important;font-weight:560!important;letter-spacing:.12em!important}
.mb-app.mb-owner .mb-section-heading h2{margin:4px 0 3px!important;font-size:clamp(22px,2vw,29px)!important;font-weight:550!important}
.mb-app.mb-owner .mb-section-heading .mb-help{max-width:760px!important;margin:0!important;color:var(--mb-clean-muted)!important;font-size:12px!important;line-height:1.55!important}
.mb-app.mb-owner .mb-section-count{border:0!important;background:#edf7f5!important;color:#087d70!important;box-shadow:none!important}

/* Remove nested boxes. Spacing and separators now describe structure. */
.mb-app.mb-owner :where(.mb-settings-rules,.mb-service-create-body>.mb-form,.mb-service-editor>.mb-form,.mb-intake-builder,.mb-addons-editor,.mb-model-reconcile,.mb-schedule-exceptions,.mb-marketing-archive,.mb-owner-removal-list,.mb-service-config,.mb-readiness,.mb-inline-config-check){
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
}
.mb-app.mb-owner :where(.mb-intake-builder,.mb-addons-editor,.mb-schedule-exceptions,.mb-model-reconcile){
    margin-top:20px!important;
    padding:20px 0 0!important;
    border-top:1px solid var(--mb-clean-line)!important;
    border-radius:0!important;
}
.mb-app.mb-owner :where(.mb-fields,.mb-service-fields) label{color:#667487!important;font-size:11px!important;font-weight:500!important}
.mb-app.mb-owner :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
    border:1px solid #dfe5ea!important;
    border-radius:10px!important;
    background:#fbfcfd!important;
    color:var(--mb-clean-text)!important;
    box-shadow:0 1px 2px rgba(18,32,48,.025)!important;
    font-size:13px!important;
    font-weight:400!important;
    transition:border-color .16s,box-shadow .16s,background .16s!important;
}
.mb-app.mb-owner :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{
    border-color:#74bdb2!important;
    background:#fff!important;
    outline:0!important;
    box-shadow:0 0 0 3px rgba(16,145,126,.1)!important;
}

/* Service page: useful cards, flat editors. */
.mb-app.mb-owner .mb-service-stats{gap:14px!important;margin-bottom:22px!important}
.mb-app.mb-owner .mb-service-stats>div{
    padding:17px 18px!important;
    border:0!important;
    border-radius:14px!important;
    background:#f7f9fa!important;
    box-shadow:none!important;
}
.mb-app.mb-owner .mb-service-card{
    border:1px solid rgba(226,231,236,.9)!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:var(--mb-clean-shadow)!important;
    transition:transform .18s,box-shadow .18s!important;
}
.mb-app.mb-owner .mb-service-card:hover{transform:translateY(-2px);box-shadow:var(--mb-clean-shadow-hover)!important}
.mb-app.mb-owner .mb-service-facts{border-color:#edf0f3!important;background:#fafbfc!important}
.mb-app.mb-owner .mb-service-facts span{border-color:#edf0f3!important}
.mb-app.mb-owner .mb-service-tags span{border:0!important;background:#f2f5f7!important}
.mb-app.mb-owner .mb-service-editor{border-color:#edf0f3!important}
.mb-app.mb-owner .mb-service-editor>summary{font-weight:520!important}
.mb-app.mb-owner .mb-service-editor>.mb-form{padding:18px!important;border-top-color:#edf0f3!important}
.mb-app.mb-owner .mb-intake-builder__row,
.mb-app.mb-owner .mb-addon-row{
    border:0!important;
    border-radius:12px!important;
    background:#f7f9fa!important;
    box-shadow:none!important;
}
.mb-app.mb-owner .mb-service-create{border-width:1px!important;border-color:#cfe6e1!important;background:#f5fbf9!important;box-shadow:none!important}

/* Directory/list views: rows and groups instead of a frame around every detail. */
.mb-app.mb-owner :where(.mb-mini-card,.mb-booking,.mb-schedule-entry,.mb-exception-list article,.mb-waitlist-list article,.mb-refund-list article){
    border:0!important;
    border-bottom:1px solid var(--mb-clean-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.mb-app.mb-owner :where(.mb-mini-card,.mb-booking,.mb-schedule-entry,.mb-exception-list article):last-child{border-bottom:0!important}
.mb-app.mb-owner :where(.mb-team-create,.mb-resource-create,.mb-schedule-create,.mb-promotion-create,.mb-schedule-exception-form,.mb-finance-grid>section){
    padding:20px!important;
    border:0!important;
    border-radius:15px!important;
    background:#f7f9fa!important;
    box-shadow:none!important;
}
.mb-app.mb-owner :where(.mb-team-layout,.mb-resource-layout,.mb-schedule-layout,.mb-marketing-layout){gap:24px!important}

/* Tables and analytics remain dense, but visually quiet. */
.mb-app.mb-owner :where(.mb-finance-table,.mb-data-table,.mb-table){border-color:var(--mb-clean-line)!important;border-radius:13px!important;box-shadow:none!important}
.mb-app.mb-owner :where(.mb-finance-table,.mb-data-table,.mb-table) :where(.is-head,thead){background:#f7f9fa!important;color:var(--mb-clean-muted)!important}
.mb-app.mb-owner .mb-finance-summary{gap:14px!important}
.mb-app.mb-owner .mb-finance-summary article,
.mb-app.mb-owner .mb-analytics-grid article,
.mb-app.mb-owner .mb-today-summary article{
    padding:18px!important;
    border:0!important;
    border-radius:14px!important;
    background:#f7f9fa!important;
    box-shadow:none!important;
}

/* Buttons share one restrained application language. */
.mb-app.mb-owner :where(button,.button,.mb-primary,.mb-danger){font-weight:520!important;letter-spacing:-.005em!important}
.mb-app.mb-owner .mb-primary{border-radius:10px!important;box-shadow:0 5px 14px rgba(9,126,112,.15)!important}
.mb-app.mb-owner .mb-danger{border-radius:9px!important;box-shadow:none!important}
.mb-app.mb-owner details>summary{font-weight:500!important}

/* Notifications should not become another permanent card. */
.mb-app.mb-owner>.mb-manager-alert-region{margin:0 0 14px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.mb-app.mb-owner .mb-manager-alert-toolbar{padding:0 2px!important;border:0!important;background:transparent!important}

/* Dark mode uses the same hierarchy, not bright outlines. */
html.mapeczka-dark-mode .mb-app.mb-owner,
body.mapeczka-dark-mode .mb-app.mb-owner,
.dark-mode .mb-app.mb-owner{
    --mb-clean-canvas:#0f141a;
    --mb-clean-surface:#181e26;
    --mb-clean-soft:#1d242d;
    --mb-clean-text:#f1f4f7;
    --mb-clean-muted:#9aa6b4;
    --mb-clean-line:#2a333e;
    --mb-clean-shadow:0 16px 38px rgba(0,0,0,.38),0 4px 10px rgba(0,0,0,.28);
    --mb-clean-shadow-hover:0 22px 50px rgba(0,0,0,.5),0 6px 14px rgba(0,0,0,.3);
}
html.mapeczka-dark-mode .mb-app.mb-owner :where(input:not([type=checkbox]):not([type=radio]),select,textarea),
body.mapeczka-dark-mode .mb-app.mb-owner :where(input:not([type=checkbox]):not([type=radio]),select,textarea),
.dark-mode .mb-app.mb-owner :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#333d49!important;background:#1d242d!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-service-card),
body.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-service-card),
.dark-mode .mb-app.mb-owner :where(.mb-service-card){border-color:#2a333e!important;background:#181e26!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-service-stats>div,.mb-team-create,.mb-resource-create,.mb-schedule-create,.mb-promotion-create,.mb-schedule-exception-form,.mb-finance-grid>section,.mb-intake-builder__row,.mb-addon-row,.mb-finance-summary article),
body.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-service-stats>div,.mb-team-create,.mb-resource-create,.mb-schedule-create,.mb-promotion-create,.mb-schedule-exception-form,.mb-finance-grid>section,.mb-intake-builder__row,.mb-addon-row,.mb-finance-summary article),
.dark-mode .mb-app.mb-owner :where(.mb-service-stats>div,.mb-team-create,.mb-resource-create,.mb-schedule-create,.mb-promotion-create,.mb-schedule-exception-form,.mb-finance-grid>section,.mb-intake-builder__row,.mb-addon-row,.mb-finance-summary article){background:#1d242d!important}
html.mapeczka-dark-mode .mb-app.mb-owner .mb-owner-sidebar a:hover,
body.mapeczka-dark-mode .mb-app.mb-owner .mb-owner-sidebar a:hover,
.dark-mode .mb-app.mb-owner .mb-owner-sidebar a:hover{background:#202832!important;color:#fff!important}

@media(min-width:1100px){
    .mb-app.mb-owner{padding-inline:28px!important}
    .mb-app.mb-owner .mb-owner-layout{gap:24px!important}
}
@media(max-width:900px){
    .mb-app.mb-owner>.mb-calendar-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .mb-app.mb-owner .mb-tab-panel>.mb-panel,
    .mb-app.mb-owner .mb-tab-panel>.mb-today,
    .mb-app.mb-owner .mb-offers-shell{padding:18px!important;border-radius:15px!important}
}
@media(max-width:600px){
    .mb-app.mb-owner{font-size:13px}
    .mb-app.mb-owner>.mb-calendar-stats{gap:9px!important}
    .mb-app.mb-owner>.mb-calendar-stats>div,
    .mb-app.mb-owner>.mb-calendar-stats>a{min-height:76px!important;padding:13px!important;border-radius:13px!important}
    .mb-app.mb-owner .mb-service-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
    .mb-app.mb-owner .mb-service-stats>div{padding:13px!important}
    .mb-app.mb-owner .mb-section-heading{align-items:flex-start!important;gap:12px!important}
    .mb-app.mb-owner :where(.mb-team-create,.mb-resource-create,.mb-schedule-create,.mb-promotion-create,.mb-schedule-exception-form){padding:15px!important}
}

/* Final 2.16.3 cascade: overrides every compatibility rule above. */
.mb-app.mb-owner{background:transparent!important;font-weight:390!important}
.mb-app.mb-owner :where(h1,h2,h3,h4,h5,h6){font-weight:500!important}
.mb-app.mb-owner :where(strong,b){font-weight:520!important}
.mb-app.mb-owner :where(.mb-kicker,.mb-section-heading small,.mb-onboarding small){font-weight:520!important}
.mb-app.mb-owner .mb-section-heading h2,
.mb-app.mb-owner .mb-onboarding>header h2{font-weight:500!important}
.mb-app.mb-owner .mb-schedule-panel{width:min(1080px,100%)!important;margin-inline:auto!important;padding:22px!important;box-sizing:border-box!important}
.mb-app.mb-owner .mb-schedule-panel>.mb-section-heading{margin-bottom:12px!important;padding-bottom:12px!important}
.mb-app.mb-owner .mb-schedule-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;gap:18px!important;align-items:start!important;padding-top:8px!important}
.mb-app.mb-owner .mb-schedule-create{position:static!important;width:100%!important;max-width:360px!important;margin:0!important;padding:16px!important}
.mb-app.mb-owner .mb-schedule-entry{min-height:40px!important;padding:7px 10px!important}
.mb-app.mb-owner .mb-schedule-list{gap:6px!important}
.mb-app.mb-owner .mb-schedule-exceptions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;column-gap:18px!important;row-gap:10px!important;width:100%!important;max-width:1080px!important;margin:18px auto 0!important;padding-top:17px!important;box-sizing:border-box!important}
.mb-app.mb-owner .mb-schedule-exceptions>header{margin-bottom:0!important}
.mb-app.mb-owner .mb-exception-list{max-height:360px!important;overflow:auto!important;padding:1px 5px 1px 1px!important}
.mb-app.mb-owner .mb-exception-list article{min-height:48px!important;padding:8px 10px!important}
.mb-app.mb-owner .mb-schedule-exception-form{width:100%!important;max-width:360px!important;padding:16px!important;border:1px solid rgba(225,230,236,.86)!important;border-radius:15px!important;background:var(--mb-clean-surface)!important;box-shadow:var(--mb-clean-shadow)!important;box-sizing:border-box!important}
.mb-app.mb-owner .mb-schedule-exception-form .mb-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.mb-app.mb-owner .mb-schedule-exception-form .mb-fields label:first-child,
.mb-app.mb-owner .mb-schedule-exception-form .mb-fields label:nth-child(4){grid-column:1/-1!important}
.mb-app.mb-owner .mb-form label.mb-has-field-info:not(.mb-check)>.mb-field-info,
.mb-app.mb-owner .mb-has-field-info>.mb-field-info,
.mb-app.mb-owner .mb-field-info{display:inline-grid!important;position:static!important;place-items:center!important;flex:0 0 14px!important;width:14px!important;height:14px!important;min-height:14px!important;margin:0 0 0 4px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#1c232c!important;color:#fff!important;box-shadow:0 2px 5px rgba(16,24,32,.18)!important;font:500 8px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.mb-app.mb-owner .mb-field-info:hover,
.mb-app.mb-owner .mb-field-info:focus,
.mb-app.mb-owner .mb-form label:focus-within .mb-field-info{background:#000!important;color:#fff!important;outline:2px solid rgba(28,35,44,.15)!important;outline-offset:2px!important}
@media(max-width:960px){
    .mb-app.mb-owner .mb-schedule-layout,
    .mb-app.mb-owner .mb-schedule-exceptions{grid-template-columns:1fr!important}
    .mb-app.mb-owner .mb-schedule-create,
    .mb-app.mb-owner .mb-schedule-exception-form{max-width:620px!important;margin-inline:auto!important}
    .mb-app.mb-owner .mb-exception-list{max-height:none!important}
}
@media(max-width:560px){
    .mb-app.mb-owner .mb-schedule-panel{padding:15px!important}
    .mb-app.mb-owner .mb-schedule-exception-form .mb-fields{grid-template-columns:1fr!important}
    .mb-app.mb-owner .mb-schedule-exception-form .mb-fields label{grid-column:1!important}
}

/* 2.16.1 — flat workspace: modules are cards, the page behind them is not. */
.mb-app.mb-owner .mb-tab-panel>.mb-panel,
.mb-app.mb-owner .mb-tab-panel>.mb-today,
.mb-app.mb-owner .mb-tab-panel>.mb-finance-panel>.mb-panel,
.mb-app.mb-owner .mb-offers-shell{
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.mb-app.mb-owner .mb-tab-panel{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.mb-app.mb-owner .mb-tab-panel[data-mb-panel="calendar"]{
    left:auto!important;
    width:100%!important;
    transform:none!important;
}
.mb-app.mb-owner .mb-tab-panel[data-mb-panel="calendar"]>.mb-panel{padding:0!important}

/* Headings float directly on the workspace. */
.mb-app.mb-owner .mb-section-heading,
.mb-app.mb-owner .mb-services-head{
    margin:0 0 18px!important;
    padding:2px 2px 14px!important;
    border:0!important;
    background:transparent!important;
}

/* Today fills the available column; only its useful child modules are cards. */
.mb-app.mb-owner .mb-today{display:grid!important;width:100%!important;max-width:none!important}
.mb-app.mb-owner .mb-today-head{padding:2px 2px 12px!important;border:0!important}
.mb-app.mb-owner .mb-today-metrics article,
.mb-app.mb-owner .mb-today-card,
.mb-app.mb-owner .mb-today-policy{
    border:1px solid rgba(225,230,236,.82)!important;
    border-radius:15px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
}
.mb-app.mb-owner .mb-today-policy{padding:16px!important}

/* Calendar: the controls and three functional columns stand on their own. */
.mb-app.mb-owner :where(.mb-calendar-mode,.mb-calendar-toolbar,.mb-calendar-sidebar,.mb-calendar-stage,.mb-calendar-day-panel,.mb-calendar-live-strip){
    border-color:rgba(225,230,236,.84)!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
}
.mb-app.mb-owner .mb-calendar-mode,
.mb-app.mb-owner .mb-calendar-toolbar{border-radius:13px!important}
.mb-app.mb-owner :where(.mb-calendar-sidebar,.mb-calendar-stage,.mb-calendar-day-panel){border-radius:16px!important}

/* Service editing: one service card, then clean sections separated by whitespace. */
.mb-app.mb-owner .mb-services-panel{padding:0!important;background:transparent!important}
.mb-app.mb-owner .mb-service-card.is-editing{
    padding:0!important;
    border:1px solid rgba(225,230,236,.9)!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
}
.mb-app.mb-owner .mb-service-card.is-editing>.mb-service-editor[open]{margin:0 18px 18px!important;border:0!important}
.mb-app.mb-owner .mb-service-card.is-editing>.mb-service-editor[open]>.mb-form{
    padding:18px 0 0!important;
    border:0!important;
    border-top:1px solid var(--mb-clean-line)!important;
    border-radius:0!important;
    background:transparent!important;
}
.mb-app.mb-owner .mb-service-card.is-editing :where(.mb-readiness,.mb-inline-config-check,.mb-intake-builder,.mb-addons-editor){
    border-right:0!important;
    border-left:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.mb-app.mb-owner .mb-service-card.is-editing .mb-intake-builder__row,
.mb-app.mb-owner .mb-service-card.is-editing .mb-addon-row{
    border:0!important;
    background:var(--mb-clean-soft)!important;
}
.mb-app.mb-owner .mb-service-create-body>.mb-form{border:0!important;background:transparent!important}

/* Side creation forms become centered, comfortable modules below their directories. */
.mb-app.mb-owner .mb-marketing-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:22px!important;
}
.mb-app.mb-owner .mb-promotion-create{
    position:static!important;
    width:min(720px,100%)!important;
    max-width:720px!important;
    margin:4px auto 0!important;
    padding:22px!important;
    border:1px solid rgba(225,230,236,.82)!important;
    border-radius:16px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
    box-sizing:border-box!important;
}
.mb-app.mb-owner .mb-promotion-create .mb-fields{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}
.mb-app.mb-owner .mb-promotion-create .mb-fields label:first-child,
.mb-app.mb-owner .mb-promotion-create .mb-fields label:nth-child(2){grid-column:auto!important}

/* Apply the centered creation pattern to other configuration tabs too. */
.mb-app.mb-owner :where(.mb-team-layout,.mb-resource-layout,.mb-schedule-layout){grid-template-columns:minmax(0,1fr)!important}
.mb-app.mb-owner :where(.mb-team-create,.mb-resource-create,.mb-schedule-create){
    width:min(760px,100%)!important;
    max-width:760px!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
}

html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-today-card,.mb-today-policy,.mb-promotion-create),
body.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-today-card,.mb-today-policy,.mb-promotion-create),
.dark-mode .mb-app.mb-owner :where(.mb-today-card,.mb-today-policy,.mb-promotion-create){border-color:#2a333e!important;background:var(--mb-clean-surface)!important}

@media(max-width:760px){
    .mb-app.mb-owner .mb-promotion-create{padding:16px!important}
    .mb-app.mb-owner .mb-promotion-create .mb-fields{grid-template-columns:1fr!important}
    .mb-app.mb-owner .mb-service-card.is-editing>.mb-service-editor[open]{margin:0 12px 12px!important}
}

/* 2.16.2 — component audit: every standalone editor owns one visible surface. */
.mb-app.mb-owner :where(.mb-team-directory,.mb-resource-directory){
    min-width:0!important;
    padding:20px!important;
    border:1px solid rgba(225,230,236,.86)!important;
    border-radius:16px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
    box-sizing:border-box!important;
}
.mb-app.mb-owner :where(.mb-team-create,.mb-resource-create,.mb-schedule-create){
    padding:22px!important;
    border:1px solid rgba(225,230,236,.86)!important;
    border-radius:16px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
}
.mb-app.mb-owner :where(.mb-team-create,.mb-resource-create)>.mb-form{width:100%!important}
.mb-app.mb-owner .mb-owner-removal-list{
    margin-top:18px!important;
    padding-top:17px!important;
    border-top:1px solid var(--mb-clean-line)!important;
}
.mb-app.mb-owner .mb-owner-removal-list>div{padding:9px 0!important;border-bottom:1px solid var(--mb-clean-line)!important}
.mb-app.mb-owner .mb-owner-removal-list>div:last-child{border-bottom:0!important}

/* The locked finance screen is itself the module and therefore needs a card. */
.mb-app.mb-owner .mb-finance-panel:has(.mb-finance-lock){
    display:flex!important;
    min-height:470px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:38px!important;
}
.mb-app.mb-owner .mb-finance-panel>.mb-finance-lock,
.mb-app.mb-owner .mb-tab-panel>.mb-finance-panel>.mb-finance-lock{
    width:min(560px,100%)!important;
    max-width:560px!important;
    margin:0 auto!important;
    padding:32px!important;
    border:1px solid rgba(225,230,236,.86)!important;
    border-radius:18px!important;
    background:var(--mb-clean-surface)!important;
    box-shadow:var(--mb-clean-shadow)!important;
    box-sizing:border-box!important;
}

/* Manual booking summary gets enough room and uses readable two-column facts. */
.mb-app.mb-owner .mb-manual-editor-layout{
    grid-template-columns:minmax(0,1fr) minmax(400px,440px)!important;
    gap:26px!important;
}
.mb-app.mb-owner .mb-manual-preview{width:100%!important;max-width:none!important;box-sizing:border-box!important}
.mb-app.mb-owner .mb-manual-preview dl{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
}
.mb-app.mb-owner .mb-manual-preview dl>div{min-width:0!important}
.mb-app.mb-owner .mb-manual-preview dt,
.mb-app.mb-owner .mb-manual-preview dd{word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto!important}
.mb-app.mb-owner .mb-manual-preview dd{line-height:1.35!important}

/* Full dark theme audit. Late legacy light rules must not leak through. */
html.mapeczka-dark-mode .mb-app.mb-owner,
html.mapeczka-dark-mode .mb-app.mb-owner .mb-tab-panel,
html.mapeczka-dark-mode .mb-app.mb-owner .mb-panel,
html.mapeczka-dark-mode .mb-app.mb-owner .mb-today,
html.mapeczka-dark-mode .mb-app.mb-owner .mb-services-panel,
html.mapeczka-dark-mode .mb-app.mb-owner .mb-finance-panel,
html.mapeczka-dark-mode .mb-app.mb-owner .mb-offers-shell{color:#edf2f7!important;background:transparent!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(h1,h2,h3,h4,h5,h6,strong,b,dt){color:#f3f6f9!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(p,small,label,span,dd){color:#a3afbd!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(
    .mb-owner-sidebar,
    .mb-place-switch,
    .mb-calendar-stats>div,
    .mb-calendar-stats>a,
    .mb-today-metrics article,
    .mb-today-card,
    .mb-today-policy,
    .mb-service-card,
    .mb-team-directory,
    .mb-resource-directory,
    .mb-team-create,
    .mb-resource-create,
    .mb-schedule-create,
    .mb-promotion-create,
    .mb-finance-lock,
    .mb-calendar-toolbar,
    .mb-calendar-sidebar,
    .mb-calendar-main,
    .mb-calendar-day-list,
    .mb-manual-preview,
    .mb-manual-booking.is-standalone .mb-fields,
    .mb-manual-booking.is-standalone fieldset,
    .mb-offers-list,
    .mb-offer-detail,
    .mb-mini-card
){
    border-color:#303a46!important;
    background:#181e26!important;
    color:#edf2f7!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
}
html.mapeczka-dark-mode .mb-app.mb-owner :where(
    .mb-service-stats>div,
    .mb-service-facts,
    .mb-service-tags span,
    .mb-intake-builder__row,
    .mb-addon-row,
    .mb-resource-fields-group,
    .mb-calendar-day-stats>div,
    .mb-day-booking,
    .mb-manual-preview dl>div,
    .mb-finance-summary article,
    .mb-finance-grid>section
){border-color:#303a46!important;background:#202731!important;color:#edf2f7!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
    border-color:#394451!important;
    background:#141a21!important;
    color:#f3f6f9!important;
    color-scheme:dark!important;
}
html.mapeczka-dark-mode .mb-app.mb-owner :where(input,textarea)::placeholder{color:#758292!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-section-heading,.mb-services-head,.mb-owner-removal-list,.mb-service-editor,.mb-manual-preview__rules){border-color:#2c3540!important}
html.mapeczka-dark-mode .mb-app.mb-owner .mb-owner-sidebar a{color:#aab5c2!important}
html.mapeczka-dark-mode .mb-app.mb-owner .mb-owner-sidebar a.is-active{background:#173832!important;color:#72d3c2!important}
html.mapeczka-dark-mode .mb-app.mb-owner .mb-primary{color:#fff!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-dashboard-notice,.mb-readiness,.mb-inline-config-check,.mb-manager-alert-region,.mb-onboarding-card,.mb-module-status){
    border-color:#304039!important;
    background:#15251f!important;
    color:#b9d9cf!important;
}

@media(max-width:1100px){
    .mb-app.mb-owner .mb-manual-editor-layout{grid-template-columns:1fr!important}
    .mb-app.mb-owner .mb-manual-preview{position:static!important}
}
@media(max-width:620px){
    .mb-app.mb-owner :where(.mb-team-directory,.mb-resource-directory,.mb-team-create,.mb-resource-create,.mb-finance-lock){padding:16px!important}
    .mb-app.mb-owner .mb-manual-preview dl{grid-template-columns:1fr!important}
}

/* 2.16.3 — neutral status surfaces: no green or black neon wash. */
.mb-app.mb-owner :where(.mb-readiness,.mb-publish-callout,.mb-dashboard-notice,.mb-onboarding,.mb-module-status,.mb-inline-config-check){border-color:#dfe5ea!important;background:var(--mb-clean-surface)!important;background-image:none!important;filter:none!important;box-shadow:var(--mb-clean-shadow)!important}
.mb-app.mb-owner :where(.mb-readiness.is-ready,.mb-publish-callout.is-live,.mb-dashboard-notice.is-success){border-color:#badfd5!important;background:#f4faf8!important;box-shadow:0 10px 26px rgba(18,33,50,.09)!important}
.mb-app.mb-owner :where(.mb-readiness.is-ready,.mb-publish-callout.is-live,.mb-dashboard-notice.is-success) :where(strong,span,i){color:#176f61!important}
.mb-app.mb-owner :where(.mb-readiness.is-error,.mb-dashboard-notice.is-error){border-color:#eccdcd!important;background:#fff8f8!important;box-shadow:0 10px 26px rgba(18,33,50,.09)!important}

/* Cover the remaining owner cards in dark mode; MyListing keeps control of the page canvas. */
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-onboarding,.mb-publish-callout,.mb-dashboard-notice,.mb-readiness,.mb-inline-config-check,.mb-module-status,.mb-settings-rules,.mb-config-preview,.mb-config-fields>.mb-fields,.mb-protection-grid>div,.mb-policy-summary,.mb-help-center,.mb-help-article,.mb-service-create,.mb-service-editor,.mb-schedule-exception-form,.mb-exception-list article,.mb-schedule-entry,.mb-trial-callout,.mb-form){border-color:#303740!important;background:#171b20!important;background-image:none!important;color:#e9edf2!important;box-shadow:0 16px 38px rgba(0,0,0,.38),0 4px 10px rgba(0,0,0,.24)!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-readiness.is-ready,.mb-publish-callout.is-live,.mb-dashboard-notice.is-success){border-color:#31574e!important;background:#17231f!important;box-shadow:0 14px 32px rgba(0,0,0,.34)!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-readiness.is-ready,.mb-publish-callout.is-live,.mb-dashboard-notice.is-success) :where(strong,span,i){color:#86c8b9!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-readiness.is-error,.mb-dashboard-notice.is-error){border-color:#5a383b!important;background:#25191b!important}
html.mapeczka-dark-mode .mb-app.mb-owner :where(.mb-config-preview dl div,.mb-onboarding-steps>button,.mb-policy-summary>span){border-color:#343c46!important;background:#20252c!important;color:#e9edf2!important}
html.mapeczka-dark-mode .mb-app.mb-owner .mb-field-info{background:#050607!important;color:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.45)!important}

/* 2.16.4 — canonical tooltip, typography and schedule geometry after legacy CSS. */
.mb-app.mb-owner :where(h1,h2,h3,h4,h5,h6){font-weight:500!important}
.mb-app.mb-owner :where(strong,b){font-weight:520!important}
.mb-app.mb-owner :where(label,.mb-fields label,.mb-service-fields label){font-weight:430!important}
.mb-app.mb-owner>.mb-hero h1{font-weight:510!important}
.mb-app.mb-owner>.mb-calendar-stats strong{font-weight:520!important}
.mb-app.mb-owner .mb-form label.mb-has-field-info:not(.mb-check){position:relative!important;overflow:visible!important}
.mb-app.mb-owner .mb-form label.mb-has-field-info:not(.mb-check)>.mb-field-info,
.mb-app.mb-owner .mb-has-field-info>.mb-field-info,
.mb-app.mb-owner .mb-field-info{
    position:relative!important;
    inset:auto!important;
    overflow:visible!important;
    isolation:isolate!important;
}
.mb-app.mb-owner .mb-field-info::after{
    position:absolute!important;
    z-index:1000!important;
    top:calc(100% + 8px)!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    display:none!important;
    width:max-content!important;
    max-width:min(260px,calc(100vw - 48px))!important;
    padding:9px 11px!important;
    border:1px solid #27313c!important;
    border-radius:8px!important;
    background:#151a20!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(0,0,0,.25)!important;
    content:attr(data-help)!important;
    transform:translateX(-50%)!important;
    white-space:normal!important;
    font:400 11px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:0!important;
    text-align:left!important;
    text-transform:none!important;
    pointer-events:none!important;
}
.mb-app.mb-owner .mb-field-info::before{
    position:absolute!important;
    z-index:1001!important;
    top:calc(100% + 4px)!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    display:none!important;
    width:8px!important;
    height:8px!important;
    background:#151a20!important;
    content:""!important;
    transform:translateX(-50%) rotate(45deg)!important;
}
.mb-app.mb-owner .mb-field-info:is(.is-open,:hover,:focus)::before,
.mb-app.mb-owner .mb-field-info:is(.is-open,:hover,:focus)::after{display:block!important}
.mb-app.mb-owner .mb-fields,
.mb-app.mb-owner .mb-schedule-exception-form,
.mb-app.mb-owner .mb-schedule-exception-form .mb-form{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.mb-app.mb-owner .mb-schedule-exception-form :where(label,input,select,textarea){min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
.mb-app.mb-owner .mb-schedule-exceptions{overflow:visible!important}
html.mapeczka-dark-mode .mb-app.mb-owner .mb-field-info::after,
body.mapeczka-dark-mode .mb-app.mb-owner .mb-field-info::after{border-color:#3c4652!important;background:#090b0e!important;color:#fff!important}
html.mapeczka-dark-mode .mb-app.mb-owner .mb-field-info::before,
body.mapeczka-dark-mode .mb-app.mb-owner .mb-field-info::before{background:#090b0e!important}

/* 2.16.5 — owner hints use the document-level tooltip layer, never label pseudos. */
.mb-app.mb-owner .mb-field-info::before,
.mb-app.mb-owner .mb-field-info::after{display:none!important;content:none!important}
.mb-tooltip-layer{
    max-width:min(300px,calc(100vw - 24px))!important;
    padding:9px 11px!important;
    border:1px solid #303943!important;
    border-radius:9px!important;
    background:#151a20!important;
    color:#fff!important;
    box-shadow:0 14px 32px rgba(0,0,0,.28)!important;
    font:400 11px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.mb-tooltip-layer::after{background:#151a20!important}