/* Core2Flow / Walter Roeder: one canvas, one visual hierarchy.


   Presentation only. See maintenance/design-audit-20261005/STYLEGUIDE.md.


   Scoped to application documents; never applied to mail HTML or PDFs. */


html.c2f-workflow[data-c2f-styleguide="v1"] {


  --c2f-accent:#397b2b; --c2f-accent-hover:#2d6322; --c2f-accent-soft:#eef6eb;


  --c2f-canvas:#fff; --c2f-surface:#f7f9f7; --c2f-ink:#18241d;


  --c2f-text:#344139; --c2f-muted:#56645c; --c2f-line:#dce4de;


  --c2f-positive:#246838; --c2f-warning:#805400; --c2f-danger:#a52b25;


  --c2f-warning-soft:#fff7e6; --c2f-danger-soft:#fff1ef;


  --c2f-space-1:4px; --c2f-space-2:8px; --c2f-space-3:12px;


  --c2f-space-4:16px; --c2f-space-5:24px; --c2f-space-6:32px;


  --c2f-radius-control:8px; --c2f-radius-surface:12px; --c2f-radius-overlay:16px;


  --c2f-control-height:44px; --c2f-overlay-shadow:0 16px 48px rgb(24 36 29 / 18%);


  --c2f-chrome-height:64px; --c2f-dock-height:64px;


  --c2f-font:system-ui,-apple-system,"Segoe UI",sans-serif;


  /* Alias existing module tokens instead of duplicating their theme. */


  --wr-green:var(--c2f-accent); --wr-green-deep:var(--c2f-accent-hover); --wr-green-soft:var(--c2f-accent-soft);


  --wr-canvas:var(--c2f-canvas); --wr-surface:var(--c2f-canvas); --wr-ink:var(--c2f-ink);


  --wr-text:var(--c2f-text); --wr-muted:var(--c2f-muted); --wr-line:var(--c2f-line); --wr-shadow-card:none;


  --wr-radius-sm:var(--c2f-radius-control); --wr-radius-md:var(--c2f-radius-surface);


  --c2f-primary:var(--c2f-accent); --c2f-primary-700:var(--c2f-accent-hover); --c2f-primary-100:var(--c2f-accent-soft);


  --c2f-bg:var(--c2f-canvas); --c2f-bg-soft:var(--c2f-surface); --c2f-card:var(--c2f-canvas); --c2f-border:var(--c2f-line);


  --c2f-shadow-xs:none; --c2f-shadow-sm:none; --c2f-shadow-md:var(--c2f-overlay-shadow);


  --g:var(--c2f-accent); --gd:var(--c2f-accent-hover); --bg:var(--c2f-canvas); --bd:var(--c2f-line);


  --tx:var(--c2f-text); --mu:var(--c2f-muted); --ink:var(--c2f-ink); --muted:var(--c2f-muted); --line:var(--c2f-line);


  --brand:var(--c2f-accent); --brand2:var(--c2f-accent-hover); --soft:var(--c2f-accent-soft);


  --green:var(--c2f-accent); --green-dark:var(--c2f-accent-hover);


  --red:var(--c2f-danger); --warn:var(--c2f-warning); --sf-brand:var(--c2f-accent); --sf-border:var(--c2f-line);


  color:var(--c2f-text); background:var(--c2f-canvas); font-family:var(--c2f-font);


  -webkit-text-size-adjust:100%; text-size-adjust:100%;


}


html.c2f-workflow[data-c2f-styleguide="v1"] body {


  color:var(--c2f-text)!important; background:var(--c2f-canvas)!important;


  font-family:var(--c2f-font)!important; font-size:14px; line-height:1.5;


}


/* A module is a page, never a decorated window around its content. */


html.c2f-workflow[data-c2f-styleguide="v1"] body>:is(main,.app,.page,.shell,.wrap,.container,.workspace,.content,.fa-outer),


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.framebox,.embed-frame,.feedback-report-frame) {


  border:0!important; border-radius:0!important; box-shadow:none!important;


  background:var(--c2f-canvas)!important; min-width:0;


}


html.c2f-workflow[data-c2f-styleguide="v1"] body>.app-preview {width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-app-entry {padding:0!important;margin:0!important;display:block!important;height:100dvh!important;overflow:hidden!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .app-preview iframe {border-radius:0!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.card,.panel,.section,.tile,.widget,.intel-card,.focusbar,.approval-box,.mb-panel):not(dialog):not([role=dialog]):not(.modal) {


  border:0!important; border-radius:0!important;


  box-shadow:none!important; background:transparent!important;


}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.metric,.kpi,.stat) {border:0!important;border-radius:var(--c2f-radius-control)!important;box-shadow:none!important;background:var(--c2f-surface)}


html.c2f-workflow[data-c2f-styleguide="v1"] .ceo-alert {border:0!important;border-bottom:1px solid var(--c2f-line)!important;border-radius:0!important;box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .ceo-fazit {border:0!important;border-radius:var(--c2f-radius-surface)!important;box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .card.form {padding:0!important}


/* Inner groups use spacing and separators, not another container. Exclude


   dialogs and document paper: those have their own deliberate surface. */


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.card,.panel,.section,.tile,.widget,.intel-card,.approval-box) :is(.card,.panel,.section,.tile,.widget,.approval-box):not(dialog):not([role=dialog]):not(.modal) {


  border:0!important; border-radius:0!important; background:transparent!important;


  box-shadow:none!important;


}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.empty,.empty-state,.no-data) {


  border:0!important; border-radius:0!important; background:transparent!important;


  color:var(--c2f-muted)!important; box-shadow:none!important;


}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(h1,h2,h3) {


  color:var(--c2f-ink)!important; font-family:var(--c2f-font)!important;


  font-weight:700; line-height:1.25; letter-spacing:-.025em!important;


}


html.c2f-workflow[data-c2f-styleguide="v1"] h1 {font-size:clamp(23px,2.4vw,28px)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] h2 {font-size:18px!important}


html.c2f-workflow[data-c2f-styleguide="v1"] h3 {font-size:15px!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(p,.muted,.hint,.help,.sub) {color:var(--c2f-muted)}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(input,select,textarea,button,.btn) {


  font-family:var(--c2f-font)!important; border-radius:var(--c2f-radius-control)!important;


  box-shadow:none!important;


}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]) {


  color:var(--c2f-ink)!important; background:var(--c2f-canvas)!important;


  border-color:var(--c2f-line)!important; font-size:16px!important;


  min-height:var(--c2f-control-height)!important;


}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(button,.btn,[role=button]) {


  min-height:var(--c2f-control-height); font-size:14px; font-weight:650;


  touch-action:manipulation;


}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(button,.btn,.card,.tile):hover {transform:none!important;box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.primary,.btn-primary,.button-primary,.act,.submit,[data-primary=true]):not(:disabled) {


  color:var(--c2f-canvas)!important; background:var(--c2f-accent)!important;


  border-color:var(--c2f-accent)!important; box-shadow:none!important;


}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(button,input,select,textarea,a,[tabindex]):focus-visible {


  outline:2px solid var(--c2f-accent)!important; outline-offset:3px;


}


