/* DKZ PWA foundation. Booking/customer data is intentionally not cached. */
html.dkz-pwa-standalone { min-height: 100%; }
html.dkz-pwa-standalone body { min-height: 100vh; min-height: 100dvh; }

.dkz-pwa-preview {
    box-sizing: border-box;
    width: min(100% - 32px, 680px);
    margin: 48px auto;
    padding: clamp(28px, 6vw, 52px);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 24px;
    text-align: center;
    background: #fff;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.07);
}

.dkz-pwa-preview__logo-wrap {
    display: inline-grid;
    place-items: center;
    width: 84px;
    height: 84px;
    margin-bottom: 20px;
    border-radius: 22px;
    overflow: hidden;
}

.dkz-pwa-preview__logo { display:block; width:100%; height:100%; object-fit:contain; }
.dkz-pwa-preview__logo-placeholder { background: rgba(0,0,0,.06); }

.dkz-pwa-preview__eyebrow { margin:0 0 8px; font-size:.82rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.62; }
.dkz-pwa-preview h1 { margin:0 0 14px; font-size:clamp(2rem,8vw,3.6rem); line-height:1.02; }
.dkz-pwa-preview__lead { margin:0 0 12px; font-size:clamp(1.08rem,4vw,1.35rem); font-weight:600; }
.dkz-pwa-preview p { line-height:1.6; }
.dkz-pwa-preview__status { display:inline-flex; align-items:center; gap:9px; margin:20px 0 10px; padding:9px 14px; border-radius:999px; background:rgba(0,0,0,.055); font-size:.92rem; font-weight:600; }
.dkz-pwa-preview__dot { width:9px; height:9px; border-radius:50%; background:currentColor; opacity:.7; }
.dkz-pwa-preview__note { margin:14px 0 0; font-size:.95rem; opacity:.72; }

