:is(.app-shell,.internal-login){--ui-page:#fbfaf8;--ui-surface:#fff;--ui-surface-secondary:#f7f3f1;--ui-text:#282522;--ui-text-secondary:#68625f;--ui-border:#e8e4e1;--ui-control-border:#8d8d8d;--ui-brand-primary:#9e555c;--ui-brand-hover:#88464e;--ui-brand-subtle:#f6e5e4;--ui-on-brand-subtle:var(--ui-brand-hover);--ui-brand-decorative:#ce8588;--ui-success:#407058;--ui-success-surface:#edf6f0;--ui-warning:#8a642d;--ui-warning-surface:#fbf4e7;--ui-error:#a34945;--ui-error-surface:#fdf0ef;--ui-info:#4c667a;--ui-info-surface:#f0f4f7;--ui-type-page:2rem;--ui-type-section:1.375rem;--ui-type-group:1rem;--ui-type-body:.9375rem;--ui-type-secondary:.875rem;--ui-type-meta:.75rem;--ui-type-label:.8125rem;--ui-type-button:.875rem;--ui-type-status:.75rem;--ui-weight-regular:400;--ui-weight-medium:500;--ui-weight-emphasis:600;--ui-line-page:1.2;--ui-line-heading:1.3;--ui-line-body:1.5;--ui-line-control:1.4;--ui-space-inline:var(--space-2);--ui-space-field:var(--space-4);--ui-space-group:var(--space-6);--ui-space-section:var(--space-8);--ui-radius-small:6px;--ui-radius-control:10px;--ui-radius-panel:16px;--ui-shadow-overlay:0 8px 32px #2825221f;--color-canvas:var(--ui-page);--color-canvas-warm:var(--ui-surface-secondary);--color-surface:var(--ui-surface);--color-surface-soft:var(--ui-surface-secondary);--color-surface-accent:var(--ui-surface-secondary);--color-text:var(--ui-text);--color-text-soft:var(--ui-text);--color-muted:var(--ui-text-secondary);--color-border:var(--ui-border);--color-border-strong:var(--ui-border);--color-accent:var(--ui-brand-decorative);--color-accent-hover:var(--ui-brand-primary);--color-accent-soft:var(--ui-brand-subtle);--color-success:var(--ui-success);--color-success-soft:var(--ui-success-surface);--color-warning:var(--ui-warning);--color-warning-soft:var(--ui-warning-surface);--color-danger:var(--ui-error);--color-danger-soft:var(--ui-error-surface);--radius-sm:var(--ui-radius-control);--radius-md:var(--ui-radius-panel);--radius-lg:var(--ui-radius-panel);--radius-xl:var(--ui-radius-panel);--shadow-subtle:none;--shadow-float:var(--ui-shadow-overlay);--focus-ring:0 0 0 3px var(--ui-brand-subtle);--ink:var(--color-text);--muted:var(--color-muted);--paper:var(--color-canvas);--surface:var(--color-surface);--line:var(--color-border);--clay:var(--color-accent);--clay-dark:var(--color-accent-hover);--sage:var(--color-success);--sand:var(--color-accent-soft);--shadow:var(--shadow-subtle);color:var(--ui-text);background:var(--ui-page);font-size:var(--ui-type-body);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-body)}:is(.app-shell,.internal-login) :is(h1,h2,h3,h4,strong,b){font-weight:var(--ui-weight-emphasis)}:is(.app-shell,.internal-login) :is(.page-title h1,.auth-card h1){font-size:var(--ui-type-page);line-height:var(--ui-line-page);letter-spacing:-.025em}:is(.app-shell,.internal-login) :is(.page-content h2,.auth-aside h2){font-size:var(--ui-type-section);line-height:var(--ui-line-heading);letter-spacing:-.015em}:is(.app-shell,.internal-login) :is(h3,h4,.service-card h2,.calendar-day-agenda h2){font-size:var(--ui-type-group);line-height:var(--ui-line-heading)}:is(.app-shell,.internal-login) :is(.page-title>p:last-child,.lede,.settings-card-intro p:not(.eyebrow),.appointment-editor-intro p:not(.eyebrow),.panel-heading p,.auth-aside li){font-size:var(--ui-type-secondary);line-height:var(--ui-line-body);font-weight:var(--ui-weight-regular)}:is(.app-shell,.internal-login) :is(small,.field-help,.customer-insight-note,.customer-date,.customer-priority-grid span,.customer-insight-grid span,.customer-list-header,.service-card dt){font-size:var(--ui-type-meta);line-height:var(--ui-line-body);font-weight:var(--ui-weight-regular);letter-spacing:normal}:is(.app-shell,.internal-login) :is(.customer-priority-grid span,.customer-insight-grid span,.service-card dt){text-transform:none}:is(.app-shell,.internal-login) :is(.customer-name strong,.customer-last-appointment strong,.customer-next-appointment,.customer-contact,.finance-record-list strong,.finance-record-list b,.service-card dd,.customer-priority-grid strong,.customer-insight-grid strong){font-size:var(--ui-type-secondary);line-height:var(--ui-line-body)}:is(.app-shell,.internal-login) .service-card dd{font-weight:var(--ui-weight-emphasis)}:is(.app-shell,.internal-login) :is(.month-weekday,.customer-meta span,.settings-actions span,.calendar-alias-empty,.service-public-hint,.service-compatibility-summary,.finance-disclaimer,.finance-evidence-note,.revenue-legend,.finance-year-metrics span,.appointment-pricing-summary dt,.appointment-snapshot-detail p,.appointment-snapshot-detail ul,.payment-comparison dt){font-size:var(--ui-type-meta);line-height:var(--ui-line-body);font-weight:var(--ui-weight-regular);letter-spacing:normal;text-transform:none}:is(.app-shell,.internal-login) :is(.finance-list-heading p:not(.eyebrow),.free-time-panel>div:first-child>p:last-child,.appointment-pricing-summary dd,.payment-comparison dd){font-size:var(--ui-type-secondary);line-height:var(--ui-line-body)}:is(.app-shell,.internal-login) :is(.appointment-pricing-summary dd,.payment-comparison dd){font-weight:var(--ui-weight-emphasis);font-variant-numeric:tabular-nums}:is(.app-shell,.internal-login) .customer-name>span:first-child{font-size:var(--ui-type-meta);font-weight:var(--ui-weight-medium)}:is(.app-shell,.internal-login) :is(.auth-aside,.free-time-panel){background:var(--ui-surface-secondary);border-color:var(--ui-border)}:is(.app-shell,.internal-login) .eyebrow{font-size:var(--ui-type-meta);font-weight:var(--ui-weight-emphasis);line-height:var(--ui-line-body);letter-spacing:.12em}:is(.app-shell,.internal-login) :is(.agenda-time,.appointment-time,.appointment-price,.finance-record-list b,.finance-month-metrics strong,.finance-year-metrics strong,.customer-insight-grid strong,.payment-comparison dd,.service-card dd,input[type=number],input[type=date],input[type=time]){font-variant-numeric:tabular-nums}@media (max-width:900px){:is(.app-shell,.internal-login){--ui-type-page:1.75rem;--ui-type-section:1.25rem;--ui-type-body:1rem;--ui-type-label:.875rem;--ui-space-group:var(--space-5)}}:is(.app-shell,.internal-login) .app-navigation a{color:var(--ui-text-secondary);font-size:var(--ui-type-secondary);font-weight:var(--ui-weight-medium);line-height:var(--ui-line-control);border-radius:var(--ui-radius-control)}:is(.app-shell,.internal-login) .app-navigation a.active{color:var(--ui-brand-hover);background:var(--ui-brand-subtle);font-weight:var(--ui-weight-emphasis)}:is(.app-shell,.internal-login) .mobile-bottom-nav{box-shadow:none;grid-auto-columns:minmax(44px,auto)}:is(.app-shell,.internal-login) .mobile-bottom-nav a{gap:var(--space-1);font-size:var(--ui-type-meta);font-weight:var(--ui-weight-medium);border-radius:var(--ui-radius-control);white-space:nowrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;line-height:1.2}:is(.app-shell,.internal-login) .mobile-bottom-nav a.active{color:var(--ui-on-brand-subtle);background:var(--ui-brand-subtle);font-weight:var(--ui-weight-emphasis)}:is(.app-shell,.internal-login) :is(.account-copy strong,.studio-switcher strong){font-size:var(--ui-type-label);font-weight:var(--ui-weight-medium)}:is(.app-shell,.internal-login) :is(.account-copy small,.studio-switcher>span){font-size:var(--ui-type-meta);line-height:var(--ui-line-body);letter-spacing:normal}:is(.app-shell,.internal-login) .internal-back-nav a{gap:var(--ui-space-inline);font-size:var(--ui-type-secondary);font-weight:var(--ui-weight-medium);border-radius:var(--ui-radius-control)}:is(.app-shell,.internal-login) .page-content{gap:var(--ui-space-field);padding-top:var(--ui-space-group)}:is(.app-shell,.internal-login) .workspace-primary-action{border-radius:var(--ui-radius-control);box-shadow:none}:is(.app-shell,.internal-login) :is(.inline-action,.calendar-secondary-link,.finance-subnav a,.view-switch button,.today-button,.week-navigation button,.catalog-filter-bar button,.free-time-list button,.appointment-snapshot-detail summary){min-height:44px;font-size:var(--ui-type-button);font-weight:var(--ui-weight-medium);line-height:var(--ui-line-control)}:is(.app-shell,.internal-login) :is(.inline-action,.today-button,.week-navigation button){border-radius:var(--ui-radius-control)}:is(.app-shell,.internal-login) :is(.catalog-filter-bar button,.free-time-list button,.today-button,.week-navigation button){border-color:var(--ui-control-border)}:is(.app-shell,.internal-login) :is(.view-switch button.active,.catalog-filter-bar button.active,.finance-subnav a[aria-current=page]){color:var(--ui-on-brand-subtle);font-weight:var(--ui-weight-emphasis);box-shadow:none}:is(.app-shell,.internal-login) .view-switch{border-radius:var(--ui-radius-control)}:is(.app-shell,.internal-login) .view-switch button{border-radius:var(--ui-radius-small)}:is(.app-shell,.internal-login) .view-switch button.active{background:var(--ui-brand-subtle)}:is(.app-shell,.internal-login) .catalog-filter-bar button,:is(.app-shell,.internal-login) .catalog-switch{border-radius:var(--ui-radius-control)}:is(.app-shell,.internal-login) .catalog-switch button{border-radius:var(--ui-radius-small)}:is(.app-shell,.internal-login) .catalog-switch button.active{color:var(--ui-on-brand-subtle);background:var(--ui-brand-subtle)}:is(.app-shell,.internal-login) :is(.view-switch button,.catalog-filter-bar button,.today-button,.week-navigation button):hover:not(:disabled){background:var(--ui-brand-subtle);color:var(--ui-brand-hover)}:is(.app-shell,.internal-login) :is(.primary-button,.primary-link,.secondary-button,.secondary-link,.danger-button,.ghost-link,.text-button,.quiet-button,.logout-button,.icon-button,.load-more-button){border-radius:var(--ui-radius-control);min-height:44px;font-size:var(--ui-type-button);font-weight:var(--ui-weight-emphasis);line-height:var(--ui-line-control);box-shadow:none;transform:none}:is(.app-shell,.internal-login) :is(.primary-button,.primary-link,.secondary-button,.secondary-link,.danger-button,.ghost-link){gap:var(--ui-space-inline);padding:10px 16px}:is(.app-shell,.internal-login) :is(.primary-button,.primary-link){border-color:var(--ui-brand-primary);background:var(--ui-brand-primary);color:var(--ui-surface)}:is(.app-shell,.internal-login) :is(.primary-button,.primary-link):hover:not(:disabled){background:var(--ui-brand-hover);border-color:var(--ui-brand-hover)}:is(.app-shell,.internal-login) :is(.secondary-button,.secondary-link){border-color:var(--ui-control-border);background:var(--ui-surface);color:var(--ui-text)}:is(.app-shell,.internal-login) :is(.secondary-button,.secondary-link):hover:not(:disabled){background:var(--ui-surface-secondary);border-color:var(--ui-text-secondary)}:is(.app-shell,.internal-login) :is(.ghost-link,.text-button,.quiet-button,.logout-button){padding-inline:var(--space-2);color:var(--ui-brand-hover)}:is(.app-shell,.internal-login) :is(.ghost-link,.text-button,.quiet-button,.logout-button):hover:not(:disabled){background:var(--ui-surface-secondary)}:is(.app-shell,.internal-login) .danger-button{border-color:var(--ui-error);color:var(--ui-error);background:var(--ui-surface)}:is(.app-shell,.internal-login) .danger-button:hover:not(:disabled){background:var(--ui-error-surface)}:is(.app-shell,.internal-login) :is(button:disabled,input:disabled,select:disabled,textarea:disabled){opacity:1;cursor:not-allowed;color:var(--ui-text-secondary);background:var(--ui-surface-secondary)}:is(.app-shell,.internal-login) button:disabled[aria-busy=true]{cursor:progress;background:var(--ui-brand-primary);color:var(--ui-surface)}:is(.app-shell,.internal-login) [aria-busy=true] button:disabled{cursor:progress}:is(.app-shell,.internal-login) :is(label,.finance-filter-panel label,.customer-picker>label){gap:var(--space-2);font-size:var(--ui-type-label);font-weight:var(--ui-weight-medium);line-height:var(--ui-line-body)}:is(.app-shell,.internal-login) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-color:var(--ui-control-border);border-radius:var(--ui-radius-control);min-height:44px;font-size:var(--ui-type-body);font-weight:var(--ui-weight-regular);line-height:var(--ui-line-control);color:var(--ui-text)}:is(.app-shell,.internal-login) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):not(:disabled){background-color:var(--ui-page)}:is(.app-shell,.internal-login) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):hover:not(:disabled){border-color:var(--ui-text-secondary);background-color:var(--ui-surface)}:is(.app-shell,.internal-login) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):disabled{border-color:var(--ui-border);color:var(--ui-text-secondary);background-color:var(--ui-surface-secondary)}:is(.app-shell,.internal-login) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):is([aria-invalid=true],:user-invalid):not(:disabled){border-color:var(--ui-error);background-color:var(--ui-error-surface)}:is(.app-shell,.internal-login) :is(input,textarea)::placeholder{color:var(--ui-text-secondary);opacity:1}:is(.app-shell,.internal-login) :is(input[type=checkbox],input[type=radio]){accent-color:var(--ui-brand-primary)}:is(.app-shell,.internal-login) :is(input,select,textarea):focus{border-color:var(--ui-brand-primary);box-shadow:none;outline:2px solid var(--ui-brand-primary);outline-offset:2px}:is(.app-shell,.internal-login) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):focus:not(:disabled):not([aria-invalid=true]):not(:user-invalid){border-color:var(--ui-brand-primary);background-color:var(--ui-surface)}:is(.app-shell,.internal-login) :focus-visible{outline:2px solid var(--ui-brand-primary);outline-offset:3px}:is(.app-shell,.internal-login) :is(.form-stack,.settings-fields),:is(.app-shell,.internal-login) :is(.form-button-row,.appointment-form-actions,.confirmation-dialog>div){gap:var(--ui-space-field)}:is(.app-shell,.internal-login) :is(.notice,.form-error,.type-pill,.state-pill,.payment-state,.appointment-status,.customer-lifecycle-badge,.model-customer-badge,.service-status,.customer-last-appointment em){border-radius:var(--ui-radius-small);font-size:var(--ui-type-status);font-weight:var(--ui-weight-medium);line-height:var(--ui-line-body)}:is(.app-shell,.internal-login) .service-status.public{color:var(--ui-on-brand-subtle)}:is(.app-shell,.internal-login) :is(.notice,.form-error){font-size:var(--ui-type-secondary);padding:var(--space-3) var(--space-4)}:is(.app-shell,.internal-login) .notice.info{color:var(--ui-info);background:var(--ui-info-surface)}:is(.app-shell,.internal-login) :is(.type-pill,.model-customer-badge){color:var(--ui-text-secondary);background:var(--ui-surface-secondary)}:is(.app-shell,.internal-login) .payment-state.paid{color:var(--ui-success);background:var(--ui-success-surface)}:is(.app-shell,.internal-login) .payment-state.open{color:var(--ui-warning);background:var(--ui-warning-surface)}:is(.app-shell,.internal-login) .payment-state.not_required{color:var(--ui-text-secondary);background:var(--ui-surface-secondary)}:is(.app-shell,.internal-login) .confirmation-modal{border-radius:var(--ui-radius-panel);box-shadow:var(--ui-shadow-overlay);padding:var(--ui-space-group)}:is(.app-shell,.internal-login) .confirmation-modal h2{font-size:var(--ui-type-section);line-height:var(--ui-line-heading)}:is(.app-shell,.internal-login) .confirmation-modal p:not(.eyebrow){font-size:var(--ui-type-secondary)}:is(.app-shell,.internal-login) .customer-picker-popup{border-color:var(--ui-control-border);border-radius:var(--ui-radius-panel);box-shadow:var(--ui-shadow-overlay)}:is(.app-shell,.internal-login) .customer-picker-popup [role=option]{min-height:44px;font-size:var(--ui-type-secondary)}:is(.app-shell,.internal-login) .customer-picker-popup [role=option].active{color:var(--ui-on-brand-subtle);background:var(--ui-brand-subtle);outline:2px solid var(--ui-brand-primary);outline-offset:-2px}:is(.app-shell,.internal-login) :is(.customer-picker-popup strong,.customer-picker-popup small,.account-copy strong,.customer-name strong,.finance-record-list strong,.finance-record-list small){white-space:normal;overflow-wrap:anywhere}:is(.app-shell,.internal-login) .customer-picker-popup p{font-size:var(--ui-type-meta)}:is(.app-shell,.internal-login) .login-recovery{margin:var(--space-3) 0 0}:is(.app-shell,.internal-login) :is(.login-recovery a,.alternate a){min-height:44px;font-size:var(--ui-type-secondary);font-weight:var(--ui-weight-medium);color:var(--ui-brand-hover);text-underline-offset:3px;align-items:center;display:inline-flex}@media (max-width:900px){:is(.app-shell,.internal-login) .workspace-primary-action{min-height:48px}}@media (min-width:1100px){:is(.app-shell,.internal-login) .customer-insight-grid:not(.finance)>article{padding-inline:var(--space-2)}}@media (max-width:700px){:is(.app-shell,.internal-login) .finance-subnav{border-radius:var(--ui-radius-control)}:is(.app-shell,.internal-login) .finance-subnav a{border-radius:var(--ui-radius-small)}}@media (max-width:820px),(hover:none) and (pointer:coarse){:is(.app-shell,.internal-login) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:max(16px, var(--ui-type-body))}}
.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack,.customer-priority-grid){--r12-surface:#fff;--r12-soft:#f8f1ef;--r12-line:#e8e1dc;--r12-radius:10px}.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack,.customer-priority-grid)>.page-header{border-bottom-color:var(--r12-line);padding-block:22px 16px}.app-main:has([aria-label=Dein\ Arbeitstag],.customer-priority-grid)>.page-header h1{letter-spacing:-.035em;font-size:1.75rem;line-height:1.2}.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack,.customer-priority-grid)>.page-header .eyebrow{margin-bottom:8px}.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack,.customer-priority-grid)>.page-header :is(.primary-button,.secondary-button){border-radius:8px;min-height:44px;padding-inline:16px;font-size:.8125rem}.app-shell .appointment-stack .appointment-controls{background:var(--r12-surface);border-radius:var(--r12-radius);border:0;padding:8px 12px}.app-shell .appointment-stack .free-time-panel{border:0;border-top:1px solid var(--r12-line);background:0 0;border-radius:0}.app-shell .mobile-month-navigation{gap:8px}.app-shell .mobile-month-navigation h2{font-size:1.125rem}.app-shell .mobile-month-grid button{border-radius:8px}.app-shell .mobile-month-grid button[aria-pressed=true]{background:var(--ui-brand-subtle);color:var(--ui-brand-hover);font-weight:600}@media (max-width:700px){.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack):has(.workspace-primary-action){height:calc(100dvh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack)>.page-header:has(.workspace-primary-action){grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack)>.page-header .page-actions:has(.workspace-primary-action){justify-content:flex-end;width:auto;display:flex}.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack) .workspace-primary-action{width:auto;min-height:44px;box-shadow:none;border-radius:8px;flex:none;padding:8px 16px;position:static}.app-main:has([aria-label=Dein\ Arbeitstag],.appointment-stack,.customer-priority-grid)>.page-header{padding-block:12px}.app-main:has([aria-label=Dein\ Arbeitstag],.customer-priority-grid)>.page-header h1{font-size:1.5rem}}
.app-shell.r121{--ds-canvas:#fbfaf8;--ds-surface:#fff;--ds-soft:#f7f1ef;--ds-text:#282522;--ds-muted:#68625f;--ds-line:#e8e1dc;--ds-control:#888;--ds-brand:#9e555c;--ds-brand-strong:#88464e;--ds-brand-soft:#f6e5e4;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-space-7:48px;--ds-title:1.625rem;--ds-section:1.125rem;--ds-body:.9375rem;--ds-label:.875rem;--ds-meta:.8125rem;--ds-radius:8px;--ds-panel:12px;--ds-shadow:0 8px 24px #28252214;background:var(--ds-canvas)}.app-shell.r121>.app-main{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(24px,3vw,48px)}.app-shell.r121 .page-header{padding-block:var(--ds-space-5);gap:var(--ds-space-4);border-bottom:1px solid var(--ds-line)}.app-shell.r121 .page-header .eyebrow{font-size:var(--ds-meta);letter-spacing:.12em;margin-bottom:var(--ds-space-2)}.app-shell.r121 .page-header h1{font-size:var(--ds-title);letter-spacing:-.035em;font-weight:600;line-height:1.2}.app-shell.r121[data-design-surface=today] .page-title h1{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal}.app-shell.r121 .page-title>p:last-child{font-size:var(--ds-label);max-width:56ch;margin-block:var(--ds-space-2) 0;line-height:1.5}.app-shell.r121 .page-content{padding-top:var(--ds-space-5)}.app-shell.r121 :is(.page-header,.settings-form,.appointment-controls,.free-time-panel) :is(button,.primary-link,.secondary-link){min-height:44px;padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius);font-size:var(--ds-label);box-shadow:none;line-height:1.4}.app-shell.r121 :is(.page-header,.settings-form) :is(.primary-button,.primary-link){background:var(--ds-brand);color:#fff;border-color:var(--ds-brand)}.app-shell.r121 :is(.page-header,.settings-form) :is(.primary-button,.primary-link):hover:not(:disabled){background:var(--ds-brand-strong)}.app-shell.r121 :is(.page-header,.settings-form) :is(.secondary-button,.secondary-link){border-color:var(--ds-control);color:var(--ds-text);background:0 0}.app-shell.r121 :is(.page-header,.settings-form,.appointment-controls,.mobile-month-grid,.app-navigation) :focus-visible{outline:2px solid var(--ds-brand);outline-offset:3px}@media (min-width:901px){.app-shell.r121{grid-template-columns:208px minmax(0,1fr)}.app-shell.r121>.app-sidebar{padding:var(--ds-space-5) var(--ds-space-4);background:var(--ds-surface)}.app-shell.r121 .app-navigation{gap:var(--ds-space-1)}.app-shell.r121 .app-navigation a{min-height:44px;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius);font-size:var(--ds-label)}.app-shell.r121 .app-navigation a.active{background:var(--ds-brand-soft);color:var(--ds-brand-strong)}.app-shell.r121 .account-copy strong{font-size:var(--ds-label)}}.app-shell.r121 [aria-label=Dein\ Arbeitstag]{gap:var(--ds-space-5)}.app-shell.r121 [aria-label=Dein\ Arbeitstag]>div:first-child h2{font-size:var(--ds-section);margin:0}.app-shell.r121 [aria-label=Dein\ Arbeitstag]>:is([aria-label=Tagesstatus],button[aria-label^="Termin öffnen:"]){padding:var(--ds-space-5);border-radius:0 var(--ds-panel) var(--ds-panel) 0;background:var(--ds-soft);border-left-width:2px}.app-shell.r121 [aria-labelledby=today-rebooking-title]{padding-block:var(--ds-space-4)}.app-shell.r121 [aria-label=Dein\ Arbeitstag] :is(#today-rebooking-title,#today-open-payments-title){font-size:var(--ds-section);font-weight:600}.app-shell.r121 [aria-labelledby=today-open-payments-title]>p{font-size:var(--ds-meta);margin-block:var(--ds-space-2) var(--ds-space-3)}.app-shell.r121 [aria-labelledby=today-open-payments-title] button{padding:var(--ds-space-3) var(--ds-space-2);border-radius:var(--ds-radius);min-height:44px}.app-shell.r121 [aria-labelledby=today-open-payments-title] button strong{font-size:var(--ds-label);font-weight:600}.app-shell.r121 [aria-labelledby=today-open-payments-title] button small{font-size:var(--ds-meta)}.app-shell.r121 .appointment-controls{padding:var(--ds-space-2) 0;background:0 0;border-radius:0}.app-shell.r121 .view-switch{background:var(--ds-surface);border:1px solid var(--ds-line);padding:var(--ds-space-1);border-radius:var(--ds-panel)}.app-shell.r121 .week-navigation>strong{font-size:var(--ds-label);font-variant-numeric:tabular-nums}.app-shell.r121 .calendar-day-agenda{border-radius:var(--ds-panel);background:var(--ds-surface)}.app-shell.r121 .calendar-day-agenda>h2{padding:var(--ds-space-4) var(--ds-space-5);font-size:var(--ds-section)}.app-shell.r121 .appointment-stack .calendar-day-agenda .calendar-agenda-card{padding:var(--ds-space-3) var(--ds-space-5);gap:var(--ds-space-1) var(--ds-space-4);border-left:0;border-top:1px solid var(--ds-line);min-height:64px}.app-shell.r121 .calendar-agenda-card>strong{font-size:var(--ds-body);font-weight:600}.app-shell.r121 .calendar-agenda-card>span:not(.agenda-time){font-size:var(--ds-meta)}.app-shell.r121 .calendar-agenda-card .agenda-time{font-size:var(--ds-meta);font-variant-numeric:tabular-nums}.app-shell.r121 .appointment-stack .calendar-day-agenda .calendar-agenda-block{padding:var(--ds-space-3) var(--ds-space-5);background:var(--ds-soft)}.app-shell.r121 .free-time-panel{gap:var(--ds-space-4);padding:var(--ds-space-4) 0}.app-shell.r121 .free-time-panel h2{font-size:var(--ds-section)}.app-shell.r121 .free-time-panel p{font-size:var(--ds-meta)}.app-shell.r121 .free-time-list button{background:var(--ds-surface)}.app-shell.r121 .mobile-month-navigation h2{font-size:var(--ds-section)}.app-shell.r121 .mobile-month-grid button{border-radius:var(--ds-radius);min-height:44px}.app-shell.r121[data-design-surface=studio] .settings-form{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--ds-panel);padding:0 var(--ds-space-5)}.app-shell.r121[data-design-surface=studio] .settings-form>fieldset{gap:0}.app-shell.r121[data-design-surface=studio] .settings-card{padding:var(--ds-space-5) 0;border:0;border-bottom:1px solid var(--ds-line);background:0 0;border-radius:0;display:block}.app-shell.r121[data-design-surface=studio] .settings-card-intro{margin-bottom:var(--ds-space-5)}.app-shell.r121[data-design-surface=studio] .settings-card-intro h2{font-size:var(--ds-section);margin-block:var(--ds-space-1)}.app-shell.r121[data-design-surface=studio] .settings-card-intro p{font-size:var(--ds-meta);margin-block:var(--ds-space-1)}.app-shell.r121[data-design-surface=studio] .settings-card-intro .eyebrow{color:var(--ds-muted);letter-spacing:.08em}.app-shell.r121[data-design-surface=studio] .settings-fields{gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr)}.app-shell.r121[data-design-surface=studio] .settings-fields>label:not(.toggle-row){gap:var(--ds-space-1) var(--ds-space-5);font-size:var(--ds-label);grid-template-columns:minmax(120px,.65fr) minmax(0,1.65fr);align-items:start;line-height:1.5;display:grid}.app-shell.r121[data-design-surface=studio] .settings-fields>label:not(.toggle-row)>:is(input:not([type=checkbox]),select,textarea){border-radius:var(--ds-radius);border-color:var(--ds-control);background:var(--ds-canvas);width:100%;min-width:0;min-height:44px;font-size:var(--ds-body);padding:var(--ds-space-2) var(--ds-space-3);grid-area:1/2}.app-shell.r121[data-design-surface=studio] .settings-fields>label>small{font-size:var(--ds-meta);color:var(--ds-muted);grid-column:2}.app-shell.r121[data-design-surface=studio] .settings-fields>label>textarea{resize:vertical;min-height:108px}.app-shell.r121[data-design-surface=studio] .settings-actions{padding:var(--ds-space-5) 0;box-shadow:none;gap:var(--ds-space-4);background:0 0;border:0;position:static}.app-shell.r121[data-design-surface=studio] .settings-actions strong{font-size:var(--ds-label)}.app-shell.r121[data-design-surface=studio] .settings-actions span{font-size:var(--ds-meta)}@media (max-width:700px){.app-shell.r121{--ds-title:1.5rem}.app-shell.r121>.app-main{padding-inline:max(18px, env(safe-area-inset-left)) max(18px, env(safe-area-inset-right))}.app-shell.r121 .page-header{padding-block:var(--ds-space-4);gap:var(--ds-space-3)}.app-shell.r121 .page-header:has(.workspace-primary-action){grid-template-columns:minmax(0,1fr) auto;align-items:start}.app-shell.r121 .page-header:has(.workspace-primary-action) .page-title{grid-column:1}.app-shell.r121 .page-header:has(.workspace-primary-action) .page-actions{grid-area:1/2;align-self:end}.app-shell.r121 .page-header .workspace-primary-action{padding-inline:var(--ds-space-3);white-space:nowrap}.app-shell.r121[data-design-surface=today] .page-header:has(.workspace-primary-action){flex-wrap:wrap;align-items:center;display:flex}.app-shell.r121[data-design-surface=today] .page-header .page-title{flex:1 1 max-content;min-width:0;max-width:100%}.app-shell.r121[data-design-surface=today] .page-header .page-actions{flex:none;align-self:auto}.app-shell.r121 .page-content{padding-top:var(--ds-space-4)}.app-shell.r121 [aria-label=Dein\ Arbeitstag]>:is([aria-label=Tagesstatus],button[aria-label^="Termin öffnen:"]){padding:var(--ds-space-4)}.app-shell.r121 .appointment-stack .calendar-day-agenda .calendar-agenda-card{padding:var(--ds-space-3);gap:var(--ds-space-1) var(--ds-space-3);grid-template-columns:5rem minmax(0,1fr)}.app-shell.r121 .calendar-day-agenda>h2{padding:var(--ds-space-4) var(--ds-space-3)}.app-shell.r121 .appointment-stack .calendar-day-agenda .calendar-agenda-block{padding:var(--ds-space-3)}.app-shell.r121[data-design-surface=studio] .settings-form{background:0 0;border:0;border-radius:0;padding:0}.app-shell.r121[data-design-surface=studio] .settings-card{padding-block:var(--ds-space-5)}.app-shell.r121[data-design-surface=studio] .settings-card:first-child{padding-top:0}.app-shell.r121[data-design-surface=studio] .settings-card-intro{margin-bottom:var(--ds-space-4)}.app-shell.r121[data-design-surface=studio] .settings-fields>label:not(.toggle-row){gap:var(--ds-space-2);grid-template-columns:minmax(0,1fr)}.app-shell.r121[data-design-surface=studio] .settings-fields>label:not(.toggle-row)>:is(input:not([type=checkbox]),select,textarea,small){grid-area:auto/1}.app-shell.r121[data-design-surface=studio] .settings-fields>label:not(.toggle-row)>:is(input:not([type=checkbox]),select,textarea){font-size:16px}.app-shell.r121[data-design-surface=studio] .settings-actions{padding-block:var(--ds-space-5);flex-direction:column;align-items:stretch}}