html.c2f-workflow[data-c2f-styleguide="v1"] button:disabled {opacity:.6;cursor:not-allowed}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.metric,.kpi) small {font-size:12px!important;text-transform:none!important;letter-spacing:0!important;color:var(--c2f-muted)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.metric,.kpi) :is(b,strong) {font-variant-numeric:tabular-nums;overflow-wrap:anywhere}


html.c2f-workflow[data-c2f-styleguide="v1"] table {font-size:13px}


html.c2f-workflow[data-c2f-styleguide="v1"] th {text-transform:none!important;font-size:12px!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.table-wrap,.tablewrap,.table-scroll,.loaded-data-table-wrap) {border-radius:0!important;box-shadow:none!important;scrollbar-width:thin!important}


/* Only actual overlays are elevated. Backdrops remain full-viewport; the


   content receives one surface, including on mobile and in embedded pages. */


html.c2f-workflow[data-c2f-styleguide="v1"] dialog {border:1px solid var(--c2f-line)!important;border-radius:var(--c2f-radius-overlay)!important;box-shadow:var(--c2f-overlay-shadow)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] div.modal {border:0!important;border-radius:0!important;box-shadow:none!important;width:auto!important;max-width:none!important;max-height:none!important;margin:0!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.modal,.overlay) :is(.dialog,.modal-content,.modal-card) {border-radius:var(--c2f-radius-overlay)!important;box-shadow:var(--c2f-overlay-shadow)!important;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.modal,.dialog) .card {border:0!important;box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] [hidden] {display:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] [data-c2f-duplicate-title] {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}


/* Area selection is a flat application toolbar, not a window titlebar. */