.dkz-pwa-install { margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(0,0,0,.08); }
.dkz-pwa-install__button { appearance:none; border:0; border-radius:999px; padding:13px 20px; font:inherit; font-weight:700; cursor:pointer; background:#1d2327; color:#fff; }
.dkz-pwa-install__hint { margin:10px auto 0; max-width:520px; font-size:.92rem; opacity:.74; }
.dkz-pwa-install[hidden], .dkz-pwa-install__button[hidden] { display:none !important; }

html.dkz-pwa-standalone .dkz-pwa-preview { margin-top:max(24px,env(safe-area-inset-top)); margin-bottom:max(24px,env(safe-area-inset-bottom)); }

/* 45.73: apply the configured app background and remove the public site chrome only in installed/standalone mode. */
body.dkz-pwa-preview-page {
    background-color: var(--dkz-pwa-background-color, #F7F3EA);
}

html.dkz-pwa-standalone,
html.dkz-pwa-standalone body.dkz-pwa-context {
    background-color: var(--dkz-pwa-background-color, #F7F3EA) !important;
}

html.dkz-pwa-standalone body.dkz-pwa-context > header,
html.dkz-pwa-standalone body.dkz-pwa-context #masthead,
html.dkz-pwa-standalone body.dkz-pwa-context #site-header,
html.dkz-pwa-standalone body.dkz-pwa-context .site-header,
html.dkz-pwa-standalone body.dkz-pwa-context .main-header,
html.dkz-pwa-standalone body.dkz-pwa-context .header-wrapper,
html.dkz-pwa-standalone body.dkz-pwa-context .elementor-location-header,
html.dkz-pwa-standalone body.dkz-pwa-context .wp-site-blocks > header,
html.dkz-pwa-standalone body.dkz-pwa-context #page > header,
html.dkz-pwa-standalone body.dkz-pwa-context .site > header,
html.dkz-pwa-standalone body.dkz-pwa-context .dkz-pwa-site-chrome-hidden {
    display: none !important;
}

html.dkz-pwa-standalone body.dkz-pwa-preview-page .dkz-pwa-preview {
    margin-top: max(16px, env(safe-area-inset-top));
}

/* 45.74: logged-in admins/staff should see the same clean installed-app chrome. */
html.dkz-pwa-standalone #wpadminbar,
html.dkz-pwa-standalone .dkz-pwa-site-chrome-hidden {
    display: none !important;
}

html.dkz-pwa-standalone.wp-toolbar,
html.dkz-pwa-standalone body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media screen and (max-width: 782px) {
    html.dkz-pwa-standalone { margin-top: 0 !important; }
    html.dkz-pwa-standalone body.admin-bar { margin-top: 0 !important; }
}

/* 45.75: turn the installed preview into a real app shell. Public website footer/theme chrome stays untouched in normal browser mode. */
html.dkz-pwa-standalone body.dkz-pwa-preview-page > footer,
html.dkz-pwa-standalone body.dkz-pwa-preview-page #colophon,
html.dkz-pwa-standalone body.dkz-pwa-preview-page #site-footer,
html.dkz-pwa-standalone body.dkz-pwa-preview-page .site-footer,
html.dkz-pwa-standalone body.dkz-pwa-preview-page .main-footer,
html.dkz-pwa-standalone body.dkz-pwa-preview-page .footer-wrapper,
html.dkz-pwa-standalone body.dkz-pwa-preview-page .elementor-location-footer,
html.dkz-pwa-standalone body.dkz-pwa-preview-page .wp-site-blocks > footer,
html.dkz-pwa-standalone body.dkz-pwa-preview-page #page > footer,
html.dkz-pwa-standalone body.dkz-pwa-preview-page .site > footer,
html.dkz-pwa-standalone body.dkz-pwa-preview-page .dkz-pwa-footer-chrome-hidden {
    display: none !important;
}

html.dkz-pwa-standalone body.dkz-pwa-preview-page {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    background: var(--dkz-pwa-background-color, #F7F3EA) !important;
}

html.dkz-pwa-standalone body.dkz-pwa-preview-page .dkz-pwa-preview {
    width: min(calc(100% - 24px), 680px);
    margin: max(12px, env(safe-area-inset-top)) auto max(12px, env(safe-area-inset-bottom));
}


/* 45.76: remove the last few pixels of elastic/viewport scrolling on the installed preview shell only.
   This is intentionally scoped to the preview page so future real app screens can scroll normally. */
html.dkz-pwa-preview-shell {
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    overscroll-behavior: none;
}

html.dkz-pwa-preview-shell body.dkz-pwa-preview-page {
    box-sizing: border-box;
    width: 100%;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none;
}

html.dkz-pwa-preview-shell body.dkz-pwa-preview-page *,
html.dkz-pwa-preview-shell body.dkz-pwa-preview-page *::before,
html.dkz-pwa-preview-shell body.dkz-pwa-preview-page *::after {
    box-sizing: border-box;
}


/* 45.79 PWA authentication gateway */
.dkz-pwa-login{max-width:560px}
.dkz-pwa-auth-form{display:grid;gap:14px;width:100%;margin-top:22px;text-align:left}
.dkz-pwa-auth-form label{display:grid;gap:7px;font-weight:600;color:#2d2a25}
.dkz-pwa-auth-form input[type="email"],.dkz-pwa-auth-form input[type="password"]{width:100%;box-sizing:border-box;border:1px solid rgba(45,42,37,.2);border-radius:12px;background:#fff;padding:13px 14px;font:inherit;color:#222;outline:none}
.dkz-pwa-auth-form input:focus{border-color:#8e7748;box-shadow:0 0 0 3px rgba(142,119,72,.12)}
.dkz-pwa-auth-form button{border:0;border-radius:999px;background:#24231f;color:#fff;padding:14px 18px;font:inherit;font-weight:700;cursor:pointer}
.dkz-pwa-auth-back{display:block;text-align:center;color:#5f594d;text-decoration:underline;text-underline-offset:3px;font-weight:500}
.dkz-pwa-auth-notice{margin:16px 0 0;padding:12px 14px;border-radius:12px;text-align:left;background:#fff7f3;color:#7b2d21}
.dkz-pwa-auth-notice--info{background:#f4f1e9;color:#514a3e}
.dkz-pwa-auth-check{grid-template-columns:auto 1fr!important;align-items:start;font-weight:500!important;font-size:.93rem;line-height:1.45}
.dkz-pwa-auth-check input{margin-top:3px}

/* 45.80: explicit PWA authentication session separates the app login from ambient wp-admin/browser sessions. */

/* 45.81: lightweight PWA session controls */
.dkz-pwa-session-actions{margin:18px 0 0;text-align:center}
.dkz-pwa-session-actions .dkz-pwa-auth-back{display:inline-block}


/* 45.83: installed customer-app shell. Browser/mobile website remains unchanged. */
html.dkz-pwa-standalone body.dkz-pwa-app-account {
    min-height: 100dvh !important;
    margin: 0 !important;
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    background: var(--dkz-pwa-background-color, #F7F3EA) !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-pwa-page-extra-hidden {
    display: none !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce,
html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-account,
html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce {
    padding-top: max(10px, env(safe-area-inset-top)) !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-navigation {
    display: none !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tabbar {
    display: grid !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab.is-active {
    color: #8c6a43 !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab.is-active::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 50%;
    width: 26px;
    height: 3px;
    border-radius: 999px;
    background: #b08a57;
    transform: translateX(-50%);
}
@media (min-width: 701px) {
    /* Installed app is intentionally mobile-first even when opened in a wider standalone window. */
    html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tabbar { display: grid !important; }
}


/* 45.83: server-side explicit app marker. This makes the core shell effective before JS executes. */
body.dkz-pwa-explicit.dkz-pwa-app-account {
    background: var(--dkz-pwa-background-color, #F7F3EA) !important;
}
body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce-MyAccount-navigation {
    display: none !important;
}
body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tabbar {
    display: grid !important;
}
body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-pwa-page-extra-hidden {
    display: none !important;
}


/* 45.85: installed customer app – compact, app-first dashboard and internal booking screens. */
html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce {
    padding-top: env(safe-area-inset-top) !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-content {
    padding: 0 14px 18px !important;
    box-sizing: border-box !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-account {
    max-width: 760px !important;
    margin: 0 auto !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-hero {
    min-height: 0 !important;
    padding: 18px 2px 14px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-hero h2 {
    margin: 0 0 5px !important;
    font-family: inherit !important;
    font-size: 29px !important;
    line-height: 1.08 !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-hero p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-stats {
    gap: 9px !important;
    margin-top: 2px !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-stat {
    padding: 14px !important;
    border-radius: 16px !important;
    min-height: 104px !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-stat strong { font-size: 34px !important; }
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-section { margin-top: 18px !important; }
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-booking-card { border-radius: 18px !important; }
/* Bottom navigation already owns the everyday shortcuts; hide the long website-like quick-link grid in the installed app. */
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-section:last-child { display: none !important; }
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tabbar {
    border-radius: 18px 18px 0 0 !important;
    box-shadow: 0 -8px 28px rgba(44,32,24,.11) !important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-app-booking-head {
    padding: 16px 2px 12px;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-app-booking-head .dkz-page-eyebrow { display: none; }
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-app-booking-head h2 {
    margin: 0 0 5px;
    font: 800 28px/1.1 inherit;
    color: #745022;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-app-booking-head p {
    margin: 0;
    color: #6b5848;
    font-size: 13px;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-app-booking-engine { margin-top: 8px; }
/* The Yoga app entry is the quick chooser; the weekly website intro/calendar stays behind the modal. */
html.dkz-pwa-standalone body.dkz-pwa-app-account.dkz-endpoint-app-buchen-yoga .dkz5y-intro { display:none !important; }
/* Booking endpoints should feel like app screens, not nested pages. */
html.dkz-pwa-standalone body.dkz-pwa-app-account[class*="dkz-endpoint-app-buchen-"] .dkz-mobile-back-home { display:none !important; }


/* 45.86: booking-flow polish. */
/* The booking dialog owns the full viewport while open; the fixed PWA tabbar must not cover its actions. */
html.dkz-pwa-standalone.dkz5m-open body.dkz-pwa-app-account .dkz-mobile-tabbar,
html.dkz5m-open body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tabbar {
    display: none !important;
}
html.dkz-pwa-standalone.dkz5m-open body.dkz-pwa-app-account {
    padding-bottom: 0 !important;
}

/* 45.87: Reiki is a compact two-step accordion. Service names stay visible; durations appear only after tapping. */
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-grid {
    display: grid;
    gap: 12px;
    margin: 8px 0 18px;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(140,106,67,.22);
    border-radius: 20px;
    background: #fffdf9;
    box-shadow: 0 8px 24px rgba(47,38,34,.07);
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card__head {
    position: relative;
    display: block;
    padding: 18px 54px 18px 18px;
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card__head::-webkit-details-marker { display:none; }
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card__head::marker { display:none; content:''; }
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card__label {
    display: block;
    margin-bottom: 5px;
    color: #9a6f35;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card__title {
    display: block;
    color: #6f4c23;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.15;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card__chevron {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #9a7448;
    font-size: 28px;
    line-height: 1;
    transform: translateY(-55%);
    transition: transform .18s ease;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card[open] .dkz5-reiki-app-card__chevron {
    transform: translateY(-45%) rotate(180deg);
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-card[open] .dkz5-reiki-app-card__head {
    border-bottom: 1px solid rgba(140,106,67,.14);
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-variants {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
    padding: 14px 16px 18px;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-variant {
    min-width: 0;
    padding: 13px 8px;
    border: 1.5px solid #9a7448;
    border-radius: 14px;
    background: #fffdf9;
    color: #302620;
    text-align: center;
    cursor: pointer;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-variant strong,
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-variant small { display:block; }
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-variant strong { font-size:15px; }
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-variant small { margin-top:3px; color:#715d4d; font-size:11px; }
@media(max-width:390px){
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-variants{grid-template-columns:1fr;}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz5-reiki-app-variant{text-align:left;padding:12px 14px;}
}

/* 45.88 Mitarbeiter-App Basis */
.dkz-pwa-role-grid{display:grid;gap:14px;margin:28px 0 18px}.dkz-pwa-role-grid>a{display:grid;grid-template-columns:52px 1fr;gap:3px 14px;align-items:center;text-decoration:none;color:#382d27;border:1px solid rgba(139,105,61,.28);border-radius:22px;padding:18px;background:#fffdf8;box-shadow:0 12px 34px rgba(95,70,42,.08)}.dkz-pwa-role-grid>a>span{grid-row:1/3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f4e3bd;color:#845d2b;font-size:25px}.dkz-pwa-role-grid strong{font-size:20px}.dkz-pwa-role-grid small{font-size:14px;line-height:1.4;color:#74665c}
.dkz-pwa-staff-app{min-height:100dvh;background:var(--dkz-pwa-background-color,#f7f3ea);padding:22px 18px 104px;color:#3b3029}.dkz-pwa-staff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 auto 20px;max-width:760px}.dkz-pwa-staff-head h1{margin:3px 0 0;font-size:32px;line-height:1.05;color:#7a511c}.dkz-pwa-staff-switch{white-space:nowrap;text-decoration:none;color:#7a511c;border:1px solid rgba(139,105,61,.3);background:#fffdf8;border-radius:999px;padding:9px 12px;font-weight:700;font-size:13px}.dkz-pwa-staff-main{max-width:760px;margin:0 auto}.dkz-pwa-staff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.dkz-pwa-staff-stats a{text-decoration:none;color:#3b3029;background:#fffdf8;border:1px solid rgba(139,105,61,.2);border-radius:18px;padding:14px;min-height:104px;box-shadow:0 8px 26px rgba(95,70,42,.06)}.dkz-pwa-staff-stats strong{display:block;font-size:30px;color:#845d2b}.dkz-pwa-staff-stats span{display:block;font-size:13px;line-height:1.3;margin-top:6px}.dkz-pwa-staff-panel{background:#fffdf8;border:1px solid rgba(139,105,61,.2);border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(95,70,42,.06);margin-bottom:16px}.dkz-pwa-staff-panel h2{margin:0 0 14px;font-size:22px;color:#6f491b}.dkz-pwa-staff-panel-head{display:flex;justify-content:space-between;align-items:center}.dkz-pwa-staff-panel-head a{color:#845d2b;font-weight:700;text-decoration:none}.dkz-pwa-staff-list{display:grid;gap:0}.dkz-pwa-staff-list article{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid rgba(139,105,61,.15)}.dkz-pwa-staff-list article:first-child{border-top:0}.dkz-pwa-staff-list strong,.dkz-pwa-staff-list span{display:block}.dkz-pwa-staff-list span{font-size:13px;color:#77695e;margin-top:3px}.dkz-pwa-staff-list time{font-weight:700;color:#845d2b;font-size:13px;white-space:nowrap}.dkz-pwa-staff-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dkz-pwa-staff-actions a{min-height:76px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:800;color:#6f491b;background:#fffdf8;border:1px solid rgba(139,105,61,.22);border-radius:18px;padding:12px}.dkz-pwa-staff-actions a:first-child{grid-column:1/-1;background:#392d26;color:#fff}.dkz-pwa-staff-placeholder{text-align:center;padding:34px 22px}.dkz-pwa-staff-placeholder p,.dkz-pwa-staff-note{color:#75675d;line-height:1.55}.dkz-pwa-staff-empty{color:#75675d}.dkz-pwa-staff-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:grid;grid-template-columns:repeat(5,1fr);background:#fffdf8;border-top:1px solid rgba(139,105,61,.2);padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px rgba(70,50,30,.08)}.dkz-pwa-staff-tabbar a{text-decoration:none;color:#40352e;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;border-radius:12px}.dkz-pwa-staff-tabbar a>span{font-size:24px;line-height:1}.dkz-pwa-staff-tabbar small{font-size:11px;font-weight:700}.dkz-pwa-staff-tabbar a.is-active{color:#9a7138}.dkz-pwa-staff-tabbar a.is-active:before{content:"";position:absolute;width:40px;height:4px;border-radius:4px;background:#b08a4f;margin-top:-12px}
@media(max-width:520px){.dkz-pwa-staff-app{padding:18px 12px 102px}.dkz-pwa-staff-head h1{font-size:29px}.dkz-pwa-staff-stats{grid-template-columns:1fr 1fr}.dkz-pwa-staff-stats a:last-child{grid-column:1/-1;min-height:78px}.dkz-pwa-staff-tabbar small{font-size:10px}}

/* 45.90: Mitarbeiter-Dashboard – Zeitraumfilter, vier Kennzahlen und komplette Buchungsliste. */
.dkz-pwa-staff-range{margin:0 0 14px}.dkz-pwa-staff-range-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dkz-pwa-staff-range-buttons a{text-align:center;text-decoration:none;color:#5f4b3e;background:#fffdf8;border:1px solid rgba(139,105,61,.22);border-radius:14px;padding:11px 8px;font-weight:800}.dkz-pwa-staff-range-buttons a.is-active{background:#392d26;color:#fff;border-color:#392d26}.dkz-pwa-staff-date-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:10px;padding:12px;background:#fffdf8;border:1px solid rgba(139,105,61,.18);border-radius:16px}.dkz-pwa-staff-date-form label{display:grid;gap:4px;font-size:11px;font-weight:800;color:#75675d}.dkz-pwa-staff-date-form input{box-sizing:border-box;width:100%;min-height:42px;border:1px solid rgba(139,105,61,.28);border-radius:10px;background:#fff;padding:7px 9px;color:#3b3029}.dkz-pwa-staff-date-form button{min-height:42px;border:0;border-radius:10px;background:#392d26;color:#fff;font-weight:800;padding:0 14px}.dkz-pwa-staff-range-title{font-size:17px!important;margin:4px 0 10px!important;color:#6f491b!important}.dkz-pwa-staff-stats-four{grid-template-columns:repeat(2,1fr)}.dkz-pwa-staff-stats-four>div{color:#3b3029;background:#fffdf8;border:1px solid rgba(139,105,61,.2);border-radius:18px;padding:14px;min-height:108px;box-shadow:0 8px 26px rgba(95,70,42,.06)}.dkz-pwa-staff-stats-four>div strong{display:block;font-size:28px;color:#845d2b}.dkz-pwa-staff-stats-four>div span{display:block;font-size:13px;line-height:1.3;margin-top:6px}.dkz-pwa-staff-stats-four>div small{display:block;margin-top:4px;color:#77695e;font-size:11px}.dkz-pwa-staff-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:999px;background:#f1e7d9;color:#6f491b}.dkz-pwa-staff-list article{position:relative;padding-left:13px}.dkz-pwa-staff-list article:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:4px;border-radius:4px;background:#6d9a74}.dkz-pwa-staff-list article.is-attention:before{background:#bd5f56}.dkz-pwa-staff-list article small{display:block;margin-top:4px;font-size:11px;font-weight:800;color:#9a473f}.dkz-pwa-staff-list article.is-ok small{color:#567d5d}
@media(max-width:520px){.dkz-pwa-staff-date-form{grid-template-columns:1fr 1fr}.dkz-pwa-staff-date-form button{grid-column:1/-1}.dkz-pwa-staff-stats-four>div{min-height:102px;padding:12px}.dkz-pwa-staff-stats-four>div strong{font-size:25px}}


/* 45.91: Mitarbeiter-Buchungen anklickbar + kompakte App-Detailansicht. */
.dkz-pwa-staff-booking-card{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;text-decoration:none;color:inherit;padding:15px 0 15px 18px;border-left:5px solid #6d8f5b}
.dkz-pwa-staff-booking-card.is-attention{border-left-color:#bb5d53}
.dkz-pwa-staff-booking-card>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.dkz-pwa-staff-booking-card strong{font-size:1.08rem;color:#352b24}
.dkz-pwa-staff-booking-card span{color:#746b64;line-height:1.35}
.dkz-pwa-staff-booking-card small{color:#8b5f2d;font-weight:700}
.dkz-pwa-staff-booking-card time{white-space:nowrap;color:#8b642f;font-weight:700}
.dkz-pwa-staff-back{display:inline-block;margin-bottom:16px;color:#8b642f;font-weight:700;text-decoration:none}
.dkz-pwa-staff-booking-detail h2{margin-top:6px}
.dkz-pwa-staff-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.dkz-pwa-staff-detail-facts>div{background:#f7f3e9;border:1px solid #e6decf;border-radius:14px;padding:13px}
.dkz-pwa-staff-detail-facts span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#83786d;margin-bottom:4px}
.dkz-pwa-staff-detail-facts strong{display:block;color:#3c3027;line-height:1.35}
.dkz-pwa-staff-primary-action{display:block;text-align:center;padding:14px 16px;border-radius:14px;background:#3b2d24;color:#fff;text-decoration:none;font-weight:800;margin-top:8px}
@media (max-width:520px){.dkz-pwa-staff-detail-facts{grid-template-columns:1fr}.dkz-pwa-staff-booking-card time{font-size:.92rem}}


/* Preview 45.92: Mitarbeiter-Buchungskarten + Schnellaktionen im App-Design */
.dkz-pwa-staff-list{gap:10px}
.dkz-pwa-staff-booking-card{background:#fff;border:1px solid rgba(139,105,61,.18);border-left:5px solid #6d8f5b;border-radius:16px;padding:14px 14px 14px 16px;box-shadow:0 5px 16px rgba(95,70,42,.05)}
.dkz-pwa-staff-booking-card.is-attention{border-left-color:#bb5d53}
.dkz-pwa-staff-booking-card:active{transform:scale(.995)}

.dkz-pwa-staff-booking-card .dkz-pwa-staff-addons{margin-top:2px;padding:7px 9px;border-radius:10px;background:#f7f3e9;color:#66584b;font-size:.88rem;line-height:1.35;font-weight:500}
.dkz-pwa-staff-booking-card .dkz-pwa-staff-addons b{color:#8b642f;font-weight:700}
.dkz-pwa-staff-detail-addons{grid-column:1/-1}
.dkz-pwa-staff-quick-wrap{margin-top:18px;padding-top:16px;border-top:1px solid rgba(139,105,61,.15)}
.dkz-pwa-staff-quick-wrap .dkz5-quick-panel{position:static!important;display:block!important;width:auto!important;max-width:none!important;margin:8px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#3b3029!important}
.dkz-pwa-staff-quick-wrap .dkz5-quick-head{display:none!important}
.dkz-pwa-staff-quick-wrap form{margin:0}
.dkz-pwa-staff-quick-wrap .dkz5-quick-price,.dkz-pwa-staff-quick-wrap .dkz5-quick-benefit,.dkz-pwa-staff-quick-wrap .dkz5-quick-total,.dkz-pwa-staff-quick-wrap .dkz5-quick-open{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(139,105,61,.12)}
.dkz-pwa-staff-quick-wrap .dkz5-quick-options{display:grid;gap:8px;margin:14px 0}
.dkz-pwa-staff-quick-wrap .dkz5-quick-options>strong{font-size:14px;color:#6f491b}
.dkz-pwa-staff-quick-wrap .dkz5-quick-option{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid rgba(139,105,61,.18);border-radius:13px;background:#fff;cursor:pointer}
.dkz-pwa-staff-quick-wrap .dkz5-quick-option input{margin-top:3px}
.dkz-pwa-staff-quick-wrap .dkz5-quick-option span,.dkz-pwa-staff-quick-wrap .dkz5-quick-option b,.dkz-pwa-staff-quick-wrap .dkz5-quick-option small{display:block}
.dkz-pwa-staff-quick-wrap .dkz5-quick-option small{margin-top:3px;color:#75675d;font-weight:400}
.dkz-pwa-staff-quick-wrap .dkz5-quick-voucher{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.dkz-pwa-staff-quick-wrap input[type=text],.dkz-pwa-staff-quick-wrap input[type=number],.dkz-pwa-staff-quick-wrap select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid rgba(139,105,61,.28);border-radius:11px;background:#fff;padding:8px 10px;color:#3b3029}
.dkz-pwa-staff-quick-wrap .dkz5-quick-payment-fields label{display:grid;gap:6px;margin:12px 0}
.dkz-pwa-staff-quick-wrap .dkz5-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.dkz-pwa-staff-quick-wrap .button{box-sizing:border-box;min-height:44px;border:1px solid rgba(139,105,61,.25);border-radius:11px;background:#fff;color:#6f491b;font-weight:800;padding:9px 12px;text-align:center}
.dkz-pwa-staff-quick-wrap .button-primary{background:#392d26!important;border-color:#392d26!important;color:#fff!important}
.dkz-pwa-staff-quick-wrap .dkz5-extra-position-box,.dkz-pwa-staff-quick-wrap .dkz5-quick-wellpass-checkin,.dkz-pwa-staff-quick-wrap .dkz5-quick-hard-delete{margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(139,105,61,.15)!important}
.dkz-pwa-staff-quick-wrap .dkz5-extra-position-box summary{font-weight:800;color:#6f491b;cursor:pointer}
.dkz-pwa-staff-quick-wrap .dkz5-extra-position-form{display:grid;gap:9px;margin-top:10px}
.dkz-pwa-staff-quick-wrap .dkz5-extra-position-form label{display:grid;gap:5px}
.dkz-pwa-staff-quick-wrap .dkz5-extra-check{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:8px}
.dkz-pwa-staff-quick-wrap .dkz5-danger{color:#9a473f!important;border-color:rgba(154,71,63,.3)!important;background:#fff!important}
@media (max-width:520px){.dkz-pwa-staff-booking-card{gap:10px}.dkz-pwa-staff-quick-wrap .dkz5-quick-actions{grid-template-columns:1fr}.dkz-pwa-staff-quick-wrap .dkz5-quick-voucher{grid-template-columns:1fr}}

/* 45.94 Mitarbeiter-Dashboard: KPI-Kacheln als Buchungs-Schnellfilter */
.dkz-pwa-staff-stats-four>.dkz-pwa-staff-stat-tile{display:block;text-decoration:none;color:#3b3029;background:#fffdf8;border:1px solid rgba(139,105,61,.2);border-radius:18px;padding:14px;min-height:108px;box-shadow:0 8px 26px rgba(95,70,42,.06);box-sizing:border-box;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.dkz-pwa-staff-stats-four>.dkz-pwa-staff-stat-tile:active{transform:scale(.985)}
.dkz-pwa-staff-stats-four>.dkz-pwa-staff-stat-tile.is-filter-active{border:2px solid #8b642f;background:#f5ecdf;box-shadow:0 8px 24px rgba(95,70,42,.12)}
.dkz-pwa-staff-stats-four>.dkz-pwa-staff-stat-tile strong{display:block;font-size:28px;color:#845d2b}
.dkz-pwa-staff-stats-four>.dkz-pwa-staff-stat-tile span{display:block;font-size:13px;line-height:1.3;margin-top:6px}
.dkz-pwa-staff-stats-four>.dkz-pwa-staff-stat-tile small{display:block;margin-top:4px;color:#77695e;font-size:11px}
.dkz-pwa-staff-filter-reset{display:inline-block!important;margin-top:5px;font-size:12px!important;font-weight:700!important;color:#845d2b!important;text-decoration:underline!important}
@media(max-width:520px){.dkz-pwa-staff-stats-four>.dkz-pwa-staff-stat-tile{min-height:102px;padding:12px}.dkz-pwa-staff-stats-four>.dkz-pwa-staff-stat-tile strong{font-size:25px}.dkz-pwa-staff-stats-four>a:last-child{grid-column:auto;min-height:102px}}

/* Preview 45.96 · Mitarbeiter-App: neuer Buchungsflow */
.dkz-pwa-staff-secondary-action{display:block;margin:14px 0 4px;padding:13px 15px;border:1px solid rgba(139,105,61,.24);border-radius:14px;background:#f7f3e9;color:#6f491b;text-decoration:none;font-weight:800;text-align:center}
.dkz-pwa-staff-new-booking{padding:18px!important;overflow:visible}
.dkz-pwa-staff-new-booking .dkz-pwa-staff-intro{margin:6px 0 16px;color:#75675d;line-height:1.45}
.dkz-pwa-staff-prefill{display:grid;gap:3px;margin:8px 0 16px;padding:13px 14px;border-radius:14px;background:#f2eadf;border:1px solid rgba(139,105,61,.18)}
.dkz-pwa-staff-prefill span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8a7868;font-weight:800}.dkz-pwa-staff-prefill strong{font-size:18px;color:#3b3029}.dkz-pwa-staff-prefill small{color:#75675d}
.dkz-pwa-staff-new-booking .dkz5-booking-wizard{margin:0;padding:0;background:transparent;border:0;box-shadow:none;max-width:none}
.dkz-pwa-staff-new-booking .dkz5-booking-wizard-form{margin:0}
.dkz-pwa-staff-new-booking .dkz5-wiz-customerbar{display:grid;gap:10px;padding:14px;margin:0 0 14px;background:#fff;border:1px solid rgba(139,105,61,.18);border-radius:14px}
.dkz-pwa-staff-new-booking .dkz5-live-customer-wrap{display:grid;gap:8px}
.dkz-pwa-staff-new-booking input[type=search],.dkz-pwa-staff-new-booking input[type=text],.dkz-pwa-staff-new-booking input[type=email],.dkz-pwa-staff-new-booking input[type=date],.dkz-pwa-staff-new-booking input[type=datetime-local],.dkz-pwa-staff-new-booking select{box-sizing:border-box;width:100%;min-height:46px;border:1px solid rgba(139,105,61,.28);border-radius:12px;background:#fff;padding:9px 11px;color:#3b3029;font-size:16px}
.dkz-pwa-staff-new-booking .dkz5-customer-select-fallback{max-width:none}
.dkz-pwa-staff-new-booking .dkz5-wiz-progress{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 -4px 14px;padding:6px 4px;background:#fffdf8}
.dkz-pwa-staff-new-booking .dkz5-wiz-progress span{font-size:10px;padding:7px 4px;border-radius:9px;text-align:center;background:#eee7dc;color:#77695e}.dkz-pwa-staff-new-booking .dkz5-wiz-progress span.is-active{background:#392d26;color:#fff}.dkz-pwa-staff-new-booking .dkz5-wiz-progress span.is-done{background:#e7efe4;color:#55715a}
.dkz-pwa-staff-new-booking .dkz5-wiz-step{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.dkz-pwa-staff-new-booking .dkz5-wiz-step>h3{font-size:22px;margin:0 0 6px;color:#6f491b}.dkz-pwa-staff-new-booking .description{color:#75675d}
.dkz-pwa-staff-new-booking .dkz5-choice-grid-four{grid-template-columns:1fr 1fr!important;gap:9px}.dkz-pwa-staff-new-booking .dkz5-choice{min-height:72px;border-radius:14px;border:1px solid rgba(139,105,61,.2);background:#fff;color:#3b3029;padding:12px}.dkz-pwa-staff-new-booking .dkz5-choice.is-active{border:2px solid #8b642f;background:#f5ecdf}.dkz-pwa-staff-new-booking .dkz5-choice strong{color:#6f491b}
.dkz-pwa-staff-service-source{display:none!important}.dkz-pwa-staff-service-select{margin:4px 0 12px!important;background:#fffdf8!important;font-weight:700}
.dkz-pwa-staff-new-booking .dkz5-wiz-service-area,.dkz-pwa-staff-new-booking .dkz5-wiz-options,.dkz-pwa-staff-new-booking .dkz5-wiz-placeholder,.dkz-pwa-staff-new-booking .dkz5-backend-override,.dkz-pwa-staff-new-booking .dkz5-slot-area,.dkz-pwa-staff-new-booking .dkz5-selected-customer,.dkz-pwa-staff-new-booking .dkz5-guest-fields,.dkz-pwa-staff-new-booking .dkz5-summary-card,.dkz-pwa-staff-new-booking .dkz5-benefit-card,.dkz-pwa-staff-new-booking .dkz5-price-card,.dkz-pwa-staff-new-booking .dkz5-payment-box{border-radius:14px}
.dkz-pwa-staff-new-booking .dkz5-wiz-nav{position:sticky;bottom:72px;z-index:4;display:flex;justify-content:space-between;gap:8px;margin:18px -18px -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:rgba(255,253,248,.96);border-top:1px solid rgba(139,105,61,.16);backdrop-filter:blur(8px)}
.dkz-pwa-staff-new-booking .dkz5-wiz-nav>div{display:flex;gap:6px;flex-wrap:wrap}.dkz-pwa-staff-new-booking .button{box-sizing:border-box;min-height:42px;border-radius:11px;border:1px solid rgba(139,105,61,.25);background:#fff;color:#6f491b;font-weight:800;padding:8px 11px}.dkz-pwa-staff-new-booking .button-primary{background:#392d26!important;border-color:#392d26!important;color:#fff!important}
.dkz-pwa-staff-new-booking .dkz5-mini-calendar,.dkz-pwa-staff-new-booking .dkz5-slot-grid{max-width:100%}.dkz-pwa-staff-new-booking .dkz5-checkout-split{grid-template-columns:1fr!important}.dkz-pwa-staff-new-booking .dkz5-two,.dkz-pwa-staff-new-booking .dkz5-three{grid-template-columns:1fr!important}
@media(max-width:520px){.dkz-pwa-staff-new-booking{padding:14px!important}.dkz-pwa-staff-new-booking .dkz5-wiz-nav{margin:16px -14px -14px;padding-left:14px;padding-right:14px}.dkz-pwa-staff-new-booking .dkz5-wiz-nav>div .button[data-wiz-restart]{display:none}.dkz-pwa-staff-new-booking .dkz5-choice-grid-four{grid-template-columns:1fr 1fr!important}}

/* Preview 45.99 · Screen-Wizard: hidden muss gegen bestehende Grid/Block-Regeln gewinnen.
   Einige Engine-Klassen setzen display:grid/block und ueberstimmen sonst das native
   [hidden]-Attribut. Dadurch standen die Wizard-Screens optisch weiterhin untereinander. */
.dkz-pwa-staff-new-booking.is-screen-flow [hidden]{display:none!important}

/* Preview 45.97 · Neue Buchung als kompakter Screen-Flow */
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-progress{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-head{display:grid;gap:2px;margin:0 0 16px;padding:0 2px 12px;border-bottom:1px solid rgba(139,105,61,.15)}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-head small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9a846f}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-head strong{font-size:22px;line-height:1.2;color:#6f491b}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-step>h3{display:none}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-nav{position:sticky;bottom:72px;z-index:5;display:flex;justify-content:space-between;gap:10px;margin:18px -18px -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:rgba(255,253,248,.97);border-top:1px solid rgba(139,105,61,.16);backdrop-filter:blur(8px)}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-nav[hidden]{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-nav .button{flex:1;max-width:220px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-customerbar{margin:0!important;padding:16px!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-customerbar>div:first-child small{display:block;margin-top:4px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-choice-grid-four{margin-top:4px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-choice-grid-four .dkz5-choice{min-height:86px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-staff-service-source,.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-app-option-source{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-staff-service-select,.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-app-option-select{display:block;width:100%;min-height:50px;margin:8px 0 4px;border:1px solid rgba(139,105,61,.28);border-radius:12px;background:#fff;padding:10px 12px;font-size:16px;color:#3b3029}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-options{display:grid;gap:13px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-options>div{margin:0;padding:12px 13px;border:1px solid rgba(139,105,61,.13);border-radius:13px;background:#fff}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-options h4{margin:0 0 6px;font-size:13px;color:#6f491b}
.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-addons-wrap][hidden]{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-addon-grid{display:grid;gap:7px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-backend-override{margin-top:12px;padding:12px!important;font-size:13px}
.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="2"] .dkz5-wiz-datehead{margin-bottom:10px}
.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="2"] .dkz5-mini-calendar{margin-bottom:12px}
.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="3"] .dkz5-guest-fields{display:grid;gap:9px}
.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="3"] .dkz5-two{gap:8px!important}
.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="3"] p{margin:4px 0}
.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="4"] .dkz5-checkout-split{display:grid;gap:10px}
.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="4"] .dkz5-summary-card,.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="4"] .dkz5-benefit-card,.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="4"] .dkz5-price-card,.dkz-pwa-staff-new-booking.is-screen-flow [data-wiz-step="4"] .dkz5-payment-box{margin-bottom:10px}
@media(max-width:520px){.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-nav{margin:16px -14px -14px;padding-left:14px;padding-right:14px}.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-nav .button{max-width:none}.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-choice-grid-four .dkz5-choice{min-height:76px;padding:10px}.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-choice-grid-four .dkz5-choice small{font-size:10px}}


/* Preview 45.100 · Mitarbeiter-Wizard kompakter Einstieg + Kundenauswahl-Weiter-Fix */
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-staff-new-title{margin:0 0 14px;font-size:18px;line-height:1.2;color:#3b3029}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-head{margin-bottom:12px;padding-bottom:10px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-customerbar{padding:0!important;border:0!important;background:transparent!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-wiz-customerbar>div:first-child{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-customer-select-fallback{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz5-live-customer-wrap{gap:6px}
@media(max-width:520px){.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-staff-new-title{font-size:17px;margin-bottom:12px}}


/* Preview 45.101 · Wizard-Fix: Kunde verpflichtend, Dauer-Auswahl als echtes Select,
   Zusatzleistungen strikt erst im Folgescreen. */
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="service"] [data-wiz-addons-wrap]{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="addons"] [data-wiz-variants]{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="addons"] .dkz-pwa-app-variant-select{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-nav .button:disabled{opacity:.42;cursor:not-allowed}


/* Preview 45.102 · kompakte Yoga-/Event-Auswahl */
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-placeholder>p.description{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] [data-wiz-yoga-filters]{display:none!important}
.dkz-pwa-event-date-filter{margin:0 0 12px;padding:0}
.dkz-pwa-event-date-filter label{display:grid;gap:6px;font-size:13px;color:#6f491b}
.dkz-pwa-event-list{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.dkz-pwa-event-list .dkz5-choice{display:grid;gap:3px;min-height:0!important;text-align:left;padding:12px 14px!important}
.dkz-pwa-event-list .dkz5-choice strong{font-size:16px}
.dkz-pwa-event-list .dkz5-choice small{display:block;font-size:12px;line-height:1.35;color:#75675d}
.dkz-pwa-event-list .dkz5-choice .dkz-pwa-event-when{font-weight:800;color:#6f491b}
.dkz-pwa-yoga-quick-list{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.dkz-pwa-yoga-quick-list .dkz5-choice{min-height:0!important;text-align:left;padding:12px 14px!important}


/* Preview 45.103 · Yoga-Schnellbuchung und Event-Karten */
.dkz-pwa-yoga-service-chooser{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.dkz-pwa-yoga-service-chooser .dkz5-choice{min-height:88px;text-align:left;padding:14px!important}
.dkz-pwa-yoga-service-chooser .dkz5-choice strong{font-size:17px}
.dkz-pwa-yoga-service-chooser .dkz5-choice small{display:block;margin-top:4px}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-placeholder>strong{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-placeholder>p.description{display:none!important}
.dkz-pwa-event-list .dkz5-choice{border-radius:16px!important}
.dkz-pwa-event-list .dkz5-choice small:last-child{margin-top:3px;font-weight:700;color:#6f491b}
@media(max-width:520px){.dkz-pwa-yoga-service-chooser{grid-template-columns:1fr 1fr;gap:8px}.dkz-pwa-yoga-service-chooser .dkz5-choice{padding:12px!important;min-height:80px}}


/* Preview 45.104: Yoga/Event-Auswahl und untere Buchungsnavigation kompakter. */
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-booking-stage-head{
  margin-bottom:8px;padding-bottom:7px;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-booking-stage-head strong{
  font-size:20px;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-placeholder{
  margin:0!important;padding:10px!important;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-yoga-service-chooser{
  gap:7px;margin:0;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-yoga-service-chooser .dkz5-choice{
  min-height:66px!important;padding:9px 11px!important;border-radius:13px!important;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-yoga-service-chooser .dkz5-choice strong{
  font-size:15px;line-height:1.2;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-yoga-service-chooser .dkz5-choice small{
  font-size:11px;margin-top:2px;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-event-date-filter{
  margin:0 0 8px;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-event-date-filter label{
  gap:4px;font-size:12px;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-event-date-filter input[type=date]{
  min-height:40px!important;padding:6px 9px!important;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-event-list{
  gap:7px!important;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-event-list .dkz5-choice{
  padding:9px 11px!important;gap:2px!important;border-radius:13px!important;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-event-list .dkz5-choice strong{
  font-size:15px;line-height:1.25;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz-pwa-event-list .dkz5-choice small{
  font-size:11px;line-height:1.25;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-nav{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;
  align-items:stretch;margin:10px -14px -14px!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom))!important;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-nav>div{
  display:contents!important;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-nav [data-wiz-restart]{
  display:none!important;
}
.dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-nav .button{
  width:100%;min-height:38px!important;padding:6px 8px!important;font-size:14px!important;line-height:1.15!important;
  border-radius:10px!important;margin:0!important;white-space:nowrap;
}

/* Preview 45.105 · Kundenschritt */
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-customer-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-customer-mode .button{min-height:44px;margin:0;border-radius:12px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-customer-mode .button.is-active{background:#3a2b20;color:#fff;border-color:#3a2b20}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-guest-panel{display:grid;gap:8px;margin-top:4px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-guest-panel[hidden]{display:none!important}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-guest-grid label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#6f491b}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-guest-grid input{width:100%;min-height:44px;border-radius:12px}
.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-guest-panel>small{color:#7c746d;font-size:11px}
@media(max-width:480px){.dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-guest-grid{grid-template-columns:1fr}}

/* Preview 45.106 · Mitarbeiter-App Gutschein-Erstellung */
.dkz-pwa-staff-vouchers{max-width:560px;margin-left:auto;margin-right:auto}.dkz-pwa-staff-vouchers>h2{margin-bottom:12px}.dkz-pwa-voucher-step[hidden],.dkz-pwa-voucher-nav[hidden]{display:none!important}.dkz-pwa-voucher-choices,.dkz-pwa-voucher-service-list,.dkz-pwa-voucher-variant-list{display:grid;gap:8px;margin-top:9px}.dkz-pwa-voucher-choices{grid-template-columns:1fr 1fr}.dkz-pwa-voucher-choices button,.dkz-pwa-voucher-service-list button,.dkz-pwa-voucher-variant-list button{appearance:none;text-align:left;border:1px solid rgba(139,105,61,.25);background:#fff;border-radius:14px;padding:12px;color:#3b3029}.dkz-pwa-voucher-choices strong,.dkz-pwa-voucher-choices small,.dkz-pwa-voucher-variant-list strong,.dkz-pwa-voucher-variant-list small{display:block}.dkz-pwa-voucher-choices small,.dkz-pwa-voucher-variant-list small{margin-top:3px;color:#786b61;font-size:12px}.dkz-pwa-voucher-service-list button,.dkz-pwa-voucher-variant-list button{font-weight:800}.dkz-pwa-voucher-variant-list button.is-active{border-color:#7a511c;background:#f6eee1}.dkz-pwa-voucher-field{display:grid;gap:7px;margin-top:10px;font-weight:800;color:#6f491b}.dkz-pwa-voucher-field>div{display:flex;align-items:center;border:1px solid rgba(139,105,61,.3);border-radius:14px;background:#fff;padding-right:14px}.dkz-pwa-voucher-field input{flex:1;border:0!important;box-shadow:none!important;min-height:52px!important;font-size:22px!important;background:transparent!important}.dkz-pwa-voucher-nav{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:14px}.dkz-pwa-voucher-nav button,.dkz-pwa-voucher-modal-card>a{border:0;border-radius:12px;min-height:44px;padding:10px 12px;font-weight:800;background:#3a2b20;color:#fff;text-decoration:none;text-align:center}.dkz-pwa-voucher-nav button.is-secondary{background:#efe7dc;color:#493a30}.dkz-pwa-voucher-nav button:disabled{opacity:.4}.dkz-pwa-voucher-error{padding:10px 12px;border-radius:12px;background:#fff0ed;color:#8a3028;margin-bottom:12px}.dkz-pwa-voucher-modal{position:fixed;inset:0;z-index:10050;background:rgba(45,34,26,.48);display:grid;place-items:center;padding:18px}.dkz-pwa-voucher-modal-card{width:min(100%,390px);background:#fffdf8;border-radius:20px;padding:22px;box-shadow:0 24px 70px rgba(40,25,15,.25)}.dkz-pwa-voucher-modal-card h3{font-size:28px;letter-spacing:.06em;margin:8px 0;color:#6f491b}.dkz-pwa-voucher-modal-card p{margin:0 0 14px}.dkz-pwa-voucher-modal-card dl{display:grid;gap:7px;margin:0 0 16px}.dkz-pwa-voucher-modal-card dl>div{display:flex;justify-content:space-between;gap:12px;padding-top:7px;border-top:1px solid rgba(139,105,61,.15)}.dkz-pwa-voucher-modal-card dt{color:#77695e}.dkz-pwa-voucher-modal-card dd{margin:0;font-weight:800}.dkz-pwa-voucher-modal-card>a{display:block}.dkz-pwa-staff-vouchers .dkz-pwa-preview__eyebrow{font-size:11px}@media(max-width:480px){.dkz-pwa-voucher-choices{grid-template-columns:1fr}}


/* Preview 45.107 · kompakter Zusatzverkauf + Schnellaktionsfeedback */
.dkz-pwa-staff-sales h2{margin:0 0 16px}.dkz-pwa-sale-form{display:grid;gap:14px}.dkz-pwa-sale-form>label{display:grid;gap:6px}.dkz-pwa-sale-form>label>span,.dkz-pwa-sale-payments>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#766b60}.dkz-pwa-sale-form input[type=text],.dkz-pwa-sale-form input[type=number]{width:100%;box-sizing:border-box;border:1px solid #d8d0c6;border-radius:12px;padding:12px 13px;font-size:16px;background:#fff}.dkz-pwa-sale-price{display:flex;align-items:center;gap:8px}.dkz-pwa-sale-price input{flex:1}.dkz-pwa-sale-price b{font-size:18px}.dkz-pwa-sale-payments{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dkz-pwa-sale-payments>span{grid-column:1/-1}.dkz-pwa-sale-payments label{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8d0c6;border-radius:12px;padding:12px;background:#fff}.dkz-pwa-sale-submit{border:0;border-radius:12px;padding:13px 16px;font-weight:800;background:#2f2a25;color:#fff}.dkz-pwa-sale-success,.dkz-pwa-quick-success{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#eef5ed;font-size:13px}.dkz-pwa-sale-success span{white-space:nowrap}
/* Preview 45.111: Push preferences */
.dkz-push-settings{background:#fff;border-radius:18px;padding:18px;display:grid;gap:12px}.dkz-push-settings h2{margin:0}.dkz-push-settings>label{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid rgba(0,0,0,.08)}.dkz-push-state{margin:0;color:#666}.dkz-pwa-staff-tabbar{overflow-x:auto}.dkz-pwa-staff-tabbar>a{min-width:62px}

/* 45.112 compact notification settings */
.dkz-push-settings{padding:14px!important;gap:8px!important;border-radius:16px!important}.dkz-push-settings h2{font-size:clamp(25px,7vw,34px)!important;line-height:1.05!important;overflow-wrap:anywhere}.dkz-push-settings .dkz-push-state{font-size:16px!important;line-height:1.4!important}.dkz-push-settings>[data-dkz-push-enable]{min-height:48px!important;padding:10px 14px!important}.dkz-push-settings>label{padding:9px 0!important;gap:9px!important;font-size:16px!important;line-height:1.25!important}.dkz-push-settings>label input{width:20px!important;height:20px!important}.dkz-pwa-staff-page .dkz-pwa-staff-shell>header h1{font-size:clamp(30px,8vw,44px)!important;overflow-wrap:anywhere}.dkz-pwa-staff-page .dkz-pwa-staff-tabbar a[href*="notifications"]{min-width:58px}.dkz-push-customer-screen .woocommerce-MyAccount-content{padding-top:0!important}

/* Preview 45.115: first-login push prompt + staff logout */
.dkz-pwa-staff-tabbar a.is-logout{grid-column:5;color:#8a4d3e}
.dkz-pwa-staff-tabbar a.is-logout>span{font-size:22px}
.dkz-pwa-push-onboarding{position:fixed;inset:0;z-index:11050;display:grid;place-items:center;padding:18px;background:rgba(44,34,27,.48);backdrop-filter:blur(2px)}
.dkz-pwa-push-onboarding[hidden]{display:none!important}
.dkz-pwa-push-onboarding__card{width:min(100%,390px);box-sizing:border-box;background:#fffdf8;border-radius:20px;padding:22px;box-shadow:0 24px 70px rgba(40,25,15,.28);color:#3b3029}
.dkz-pwa-push-onboarding__card h2{margin:0 0 9px;font-size:25px;line-height:1.1;color:#6f491b}
.dkz-pwa-push-onboarding__card p{margin:0 0 17px;line-height:1.5;color:#665d56}
.dkz-pwa-push-onboarding__actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
.dkz-pwa-push-onboarding__actions button{min-height:46px;border:0;border-radius:12px;padding:10px 12px;font-weight:800;font-size:15px}
.dkz-pwa-push-onboarding__later{background:#eee7de;color:#4b4038}
.dkz-pwa-push-onboarding__enable{background:#352a23;color:#fff}
.dkz-pwa-push-onboarding__status{margin-top:10px!important;margin-bottom:0!important;font-size:13px;color:#8a4d3e!important}

/* Preview 45.120: iOS/Safari PWA compatibility.
   iOS uses a dynamic visual viewport and is stricter about nested overflow/sticky
   elements. Keep the staff app vertically scrollable and prevent wizard controls
   from overflowing into neighbouring grid cells. */
@supports (-webkit-touch-callout: none) {
  html.dkz-pwa-standalone {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-text-size-adjust: 100%;
  }
  html.dkz-pwa-standalone body.dkz-pwa-staff-page {
    height: auto !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: auto;
    touch-action: pan-y;
  }
  html.dkz-pwa-standalone body.dkz-pwa-staff-page #page,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .site,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .site-content,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .content-area,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page main {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz-pwa-staff-app {
    box-sizing: border-box;
    height: auto !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    overflow: visible !important;
    padding-bottom: calc(118px + env(safe-area-inset-bottom)) !important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz-pwa-staff-main,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz-pwa-staff-panel,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz-pwa-staff-new-booking,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz5-booking-wizard,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz5-booking-wizard-form,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz5-wiz-step {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz5-live-customer-results,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz5-slot-grid,
  html.dkz-pwa-standalone body.dkz-pwa-staff-page .dkz-pwa-event-list {
    -webkit-overflow-scrolling: touch;
  }
  .dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-nav {
    width: auto !important;
    max-width: none !important;
  }
  .dkz-pwa-staff-new-booking.is-screen-flow[data-dkz-booking-stage="fixed"] .dkz5-wiz-nav .button {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    appearance: none;
  }
  .dkz-pwa-staff-new-booking .dkz5-wiz-nav > div {
    min-width: 0 !important;
  }
  .dkz-pwa-staff-tabbar {
    padding-bottom: calc(7px + max(env(safe-area-inset-bottom), 4px));
  }
}

/* Preview 45.121 · iOS Wizard-Button + standortunabhaengige Leistungen */
@media (max-width:520px){
 .dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-nav{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;}
 .dkz-pwa-staff-new-booking.is-screen-flow .dkz-pwa-booking-stage-nav .button{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

/* Preview 45.122 · Fernreiki: standortunabhaengig ohne technische Standort-ID im Staff-Wizard */
/* Preview 45.132: simplified staff navigation, menu and customer contact info */
.dkz-pwa-staff-tabbar{grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important}
.dkz-pwa-staff-tabbar>a{min-width:0!important}
.dkz-pwa-staff-tabbar small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dkz-pwa-staff-menu-list{display:grid;gap:8px}
.dkz-pwa-staff-menu-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;text-decoration:none;color:#3b3029;background:#fff;border:1px solid rgba(139,105,61,.18);border-radius:14px;padding:12px 13px}
.dkz-pwa-staff-menu-list>a>span{font-size:22px;text-align:center;color:#845d2b}.dkz-pwa-staff-menu-list>a>div{min-width:0}.dkz-pwa-staff-menu-list strong,.dkz-pwa-staff-menu-list small{display:block}.dkz-pwa-staff-menu-list small{margin-top:2px;color:#75675d}.dkz-pwa-staff-menu-list>a>b{font-size:24px;font-weight:400;color:#9a8b7e}.dkz-pwa-staff-menu-list>a.is-logout{color:#8a4d3e}
.dkz-pwa-staff-customer-heading{display:flex;align-items:center;gap:9px;margin:0 0 14px}.dkz-pwa-staff-customer-heading h2{margin:0!important}.dkz-pwa-staff-contact{position:relative}.dkz-pwa-staff-contact summary{list-style:none;cursor:pointer;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(132,93,43,.45);color:#845d2b;background:#fff;font-weight:800;font-family:Georgia,serif}.dkz-pwa-staff-contact summary::-webkit-details-marker{display:none}.dkz-pwa-staff-contact-popover{position:absolute;z-index:30;left:0;top:34px;width:min(290px,calc(100vw - 54px));background:#fffdf8;border:1px solid rgba(139,105,61,.25);border-radius:14px;padding:13px;box-shadow:0 12px 30px rgba(60,45,30,.18);display:grid;gap:6px}.dkz-pwa-staff-contact-popover strong{color:#3b3029}.dkz-pwa-staff-contact-popover a,.dkz-pwa-staff-contact-popover span{color:#6e5d50;text-decoration:none;overflow-wrap:anywhere}

/* Preview 45.133: centered contact card + working staff menu route */
.dkz-pwa-staff-contact{position:static}
.dkz-pwa-staff-contact[open]::before{content:"";position:fixed;inset:0;z-index:39;background:rgba(59,48,41,.18)}
.dkz-pwa-staff-contact-popover{position:fixed;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);width:min(330px,calc(100vw - 40px));box-sizing:border-box;text-align:center;padding:18px 16px;border-radius:18px}
.dkz-pwa-staff-contact-popover strong{font-size:20px}.dkz-pwa-staff-contact-popover a,.dkz-pwa-staff-contact-popover span{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* Preview 45.134 - read-only staff waitlist */
.dkz-pwa-staff-waitlist{display:grid;gap:14px}.dkz-pwa-waitlist-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dkz-pwa-waitlist-tabs a{text-align:center;text-decoration:none;padding:10px 8px;border:1px solid rgba(139,105,61,.22);border-radius:12px;color:#6f5a45;font-weight:700;background:#fff}.dkz-pwa-waitlist-tabs a.is-active{background:#8b693d;color:#fff}.dkz-pwa-waitlist-date{display:flex;gap:8px}.dkz-pwa-waitlist-date input{flex:1;min-width:0}.dkz-pwa-waitlist-list{display:grid;gap:10px}.dkz-pwa-waitlist-card{width:100%;box-sizing:border-box}.dkz-pwa-waitlist-name{display:flex;align-items:center;gap:7px}.dkz-pwa-waitlist-card small{color:#8b642f!important}.dkz-pwa-waitlist-card time{font-size:.9rem}

/* Preview 45.136 - balanced customer dashboard stats in installed app */
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-stat{
  justify-content:flex-start!important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-stat span{
  display:flex!important;
  align-items:flex-start!important;
  min-height:36px!important;
  line-height:1.3!important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-stat strong{
  font-size:30px!important;
  line-height:1!important;
  margin:0!important;
}
html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-dashboard-stat small{
  margin-top:1px!important;
  line-height:1.35!important;
}

/* Staff-Modul 45.172 */
.dkz-staff-work{display:grid;gap:16px}.dkz-staff-hero h2{margin:.2rem 0 0}.dkz-staff-clock-card,.dkz-staff-box{background:#fff;border:1px solid rgba(118,81,38,.14);border-radius:20px;padding:16px;box-shadow:0 8px 28px rgba(67,48,28,.05)}.dkz-staff-clock-card{display:grid;gap:14px}.dkz-staff-clock-card>strong{font-size:18px}.dkz-staff-clock-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dkz-staff-clock-actions form,.dkz-staff-clock-card form{margin:0}.dkz-staff-primary,.dkz-staff-secondary,.dkz-staff-form button{width:100%;border:0;border-radius:999px;padding:13px 16px;font-weight:700}.dkz-staff-primary,.dkz-staff-form button{background:#765126;color:#fff}.dkz-staff-secondary{background:#efe6d9;color:#4f3824}.dkz-staff-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px}.dkz-staff-kpis>div{background:#f7f2eb;border-radius:17px;padding:13px;display:grid;gap:3px}.dkz-staff-kpis b{font-size:20px}.dkz-staff-kpis span{font-size:12px;color:#75685f}.dkz-staff-box summary{cursor:pointer;font-weight:700}.dkz-staff-form{display:grid;gap:10px;margin-top:14px}.dkz-staff-form label{display:grid;gap:5px;font-size:13px;font-weight:600}.dkz-staff-form input,.dkz-staff-form select{width:100%;box-sizing:border-box;border:1px solid #ded4c8;border-radius:12px;padding:10px;background:#fff}.dkz-staff-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dkz-staff-section-head h3{margin:0}.dkz-staff-section-head input{border:1px solid #ded4c8;border-radius:10px;padding:7px}.dkz-staff-list{display:grid;gap:8px}.dkz-staff-list>div,.dkz-staff-list>a{display:grid;gap:3px;padding:13px 14px;border:1px solid rgba(118,81,38,.12);border-radius:15px;background:#fff;text-decoration:none;color:inherit}.dkz-staff-list span,.dkz-staff-list small{color:#75685f}.dkz-staff-link{border:0;background:none;padding:5px 0;color:#765126;text-decoration:underline;text-align:left;font:inherit;cursor:pointer}

/* Preview 45.173 - Staff controls: large touch targets, calmer centered labels */
.dkz-staff-primary,.dkz-staff-secondary,.dkz-staff-form button{font-size:15px;line-height:1.25;text-align:center;display:flex;align-items:center;justify-content:center;min-height:48px}.dkz-staff-form select{width:100%;min-height:48px;border-radius:14px;padding:10px 12px;font-size:16px;background:#fff}


/* 45.188: the app chooser may contain three or more destinations. Unlike the old
   fixed preview shell it must always be vertically scrollable on small screens. */
html.dkz-pwa-role-choice-shell,
html.dkz-pwa-role-choice-shell body.dkz-pwa-role-choice-page {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}
html.dkz-pwa-role-choice-shell body.dkz-pwa-role-choice-page .dkz-pwa-role-choice {
    height: auto !important;
    min-height: min-content !important;
    margin-bottom: max(24px, env(safe-area-inset-bottom)) !important;
}


/* Preview 45.196: responsive app shell for tablet and desktop.
   Phone remains app-first; tablet gets a dedicated roomy app layout; desktop
   uses the regular Mein-Kraftzentrum desktop navigation and content shell. */
@media (min-width:701px) and (max-width:1199px){
  html.dkz-pwa-standalone body.dkz-pwa-app-account,
  body.dkz-pwa-explicit.dkz-pwa-app-account{
    padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce{
    display:block!important;
    width:min(calc(100% - 40px),960px)!important;
    max-width:960px!important;
    margin:0 auto!important;
    padding:max(22px,env(safe-area-inset-top)) 0 42px!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-navigation,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce-MyAccount-navigation{display:none!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-content,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce-MyAccount-content{
    width:100%!important;max-width:none!important;margin:0!important;padding:26px 28px!important;
    border:1px solid rgba(140,106,67,.16)!important;border-radius:24px!important;
    background:rgba(255,253,249,.88)!important;box-shadow:0 12px 34px rgba(44,32,24,.07)!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tabbar,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tabbar{
    display:grid!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    width:min(calc(100% - 40px),760px)!important;border:1px solid rgba(140,106,67,.2)!important;
    border-radius:22px 22px 0 0!important;overflow:hidden!important;
  }
  .dkz-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dkz-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dkz-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (min-width:1200px){
  /* Explicit/installed app becomes the familiar desktop customer portal. */
  html.dkz-pwa-standalone body.dkz-pwa-app-account,
  body.dkz-pwa-explicit.dkz-pwa-app-account{padding-bottom:0!important;background:transparent!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce{
    display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:30px!important;
    width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:32px 24px 52px!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-navigation,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce-MyAccount-navigation{
    display:block!important;flex:0 0 270px!important;width:270px!important;max-width:270px!important;
    position:sticky!important;top:32px!important;overflow:visible!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-content,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce-MyAccount-content{
    flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;
    padding:34px!important;border:1px solid rgba(140,106,67,.2)!important;border-radius:22px!important;
    background:rgba(255,253,249,.78)!important;box-shadow:0 12px 34px rgba(44,32,24,.08)!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tabbar,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tabbar,
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-sheet,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-sheet,
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-sheet,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-sheet{display:none!important}
}


/* Preview 45.197: complete Mein-Kraftzentrum tablet navigation.
   45.196 widened the shell but the account sheet and tab button styles still
   lived only in account.css <=700px, leaving "Mehr" invisible/non-usable. */
@media (min-width:701px) and (max-width:1199px){
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:3px!important;min-width:0!important;min-height:64px!important;padding:7px 6px!important;border:0!important;
    background:transparent!important;color:#3d3129!important;text-decoration:none!important;font:inherit!important;
    cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab>span,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab>span{font-size:22px!important;line-height:1!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab small,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab small{font-size:11px!important;font-weight:800!important;line-height:1.2!important}

  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-sheet[hidden],
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-sheet[hidden],
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-sheet[hidden],
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-sheet[hidden]{display:none!important}

  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-sheet,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-sheet,
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-sheet,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-sheet{
    position:fixed!important;inset:0!important;display:block!important;z-index:2147483000!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-backdrop,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-backdrop{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
    border:0!important;background:rgba(25,20,17,.48)!important;cursor:pointer!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-panel,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-panel{
    position:absolute!important;left:50%!important;right:auto!important;bottom:calc(90px + env(safe-area-inset-bottom))!important;
    width:min(calc(100vw - 48px),720px)!important;max-height:min(72vh,680px)!important;overflow:auto!important;
    transform:translateX(-50%)!important;padding:18px!important;border:1px solid rgba(140,106,67,.2)!important;border-radius:22px!important;
    background:#fffdf9!important;box-shadow:0 22px 70px rgba(32,24,19,.25)!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-head,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-head{
    display:grid!important;grid-template-columns:40px 1fr 40px!important;align-items:center!important;margin-bottom:12px!important;
    padding:2px 4px 12px!important;border-bottom:1px solid rgba(140,106,67,.16)!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-head button,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-head button{
    display:grid!important;width:38px!important;height:38px!important;place-items:center!important;border:0!important;border-radius:50%!important;
    background:#f7f2eb!important;color:#4a3a2f!important;font-size:20px!important;cursor:pointer!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-head strong,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-head strong{grid-column:2!important;text-align:center!important;font-size:18px!important;color:#2f2622!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-links,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-links{display:grid!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-links a,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-links a{
    display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:52px!important;padding:11px 13px!important;
    border-bottom:1px solid rgba(140,106,67,.12)!important;color:#3d3129!important;font-size:15px!important;font-weight:750!important;text-decoration:none!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-links a span,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-links a span{color:#9a6f35!important;font-size:22px!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-links a.is-logout,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-links a.is-logout{margin-top:8px!important;border-radius:12px!important;background:#fff3ef!important;color:#9a4b3e!important}
}


/* Preview 45.200: einheitlicher App-Modus fuer Tablet und Desktop-PWA.
   Die normale Website bleibt unveraendert. Sobald die PWA/App explizit aktiv ist,
   bleibt die Kundenoberflaeche immer App und wird nur responsiv verbreitert. */
@media (min-width:701px){
  html.dkz-pwa-standalone body.dkz-pwa-app-account,
  body.dkz-pwa-explicit.dkz-pwa-app-account{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;background:#f8f6f1!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce{
    display:block!important;width:100%!important;max-width:1120px!important;margin:0 auto!important;
    padding:max(18px,env(safe-area-inset-top)) 24px 42px!important;box-sizing:border-box!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-navigation,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce-MyAccount-navigation{display:none!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-content,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce-MyAccount-content{
    display:block!important;width:100%!important;max-width:980px!important;min-width:0!important;margin:0 auto!important;
    padding:28px!important;box-sizing:border-box!important;border:1px solid rgba(140,106,67,.16)!important;
    border-radius:24px!important;background:rgba(255,253,249,.94)!important;box-shadow:0 12px 34px rgba(44,32,24,.07)!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tabbar,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tabbar{
    position:fixed!important;left:50%!important;right:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:min(calc(100vw - 32px),860px)!important;max-width:860px!important;min-height:72px!important;
    padding:7px 10px!important;box-sizing:border-box!important;border-radius:22px!important;overflow:visible!important;
    z-index:2147482000!important;background:#fffdf9!important;border:1px solid rgba(140,106,67,.18)!important;
    box-shadow:0 14px 42px rgba(44,32,24,.16)!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab{
    position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;min-height:56px!important;padding:5px 4px!important;pointer-events:auto!important;
    touch-action:manipulation!important;cursor:pointer!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-panel,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-panel{
    position:fixed!important;left:50%!important;right:auto!important;bottom:calc(98px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;width:min(calc(100vw - 40px),760px)!important;max-width:760px!important;
    max-height:min(72vh,680px)!important;overflow:auto!important;padding:18px!important;border-radius:22px!important;
    background:#fffdf9!important;box-shadow:0 22px 70px rgba(32,24,19,.25)!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-panel,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-panel{
    width:min(calc(100vw - 40px),760px)!important;max-width:760px!important;
  }
}

@media (min-width:1100px){
  html.dkz-pwa-standalone body.dkz-pwa-app-account .woocommerce-MyAccount-content,
  body.dkz-pwa-explicit.dkz-pwa-app-account .woocommerce-MyAccount-content{max-width:1040px!important;padding:34px!important}
}



/* Preview 45.201: dieselbe Mein-Kraftzentrum Bottom-Bar und dieselben Sheets
   auf ALLEN App-Breiten. Keine zweite Desktop-/Querformat-Navigation mehr.
   Das behebt breite Tablets/Desktop-PWA, bei denen Buchen/Mehr zwar geklickt
   wurden, die zugehoerigen Sheets aber durch alte >=1200px-Regeln versteckt blieben. */
@media (min-width:701px){
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab{
    appearance:none!important;-webkit-appearance:none!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:3px!important;width:100%!important;min-width:0!important;min-height:56px!important;margin:0!important;padding:5px 4px!important;
    border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;
    color:#3d3129!important;text-decoration:none!important;font:inherit!important;font-weight:inherit!important;line-height:1.2!important;
    pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab:hover,
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab:focus,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab:hover,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab:focus{
    background:#f7f2eb!important;color:#9a6f35!important;outline:none!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab>span,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab>span{font-size:22px!important;line-height:1!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-tab small,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-tab small{font-size:11px!important;font-weight:800!important;line-height:1.2!important}

  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-sheet[hidden],
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-sheet[hidden],
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-sheet[hidden],
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-sheet[hidden]{display:none!important}

  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-sheet:not([hidden]),
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-sheet:not([hidden]),
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-sheet:not([hidden]),
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-sheet:not([hidden]){
    position:fixed!important;inset:0!important;display:block!important;z-index:2147483000!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-backdrop,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-backdrop{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
    border:0!important;background:rgba(25,20,17,.48)!important;cursor:pointer!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-panel,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-panel{
    position:absolute!important;left:50%!important;right:auto!important;top:auto!important;
    bottom:calc(98px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
    width:min(calc(100vw - 40px),760px)!important;max-width:760px!important;max-height:min(72vh,680px)!important;overflow:auto!important;
    padding:18px!important;border:1px solid rgba(140,106,67,.2)!important;border-radius:22px!important;background:#fffdf9!important;
    box-shadow:0 22px 70px rgba(32,24,19,.25)!important;z-index:2147483001!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-panel,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-panel{
    position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
    transform:translate(-50%,-50%)!important;width:min(calc(100vw - 40px),760px)!important;max-width:760px!important;
    max-height:min(78vh,680px)!important;overflow:auto!important;padding:18px!important;border:1px solid rgba(140,106,67,.2)!important;
    border-radius:22px!important;background:#fffdf9!important;box-shadow:0 22px 70px rgba(32,24,19,.25)!important;z-index:2147483001!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-head,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-head{
    display:grid!important;grid-template-columns:40px 1fr 40px!important;align-items:center!important;margin-bottom:12px!important;
    padding:2px 4px 12px!important;border-bottom:1px solid rgba(140,106,67,.16)!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-head button,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-head button{
    appearance:none!important;display:grid!important;width:38px!important;height:38px!important;place-items:center!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:50%!important;background:#f7f2eb!important;color:#4a3a2f!important;font-size:20px!important;cursor:pointer!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-head strong,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-head strong{grid-column:2!important;text-align:center!important;font-size:18px!important;color:#2f2622!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-links,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-links{display:grid!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-account-links a,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-account-links a{
    display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:52px!important;padding:11px 13px!important;
    border-bottom:1px solid rgba(140,106,67,.12)!important;color:#3d3129!important;font-size:15px!important;font-weight:750!important;text-decoration:none!important;
  }
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-grid,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html.dkz-pwa-standalone body.dkz-pwa-app-account .dkz-mobile-booking-grid a,
  body.dkz-pwa-explicit.dkz-pwa-app-account .dkz-mobile-booking-grid a{
    display:flex!important;min-height:132px!important;flex-direction:column!important;align-items:flex-start!important;padding:17px!important;
    border:1px solid rgba(140,106,67,.2)!important;border-radius:16px!important;background:linear-gradient(145deg,#fffdf9,#faf3e8)!important;
    color:#2f2622!important;text-decoration:none!important;box-shadow:0 6px 16px rgba(44,32,24,.045)!important;
  }
  body.dkz-mobile-sheet-open{overflow:hidden!important}
}


/* 45.224 Kundendisplay-Behandlungsmodus: mobil robuste Eingabe */
.dkz-pwa-treatment-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,auto);gap:12px;align-items:end;min-width:0}
.dkz-pwa-treatment-form label{display:block;min-width:0}
.dkz-pwa-treatment-form label span{display:block;font-weight:700;margin-bottom:6px}
.dkz-pwa-treatment-form input[type=time]{display:block;width:100%;max-width:100%;box-sizing:border-box;min-width:0}
.dkz-pwa-treatment-form button{min-width:0;white-space:normal}
@media(max-width:620px){
  .dkz-pwa-treatment-form{grid-template-columns:1fr}
  .dkz-pwa-treatment-form button{width:100%}
}


/* 45.225 Behandlungsmodus einklappbar */
.dkz-pwa-treatment-panel{padding:0!important;overflow:hidden}
.dkz-pwa-treatment-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;cursor:pointer;list-style:none;user-select:none}
.dkz-pwa-treatment-summary::-webkit-details-marker{display:none}
.dkz-pwa-treatment-summary>span:first-child{display:grid;gap:4px;min-width:0}
.dkz-pwa-treatment-summary strong{font-size:clamp(20px,3vw,30px);color:#6f4517}
.dkz-pwa-treatment-summary-status{display:flex;align-items:center;gap:7px;flex:0 0 auto;font-weight:800;color:#3d3129}
.dkz-pwa-treatment-summary-status:after{content:'⌄';font-size:20px;line-height:1;transition:transform .18s ease}
.dkz-pwa-treatment-panel[open] .dkz-pwa-treatment-summary-status:after{transform:rotate(180deg)}
.dkz-pwa-treatment-body{padding:0 22px 22px}
@media(max-width:620px){
  .dkz-pwa-treatment-summary{padding:17px 18px}
  .dkz-pwa-treatment-summary strong{font-size:22px}
  .dkz-pwa-treatment-body{padding:0 18px 18px}
}


/* Preview 45.232 · Kempten CityCard ausschließlich im Mitarbeiter-App-Wizard */
.dkz-pwa-staff-new-booking .dkz-pwa-citycard-choice{display:flex!important;align-items:center;gap:11px;margin-top:6px;padding:13px 14px!important;border:1px solid rgba(139,105,61,.22);border-radius:14px;background:#fffaf2;cursor:pointer}
.dkz-pwa-staff-new-booking .dkz-pwa-citycard-choice input{flex:0 0 auto;margin:0}
.dkz-pwa-staff-new-booking .dkz-pwa-citycard-choice__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.dkz-pwa-staff-new-booking .dkz-pwa-citycard-choice__text strong{font-size:15px;color:#6f491b}
.dkz-pwa-staff-new-booking .dkz-pwa-citycard-choice__text small{font-size:12px;line-height:1.35;color:#6d6258}
.dkz-pwa-staff-new-booking .dkz-pwa-citycard-inline{margin:8px 0 4px 0!important;padding:12px!important;border:1px solid rgba(139,105,61,.16)!important;border-radius:13px!important;background:#fff!important;display:flex;gap:8px;flex-direction:column;align-items:stretch}
.dkz-pwa-staff-new-booking .dkz-pwa-citycard-inline[hidden]{display:none!important}
.dkz-pwa-staff-new-booking .dkz-pwa-citycard-open{width:100%;min-height:48px;font-weight:700}

/* Beta 1.49: mobile receipt QR success card */
.dkz-pwa-sale-success{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:18px 16px;border-radius:18px;overflow:hidden;text-align:center}
.dkz-pwa-sale-success>strong{display:block;font-size:18px;line-height:1.3}
.dkz-pwa-sale-success>span{white-space:normal!important;overflow-wrap:anywhere;line-height:1.45}
.dkz-pwa-sale-success>img{box-sizing:border-box;max-width:220px!important;width:min(220px,62vw)!important;height:auto!important;align-self:center;margin:8px auto 2px!important}
.dkz-pwa-sale-success>a.button{display:block;width:100%;box-sizing:border-box;text-align:center;margin-top:4px!important}
@media(max-width:420px){.dkz-pwa-sale-success{padding:16px 12px}.dkz-pwa-sale-success>img{width:min(200px,58vw)!important}}


/* Beta 1.55: Mitarbeiterportal im Browser/Desktop. Die Mitarbeiter-App bleibt
   derselbe Funktionskern; auf grossen Browserfenstern wird nur die Navigation
   und Arbeitsflaeche fuer Desktop verbreitert. */
.dkz-pwa-desktop-only{display:none!important}
.dkz-pwa-staff-desktop-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(139,105,61,.24);border-radius:999px;background:#fffdf8;color:#79562a;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
@media (min-width:1100px){
  body.dkz-pwa-staff-desktop{background:#f7f3ea!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-app{min-height:100vh;padding:34px 44px 54px 286px!important;box-sizing:border-box}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-head,
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-main{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-head{align-items:center;margin-bottom:22px}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-head h1{font-size:38px}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-main{min-width:0}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-stats-four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-panel{padding:22px 24px;border-radius:20px}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar{
    position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:242px!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;overflow-y:auto!important;
    padding:32px 18px!important;box-sizing:border-box!important;border-top:0!important;border-right:1px solid rgba(139,105,61,.18)!important;
    background:#fffdf9!important;box-shadow:10px 0 30px rgba(70,50,30,.05)!important;z-index:9999!important
  }
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar:before{content:"Mein\A Arbeitsbereich";white-space:pre-line;display:block;margin:0 8px 18px;color:#855f2f;font-family:Georgia,serif;font-size:22px;font-weight:700;line-height:1.15}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;justify-content:stretch!important;gap:10px!important;min-height:44px!important;padding:9px 11px!important;border-radius:12px!important;text-align:left!important;color:#4a3a30!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a>span{font-size:20px!important;text-align:center!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a>small{font-size:13px!important;font-weight:750!important;white-space:normal!important;text-align:left!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a.is-active{background:#f4eadb!important;color:#79501f!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a.is-active:before{display:none!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a:nth-of-type(4){display:none!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-desktop-only{display:grid!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a.is-logout{margin-top:auto!important;color:#8a4d3e!important;background:#fff5f1!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-list article,
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-booking-card{padding-left:14px;padding-right:14px}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-actions a:first-child{grid-column:auto}
  body.dkz-pwa-staff-desktop .dkz-pwa-sale-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  body.dkz-pwa-staff-desktop .dkz-pwa-sale-payments,
  body.dkz-pwa-staff-desktop .dkz-pwa-sale-submit{grid-column:1/-1}
}

/* Beta 1.56: Desktop-Mitarbeiter haben in der Seitenleiste wieder einen klaren Wechsel zu Mein Kraftzentrum; Desktop-Abmeldung fuehrt zum normalen Konto-Login. */


/* Beta 1.59: Desktop-Arbeitsbereich nutzt denselben Seitenaufbau wie Mein Kraftzentrum statt eines PWA-Vollbild-Layouts. */
@media (min-width:1100px){
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-app{
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr!important;
    column-gap:30px!important;
    row-gap:0!important;
    width:min(calc(100% - 48px),1280px)!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:32px 0 58px!important;
    background:transparent!important;
  }
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar{
    position:sticky!important;
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    left:auto!important;right:auto!important;top:105px!important;bottom:auto!important;
    width:270px!important;height:auto!important;max-height:calc(100vh - 125px)!important;
    padding:10px!important;border:1px solid rgba(139,105,61,.18)!important;border-radius:18px!important;
    background:#fffdf9!important;box-shadow:0 12px 34px rgba(70,50,30,.06)!important;
  }
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar:before{margin:10px 12px 18px!important;font-size:22px!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-head{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0 0 20px!important;padding:4px 2px 18px!important;border-bottom:1px solid rgba(139,105,61,.13)!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-main{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-head .dkz-pwa-staff-desktop-badge{display:none!important}
}


/* Beta 1.60: gemeinsame Desktop-Bereichssprache und klar abgesetzter Bereichswechsel. */
@media (min-width:1100px){
  body.dkz-pwa-staff-desktop .dkz-pwa-area-divider{display:block!important;height:1px!important;min-height:1px!important;margin:9px 8px 8px!important;background:rgba(139,105,61,.16)!important;border:0!important;padding:0!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-area-switch{background:#fbf7f0!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-area-switch:hover{background:#f1e6d5!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a.is-logout{margin-top:8px!important}
}

/* Beta 1.61: Arbeitsbereich - Bereichsblock und Abmeldung wie in allen Desktop-Bereichen. */
@media (min-width:1100px){
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a.is-logout{background:#fff0ec!important;color:#9a4438!important;font-weight:800!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a.is-logout:hover{background:#f8ddd6!important;color:#7d3028!important}
}

/* Beta 1.64: gemeinsame Desktop-Sidebar als Referenz fuer alle Bereiche. */
@media (min-width:1100px){
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar{
    width:270px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid rgba(139,105,61,.18)!important;
    border-radius:18px!important;
    background:#fffdf9!important;
    box-shadow:0 12px 34px rgba(70,50,30,.06)!important;
  }
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar:before{margin:10px 12px 18px!important;line-height:1.15!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-area-divider{height:1px!important;min-height:1px!important;margin:9px 8px 8px!important;background:rgba(139,105,61,.16)!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-area-switch{background:#fbf7f0!important}
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar>a.is-logout{margin-top:8px!important;background:#fff0ec!important;color:#9a4438!important;font-weight:800!important}
}


/* Beta 1.66: Desktop-Sidebar bleibt auf allen Unterseiten an derselben natuerlichen Oberkante.
   Kein sticky Nach-oben-Springen mehr beim Wechsel zwischen Menuepunkten. */
@media (min-width:1100px){
  body.dkz-pwa-staff-desktop .dkz-pwa-staff-tabbar{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    align-self:start!important;
  }
}
\n\n/* 5.0-beta.1.86: installed PWA Community feed actions.\n   Override app/theme button styles so feed expand/comment controls stay subtle. */\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-feed-more,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-feed-more,\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-comment-toggle,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-comment-toggle{\n  appearance:none!important;-webkit-appearance:none!important;\n  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;\n  width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;\n  margin:4px 0!important;padding:4px 0!important;border:0!important;border-radius:0!important;\n  background:transparent!important;background-color:transparent!important;background-image:none!important;\n  box-shadow:none!important;color:var(--comm-sage-dark,#536451)!important;\n  font:inherit!important;font-weight:700!important;line-height:1.35!important;text-decoration:none!important;\n}\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-feed-more:hover,\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-feed-more:focus,\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-feed-more:active,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-feed-more:hover,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-feed-more:focus,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-feed-more:active,\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-comment-toggle:hover,\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-comment-toggle:focus,\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-comment-toggle:active,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-comment-toggle:hover,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-comment-toggle:focus,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-comment-toggle:active{\n  background:transparent!important;background-color:transparent!important;background-image:none!important;\n  box-shadow:none!important;color:var(--comm-ink,#30352f)!important;\n}\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-feed-more:focus-visible,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-feed-more:focus-visible,\nbody.dkz-pwa-explicit .dkz-comm-app .dkz-comm-comment-toggle:focus-visible,\nhtml.dkz-pwa-standalone .dkz-comm-app .dkz-comm-comment-toggle:focus-visible{\n  outline:2px solid currentColor!important;outline-offset:3px!important;\n}\n