/*
 * Walter Roeder App surface for embedded Core2Flow workspaces.
 * Loaded only by Plattform.html?app=1. It deliberately contains layout and
 * interaction rules only; process data and permissions remain server-side.
 */
html.c2f-app-embedded {
  --wr-green:#57a639; --wr-green-deep:#347a26; --wr-green-soft:#edf7e9;
  --wr-canvas:#f5f7f6; --wr-surface:#fff; --wr-ink:#11203a; --wr-text:#3f4d61;
  --wr-muted:#718096; --wr-line:#e2e8ee;
  --wr-space-1:4px; --wr-space-2:8px; --wr-space-3:12px; --wr-space-4:16px; --wr-space-5:20px; --wr-space-6:24px;
  --wr-radius-sm:10px; --wr-radius-md:14px; --wr-radius-lg:18px;
  --wr-control-height:44px; --wr-shadow-card:0 7px 20px rgba(24,49,29,.06);
  --wr-z-sticky:20; --wr-z-modal:100;
  -webkit-text-size-adjust:100%; text-size-adjust:100%; background:var(--wr-canvas);
}

/* Invoice review is a focused document task in the native app. The invoice
   owns the screen while it is open; list and approval controls remain one
   deliberate back action away instead of appearing below a nested viewer. */
@media (max-width:900px), (pointer:coarse) and (max-width:1100px) {
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"],
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] body {
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    padding:0!important;
    background:#f3f6f2!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .app {
    display:block!important;
    width:100%!important;
    height:var(--c2f-workspace-height,100dvh)!important;
    min-height:100%!important;
    padding:0!important;
    background:#f3f6f2!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .doc {
    display:none!important;
    width:100%!important;
    height:var(--c2f-workspace-height,100dvh)!important;
    min-height:0!important;
    grid-template-rows:56px minmax(0,1fr)!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] body.mobile-document-open .doc { display:grid!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] body.mobile-document-open .panel { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] body:not(.mobile-document-open) .panel {
    display:grid!important;
    width:100%!important;
    min-height:var(--c2f-workspace-height,100dvh)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .doc > .bar {
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    padding:6px 10px!important;
    border-bottom:1px solid #e1e8df!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 4px 16px rgba(30,60,35,.05)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .mobile-doc-back {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:12px!important;
    background:#edf7ea!important;
    color:#347a26!important;
    font:800 12px/1 system-ui,sans-serif!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .mobile-doc-back:first-letter { font-size:22px; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .tabs {
    display:flex!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .tabs .tab {
    min-width:0!important;
    min-height:44px!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#182230!important;
    font-size:13px!important;
    font-weight:850!important;
    text-align:left!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .bar-actions { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .viewer {
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#eef2ed!important;
    -webkit-overflow-scrolling:touch;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .preview-tools {
    position:sticky!important;
    top:8px!important;
    left:8px!important;
    width:max-content!important;
    min-height:44px!important;
    margin:8px 0 -52px 8px!important;
    padding:4px!important;
    border:1px solid #dce6d9!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 6px 18px rgba(24,49,29,.10)!important;
    backdrop-filter:blur(12px)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .preview-tools button {
    min-width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    background:#f0f5ee!important;
    color:#244021!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .preview-tools .zoom-label { min-width:42px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] .download {
    position:sticky!important;
    top:8px!important;
    right:8px!important;
    float:right!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    margin:8px 8px -52px 0!important;
    padding:0 12px!important;
    border:1px solid #dce6d9!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.96)!important;
    color:#347a26!important;
    box-shadow:0 6px 18px rgba(24,49,29,.10)!important;
    backdrop-filter:blur(12px)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] #pdf-pages {
    width:100%!important;
    min-width:0!important;
    gap:18px!important;
    padding:68px 8px 18px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] #pdf-pages .pdf-page {
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] #pdf-pages .page-label {
    width:100%!important;
    padding:0 2px!important;
    color:#66736c!important;
    font-size:11px!important;
    font-weight:750!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="abrechnung-rechnungseingang"] #pdf-pages img.pdf-preview {
    width:100%!important;
    height:auto!important;
    border:1px solid #d7dfd5!important;
    border-radius:6px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(25,45,27,.10)!important;
  }
}
html.c2f-app-embedded,html.c2f-app-embedded body { width:100%; max-width:100%; min-width:0; overflow-x:hidden!important; }
html.c2f-app-embedded body { min-height:var(--c2f-workspace-height,100dvh); min-height:100svh; padding:0 0 16px!important; background:#f5f7f6; overscroll-behavior-x:none; scrollbar-gutter:stable; }
/* The native workspace owns navigation and its single scroll surface.  Legacy
   pages may remain long, but never expose browser scrollbars or a sideways
   canvas inside the app frame. */
html.c2f-app-embedded,html.c2f-app-embedded body { overscroll-behavior:contain; scrollbar-width:none; -ms-overflow-style:none; }
html.c2f-app-embedded::-webkit-scrollbar,
html.c2f-app-embedded body::-webkit-scrollbar { width:0!important; height:0!important; display:none!important; }
/* Legacy worklists can retain local scrolling, but their browser-like rails
   must never turn the native surface into a page inside a page. */
html.c2f-app-embedded * { scrollbar-width:none; -ms-overflow-style:none; }
html.c2f-app-embedded *::-webkit-scrollbar { width:0!important; height:0!important; display:none!important; }
html.c2f-app-embedded *,html.c2f-app-embedded *::before,html.c2f-app-embedded *::after { min-width:0; }
html.c2f-app-embedded img,html.c2f-app-embedded svg,html.c2f-app-embedded canvas,html.c2f-app-embedded video { max-width:100%; height:auto; }
html.c2f-app-embedded button,html.c2f-app-embedded input,html.c2f-app-embedded select,html.c2f-app-embedded textarea,html.c2f-app-embedded [role="button"] { min-height:var(--wr-control-height)!important; touch-action:manipulation; }
html.c2f-app-embedded input,html.c2f-app-embedded select,html.c2f-app-embedded textarea { font-size:16px!important; }
html.c2f-app-embedded :focus-visible { outline:3px solid rgba(87,166,57,.42)!important; outline-offset:3px; }
html.c2f-app-embedded .page,html.c2f-app-embedded main,html.c2f-app-embedded .shell,html.c2f-app-embedded .wrap,html.c2f-app-embedded .container { width:100%!important; max-width:none!important; min-width:0!important; box-sizing:border-box; }
html.c2f-app-embedded .card,html.c2f-app-embedded .panel,html.c2f-app-embedded .section { border-radius:var(--wr-radius-md)!important; box-shadow:0 6px 22px rgba(24,49,29,.07)!important; }
html.c2f-app-embedded .toast { bottom:calc(94px + env(safe-area-inset-bottom,0px))!important; left:12px!important; right:12px!important; width:auto!important; }
html.c2f-app-embedded dialog,html.c2f-app-embedded .modal,html.c2f-app-embedded .drawer { width:calc(100vw - 20px)!important; max-width:calc(100vw - 20px)!important; max-height:calc(var(--c2f-workspace-height,100dvh) - 28px)!important; margin:auto!important; border-radius:20px!important; }
html.c2f-app-embedded table { display:block!important; width:100%!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
html.c2f-app-embedded table::-webkit-scrollbar { display:none; }
html.c2f-app-embedded thead th { position:sticky; top:0; z-index:1; }

/* Walter Roeder App design system.  It deliberately enhances the existing
   business pages rather than replacing their domain-specific controls. */
html.c2f-app-embedded body { color:var(--wr-text); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif; background:linear-gradient(180deg,#f8faf7 0,#f3f7f2 100%); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
html.c2f-app-embedded h1,html.c2f-app-embedded h2,html.c2f-app-embedded h3 { color:var(--wr-ink)!important; letter-spacing:-.04em; }
html.c2f-app-embedded p,html.c2f-app-embedded small,html.c2f-app-embedded .muted,html.c2f-app-embedded .hint,html.c2f-app-embedded .sub { color:var(--wr-muted); }
html.c2f-app-embedded .card,html.c2f-app-embedded .panel,html.c2f-app-embedded .section,html.c2f-app-embedded .tile,html.c2f-app-embedded .widget,html.c2f-app-embedded .stat,html.c2f-app-embedded .metric { border:1px solid var(--wr-line)!important; background:var(--wr-surface); box-shadow:var(--wr-shadow-card)!important; }
html.c2f-app-embedded .card:hover,html.c2f-app-embedded .panel:hover,html.c2f-app-embedded .tile:hover { box-shadow:0 10px 26px rgba(24,49,29,.09)!important; }
html.c2f-app-embedded button,html.c2f-app-embedded .btn,html.c2f-app-embedded [role="button"] { border-radius:var(--wr-radius-sm); font-weight:750; }
html.c2f-app-embedded .primary,html.c2f-app-embedded .btn-primary,html.c2f-app-embedded .button-primary,html.c2f-app-embedded .act,html.c2f-app-embedded .submit,html.c2f-app-embedded [data-primary="true"] { border-color:transparent!important; background:linear-gradient(140deg,#66b545,var(--wr-green-deep))!important; color:#fff!important; box-shadow:0 8px 18px rgba(52,122,38,.20); }
html.c2f-app-embedded input,html.c2f-app-embedded select,html.c2f-app-embedded textarea { border:1px solid var(--wr-line)!important; border-radius:var(--wr-radius-sm)!important; background:#fff!important; color:var(--wr-ink)!important; box-shadow:0 1px 0 rgba(17,32,58,.015); }
html.c2f-app-embedded input:focus,html.c2f-app-embedded select:focus,html.c2f-app-embedded textarea:focus { border-color:rgba(87,166,57,.72)!important; box-shadow:0 0 0 3px rgba(87,166,57,.14)!important; outline:0!important; }
html.c2f-app-embedded .badge,html.c2f-app-embedded .pill,html.c2f-app-embedded .tag,html.c2f-app-embedded .status { border-radius:999px; font-weight:800; letter-spacing:.01em; }
html.c2f-app-embedded .empty,html.c2f-app-embedded .empty-state,html.c2f-app-embedded .no-data { padding:18px; border:1px dashed #cddacb; border-radius:16px; background:#f8fbf7; color:var(--wr-muted); text-align:center; }
html.c2f-app-embedded thead th { color:#526176!important; font-size:11px!important; font-weight:850!important; letter-spacing:.045em; text-transform:uppercase; background:#f7faf6!important; }
html.c2f-app-embedded tbody tr { background:#fff; }
html.c2f-app-embedded tbody tr:nth-child(even) { background:#fbfdfb; }
html.c2f-app-embedded tbody tr:focus-within,html.c2f-app-embedded tbody tr:hover { background:#f1f8ee!important; }
html.c2f-app-embedded .toolbar,html.c2f-app-embedded .controls,html.c2f-app-embedded .filters { padding:8px; border:1px solid #e1e9df; border-radius:16px; background:rgba(255,255,255,.78); }

/* App-quality floor for every workflow.  Desktop pages remain untouched:
   these rules are injected only inside the authenticated native workspace. */
html.c2f-app-embedded .toolbar > :is(button,.btn,.chip,.filter),
html.c2f-app-embedded .controls > :is(button,.btn,.chip,.filter),
html.c2f-app-embedded .filters > :is(button,.btn,.chip,.filter) { flex:0 0 auto; }
html.c2f-app-embedded [aria-busy="true"] { cursor:progress; }
html.c2f-app-embedded [disabled],html.c2f-app-embedded [aria-disabled="true"] { opacity:.52; cursor:not-allowed; }
html.c2f-app-embedded .sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
html.c2f-app-embedded button:not([disabled]):active,
html.c2f-app-embedded .btn:not([disabled]):active,
html.c2f-app-embedded [role="button"]:not([aria-disabled="true"]):active { transform:scale(.985); }
html.c2f-app-embedded :is(button,.btn,[role="button"]):focus-visible { outline:3px solid rgba(87,166,57,.42)!important; outline-offset:2px; }
html.c2f-app-embedded .action-row { display:flex; flex-wrap:wrap; align-items:center; gap:var(--wr-space-2); }
html.c2f-app-embedded .action-row > .primary,
html.c2f-app-embedded .action-row > .btn-primary { order:-1; }
html.c2f-app-embedded .status-line { display:flex; align-items:center; gap:var(--wr-space-2); min-height:var(--wr-control-height); color:var(--wr-muted); font-size:12px; }
html.c2f-app-embedded .status-line::before { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:var(--wr-green); box-shadow:0 0 0 3px var(--wr-green-soft); content:""; }
html.c2f-app-embedded .mobile-filter-toggle,
html.c2f-app-embedded .detail-back { display:none; }

/* Native surface contract for every embedded workflow.  Legacy pages often
   use a full-page card as their desktop root.  Inside the native shell that
   root must disappear: the app already owns the canvas, clipping and scroll
   boundary.  Only actual business cards may remain visually elevated. */
@media (max-width:900px), (pointer:coarse) and (max-width:1100px) {
  html.c2f-app-embedded body > :is(main,.app,.page,.shell,.wrap,.container) {
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html.c2f-app-embedded body > :is(main,.app,.page,.shell,.wrap,.container):first-child {
    padding-top:0!important;
  }
}

/* An embedded workflow already lives below the Walter Roeder app header and
   above its dock. A second branded header is visual duplication, while a
   browser scrollbar makes the app feel like a framed website. The direct
   driver URL deliberately keeps its own header; only the embedded surface
   receives this compact operating layout. */
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"],
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] body {
  height:100%; min-height:0!important; overflow-x:hidden!important;
  overflow-y:auto!important; scrollbar-width:none; -ms-overflow-style:none;
}
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"]::-webkit-scrollbar,
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] body::-webkit-scrollbar { display:none; }
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-app-brand { display:none!important; }
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-outer {
  min-height:100%!important;
  margin:0!important;
  padding-top:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--wr-canvas)!important;
  box-shadow:none!important;
}
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-content-row { min-height:0!important; }
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-filter-bar {
  top:0!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-filter-bar label { display:none!important; }

/* Phone calls are an operational worklist in the native shell, not a desktop
   dashboard squeezed into an iframe.  Keep the source, period and actual
   conversations at the point of entry; rich coaching stays in the full view. */
@media (max-width:900px), (pointer:coarse) and (max-width:1100px) {
  /* The native dock already provides Cockpit navigation. A second desktop
     rail makes Heute noisy and can restore an unrelated remembered report. */
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .navbar { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .loaded-data-main { min-height:var(--c2f-workspace-height,100dvh)!important; padding-top:14px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] #panel-ceo { overflow:visible!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-head { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:end!important; gap:8px!important; margin:0 2px 14px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-title { font-size:23px!important; letter-spacing:-.55px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-sub { grid-column:1/-1; max-width:30ch; margin-top:3px!important; font-size:12px!important; line-height:1.4!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-stand { align-self:start; font-size:0!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-stand b { font-size:10px!important; font-weight:750!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-fazit { margin:0 0 18px!important; padding:18px!important; border:0!important; border-radius:20px!important; background:linear-gradient(145deg,#f0f8ed,#fff)!important; box-shadow:0 10px 28px rgba(38,85,32,.11)!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-fazit .cf-lead { max-width:18ch; margin:0 0 7px!important; color:var(--wr-ink)!important; font-size:20px!important; line-height:1.18!important; letter-spacing:-.35px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-fazit .cf-lead b { display:block; margin-bottom:2px; color:var(--wr-green-deep)!important; font-size:31px!important; line-height:1!important; letter-spacing:-.85px; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-fazit .cf-body { max-width:29ch; font-size:12px!important; line-height:1.45!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-fazit .cf-action { width:100%; min-height:48px; margin-top:16px; border-radius:14px; background:linear-gradient(135deg,var(--wr-green),var(--wr-green-deep)); box-shadow:0 8px 20px rgba(52,122,38,.2); font-size:13px; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-section-title { margin:0 2px 9px!important; padding:0!important; border:0!important; color:var(--wr-ink)!important; font-size:14px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-section-title .cst-sub { margin-left:auto; font-size:10px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert-row { display:block!important; margin:0!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert { min-height:0!important; margin-bottom:8px; padding:13px 14px!important; border:1px solid #dfe7dc!important; border-left:0!important; border-radius:15px!important; background:#fff!important; box-shadow:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert.is-primary { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert.is-loading { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert.ok:not(.is-loading) { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert-row:has(.ceo-alert.is-loading)::after { content:'Weitere Vertragsdaten werden im Hintergrund geprüft …'; display:block; margin:2px 2px 10px; color:var(--wr-muted); font-size:10.5px; line-height:1.4; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert .ca-value { font-size:18px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert .ca-label { font-size:12px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert .ca-sub { font-size:10.5px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert-action { min-height:34px!important; margin-top:5px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-alert:nth-child(n+5) { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-body.ceo-all-alerts .ceo-alert:nth-child(n+5) { display:flex!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-body.ceo-all-alerts .ceo-alert.ok:not(.is-primary) { display:flex!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-body.ceo-all-alerts .ceo-alert.is-loading { display:flex!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-more-toggle,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-details-toggle { display:block!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] #ceo-clusters { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="cockpit"] .ceo-body.ceo-details-open #ceo-clusters { display:block!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"],
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] body {
    height:100%;
    min-height:0!important;
    overflow-x:hidden!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .shell {
    min-height:100%!important;
    height:auto!important;
    padding:10px 0 calc(96px + env(safe-area-inset-bottom))!important;
    background:#f7f9f7!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .top {
    position:relative!important;
    flex-direction:row!important;
    align-items:center!important;
    min-height:34px!important;
    margin:0 12px 8px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .top .eyebrow,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .top .sub,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .agent-intro,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .service-momentum,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .metrics,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .insights { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .top h1 {
    margin:0!important;
    font-size:22px!important;
    line-height:1.1!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .top-actions {
    display:flex!important;
    width:auto!important;
    margin-left:auto!important;
    align-self:center!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .status {
    display:grid!important;
    place-items:center;
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    border:1px solid #d8e8d4!important;
    border-radius:50%!important;
    background:#f4faf1!important;
    overflow:hidden;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .status #statusText {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .source-tabs {
    margin:0 12px 8px!important;
    padding:4px!important;
    border:0!important;
    border-radius:12px!important;
    background:#edf1ed!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .source-tab {
    min-height:44px!important;
    padding:7px 10px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .source-tab small,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .period-label { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .datebar,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .toolbar,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .filterbar { margin-bottom:8px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .toolbar {
    margin:0 12px 8px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  /* Background refresh already runs every minute. The manual duplicate and
     desktop previous/next controls delay the first real conversation. */
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] #refresh,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .listnav { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .toolbar { flex-wrap:nowrap!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .search { width:100%!important; }
  /* Advanced choices stay one tap away. The worklist, not its filter chrome,
     owns the first viewport. */
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .mobile-filter-toggle {
    display:grid!important;
    width:calc(100% - 24px)!important;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    margin:0 12px 10px!important;
    padding:0 12px!important;
    border:1px solid #dfe7de!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#233128!important;
    text-align:left;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .mobile-filter-toggle small {
    overflow:hidden;
    color:#718078!important;
    font-size:10px!important;
    font-weight:700;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .mobile-filter-toggle b { transition:transform .18s ease; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .mobile-filters-open .mobile-filter-toggle b { transform:rotate(180deg); }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .datebar,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .filterbar { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .mobile-filters-open .datebar,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .mobile-filters-open .filterbar {
    display:flex!important;
    margin:0 12px 10px!important;
    padding:10px!important;
    border:1px solid #dfe7de!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  /* Status is a primary one-tap decision, not a clipped horizontal ribbon.
     Every state stays visible at once; the role selector below remains a
     compact horizontal choice because its entries are visual identities. */
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .filterbar {
    align-items:stretch!important;
    gap:8px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .quickfilters {
    gap:7px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .filterline {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:4px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .filterlabel {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-height:0!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] #filters {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:none!important;
    overflow:visible!important;
    gap:6px!important;
    padding:0!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] #filters .filter {
    justify-content:center!important;
    min-width:0!important;
    min-height:44px!important;
    padding:6px 5px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] #filters .filter[data-count="0"]:not(.active) { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] #filters .filter span:not(.area-thumb) {
    margin-left:3px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] #areaFilters {
    display:flex!important;
    max-width:100%!important;
    overflow-x:auto!important;
    gap:7px!important;
    padding:0 0 2px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .grid { display:block!important; min-height:0!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .panel,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .list {
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .row {
    margin:0 12px 8px!important;
    padding:12px 14px!important;
    border:1px solid #e2e9e1!important;
    border-radius:14px!important;
    background:#fff;
    box-shadow:0 3px 12px rgba(24,49,29,.045);
  }
  /* A worklist row is a decision cue, not a miniature detail page. Keep the
     caller, time and reason visible; routing and media proof live in detail. */
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .row > .meta {
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .row > .meta + .meta,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .row > .availability { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .detail { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .show-detail > :not(.grid) { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .show-detail .list { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .show-detail .detail {
    display:block!important;
    padding:14px 14px calc(96px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;
    background:#fff!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .detail-back {
    display:inline-flex!important;
    align-items:center;
    min-height:40px!important;
    padding:0 9px!important;
    border:0!important;
    background:transparent!important;
    color:var(--wr-green-deep)!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="auftragsannahme-fonio"] .detail-nav > span { margin-left:auto; }

  /* Invoice feedback is a decision surface on a phone.  The live totals and
     the path to open approvals come first; a desktop-sized chart must not
     create a second, horizontally scrolling workspace. */
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .page {
    padding:12px 10px calc(96px + env(safe-area-inset-bottom))!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .head {
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 10px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .head h1 {
    font-size:20px!important;
    line-height:1.15!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .head > div > p:not(.stand) { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .stand {
    margin-top:3px!important;
    font-size:10px!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .filters {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    margin:0!important;
    gap:6px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .filters label { min-width:0!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .filters input,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .filters button {
    width:100%!important;
    min-width:0!important;
    padding:0 7px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .filters button { grid-column:1/-1; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .panel {
    margin-top:0!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .totals {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .total {
    min-width:0!important;
    padding:11px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .total.pending { grid-column:1/-1; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="rueckmelde-auswertung"] .chart { display:none!important; }

  /* Trading remains information-rich, but on a phone its first task is to
     find and open the relevant contract. Market context stays available in
     the dedicated Trading sections instead of crowding this work surface. */
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .nav {
    min-height:44px!important; height:auto!important; padding:4px 10px!important; gap:5px!important;
    overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .nav::-webkit-scrollbar { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .nav .tab { flex:0 0 auto!important; height:34px!important; min-height:34px!important; padding:0 9px!important; font-size:11px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-main { padding:12px 10px calc(96px + env(safe-area-inset-bottom))!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-main > .head { padding:0!important; gap:7px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .head h1 { font-size:21px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .head > div > p { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .stamp { display:block!important; margin-top:5px!important; font-size:10px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-search { margin-top:9px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .view-toggle { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; width:100%!important; gap:6px!important; margin-top:9px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .view-toggle button { min-width:0!important; min-height:40px!important; padding:7px!important; font-size:10px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metrics { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:8px!important; margin:12px 0!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metric { padding:11px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metrics .metric small::after { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .market-reference,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .margin-insight { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .grid { grid-template-columns:minmax(0,1fr)!important; gap:10px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .card { padding:12px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] #groups,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] #buyers,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] #contracts { max-height:none!important; }
}

/* Dense operational views keep their context on a phone.  Navigation and
   data can be swiped locally; the document itself must never drift sideways. */
html.c2f-app-embedded .tabs,
html.c2f-app-embedded .tab-list,
html.c2f-app-embedded .subnav,
html.c2f-app-embedded .sub-nav {
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
html.c2f-app-embedded .tabs::-webkit-scrollbar,
html.c2f-app-embedded .tab-list::-webkit-scrollbar,
html.c2f-app-embedded .subnav::-webkit-scrollbar,
html.c2f-app-embedded .sub-nav::-webkit-scrollbar { display:none; }
html.c2f-app-embedded .tabs > *,
html.c2f-app-embedded .tab-list > *,
html.c2f-app-embedded .subnav > *,
html.c2f-app-embedded .sub-nav > * {
  flex:0 0 auto;
  min-height:44px;
  scroll-snap-align:start;
}

/* The embedded page enhancer replaces long tab rails with a single picker.
   The broad rule above is intentionally useful before the enhancer starts,
   but must not win against the enhancer's hidden source rail afterwards. */
@media (max-width:900px), (pointer:coarse) and (max-width:1100px) {
  html.c2f-app-embedded .tabs.c2f-native-mobile-tabs {
    display:none!important;
  }

  /* Cockpit is a destination inside the app, not a desktop dashboard reduced
     to a tiny iframe. Keep its header and its first useful state composed. */
  html.c2f-app-embedded .navbar {
    position:sticky!important;
    top:0!important;
    height:auto!important;
    min-height:56px!important;
    padding:8px 10px!important;
    box-shadow:0 4px 14px rgba(24,49,29,.07)!important;
  }
  html.c2f-app-embedded .loaded-data-main {
    min-height:calc(var(--c2f-workspace-height,100dvh) - 56px)!important;
    padding:14px 12px 28px!important;
  }
  html.c2f-app-embedded .loaded-data-panel {
    border-radius:18px!important;
    overflow:hidden;
  }
  html.c2f-app-embedded .loaded-data-content {
    padding:0!important;
  }
  html.c2f-app-embedded .c2f-app-empty-state {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    min-height:210px;
    padding:22px 20px;
    border:1px dashed #c9dbc4;
    border-radius:18px;
    background:linear-gradient(145deg,#fbfef9,#eff8eb);
    color:var(--wr-text);
  }
  html.c2f-app-embedded .c2f-app-empty-state__icon {
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:14px;
    background:#dff0d9;
    color:var(--wr-green-deep);
    font-size:20px;
  }
  html.c2f-app-embedded .c2f-app-empty-state strong {
    color:var(--wr-ink)!important;
    font-size:18px;
    line-height:1.2;
  }
  html.c2f-app-embedded .c2f-app-empty-state p {
    margin:0;
    max-width:30ch;
    color:var(--wr-muted)!important;
    line-height:1.5;
  }
  html.c2f-app-embedded .c2f-app-empty-state button {
    width:100%;
    margin-top:auto;
    border:0;
    background:linear-gradient(135deg,#69b64a,#438f31);
    color:#fff;
    box-shadow:0 8px 18px rgba(52,122,38,.20);
  }
}
html.c2f-app-embedded .loaded-data-table-wrap,
html.c2f-app-embedded .table-wrap,
html.c2f-app-embedded .table-scroll {
  max-width:100%;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}

/* A mobile page owns one canvas.  Older wrappers may still exist for data
   compatibility, but they cannot widen the document or visually frame the
   actual work area. */
@media (max-width:900px), (pointer:coarse) and (max-width:1100px) {
  html.c2f-app-embedded :is(.app,.app-shell,.workspace,.content,.content-area,.main-content) {
    width:100%!important; max-width:100%!important; min-width:0!important;
    margin-left:0!important; margin-right:0!important;
  }
  html.c2f-app-embedded :is(.page,.shell,.wrap,.container,.main-content) > :is(.card,.panel,.section) { max-width:100%!important; }
  html.c2f-app-embedded :is(.table-wrap,.table-scroll,.loaded-data-table-wrap) { border-radius:12px!important; overscroll-behavior-x:contain; }
}

/* Native usability baseline for every embedded process.  Individual screens
   can add richer controls, but none may reintroduce desktop-width rails,
   tiny touch targets, or a second visible browser scrollbar. */
@media (max-width:900px), (pointer:coarse) and (max-width:1100px) {
  html.c2f-app-embedded .nav,
  html.c2f-app-embedded .navbar {
    display:flex!important;
    align-items:center!important;
    max-width:100%!important;
    min-height:44px!important;
    padding:4px 10px!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;
    overscroll-behavior-x:contain;
  }
  html.c2f-app-embedded .nav::-webkit-scrollbar,
  html.c2f-app-embedded .navbar::-webkit-scrollbar { display:none!important; }
  html.c2f-app-embedded .nav > *,
  html.c2f-app-embedded .navbar > * { flex:0 0 auto!important; min-height:36px!important; }
  html.c2f-app-embedded .nav a,
  html.c2f-app-embedded .navbar a,
  html.c2f-app-embedded .nav button,
  html.c2f-app-embedded .navbar button { min-height:36px!important; white-space:nowrap!important; }
  html.c2f-app-embedded :is(.metrics,.summary,.stats) {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    max-width:100%!important;
  }
  html.c2f-app-embedded :is(.metrics,.summary,.stats) > * { min-width:0!important; }
  html.c2f-app-embedded .page,
  html.c2f-app-embedded .wrap,
  html.c2f-app-embedded .container { padding-left:12px!important; padding-right:12px!important; }
  html.c2f-app-embedded :is(.chart,.graph,.visualization) { max-width:100%!important; overflow-x:auto!important; overscroll-behavior-x:contain; }
}

@media (max-width: 980px), (pointer:coarse) {
  html.c2f-app-embedded h1 { font-size:clamp(22px,6vw,30px)!important; line-height:1.12!important; }
  html.c2f-app-embedded h2 { font-size:clamp(18px,5vw,24px)!important; line-height:1.18!important; }
  html.c2f-app-embedded h3 { font-size:clamp(16px,4.4vw,20px)!important; }
  html.c2f-app-embedded .grid,html.c2f-app-embedded .layout,html.c2f-app-embedded .workspace,html.c2f-app-embedded .content-grid,html.c2f-app-embedded .cards,html.c2f-app-embedded .two,html.c2f-app-embedded .three { grid-template-columns:minmax(0,1fr)!important; }
  html.c2f-app-embedded :is(.form-grid,.filter-grid,.filters-grid,.query-grid,.pm-query) { grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
  html.c2f-app-embedded .toolbar,html.c2f-app-embedded .bar,html.c2f-app-embedded .head,html.c2f-app-embedded .top,html.c2f-app-embedded .actions,html.c2f-app-embedded .controls { flex-wrap:wrap!important; gap:8px!important; }
  html.c2f-app-embedded .toolbar > *,html.c2f-app-embedded .head > *,html.c2f-app-embedded .top > * { max-width:100%; }
  html.c2f-app-embedded th,html.c2f-app-embedded td { padding:9px 7px!important; white-space:nowrap; }

  /* Dense operational pages must prioritise an action and its current state.
     Secondary filter chips can scroll locally instead of compressing labels. */
  html.c2f-app-embedded .filters,
  html.c2f-app-embedded .quickfilters,
  html.c2f-app-embedded .range-presets,
  html.c2f-app-embedded .process-inner-tabs {
    flex-wrap:nowrap!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  html.c2f-app-embedded .filters::-webkit-scrollbar,
  html.c2f-app-embedded .quickfilters::-webkit-scrollbar,
  html.c2f-app-embedded .range-presets::-webkit-scrollbar,
  html.c2f-app-embedded .process-inner-tabs::-webkit-scrollbar { display:none; }
  html.c2f-app-embedded .filters > *,
  html.c2f-app-embedded .quickfilters > *,
  html.c2f-app-embedded .range-presets > *,
  html.c2f-app-embedded .process-inner-tabs > * { flex:0 0 auto!important; scroll-snap-align:start; }

  /* Two-pane tools (calls, inboxes, worklists) become a deliberate sequence:
     choose on top, work below.  Neither pane can escape the phone viewport. */
  html.c2f-app-embedded .grid,
  html.c2f-app-embedded .split,
  html.c2f-app-embedded .master-detail { min-width:0!important; }
  html[data-c2f-app-page="auftragsannahme-fonio"] .list,
  html[data-c2f-app-page="kunden-omnichannel"] .list { max-height:46dvh!important; overscroll-behavior:contain; }
  html[data-c2f-app-page="auftragsannahme-fonio"] .detail,
  html[data-c2f-app-page="kunden-omnichannel"] .detail { min-height:0!important; }
  html[data-c2f-app-page="auftragsannahme-fonio"] .metrics,
  html[data-c2f-app-page="auftragsannahme-fonio"] .service-momentum { gap:8px!important; }
  html[data-c2f-app-page="auftragsannahme-fonio"] .metric,
  html[data-c2f-app-page="auftragsannahme-fonio"] .service-card { min-width:0!important; }
}

/* Native data lists: the user scans one complete business record at a time.
   The enhancer in Plattform.html supplies the labels from the actual table
   headings and deliberately leaves wide comparison matrices scrollable. */
@media (max-width:700px) {
  html.c2f-app-embedded table.c2f-app-card-table {
    display:block!important;
    width:100%!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  html.c2f-app-embedded table.c2f-app-card-table thead {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
  }
  html.c2f-app-embedded table.c2f-app-card-table tbody,
  html.c2f-app-embedded table.c2f-app-card-table tr,
  html.c2f-app-embedded table.c2f-app-card-table td {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  html.c2f-app-embedded table.c2f-app-card-table tbody {
    display:grid!important;
    gap:10px!important;
  }
  html.c2f-app-embedded table.c2f-app-card-table tbody tr {
    padding:10px 12px!important;
    overflow:hidden!important;
    border:1px solid var(--wr-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:var(--wr-shadow-card)!important;
  }
  html.c2f-app-embedded table.c2f-app-card-table td {
    display:grid!important;
    grid-template-columns:minmax(92px,.44fr) minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    min-height:0!important;
    padding:7px 0!important;
    border:0!important;
    border-bottom:1px solid #edf1ed!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html.c2f-app-embedded table.c2f-app-card-table td:last-child { border-bottom:0!important; }
  html.c2f-app-embedded table.c2f-app-card-table td:empty { display:none!important; }
  html.c2f-app-embedded table.c2f-app-card-table td::before {
    content:attr(data-c2f-label);
    color:#718096;
    font-size:10px;
    font-weight:850;
    letter-spacing:.035em;
    line-height:1.35;
    text-transform:uppercase;
  }
  html.c2f-app-embedded table.c2f-app-card-table td > :is(button,.btn,a[role="button"]) { width:100%!important; }
  html.c2f-app-embedded table.c2f-app-scroll-table { max-width:100%!important; overflow-x:auto!important; overscroll-behavior-x:contain; }

  /* Preismanager: selection is the task.  The six-field desktop query must
     never collapse into unreadable miniature columns in the native app. */
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-shell { padding:12px 10px calc(96px + env(safe-area-inset-bottom))!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-head { align-items:flex-start!important; margin-bottom:12px!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-head p { max-width:28ch; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-head-actions { flex:0 0 auto!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-query { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:11px!important; padding:14px!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-field { width:100%!important; min-width:0!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-field :is(input,select) { width:100%!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-grid { grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .source-grid { grid-template-columns:minmax(0,1fr)!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .price-table-wrap { max-height:48dvh; overflow:auto!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-head-actions .quiet,
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] .pm-shell > section:last-of-type { display:none!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] #selected { min-height:0!important; padding:18px!important; text-align:left!important; }
  html[data-c2f-app-page="einkaufvertrieb-preismanager"] #selected strong { font-size:18px!important; line-height:1.2!important; }
}

@media (max-width:430px) {
  html.c2f-app-embedded .page,html.c2f-app-embedded main,html.c2f-app-embedded .shell,html.c2f-app-embedded .wrap,html.c2f-app-embedded .container { padding-left:10px!important; padding-right:10px!important; }
  html.c2f-app-embedded .card,html.c2f-app-embedded .panel,html.c2f-app-embedded .section { padding:12px!important; }

  /* On the narrowest phones the primary work surface stays airy, while data
     remains available through intentional local scrolling rather than a
     shrunken desktop grid. */
  html.c2f-app-embedded .toolbar,html.c2f-app-embedded .controls { padding:7px!important; }
  html.c2f-app-embedded .toolbar > input,html.c2f-app-embedded .controls > input { flex:1 1 100%!important; width:100%!important; }
  html[data-c2f-app-page="auftragsannahme-fonio"] .metrics,
  html[data-c2f-app-page="auftragsannahme-fonio"] .service-momentum { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; }
  html[data-c2f-app-page="auftragsannahme-fonio"] .service-card.hero,
  html[data-c2f-app-page="auftragsannahme-fonio"] .service-card.progress { grid-column:span 2!important; }
}

/* Fahrer-App: one operational surface, one hierarchy, one obvious next step.
   This block deliberately lives after the generic mobile guardrails so that a
   later catch-all navbar/flex rule can never turn the native tour view back
   into a squeezed desktop page. */
@media (max-width:900px), (pointer:coarse) and (max-width:1100px) {
  /* The app dock already selected Disposition. Repeating the desktop module
     rail (Auftraege, KI-Tourenplanung, Fahrer-App, ...) wastes the first
     viewport and makes the screen feel like a website inside the app. */
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page^="disposition-"] .navbar {
    display:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page^="disposition-"] .loaded-data-main {
    min-height:var(--c2f-workspace-height,100dvh)!important;
    padding-top:12px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .navbar {
    display:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-outer {
    padding:0!important;
    background:transparent!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-filter-bar {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(136px,1.08fr) auto;
    gap:8px!important;
    padding:10px!important;
    border:0!important;
    border-bottom:1px solid #dfe8de!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] :is(.fa-select,.fa-date-input,.fa-today-btn) {
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:0 10px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-date-input {
    position:relative;
    min-width:136px!important;
    padding:0 38px 0 12px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-date-input::-webkit-calendar-picker-indicator {
    position:absolute;
    right:10px;
    width:18px;
    height:18px;
    margin:0;
    padding:0;
    opacity:.72;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-today-btn {
    width:auto!important;
    padding-inline:12px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-state-switch {
    grid-column:1 / -1;
    width:100%!important;
    padding:3px!important;
    border:1px solid #dfe8de!important;
    border-radius:12px!important;
    background:#f3f7f2!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-state-btn {
    min-height:38px!important;
    border-radius:9px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-count {
    display:none!important;
  }
  @media (max-width:350px) {
    html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-filter-bar {
      grid-template-columns:minmax(0,1fr) auto!important;
    }
    html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-select {
      grid-column:1 / -1;
    }
    html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-date-input {
      grid-column:1;
    }
    html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-today-btn {
      grid-column:2;
    }
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-cards-wrap {
    padding:12px 10px calc(20px + env(safe-area-inset-bottom,0px))!important;
    overflow:visible!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-cards {
    gap:14px!important;
    padding:0!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-driver-group {
    gap:8px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-driver-group-btn {
    min-height:auto!important;
    padding:2px 2px 7px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--wr-ink)!important;
    font-size:15px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-driver-count {
    display:inline!important;
    margin:0 0 0 7px!important;
    color:var(--wr-muted)!important;
    font-size:11px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-route {
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-route-head {
    min-height:32px;
    margin:0 0 7px!important;
    padding:7px 10px!important;
    border:1px solid #e1e8e0!important;
    border-radius:10px!important;
    background:#f8faf7!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-route-steps {
    gap:10px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-card {
    border-radius:15px!important;
    box-shadow:0 7px 22px rgba(24,49,29,.075)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-card:hover {
    transform:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-card-header {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    padding:12px 12px 7px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-badge {
    justify-self:start;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-auftragsnr {
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:10.5px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-card-body {
    gap:9px!important;
    padding:3px 12px 12px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-kundenname {
    font-size:16px!important;
    line-height:1.25!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-address-row {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-address {
    width:100%!important;
    min-width:0!important;
    font-size:13px!important;
    line-height:1.45!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-card-actions {
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(124px,1fr));
    width:100%!important;
    gap:7px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-card-actions > * {
    width:auto!important;
    min-width:0!important;
    justify-content:center!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-navi-btn {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    padding:0 14px!important;
    border:1px solid #cfe1ca!important;
    border-radius:11px!important;
    background:#f1f8ee!important;
    color:#2f7224!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:0 2px 7px rgba(52,122,38,.08)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-material,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-object,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-deponie-row,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-driver-note,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-missing-deponie {
    border-radius:10px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-rueck-btn {
    min-height:48px!important;
    margin:0 12px 12px!important;
    width:calc(100% - 24px)!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
}

@media (max-width:370px) {
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-filter-bar {
    grid-template-columns:minmax(0,1fr) 126px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="disposition-fahrerapp"] .fa-today-btn {
    grid-column:1 / -1;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.c2f-app-embedded *,html.c2f-app-embedded *::before,html.c2f-app-embedded *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}

/* Trading on a phone is a decision surface, not a reduced desktop dashboard.
   One primary risk, one filter and one breakdown are visible at a time. */
.trade-title-mobile,.mobile-label,.trade-kicker,.mobile-breakdown-tabs { display:none; }
@media (max-width:900px), (pointer:coarse) and (max-width:1100px) {
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"],
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] body {
    width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    background:#f7faf6!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .nav { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-main {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:16px 14px calc(100px + env(safe-area-inset-bottom))!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-main > .head {
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-kicker {
    display:block!important;
    margin-bottom:5px!important;
    color:#347a26!important;
    font-size:11px!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-title-desktop,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .desktop-label { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-title-mobile,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .mobile-label { display:inline!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .head h1 {
    margin:0!important;
    color:#152239!important;
    font-size:27px!important;
    font-weight:850!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .head > div > p { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .stamp {
    display:block!important;
    margin-top:6px!important;
    color:#718096!important;
    font-size:11px!important;
    font-weight:700!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-search {
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    margin-top:16px!important;
    padding:0 14px!important;
    border:1px solid #dce6d9!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(29,64,32,.05)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-search input {
    min-width:0!important;
    height:46px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#182230!important;
    font-size:14px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .trade-search kbd { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .view-toggle {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:4px!important;
    border:1px solid #dfe8dc!important;
    border-radius:14px!important;
    background:#edf3eb!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .view-toggle button {
    min-width:0!important;
    min-height:42px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#617080!important;
    font-size:13px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .view-toggle button.active {
    background:#fff!important;
    color:#2f7224!important;
    box-shadow:0 2px 8px rgba(35,70,38,.10)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metrics {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    margin:14px 0 16px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metric {
    min-height:82px!important;
    padding:13px!important;
    border:1px solid #dfe8dc!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metric small {
    color:#687789!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metric strong {
    margin-top:5px!important;
    color:#152239!important;
    font-size:22px!important;
    line-height:1!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"][data-c2f-trade-view="unfixed"] .metric[data-metric-filter="unfixed"],
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"][data-c2f-trade-view="deliverable"] .metric[data-metric-filter="deliverable"] {
    grid-column:1/-1!important;
    min-height:112px!important;
    padding:18px!important;
    border-color:#347a26!important;
    background:linear-gradient(145deg,#347a26,#55a83b)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(52,122,38,.18)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metric:is([data-metric-filter="unfixed"],[data-metric-filter="deliverable"]) small,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metric:is([data-metric-filter="unfixed"],[data-metric-filter="deliverable"]) strong { color:#fff!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .metric:is([data-metric-filter="unfixed"],[data-metric-filter="deliverable"]) strong { font-size:32px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"][data-c2f-trade-view="unfixed"] .metric[data-metric-filter="deliverable"],
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"][data-c2f-trade-view="deliverable"] .metric[data-metric-filter="qty"] { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .mobile-breakdown-tabs {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    position:sticky!important;
    top:0!important;
    z-index:4!important;
    margin:0 0 10px!important;
    padding:4px!important;
    border:1px solid #dfe8dc!important;
    border-radius:14px!important;
    background:rgba(247,250,246,.96)!important;
    backdrop-filter:blur(14px)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .mobile-breakdown-tabs button {
    min-width:0!important;
    min-height:42px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#687789!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .mobile-breakdown-tabs button[aria-selected="true"] {
    background:#fff!important;
    color:#2f7224!important;
    box-shadow:0 2px 8px rgba(35,70,38,.10)!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .grid { display:block!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] [data-breakdown-panel] { display:none!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"][data-c2f-trade-breakdown="groups"] [data-breakdown-panel="groups"],
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"][data-c2f-trade-breakdown="buyers"] [data-breakdown-panel="buyers"],
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"][data-c2f-trade-breakdown="contracts"] [data-breakdown-panel="contracts"] { display:block!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .card {
    margin:0!important;
    padding:16px!important;
    border:1px solid #dfe8dc!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .card h2 { font-size:18px!important; line-height:1.2!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .card > .hint { margin:4px 0 12px!important; font-size:11px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] #groups,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] #buyers,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] #contracts {
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .bar {
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px 10px!important;
    min-height:64px!important;
    padding:10px 0!important;
    border-bottom:1px solid #edf1ec!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .bar:last-child { border-bottom:0!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .bar .label {
    min-width:0!important;
    padding:0!important;
    color:#344054!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .bar .value { font-size:12px!important; text-align:right!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .bar .track {
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    height:7px!important;
    min-height:7px!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] #contracts .bar {
    grid-template-columns:minmax(0,1fr) 32px auto!important;
  }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] #contracts .bar .value { width:auto!important; max-width:108px!important; }
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .market-reference,
  html:is([data-c2f-app-shell="embedded"],[data-c2f-app-shell="standalone"])[data-c2f-app-page="trading-uebersicht"] .margin-insight { display:none!important; }
}

/* Responsive audit 2026-10-05: preserve navigation, readable controls and local scroll. */
html.c2f-app-embedded :is(input[type=checkbox],input[type=radio]){min-height:24px!important;min-width:24px!important;width:24px!important;height:24px!important;flex:none;box-shadow:none!important}
html.c2f-app-embedded :is(dialog[open],.modal-content,.modal-body,.drawer-body){overflow-y:auto;overscroll-behavior:contain;max-height:calc(var(--c2f-workspace-height,100dvh) - 24px)}
html.c2f-app-embedded :is(.table-wrap,.table-scroll,.loaded-data-table-wrap,table.c2f-app-scroll-table){scrollbar-width:thin!important}
html.c2f-app-embedded :is(.table-wrap,.table-scroll,.loaded-data-table-wrap,table.c2f-app-scroll-table)::-webkit-scrollbar{display:block!important;height:6px!important}
html.c2f-app-embedded[data-c2f-app-page^=disposition-] .navbar:has(.c2f-mobile-tab-nav),
html.c2f-app-embedded[data-c2f-app-page=fahrzeugverwaltung] .navbar:has(.c2f-mobile-tab-nav),
html.c2f-app-embedded[data-c2f-app-page=trading-uebersicht] .nav:has(.c2f-mobile-tab-nav){display:flex!important;position:sticky!important;top:0!important;z-index:30!important;overflow:visible!important;padding:6px 10px!important;background:#fff!important;min-height:56px!important}
html.c2f-app-embedded .c2f-mobile-tab-nav{display:block!important;position:relative;flex:1 1 auto!important;width:100%;max-width:100%;min-width:0}
html.c2f-app-embedded .c2f-native-mobile-tabs{display:none!important}
html.c2f-app-embedded .c2f-mobile-tab-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;background:#fff;color:var(--wr-ink);border:1px solid var(--wr-line);font:750 14px/1.3 system-ui;text-align:left}
html.c2f-app-embedded .c2f-mobile-tab-trigger i:after{content:'\2630';font-style:normal;font-size:20px}
html.c2f-app-embedded .c2f-mobile-tab-backdrop{display:none;position:fixed;inset:0;z-index:998;width:100%;height:100%;border:0;background:rgba(17,32,58,.28)}
html.c2f-app-embedded .c2f-mobile-tab-sheet{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:999;max-height:80dvh;overflow:auto;padding:8px;border:1px solid var(--wr-line);border-radius:18px;background:#fff;box-shadow:0 16px 50px #11203a30}
html.c2f-app-embedded .c2f-mobile-tab-nav.open :is(.c2f-mobile-tab-sheet,.c2f-mobile-tab-backdrop){display:block}
html.c2f-app-embedded .c2f-mobile-tab-sheet>strong{display:block;padding:12px;color:var(--wr-muted);font-size:12px}
html.c2f-app-embedded .c2f-mobile-tab-sheet>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px!important;padding:10px 12px;border:0;background:#fff;color:var(--wr-ink);font:700 14px/1.4 system-ui;text-align:left}
html.c2f-app-embedded .c2f-mobile-tab-sheet>button.active{background:var(--wr-green-soft);color:var(--wr-green-deep)}
html.c2f-app-embedded .c2f-mobile-tab-sheet>button i{font-style:normal}
html.c2f-app-embedded .navbar:has(.c2f-mobile-tab-nav)>.navbar-actions{display:none!important}
html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .work-views{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin!important;padding-bottom:4px}
html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .work-view{flex:0 0 auto;min-height:44px!important}
@media(max-width:900px){
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .head{display:flex!important;gap:6px!important;margin-bottom:8px!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .head>div:first-child{flex:1 1 auto!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .head h1{font-size:22px!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .toolbar{display:flex!important;flex-wrap:wrap!important;padding:0!important;border:0!important;gap:6px!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .toolbar input{flex:1 1 100%!important;min-width:0!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .toolbar #new-message{order:0!important;width:auto!important;flex:1 1 auto!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .toolbar select{flex:1 1 150px!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .wrap{padding:10px 12px 20px!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .mb-switch{flex:0 0 auto!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .grid{display:block!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .rows{max-height:60dvh!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .inbox-row{grid-template-columns:30px minmax(0,1fr) 44px!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .inbox-done{width:44px!important;height:44px!important}
}
@media(min-width:901px){html.c2f-app-embedded .c2f-mobile-tab-sheet{left:50%;right:auto;width:min(540px,calc(100vw - 32px));transform:translateX(-50%)}}

html.c2f-app-embedded .c2f-mobile-tab-nav[hidden]{display:none!important}
html.c2f-app-embedded .navbar .c2f-mobile-tab-trigger{min-height:44px!important}

html.c2f-app-embedded[data-c2f-app-process-navigation=shell] body>.navbar,
html.c2f-app-embedded[data-c2f-app-subframe=true] body>.navbar{display:none!important}
html.c2f-app-embedded .c2f-mobile-tab-trigger i{border:0!important;width:auto!important;height:auto!important}
html.c2f-app-embedded .c2f-mobile-tab-trigger i:before{display:none!important}
html.c2f-app-embedded .c2f-mobile-tab-trigger i:after{position:static!important;border:0!important}
html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-freigaben] .workspace{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;min-height:0!important;height:var(--c2f-workspace-height,100dvh)!important;padding:8px!important}
html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-freigaben] .switcher{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:6px!important;scrollbar-width:thin!important}
html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-freigaben] .switcher>button{flex:0 0 auto;min-height:44px!important}
html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-freigaben] .framebox{min-height:0!important}
@media(max-width:600px){
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .head .last-update{font-size:11px!important}
 html.c2f-app-embedded[data-c2f-app-page=kunden-omnichannel] .head .pill{font-size:11px!important;padding:4px 7px!important}
}

html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-materialfluss] .focus-title{color:var(--wr-ink)!important}
html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-materialfluss] :is(.focus-title small,.focus-visible-count){color:var(--wr-muted)!important}
html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-materialfluss] .focus-chips{scrollbar-width:thin!important;padding:3px!important}
html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-materialfluss] .focus-chip{white-space:normal!important;max-width:100%;min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){
 html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-materialfluss] .map-grid{grid-template-columns:minmax(0,1fr)!important}
 html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-materialfluss] .focus-chip{flex:0 0 85%!important}
 html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-materialfluss] .focus-quick{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin!important}
 html.c2f-app-embedded[data-c2f-app-page=einkaufvertrieb-materialfluss] .focus-quick>button{flex:0 0 auto!important}
}