html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-nav {background:var(--c2f-canvas)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-trigger {border:0!important;border-radius:0!important;border-bottom:1px solid var(--c2f-line)!important;background:var(--c2f-canvas)!important;color:var(--c2f-ink)!important;min-height:52px!important;padding:10px 16px!important;box-shadow:none!important;font-size:15px!important;font-weight:700!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet {border-radius:var(--c2f-radius-overlay)!important;box-shadow:var(--c2f-overlay-shadow)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .switcher {border:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--c2f-line)!important;padding:0 12px 8px!important;background:var(--c2f-canvas)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .switcher button {border:0!important;border-radius:var(--c2f-radius-control)!important;background:transparent!important;color:var(--c2f-muted)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .switcher button.active {background:var(--c2f-accent-soft)!important;color:var(--c2f-accent-hover)!important}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-nested-workflow=true] body>.navbar {display:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-shell-navigation=true] body>.navbar {display:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-nested-workflow=true] body>.content:has(>iframe) {height:100dvh!important;margin:0!important;padding:0!important}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-shell-navigation=true] .workspace:has(iframe) {height:100dvh!important}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=einkaufvertrieb-freigaben] .workspace {padding:0!important;gap:0!important}


/* The native chrome joins the canvas edge-to-edge. No floating frame, photo


   header, glass, or nested button containers. */


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .wr-native-chrome {margin:0!important;padding:8px 16px!important;border:0!important;border-radius:0!important;background:var(--c2f-canvas)!important;box-shadow:none!important;min-height:64px!important;border-bottom:1px solid var(--c2f-line)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .wr-native-brand {background:transparent!important;border-radius:0!important;padding:0!important;gap:12px!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .wr-native-live {background:transparent!important;box-shadow:none!important;color:var(--c2f-positive)!important;font-size:12px!important;padding:0!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .wr-native-live:before {box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .wr-native-brand small {font-size:12px!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .app {padding-top:0!important;padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock {left:0!important;right:0!important;bottom:0!important;gap:0!important;padding:4px 8px calc(4px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--c2f-line)!important;border-radius:0!important;background:var(--c2f-canvas)!important;box-shadow:none!important;backdrop-filter:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock button {border:0!important;border-radius:0!important;background:transparent!important;color:var(--c2f-muted)!important;box-shadow:none!important;min-height:52px!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock button.active {color:var(--c2f-accent-hover)!important;background:transparent!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .process-inner-head {padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--c2f-canvas)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .page-scale-wrap {height:calc(100dvh - var(--c2f-chrome-height))!important}


@media(max-width:700px) {


  html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=kunden-omnichannel] .rows {max-height:none!important;overflow:visible!important}


  html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=einkaufvertrieb-crm] :is(.bars,.follow-list,.drop-list) {max-height:none!important;overflow:visible!important}


}


@media(max-height:500px) {


  html.c2f-workflow[data-c2f-styleguide="v1"] {--c2f-chrome-height:48px;--c2f-dock-height:56px}


  html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .wr-native-chrome {min-height:48px!important}


  html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock button {min-height:44px!important}


  html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .app {padding-bottom:calc(56px + env(safe-area-inset-bottom))!important}


}


@media(prefers-reduced-motion:reduce) {html.c2f-workflow[data-c2f-styleguide="v1"] * {scroll-behavior:auto!important;transition:none!important;animation:none!important}}





/* Legacy working groups share the canvas rather than creating subwindows. */


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.weighbox,.manual,.ai,.summary,.order-form,.offer-form,.loaded-data-panel,.assistant-shell,.fa-filter-bar,.dispo-filter-bar,.toolbar) {border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}





/* Older/generated modules use prefixed component names. Apply the same


   surface contract without changing selected/status backgrounds. */


html.c2f-workflow[data-c2f-styleguide="v1"] :is([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-toolbar"]):not(:is(.col-filter-panel,.abn-select-panel,.aus-cf-panel,.cp-confirm-panel,.feedback-filter-panel,.modal-card,.document-viewer-card,.fahrer-lightbox-card,.image-modal-card,.celebration-card,.c2f-loader-card)):not(:where(.modal,.overlay,[role=dialog]) *) {border:0!important;border-radius:0!important;box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.fcto,.fcto-card,.fcto-toolbar,.fcto-kpi) {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] iframe {border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0}





html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-shell-navigation=true] .switch-title {display:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-nested-workflow=true] {--navbar-h:0px}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-nested-workflow=true] main.page-main {padding-top:16px!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .fcto {padding:16px!important}





/* Stateful Trading metrics previously outranked the shared surface rule. */


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-shell][data-c2f-app-page][data-c2f-trade-view] .metric {box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-shell][data-c2f-app-page][data-c2f-trade-view] .metric:is([data-metric-filter="unfixed"],[data-metric-filter="deliverable"]) {background:var(--c2f-accent)!important;color:white!important}





/* App surfaces follow the visible viewport, including keyboard and safe areas. */


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .wr-native-chrome {padding-top:calc(8px + env(safe-area-inset-top))!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;min-height:calc(var(--c2f-chrome-height) + env(safe-area-inset-top))!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .page-scale-wrap {height:calc(var(--c2f-visual-height,100dvh) - var(--c2f-chrome-height) - env(safe-area-inset-top))!important}


html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock {padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}


html.c2f-workflow.c2f-keyboard-open[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock {display:none!important}


html.c2f-workflow.c2f-keyboard-open[data-c2f-styleguide="v1"] body.c2f-native-workspace .app {padding-bottom:0!important}


html.c2f-workflow[data-c2f-login=true] body>:not(#loginOverlay):not(script) {display:none!important}


html.c2f-workflow[data-c2f-login=true] body.c2f-native-login {position:static!important;min-height:var(--c2f-visual-height,100dvh);overflow-y:auto!important;background:var(--c2f-canvas)!important}


html.c2f-workflow[data-c2f-login=true] body.c2f-native-login .modal-overlay {position:absolute!important;inset:0!important;min-height:var(--c2f-visual-height,100dvh)!important;overflow-y:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--c2f-canvas)!important;padding:calc(24px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))!important}


html.c2f-workflow[data-c2f-login=true] body.c2f-native-login .modal-overlay::before {display:none!important}


html.c2f-workflow[data-c2f-login=true] body.c2f-native-login #loginOverlay .modal {width:min(420px,100%)!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}


html.c2f-workflow[data-c2f-login=true] body.c2f-native-login #loginOverlay input {border-radius:var(--c2f-radius-control)!important}


html.c2f-workflow[data-c2f-login=true] body.c2f-native-login #loginOverlay .btn-primary {background:var(--c2f-accent)!important;box-shadow:none!important;border-radius:var(--c2f-radius-control)!important}


html.c2f-workflow[data-c2f-login=true] body.c2f-native-login #loginForm .input-wrap {border:0!important;box-shadow:none!important;background:transparent!important}


html.c2f-keyboard-open[data-c2f-login=true] body.c2f-native-login .modal-overlay {align-items:flex-start!important}





/* Legacy CRM and invoice surfaces follow the shared page and dialog rules. */


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.c2f-intake,.c2f-intake-card,.c2f-intake-head,.twin,.drop) {border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.twin-status,.twin-kpi,.twin-card) {color:var(--c2f-ink)!important;background:var(--c2f-surface)!important;border-color:var(--c2f-line)!important;box-shadow:none!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.twin-status,.twin-kpi,.twin-card,.twin-head) :is(small,p) {color:var(--c2f-muted)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] div.modal:has(>.dialog) {padding:16px!important;min-width:0!important;background:rgb(24 36 29 / 28%)!important}


html.c2f-workflow[data-c2f-styleguide="v1"] div.modal>.dialog {box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:min(720px,calc(100vw - 32px))!important;margin:0!important;max-height:calc(var(--c2f-visual-height,100dvh) - 32px)!important;overflow-x:hidden!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.dialog,.c2f-dialog) :is(input,select,textarea,.field,.pos) {min-width:0!important;max-width:100%!important}


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.dialog .foot,.c2f-dialog footer) {flex-wrap:wrap!important}


@media(max-width:700px){


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(.hero .actions,.c2f-intake-actions) {flex-wrap:wrap!important;width:100%!important;margin:0!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] .hero .actions button {flex:1 1 auto;white-space:normal!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-intake-grid {grid-template-columns:minmax(0,1fr)!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] .twin-kpis {grid-template-columns:minmax(0,1fr)!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-dialog {width:100%!important;max-width:100%!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-form {grid-template-columns:minmax(0,1fr)!important}


}





/* On phones an edit task fills its workspace; actions stay reachable. */


@media(max-width:700px){


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(div.modal:has(>.dialog),.c2f-modal:has(>.c2f-dialog)) {padding:0!important;align-items:stretch!important;background:var(--c2f-canvas)!important;overflow:hidden!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(div.modal>.dialog,.c2f-modal>.c2f-dialog) {width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-y:auto!important;background:var(--c2f-canvas)!important;padding:16px!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(.dialog .foot,.c2f-dialog footer) {position:sticky!important;bottom:-16px!important;z-index:2;background:var(--c2f-canvas)!important;border-top:1px solid var(--c2f-line)!important;padding:12px 0 calc(12px + env(safe-area-inset-bottom))!important}


}





/* All entry points share the same working surface and touch contract. */


html.c2f-workflow[data-c2f-styleguide="v1"] :is(.layout,.grid,.workspace,.split,.master-detail,.pm-shell,.pm-query,.pm-field,.pm-grid,.side,.form,.pane,.toolbar,.filters,.table-wrap,.tablewrap,.table-scroll) {min-width:0!important}


html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-table-region {max-width:100%!important;min-width:0!important;overflow-x:auto;overscroll-behavior-x:contain}


html.c2f-workflow[data-c2f-styleguide="v1"] #c2f-workspace-return {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--c2f-line);background:var(--c2f-canvas);color:var(--c2f-muted);font:600 12px var(--c2f-font)}


html.c2f-workflow[data-c2f-styleguide="v1"] #c2f-workspace-return a {display:inline-flex;align-items:center;min-height:48px;color:var(--c2f-accent-hover);font-size:14px;text-decoration:none}


@media(max-width:700px){


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(button,.btn,[role=button],summary) {min-height:44px!important;touch-action:manipulation}


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]) {min-width:0!important;max-width:100%!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(.toolbar,.actions,.head,.top,.pm-head,.view-tabs) {max-width:100%!important;min-width:0!important;flex-wrap:wrap!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(.layout,.workspace,.pm-grid,.pm-query,.source-grid) {grid-template-columns:minmax(0,1fr)!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(.toolbar,.actions,.head,.top)>* {min-width:0!important;max-width:100%!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(.form,.side,.pm-card) {min-width:0!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] .pm-query input {width:100%!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-app-card-table {min-width:0!important;max-width:100%!important;width:100%!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(.view-tabs,.doc-tabs,.type-tabs,.tabs) {scrollbar-width:thin}


 html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=mobile-start] body {background:var(--c2f-canvas)!important}


 html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=mobile-start] main>section {padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}


}





@media(pointer:coarse) and (max-width:1366px){html.c2f-workflow[data-c2f-styleguide="v1"] :is(button,.btn,[role=button],summary){min-height:44px!important;touch-action:manipulation}}





html.c2f-workflow[data-c2f-app-shell=standalone]:has(#c2f-workspace-return) {--c2f-workspace-height:calc(var(--c2f-visual-height,100dvh) - 52px - env(safe-area-inset-top))}


html.c2f-workflow[data-c2f-app-shell=standalone] #c2f-workspace-return {height:calc(52px + env(safe-area-inset-top));box-sizing:border-box}


html.c2f-workflow[data-c2f-app-shell=standalone] body>:is(main,.page,.shell,.pm-shell,.wrap,.container) {padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}


@media(max-width:700px){


 html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=kunden-auftragserfassung] #orderForm>.actions {position:sticky;bottom:0;z-index:20;background:var(--c2f-canvas);border-top:1px solid var(--c2f-line);padding:12px 0 calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}


 html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=kunden-auftragserfassung] #orderForm>.actions .primary {width:100%}


}





@media(max-width:700px),(pointer:coarse){html.c2f-workflow[data-c2f-styleguide="v1"] form label:has(>input:is([type=checkbox],[type=radio])){min-height:44px;cursor:pointer}}





@media(max-width:700px),(pointer:coarse){html.c2f-workflow[data-c2f-styleguide="v1"] .leaflet-control-zoom a{min-width:44px!important;min-height:44px!important;line-height:44px!important}html.c2f-workflow[data-c2f-styleguide="v1"] .leaflet-popup-close-button{min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center;justify-content:center}}





html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-filter-picker {margin:8px 0;border:0;border-bottom:1px solid var(--c2f-line);border-radius:0;background:transparent}


html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-filter-picker>summary {display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 4px;color:var(--c2f-ink);font-weight:650;cursor:pointer;list-style:none}


html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-filter-picker>summary::after {content:'⌄';font-size:20px;margin-left:12px}


html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-filter-picker>summary::-webkit-details-marker {display:none}


@media(min-width:981px){html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-filter-picker>summary{display:none}}


@media(max-width:700px),(pointer:coarse){html.c2f-workflow[data-c2f-styleguide="v1"] label:has(>input:is([type=checkbox],[type=radio])){min-height:44px;cursor:pointer}}





/* Tablet rows must shrink without enlarging invisible radio hit boxes. */


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=kunden-auftragserfassung] .type {position:relative}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=kunden-auftragserfassung] .type>input {width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;inset:0!important}


html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=kunden-auftragserfassung] .type>input:focus-visible+span {outline:2px solid var(--c2f-accent);outline-offset:3px}


@media(max-width:1100px){


 html.c2f-workflow[data-c2f-styleguide="v1"] :is(button,.btn,[role=button],summary){min-height:44px!important;touch-action:manipulation}


 html.c2f-workflow[data-c2f-styleguide="v1"] label:has(>input:is([type=checkbox],[type=radio])){min-height:44px}


 html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=einkaufvertrieb-ausschreibungen] .page-grid{grid-template-columns:minmax(0,1fr)!important}


 html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=einkaufvertrieb-ausschreibungen] .page-grid>*{min-width:0!important}


}





@media(max-width:1100px){html.c2f-workflow[data-c2f-styleguide="v1"] :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]){font-size:16px!important;min-height:44px!important;min-width:0!important;max-width:100%!important}}





/* A dialog role on a backdrop must never turn the backdrop into a card. */


html.c2f-workflow[data-c2f-styleguide="v1"] div.c2f-modal {width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}


@media(max-width:700px){


 html.c2f-workflow[data-c2f-styleguide="v1"] div.c2f-modal {inset:0!important;overflow:hidden!important;padding:0!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] dialog[open]:has(form){position:fixed!important;inset:0!important;margin:0!important;transform:none!important;width:100%!important;max-width:100%!important;height:var(--c2f-visual-height,100dvh)!important;max-height:var(--c2f-visual-height,100dvh)!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--c2f-canvas)!important;overflow-y:auto!important;padding:16px!important}


 html.c2f-workflow[data-c2f-styleguide="v1"] dialog:has(form)::backdrop{background:var(--c2f-canvas)}


}


/* Visual audit 2026-10-06. Presentation only; accounting and PDF layouts stay separate. */


@media(max-width:900px){


 html.c2f-workflow[data-c2f-app-page=plattform] .workflow{grid-template-columns:minmax(0,1fr)!important;gap:0!important}


 html.c2f-workflow[data-c2f-app-page=plattform] .workflow>.panel{grid-column:1;min-width:0!important}


}


html.c2f-workflow[data-c2f-app-page=plattform] .embed-frame{display:block;min-width:0!important}





html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge]{--nw-detail-text:var(--c2f-muted,#56645c)}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .head{align-items:center;gap:12px;margin-bottom:12px}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .toolbar{gap:8px;padding:0;margin-bottom:12px}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .toolbar label.search{min-width:0;flex:1 1 320px}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .toolbar input{min-width:0;max-width:100%}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .data-loaded-at{font-size:12px;color:var(--nw-detail-text)}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .flow-step{line-height:1.35;border-radius:var(--c2f-radius-control);text-align:left}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .flow-step .flow-title{font-size:13px;line-height:1.3;word-break:normal;overflow-wrap:break-word}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .flow-step :is(.flow-time,.flow-actor,.flow-note,.flow-source,.flow-measure,.flow-material,.flow-location){font-size:12px;line-height:1.35}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .flow-step:disabled{opacity:1;color:var(--nw-detail-text);cursor:default}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] :is(.todo-column,.day-bar)[aria-pressed=true]{background:var(--c2f-accent-hover)!important;color:#fff!important;border-color:var(--c2f-accent-hover)!important;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--c2f-accent-hover)!important}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .todo-column[aria-pressed=true] :is(small,strong){color:#fff!important}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] :is(.viewer-panel,.feedback-panel){min-width:0;max-height:calc(100dvh - 32px);border-radius:var(--c2f-radius-overlay);box-shadow:var(--c2f-overlay-shadow)}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] :is(.viewer-head,.feedback-head,.viewer-foot){flex-shrink:0;gap:12px;padding:12px 16px}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] :is(.viewer-head,.feedback-head) h2{min-width:0;overflow-wrap:anywhere}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] :is(.viewer-head,.feedback-head) button{flex-shrink:0}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .feedback-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .price-level{min-height:32px;gap:4px 12px;align-items:center}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .price-level.selectable{min-height:44px}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .price-level:not(.selected) .price-level-value{font-size:12px;color:var(--nw-detail-text)}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .price-maintained{font-size:12px!important;line-height:1.4}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .price-level.selected{background:var(--c2f-accent-soft);border:1px solid var(--c2f-accent);border-left-width:4px;padding:10px 12px}


html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .price-actions{gap:10px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--c2f-line);background:var(--c2f-canvas)}


@media(max-width:600px){


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .head{align-items:flex-start;flex-wrap:wrap}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .head-data-status{text-align:left}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .toolbar label.search{grid-column:1/-1}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .toolbar label{min-width:0}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .viewer{padding:0}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] :is(.viewer-panel,.feedback-panel){width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .feedback-content{padding:12px}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .price-level{grid-template-columns:minmax(0,1fr);text-align:left}


 html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] .price-level-value{justify-self:start;white-space:normal!important}


}


@media(prefers-reduced-motion:reduce){html.c2f-workflow[data-c2f-app-page=waage-nw-vorgaenge] *{scroll-behavior:auto!important;transition:none!important}}





/* Visual process review, 7 October 2026. Override the late legacy viewport


   stylesheet with one native hierarchy. Document paper and actual overlays


   deliberately retain their separate surfaces. */


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters,.kpi-row,.kpi-grid,.metrics,.summary,.panel,.card,.box,.chat-wrap,.chat-pane,.info-grid) {


 box-shadow:none!important;


}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters,.kpi-row,.kpi-grid,.metrics,.summary) {


 border:0!important;border-radius:0!important;background:transparent!important;


}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters) {padding:0!important;margin-block:16px!important;gap:12px!important}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.kpi-row,.kpi-grid,.metrics,.summary) {padding:0!important;gap:12px!important;margin-block:16px 24px!important}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.card,.panel,.box,.chat-wrap,.chat-pane):not(dialog):not([role=dialog]):not(.modal) {


 border:0!important;border-radius:0!important;box-shadow:none!important;


}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.metric,.kpi,.stat) {box-shadow:none!important;border:0!important;background:var(--c2f-surface)!important}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(button,.btn,[role=button],summary) {min-height:44px!important}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] button[type=submit]:not(:disabled) {background:var(--c2f-accent)!important;border-color:var(--c2f-accent)!important;color:var(--c2f-canvas)!important}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] button.secondary {background:var(--c2f-accent-soft)!important;color:var(--c2f-accent-hover)!important;border-color:var(--c2f-line)!important}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] .c2f-mobile-tab-sheet>a {display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px!important;padding:10px 12px;border:0;border-radius:8px;background:var(--c2f-canvas);color:var(--c2f-ink);font:700 14px/1.4 var(--c2f-font);text-align:left;text-decoration:none}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] .c2f-mobile-tab-sheet>a.active {background:var(--c2f-accent-soft);color:var(--c2f-accent-hover)}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] .c2f-mobile-tab-sheet>a[aria-disabled=true] {opacity:.6;pointer-events:none}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=kundenportal-steuerung] .filters {flex-wrap:wrap!important;overflow:visible!important}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=kundenportal-steuerung] .search {flex:1 1 100%!important;width:100%!important;min-width:0!important}


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=trading-marktreferenzen] .hero,


html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=trading-lme-15min] .hero {border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-faktura] #cards {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:0!important;border:0!important;box-shadow:none!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-faktura] #cards>.card {padding:12px 8px!important;background:var(--c2f-surface)!important;border:0!important;border-radius:8px!important;min-width:0!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-faktura] #cards label {font-size:11px!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:anywhere}


@media(max-width:700px){


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters,.actions) {flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters) :is(input,select,textarea) {width:100%!important;min-width:0!important;box-sizing:border-box!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters)>label {display:flex!important;flex-direction:column!important;gap:6px!important;flex:1 1 calc(50% - 12px)!important;min-width:0!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters)>label:has(input[type=search]),


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters)>input[type=search] {flex:1 1 100%!important;width:100%!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters)>label:has(input[type=date]) {min-width:140px!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.toolbar,.filters)>button {flex:1 1 auto!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=waage-wiegescheine] #search,


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=waage-nw-testrechnungen] label.search {flex:1 1 100%!important;width:100%!important;min-width:0!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-nachverfolgung] .datebar {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 12px!important;border:0!important;background:transparent!important;padding:0!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-nachverfolgung] .datebar :is(.quick,.control,.date-state) {grid-column:1/-1!important;min-width:0!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-nachverfolgung] .datebar label[for=from] {grid-row:2!important;grid-column:1!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-nachverfolgung] .datebar label[for=to] {grid-row:2!important;grid-column:2!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-nachverfolgung] .datebar #from {grid-row:3!important;grid-column:1!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-nachverfolgung] .datebar #to {grid-row:3!important;grid-column:2!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=abrechnung-nachverfolgung] .datebar input {width:100%!important;min-width:0!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=recruiting] .filters {display:grid!important;grid-template-columns:minmax(0,1fr)!important}


 html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page][data-c2f-app-page=recruiting] .filters :is(input,select) {width:100%!important}





}




html.c2f-workflow.c2f-app-embedded[data-c2f-styleguide="v1"][data-c2f-app-page] :is(.market-head,.market-meta,.market-details,.market-history){border:0!important;border-radius:0!important;box-shadow:none!important}


/* Shared app interaction contract, 20261008-sustainable1. */
html.c2f-navigation-open,html.c2f-navigation-open body{overflow:hidden!important;overscroll-behavior:none}
html.c2f-workflow .c2f-mobile-tab-sheet{overscroll-behavior:contain;max-height:calc(var(--c2f-visual-height,100dvh) - 24px - env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;scroll-padding:16px}
html.c2f-workflow .c2f-mobile-tab-sheet[hidden],html.c2f-workflow .c2f-mobile-tab-backdrop[hidden]{display:none!important}
html.c2f-workflow .c2f-mobile-tab-sheet :is(a,button){min-height:48px;touch-action:manipulation}
html.c2f-workflow :is(input,select,textarea){scroll-margin-block:80px}
@media(pointer:coarse){html.c2f-workflow :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:max(16px,1rem)!important;min-height:44px}html.c2f-workflow :is(button,a.row){touch-action:manipulation}}
@media(prefers-contrast:more){html.c2f-workflow :is(input,select,textarea,button,.c2f-mobile-tab-sheet){border-width:2px!important}html.c2f-workflow :focus-visible{outline:3px solid currentColor!important;outline-offset:3px}}
@media(forced-colors:active){html.c2f-workflow .c2f-mobile-tab-sheet{border:2px solid CanvasText!important}html.c2f-workflow .c2f-mobile-tab-sheet .active{outline:2px solid Highlight!important}}
@media(prefers-reduced-motion:reduce){html.c2f-workflow,html.c2f-workflow body{scroll-behavior:auto!important}.c2f-mobile-tab-sheet{scroll-behavior:auto!important}}
html.c2f-workflow :is(input,select,textarea){box-sizing:border-box;max-width:100%}

html.c2f-workflow .c2f-mobile-tab-nav[hidden]{display:none!important}

/* Layout contract 20261008-layout1: hierarchy before decoration. */
html.c2f-workflow[data-c2f-styleguide="v1"]{--c2f-title-size:clamp(22px,4vw,30px);--c2f-body-size:14px;--c2f-radius-control:12px;--c2f-radius-overlay:24px;--c2f-layout-gutter:16px}
html.c2f-workflow[data-c2f-styleguide="v1"] :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.025em;line-height:1.25}
html.c2f-workflow[data-c2f-styleguide="v1"] :is(.money,.number,.amount,.metric strong,.kpi strong,.stat strong,.fa-state-number){font-variant-numeric:tabular-nums lining-nums}
html.c2f-workflow[data-c2f-styleguide="v1"] :is(label,.field-label){line-height:1.35}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet{inset:auto 0 0!important;width:100%!important;max-width:680px!important;margin:0 auto!important;max-height:calc(var(--c2f-visual-height,100dvh) - 16px - env(safe-area-inset-top))!important;border:0!important;border-radius:24px 24px 0 0!important;padding:12px 16px calc(16px + env(safe-area-inset-bottom))!important;box-shadow:0 -8px 32px rgb(24 36 29 / 12%)!important;background:var(--c2f-canvas)!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet>div:first-child{position:sticky;top:-12px;z-index:2;margin:0 -16px 8px;padding:8px 16px!important;background:var(--c2f-canvas);border-bottom:1px solid var(--c2f-line)}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet>div:first-child strong{font-size:16px;letter-spacing:-.02em}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet>:is(button,a){display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 14px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--c2f-line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--c2f-ink);font:600 15px/1.4 var(--c2f-font);text-align:left;text-decoration:none}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet>:is(button,a).active{background:var(--c2f-accent-soft)!important;color:var(--c2f-accent-hover)!important;border-radius:12px!important;border-bottom-color:transparent!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet>:is(button,a):last-child{border-bottom:0!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet>:is(button,a):is(:disabled,[aria-disabled=true]){color:var(--c2f-muted);opacity:.55}
html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock{gap:4px!important;border-top:1px solid var(--c2f-line)!important;box-shadow:none!important;background:var(--c2f-canvas)!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock button{border:0!important;border-radius:12px!important;padding:7px 4px!important;line-height:1.25;min-height:48px}
html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-native-workspace .mobile-dock button:is(.active,[aria-current=page]){background:var(--c2f-accent-soft)!important;color:var(--c2f-accent-hover)!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-filter-disclosure{border:0;border-top:1px solid var(--c2f-line);border-bottom:1px solid var(--c2f-line);margin:8px 0 12px;padding:0;background:transparent}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-filter-disclosure>summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:14px;font-weight:650;color:var(--c2f-ink)}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-filter-disclosure>summary span{font-size:12px;font-weight:400;color:var(--c2f-muted);margin-left:8px}
html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] #rows{border:0!important;border-radius:0!important;overflow:visible}
html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] #rows>.row{border:0!important;border-bottom:1px solid var(--c2f-line)!important;border-radius:0!important;box-shadow:none!important;padding:14px 8px!important;background:var(--c2f-canvas)!important}
html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] #rows>.row .money{font-weight:650}
html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] #rows>.row .tag{font-size:11px;line-height:1.4;padding:2px 5px}
@media(max-width:700px){html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-trigger{min-height:48px!important;padding:10px 16px!important;font-size:15px!important;border:0!important;box-shadow:none!important}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] #fixed-controls header p{margin:0 0 8px;font-size:13px}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] .head-actions{display:flex;gap:8px;align-items:center;justify-content:space-between}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] #loaded{font-size:11px}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] .toolbar{margin:8px 0!important}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] #fixed-controls{max-height:48dvh!important}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] .c2f-filter-disclosure .toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] .c2f-filter-disclosure #reset{width:100%}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] .c2f-filter-disclosure :is(input,select){width:100%;min-width:0}html.c2f-workflow[data-c2f-styleguide="v1"] :is(.fa-filter-bar,.rm-body,.fr-body){gap:12px}html.c2f-workflow[data-c2f-styleguide="v1"] :is(.rm-section-label,.fr-cluster-head){margin-top:20px;margin-bottom:8px}}
@media(min-width:701px){html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet{inset:auto 16px 16px!important;max-height:calc(var(--c2f-visual-height,100dvh) - 48px)!important;border-radius:24px!important}html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] main{max-width:1440px!important;margin-inline:auto!important}}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet,html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet>:is(button,a,div){box-sizing:border-box!important}
/* Driver tour hierarchy; preserve the existing colored operation marker. */
html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=disposition-fahrerapp] .fa-card{border-radius:0!important;box-shadow:none!important;border-top:0!important;border-right:0!important;border-bottom:1px solid var(--c2f-line)!important}
html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=disposition-fahrerapp] .fa-kundenname{font-size:16px!important;line-height:1.35!important;letter-spacing:-.015em}
html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=disposition-fahrerapp] .fa-address{line-height:1.5!important}
html.c2f-workflow[data-c2f-styleguide="v1"][data-c2f-app-page=disposition-fahrerapp] .fa-rueck-btn{min-height:48px!important;border-radius:12px!important}

@media(max-width:700px){html.c2f-workflow[data-c2f-app-page=abrechnung-sage-uebernahme] .c2f-filter-disclosure .date-field{width:100%!important;min-width:0!important}}

/* Fixed overlays can live inside the existing transformed workspace canvas. */
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet{max-height:min(calc(var(--c2f-visual-height,100dvh) - 16px - env(safe-area-inset-top)),calc(100dvh - var(--c2f-chrome-height,64px) - var(--c2f-dock-height,64px) - 32px))!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-sheet>div:first-child{top:0!important}

/* Menus own the viewport, independent of transformed module containers. */
html.c2f-workflow[data-c2f-styleguide="v1"] body>.c2f-mobile-tab-overlay{position:fixed!important;inset:0!important;z-index:10020!important;pointer-events:none!important;width:100%!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body>.c2f-mobile-tab-overlay[hidden]{display:none!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-overlay>:is(.c2f-mobile-tab-sheet,.c2f-mobile-tab-backdrop){pointer-events:auto!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-overlay>.c2f-mobile-tab-backdrop{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:rgb(24 36 29 / 28%)!important;backdrop-filter:blur(3px)}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-mobile-tab-overlay>.c2f-mobile-tab-sheet{max-height:calc(var(--c2f-visual-height,100dvh) - 16px - env(safe-area-inset-top))!important}

html.c2f-workflow[data-c2f-styleguide="v1"] body>.c2f-mobile-tab-overlay>.c2f-mobile-tab-sheet{top:auto!important;bottom:0!important;left:0!important;right:0!important}
@media(min-width:701px){html.c2f-workflow[data-c2f-styleguide="v1"] body>.c2f-mobile-tab-overlay>.c2f-mobile-tab-sheet{bottom:16px!important;left:16px!important;right:16px!important}}

/* Driver routes use the document as their sole scroll owner. A content-height body must not contain scroll chaining. */
html.c2f-workflow.c2f-driver-native[data-c2f-styleguide="v1"]:not(.c2f-navigation-open) body{overflow:visible!important;overscroll-behavior:auto!important;height:auto!important}

/* Single process selector in the app header; sections belong to content. */
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .wr-native-chrome .menu-toggle{display:flex!important;position:static!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-height:48px!important;gap:5px!important;padding:12px!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;transform:none!important;z-index:auto!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .menu-toggle span{width:22px!important;max-width:22px!important;height:2px!important;flex:none!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .wr-native-brand{max-width:none!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] :is(.wr-native-live,.mobile-dock,#tab-auftragsannahme,.process-group-label,.process-inner-tabs,.process-inner-head>.c2f-mobile-tab-nav){display:none!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .app{padding-bottom:env(safe-area-inset-bottom)!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .process-group{border:0!important;padding:0!important;margin:0!important;background:transparent!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] #processSidebar.open{display:block!important;position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:680px!important;margin:0 auto!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top))!important;overflow-y:auto!important;overscroll-behavior:contain!important;border:0!important;border-radius:24px 24px 0 0!important;padding:16px!important;box-sizing:border-box!important;z-index:10030!important;transform:none!important;background:var(--c2f-canvas)!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .sidebar-backdrop.show{position:fixed!important;inset:0!important;z-index:10020!important;background:rgb(24 36 29 / 28%)!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .c2f-process-close{position:sticky;top:0;display:block;margin-left:auto;min-width:48px;min-height:48px;border:0;border-radius:12px;background:var(--c2f-canvas);font-size:24px;z-index:2}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-section-navigation{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--c2f-line);background:var(--c2f-canvas);min-width:0;width:100%;box-sizing:border-box;font-size:12px;color:var(--c2f-muted)}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-section-navigation select{flex:1;min-width:0;min-height:48px;width:100%;font-weight:700;border:0!important;background:var(--c2f-canvas)!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-section-navigation[hidden]{display:none!important}

html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .v-panel.active:has(>.process-inner-head){display:flex!important;flex-direction:column!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .v-panel>.process-inner-head{display:block!important;flex:0 0 auto!important;width:100%!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .process-inner-head>h2{display:none!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .v-panel:has(>.process-inner-head)>.embed-frame{flex:1 1 auto!important;height:0!important;min-height:0!important}

/* Process sections are direct bottom actions, never a submenu. */
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections{position:fixed!important;left:0;right:0;bottom:0;z-index:120;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:calc(112px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--c2f-line);background:var(--c2f-canvas)}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections button{min-height:48px!important;min-width:0;padding:8px 6px!important;border:0!important;border-radius:12px!important;background:transparent!important;font:600 12px/1.3 var(--c2f-font);color:var(--c2f-muted);white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections button[aria-current=page]{background:var(--c2f-accent-soft)!important;color:var(--c2f-accent-hover)!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections[hidden]{display:none!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .app{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-has-bottom-sections{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .process-inner-head{display:none!important}

html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .app{padding-bottom:0!important}
html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .app:has(.v-panel.active>.c2f-bottom-sections:not([hidden])){padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}

/* Smart single-row navigation: identical component in shell and workflows. */
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections{grid-template-columns:repeat(var(--c2f-section-count,5),minmax(0,1fr));height:calc(72px + env(safe-area-inset-bottom));max-height:none;overflow:visible;padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:2px;box-shadow:0 -4px 20px rgb(24 36 29 / 4%)}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px!important;font-size:11px;line-height:1.15;overflow:hidden;overflow-wrap:normal;min-height:56px!important}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections svg{width:22px;height:22px;flex-shrink:0}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections span{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html.c2f-workflow[data-c2f-styleguide="v1"] body.c2f-has-bottom-sections,html.c2f-workflow[data-c2f-styleguide="v1"] body[data-c2f-unified-navigation="1"] .app:has(.v-panel.active>.c2f-bottom-sections:not([hidden])){padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
html.c2f-workflow[data-c2f-styleguide="v1"] dialog.c2f-bottom-all{position:fixed!important;inset:auto 0 0!important;margin:0 auto!important;width:100%!important;max-width:680px!important;max-height:calc(85dvh - env(safe-area-inset-top))!important;box-sizing:border-box!important;border:0!important;border-radius:24px 24px 0 0!important;padding:8px 16px calc(16px + env(safe-area-inset-bottom))!important;background:var(--c2f-canvas)!important;color:var(--c2f-ink);overflow:auto!important;overscroll-behavior:contain}
html.c2f-workflow[data-c2f-styleguide="v1"] dialog.c2f-bottom-all::backdrop{background:rgb(24 36 29 / 35%)}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-all header{position:sticky;top:-8px;background:var(--c2f-canvas);display:flex;align-items:center;justify-content:space-between;min-height:56px;z-index:1}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-all button{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;border:0!important;border-radius:12px!important;background:transparent!important;padding:10px 12px!important;text-align:left;font:600 14px/1.4 var(--c2f-font);color:inherit}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-all header button{width:48px;justify-content:center;font-size:26px}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-all svg{width:22px;height:22px;flex-shrink:0}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-all button[aria-current=page]{background:var(--c2f-accent-soft)!important;color:var(--c2f-accent-hover)}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-sections button:focus-visible,html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-all button:focus-visible{outline:2px solid var(--c2f-accent);outline-offset:-2px}
html.c2f-workflow[data-c2f-styleguide="v1"] .c2f-bottom-all button:disabled{opacity:.45}