/* =============================================================================
   MAIXXIAM Document Hub 5.00: neues Erscheinungsbild.

   Dieses Stilblatt liegt NACH style.css und gilt fuer alle Seiten, die die
   Klasse "u5" am body tragen. Es legt die Gestaltungswerte an EINER Stelle fest
   (Farben, Schrift, Abstaende, Radien) und baut daraus die Bausteine: Rahmen
   mit Seitenleiste und Kopfleiste, Seitenkopf, Kennzahlen, Tafeln, Ablage,
   Filterleiste, Tabelle, Status-Pillen, Seitenwahl, Detailbereich mit Reitern,
   Knoepfe, Menues und Dialoge. Die Schrift Inter (SIL OFL) und die Symbole
   (Lucide, ISC) liegen in der App selbst; nichts wird aus dem Netz geladen.
   ============================================================================= */

@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/inter-500.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/inter-700.woff2) format("woff2")}

/* --- Gestaltungswerte -------------------------------------------------------- */
body.u5{
  --u5-bg:#0a111d;
  --u5-side:#0b1422;
  --u5-panel:#0f1a2a;
  --u5-panel-2:#132136;
  --u5-hover:#15243a;
  --u5-select:#16304f;
  --u5-line:#1b2a40;
  --u5-line-2:#253650;
  --u5-text:#e8eef7;
  --u5-text-2:#b6c3d6;
  --u5-muted:#7d8ea7;
  --u5-head:#7fa6d6;
  --u5-blue:#2e7cf0;
  --u5-blue-hover:#4590ff;
  --u5-blue-hell:#4aa3ff;
  --u5-nav-aktiv:#1d5cc0;
  --u5-blue-soft:rgba(46,124,240,.16);
  --u5-green:#2fc46c;
  --u5-green-soft:rgba(47,196,108,.14);
  --u5-yellow:#f3b42d;
  --u5-yellow-soft:rgba(243,180,45,.14);
  --u5-red:#ef5a52;
  --u5-red-soft:rgba(239,90,82,.14);
  --u5-violet:#a78bfa;
  --u5-radius:10px;
  --u5-radius-sm:7px;
  --u5-shadow:0 1px 0 rgba(255,255,255,.02) inset,0 8px 24px rgba(0,0,0,.18);
  --u5-sidebar-breite:147px;
  --u5-font:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  /* die Werte der alten Seiten mitziehen, damit Dialoge und Restbausteine passen */
  --bg:var(--u5-bg);--panel:var(--u5-panel);--surface:var(--u5-panel-2);--line:var(--u5-line);
  --muted:var(--u5-muted);--text:var(--u5-text);--blue:var(--u5-blue-hell);--green:var(--u5-green);--danger:var(--u5-red);
  background:var(--u5-bg)!important;color:var(--u5-text);font-family:var(--u5-font);font-size:14px;
  -webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"
}
html[data-theme="light"] body.u5{
  --u5-bg:#f3f6fa;
  --u5-side:#ffffff;
  --u5-panel:#ffffff;
  --u5-panel-2:#f6f9fc;
  --u5-hover:#eef4fb;
  --u5-select:#e3eefc;
  --u5-line:#dde5ef;
  --u5-line-2:#cfdae7;
  --u5-text:#0f1d2e;
  --u5-text-2:#33465e;
  --u5-muted:#62748b;
  --u5-head:#3d6aa3;
  --u5-blue:#1f6fe0;
  --u5-blue-hover:#185fc4;
  --u5-blue-hell:#1f6fe0;
  --u5-nav-aktiv:#1f6fe0;
  --u5-blue-soft:rgba(31,111,224,.10);
  --u5-green:#159a52;
  --u5-green-soft:rgba(21,154,82,.10);
  --u5-yellow:#b67a00;
  --u5-yellow-soft:rgba(214,150,0,.12);
  --u5-red:#d23b33;
  --u5-red-soft:rgba(210,59,51,.10);
  --u5-shadow:0 1px 2px rgba(15,29,46,.05),0 6px 18px rgba(15,29,46,.05)
}
body.u5 button,body.u5 input,body.u5 select,body.u5 textarea{font-family:var(--u5-font)}
body.u5 ::selection{background:rgba(46,124,240,.35)}
body.u5 *{scrollbar-width:thin;scrollbar-color:var(--u5-line-2) transparent}

/* Symbole aus /static/icons.svg */
.ico{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ico.klein{width:15px;height:15px}
.ico.gross{width:22px;height:22px}

/* --- Rahmen: Seitenleiste + Hauptbereich ------------------------------------- */
body.u5{min-height:100vh;overflow-x:hidden}
.u5-app{display:grid;grid-template-columns:var(--u5-sidebar-breite) minmax(0,1fr);min-height:100vh}
.u5-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:10px;padding:14px 8px 16px;
  background:var(--u5-side);border-right:1px solid var(--u5-line);z-index:40}
.u5-sidebar .topbar-logo-slot{overflow:hidden;display:flex!important;justify-content:center;align-items:center;width:100%!important;height:64px!important;
  flex:0 0 64px!important;margin:0 0 12px}
.u5-nav{display:flex;flex-direction:column;gap:4px}
.u5-nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:8px;
  background:transparent;color:var(--u5-text-2);font-size:14px;font-weight:500;text-align:left;white-space:nowrap;text-decoration:none;cursor:pointer;
  transition:background .12s,color .12s}
.u5-nav-item .ico{width:20px;height:20px;color:var(--u5-text-2)}
.u5-nav-item:hover{background:var(--u5-hover);color:var(--u5-text)}
.u5-nav-item.aktiv{background:var(--u5-nav-aktiv);color:#fff;box-shadow:0 6px 18px rgba(29,92,192,.28)}
.u5-nav-item.aktiv .ico{color:#fff}
.u5-nav-item small{margin-left:auto;padding:2px 5px;border-radius:999px;background:var(--u5-panel-2);color:var(--u5-muted);font-size:10px;font-weight:600}
.u5-nav-item.bald{opacity:.62}
.u5-userkarte{margin-top:auto;display:flex;align-items:center;gap:11px;padding:12px 8px 2px;border-top:1px solid var(--u5-line)}
.u5-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#1b2c45;color:#dbe8f8;font-size:13px;font-weight:700;letter-spacing:.02em}
.u5-userkarte strong{display:block;font-size:13.5px;font-weight:600;color:var(--u5-text)}
.u5-userkarte small{display:block;margin-top:2px;font-size:12px;color:var(--u5-muted)}
.u5-version{padding:6px 10px 0;color:var(--u5-muted);font-size:11px}
html[data-theme="light"] .u5-avatar{background:#e2eaf5;color:#23415f}
html[data-theme="light"] .u5-nav-item.aktiv{box-shadow:0 6px 16px rgba(31,111,224,.22)}

.u5-main{display:flex;flex-direction:column;min-width:0;min-height:100vh}
body.u5 .u5-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;height:64px;padding:0 24px;
  background:var(--u5-bg);border-bottom:1px solid var(--u5-line);backdrop-filter:none}
.u5-suche{position:relative;display:flex;align-items:center;flex:0 1 460px;min-width:200px;height:38px;padding:0 10px 0 12px;gap:10px;
  border:1px solid var(--u5-line-2);border-radius:8px;background:var(--u5-panel);color:var(--u5-muted)}
.u5-suche:focus-within{border-color:var(--u5-blue);box-shadow:0 0 0 3px var(--u5-blue-soft)}
.u5-suche input{flex:1;min-width:0;height:100%;border:0!important;outline:0;background:transparent!important;color:var(--u5-text)!important;font-size:13.5px;padding:0!important}
.u5-suche input::placeholder{color:var(--u5-muted)}
.u5-suche kbd{padding:2px 6px;border:1px solid var(--u5-line-2);border-radius:5px;color:var(--u5-muted);font:600 10.5px var(--u5-font);white-space:nowrap}
.u5-top-rechts{margin-left:auto;display:flex;align-items:center;gap:14px}
.u5-kanzlei{display:flex;align-items:center;gap:8px;color:var(--u5-text-2);font-size:13.5px;font-weight:500;white-space:nowrap}
.u5-iconbtn{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:8px;background:transparent;color:var(--u5-text-2);cursor:pointer;text-decoration:none}
.u5-iconbtn:hover{background:var(--u5-hover);color:var(--u5-text)}
.u5-iconbtn .ico{width:20px;height:20px}
.u5-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:999px;
  background:var(--u5-red);color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 0 0 2px var(--u5-bg)}
.u5-badge[hidden]{display:none}

/* --- Knoepfe, Felder, Menues ------------------------------------------------- */
.u5-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border:1px solid var(--u5-line-2);
  border-radius:8px;background:var(--u5-panel);color:var(--u5-text);font:600 14px var(--u5-font);white-space:nowrap;cursor:pointer;text-decoration:none;
  transition:background .12s,border-color .12s}
.u5-btn:hover{background:var(--u5-hover);border-color:#33496a}
.u5-btn.primaer{background:var(--u5-blue);border-color:var(--u5-blue);color:#fff}
.u5-btn.primaer:hover{background:var(--u5-blue-hover);border-color:var(--u5-blue-hover)}
.u5-btn.hell{background:var(--u5-blue-hell);border-color:var(--u5-blue-hell);color:#06213f}
.u5-btn.hell:hover{filter:brightness(1.07)}
.u5-btn:disabled{opacity:.45;cursor:not-allowed}
.u5-btn .ico{width:17px;height:17px}
.u5-split{display:inline-flex}
.u5-split>.u5-btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.u5-split>.u5-menue>summary.u5-btn{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(255,255,255,.22);padding:0 10px}
.u5-menue{position:relative}
.u5-menue>summary{list-style:none}
.u5-menue>summary::-webkit-details-marker{display:none}
.u5-menue-koerper{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:240px;padding:6px;border:1px solid var(--u5-line-2);border-radius:10px;
  background:var(--u5-panel);box-shadow:0 18px 40px rgba(0,0,0,.35);display:grid;gap:2px}
.u5-menue-koerper>button,.u5-menue-koerper>a,.u5-menue-koerper .u5-menue-eintrag{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:7px;
  background:transparent;color:var(--u5-text);font:500 13.5px var(--u5-font);text-align:left;text-decoration:none;cursor:pointer}
.u5-menue-koerper>button:hover,.u5-menue-koerper>a:hover{background:var(--u5-hover)}
.u5-menue-koerper>button:disabled{opacity:.45;cursor:not-allowed}
.u5-menue-koerper hr{width:100%;margin:4px 0;border:0;border-top:1px solid var(--u5-line)}
.u5-menue-koerper .u5-menue-titel{padding:6px 10px 4px;color:var(--u5-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.u5-menue-koerper .gefahr{color:var(--u5-red)}
html[data-theme="light"] .u5-menue-koerper{box-shadow:0 14px 32px rgba(15,29,46,.14)}

body.u5 select,body.u5 .u5-select{height:38px;padding:0 34px 0 12px;border:1px solid var(--u5-line-2);border-radius:8px;background-color:var(--u5-panel);
  color:var(--u5-text);font:500 13.5px var(--u5-font);appearance:none;-webkit-appearance:none;color-scheme:dark;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238ea2bd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center}
html[data-theme="light"] body.u5 select{color-scheme:light}
body.u5 select:focus,body.u5 input:focus,body.u5 textarea:focus{outline:0;border-color:var(--u5-blue)!important;box-shadow:0 0 0 3px var(--u5-blue-soft)}

/* --- Seiteninhalt ------------------------------------------------------------ */
body.u5 .u5-inhalt{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;height:auto!important;max-width:none!important;
  margin:0!important;padding:16px 18px 12px 16px!important}
.u5-seitenkopf{display:flex;align-items:center;gap:14px;min-width:0}
.u5-mandant-zeichen{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--u5-blue);color:#fff;
  font-size:17px;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 20px rgba(46,124,240,.28)}
.u5-mandant-zeichen.alle{background:var(--u5-panel-2);color:var(--u5-text-2);box-shadow:none;border:1px solid var(--u5-line-2)}
.u5-seitenkopf h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.015em;color:var(--u5-text);line-height:1.2}
.u5-seitenkopf p{margin:3px 0 0;color:var(--u5-text-2);font-size:14px}
.u5-kopf-aktionen{margin-left:auto;display:flex;align-items:center;gap:10px}

.u5-kennzahlen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.u5-kennzahl{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;border:1px solid var(--u5-line);border-radius:var(--u5-radius);
  background:var(--u5-panel);box-shadow:var(--u5-shadow)}
.u5-kennzahl-symbol{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--u5-blue-soft);color:#79b3ff}
.u5-kennzahl-symbol .ico{width:23px;height:23px}
.u5-kennzahl-symbol.gruen{background:var(--u5-green-soft);color:var(--u5-green)}
.u5-kennzahl-symbol.rot{background:var(--u5-red-soft);color:var(--u5-red)}
.u5-kennzahl-symbol.gelb{background:var(--u5-yellow-soft);color:var(--u5-yellow)}
.u5-kennzahl-symbol.grau{background:rgba(148,163,184,.12);color:#b8c6d8}
.u5-kennzahl strong{display:block;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--u5-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.u5-kennzahl span{display:block;margin-top:3px;color:var(--u5-text-2);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .u5-kennzahl-symbol{color:var(--u5-blue)}
html[data-theme="light"] .u5-kennzahl-symbol.grau{color:#53657c;background:#eef2f7}

.u5-tafel{border:1px solid var(--u5-line);border-radius:var(--u5-radius);background:var(--u5-panel);box-shadow:var(--u5-shadow)}
.u5-tafel-titel{margin:0;padding:16px 16px 10px;color:var(--u5-text);font-size:16px;font-weight:700}

/* --- Status-Pillen ----------------------------------------------------------- */
.u5-pille{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;border:1px solid transparent;
  font-size:13px;font-weight:600;white-space:nowrap;background:transparent;cursor:pointer;font-family:var(--u5-font)}
.u5-pille::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}
.u5-pille.gruen{color:var(--u5-green);background:var(--u5-green-soft);border-color:rgba(47,196,108,.32)}
.u5-pille.gelb{color:var(--u5-yellow);background:var(--u5-yellow-soft);border-color:rgba(243,180,45,.45)}
.u5-pille.rot{color:var(--u5-red);background:var(--u5-red-soft);border-color:rgba(239,90,82,.38)}
.u5-pille.blau{color:#5aa4ff;background:transparent;border-color:transparent;padding-left:2px}
.u5-pille.lila{color:var(--u5-violet);background:rgba(167,139,250,.12);border-color:rgba(167,139,250,.35)}
.u5-pille.arbeitet::before{animation:u5-puls 1.2s ease-in-out infinite}
@keyframes u5-puls{50%{opacity:.25}}
html[data-theme="light"] .u5-pille.blau{color:var(--u5-blue)}

/* --- Hilfen ------------------------------------------------------------------ */
body.u5 .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.u5-zaehler{min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--u5-blue);color:#fff;font-size:11px;font-weight:700}
.u5-zaehler[hidden]{display:none}
.u5-avatar.klein{width:28px;height:28px;font-size:11px}

/* --- Seiteneinteilung: alles in die Hoehe des Fensters ------------------------ */
body.u5 .u5-app{height:100vh;min-height:0}
body.u5 .u5-main{height:100vh;min-height:0;overflow:hidden}
body.u5 .u5-inhalt{overflow-y:auto;overflow-x:hidden;display:flex!important;grid-template-rows:none!important}
body.u5 .u5-inhalt>*{flex:0 0 auto}
body.u5 .action-notice{margin:0}
body.u5 .u5-benutzer>summary{gap:9px;padding:0 10px 0 5px;border-color:transparent;background:transparent}
body.u5 .u5-benutzer>summary:hover{background:var(--u5-hover)}
body.u5 .u5-benutzer-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:13.5px}
body.u5 .u5-benutzer .u5-menue-koerper{min-width:200px}
body.u5 .settings-link .u5-menue-koerper a{display:flex;align-items:center;min-height:36px;padding:0 10px;border-radius:7px;color:var(--u5-text);font-size:13.5px;text-decoration:none}
body.u5 .settings-link .u5-menue-koerper a:hover{background:var(--u5-hover)}
body.u5 .topbar .settings-link>summary::after,body.u5 .topbar .settings-link>summary::before{display:none!important;content:none!important}
body.u5 .zweites-fenster{height:38px}
.zweites-fenster-kombi{display:inline-flex;align-items:center;height:38px;border:1px solid var(--u5-line-2);border-radius:9px;background:var(--u5-panel);overflow:hidden;white-space:nowrap}
.zweites-fenster-kombi[hidden]{display:none!important}
body.u5 .zweites-fenster-kombi .zweites-fenster,body.u5 .zweites-fenster-kombi button.ghost.zweites-fenster{height:36px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:8px}
.zweites-fenster .ico{width:19px;height:19px;color:#85b9ff}
.zweites-fenster-auto{height:26px;padding:0 9px;border-left:1px solid var(--u5-line-2);display:inline-flex;align-items:center;gap:7px;color:var(--u5-text-2);font:600 11.5px var(--u5-font);cursor:pointer}
.zweites-fenster-auto input{position:absolute;opacity:0;pointer-events:none}
.zweites-fenster-auto i{position:relative;width:30px;height:17px;border-radius:99px;background:#526177;transition:background .15s}
.zweites-fenster-auto i::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .15s}
.zweites-fenster-auto input:checked+i{background:var(--u5-blue)}
.zweites-fenster-auto input:checked+i::after{transform:translateX(13px)}
.zweites-fenster-auto input:focus-visible+i{outline:2px solid #80b8ff;outline-offset:2px}
@media(max-width:1500px){.zweites-fenster-kombi .zweites-fenster span,.zweites-fenster-auto>span{display:none}.zweites-fenster-auto{padding-inline:7px}}

/* --- Werkbank: Ablage | Liste | Detail ------------------------------------------ */
body.u5 .records-workbench.u5-werkbank{flex:1 0 560px;display:grid!important;
  grid-template-columns:var(--u5-ablage-breite,186px) minmax(0,1fr) var(--u5-detail-breite,394px)!important;gap:14px;min-height:560px!important;height:auto!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.u5 .u5-werkbank>.u5-tafel{min-height:0;min-width:0;max-height:none;overflow:hidden;display:flex;flex-direction:column;
  border:1px solid var(--u5-line)!important;border-radius:var(--u5-radius)!important;background:var(--u5-panel)!important;box-shadow:var(--u5-shadow)!important;padding:0!important;grid-row:auto!important}
/* 5.02: Ablage links und Detail rechts wieder in der Breite ziehbar (wie 4.58).
   Die Griffe sitzen am inneren Rand der jeweiligen Tafel (die Tafeln haben
   overflow:hidden, ein ueberstehender Griff wuerde abgeschnitten). */
body.u5 .inspector-resizer{display:block!important;position:absolute!important;left:0;top:0;bottom:0;width:10px;margin:0;padding:0;border:0;background:transparent;cursor:col-resize;z-index:40}
body.u5 .inspector-resizer::after{content:"";position:absolute;left:1px;top:0;bottom:0;width:2px;background:transparent;transition:background .12s}
body.u5 .inspector-resizer:hover::after,body.resizing-inspector .inspector-resizer::after{background:var(--u5-blue)}
body.u5 .u5-ablage{position:relative}
.u5-ablage-resizer{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:col-resize;z-index:40;border:0;background:transparent;padding:0}
.u5-ablage-resizer::after{content:"";position:absolute;right:1px;top:0;bottom:0;width:2px;background:transparent;transition:background .12s}
.u5-ablage-resizer:hover::after,body.resizing-ablage .u5-ablage-resizer::after{background:var(--u5-blue)}
body.resizing-inspector,body.resizing-ablage{cursor:col-resize;user-select:none}

/* --- Ablage links -------------------------------------------------------------- */
body.u5 .u5-ablage{overflow-y:auto!important}
body.u5 .u5-ablage>.pane-title,body.u5 .u5-ablage>.folder-path,body.u5 .u5-ablage>.folder-help{display:none!important}
body.u5 .u5-ablage .ledger-switcher{display:flex!important;flex-direction:row!important;gap:2px;margin:0 10px 10px;padding:3px;border:1px solid var(--u5-line);
  border-radius:9px;background:var(--u5-bg);grid-template-columns:none!important}
body.u5 .u5-ablage .ledger-card{flex:1 1 0;min-width:0;display:flex!important;justify-content:center;align-items:center;height:32px!important;min-height:0!important;
  padding:0 2px!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;
  color:var(--u5-muted);font:600 12px var(--u5-font);letter-spacing:0;position:relative;outline:0!important}
body.u5 .u5-ablage .ledger-card .ledger-icon,body.u5 .u5-ablage .ledger-card em{display:none!important}
body.u5 .u5-ablage .ledger-card>span{display:block!important;min-width:0;padding:0!important;margin:0!important}
body.u5 .u5-ablage .ledger-card strong{display:block;font:inherit;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.u5 .u5-ablage .ledger-card:hover{color:var(--u5-text)}
body.u5 .u5-ablage .ledger-card.active{background:var(--u5-panel-2)!important;color:var(--u5-text);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 1px 3px rgba(0,0,0,.3)!important}
body.u5 .u5-ablage .ledger-card::after{content:none!important;display:none!important}
/* offene Belege im Bereich: ein farbiger Strich unter dem Reiter */
body.u5 .u5-ablage .ledger-card[data-open="red"]{box-shadow:inset 0 -2px 0 var(--u5-red)!important}
body.u5 .u5-ablage .ledger-card[data-open="yellow"]{box-shadow:inset 0 -2px 0 var(--u5-yellow)!important}
body.u5 .u5-ablage .ledger-card.active[data-open="red"]{box-shadow:inset 0 -2px 0 var(--u5-red),0 1px 3px rgba(0,0,0,.3)!important}
body.u5 .u5-ablage .ledger-card.active[data-open="yellow"]{box-shadow:inset 0 -2px 0 var(--u5-yellow),0 1px 3px rgba(0,0,0,.3)!important}
body.u5 .u5-ablage .ledger-card[data-open="yellow"]::after{background:var(--u5-yellow)}
body.u5 .u5-ablage .ledger-card::before{content:none!important;display:none!important}
body.u5 .u5-ablage .ledger-card[data-area="allgemein"],body.u5 .u5-ablage .ledger-card.bank-card,body.u5 .u5-ablage .ledger-card.datev-card{display:none!important}
body.u5[data-u5-modus="allgemein"] .u5-ablage .ledger-switcher{display:none!important}
html[data-theme="light"] body.u5 .u5-ablage .ledger-card.active{background:#fff!important;box-shadow:0 1px 3px rgba(15,29,46,.12)!important}

body.u5 .u5-ablage .folder-tree{position:relative;padding:0 8px 8px!important;margin:0!important;overflow:visible!important;max-height:none!important;flex:0 0 auto;border:0!important;background:transparent!important}
body.u5 .u5-ablage .folder-amount,body.u5 .u5-ablage .folder-arrow{display:none!important}
/* 5.02: Die farbige Wegverfolgung (Striche zum naechsten offenen Beleg) bleibt
   wie in 4.58 erhalten; ueber Einstellungen laesst sie sich abschalten. */
html.wegfarben-aus body.u5 .u5-ablage .tree-rail,html.wegfarben-aus body.u5 .u5-ablage .tree-knob,
html.wegfarben-aus body.u5 .u5-ablage .tree-cap,html.wegfarben-aus body.u5 .u5-ablage .tree-branch{display:none!important}
body.u5 .u5-ablage .folder-group{position:static!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
body.u5 .u5-ablage .folder-group::before,body.u5 .u5-ablage .folder-group::after,body.u5 .u5-ablage .folder-children::before,body.u5 .u5-ablage .folder-children::after,
body.u5 .u5-ablage .folder-item::before,body.u5 .u5-ablage .folder-item::after,body.u5 .u5-ablage .folder-child::before,body.u5 .u5-ablage .folder-child::after{content:none!important;display:none!important}
body.u5 .u5-ablage .folder-children{margin:0 0 4px!important;padding:0!important;border:0!important}
body.u5 .u5-ablage .folder-item,body.u5 .u5-ablage .folder-child{position:relative;display:flex!important;align-items:center;gap:10px;width:100%;min-height:38px!important;height:auto!important;
  margin:1px 0!important;padding:0 8px 0 34px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;
  color:var(--u5-text-2)!important;font:500 13.5px var(--u5-font)!important;text-align:left;cursor:pointer;grid-template-columns:none!important;transform:none!important}
body.u5 .u5-ablage .folder-child{min-height:32px!important;padding-left:46px!important;font-size:13px!important;color:var(--u5-muted)!important}
body.u5 .u5-ablage .folder-item>span:first-child,body.u5 .u5-ablage .folder-child>span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0!important}
body.u5 .u5-ablage .folder-item>span:first-child::before{content:"";position:absolute;left:10px;top:50%;width:17px;height:17px;margin-top:-8.5px;background:currentColor;opacity:.85;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E") center/contain no-repeat}
body.u5 .u5-ablage .folder-item[data-collapsible="true"]>span:first-child::after{content:"";position:absolute;left:-2px;top:50%;width:10px;height:10px;margin-top:-5px;background:var(--u5-muted);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}
body.u5 .u5-ablage .folder-item[aria-expanded="true"]>span:first-child::after{transform:rotate(90deg)}
body.u5 .u5-ablage .folder-item:hover,body.u5 .u5-ablage .folder-child:hover{background:var(--u5-hover)!important;color:var(--u5-text)!important}
body.u5 .u5-ablage .folder-item.active,body.u5 .u5-ablage .folder-child.active{background:var(--u5-select)!important;color:var(--u5-text)!important;font-weight:600!important}
body.u5 .u5-ablage .folder-item.active>span:first-child::before{background:var(--u5-blue-hell);opacity:1}
body.u5 .u5-ablage .folder-item:disabled,body.u5 .u5-ablage .folder-child:disabled{opacity:.45;cursor:not-allowed}
body.u5 .u5-ablage .folder-meta{display:flex!important;align-items:center;gap:7px;flex:0 0 auto;margin:0!important;position:static!important}
body.u5 .u5-ablage .folder-meta>b{min-width:24px;height:20px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:var(--u5-panel-2);
  border:1px solid var(--u5-line-2);color:var(--u5-text-2);font:600 11.5px var(--u5-font);font-variant-numeric:tabular-nums}
body.u5 .u5-ablage .folder-item.active .folder-meta>b,body.u5 .u5-ablage .folder-child.active .folder-meta>b{background:var(--u5-blue);border-color:var(--u5-blue);color:#fff}
/* die farbigen Punkte bleiben: kleiner, als Gruppe */
body.u5 .u5-ablage .status-stack{display:inline-flex!important;gap:3px!important;margin:0!important;position:static!important;flex-direction:row!important}
body.u5 .u5-ablage .status-stack .folder-status{width:6px!important;height:6px!important;border-radius:50%!important;margin:0!important;box-shadow:none!important}
body.u5 .u5-ablage .status-stack .folder-status.empty{display:none!important}
body.u5 .u5-ablage .folder-foreign{color:var(--u5-muted)!important;font-style:italic}

body.u5 .u5-import{margin-top:auto;padding:6px 8px 12px;border-top:1px solid var(--u5-line)}
body.u5 .u5-import .u5-tafel-titel{padding:12px 8px 8px;font-size:14px}
.u5-import-eintrag{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:7px;background:transparent;
  color:var(--u5-text-2);font:500 13.5px var(--u5-font);text-decoration:none;text-align:left;cursor:pointer}
.u5-import-eintrag:hover{background:var(--u5-hover);color:var(--u5-text)}
.u5-import-eintrag .ico{width:17px;height:17px;color:var(--u5-muted)}
.u5-import-eintrag span{flex:1}
.u5-zahl{min-width:22px;height:20px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:var(--u5-blue);color:#fff;font-size:11px;font-weight:700}
.u5-zahl[hidden]{display:none}
body.u5 .konto-eingaenge{margin:0 8px}

/* --- Liste in der Mitte ----------------------------------------------------------- */
body.u5 .u5-liste{position:relative}
body.u5 .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar){display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px!important;margin:0!important;
  border:0!important;border-bottom:1px solid var(--u5-line)!important;background:transparent!important;grid-template-columns:none!important;min-height:0!important}
body.u5 .u5-liste>.message-toolbar select{flex:1 1 120px;min-width:0;max-width:220px;width:auto!important}
body.u5 .u5-liste>.message-toolbar #u5Mandant{flex-basis:170px;max-width:260px}
body.u5 .u5-filter-knoepfe{margin-left:auto;display:inline-flex;gap:8px}
.u5-iconbtn.u5-umrandet{border:1px solid var(--u5-line-2);background:var(--u5-panel)}
.u5-iconbtn.u5-blau{color:var(--u5-blue-hell)}
body.u5 .u5-liste .status-legend{display:none!important}
body.u5 .u5-liste>.library-count-bar:not(.bank-count-bar):not(.datev-count-bar){display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 16px;min-height:0!important;padding:9px 16px!important;margin:0!important;
  border:0!important;border-bottom:1px solid var(--u5-line)!important;background:transparent!important;color:var(--u5-muted);font-size:12.5px}
body.u5 #libraryCount{display:inline-flex;align-items:center;font-weight:600;color:var(--u5-text-2)}
.u5-ki-verbrauch{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid var(--u5-line-2);border-radius:999px;background:var(--u5-panel-2);color:var(--u5-text-2);font-weight:600;white-space:nowrap}
.u5-ki-verbrauch.warnung{border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.12);color:#ff8a8a}
.u5-ki-verbrauch[hidden]{display:none!important}
body.u5 .library-sum{display:flex;gap:14px;margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:var(--u5-muted)!important;font-size:12.5px}
body.u5 .library-sum b{color:var(--u5-text-2);font-weight:600}
body.u5 .library-sum.sum-selection>b:first-child{color:var(--u5-blue-hell)}
/* Die Leiste bleibt sichtbar: Sie traegt jetzt immer Belegzahl und KI-Kontingent. */

body.u5 .u5-liste>.message-table-scroll{flex:1 1 0;min-height:0;overflow:auto}
body.u5 .u5-liste .message-list-head,body.u5 .u5-liste .message-row.u5-zeile{grid-template-columns:var(--record-grid)!important;min-width:max(100%,600px)!important;column-gap:7px!important;gap:0 7px!important}
body.u5 .u5-liste .message-list-head{min-height:44px!important;padding:0 12px 0 10px!important;align-items:center;background:var(--u5-panel)!important;border-bottom:1px solid var(--u5-line)!important}
body.u5 .u5-liste .column-head{display:flex;align-items:center;height:44px;padding:0!important;border:0!important;background:transparent!important;color:var(--u5-muted)!important;
  font:600 11.5px var(--u5-font)!important;letter-spacing:.06em!important;text-transform:uppercase;text-align:left;cursor:pointer;position:relative;min-width:0}
body.u5 .u5-liste .column-head .column-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.u5 .u5-liste .column-head.u5-rechts{justify-content:flex-end}
body.u5 .u5-liste .column-head.active{color:var(--u5-text-2)!important}
body.u5 .u5-liste .column-head:hover{color:var(--u5-text)!important}
.u5-sortpfeil{width:13px;height:13px}
body.u5 .u5-liste .column-resizer{position:absolute;right:-6px;top:10px;bottom:10px;width:6px;cursor:col-resize;border-right:1px solid transparent}
body.u5 .u5-liste .column-head:hover .column-resizer{border-right-color:var(--u5-line-2)}
body.u5 .u5-liste .message-row.u5-zeile{align-items:center;min-height:54px!important;padding:0 12px 0 10px!important;border:0!important;border-bottom:1px solid var(--u5-line)!important;
  background:transparent!important;box-shadow:none!important;cursor:pointer;transition:background .1s}
body.u5 .u5-liste .message-row.u5-zeile:hover{background:var(--u5-hover)!important}
body.u5 .u5-liste .message-row.u5-zeile.selected{background:var(--u5-select)!important;box-shadow:inset 3px 0 0 var(--u5-blue)!important}
body.u5 .u5-liste .message-row.u5-zeile.row-highlight{animation:u5-aufblitzen 1.4s ease 2}
@keyframes u5-aufblitzen{50%{background:rgba(46,124,240,.28)}}
body.u5 .u5-liste .message-row.u5-zeile.fresh-mail{box-shadow:inset 3px 0 0 var(--u5-green)!important}
body.u5 .u5-liste .row-check{display:grid!important;place-items:center;width:auto!important;height:auto!important;margin:0!important;position:static!important}
body.u5 .u5-liste .row-check input{position:absolute;opacity:0;width:1px;height:1px}
body.u5 .u5-liste .row-check span{width:17px!important;height:17px!important;border:1.5px solid var(--u5-line-2)!important;border-radius:5px!important;background:transparent!important;display:block;position:relative;margin:0!important}
body.u5 .u5-liste .row-check input:checked+span{background:var(--u5-blue)!important;border-color:var(--u5-blue)!important}
body.u5 .u5-liste .row-check input:checked+span::after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
body.u5 .u5-liste .row-check input:focus-visible+span{box-shadow:0 0 0 3px var(--u5-blue-soft)}
.u5-dateityp{width:auto!important;height:auto!important;display:grid!important;place-items:center;margin:0!important;padding:0!important;font-size:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;position:static!important}
.u5-dateisymbol{width:27px;height:34px;display:block;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.u5-dateisymbol.gross{width:42px;height:53px}
body.u5 .u5-zeile .table-text{display:block;min-width:0}
.u5-aussteller{display:flex!important;align-items:baseline;gap:8px;min-width:0;white-space:nowrap;overflow:hidden}
.u5-aussteller b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--u5-text);font-weight:600;font-size:14px}
.u5-aussteller small{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--u5-muted);font-size:13px}
body.u5 .u5-zeile .money-cell{display:block;text-align:right;font-variant-numeric:tabular-nums;font-size:14px;color:var(--u5-text-2);white-space:nowrap;font-weight:500}
body.u5 .u5-zeile b.money-cell{color:var(--u5-text);font-weight:600}
body.u5 .u5-zeile time.money-cell{text-align:left;color:var(--u5-text-2)}
body.u5 .u5-zeile .money-cell small{margin-left:4px;color:var(--u5-muted);font-size:11px}
body.u5 .u5-zeile .money-cell.unsure{color:var(--u5-yellow)}
body.u5 .u5-zeile .money-cell.missing{color:var(--u5-red);font-weight:500;font-size:12.5px}
body.u5 .u5-zeile .money-cell.exempt,body.u5 .u5-zeile .money-cell.notshown{color:var(--u5-muted)}
body.u5 .u5-zeile .money-cell.fallback{color:var(--u5-muted)}
/* "In der Farbe des Status" und "Ohne Farbe" aus den Einstellungen gelten weiter (style.css, html.betragsfarben-*) */
.u5-status-zelle{display:inline-flex;align-items:center;gap:6px;min-width:0}
body.u5 .u5-zeile .status-label.u5-pille{max-width:100%;margin:0!important;overflow:hidden;text-overflow:ellipsis;justify-content:flex-start}
body.u5 .u5-zeile .status-label.u5-pille:hover{filter:brightness(1.15)}
.u5-bezahlt-punkt{width:8px;height:8px;border-radius:50%;background:#5aa4ff;flex:0 0 auto}
.u5-ablage-marke{display:inline-flex;align-items:center;gap:6px;max-width:100%;overflow:hidden;white-space:nowrap;height:26px;padding:0 9px 0 7px;
  border:1px solid var(--u5-line-2);border-radius:6px;background:var(--u5-panel-2);color:var(--u5-text-2);font-size:12.5px;font-weight:500;vertical-align:middle}
.u5-ablage-marke>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.u5-ablage-marke .ico{width:14px;height:14px;color:var(--u5-muted);stroke-width:2}
.u5-ablage-marke.offen{border-style:dashed;color:var(--u5-muted);background:transparent}
.u5-konto{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:500;color:var(--u5-text-2)}
.u5-konto.ok .ico{width:15px;height:15px;color:var(--u5-green);stroke-width:2.4}
.u5-konto.offen{color:var(--u5-muted)}
.u5-konto.offen i{width:12px;height:12px;border:1.6px solid var(--u5-muted);border-radius:50%}
.u5-konto.leer{color:var(--u5-muted)}
body.u5 .u5-zeilen-aktionen{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:0!important;position:static!important;margin:0!important;padding:0!important;width:auto!important}
body.u5 .u5-zeilen-aktionen>.u5-zeilenknopf,body.u5 .u5-zeilen-aktionen>.u5-zeilenmenue{flex:0 0 32px;width:32px;height:32px}
.u5-zeilenknopf{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--u5-muted);cursor:pointer;list-style:none}
.u5-zeilenknopf::-webkit-details-marker{display:none}
.u5-zeilenknopf:hover{background:var(--u5-panel-2);color:var(--u5-text)}
.u5-zeilenknopf .ico{width:17px;height:17px}
body.u5 .u5-zeilenmenue .u5-menue-koerper{min-width:220px;z-index:80}
body.u5 .u5-zeilenmenue .row-approve.done{color:var(--u5-green)}
body.u5 .u5-zeile .row-deduction{color:var(--u5-yellow);font-style:normal;font-weight:700;margin-right:4px}
body.u5 .u5-zeile .row-upload-spinner{margin-right:10px}
body.u5 .message-empty{margin:40px auto!important;max-width:480px;text-align:center;color:var(--u5-muted);background:transparent!important;border:0!important}
body.u5 .message-empty>span{display:none}
body.u5 .message-empty strong{display:block;color:var(--u5-text);font-size:16px;margin-bottom:6px}

.u5-seitenwahl{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--u5-line);color:var(--u5-muted);font-size:13px;flex:0 0 auto}
.u5-seitenwahl[hidden]{display:none}
.u5-seiten-info{margin-right:auto;font-variant-numeric:tabular-nums}
.u5-seiten-knoepfe{display:inline-flex;align-items:center;gap:4px}
.u5-seiten-knoepfe button{min-width:32px;height:32px;padding:0 8px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--u5-text-2);
  font:600 13px var(--u5-font);cursor:pointer}
.u5-seiten-knoepfe button:hover:not(:disabled){background:var(--u5-hover)}
.u5-seiten-knoepfe button.aktiv{background:var(--u5-blue);color:#fff}
.u5-seiten-knoepfe button:disabled{opacity:.35;cursor:default}
.u5-seiten-knoepfe .ico{width:16px;height:16px}
.u5-seiten-luecke{padding:0 4px}
body.u5 .u5-seitenwahl select.u5-pro-seite{height:32px;min-width:0;font-size:13px}
body.u5[data-u5-modus="bank"] .u5-seitenwahl,body.u5[data-u5-modus="datev"] .u5-seitenwahl{display:none!important}
body.u5[data-u5-modus="bank"] .u5-kennzahlen,body.u5[data-u5-modus="datev"] .u5-kennzahlen{display:none}

/* --- Detailbereich rechts ------------------------------------------------------- */
body.u5 .u5-detail{overflow-y:auto!important}
body.u5 .u5-detail>.pane-title,body.u5 .u5-detail>.inspector-customer-switch{display:none!important}
body.u5 .u5-detail .customer-inspector{padding:18px!important}
body.u5 .u5-beleg{display:flex!important;flex-direction:column;flex:1 1 auto;min-height:0;padding:0!important;gap:0!important}
body.u5 .u5-beleg[hidden]{display:none!important}
body.u5 .u5-beleg-kopf{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:start;column-gap:12px;row-gap:8px;padding:18px 18px 12px!important;margin:0!important;border:0!important;background:transparent!important;grid-template-columns:none!important}
body.u5 .u5-beleg-kopf>#selectedFileBadge{display:block!important;width:auto!important;height:auto!important;flex:0 0 auto;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:0!important}
body.u5 .u5-beleg-kopf>div{grid-column:2;grid-row:1;min-width:0}
body.u5 .u5-beleg-kopf>#selectedFileBadge{grid-column:1;grid-row:1/span 2}
body.u5 .u5-beleg-kopf>.u5-pille{justify-self:start;cursor:default}
body.u5 .u5-beleg-kopf strong{display:block;font-size:16px;font-weight:700;color:var(--u5-text);line-height:1.3;word-break:break-word}
body.u5 .u5-beleg-kopf small{display:block;margin-top:4px;color:var(--u5-muted);font-size:12.5px;line-height:1.45}
body.u5 .u5-beleg-kopf .u5-dateiname{display:block;color:var(--u5-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto!important;height:auto!important;border:0!important;background:none!important;font-weight:500!important}
body.u5 .u5-beleg-kopf>.u5-pille{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px;flex:0 0 auto;width:auto!important;height:26px!important;padding:0 11px!important;cursor:default;margin-top:0;border-radius:999px!important;font-size:12.5px!important;font-weight:600!important}
body.u5 .u5-beleg-kopf>.u5-pille[hidden]{display:none!important}
.u5-reiter{display:flex;gap:14px;padding:0 18px;border-bottom:1px solid var(--u5-line)}
.u5-reiter button{position:relative;height:40px;padding:0;border:0;background:transparent;color:var(--u5-muted);font:600 13px var(--u5-font);cursor:pointer;white-space:nowrap}
.u5-reiter button:hover{color:var(--u5-text)}
.u5-reiter button.aktiv{color:var(--u5-text)}
.u5-reiter button.aktiv::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--u5-blue-hell)}
.u5-reiter-inhalt{flex:1 1 auto;padding:16px 18px 8px;display:flex;flex-direction:column;gap:12px}
.u5-reiter-inhalt[hidden]{display:none!important}
body.u5 .u5-fakten{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.u5 .u5-fakten>div{display:grid!important;grid-template-columns:minmax(118px,42%) minmax(0,1fr);align-items:baseline;gap:10px;padding:7px 0!important;margin:0!important;border:0!important;background:transparent!important;min-height:0!important}
body.u5 .u5-fakten>div[hidden]{display:none!important}
body.u5 .u5-fakten dt{margin:0!important;color:var(--u5-muted)!important;font:500 13px var(--u5-font)!important;letter-spacing:0!important;text-transform:none!important}
body.u5 .u5-fakten dd{margin:0!important;color:var(--u5-text)!important;font:500 13.5px var(--u5-font)!important;text-align:right;word-break:break-word;font-variant-numeric:tabular-nums}
body.u5 .u5-fakten dd.unsure{color:var(--u5-yellow)!important}
body.u5 .u5-fakten .amount-drill{padding:0!important;border:0!important;background:none!important;color:inherit!important;font:inherit!important;text-decoration:underline dotted transparent;cursor:pointer}
body.u5 .u5-fakten .amount-drill:hover:not(:disabled){color:var(--u5-blue-hell)!important;text-decoration-color:currentColor}
body.u5 .u5-fakten .amount-drill:disabled{cursor:default}
body.u5 .u5-fakten .amount-drill.exempt{color:var(--u5-muted)!important}
body.u5 .u5-fakten #selectedAmount{font-weight:700!important}
body.u5 .u5-fakten .bezahlt-zeile{justify-content:flex-end}
.u5-zugeordnet{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;padding:12px 0 4px;border-top:1px solid var(--u5-line)}
.u5-zugeordnet[hidden]{display:none}
.u5-zugeordnet span{color:var(--u5-muted);font-size:13px}
.u5-zugeordnet b{color:var(--u5-text);font-size:13.5px;font-weight:600}
.u5-zugeordnet i{grid-column:1/-1;height:6px;border-radius:999px;background:var(--u5-panel-2);overflow:hidden}
.u5-zugeordnet em{display:block;height:100%;width:0;border-radius:inherit;background:var(--u5-yellow);transition:width .25s}
.u5-zugeordnet em.voll{background:var(--u5-green)}
.u5-vorschau{display:block;width:100%;min-height:220px;padding:0;border:1px solid var(--u5-line);border-radius:8px;background:#fff;overflow:hidden;cursor:zoom-in}
.u5-vorschau img{display:block;width:100%;height:auto}
.u5-vorschau.fehlt{background:var(--u5-panel-2);min-height:120px}
.u5-vorschau.fehlt img{display:none}
.u5-vorschau.fehlt::after{content:"Für diesen Dateityp gibt es keine Vorschau. Klick öffnet die Datei.";display:block;padding:40px 18px;color:var(--u5-muted);font-size:13px}
body.u5 .u5-beleg .preview-hint{margin:0;padding:0!important;border:0!important;text-align:left!important;color:var(--u5-muted);font-size:12px}
.u5-verlauf{list-style:none;margin:0;padding:0;display:grid;gap:0}
.u5-verlauf li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:8px 0;position:relative}
.u5-verlauf li:not(:last-child)::before{content:"";position:absolute;left:14px;top:38px;bottom:-6px;width:1px;background:var(--u5-line-2)}
.u5-verlauf-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--u5-panel-2);color:var(--u5-text-2);border:1px solid var(--u5-line-2)}
.u5-verlauf-symbol .ico{width:15px;height:15px}
.u5-verlauf strong{display:block;font-size:13.5px;font-weight:600;color:var(--u5-text)}
.u5-verlauf small{display:block;margin-top:2px;color:var(--u5-text-2);font-size:12.5px}
.u5-verlauf time{display:block;margin-top:2px;color:var(--u5-muted);font-size:12px}
.u5-verlauf li.leer{display:block;color:var(--u5-muted)}
body.u5 .u5-rohdaten{align-self:flex-start;height:34px;font-size:13px}
body.u5 .u5-rohdaten[hidden]{display:none}
body.u5 .u5-beleg-aktionen{position:sticky;bottom:0;display:flex!important;flex-direction:column;gap:8px;margin:0!important;padding:14px 18px!important;
  border:0!important;border-top:1px solid var(--u5-line)!important;background:var(--u5-panel)!important;grid-template-columns:none!important}
.u5-aktionen-haupt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.u5-aktionen-neben{display:flex;gap:8px}
.u5-aktionen-neben .release-button{flex:1}
body.u5 .u5-beleg-aktionen .u5-btn{width:100%}
body.u5 .u5-beleg-aktionen .u5-btn[hidden]{display:none}
body.u5 .u5-beleg-aktionen .u5-mehr>summary.u5-btn{width:38px;padding:0}
body.u5 .u5-beleg-aktionen .u5-mehr .u5-menue-koerper{top:auto;bottom:calc(100% + 6px)}
body.u5 .release-button.release-undo{color:var(--u5-text-2)}
body.u5 .release-button:not(.release-undo){border-color:rgba(47,196,108,.45);color:var(--u5-green)}
/* Hinweise oben im Detailbereich */
body.u5 .u5-beleg .assign-notice,body.u5 .u5-beleg .split-notice,body.u5 .u5-beleg .outdated-notice,body.u5 .u5-beleg .spread-notice,body.u5 .u5-beleg .nachweis-notice,body.u5 .u5-beleg .review-reason{
  margin:0!important;border-radius:8px!important;font-size:12.5px}
body.u5 .scope-note{margin:0;color:var(--u5-muted);font-size:12.5px}
body.u5 .tax-overview h3,body.u5 .line-items h3{margin:4px 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--u5-muted)}

/* --- Fuss ---------------------------------------------------------------------- */
body.u5 .u5-fuss{display:flex;justify-content:flex-end;padding:0 2px!important;margin:0!important;border:0!important;background:transparent!important;color:var(--u5-muted);font-size:11.5px}

/* --- schmalere Bildschirme ------------------------------------------------------- */
@media (max-width:1500px){
  body.u5 .records-workbench.u5-werkbank{grid-template-columns:var(--u5-ablage-breite,176px) minmax(0,1fr) var(--u5-detail-breite,376px)!important}
  .u5-kennzahl{padding:13px 14px;gap:11px}
  .u5-kennzahl-symbol{width:40px;height:40px}
  .u5-kennzahl strong{font-size:18px}
}
@media (max-width:1280px){
  body.u5 .records-workbench.u5-werkbank{grid-template-columns:var(--u5-ablage-breite,164px) minmax(0,1fr) var(--u5-detail-breite,346px)!important}
  body.u5 .u5-liste .message-list-head,body.u5 .u5-liste .message-row.u5-zeile{min-width:max(100%,460px)!important}
}
@media (max-width:1680px){
  body.u5{--u5-sidebar-breite:72px}
  .u5-sidebar{padding:14px 8px}
  .u5-sidebar .topbar-logo-slot .brand-logo-stage{transform:scale(.36);flex:0 0 auto}
  .u5-nav-item{justify-content:center;padding:0}
  .u5-nav-item span,.u5-nav-item small,.u5-userkarte>div,.u5-version{display:none}
  .u5-userkarte{justify-content:center;padding-left:0;padding-right:0}
}
@media (max-width:1280px){
  .u5-kennzahlen{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1100px){
  body.u5 .records-workbench.u5-werkbank{grid-template-columns:220px minmax(0,1fr)!important}
  body.u5 .u5-werkbank>.u5-detail{grid-column:1/-1;max-height:none}
}
@media (max-width:760px){
  body.u5 .u5-app{grid-template-columns:1fr}
  .u5-sidebar{display:none}
  body.u5 .records-workbench.u5-werkbank{grid-template-columns:1fr!important}
  .u5-kennzahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .u5-seitenkopf{flex-wrap:wrap}
  .u5-kopf-aktionen{margin-left:0}
}

/* --- Nachschliff Probe-Bildschirm ------------------------------------------------ */
body.u5 .u5-zeilenmenue .u5-menue-koerper>button,body.u5 .u5-zeilenmenue .u5-menue-koerper>a{position:static!important;display:flex!important;justify-content:flex-start!important;
  width:100%!important;height:auto!important;min-height:36px!important;padding:0 10px!important;margin:0!important;border:0!important;border-radius:7px!important;
  background:transparent!important;box-shadow:none!important;opacity:1!important;transform:none!important;color:var(--u5-text)!important;font:500 13.5px var(--u5-font)!important;text-align:left!important}
body.u5 .u5-zeilenmenue .u5-menue-koerper>button:hover:not(:disabled),body.u5 .u5-zeilenmenue .u5-menue-koerper>a:hover{background:var(--u5-hover)!important}
body.u5 .u5-zeilenmenue .u5-menue-koerper>button.gefahr{color:var(--u5-red)!important}
body.u5 .u5-zeilenmenue .u5-menue-koerper>button:disabled{opacity:.55!important;cursor:default}
body.u5 .u5-zeilenmenue .u5-menue-koerper>button.row-approve.done{color:var(--u5-green)!important}
body.u5 .u5-zeilenmenue .u5-menue-koerper>button::before,body.u5 .u5-zeilenmenue .u5-menue-koerper>button::after{content:none!important;display:none!important}
/* Bank und DATEV: die Filter der Belegliste und die Bereichsreiter treten zurueck */
body.u5.bank-seite .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar),body.u5.datev-seite .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar),
body.u5.bank-seite .u5-liste>.library-count-bar:not(.bank-count-bar):not(.datev-count-bar),body.u5.datev-seite .u5-liste>.library-count-bar:not(.bank-count-bar):not(.datev-count-bar),
body.u5.bank-seite .u5-ablage .ledger-switcher,body.u5.datev-seite .u5-ablage .ledger-switcher,
body.u5.bank-seite .u5-import,body.u5.datev-seite .u5-import{display:none!important}
/* Mandant ohne gewaehlten Beleg */
body.u5 .u5-detail .inspector-customer{padding-bottom:16px;border-bottom:1px solid var(--u5-line)}
body.u5 .u5-detail .inspector-customer>span{width:44px;height:44px;border:0;border-radius:10px;background:var(--u5-blue);color:#fff;font-size:15px;font-weight:700}
body.u5 .u5-detail .inspector-facts dt{color:var(--u5-muted);font:600 11px var(--u5-font);letter-spacing:.06em;text-transform:uppercase}
body.u5 .u5-detail .inspector-facts dd{color:var(--u5-text);font:500 13.5px var(--u5-font)}
body.u5 .u5-detail .separator-links a{color:var(--u5-blue-hell);font-size:13px}
body.u5 .u5-detail .inspector-empty{padding:14px 16px;border:1px dashed var(--u5-line-2);border-radius:8px;background:transparent!important;color:var(--u5-muted)!important;font-size:13px;line-height:1.5}
/* Helle Ansicht */
html[data-theme="light"] body.u5 select,html[data-theme="light"] body.u5 .u5-select{background-color:#fff!important;border-color:var(--u5-line-2)!important;color:var(--u5-text)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2362748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 11px center!important}
html[data-theme="light"] body.u5 .u5-liste .column-head{color:var(--u5-muted)!important}
html[data-theme="light"] body.u5 .u5-liste .column-head.active{color:var(--u5-text-2)!important}
html[data-theme="light"] body.u5 .u5-liste .message-list-head{background:#fff!important}
html[data-theme="light"] body.u5 .u5-version .demo-badge{color:var(--u5-muted);border-color:var(--u5-line-2)}
body.u5 .u5-sym-papierkorb::before{content:"";width:15px;height:15px;flex:0 0 auto;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3C/svg%3E") center/contain no-repeat}
body.u5 .u5-sym-papierkorb.active{color:var(--u5-blue-hell)}

/* --- Alle Mandanten ---------------------------------------------------------------- */
.u5-mandant-zeichen .ico{width:24px;height:24px}
.u5-alle-info{padding:18px;display:flex;flex-direction:column;gap:14px}
.u5-alle-info[hidden]{display:none}
.u5-alle-kopf{display:flex;align-items:center;gap:12px}
.u5-alle-kopf .u5-mandant-zeichen{width:44px;height:44px}
.u5-alle-kopf strong{display:block;font-size:16px;color:var(--u5-text)}
.u5-alle-kopf small{display:block;margin-top:3px;color:var(--u5-muted);font-size:12.5px}
.u5-alle-text{margin:0;color:var(--u5-text-2);font-size:13px;line-height:1.5}
.u5-alle-liste{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--u5-line);padding-top:10px}
.u5-alle-liste button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:var(--u5-text);text-align:left;cursor:pointer;font-family:var(--u5-font)}
.u5-alle-liste button:hover{background:var(--u5-hover)}
.u5-alle-name{flex:1;min-width:0}
.u5-alle-name b{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u5-alle-name small{display:block;margin-top:2px;color:var(--u5-muted);font-size:12px}
.u5-alle-liste .status-stack{display:inline-flex!important;gap:3px!important;flex-direction:row!important;position:static!important;margin:0!important}
.u5-alle-liste .status-stack .folder-status{width:7px!important;height:7px!important;border-radius:50%!important;margin:0!important}
.u5-alle-liste .status-stack .folder-status.empty{display:none!important}
.u5-besitzer{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;padding:0;border:0;background:none;color:var(--u5-blue-hell);font:600 12.5px var(--u5-font);cursor:pointer}
.u5-besitzer .ico{width:14px;height:14px}
.u5-besitzer:hover{text-decoration:underline}
body.u5-alle .u5-aussteller small{color:var(--u5-blue-hell);opacity:.85}
body.u5-alle .u5-aussteller{flex-direction:column;align-items:flex-start!important;gap:1px}
body.u5-alle .u5-aussteller b,body.u5-alle .u5-aussteller small{max-width:100%;flex:0 0 auto}
body.u5-alle .u5-aussteller small{font-size:12px}

/* --- Farbige Pillen und Marken (nach dem farbigen Beispiel) -----------------------
   Getoenter Grund mit leichtem Verlauf, farbiger Rand mit sanftem Schein, ein
   gefuellter Punkt mit Zeichen und helle Schrift in der Farbe. */
body.u5 .u5-pille,body.u5 .u5-zeile .status-label.u5-pille,body.u5 .u5-beleg-kopf>.u5-pille{
  display:inline-flex!important;align-items:center!important;gap:7px!important;height:30px!important;width:auto!important;min-width:0!important;
  padding:0 12px 0 8px!important;border-radius:9px!important;border:1px solid rgba(var(--c),.55)!important;
  background:linear-gradient(180deg,rgba(var(--c),.24),rgba(var(--c),.12))!important;color:var(--t)!important;
  box-shadow:inset 0 0 10px rgba(var(--c),.16),0 0 10px rgba(var(--c),.10)!important;font:600 13px var(--u5-font)!important;letter-spacing:0!important;
  white-space:nowrap;line-height:1!important;text-transform:none!important}
body.u5 .u5-pille::before{content:""!important;width:15px!important;height:15px!important;flex:0 0 auto;border-radius:50%;background:var(--punkt) center/contain no-repeat!important;
  animation:none;display:block!important;position:static!important;margin:0!important;border:0!important}
body.u5 .u5-pille.gruen{--c:47,196,108;--t:#a8f0c6;
  --punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%232fc46c'/%3E%3Cpath d='M4.7 8.3l2.2 2.2 4.4-4.7' fill='none' stroke='%230b2a17' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body.u5 .u5-pille.gelb{--c:243,180,45;--t:#ffd877;
  --punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23f3b42d'/%3E%3Cpath d='M8 4.2v4.6' stroke='%233a2800' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='11.6' r='1.25' fill='%233a2800'/%3E%3C/svg%3E")}
body.u5 .u5-pille.rot{--c:239,90,82;--t:#ffc4bf;
  --punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23ef5a52'/%3E%3Cpath d='M8 2.6a5.4 5.4 0 0 1 0 10.8Z' fill='%23ffe1de'/%3E%3C/svg%3E")}
body.u5 .u5-pille.blau{--c:59,140,255;--t:#acd0ff;
  --punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%233b8cff'/%3E%3Ccircle cx='8' cy='8' r='4.6' fill='%2366a8ff'/%3E%3C/svg%3E")}
body.u5 .u5-pille.grau,body.u5 .u5-pille.arbeitet{--c:148,170,200;--t:#d6e1ef;
  --punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23c9d6e8'/%3E%3Cpath d='M8 4.4V8l2.4 1.6' fill='none' stroke='%231b2a40' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body.u5 .u5-pille.arbeitet::before{animation:u5-puls 1.2s ease-in-out infinite!important}
body.u5 .u5-pille.lila{--c:167,139,250;--t:#d9ccff;--punkt:radial-gradient(circle,#a78bfa 0 60%,transparent 62%)}
body.u5 .u5-zeile .status-label.u5-pille.freigegeben::after,body.u5 .u5-zeile .status-label.u5-pille::after{content:none!important;display:none!important}
body.u5 .u5-zeile .status-label.u5-pille:hover{filter:brightness(1.12)}

/* Ablage-Marken: neutral wie im Entwurf, helles Symbol, den Stand zeigt die Status-Pille */
.u5-ablage-marke{height:32px!important;padding:0 11px 0 8px!important;gap:8px!important;border-radius:9px!important;border:1px solid #2a3b55!important;
  background:#16233a!important;color:#e6edf6!important;font-weight:600!important;box-shadow:none!important}
.u5-ablage-marke .ico{width:18px!important;height:18px!important;color:#f2f6fb!important;stroke-width:1.9;opacity:.95}
.u5-ablage-marke.offen{border-style:dashed!important;background:transparent!important;color:var(--u5-muted)!important}
.u5-ablage-marke.offen .ico{color:var(--u5-muted)!important}
html[data-theme="light"] .u5-ablage-marke{background:#fff!important;border-color:var(--u5-line-2)!important;color:#22344a!important}
html[data-theme="light"] .u5-ablage-marke .ico{color:#22344a!important}

/* helle Ansicht: zarter Grund, kraeftige Schrift */
html[data-theme="light"] body.u5 .u5-pille,html[data-theme="light"] body.u5 .u5-zeile .status-label.u5-pille,html[data-theme="light"] body.u5 .u5-beleg-kopf>.u5-pille{
  background:rgba(var(--c),.12)!important;box-shadow:none!important}
html[data-theme="light"] body.u5 .u5-pille.gruen{--t:#11733f}
html[data-theme="light"] body.u5 .u5-pille.gelb{--t:#8a5d00}
html[data-theme="light"] body.u5 .u5-pille.rot{--t:#b3261e}
html[data-theme="light"] body.u5 .u5-pille.blau{--t:#1557c0}
html[data-theme="light"] body.u5 .u5-pille.grau,html[data-theme="light"] body.u5 .u5-pille.arbeitet{--t:#3b4c63}
html[data-theme="light"] body.u5 .u5-pille,html[data-theme="light"] body.u5 .u5-zeile .status-label.u5-pille,html[data-theme="light"] body.u5 .u5-beleg-kopf>.u5-pille{color:var(--t)!important}
/* Spaltenkopf ziehen */
body.u5 .u5-liste .column-head{cursor:grab}
body.u5 .u5-liste .column-head[data-sort-column="vendor"]{cursor:pointer}
body.u5.u5-spalte-zieht,body.u5.u5-spalte-zieht *{cursor:grabbing!important;user-select:none}
body.u5 .u5-liste .column-head.u5-gezogen{z-index:3;background:var(--u5-select)!important;border-radius:6px;color:var(--u5-text)!important;box-shadow:0 6px 18px rgba(0,0,0,.35)!important;padding:0 6px!important}
body.u5 .u5-liste .column-head.u5-ziel-links{box-shadow:inset 3px 0 0 var(--u5-blue-hell)!important}
body.u5 .u5-liste .column-head.u5-ziel-rechts{box-shadow:inset -3px 0 0 var(--u5-blue-hell)!important}

/* schmalere Seitenleiste: Logo passend verkleinert */
@media (min-width:1681px){.u5-sidebar .topbar-logo-slot .brand-logo-stage{transform:scale(.88);transform-origin:center}}
.u5-userkarte{gap:9px;padding:12px 4px 2px}
.u5-userkarte strong{font-size:13px}
.u5-userkarte small{font-size:11.5px}

/* Slogan ganz oben links in der Kopfleiste, neben dem Logo */
.u5-slogan{flex:0 0 auto;margin-right:8px;color:var(--u5-text);font:700 18px var(--u5-font);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;
  background:linear-gradient(90deg,#ffffff 0%,#9cc9ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="light"] .u5-slogan{background:linear-gradient(90deg,#0f1d2e 0%,#1f6fe0 100%);-webkit-background-clip:text;background-clip:text}
@media (max-width:1100px){.u5-slogan{display:none}}


/* =============================================================================
   Bank & Konten im neuen Erscheinungsbild
   ============================================================================= */
body.u5.bank-seite .u5-kennzahlen{display:grid}
/* links: Konten */
body.u5 .u5-ablage .bank-tree{padding:0 8px 10px!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important}
body.u5 .u5-ablage .bank-tree>.pane-title{display:none!important}
body.u5 .bank-filter{display:flex!important;flex-direction:column;gap:1px;margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important}
body.u5 .bank-filter-eintrag{display:flex!important;align-items:center;gap:9px;width:100%;min-height:34px!important;padding:0 8px 0 12px!important;margin:0!important;border:0!important;border-radius:7px!important;
  background:transparent!important;color:var(--u5-text-2)!important;font:500 13.5px var(--u5-font)!important;text-align:left;cursor:pointer;box-shadow:none!important}
body.u5 .bank-filter-eintrag span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.u5 .bank-filter-eintrag:hover{background:var(--u5-hover)!important;color:var(--u5-text)!important}
body.u5 .bank-filter-eintrag.active{background:var(--u5-select)!important;color:var(--u5-text)!important;font-weight:600!important}
body.u5 .bank-filter-eintrag>b,body.u5 .bank-konto>.bank-anzahl{min-width:24px;height:20px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:var(--u5-panel-2);
  border:1px solid var(--u5-line-2);color:var(--u5-text-2);font:600 11.5px var(--u5-font);font-variant-numeric:tabular-nums}
body.u5 .bank-filter-eintrag.active>b{background:var(--u5-blue);border-color:var(--u5-blue);color:#fff}
body.u5 .bank-punkt{width:8px!important;height:8px!important;border-radius:50%!important;flex:0 0 auto;box-shadow:none!important;margin:0!important}
body.u5 .bank-punkt.red{background:var(--u5-red)!important}body.u5 .bank-punkt.yellow{background:var(--u5-yellow)!important}
body.u5 .bank-punkt.green{background:var(--u5-green)!important}body.u5 .bank-punkt.blue{background:#3b8cff!important}
body.u5 .bank-filter-eintrag:not(:has(.bank-punkt))::before{content:"";width:8px;flex:0 0 auto}
body.u5 .bank-konten-kopf{display:flex!important;align-items:center;justify-content:space-between;margin:10px 4px 6px!important;padding:10px 4px 0!important;border-top:1px solid var(--u5-line)}
body.u5 .bank-konten-kopf .overline{color:var(--u5-muted)!important;font:700 11.5px var(--u5-font)!important;letter-spacing:.08em!important}
body.u5 .bank-konten-knoepfe .tiny-action{height:26px;padding:0 9px;border-radius:7px;font:600 12px var(--u5-font)}
body.u5 .bank-konten-baum{position:relative;padding:0!important;margin:0!important;border:0!important}
body.u5 .bank-konten-baum .tree-rail,body.u5 .bank-konten-baum .tree-knob,body.u5 .bank-konten-baum .tree-cap,body.u5 .bank-konten-baum .tree-branch{display:none!important}
body.u5 .bank-konto{display:flex!important;align-items:center;gap:8px!important;min-height:46px!important;margin:1px 0!important;padding:4px 8px 4px calc(4px + var(--tiefe,0) * 16px)!important;
  border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
body.u5 .bank-konto::before,body.u5 .bank-konto::after{content:none!important;display:none!important}
body.u5 .bank-konto:hover{background:var(--u5-hover)!important}
body.u5 .bank-konto.active{background:var(--u5-select)!important}
body.u5 .bank-klapp{width:16px!important;height:20px!important;flex:0 0 16px;padding:0!important;border:0!important;background:none!important;color:var(--u5-muted)!important;font-size:12px!important;cursor:pointer}
body.u5 .bank-klapp.leer{visibility:hidden}
body.u5 .bank-konto-zeichen{width:30px!important;height:30px!important;flex:0 0 30px;display:grid!important;place-items:center;border-radius:8px!important;border:0!important;
  background:var(--u5-blue-soft)!important;color:#79b3ff!important;font-size:14px!important}
body.u5 .bank-konto.erkannt .bank-konto-zeichen{background:transparent!important;border:1px dashed var(--u5-line-2)!important;color:var(--u5-muted)!important}
body.u5 .bank-konto-text strong{font:600 13px var(--u5-font)!important;color:var(--u5-text)!important}
body.u5 .bank-konto-text small{font:500 11.5px var(--u5-font)!important;color:var(--u5-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.u5 .bank-konto.erkannt .bank-konto-text small{color:var(--u5-yellow)!important}
body.u5 .bank-konto>.status-stack{display:inline-flex!important;gap:3px!important;flex-direction:row!important;position:static!important;margin:0!important}
body.u5 .bank-konto>.status-stack .folder-status{width:6px!important;height:6px!important;border-radius:50%!important;margin:0!important;box-shadow:none!important}
body.u5 .bank-konto>.status-stack .folder-status.empty{display:none!important}
body.u5 .bank-leer{margin:6px 8px;color:var(--u5-muted);font-size:12.5px;line-height:1.5}

/* Mitte: Werkzeugleiste, Kopf und Zeilen */
body.u5 .bank-pane{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
body.u5 .bank-pane[hidden]{display:none!important}
body.u5 .bank-toolbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px!important;margin:0!important;border:0!important;
  border-bottom:1px solid var(--u5-line)!important;background:transparent!important;grid-template-columns:none!important}
body.u5 .bank-toolbar .message-search{flex:1 1 280px;display:flex;align-items:center;gap:10px;height:38px;padding:0 12px!important;margin:0!important;
  border:1px solid var(--u5-line-2)!important;border-radius:8px!important;background:var(--u5-panel)!important;color:var(--u5-muted)}
body.u5 .bank-toolbar .message-search input{flex:1;height:100%;border:0!important;background:transparent!important;color:var(--u5-text)!important;font:500 13.5px var(--u5-font);padding:0!important;box-shadow:none!important}
body.u5 .bank-toolbar .message-search:focus-within{border-color:var(--u5-blue)!important;box-shadow:0 0 0 3px var(--u5-blue-soft)}
body.u5 #bankImportButton{display:none!important}
body.u5 .bank-legend{display:none!important}
body.u5 .bank-count-bar{display:flex!important;align-items:center;gap:12px;min-height:0!important;padding:9px 16px!important;margin:0!important;border:0!important;
  border-bottom:1px solid var(--u5-line)!important;background:transparent!important;color:var(--u5-muted);font-size:12.5px}
body.u5 .bank-count-bar .bank-zahl{color:var(--u5-text);font-weight:700;font-size:13px}
body.u5 .bank-count-bar .library-sum{margin-left:auto!important}
body.u5 .bank-auswahl-leiste{padding:10px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--u5-line)!important;background:var(--u5-select)!important}
body.u5 .bank-table-scroll{flex:1 1 0;min-height:0;overflow:auto}
body.u5 .bank-head,body.u5 .bank-zeile{display:grid!important;grid-template-columns:24px 96px minmax(200px,1fr) minmax(110px,180px) 112px minmax(150px,210px)!important;
  column-gap:12px!important;align-items:center;padding:0 16px 0 12px!important;min-width:760px}
body.u5 .bank-head{position:sticky;top:0;z-index:2;min-height:44px!important;background:var(--u5-panel)!important;border-bottom:1px solid var(--u5-line)!important;
  color:var(--u5-muted)!important;font:600 11.5px var(--u5-font)!important;letter-spacing:.06em!important;text-transform:uppercase}
body.u5 .bank-zeile{min-height:56px!important;border:0!important;border-bottom:1px solid var(--u5-line)!important;background:transparent!important;transition:background .1s}
body.u5 .bank-zeile::before,body.u5 .bank-zeile::after{content:none!important;display:none!important}
body.u5 .bank-zeile:hover{background:var(--u5-hover)!important}
body.u5 .bank-zeile.selected{background:var(--u5-select)!important;box-shadow:inset 3px 0 0 var(--u5-blue)}
body.u5 .bank-zeile.markiert{background:rgba(46,124,240,.10)!important}
body.u5 .bank-zeile.sprung{outline:2px solid var(--u5-blue-hell)!important;outline-offset:-2px}
body.u5 .bank-datum{color:var(--u5-text-2);font:500 13.5px var(--u5-font);font-variant-numeric:tabular-nums}
body.u5 .bank-datum small{display:block;color:var(--u5-muted);font-size:11.5px}
body.u5 .bank-text{min-width:0}
body.u5 .bank-text strong{display:block;color:var(--u5-text);font:600 14px var(--u5-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.u5 .bank-text small{display:block;margin-top:2px;color:var(--u5-muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.u5 .bank-gegen-link{cursor:pointer}
body.u5 .bank-gegen-link:hover{color:var(--u5-blue-hell)!important;text-decoration:underline}
body.u5 .bank-konto-spalte{color:var(--u5-text-2)!important;font:500 13px var(--u5-font)!important}
body.u5 .bank-betrag{font:600 14px var(--u5-font)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
body.u5 .bank-betrag.minus{color:var(--u5-text)!important}
body.u5 .bank-betrag.plus{color:var(--u5-green)!important}
body.u5 .bank-betrag.link{cursor:pointer;text-decoration:underline dotted rgba(255,255,255,.3)}
/* Beleg-Spalte als Pille in der Farbe des Stands */
body.u5 .bank-zeile .bank-beleg{--c:148,170,200;--t:#d6e1ef;justify-self:start;display:inline-flex!important;align-items:center;gap:7px;max-width:100%;height:30px;padding:0 12px 0 8px;
  border:1px solid rgba(var(--c),.55);border-radius:9px;background:linear-gradient(180deg,rgba(var(--c),.24),rgba(var(--c),.12));color:var(--t);
  box-shadow:inset 0 0 10px rgba(var(--c),.16);font:600 12.5px var(--u5-font);overflow:hidden;white-space:nowrap}
body.u5 .bank-zeile .bank-beleg>span,body.u5 .bank-zeile .bank-beleg{text-overflow:ellipsis}
body.u5 .bank-zeile .bank-beleg>span{overflow:hidden;color:inherit!important;font:inherit!important}
body.u5 .bank-zeile .bank-beleg .bank-punkt{width:15px!important;height:15px!important;background:var(--punkt) center/contain no-repeat!important}
body.u5 .bank-zeile.red .bank-beleg{--c:239,90,82;--t:#ffc4bf;--punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23ef5a52'/%3E%3Cpath d='M8 2.6a5.4 5.4 0 0 1 0 10.8Z' fill='%23ffe1de'/%3E%3C/svg%3E")}
body.u5 .bank-zeile.yellow .bank-beleg{--c:243,180,45;--t:#ffd877;--punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23f3b42d'/%3E%3Cpath d='M8 4.2v4.6' stroke='%233a2800' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='11.6' r='1.25' fill='%233a2800'/%3E%3C/svg%3E")}
body.u5 .bank-zeile.green .bank-beleg{--c:47,196,108;--t:#a8f0c6;--punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%232fc46c'/%3E%3Cpath d='M4.7 8.3l2.2 2.2 4.4-4.7' fill='none' stroke='%230b2a17' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body.u5 .bank-zeile.blue .bank-beleg{--c:59,140,255;--t:#acd0ff;--punkt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%233b8cff'/%3E%3Ccircle cx='8' cy='8' r='4.6' fill='%2366a8ff'/%3E%3C/svg%3E")}
body.u5 .bank-beleg-text.link{cursor:pointer}
body.u5 .bank-beleg-text.link:hover{text-decoration:underline}
body.u5 .bank-beleg-text.rot{color:inherit!important}
html[data-theme="light"] body.u5 .bank-zeile .bank-beleg{background:rgba(var(--c),.12);box-shadow:none}
html[data-theme="light"] body.u5 .bank-zeile.red .bank-beleg{--t:#b3261e}
html[data-theme="light"] body.u5 .bank-zeile.yellow .bank-beleg{--t:#8a5d00}
html[data-theme="light"] body.u5 .bank-zeile.green .bank-beleg{--t:#11733f}
html[data-theme="light"] body.u5 .bank-zeile.blue .bank-beleg{--t:#1557c0}
html[data-theme="light"] body.u5 .bank-head{background:#fff!important}

/* rechts: Umsatz, Konto und zuletzt eingelesen */
body.u5 .bank-inspector{padding:18px!important;font-family:var(--u5-font)}
body.u5 .bank-inspector .overline,body.u5 .bank-inspector dt{color:var(--u5-muted)!important;font:600 11px var(--u5-font)!important;letter-spacing:.06em!important}
body.u5 .bank-inspector dd,body.u5 .bank-inspector p{font-family:var(--u5-font)}

/* allgemeine Knoepfe der bestehenden Fenster im neuen Stil */
body.u5 button.ghost,body.u5 .ghost.tiny-action{border:1px solid var(--u5-line-2)!important;border-radius:8px!important;background:var(--u5-panel)!important;color:var(--u5-text)!important;
  font-family:var(--u5-font)!important;font-weight:600!important;box-shadow:none!important}
body.u5 button.ghost:hover{background:var(--u5-hover)!important}
body.u5 button.primary{border:1px solid var(--u5-blue)!important;border-radius:8px!important;background:var(--u5-blue)!important;color:#fff!important;font-family:var(--u5-font)!important;font-weight:600!important;box-shadow:none!important}
body.u5 button.primary:hover{background:var(--u5-blue-hover)!important}
body.u5 button.primary:disabled{opacity:.5}
body.u5 .danger-button,body.u5 button.gefahr.ghost,body.u5 .ghost.tiny-action.gefahr{border:1px solid rgba(239,90,82,.55)!important;border-radius:8px!important;background:var(--u5-red-soft)!important;color:#ffb3ad!important;font-family:var(--u5-font)!important;font-weight:600!important}
html[data-theme="light"] body.u5 .danger-button,html[data-theme="light"] body.u5 .ghost.tiny-action.gefahr{color:var(--u5-red)!important}

body.u5 .bank-toolbar .message-search>span{position:static!important;flex:0 0 auto;transform:none!important;margin:0!important;font-size:15px}
body.u5 .u5-liste .bank-count-bar{display:flex!important;grid-template-columns:none!important;justify-content:flex-start}
body.u5 .u5-liste .bank-count-bar>*{grid-column:auto!important}
body.u5 .u5-liste .bank-count-bar #bankSum{margin-left:auto!important}
body.u5 .bank-konto-text strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}
body.u5 #bankCount{display:flex!important;align-items:baseline;gap:8px;grid-template-columns:none!important}
body.u5 #bankCount .bank-zahl,body.u5 #bankCount .bank-zahl-text{width:auto!important;min-width:0!important;margin:0!important;padding:0!important}

/* =============================================================================
   DATEV Export nach dem Entwurf
   ============================================================================= */
.u5-segment{display:inline-flex;gap:2px;margin-left:22px;padding:3px;border:1px solid var(--u5-line);border-radius:9px;background:var(--u5-panel)}
.u5-segment[hidden]{display:none}
.u5-segment button{height:32px;padding:0 18px;border:0;border-radius:7px;background:transparent;color:var(--u5-text-2);font:600 13.5px var(--u5-font);cursor:pointer}
.u5-segment button:hover{color:var(--u5-text)}
.u5-segment button.aktiv{background:var(--u5-blue);color:#fff;box-shadow:0 4px 12px rgba(46,124,240,.3)}
#u5UploadSplit[hidden]{display:none}
.u5-btn.gruen{background:#1f9d57;border-color:#1f9d57;color:#fff}
.u5-btn.gruen:hover{background:#25b565;border-color:#25b565}
.u5-btn.u5-breit{width:100%}
.u5-kennzahlen.vier{grid-template-columns:repeat(4,minmax(0,1fr))}

/* links: Export-Optionen */
body.u5.datev-seite .u5-ablage .folder-tree,body.u5.datev-seite .u5-ablage .konto-eingaenge,body.u5.datev-seite .u5-ablage .bank-tree{display:none!important}
.u5-datev-optionen{display:flex;flex-direction:column;gap:14px;padding:4px 16px 16px}
.u5-datev-optionen[hidden]{display:none}
.u5-feld{display:flex;flex-direction:column;gap:6px;min-width:0}
.u5-feld>span{color:var(--u5-muted);font:600 12px var(--u5-font)}
.u5-feld select,.u5-feld input{width:100%!important;min-width:0}
.u5-feld input[type="date"],.u5-datev-optionen input[type="password"]{height:38px;padding:0 10px;border:1px solid var(--u5-line-2);border-radius:8px;background:var(--u5-panel);color:var(--u5-text);font:500 13px var(--u5-font);color-scheme:dark}
html[data-theme="light"] .u5-feld input[type="date"]{color-scheme:light}
.u5-feld input:disabled,.u5-feld select:disabled{opacity:.7}
.u5-feld-reihe{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:-6px}
.u5-feld-reihe .u5-feld>span{font-size:11px}
.u5-erweitert{border-top:1px solid var(--u5-line);padding-top:12px}
.u5-erweitert>summary{display:flex;align-items:center;gap:8px;list-style:none;color:var(--u5-text-2);font:600 13px var(--u5-font);cursor:pointer}
.u5-erweitert>summary::-webkit-details-marker{display:none}
.u5-erweitert[open]>summary{margin-bottom:12px;color:var(--u5-text)}
.u5-erweitert .settings-toggle{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--u5-text-2);font:500 13px var(--u5-font)}
.u5-erweitert .datev-crypto{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.u5-erweitert .datev-crypto[hidden]{display:none}
.u5-erweitert .datev-crypto input{flex:1 1 100%}
.u5-erweitert .u5-btn{width:100%;margin-top:4px}

/* Mitte: Tabelle */
body.u5 .datev-pane{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
body.u5 .datev-pane[hidden]{display:none!important}
body.u5 .datev-count-bar{display:flex!important;align-items:center;gap:14px;min-height:0!important;padding:10px 16px!important;margin:0!important;border:0!important;
  border-bottom:1px solid var(--u5-line)!important;background:transparent!important;color:var(--u5-muted);font-size:12.5px;grid-template-columns:none!important}
body.u5 .datev-count-bar[hidden]{display:none!important}
body.u5.datev-seite .u5-funktionskopf{display:none!important}
body.u5 .datev-count-bar .u5-segment{flex:0 0 auto;margin:0 4px 0 0;padding:2px}
body.u5 .datev-count-bar .u5-segment button{height:28px;padding:0 13px;font-size:12.5px}
body.u5 .datev-count-bar.nur-reiter>span{display:none!important}
body.u5 .datev-bereit{margin-left:auto}
body.u5 .datev-warn{color:var(--u5-red)}
body.u5 .datev-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
body.u5 .datev-body[hidden]{display:none!important}
body.u5 .datev-pruefliste{margin:12px 16px 0!important;padding:10px 12px!important;border:1px solid rgba(243,180,45,.45)!important;border-radius:9px!important;background:var(--u5-yellow-soft)!important}
body.u5 .datev-pruefliste>strong{color:var(--u5-yellow);font-size:13px}
body.u5 .datev-pruef-zeile{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:10px;width:100%;padding:6px 0!important;border:0!important;background:none!important;color:var(--u5-text-2);font:500 12.5px var(--u5-font);text-align:left;cursor:pointer}
body.u5 .datev-table-scroll{flex:1 1 0;min-height:0;overflow:auto}
body.u5 .datev-head,body.u5 .datev-zeile{display:grid!important;grid-template-columns:118px minmax(180px,1fr) 92px 100px 100px 44px 112px 132px!important;column-gap:12px!important;
  align-items:center;padding:0 16px!important;min-width:960px;position:relative}
body.u5 .datev-head{min-height:44px!important;height:auto!important;background:var(--u5-panel)!important;border-bottom:1px solid var(--u5-line)!important;color:var(--u5-muted)!important;
  font:600 11.5px var(--u5-font)!important;letter-spacing:.06em!important}
body.u5 .datev-zeile{width:100%;min-height:54px!important;border:0!important;border-bottom:1px solid var(--u5-line)!important;background:transparent!important;color:var(--u5-text);text-align:left;font-family:var(--u5-font);cursor:pointer}
body.u5 .datev-zeile:hover{background:var(--u5-hover)!important}
body.u5 .datev-zeile.selected{background:var(--u5-select)!important;box-shadow:inset 3px 0 0 var(--u5-blue)}
body.u5 .datev-zeile .datev-status{display:none!important}
body.u5 .datev-typ{display:inline-flex;align-items:center;gap:10px;color:var(--u5-text-2);font:500 13px var(--u5-font)}
body.u5 .datev-typ .u5-dateisymbol{width:24px;height:30px}
body.u5 .datev-zeile-text{min-width:0}
body.u5 .datev-zeile-text strong{display:block;color:var(--u5-text);font:600 14px var(--u5-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.u5 .datev-zeile-text small{display:block;margin-top:2px;color:var(--u5-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.u5 .datev-datum,body.u5 .datev-konto,body.u5 .datev-bu{color:var(--u5-text-2);font:500 13.5px var(--u5-font);font-variant-numeric:tabular-nums}
body.u5 .datev-betrag{color:var(--u5-text);font:600 14px var(--u5-font);font-variant-numeric:tabular-nums}
body.u5 .datev-status-zelle{display:inline-flex;align-items:center;gap:6px}
.u5-datev-fuss{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--u5-line)}
.u5-datev-fuss #u5DatevAnzahl{margin-right:auto;color:var(--u5-muted);font-size:13px}
.u5-datev-fuss .u5-btn:disabled{opacity:.45}
/* Verlauf */
.u5-datev-verlauf{flex:1 1 auto;min-height:0;overflow:auto}
.u5-datev-verlauf[hidden]{display:none}
.u5-verlauf-kopf,.u5-verlauf-zeile{display:grid;grid-template-columns:150px 190px 90px 110px minmax(150px,1fr) minmax(140px,1fr) 150px;column-gap:12px;align-items:center;padding:0 16px;min-width:1000px}
.u5-verlauf-kopf{position:sticky;top:0;min-height:44px;background:var(--u5-panel);border-bottom:1px solid var(--u5-line);color:var(--u5-muted);font:600 11.5px var(--u5-font);letter-spacing:.06em;text-transform:uppercase}
.u5-verlauf-zeile{min-height:52px;border-bottom:1px solid var(--u5-line);color:var(--u5-text-2);font-size:13px}
.u5-verlauf-zeile .rechts,.u5-verlauf-kopf .rechts{text-align:right;font-variant-numeric:tabular-nums}
.u5-verlauf-zeile .u5-pille{height:26px!important;font-size:12px!important}
.u5-verlauf-datei{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--u5-text)}
.u5-leer{margin:16px;color:var(--u5-muted);font-size:13px}
/* rechts: Kontierung und Pruefergebnis */
body.u5 .datev-inspector{padding:18px!important}
body.u5 .datev-inspector .field{display:flex;flex-direction:column;gap:6px}
body.u5 .datev-inspector .field>span{color:var(--u5-muted);font:600 12px var(--u5-font)}
body.u5 .datev-inspector input{height:38px;padding:0 10px;border:1px solid var(--u5-line-2);border-radius:8px;background:var(--u5-panel);color:var(--u5-text);font:500 13.5px var(--u5-font)}
.u5-pruefung h3{margin:0 0 12px;font-size:15px;color:var(--u5-text)}
.u5-pruefung ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.u5-pruefung li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--u5-text-2)}
.u5-pruefung li .ico{width:17px;height:17px;flex:0 0 auto;margin-top:1px}
.u5-pruefung li.gut .ico{color:var(--u5-green)}
.u5-pruefung li.schlecht .ico{color:var(--u5-yellow)}
.u5-pruefung li.schlecht span{color:var(--u5-text)}
body.u5.datev-seite .u5-kennzahlen{display:grid!important}
.u5-feld-reihe{grid-template-columns:1fr!important;gap:10px!important;margin-top:-4px}
.u5-feld-reihe .u5-feld{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px}
body.u5 .datev-head,body.u5 .datev-zeile{grid-template-columns:118px minmax(180px,1fr) 92px 108px 108px 44px 112px 132px!important}
body.u5 .datev-head>span{white-space:nowrap}
.u5-verlauf-inhalt{display:flex;flex-wrap:wrap;gap:6px}
.u5-verlauf-inhalt .u5-ablage-marke{height:28px!important}
.u5-verlauf-inhalt .u5-ablage-marke .ico{width:15px!important;height:15px!important}

/* =============================================================================
   Auswertungen (ab 5.00)
   Kategoriefarben in fester Reihenfolge (geprueft mit dem Palettenpruefer auf
   Farbfehlsichtigkeit, dunkel auf #0f1a2a und hell auf Weiss).
   ============================================================================= */
body.u5{--v1:#3987e5;--v2:#d95926;--v3:#199e70;--v4:#c98500;--v5:#d55181;--v6:#008300;--v7:#9085e9;--v8:#e66767;--v-ein:#3987e5;--v-aus:#e66767}
html[data-theme="light"] body.u5{--v1:#2a78d6;--v2:#eb6834;--v3:#1baf7a;--v4:#eda100;--v5:#e87ba4;--v6:#008300;--v7:#6250d6;--v8:#e34948;--v-ein:#2a78d6;--v-aus:#e34948}
body.u5.auswertung-seite .u5-werkbank,body.u5.auswertung-seite .u5-kennzahlen{display:none!important}
.u5-ausw-filter{display:flex;gap:10px}
.u5-ausw-filter[hidden]{display:none}
.u5-ausw-filter select{min-width:150px}
.u5-ausw-filter #u5AuswMandant{min-width:230px}
#u5Aktionen[hidden]{display:none}
.u5-auswertung{display:flex;flex-direction:column;gap:16px;min-height:0}
.u5-auswertung[hidden]{display:none}
.u5-linienreiter{display:flex;gap:4px;padding:4px;border:1px solid var(--u5-line);border-radius:10px;background:var(--u5-panel);align-self:flex-start;flex-wrap:wrap}
.u5-linienreiter button{height:34px;padding:0 16px;border:0;border-radius:7px;background:transparent;color:var(--u5-text-2);font:600 13.5px var(--u5-font);cursor:pointer;white-space:nowrap}
.u5-linienreiter button:hover{color:var(--u5-text);background:var(--u5-hover)}
.u5-linienreiter button.aktiv{background:var(--u5-select);color:var(--u5-text);box-shadow:inset 0 -2px 0 var(--u5-blue-hell)}
.u5-ausw-inhalt{display:flex;flex-direction:column;gap:16px}
.u5-ausw-karten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.u5-ausw-karten.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.u5-ausw-karte{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--u5-line);border-radius:var(--u5-radius);background:var(--u5-panel);box-shadow:var(--u5-shadow);min-width:0}
.u5-ausw-karte-titel{display:block;color:var(--u5-text-2);font-size:13px;font-weight:500}
.u5-ausw-karte strong{display:block;margin-top:2px;font-size:22px;font-weight:700;color:var(--u5-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.u5-delta{display:inline-flex;align-items:center;gap:5px;margin-top:3px;color:var(--u5-text-2);font-size:12.5px}
.u5-delta i{font-style:normal;font-size:10px}
.u5-delta.gut i{color:var(--u5-green)}
.u5-delta.schlecht i{color:var(--u5-red)}
.u5-delta.neutral{color:var(--u5-muted)}
.u5-ausw-raster{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px}
.u5-ausw-raster.gleich{grid-template-columns:repeat(2,minmax(0,1fr))}
.u5-ausw-tafel{padding:16px 18px;min-width:0}
.u5-ausw-tafel-kopf{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.u5-ausw-tafel-kopf h2{margin:0;font-size:15px;font-weight:700;color:var(--u5-text)}
.u5-ausw-tafel-kopf .u5-klein-wahl{margin-left:auto;height:32px;min-width:110px;font-size:13px}
.u5-saeulen{display:block;width:100%;height:280px}
.u5-saeulen .gitter{stroke:var(--u5-line);stroke-width:1}
.u5-saeulen .grundlinie{stroke:var(--u5-line-2);stroke-width:1}
.u5-saeulen .achse{fill:var(--u5-muted);font:500 11px var(--u5-font)}
.u5-saeulen .ein{fill:var(--v-ein)}
.u5-saeulen .aus{fill:var(--v-aus)}
.u5-saeulen .treffer{fill:transparent}
.u5-saeulen .treffer:hover{fill:rgba(255,255,255,.035)}
html[data-theme="light"] .u5-saeulen .treffer:hover{fill:rgba(15,29,46,.04)}
.u5-legende-zeile{display:flex;justify-content:center;gap:20px;margin-top:6px;color:var(--u5-text-2);font-size:12.5px}
.u5-legende-zeile span{display:inline-flex;align-items:center;gap:7px}
.u5-legende-zeile i{width:10px;height:10px;border-radius:3px}
.u5-legende-zeile i.ein{background:var(--v-ein)}.u5-legende-zeile i.aus{background:var(--v-aus)}
.u5-ring{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:center;gap:18px}
.u5-ring svg{width:100%;height:auto}
.u5-ring path{stroke:var(--u5-panel);stroke-width:1.5}
.u5-ring path:hover{opacity:.85}
.u5-ring .ring-wert{fill:var(--u5-text);font:700 15px var(--u5-font)}
.u5-ring .ring-text{fill:var(--u5-muted);font:500 10.5px var(--u5-font)}
.u5-legende{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.u5-legende li{display:grid;grid-template-columns:12px minmax(0,1fr) auto 52px;align-items:center;gap:8px;font-size:13px;color:var(--u5-text-2)}
.u5-legende li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u5-legende li b{color:var(--u5-text);font-weight:600;font-variant-numeric:tabular-nums}
.u5-legende li em{font-style:normal;color:var(--u5-muted);text-align:right;font-variant-numeric:tabular-nums}
.u5-legende i{width:10px;height:10px;border-radius:50%}
.k1{fill:var(--v1)}.k2{fill:var(--v2)}.k3{fill:var(--v3)}.k4{fill:var(--v4)}.k5{fill:var(--v5)}.k6{fill:var(--v6)}.k7{fill:var(--v7)}.k8{fill:var(--v8)}
.u5-legende i.k1{background:var(--v1)}.u5-legende i.k2{background:var(--v2)}.u5-legende i.k3{background:var(--v3)}.u5-legende i.k4{background:var(--v4)}
.u5-legende i.k5{background:var(--v5)}.u5-legende i.k6{background:var(--v6)}.u5-legende i.k7{background:var(--v7)}.u5-legende i.k8{background:var(--v8)}
.u5-ausw-tabelle-rahmen{overflow:auto}
.u5-ausw-tabelle{width:100%;border-collapse:collapse;font-size:13.5px}
.u5-ausw-tabelle th{padding:10px 12px;border-bottom:1px solid var(--u5-line);color:var(--u5-muted);font:600 11.5px var(--u5-font);letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap}
.u5-ausw-tabelle td{padding:11px 12px;border-bottom:1px solid var(--u5-line);color:var(--u5-text-2);vertical-align:middle}
.u5-ausw-tabelle td b{color:var(--u5-text);font-weight:600}
.u5-ausw-tabelle .rechts{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.u5-ausw-tabelle .dezent,.u5-ausw-tabelle .dezent *{color:var(--u5-muted)}
.u5-ausw-tabelle .minus{color:var(--u5-red)}
.u5-ausw-tabelle tfoot td{color:var(--u5-text);font-weight:700;border-bottom:0}
.u5-ausw-tabelle td.leer{text-align:center;color:var(--u5-muted);padding:24px}
.u5-ausw-tabelle tr.klickbar{cursor:pointer}
.u5-ausw-tabelle tr.klickbar:hover td{background:var(--u5-hover)}
.u5-ausw-tabelle tr.offen td{color:var(--u5-muted);font-style:italic}
.u5-ausw-tabelle .u5-pille{height:26px!important;font-size:12px!important}
.u5-anteil{display:inline-block;width:90px;height:6px;margin-right:8px;border-radius:999px;background:var(--u5-panel-2);overflow:hidden;vertical-align:middle}
.u5-anteil i{display:block;height:100%;border-radius:inherit;background:var(--v1)}
.u5-ausw-hinweis{margin:0 0 10px;color:var(--u5-muted);font-size:12.5px;line-height:1.5}
.u5-ausw-hinweis.oben{margin:0;padding:8px 12px;border:1px dashed var(--u5-line-2);border-radius:8px}
.u5-tip{position:fixed;z-index:200;max-width:280px;padding:8px 10px;border:1px solid var(--u5-line-2);border-radius:8px;background:var(--u5-panel);color:var(--u5-text);
  font:500 12.5px/1.45 var(--u5-font);white-space:pre-line;box-shadow:0 10px 26px rgba(0,0,0,.35);pointer-events:none}
.u5-tip[hidden]{display:none}
@media (max-width:1300px){.u5-ausw-raster,.u5-ausw-raster.gleich{grid-template-columns:1fr}.u5-ausw-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}
.u5-saeulen{height:auto!important}
.u5-ausw-hinweis.klein{margin:-6px 0 0;font-size:12px}
.u5-ausw-tabelle td:has(.u5-anteil){white-space:nowrap}
.u5-anteil{width:70px}

/* =============================================================================
   Fenster Mandanten (Startseite) im neuen Rahmen
   ============================================================================= */
body.u5.mandanten-page .page-top{display:none!important}
body.u5.mandanten-page .bottom-note{display:none}
body.u5.mandanten-page .workspace{height:auto!important;min-height:0!important;flex:1 0 auto;gap:16px!important;margin:0!important}
body.u5.mandanten-page .panel{border:1px solid var(--u5-line)!important;border-radius:var(--u5-radius)!important;background:var(--u5-panel)!important;box-shadow:var(--u5-shadow)!important}
body.u5.mandanten-page .panel-head h2,body.u5.mandanten-page #wheelTitle,body.u5.mandanten-page #historyTitle{font:700 16px var(--u5-font)!important;color:var(--u5-text)!important;letter-spacing:0!important}
body.u5.mandanten-page .overline{color:var(--u5-muted)!important;font:600 11px var(--u5-font)!important;letter-spacing:.08em!important}
body.u5.mandanten-page .count{color:var(--u5-muted)!important;font:600 11.5px var(--u5-font)!important}
body.u5.mandanten-page .search-row{gap:10px}
body.u5.mandanten-page .customer-view-controls{gap:10px}
body.u5 .u5-topbar .u5-suche button#clearSearch{width:22px;height:22px;border:0;border-radius:50%;background:var(--u5-panel-2);color:var(--u5-text-2);cursor:pointer;padding:0;line-height:1}
body.u5 .u5-topbar .u5-suche button#clearSearch[hidden]{display:none}
/* Menues der Kopfleiste (Kanzlei, Einstellungen, Benutzer) */
body.u5 .u5-topbar details.user-menu{position:relative}
body.u5 .u5-topbar details.user-menu>summary{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--u5-line-2);border-radius:8px;
  background:var(--u5-panel);color:var(--u5-text);font:600 13.5px var(--u5-font);cursor:pointer;list-style:none;white-space:nowrap}
body.u5 .u5-topbar details.user-menu>summary::-webkit-details-marker{display:none}
body.u5 .u5-topbar details.user-menu>summary:hover{background:var(--u5-hover)}
body.u5 .u5-topbar .user-menu-body{position:absolute!important;right:0;top:calc(100% + 6px)!important;z-index:60;min-width:250px;display:grid!important;gap:2px;padding:6px!important;
  border:1px solid var(--u5-line-2)!important;border-radius:10px!important;background:var(--u5-panel)!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important}
body.u5 .u5-topbar .user-menu-body>button{display:flex!important;align-items:center;width:100%;min-height:36px;padding:0 10px!important;border:0!important;border-radius:7px!important;
  background:transparent!important;color:var(--u5-text)!important;font:500 13.5px var(--u5-font)!important;text-align:left;justify-content:flex-start!important;box-shadow:none!important}
body.u5 .u5-topbar .user-menu-body>button:hover{background:var(--u5-hover)!important}
body.u5 .u5-topbar .user-menu-body>button.danger-action{color:var(--u5-red)!important}
html[data-theme="light"] body.u5 .u5-topbar .user-menu-body{box-shadow:0 14px 32px rgba(15,29,46,.14)!important}
/* Walze und Detail: Schrift und Flaechen des neuen Stils */
body.u5.mandanten-page .wheel-head{color:var(--u5-muted)!important;font:600 11px var(--u5-font)!important;letter-spacing:.06em!important}
body.u5.mandanten-page .detail h2#selectedName{font:700 24px var(--u5-font)!important;letter-spacing:-.01em!important;color:var(--u5-text)!important;line-height:1.25}
body.u5.mandanten-page .detail .sector{color:var(--u5-text-2)!important;font-size:13.5px!important}
body.u5.mandanten-page .detail-icon{width:52px!important;height:52px!important;border-radius:12px!important;border:0!important;background:var(--u5-blue)!important;color:#fff!important;font:700 18px var(--u5-font)!important;box-shadow:0 8px 20px rgba(46,124,240,.28)}
body.u5.mandanten-page .facts dt{color:var(--u5-muted)!important;font:600 11px var(--u5-font)!important;letter-spacing:.06em!important}
body.u5.mandanten-page .facts dd{color:var(--u5-text)!important;font:500 14px var(--u5-font)!important}
body.u5.mandanten-page .detail-note{color:var(--u5-muted)!important;font-size:12.5px!important}
body.u5.mandanten-page .detail-actions button,body.u5.mandanten-page .detail-actions a{border-radius:8px!important;font-family:var(--u5-font)!important;font-weight:600!important}
body.u5.mandanten-page .interview-action{background:var(--u5-blue)!important;border-color:var(--u5-blue)!important;color:#fff!important}
body.u5.mandanten-page .status{font-family:var(--u5-font)!important}
body.u5.mandanten-page .document-list .ghost{height:34px}
/* gefuellte Symbole (Ablage-Marken, wie im Entwurf) */
.ico-voll{width:20px;height:20px;flex:0 0 auto;fill:currentColor;stroke:none;vertical-align:middle}
.u5-ablage-marke .ico-voll{width:20px!important;height:20px!important;color:#f4f7fb!important}
html[data-theme="light"] .u5-ablage-marke .ico-voll{color:#22344a!important}
.u5-ablage-marke.offen .ico-voll{color:var(--u5-muted)!important}
.u5-ablage-marke{height:34px!important;gap:9px!important;padding:0 12px 0 9px!important}

/* =============================================================================
   Dialoge im neuen Stil (gilt fuer alle Fenster mit body.u5)
   ============================================================================= */
body.u5 dialog{border:1px solid var(--u5-line-2)!important;border-radius:14px!important;background:var(--u5-panel)!important;color:var(--u5-text)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.55)!important;padding:0!important;font-family:var(--u5-font)}
body.u5 dialog::backdrop{background:rgba(4,9,17,.66);backdrop-filter:blur(3px)}
html[data-theme="light"] body.u5 dialog{box-shadow:0 24px 60px rgba(15,29,46,.22)!important}
html[data-theme="light"] body.u5 dialog::backdrop{background:rgba(15,29,46,.35)}
body.u5 dialog .modal-body{background:transparent!important;padding:22px 24px!important;font-family:var(--u5-font)}
body.u5 dialog .dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px!important;padding:0!important;border:0!important}
body.u5 dialog .dialog-head .overline{display:block;color:var(--u5-blue-hell)!important;font:700 11px var(--u5-font)!important;letter-spacing:.08em!important}
body.u5 dialog .dialog-head h2{margin:4px 0 0!important;color:var(--u5-text)!important;font:700 20px var(--u5-font)!important;letter-spacing:-.01em!important}
body.u5 dialog .close{width:34px!important;height:34px!important;display:grid!important;place-items:center;border:1px solid var(--u5-line-2)!important;border-radius:8px!important;
  background:var(--u5-panel-2)!important;color:var(--u5-text-2)!important;font-size:18px!important;line-height:1;cursor:pointer}
body.u5 dialog .close:hover{background:var(--u5-hover)!important;color:var(--u5-text)!important}
body.u5 dialog .dialog-intro,body.u5 dialog p{color:var(--u5-text-2);font-size:13.5px;line-height:1.55}
body.u5 dialog .settings-hint{color:var(--u5-muted)!important;font-size:12.5px!important}
body.u5 .field>span,body.u5 dialog label.field>span{color:var(--u5-muted)!important;font:600 12px var(--u5-font)!important;letter-spacing:0!important;text-transform:none!important}
body.u5 dialog input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body.u5 dialog textarea,
body.u5 .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body.u5 .field textarea{
  min-height:38px;padding:8px 11px!important;border:1px solid var(--u5-line-2)!important;border-radius:8px!important;background:var(--u5-panel-2)!important;
  color:var(--u5-text)!important;font:500 13.5px var(--u5-font)!important;box-shadow:none!important}
body.u5 dialog input[type="file"]{padding:10px!important;border:1px dashed var(--u5-line-2)!important;border-radius:8px!important;background:var(--u5-panel-2)!important;color:var(--u5-text-2)!important}
body.u5 dialog select{background-color:var(--u5-panel-2)!important}
body.u5 dialog .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px!important;padding-top:16px!important;border-top:1px solid var(--u5-line)!important}
body.u5 dialog .modal-actions button,body.u5 dialog .settings-actions button{min-height:38px;padding:0 16px!important}
body.u5 dialog .form-message.error,body.u5 .form-message.error{color:var(--u5-red)!important}
body.u5 dialog .settings-toggle,body.u5 dialog .confirmation-check,body.u5 dialog .settings-radio{color:var(--u5-text-2);font-family:var(--u5-font)}
body.u5 dialog input[type="checkbox"],body.u5 dialog input[type="radio"]{accent-color:var(--u5-blue)}
body.u5 dialog .document-lock,body.u5 dialog .customer-lock,body.u5 dialog .simple-upload-intro{border:1px solid var(--u5-line)!important;border-radius:10px!important;background:var(--u5-panel-2)!important}

body.u5 dialog .delete-warning{border-radius:10px!important;border-color:rgba(239,90,82,.45)!important;background:var(--u5-red-soft)!important}
body.u5 dialog table thead th{color:var(--u5-muted);font:600 11.5px var(--u5-font);letter-spacing:.05em;text-transform:uppercase}
body.u5 dialog table td{color:var(--u5-text-2);font-family:var(--u5-font)}

/* =============================================================================
   Weitere Seiten (Einstellungen, Kanzlei, Anmeldung, Interview, Einladung,
   Belegansicht): Schrift, Farben, Flaechen und Knoepfe des neuen Stils.
   ============================================================================= */
body.u5.u5-einfach{min-height:100vh;overflow:auto}
body.u5.u5-einfach .panel,body.u5.u5-einfach .settings-card{border:1px solid var(--u5-line)!important;border-radius:var(--u5-radius)!important;background:var(--u5-panel)!important;box-shadow:var(--u5-shadow)!important}
body.u5.u5-einfach .topbar{background:var(--u5-bg)!important;border-bottom:1px solid var(--u5-line)!important;backdrop-filter:none}
body.u5.u5-einfach h1{font-family:var(--u5-font)!important;letter-spacing:-.015em}
body.u5.u5-einfach .overline{color:var(--u5-blue-hell)!important;font:700 11px var(--u5-font)!important;letter-spacing:.08em!important}
body.u5.u5-einfach .settings-tabs a{border-radius:8px!important;font-family:var(--u5-font)!important}
body.u5.u5-einfach input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body.u5.u5-einfach textarea{border-radius:8px!important;font-family:var(--u5-font)!important}
body.u5.u5-einfach .demo-badge{font-family:var(--u5-font)}

/* === 5.01: kompaktere Schrift (naeher an der alten Ansicht) + kleinere Dateisymbole === */
/* Belegliste */
body.u5 .u5-aussteller b{font-size:12.5px}
body.u5 .u5-aussteller small{font-size:11.5px}
body.u5 .u5-zeile .money-cell{font-size:12.5px}
body.u5 .u5-zeile b.money-cell{font-size:12.5px}
body.u5 .u5-zeile .money-cell small{font-size:10px}
body.u5 .u5-zeile .money-cell.missing{font-size:11px}
body.u5 .u5-liste .message-row.u5-zeile{min-height:46px!important}
body.u5 .u5-liste .message-list-head{min-height:38px!important;font-size:11.5px!important}
body.u5 .u5-liste .message-list-head .column-head{font-size:11.5px!important}
/* Statuspille und Ablage-Marke */
body.u5 .u5-pille{height:22px!important;font-size:11.5px!important;padding:0 9px!important;gap:6px!important}
body.u5 .u5-pille::before{width:7px!important;height:7px!important}
body.u5 .u5-beleg-kopf>.u5-pille{height:24px!important;font-size:12px!important}
body.u5 .u5-ablage-marke{height:22px;font-size:11.5px}
body.u5 .u5-konto{font-size:11.5px}
/* Dateisymbol in der Liste ca. 18 % kleiner (nur in der Zeile) */
body.u5 .u5-zeile .u5-dateisymbol{width:22px;height:28px}
/* Kennzahlen oben */
body.u5 .u5-kennzahl{padding:12px 14px}
body.u5 .u5-kennzahl strong{font-size:17px}
body.u5 .u5-kennzahl span{font-size:12px;margin-top:2px}
body.u5 .u5-kennzahl-symbol{width:40px;height:40px}
body.u5 .u5-kennzahl-symbol .ico{width:20px;height:20px}
/* Titel, Reiter, Slogan */
body.u5 .u5-seitenkopf h1{font-size:20px}
body.u5 .u5-tafel-titel{font-size:14.5px}
body.u5 .u5-slogan{font-size:16px}
body.u5 .u5-reiter{padding:0 16px}
body.u5 .u5-reiter button{font-size:12.5px;height:36px}
body.u5 .u5-nav-item{font-size:13px}
/* Detailbereich: Fakten und Positionen */
body.u5 .u5-fakten dt{font:500 12px var(--u5-font)!important}
body.u5 .u5-fakten dd{font-size:12.5px!important}
body.u5 .pane-title strong{font-size:15px}
body.u5 .line-items h3{font-size:11.5px}
body.u5 .line-item-route strong{font-size:11px}
body.u5 .line-item-route small{font-size:9.5px}
body.u5 .line-item>span,body.u5 .line-item>b,body.u5 .line-item-split{font-size:10.5px}
/* Ablagebaum links */
body.u5 .u5-ablage .folder-item{font-size:12.5px!important}
body.u5 .u5-ablage .folder-child{font-size:12px!important}
/* Spalte Zuordnung: zweizeiliger Kopf (Zuordnung / Konto) */
body.u5 .column-head.u5-kopf-zwei .column-label{flex-direction:column;align-items:flex-start;gap:0;line-height:1.08}
body.u5 .column-head.u5-kopf-zwei .column-sub{display:block;font-size:10px;font-weight:600;color:var(--u5-muted);text-transform:none;letter-spacing:0}
/* Ablage-Marke kompakter: Symbol etwas kleiner, bleibt aber immer sichtbar */
body.u5 .u5-ablage-marke .ico-voll{width:16px!important;height:16px!important}
body.u5 .u5-ablage-marke{gap:5px;padding:0 8px 0 6px}

/* ===== 5.02: Schrift auf 4.58-Niveau, kompaktere Masse, gestapelte Zeilen-Aktionen ===== */
body.u5{font-size:13px}
/* Belegliste: Text wie in 4.58 (Aussteller ~12.5, Zweitzeile 11, Zahlen 12) */
body.u5 .u5-aussteller b{font-size:12.5px}
body.u5 .u5-aussteller small{font-size:11px}
body.u5 .u5-zeile .money-cell,body.u5 .u5-zeile b.money-cell{font-size:12px}
body.u5 .u5-zeile .money-cell small{font-size:9.5px}
body.u5 .u5-zeile .money-cell.missing{font-size:11px}
body.u5 .u5-liste .message-row.u5-zeile{min-height:44px!important}
body.u5 .u5-liste .message-list-head{min-height:34px!important;font-size:10.5px!important}
body.u5 .u5-liste .message-list-head .column-head{font-size:10.5px!important}
body.u5 .column-head.u5-kopf-zwei .column-sub{font-size:9px}
/* Statuspille und Ablage-Marke etwas kleiner */
body.u5 .u5-pille{height:21px!important;font-size:11px!important;padding:0 8px!important;gap:5px!important}
body.u5 .u5-pille::before{width:6px!important;height:6px!important}
body.u5 .u5-ablage-marke{height:21px;font-size:11px}
body.u5 .u5-ablage-marke .ico-voll{width:15px!important;height:15px!important}
body.u5 .u5-konto{font-size:11px}
/* Punkt 3: Dateisymbol nochmals ~10% kleiner (20x25), Kaestchen 25% kleiner (13px) */
body.u5 .u5-zeile .u5-dateisymbol{width:20px;height:25px}
body.u5 .u5-liste .row-check span{width:13px!important;height:13px!important;border-radius:4px!important}
body.u5 .u5-liste .row-check input:checked+span::after{left:4px;top:1px;width:3px;height:6px;border-width:0 2px 2px 0}
/* Punkt 6: KPI-Symbole kleiner, aber sichtbar und professionell */
body.u5 .u5-kennzahl{padding:10px 13px;gap:10px}
body.u5 .u5-kennzahl strong{font-size:16px}
body.u5 .u5-kennzahl span{font-size:11px;margin-top:1px}
body.u5 .u5-kennzahl-symbol{width:33px;height:33px;border-radius:9px}
body.u5 .u5-kennzahl-symbol .ico{width:17px;height:17px}
body.u5 .u5-kennzahl-symbol .ico-voll{width:17px;height:17px}
/* Titel, Reiter, Slogan, Navigation, Tafel-Titel kompakter */
body.u5 .u5-seitenkopf h1{font-size:18px}
body.u5 .u5-tafel-titel{font-size:13.5px}
body.u5 .u5-slogan{font-size:15px}
body.u5 .u5-reiter{padding:0 14px}
body.u5 .u5-reiter button{font-size:12px;height:34px}
body.u5 .u5-nav-item{font-size:12.5px;min-height:38px}
body.u5 .u5-nav-item .ico{width:18px;height:18px}
/* Detailbereich: Fakten und Positionen */
body.u5 .u5-fakten dt{font:500 11.5px var(--u5-font)!important}
body.u5 .u5-fakten dd{font-size:12px!important}
body.u5 .pane-title strong{font-size:14px}
body.u5 .pane-title .overline{font-size:10px}
body.u5 .line-items h3{font-size:11px}
body.u5 .line-item-route strong{font-size:11px}
body.u5 .line-item-route small{font-size:9.5px}
body.u5 .line-item>span,body.u5 .line-item>b,body.u5 .line-item-split{font-size:10.5px}
/* Ablagebaum links schmaler/kleiner -> mehr Platz in der Mitte */
body.u5 .u5-ablage .folder-item{font-size:11.5px!important;min-height:34px!important}
body.u5 .u5-ablage .folder-child{font-size:11px!important;min-height:30px!important}
body.u5 .u5-ablage .ledger-switcher,body.u5 .u5-ablage .ledger-card{font-size:11.5px}
body.u5 .u5-import .u5-import-eintrag{font-size:11.5px}
/* Punkt 10: Stift und Menue uebereinander statt nebeneinander */
body.u5 .u5-zeilen-aktionen{flex-direction:column!important;gap:1px!important;align-items:center;justify-content:center}
body.u5 .u5-zeilen-aktionen>.u5-zeilenknopf,body.u5 .u5-zeilen-aktionen>.u5-zeilenmenue{flex:0 0 auto;width:26px;height:21px}
.u5-zeilenknopf{width:26px;height:21px}
.u5-zeilenknopf .ico{width:15px;height:15px}
/* Punkt 6: Zeile mit der Summe der selektierten Belege mittig im Fenster */
body.u5 .u5-liste>.library-count-bar:not(.bank-count-bar):not(.datev-count-bar){position:relative}
body.u5 .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden])),
body.u5 .u5-liste>.library-count-bar:has(.library-sum.sum-selection:not([hidden])){min-height:36px!important}
body.u5 .library-sum.sum-selection{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:14px;
  padding:3px 14px;border-radius:999px;background:var(--u5-blue-soft);color:var(--u5-text);font-weight:600;white-space:nowrap;z-index:1}
/* 5.02: Auswahl-Leiste rechts in der Zaehlzeile (Sammelaktionen bei Mehrfachauswahl) */
.u5-auswahl-leiste{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px;z-index:2}
.u5-auswahl-leiste[hidden]{display:none}
.u5-auswahl-leiste .u5-auswahl-zahl{font-size:11px;font-weight:600;color:var(--u5-muted);margin-right:2px}
.u5-btn.klein{height:26px;padding:0 10px;font-size:11.5px;border-radius:7px;gap:5px}
.u5-btn.klein .ico{width:14px;height:14px}
.u5-btn.klein.gruen{color:#fff;background:var(--u5-green);border-color:var(--u5-green)}
.u5-btn.klein.gefahr{color:#fff;background:var(--u5-red);border-color:var(--u5-red)}
html[data-theme="light"] .u5-btn.klein.gruen,html[data-theme="light"] .u5-btn.klein.gefahr{color:#fff}
/* 5.02: Auswertungen auf dasselbe Schriftmass wie die uebrigen Fenster */
body.u5 .u5-ausw-karte{padding:12px 15px;gap:11px}
body.u5 .u5-ausw-karte-titel{font-size:11.5px}
body.u5 .u5-ausw-karte strong{font-size:18px}
body.u5 .u5-ausw-tabelle{font-size:12px}
body.u5 .u5-ausw-tabelle th{font-size:10.5px;padding:8px 12px}
body.u5 .u5-ausw-tabelle td{padding:9px 12px}
body.u5 .u5-ausw-tafel-kopf h2{font-size:13.5px}
/* 5.02: Belegansicht (zweiter Bildschirm) mit hellem Hintergrund, damit der
   Beleg wie ein Dokument auf weissem Grund wirkt, nicht auf schwarz. */
body.u5.ansicht-page .ansicht-seiten{background:#f3f5f8;border:1px solid var(--u5-line);border-radius:var(--u5-radius);padding:16px}
body.u5.ansicht-page .ansicht-seite{box-shadow:0 2px 10px rgba(15,23,42,.18)}

/* === Nachschliff fuer die naechste 5.02-Runnable-Version ===================== */
/* Im normalen Arbeitsplatz entfaellt die doppelte Titel-/Aktionszeile. DATEV
   und Auswertungen behalten ihre dort benoetigten Reiter und Filter. */
body.documents-page:not(.datev-seite):not(.auswertung-seite) .u5-funktionskopf{display:none!important}
#batchActions{display:none!important}

/* Kleine Kundenwalze oben rechts, im Stil der grossen Mandantenwalze. Sie ist
   bewusst immer sichtbar: Mausrad, Pfeiltasten oder Pfeilknopf wechseln den
   aktiven Mandanten jeweils genau um eine Position. */
body.documents-page .u5-kundenwalze-top{position:relative;display:grid;grid-template-rows:9px 42px;gap:1px;min-width:235px;width:clamp(235px,20vw,315px);height:54px;z-index:70}
body.documents-page .u5-kundenwalze-top>.u5-kundenwalze-label{padding-left:27px;color:#7f94aa;font-size:7px;font-weight:800;letter-spacing:.12em;line-height:9px;white-space:nowrap}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame{position:relative;display:grid;grid-template-columns:23px minmax(0,1fr) 23px;grid-template-rows:42px;align-items:center;gap:3px;height:42px;padding:0;border:1px solid var(--u5-line);border-radius:9px;background:#0b1727;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff08}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame::after{content:'';position:absolute;z-index:2;pointer-events:none;left:27px;right:27px;top:13px;height:14px;border-block:1px solid #3b82f688;background:#2563a51c;box-shadow:none;border-radius:2px}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame>button{position:relative;z-index:3;width:23px;height:42px;padding:0;border:0;border-radius:0;background:#ffffff05;color:#8ba7c3;display:grid;place-items:center;cursor:pointer}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame>button:hover{background:#2563eb24;color:#d7ebff}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame>button .ico{width:13px;height:13px}
body.documents-page .u5-kundenwalze-top .compact-customer-wheel{box-sizing:border-box;height:42px;padding-block:13px;scroll-padding-block:13px;overflow-y:auto;border:0;border-radius:0;background:transparent;mask-image:linear-gradient(transparent,#000 23%,#000 77%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 23%,#000 77%,transparent)}
body.documents-page .u5-kundenwalze-top .compact-customer-option{height:14px;min-height:14px;padding:0 5px;gap:5px;border:0;background:transparent!important;box-shadow:none!important;color:#71859a;scroll-snap-align:center}
body.documents-page .u5-kundenwalze-top .compact-customer-option.centered{color:#e7f1ff}
body.documents-page .u5-kundenwalze-top .compact-customer-option .compact-monogram{display:none}
body.documents-page .u5-kundenwalze-top .compact-customer-copy{min-width:0;width:100%;display:flex;align-items:center;justify-content:center;gap:5px}
body.documents-page .u5-kundenwalze-top .compact-customer-option strong{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:14px}
body.documents-page .u5-kundenwalze-top .compact-customer-option small{display:flex;align-items:center;gap:3px;flex:0 0 auto;font-size:7.5px;line-height:14px}
body.documents-page .u5-kundenwalze-top .compact-customer-option .status-stack{gap:2px}
body.documents-page .u5-kundenwalze-top .compact-customer-option .customer-status{width:4px;height:4px}
body.documents-page .u5-kundenwalze-top .compact-customer-wheel>p{padding:13px 3px;font-size:9px}
html[data-theme="light"] body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame{background:#fff}
html[data-theme="light"] body.documents-page .u5-kundenwalze-top .compact-customer-option.centered{color:#17364d}
@media(max-width:1350px){body.documents-page .u5-kundenwalze-top{min-width:215px;width:215px}body.documents-page .u5-kundenwalze-top .compact-customer-option strong{max-width:135px}body.documents-page .u5-kanzlei{display:none!important}}

/* Dokument hinzufuegen sitzt jetzt eine Zeile tiefer bei den Filtern. Die
   Spaltenauswahl bleibt ausschliesslich im Einstellungsmenue. */
body.documents-page #u5UploadSplit{flex:0 0 auto;margin-left:auto}
body.documents-page .u5-filter-knoepfe .u5-blau{display:none!important}
body.documents-page .u5-liste>.message-toolbar #u5UploadSplit+.status-legend{margin-left:0}
body.documents-page .separator-links{display:none!important}

/* Farbige Statusrahmen ca. 20 Prozent kompakter, PDF-/Dateisymbole weitere
   acht Prozent kleiner. Der Text bleibt gut lesbar. */
body.documents-page .u5-zeile .status-label.u5-pille{height:17px!important;padding:0 6px!important;border-radius:7px!important;gap:4px!important;font-size:10.5px!important}
body.documents-page .u5-zeile .status-label.u5-pille::before{width:5px!important;height:5px!important}
body.documents-page .u5-zeile .u5-dateisymbol{width:18.4px;height:23px}

/* Die Symbole der grossen Kennzahlen nutzen die farbige Symbolflaeche besser. */
body.documents-page .u5-kennzahl-symbol .ico{width:23px;height:23px}
body.documents-page .u5-kennzahl-symbol .ico-voll{width:25px;height:25px}

/* RUNNABLE 6: ruhigeres, einheitliches Raster. Die Zwischenraeume zwischen
   Seitenleiste, Ablage, Belegliste und Detailansicht sind gleich schmal. */
body.u5 .u5-inhalt{gap:8px;padding:10px 8px!important}
body.u5 .records-workbench.u5-werkbank{gap:8px}

/* Die grosse Mandantenwalze verwendet dasselbe Schriftmass wie die uebrigen
   Fenster. Die Belegzahl ist direkt anklickbar. */
body.u5.mandanten-page .customer-panel .customer-option strong{font-size:12px}
body.u5.mandanten-page .customer-panel .customer-option small{font-size:10px}
body.u5.mandanten-page .customer-panel .customer-col{font-size:10px}
.customer-document-count{min-width:34px;height:25px;padding:0 7px;border:1px solid var(--u5-line-2);border-radius:999px;background:var(--u5-panel-2);color:var(--u5-text);font:700 11px var(--u5-font);cursor:pointer}
.customer-document-count:hover{border-color:var(--u5-blue);background:var(--u5-blue-soft);color:#a8d4ff}
html[data-theme="light"] .customer-document-count:hover{color:var(--u5-blue)}
.als-admin .wheel-head,.als-admin .customer-option{grid-template-columns:44px minmax(0,1fr) 140px 128px 92px 58px 66px 24px;gap:12px}
@media(max-width:1250px){.als-admin .wheel-head,.als-admin .customer-option{grid-template-columns:44px minmax(0,1fr) 58px 66px 24px}.wheel-head>span:nth-child(5){display:block}}

/* Der aktive Buchbereich ist auch ohne die farbige Statuslinie eindeutig. */
body.u5 .u5-ablage .ledger-card.active{outline:1px solid rgba(59,130,246,.72)!important;outline-offset:-1px!important;color:#b9dcff!important}
html[data-theme="light"] body.u5 .u5-ablage .ledger-card.active{color:#155ca8!important}

/* Kennzahlen stehen sofort als Platzhalter da. Die farbige Symbolflaeche ist
   kompakter und das Symbol sitzt sichtbar in ihrer Mitte. */
body.documents-page .u5-kennzahl-symbol{width:30px;height:30px;border-radius:8px}
body.documents-page .u5-kennzahl-symbol .ico,body.documents-page .u5-kennzahl-symbol .ico-voll{width:18px;height:18px;display:block;margin:auto}
.u5-kennzahl-laden strong{color:var(--u5-muted)}
.u5-kennzahl-aktion{width:100%;font-family:inherit;text-align:left;cursor:pointer}
.u5-kennzahl-aktion.aktiv{border-color:rgba(239,68,68,.58);box-shadow:0 0 0 2px rgba(239,68,68,.12)}

/* Rund ein Drittel weniger vertikaler Abstand in der Ablage. */
body.documents-page .u5-ablage .folder-item{min-height:23px!important;line-height:1.2}
body.documents-page .u5-ablage .folder-child{min-height:20px!important;line-height:1.2}
body.documents-page .u5-ablage .folder-children{margin-bottom:2px!important}

/* Sammelaktionen links, Betragsuebersicht exakt in der Mitte. Bei einer
   Mehrfachauswahl werden die sonstigen linken Texte ausgeblendet, damit sich
   Knoepfe und Zahlen auch bei schmaler Belegliste nicht ueberdecken. */
body.documents-page .u5-auswahl-leiste{left:12px;right:auto}
body.documents-page .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden])){display:grid!important;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center}
body.documents-page .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden]))>#u5AuswahlLeiste{position:static;grid-column:1;grid-row:1;transform:none;justify-self:start}
body.documents-page .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden]))>.library-sum.sum-selection{position:static;grid-column:2;grid-row:1;transform:none;justify-self:center}

/* === RUNNABLE 7 ============================================================= */
/* Einheitliche Reihenfolge und Darstellung der rechten Kopfzeile:
   Glocke, Kanzlei, Einstellungen, Benutzer. Einstellungen ist ueberall nur
   noch das gleich grosse Zahnrad. */
body.u5 .u5-top-rechts{gap:8px}
body.u5 .u5-kopf-kanzlei{height:38px;padding:0 12px;gap:7px;font:600 12px var(--u5-font);white-space:nowrap}
body.u5 .u5-kopf-kanzlei .ico{width:17px;height:17px}
body.u5 .u5-topbar details.user-menu>summary.u5-einstellungen-nur-symbol{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border-color:transparent!important;background:transparent!important}
body.u5 .u5-topbar details.user-menu>summary.u5-einstellungen-nur-symbol::after{display:none!important;content:none!important}
body.u5 .u5-topbar details.user-menu>summary.u5-einstellungen-nur-symbol:hover{background:var(--u5-hover)!important}
body.u5 .u5-topbar details.user-menu>summary.u5-einstellungen-nur-symbol .ico{width:20px;height:20px}

/* Die kleine Mandantenwalze sitzt dauerhaft oben im rechten Detailbereich,
   direkt unter der Kennzahl "Offene Zuordnungen". */
body.documents-page .u5-detail>.u5-kundenwalze-top{box-sizing:border-box;width:calc(100% - 20px);min-width:0;max-width:none;margin:10px 10px 4px}
body.documents-page .u5-detail>.u5-kundenwalze-top .compact-customer-option strong{max-width:calc(100% - 58px)}

/* Ablage-/Zuordnungskasten in der Belegzeile nochmals rund 20 Prozent flacher.
   Symbol und Text werden proportional reduziert; das PDF-Symbol ist niemals
   hoeher als dieser Kasten. */
body.documents-page .u5-zeile .u5-ablage-marke{height:17px!important;min-height:17px!important;padding:0 6px 0 5px!important;gap:4px!important;border-radius:6px!important;font-size:10px!important;line-height:17px!important}
body.documents-page .u5-zeile .u5-ablage-marke .ico-voll,body.documents-page .u5-zeile .u5-ablage-marke .ico{width:12px!important;height:12px!important}
body.documents-page .u5-zeile .u5-dateisymbol{width:13.6px!important;height:17px!important}

/* Obere Kennzahlen: die Farbkaestchen liegen enger am Symbol; das Symbol
   bleibt optisch exakt in der Mitte. */
body.documents-page .u5-kennzahl-symbol{box-sizing:border-box;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;border-radius:7px!important;display:grid!important;place-items:center!important}
body.documents-page .u5-kennzahl-symbol .ico,body.documents-page .u5-kennzahl-symbol .ico-voll{width:17px!important;height:17px!important;margin:0!important;align-self:center!important;justify-self:center!important}

/* Bank, DATEV und Auswertungen verwenden dieselbe Schriftfamilie und dieselben
   Grundgroessen wie die Belegliste im Arbeitsplatz. */
body.u5.bank-seite .bank-pane,body.u5.datev-seite .datev-pane,body.u5.auswertung-seite .u5-auswertung{font-family:var(--u5-font)!important;font-size:13px!important}
body.u5.bank-seite .bank-head,body.u5.datev-seite .datev-head,body.u5.auswertung-seite .u5-ausw-tabelle th{font:600 10.5px var(--u5-font)!important}
body.u5.bank-seite .bank-text strong,body.u5.datev-seite .datev-zeile-text strong,body.u5.bank-seite .bank-betrag,body.u5.datev-seite .datev-betrag{font:600 12.5px var(--u5-font)!important}
body.u5.bank-seite .bank-datum,body.u5.bank-seite .bank-konto-spalte,body.u5.datev-seite .datev-datum,body.u5.datev-seite .datev-konto,body.u5.datev-seite .datev-bu{font:500 12px var(--u5-font)!important}
body.u5.bank-seite .bank-text small,body.u5.datev-seite .datev-zeile-text small{font:400 11px var(--u5-font)!important}
body.u5.auswertung-seite .u5-ausw-karte-titel{font-size:11px!important}
body.u5.auswertung-seite .u5-ausw-karte strong{font-size:16px!important}
body.u5.auswertung-seite .u5-ausw-tabelle{font:400 12px var(--u5-font)!important}
body.u5.auswertung-seite .u5-ausw-tabelle td{font-size:12px!important}
body.u5.auswertung-seite .u5-ausw-tafel-kopf h2{font:700 13.5px var(--u5-font)!important}

/* Einstellungsseiten: jede Optionsgruppe benutzt dieselbe Hierarchie. Wichtig:
   b und small sind Blockzeilen, damit die Texte nicht mehr zusammenkleben. */
body.u5.settings-page .settings-card,body.u5.settings-page .settings-card button,body.u5.settings-page .settings-card input,body.u5.settings-page .settings-card select{font-family:var(--u5-font)!important}
body.u5.settings-page .settings-card>p,body.u5.settings-page .settings-hint{font-size:12px!important;line-height:1.5!important}
body.u5.settings-page .settings-wahl legend{font:700 12px var(--u5-font)!important;line-height:1.35!important}
body.u5.settings-page .settings-toggle,body.u5.settings-page .settings-radio{align-items:flex-start!important;font-size:12px!important;line-height:1.4!important}
body.u5.settings-page .settings-toggle>span,body.u5.settings-page .settings-radio>span{display:grid!important;gap:2px!important;min-width:0;font-size:12px!important;line-height:1.4!important}
body.u5.settings-page .settings-toggle b,body.u5.settings-page .settings-radio b{display:block;font-size:12px!important;font-weight:650!important;line-height:1.4!important}
body.u5.settings-page .settings-toggle small,body.u5.settings-page .settings-radio small{display:block;font-size:11.5px!important;font-weight:400!important;line-height:1.4!important;color:var(--u5-muted)!important}
body.u5.settings-page .settings-toggle input,body.u5.settings-page .settings-radio input{flex:0 0 auto;margin-top:2px}
body.documents-page .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden]))>#libraryCount,
body.documents-page .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden]))>#aiUsageWorkspace,
body.documents-page .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden]))>#mailboxNote,
body.documents-page .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden]))>#uploadActivity,
body.documents-page .u5-liste>.library-count-bar:has(#u5AuswahlLeiste:not([hidden]))>#restoreReleaseQuestion{visibility:hidden}

/* === RUNNABLE 8 ============================================================= */
/* Die Belegzeile wird gegenueber den bisherigen 44 Pixeln um rund 27 Prozent
   flacher. Symbole und Schrift werden davon getrennt behandelt: Sie bleiben
   gut lesbar und bestimmen nicht mehr ungewollt die Zeilenhoehe. */
body.documents-page .u5-liste .message-row.u5-zeile{height:32px!important;min-height:32px!important}
/* RUNNABLE_9: Mittlere Dateisymbole rund elf Prozent groesser als in R8. */
body.documents-page .u5-zeile .u5-dateisymbol{width:17.4px!important;height:21.7px!important}
body.documents-page .u5-zeile .u5-ablage-marke{height:24px!important;min-height:24px!important;padding:0 8px 0 7px!important;gap:6px!important;border-radius:7px!important;font:500 12px/24px var(--u5-font)!important}
body.documents-page .u5-zeile .u5-ablage-marke .ico-voll,
body.documents-page .u5-zeile .u5-ablage-marke .ico{width:16px!important;height:16px!important}
/* Zwei Zeilenaktionen stehen nebeneinander. So vergroessern sie die neue,
   kompakte Belegzeile nicht wieder auf die alte Hoehe. */
body.documents-page .u5-zeilen-aktionen{flex-direction:row!important;gap:2px!important}
body.documents-page .u5-zeilen-aktionen>.u5-zeilenknopf,
body.documents-page .u5-zeilen-aktionen>.u5-zeilenmenue{flex:0 0 25px!important;width:25px!important;height:25px!important}
body.documents-page .u5-zeilenknopf{width:25px!important;height:25px!important}
body.documents-page .u5-zeilenknopf .ico{width:15px!important;height:15px!important}

/* Grosse, dreizeilige Mandantenwalze im rechten Bereich des Arbeitsplatzes.
   Die mittlere Position ist die Auswahl; Mausrad und Pfeile bewegen weiterhin
   exakt einen Mandanten. */
body.documents-page .u5-detail>.u5-kundenwalze-top{grid-template-rows:13px 140px!important;gap:4px!important;height:157px!important;margin:10px 10px 8px!important}
body.documents-page .u5-kundenwalze-top>.u5-kundenwalze-label{padding-left:4px!important;font-size:9px!important;line-height:13px!important}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:22px 92px 22px!important;gap:2px!important;height:140px!important;padding:0 4px!important}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame::after{left:6px!important;right:6px!important;top:55px!important;height:30px!important;border-radius:6px!important}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame>button{width:100%!important;height:22px!important;border-radius:5px!important}
body.documents-page .u5-kundenwalze-top .u5-mini-wheel-frame>button .ico{width:14px!important;height:14px!important}
body.documents-page .u5-kundenwalze-top .compact-customer-wheel{box-sizing:border-box;height:92px!important;padding-block:31px!important;scroll-padding-block:31px!important;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)!important;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)!important}
body.documents-page .u5-kundenwalze-top .compact-customer-option{height:30px!important;min-height:30px!important;padding:0 8px!important;gap:8px!important}
body.documents-page .u5-kundenwalze-top .compact-customer-option .compact-monogram{display:grid!important;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid var(--u5-line-2);border-radius:7px;background:var(--u5-panel-2);font:700 9px var(--u5-font)}
body.documents-page .u5-kundenwalze-top .compact-customer-copy{justify-content:flex-start!important;gap:7px!important}
body.documents-page .u5-kundenwalze-top .compact-customer-option strong{max-width:calc(100% - 64px)!important;font-size:12.5px!important;line-height:30px!important}
body.documents-page .u5-kundenwalze-top .compact-customer-option small{font-size:10px!important;line-height:30px!important}
body.documents-page .u5-kundenwalze-top .compact-customer-option .customer-status{width:6px!important;height:6px!important}
body.documents-page .u5-kundenwalze-top .compact-customer-wheel>p{padding:7px 3px!important;font-size:11px!important}
/* Der Name direkt unter der Walze war eine Doppelung. Die Kundendaten bleiben
   darunter vollstaendig sichtbar. */
body.documents-page .u5-detail #customerInspector>.inspector-customer{display:none!important}

/* Kundenwalze auf der Mandantenseite: mindestens fuenf Zeichenbreiten Luft
   zwischen den Verwaltungspositionen. Kopf und Datenzeilen bleiben deckungsgleich. */
@media(min-width:1251px){
  body.u5.mandanten-page.als-admin .wheel-head,
  body.u5.mandanten-page.als-admin .customer-option{column-gap:5ch!important}
}

/* Vier Zeichenbreiten weniger fuer die Hauptnavigation. Die Navigationsschrift
   bleibt mit 12.5 px groesser als die Schrift der benachbarten Ablage. */
@media(min-width:1681px){
  /* 5.31: Linke Navigation auf grossen Bildschirmen schmaler (vorher 140px).
     124px ist die schmalste Breite, bei der "DATEV Export" und die "bald"-Marke
     noch vollstaendig stehen; der gewonnene Platz geht an den mittleren Bereich. */
  body.u5{--u5-sidebar-breite:124px}
  body.u5 .u5-sidebar .topbar-logo-slot .brand-logo-stage{transform:scale(.72);transform-origin:center}
}
body.u5 .u5-nav-item{font-size:12.5px!important}

/* Bank, DATEV und Auswertungen folgen exakt der Typografie-Hierarchie des
   Arbeitsplatzes: 10.5 px Tabellenkopf, 12.5 px Haupttext, 11 px Nebenzeile
   und 12 px fuer Zahlen beziehungsweise normale Tabellenwerte. */
body.u5.bank-seite .bank-pane,body.u5.datev-seite .datev-pane,
body.u5.auswertung-seite .u5-auswertung{font-family:var(--u5-font)!important;font-size:12px!important}
body.u5.bank-seite .bank-head,body.u5.datev-seite .datev-head,
body.u5.auswertung-seite .u5-ausw-tabelle th{font:600 10.5px var(--u5-font)!important}
body.u5.bank-seite .bank-zeile,body.u5.datev-seite .datev-zeile,
body.u5.auswertung-seite .u5-ausw-tabelle{font:400 12px var(--u5-font)!important}
body.u5.bank-seite .bank-text strong,body.u5.datev-seite .datev-zeile-text strong{font:600 12.5px var(--u5-font)!important}
body.u5.bank-seite .bank-text small,body.u5.datev-seite .datev-zeile-text small,
body.u5.bank-seite .bank-datum small{font:400 11px var(--u5-font)!important}
body.u5.bank-seite .bank-datum,body.u5.bank-seite .bank-konto-spalte,
body.u5.bank-seite .bank-betrag,body.u5.datev-seite .datev-datum,
body.u5.datev-seite .datev-konto,body.u5.datev-seite .datev-bu,
body.u5.datev-seite .datev-betrag{font:500 12px var(--u5-font)!important}
body.u5.bank-seite .bank-betrag,body.u5.datev-seite .datev-betrag{font-weight:600!important}
body.u5.bank-seite .bank-zeile .bank-beleg{font:600 12px var(--u5-font)!important}
body.u5.bank-seite .bank-toolbar input,body.u5.bank-seite .bank-toolbar button,
body.u5.bank-seite .bank-toolbar select,body.u5.datev-seite .u5-datev-optionen input,
body.u5.datev-seite .u5-datev-optionen button,body.u5.datev-seite .u5-datev-optionen select,
body.u5.auswertung-seite .u5-ausw-kopf select{font:500 12.5px var(--u5-font)!important}
body.u5.auswertung-seite .u5-ausw-karte-titel{font:500 11px var(--u5-font)!important}
body.u5.auswertung-seite .u5-ausw-karte strong{font:700 16px var(--u5-font)!important}
body.u5.auswertung-seite .u5-ausw-tafel-kopf h2{font:700 13.5px var(--u5-font)!important}
body.u5.auswertung-seite .u5-ausw-hinweis,body.u5.auswertung-seite .u5-legende,
body.u5.auswertung-seite .u5-legende-zeile{font-family:var(--u5-font)!important;font-size:12px!important}

/* === RUNNABLE 10 ============================================================ */
/* Die Grafiken in den oberen Kennzahlen sind auf allen Seiten identisch. Das
   eigentliche Piktogramm ist gegenueber R9 um rund 15 Prozent vergroessert
   und sitzt unabhaengig von der Seite exakt mittig in seiner Farbfläche. */
body.u5 .u5-kennzahl-symbol{box-sizing:border-box;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;border-radius:8px!important;display:grid!important;place-items:center!important}
body.u5 .u5-kennzahl-symbol .ico,body.u5 .u5-kennzahl-symbol .ico-voll{display:block!important;width:20px!important;height:20px!important;margin:0!important;align-self:center!important;justify-self:center!important}

/* Jeder Spaltenname steht in der geometrischen Mitte seiner Spalte. Auch
   zweizeilige Koepfe und der Sortierpfeil bleiben als gemeinsame Einheit
   zentriert; der Griff zum Aendern der Breite bleibt am rechten Rand. */
body.documents-page .u5-liste .column-head{justify-content:center!important;text-align:center!important}
body.documents-page .u5-liste .column-head .column-label{width:100%;justify-content:center!important;text-align:center!important}
body.documents-page .u5-liste .column-head.u5-kopf-zwei .column-label{align-items:center!important}

/* Im Reiter KI-Analyse ist ein erkannter Langtext kein Zahlenfeld. Er nutzt
   deshalb die volle Breite, ist linksbuendig und bricht nur bei Bedarf um. */
/* Ab 5.46: Dieselbe gestapelte, linksbündige Darstellung wie im KI-Tab jetzt
   auch im Details-Tab. Überschrift oben, Wert linksbündig darunter (volle
   Breite), statt Label links und Wert rechtsbündig daneben. Das behebt die
   rechtsbündig umbrechenden Werte (Aussteller mit Anschrift usw.) endgültig. */
body.documents-page [data-u5-tafel="ki"] .u5-fakten>div,
body.documents-page [data-u5-tafel="details"] .u5-fakten>div{display:block!important;padding:5px 0!important}
body.documents-page [data-u5-tafel="ki"] .u5-fakten dt,
body.documents-page [data-u5-tafel="details"] .u5-fakten dt{display:block;margin:0 0 5px!important}
body.documents-page [data-u5-tafel="ki"] .u5-fakten dd,
body.documents-page [data-u5-tafel="details"] .u5-fakten dd{display:block;width:100%;text-align:left!important;line-height:1.5!important;word-break:normal!important;overflow-wrap:anywhere}

/* Der Trichter ist ein Ruecksetzknopf: ohne aktive Filter ist er bewusst
   deaktiviert, mit Filtern wird er farbig hervorgehoben. */
body.documents-page #u5FilterZurueck:disabled{opacity:.38;cursor:default}
body.documents-page #u5FilterZurueck.u5-filter-aktiv{border-color:var(--u5-blue)!important;background:var(--u5-blue-soft)!important;color:var(--u5-blue-hell)!important}

/* === RUNNABLE 11 ============================================================ */
/* Die Versionsplakette unten links ist in der laufenden Anwendung kein
   Arbeitsinhalt. Import und Erfassung sitzt stattdessen direkt ueber dem
   angemeldeten Benutzer und bleibt in Arbeitsplatz, Dokumente, Bank, DATEV
   und Auswertungen an derselben Stelle. */
body.u5 .u5-sidebar .u5-version{display:none!important}
body.u5 .u5-sidebar .u5-import-sidebar{display:block!important;margin-top:auto!important;padding:7px 4px 6px!important;border-top:1px solid var(--u5-line)!important}
body.u5 .u5-sidebar .u5-import-sidebar .u5-tafel-titel{padding:4px 6px 5px!important;font-size:10.5px!important;white-space:nowrap}
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag{min-height:30px;padding:0 6px;font-size:10.5px;gap:6px}
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag .ico{width:15px;height:15px}
body.u5 .u5-sidebar .u5-userkarte{margin-top:0}

/* Die grossen Kennzahl-Karten werden vertikal um etwa ein Viertel flacher.
   Farbkaestchen und Piktogramme bleiben sauber zentriert. */
body.u5 .u5-kennzahl{box-sizing:border-box;height:44px!important;min-height:44px!important;padding:4px 10px!important;gap:9px!important}
body.u5 .u5-kennzahl strong{font-size:15px!important;line-height:1.05!important}
body.u5 .u5-kennzahl span{font-size:10.5px!important;line-height:1.1!important;margin-top:1px!important}
body.u5 .u5-kennzahl-symbol{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
body.u5 .u5-kennzahl-symbol .ico,body.u5 .u5-kennzahl-symbol .ico-voll{width:18px!important;height:18px!important}

/* Schnellansicht: dieselbe Schriftgroesse wie im Ablagebaum, ohne das bisher
   zu schwere Schriftbild. Stift und Menue stehen wieder eindeutig
   untereinander; der Abzugspfeil bleibt daneben, ohne die Zeile aufzublasen. */
body.documents-page .u5-aussteller b{font:500 11.5px/1.2 var(--u5-font)!important}
body.documents-page .u5-aussteller small{font:400 10.5px/1.2 var(--u5-font)!important}
body.documents-page .u5-zeile time,body.documents-page .u5-zeile .money-cell,body.documents-page .u5-zeile b.money-cell,body.documents-page .u5-zeile .u5-konto{font-size:11.5px!important}
body.documents-page .u5-liste .message-row.u5-zeile{height:40px!important;min-height:40px!important}
body.documents-page .u5-zeile>.row-links{height:36px!important}
body.documents-page .u5-zeilen-aktionen{position:relative!important;flex-direction:column!important;gap:1px!important;align-items:flex-end!important;justify-content:center!important}
body.documents-page .u5-zeilen-aktionen>.u5-zeilenknopf,
body.documents-page .u5-zeilen-aktionen>.u5-zeilenmenue{flex:0 0 19px!important;width:22px!important;height:19px!important}
body.documents-page .u5-zeilenknopf{width:22px!important;height:19px!important}
body.documents-page .u5-zeilenknopf .ico{width:14px!important;height:14px!important}
body.documents-page .u5-zeilen-aktionen>.row-deduction{position:absolute!important;right:23px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;cursor:help}

/* Die Ablagespalte und damit auch ihr hellblau umrandeter Kasten ist um gut
   drei Zeichenbreiten schmaler. Lange Ablagen werden weiterhin mit Auslassung
   angezeigt und bleiben ueber den vorhandenen Volltext-Hinweis lesbar. */
body.documents-page .u5-zeile .u5-ablage-marke{max-width:124px!important}

/* Zwei Linienbreiten mehr Luft zwischen Wegmarkierung und Dokumentsymbol im
   Ablagebaum. Die Texteinrueckung wandert im selben Mass mit. */
body.u5 .u5-ablage .folder-item{padding-left:38px!important}
body.u5 .u5-ablage .folder-child{padding-left:50px!important}
body.u5 .u5-ablage .folder-item>span:first-child::before{left:14px!important}

/* Hauptnavigation: Text etwas kleiner. Auf typischen Laptop-Breiten steht er
   gut erkennbar direkt unter seinem Symbol statt ganz zu verschwinden. */
body.u5 .u5-nav-item{font-size:11.5px!important}
@media (max-width:1680px) and (min-width:761px){
  body.u5{--u5-sidebar-breite:78px}
  body.u5 .u5-sidebar{overflow-y:auto;overflow-x:hidden;padding-inline:6px}
  body.u5 .u5-nav-item{box-sizing:border-box;flex-direction:column!important;justify-content:center!important;gap:2px!important;min-height:49px!important;padding:4px 2px!important;text-align:center!important;white-space:normal!important;line-height:1.05!important}
  body.u5 .u5-nav-item>span{display:block!important;width:100%;font-size:9.5px!important;text-align:center;overflow-wrap:anywhere}
  body.u5 .u5-nav-item>small{display:none!important}
  body.u5 .u5-nav-item .ico{width:18px;height:18px;flex:0 0 auto}
  body.u5 .u5-sidebar .u5-import-sidebar .u5-tafel-titel{font-size:8px!important;text-align:center;white-space:normal}
  body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag{flex-direction:column;justify-content:center;gap:1px;min-height:42px;padding:3px 1px;text-align:center;line-height:1.05}
  body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag>span{display:block!important;flex:0 0 auto;font-size:8.5px;overflow-wrap:anywhere}
}

/* "Ihre Kunden", Sortierung, Filter und Aktionen bilden nun eine einzige
   Kopfzeile. Dadurch beginnt die Walze sichtbar weiter oben. */
body.u5.mandanten-page .customer-panel-head{display:flex;align-items:center;gap:10px;padding:12px 18px 8px!important;flex-wrap:nowrap}
body.u5.mandanten-page .customer-panel-head .customer-view-controls{display:flex;align-items:center;gap:8px;margin:0!important;min-width:0;flex:1 1 auto}
body.u5.mandanten-page .customer-panel-head .customer-view-controls>label{min-width:0}
body.u5.mandanten-page .customer-panel-head .customer-view-controls select{height:36px;max-width:155px}
body.u5.mandanten-page .customer-panel-head .customer-view-controls>.add-customer,
body.u5.mandanten-page .customer-panel-head .customer-view-controls>.kunde-weg{height:36px!important;min-height:36px!important;padding-inline:9px!important;font-size:11.5px!important}
body.u5.mandanten-page .customer-panel-head .panel-tools{margin-left:auto;flex:0 0 auto}
@media(max-width:1050px){body.u5.mandanten-page .customer-panel-head{align-items:flex-start;flex-wrap:wrap}body.u5.mandanten-page .customer-panel-head .customer-view-controls{order:3;flex-basis:100%;flex-wrap:wrap}}

/* Mobile Erfassung: gleiche Inhalte, aber weniger Leerraum und niedrigere
   Bedienelemente. Auf einem normalen Notebook passt das Fenster komplett in
   die sichtbare Hoehe und bleibt auf kleinen Hoehen scrollbar. */
body.u5 #belegAppDialog{max-height:calc(100vh - 18px);overflow:auto}
body.u5 #belegAppDialog .beleg-app-dialog{box-sizing:border-box;padding:17px 20px!important}
body.u5 #belegAppDialog .dialog-head{margin-bottom:8px}
body.u5 #belegAppDialog .dialog-head h2{margin:3px 0 0;font-size:20px}
body.u5 #belegAppDialog .beleg-app-kopf{gap:16px;margin-bottom:8px}
body.u5 #belegAppDialog .beleg-app-kopf .dialog-intro{font-size:11.5px;line-height:1.4}
body.u5 #belegAppDialog .beleg-app-spalten{gap:18px}
body.u5 #belegAppDialog .beleg-app-ergebnis{padding-left:18px}
body.u5 #belegAppDialog .beleg-app-ziel{margin-bottom:6px;padding:6px 9px}
body.u5 #belegAppDialog .beleg-app-ziel strong{font-size:12.5px}
body.u5 #belegAppDialog .beleg-app-ziel small{font-size:10.5px;line-height:1.35}
body.u5 #belegAppDialog .beleg-app-modus{margin-bottom:6px;padding:6px 10px}
body.u5 #belegAppDialog .beleg-app-modus-choice{padding:2px 0;font-size:11.5px}
body.u5 #belegAppDialog .beleg-app-dauer{gap:7px;margin-bottom:6px}
body.u5 #belegAppDialog .field{gap:3px}
body.u5 #belegAppDialog .field>span{font-size:9.5px}
body.u5 #belegAppDialog .field input,body.u5 #belegAppDialog .field select{height:34px;font-size:11.5px}
body.u5 #belegAppDialog .beleg-app-erklaerung{margin:5px 0;font-size:10.5px;line-height:1.35}
body.u5 #belegAppDialog .modal-actions{margin-top:6px}
body.u5 #belegAppDialog .modal-actions button{min-height:34px;padding-block:5px;font-size:11.5px}
body.u5 #belegAppDialog .geraete-liste{max-height:220px;overflow:auto}

/* Neue zentrale Tonwahl in den Einstellungen. */
body.u5.settings-page #hinweiston .ton-wahl{max-width:420px}
body.u5.settings-page #hinweiston .ton-wahl select{min-height:40px;border:1px solid var(--u5-line-2);border-radius:9px;background:var(--u5-panel-2);color:var(--u5-text);padding:0 11px;font:500 12px var(--u5-font)}

/* === 5.66: Ruecksprung Steuererklaerung und PDF/KI-Belegansicht ============ */
body.documents-page .steuer-rueckkehr{border-color:var(--u5-blue)!important;color:var(--u5-blue-hell)!important;background:var(--u5-blue-soft)!important}
.steuer-kontextmenue{position:fixed;z-index:10000;min-width:248px;padding:5px;border:1px solid var(--u5-line-2);border-radius:9px;background:var(--u5-panel);box-shadow:0 18px 48px rgba(0,0,0,.38)}
.steuer-kontextmenue button{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--u5-text);font:500 12.5px var(--u5-font);text-align:left;cursor:pointer}
.steuer-kontextmenue button:hover,.steuer-kontextmenue button:focus-visible{background:var(--u5-hover);outline:none}

/* Die linke Kante der Ablage-Marke rueckt bis kurz vor das Symbol. Die
   Status-Pille verliert auf beiden Seiten Leerraum; Inhalt und Symbole bleiben
   unveraendert gross. */
body.documents-page .u5-zeile .u5-ablage-marke{padding-left:3px!important;padding-right:8px!important;gap:5px!important}
body.documents-page .u5-zeile .status-label.u5-pille{padding-left:5px!important;padding-right:5px!important;gap:4px!important}

dialog.beleg-split-dialog{width:min(1500px,calc(100vw - 28px));max-width:none;height:min(920px,calc(100vh - 28px));max-height:none;padding:0;overflow:hidden;border:1px solid var(--u5-line-2);border-radius:14px;background:var(--u5-panel);color:var(--u5-text)}
dialog.beleg-split-dialog::backdrop{background:rgba(3,8,15,.76);backdrop-filter:blur(4px)}
.beleg-split-kopf{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:12px 16px;border-bottom:1px solid var(--u5-line)}
.beleg-split-kopf h2{margin:3px 0 0;font:700 17px/1.2 var(--u5-font)}
.beleg-split-kopf p{margin:4px 0 0;color:var(--u5-muted);font-size:11.5px}
.beleg-split-aktionen{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.beleg-split-aktionen .close{margin-left:3px}
.beleg-split-inhalt{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);height:calc(100% - 72px);min-height:0}
.beleg-split-inhalt>section{min-width:0;min-height:0}
.beleg-split-inhalt h3{height:38px;margin:0;padding:11px 14px 0;border-bottom:1px solid var(--u5-line);color:var(--u5-muted);font:700 10.5px/1 var(--u5-font);letter-spacing:.1em;text-transform:uppercase}
.beleg-split-pdf{display:flex;flex-direction:column;background:#737b86}
.beleg-split-pdf iframe{display:block;flex:1;width:100%;border:0;background:#fff}
.beleg-split-ki{overflow:auto;border-left:1px solid var(--u5-line);background:var(--u5-panel)}
.beleg-split-ki>div{padding:10px 16px 22px}
.beleg-split-ki dl{margin:0}.beleg-split-ki dl>div{padding:9px 0;border-bottom:1px solid var(--u5-line)}
.beleg-split-ki dt{margin:0 0 4px;color:var(--u5-muted);font:600 10.5px var(--u5-font);text-transform:uppercase;letter-spacing:.05em}
.beleg-split-ki dd{margin:0;color:var(--u5-text);font:500 12.5px/1.45 var(--u5-font);overflow-wrap:anywhere}
.beleg-split-ki h4{margin:18px 0 6px;font:700 12px var(--u5-font)}
.beleg-split-ki ul{list-style:none;margin:0;padding:0}.beleg-split-ki li{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--u5-line)}
.beleg-split-ki li span{min-width:0}.beleg-split-ki li b{display:block;font:600 12px/1.35 var(--u5-font)}.beleg-split-ki li small{display:block;margin-top:2px;color:var(--u5-muted);font-size:10.5px}.beleg-split-ki li strong{white-space:nowrap;font-size:12px}
.beleg-split-leer{color:var(--u5-muted);font-size:12px}
@media(max-width:900px){.beleg-split-inhalt{grid-template-columns:1fr;grid-template-rows:minmax(320px,1.2fr) minmax(220px,.8fr)}.beleg-split-ki{border-left:0;border-top:1px solid var(--u5-line)}.beleg-split-kopf{align-items:flex-start}.beleg-split-aktionen .u5-btn{font-size:0;width:36px;padding:0}.beleg-split-aktionen .u5-btn .ico{width:16px;height:16px}}

html[data-theme="light"] .steuer-kontextmenue{box-shadow:0 18px 48px rgba(26,45,68,.22)}

/* === RUNNABLE 12 ============================================================ */
/* Auswahlaktionen und Betragssumme duerfen nicht mehr mit Belegzahl oder
   KI-Verbrauch uebereinanderliegen. Eine ausdrueckliche Zustandsklasse aus
   JavaScript ersetzt hier die fehleranfaellige reine :has()-Erkennung. */
body.documents-page .u5-liste>.library-count-bar.hat-auswahl{display:grid!important;grid-template-columns:minmax(300px,1fr) minmax(0,auto)!important;align-items:center!important;gap:7px 18px!important;min-height:44px!important;padding-block:7px!important}
body.documents-page .u5-liste>.library-count-bar.hat-auswahl>#libraryCount,
body.documents-page .u5-liste>.library-count-bar.hat-auswahl>#aiUsageWorkspace,
body.documents-page .u5-liste>.library-count-bar.hat-auswahl>#mailboxNote,
body.documents-page .u5-liste>.library-count-bar.hat-auswahl>#uploadActivity,
body.documents-page .u5-liste>.library-count-bar.hat-auswahl>#restoreReleaseQuestion{display:none!important}
body.documents-page .u5-liste>.library-count-bar.hat-auswahl>#u5AuswahlLeiste{position:static!important;inset:auto!important;grid-column:1!important;grid-row:1!important;transform:none!important;display:flex!important;flex-wrap:wrap!important;justify-self:start!important;gap:6px!important;min-width:0}
body.documents-page .u5-liste>.library-count-bar.hat-auswahl>.library-sum.sum-selection{position:static!important;inset:auto!important;grid-column:2!important;grid-row:1!important;transform:none!important;justify-self:end!important;max-width:100%;margin:0!important;z-index:auto!important}
/* Auch beim blossen Oeffnen eines Belegs bleibt die Summe im normalen
   Dokumentfluss und kann daher bei Platzmangel umbrechen statt zu ueberlagern. */
body.documents-page .u5-liste>.library-count-bar:not(.hat-auswahl)>.library-sum.sum-selection{position:static!important;inset:auto!important;transform:none!important;margin-left:auto!important;z-index:auto!important}
@media(max-width:1500px){
  body.documents-page .u5-liste>.library-count-bar.hat-auswahl{grid-template-columns:minmax(0,1fr)!important}
  body.documents-page .u5-liste>.library-count-bar.hat-auswahl>#u5AuswahlLeiste,
  body.documents-page .u5-liste>.library-count-bar.hat-auswahl>.library-sum.sum-selection{grid-column:1!important;grid-row:auto!important;justify-self:start!important}
  body.documents-page .u5-liste>.library-count-bar.hat-auswahl>.library-sum.sum-selection{white-space:normal!important;flex-wrap:wrap!important}
}

/* === RUNNABLE 13 ============================================================ */
/* Der Seitentitel und seine Erklaerung stehen im Mandantenfenster in einer
   Zeile. Bei kleinen Breiten darf die Erklaerung kontrolliert umbrechen. */
body.u5.mandanten-page .u5-seitenkopf>div{display:flex!important;align-items:baseline!important;gap:14px!important;min-width:0;flex-wrap:wrap}
body.u5.mandanten-page .u5-seitenkopf>div>p{margin:0!important;font-size:12px!important;line-height:1.3!important}

/* Die rechte Mandantenkarte nutzt nun dieselbe kompakte Typografie wie die
   Detail- und Schnellansichten im Arbeitsplatz. */
body.u5.mandanten-page .detail h2#selectedName{font:700 18px/1.25 var(--u5-font)!important}
body.u5.mandanten-page .detail .sector{font:400 11.5px/1.35 var(--u5-font)!important}
body.u5.mandanten-page .facts dt{font:600 10px/1.25 var(--u5-font)!important}
body.u5.mandanten-page .facts dd{font:500 12px/1.3 var(--u5-font)!important}
body.u5.mandanten-page .detail-note{font:400 11.5px/1.45 var(--u5-font)!important}
body.u5.mandanten-page .detail-actions button,body.u5.mandanten-page .detail-actions a{font-size:11.5px!important}

/* Alle Spaltenkoepfe, einschliesslich der Zahlenfelder, sitzen geometrisch in
   der Mitte. Der Ziehgriff fuer die Spaltenbreite bleibt am rechten Rand. */
body.documents-page .u5-liste .column-head,
body.documents-page .u5-liste .column-head.u5-rechts{justify-content:center!important;text-align:center!important}
body.documents-page .u5-liste .column-head .column-label{width:100%!important;justify-content:center!important;text-align:center!important}

/* Belegsymbole in der mittleren Liste sind gegenueber RUNNABLE 12 exakt um
   rund acht Prozent vergroessert. */
body.documents-page .u5-zeile .u5-dateisymbol{width:18.8px!important;height:23.4px!important}

/* === RUNNABLE 14 ============================================================ */
/* Belegart oberhalb des Ausstellers: drei klar getrennte, kompakte Zeilen. */
body.documents-page .u5-aussteller{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;min-width:0!important;line-height:1.05!important}
body.documents-page .u5-aussteller .u5-belegart{font:700 8.5px/1 var(--u5-font)!important;letter-spacing:.055em!important;text-transform:uppercase;color:var(--u5-blue-hell)!important}
body.documents-page .u5-aussteller b{font:500 11.5px/1.12 var(--u5-font)!important}
body.documents-page .u5-aussteller .u5-aussteller-zusatz{font:400 9.5px/1.08 var(--u5-font)!important}
body.documents-page .u5-liste .message-row.u5-zeile{height:52px!important;min-height:52px!important}
body.documents-page .u5-zeile>.row-links{height:48px!important}
body.documents-page .u5-zeile .u5-dateisymbol{width:21.6px!important;height:27px!important}

/* Halbe Statusflaeche: fachlich vollstaendig und sicher bezahlt, aber noch
   nicht freigegeben. Erst die Freigabe macht daraus das rein blaue Bezahlt. */
body.u5 .u5-pille.gruen-blau{--c:47,196,108;--t:#c8f3e0;--punkt:linear-gradient(90deg,#2fc46c 0 50%,#3b8cff 50%);border-color:rgba(63,166,187,.75)!important;background:linear-gradient(90deg,rgba(47,196,108,.22) 0 50%,rgba(59,140,255,.22) 50%)!important}
html[data-theme="light"] body.u5 .u5-pille.gruen-blau{--t:#155f55;background:linear-gradient(90deg,rgba(47,196,108,.15) 0 50%,rgba(59,140,255,.15) 50%)!important}
.status-legend i.green-blue{background:linear-gradient(90deg,#2fc46c 0 50%,#3b8cff 50%)!important}

/* DATEV entspricht typografisch der Schnellansicht im Arbeitsplatz. */
body.u5.datev-seite .datev-pane,body.u5.datev-seite .datev-zeile{font:400 11.5px/1.25 var(--u5-font)!important}
body.u5.datev-seite .datev-head{font:600 10.5px/1.2 var(--u5-font)!important}
body.u5.datev-seite .datev-typ,body.u5.datev-seite .datev-datum,body.u5.datev-seite .datev-konto,body.u5.datev-seite .datev-bu{font:500 11.5px/1.2 var(--u5-font)!important}
body.u5.datev-seite .datev-zeile-text strong{font:500 11.5px/1.18 var(--u5-font)!important}
body.u5.datev-seite .datev-zeile-text small{font:400 9.5px/1.15 var(--u5-font)!important}
body.u5.datev-seite .datev-betrag{font:500 11.5px/1.2 var(--u5-font)!important}
body.u5.datev-seite .datev-typ .u5-dateisymbol{width:21.6px!important;height:27px!important}
body.u5 .datev-status-zelle{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important}
body.u5 .datev-zahlhinweis{font:600 9px/1.1 var(--u5-font);color:#75adff;white-space:nowrap}

/* Kundenakte: mehr Breite, sauber ausgerichteter Kopf und Druckaktion. */
body.u5 #customerFileDialog{width:min(1040px,calc(100% - 32px))!important;max-width:1040px!important}
body.u5 #customerFileDialog .customer-file-dialog>.dialog-head{box-sizing:border-box!important;margin:-22px -24px 0!important;padding:22px 24px 14px!important}
body.u5 .audit-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
body.u5 .audit-print{min-height:32px;padding:6px 11px;font-size:11.5px}

/* Kumulierter Jahresverlauf in der Auswertung. */
body.u5 .u5-linienchart{display:block;width:100%;height:auto;min-height:250px}
body.u5 .u5-linienchart .gitter{stroke:var(--u5-line);stroke-width:1}
body.u5 .u5-linienchart .grundlinie{stroke:var(--u5-line-2);stroke-width:1.4}
body.u5 .u5-linienchart .achse{fill:var(--u5-muted);font:500 10px var(--u5-font)}
body.u5 .u5-linienchart .flaeche.ein{fill:url(#u5EinFlaeche)}body.u5 .u5-linienchart .flaeche.aus{fill:url(#u5AusFlaeche)}
body.u5 .u5-linienchart .linie{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
body.u5 .u5-linienchart .linie.ein{stroke:#31c48d}body.u5 .u5-linienchart .linie.aus{stroke:#ef6a62}
body.u5 .u5-linienchart .punkt{stroke:var(--u5-panel);stroke-width:2;cursor:help}.u5-linienchart .punkt.ein{fill:#31c48d}.u5-linienchart .punkt.aus{fill:#ef6a62}
@media(max-width:600px){body.u5 #customerFileDialog .customer-file-dialog>.dialog-head{margin:-22px -24px 0!important;padding:18px 20px 12px!important}body.u5 .audit-head{align-items:flex-start}.audit-actions{justify-content:flex-start!important}}

/* === RUNNABLE 15 ============================================================ */
/* Genau zwei Zeilen: Belegart direkt ueber dem Aussteller. Die dritte
   Beschreibungszeile entfaellt, deshalb kann die Belegzeile wieder flach sein. */
body.documents-page .u5-aussteller{gap:1px!important;line-height:1!important}
body.documents-page .u5-aussteller .u5-belegart{display:block!important;flex:0 0 auto!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 9px/1.05 var(--u5-font)!important;letter-spacing:.045em!important;text-transform:uppercase;color:var(--u5-blue-hell)!important}
body.documents-page .u5-aussteller b{display:block!important;flex:0 0 auto!important;max-width:100%;font:500 11.5px/1.12 var(--u5-font)!important}
body.documents-page .u5-liste .message-row.u5-zeile{height:40px!important;min-height:40px!important}
body.documents-page .u5-zeile>.row-links{height:36px!important}
body.documents-page .u5-zeile .u5-dateisymbol{width:19.2px!important;height:24px!important}

/* Farbwirkung wie in 4.58: Gelb markiert die Zahlen und das Datum, Rot zieht
   sich gut lesbar ueber die ganze fehlerhafte Zeile. Gruen bleibt neutral,
   weil bei vollstaendigen Belegen kein Problem hervorgehoben werden muss. */
html.betragsfarben-status body.documents-page .message-row.betrag-yellow .money-cell,
html.betragsfarben-status body.documents-page .message-row.betrag-yellow time{color:#f1ca62!important}
html.betragsfarben-status body.documents-page .message-row.betrag-green .money-cell,
html.betragsfarben-status body.documents-page .message-row.betrag-green time{color:var(--u5-text-2)!important}
html.betragsfarben-status body.documents-page .message-row.betrag-green b.money-cell{color:var(--u5-text)!important}
html.betragsfarben-status body.documents-page .message-row.betrag-green:has(.status-label.freigegeben) .money-cell,
html.betragsfarben-status body.documents-page .message-row.betrag-green:has(.status-label.freigegeben) time{color:var(--u5-text-2)!important}
html.betragsfarben-status body.documents-page .message-row.betrag-green:has(.status-label.freigegeben) b.money-cell{color:var(--u5-text)!important}
html.betragsfarben-status body.documents-page .message-row.betrag-red{background:linear-gradient(90deg,rgba(202,54,62,.28),rgba(145,37,49,.16))!important;box-shadow:inset 3px 0 0 #ef5a52!important}
html.betragsfarben-status body.documents-page .message-row.betrag-red .money-cell,
html.betragsfarben-status body.documents-page .message-row.betrag-red time,
html.betragsfarben-status body.documents-page .message-row.betrag-red .u5-aussteller b{color:#ffd0cc!important}
html.betragsfarben-status body.documents-page .message-row.betrag-red .u5-ablage-marke{border-color:rgba(239,90,82,.58)!important;background:rgba(125,35,43,.34)!important}
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-yellow .money-cell,
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-yellow time{color:#8a6400!important}
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-green .money-cell,
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-green time{color:#40556b!important}
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-green b.money-cell{color:#18293d!important}
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-green:has(.status-label.freigegeben) .money-cell,
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-green:has(.status-label.freigegeben) time{color:#40556b!important}
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-green:has(.status-label.freigegeben) b.money-cell{color:#18293d!important}
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-red{background:linear-gradient(90deg,rgba(239,90,82,.20),rgba(239,90,82,.08))!important}
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-red .money-cell,
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-red time,
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.betrag-red .u5-aussteller b{color:#8f211b!important}

/* === RUNNABLE 16 ============================================================ */
/* Die Belegart ist keine blaue Kennzeichnung mehr. Sie hat dieselbe Farbe wie
   der Aussteller darunter und unterscheidet sich nur durch Fettdruck. */
body.documents-page .u5-aussteller .u5-belegart{
  font:700 11.5px/1.05 var(--u5-font)!important;
  letter-spacing:0!important;text-transform:none!important;color:var(--u5-text)!important
}

/* Kopf und Inhalt teilen exakt dieselben Spaltenmittelpunkte. Dadurch stehen
   Datum sowie Netto, MwSt. und Brutto direkt unter ihrer Bezeichnung. */
body.documents-page .u5-zeile time,
body.documents-page .u5-zeile .money-cell,
body.documents-page .u5-zeile b.money-cell{
  display:block!important;width:100%!important;justify-self:stretch!important;text-align:center!important
}
body.documents-page .u5-zeile .u5-aussteller{
  width:100%!important;align-items:center!important;text-align:center!important
}
body.documents-page .u5-zeile .u5-ablage-marke,
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label,
body.documents-page .u5-zeile .u5-konto{justify-self:center!important}

/* Umschalter der Kategorieauswertung: Ring (Loch in der Mitte) oder Kuchen. */
body.u5 .u5-diagramm-wahl{margin-left:auto;display:inline-flex;align-items:center;padding:2px;border:1px solid var(--u5-line-2);border-radius:8px;background:var(--u5-panel-2)}
body.u5 .u5-diagramm-wahl button{height:27px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--u5-muted);font:600 11px var(--u5-font);cursor:pointer}
body.u5 .u5-diagramm-wahl button:hover{color:var(--u5-text)}
body.u5 .u5-diagramm-wahl button.aktiv{background:var(--u5-blue);color:#fff}
body.u5 .u5-ring.kuchen path,body.u5 .u5-ring.kuchen circle{stroke:var(--u5-panel);stroke-width:1.5}

/* === RUNNABLE 17 ============================================================ */
/* Alle Spaltenkoepfe bleiben in ihrer jeweiligen Spaltenmitte. Nur die
   Aussteller-INHALTE sind linksbuendig; das ist fuer Firmennamen deutlich
   schneller lesbar und aendert die Ausrichtung des Kopfes nicht. */
body.documents-page .u5-liste .column-head,
body.documents-page .u5-liste .column-head.u5-rechts{justify-content:center!important;text-align:center!important}
body.documents-page .u5-liste .column-head .column-label{width:100%!important;justify-content:center!important;text-align:center!important}
body.documents-page .u5-zeile .u5-aussteller{width:100%!important;align-items:flex-start!important;text-align:left!important}
body.documents-page .u5-aussteller .u5-belegart{font:700 9px/1.05 var(--u5-font)!important;letter-spacing:.045em!important;text-transform:none!important;color:var(--u5-text)!important}

/* Der Status sitzt am rechten Ende seiner Spalte, nur noch rund drei
   Zeichenbreiten vor dem gelben Abzugspfeil. */
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label{justify-self:end!important;transform:translateX(8px)}

/* Die Baum-Pfeilspitze endet fast am Dokumentsymbol. Die farbigen Schienen
   werden in documents.js weiter links gezeichnet und duerfen hier ueber den
   Innenrand des Baums hinausragen. */
body.u5 .u5-ablage .folder-tree{padding-left:0!important;overflow:visible!important}
body.u5 .u5-ablage .folder-item[data-collapsible="true"]>span:first-child::after{left:2px!important}

/* Navigation etwas ruhiger. Auf Laptopbreiten bleibt die bereits eingefuehrte
   Anordnung Symbol oben, eindeutiger Text direkt darunter erhalten. */
body.u5 .u5-nav-item{font-size:11px!important}
@media (max-width:1680px) and (min-width:761px){
  body.u5 .u5-nav-item>span{font-size:9px!important;line-height:1.08!important}
}

/* Der persoenliche Hinweiston ist auch aus dem normalen Zahnradmenue direkt
   erreichbar. Links und Knoepfe sehen dort bewusst gleich aus. */
body.u5 .u5-topbar .user-menu-body>a.ghost{box-sizing:border-box;display:flex!important;align-items:center;width:100%;min-height:36px;padding:0 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--u5-text-2)!important;font:500 12px var(--u5-font)!important;text-decoration:none;text-align:left}
body.u5 .u5-topbar .user-menu-body>a.ghost:hover{background:var(--u5-hover)!important;color:var(--u5-text)!important}

/* === RUNNABLE 18 ============================================================ */
/* Navigation: etwas mehr Breite, aber weniger Abstand zwischen Symbol und Text.
   Auf schmalen Laptop-Anzeigen bleibt jedes einzelne Wort ungetrennt. */
body.u5{--u5-sidebar-breite:147px}
body.u5 .u5-nav-item{gap:6px!important;padding-left:6px!important;padding-right:10px!important}
@media (max-width:1680px) and (min-width:761px){
  body.u5{--u5-sidebar-breite:82px}
  body.u5 .u5-sidebar{padding-inline:4px!important}
  body.u5 .u5-nav-item{padding:4px 2px!important}
  body.u5 .u5-nav-item>.ico,body.u5 .u5-nav-item>span{transform:translateX(-2px)}
  body.u5 .u5-nav-item>span{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
}

/* Aussteller: Die Belegart ist die groessere, fette Ueberschrift; der
   Firmenname darunter ist kleiner, normal und in der ruhigen Sekundaerfarbe. */
body.documents-page .u5-aussteller .u5-belegart{font:700 11.5px/1.05 var(--u5-font)!important;letter-spacing:0!important;color:var(--u5-text)!important}
body.documents-page .message-row:not(.betrag-red) .u5-aussteller b{font:400 10.5px/1.1 var(--u5-font)!important;color:var(--u5-muted)!important}

/* Status ist die einzige linksbuendige Daten-Spalte. Kopf und Inhalt wandern
   gemeinsam rund drei Zeichenbreiten nach rechts. */
body.documents-page .status-column-head .column-label{transform:translateX(18px)}
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label{justify-self:start!important;transform:translateX(18px)!important;text-align:left!important}
body.documents-page .u5-status-zelle{justify-content:flex-start!important}

/* Die Ablage bekommt wieder genug Platz fuer ihre Beschriftung. */
body.documents-page .u5-zeile .u5-ablage-marke{max-width:146px!important}

/* Die Dateiformat-Symbole wachsen um acht Prozent, ohne die kompakte
   Zeilenhoehe zu veraendern. */
body.documents-page .u5-zeile .u5-dateisymbol{width:20.8px!important;height:26px!important}

/* Mehr optischer Abstand zwischen farbiger Schiene und Ordnersymbol. Der
   Aufklapp-Pfeil endet fast am Symbol. Jeder Querast hat eine kleine Spitze. */
body.u5 .u5-ablage .folder-item{padding-left:56px!important}
body.u5 .u5-ablage .folder-child{padding-left:68px!important}
body.u5 .u5-ablage .folder-item>span:first-child::before{left:32px!important}
body.u5 .u5-ablage .folder-item[data-collapsible="true"]>span:first-child::after{left:20px!important}
body.u5 .u5-ablage .tree-branch::after{content:"";position:absolute;right:-1px;top:50%;width:5px;height:5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg);transform-origin:center;background:transparent}

/* Zentrale Liste der frueher im oberen Zahnrad verteilten Funktionen. */
body.settings-page .settings-link-list{display:grid;gap:8px;margin-top:16px}
body.settings-page .settings-link-list>.ghost{justify-content:flex-start;min-height:40px;text-align:left}

/* Dezente 3D-Kuchengrafik: abgeflachte Oberseite, dunklere Seitenflaeche und
   ein weicher Schatten. Die Segmentfarben und Tooltips bleiben unveraendert. */
body.u5 .u5-ring.kuchen svg{overflow:visible;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25))}
body.u5 .u5-ring.kuchen .kuchen-tiefe{filter:brightness(.48) saturate(.82);pointer-events:none}
body.u5 .u5-ring.kuchen .kuchen-tiefe path,
body.u5 .u5-ring.kuchen .kuchen-tiefe circle{stroke:rgba(0,0,0,.42);stroke-width:2}
body.u5 .u5-ring.kuchen .kuchen-oberseite path,
body.u5 .u5-ring.kuchen .kuchen-oberseite circle{stroke:var(--u5-panel);stroke-width:1.6}

/* === RUNNABLE 20 ============================================================ */
/* Kanzleiweite Suche im Mandantenfenster. Unter der bestehenden Suchleiste
   stehen Mandanten und Belege getrennt; bei Belegen ist der zugehoerige
   Mandant immer sichtbar. */
body.mandanten-page .u5-suche-rahmen{position:relative;flex:0 1 520px;min-width:240px}
body.mandanten-page .u5-suche-rahmen>.u5-suche{box-sizing:border-box;width:100%;max-width:none;min-width:0;flex:none}
body.mandanten-page .u5-suchergebnisse{position:absolute;z-index:80;top:calc(100% + 7px);left:0;width:min(620px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 92px));overflow:auto;padding:8px;border:1px solid var(--u5-line-2);border-radius:10px;background:var(--u5-panel);box-shadow:0 18px 48px rgba(0,0,0,.38)}
body.mandanten-page .u5-suchergebnisse[hidden]{display:none}
body.mandanten-page .u5-suchergebnisse section+section{margin-top:7px;padding-top:7px;border-top:1px solid var(--u5-line)}
body.mandanten-page .u5-suchergebnisse h3{margin:3px 8px 5px;color:var(--u5-muted);font:700 9.5px/1.2 var(--u5-font);letter-spacing:.09em;text-transform:uppercase}
body.mandanten-page .u5-suchtreffer{box-sizing:border-box;display:grid;width:100%;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:var(--u5-text);font-family:var(--u5-font);text-align:left;text-decoration:none;cursor:pointer}
body.mandanten-page .u5-suchtreffer:hover,body.mandanten-page .u5-suchtreffer:focus-visible{outline:0;background:var(--u5-hover)}
body.mandanten-page .u5-suchsymbol{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--u5-panel-2);color:var(--u5-blue-hell)}
body.mandanten-page .u5-suchsymbol.kunde{background:var(--u5-blue-soft);font-size:10px;font-weight:750}
body.mandanten-page .u5-suchsymbol .ico{width:17px;height:17px}
body.mandanten-page .u5-suchtreffer-text,body.mandanten-page .u5-suchtreffer>span:last-child{display:block;min-width:0}
body.mandanten-page .u5-suchtreffer strong,body.mandanten-page .u5-suchtreffer small,body.mandanten-page .u5-suchtreffer em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.mandanten-page .u5-suchtreffer strong{font-size:12px;font-weight:650;color:var(--u5-text)}
body.mandanten-page .u5-suchtreffer small{margin-top:2px;font-size:10.5px;color:var(--u5-muted)}
body.mandanten-page .u5-suchtreffer em{margin-top:3px;font-size:10.5px;font-style:normal;font-weight:650;color:var(--u5-blue-hell)}
body.mandanten-page .u5-suchstatus{margin:0;padding:9px 8px;color:var(--u5-muted);font-size:11.5px}
@media(max-width:900px){body.mandanten-page .u5-suche-rahmen{min-width:180px}body.mandanten-page .u5-suche kbd{display:none}}

/* === RUNNABLE 20 ============================================================ */
/* Der Aufklapp-Pfeil rueckt um rund 40 Prozent seines bisherigen sichtbaren
   Abstands an das Dokumentsymbol heran. Symbol und Text bleiben unveraendert. */
body.u5 .u5-ablage .folder-item[data-collapsible="true"]>span:first-child::after{left:22.5px!important}

/* Statuskopf und farbiger Status stehen auf derselben optischen Mittelachse.
   Die gesamte Achse liegt eine Zeichenbreite weiter links, damit rechts die
   Aktions- und Abzugspfeile frei bleiben. */
body.documents-page .status-column-head .column-label{transform:translateX(-7px)!important}
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label{justify-self:center!important;transform:translateX(-7px)!important;text-align:center!important}
body.documents-page .u5-status-zelle{justify-content:center!important}

/* Zehn Prozent flachere Belegzeilen. Schrift, Zahlen, Status und Dateisymbole
   behalten bewusst ihre bisherige Groesse. */
body.documents-page .u5-liste .message-row.u5-zeile{height:36px!important;min-height:36px!important}
body.documents-page .u5-zeile>.row-links{height:34px!important}
body.documents-page .message-row .row-utility.stacked,
body.documents-page .message-row .row-utility.stacked:has(.row-approve){padding-block:1px!important;gap:2px!important}

/* Die Gesamtausgaben stehen auch bei der 3D-Kuchenansicht sichtbar unter dem
   Diagramm, statt nur in der Ringmitte vorzukommen. */
body.u5 .u5-ring.kuchen .kuchen-summe{paint-order:stroke;stroke:var(--u5-panel);stroke-width:2px;stroke-linejoin:round}

/* === RUNNABLE 21 ============================================================ */
/* STATUS und seine farbigen Kaesten teilen exakt dieselbe Mittelachse. Alte
   Einzuege aus frueheren Layouts werden hier bewusst vollstaendig aufgehoben. */
body.documents-page .u5-liste .status-column-head{justify-content:center!important;text-align:center!important;padding-left:0!important;padding-right:0!important}
body.documents-page .u5-liste .status-column-head>.column-label{box-sizing:border-box;width:100%!important;padding-left:0!important;margin:0!important;transform:none!important;justify-content:center!important;text-align:center!important}
body.documents-page .u5-zeile .u5-status-zelle{display:flex!important;width:100%!important;justify-self:stretch!important;justify-content:center!important;transform:none!important;text-align:center!important}
body.documents-page .u5-zeile>.status-label{justify-self:center!important;transform:none!important;text-align:center!important}

/* Die Wegpfeile im Ablagebaum verwenden dieselbe runde Pfeilform wie der
   gelbe Abzugspfeil in einer Belegzeile, nur kleiner und in der Linienfarbe. */
body.u5 .u5-ablage .tree-branch::after{content:"↓"!important;box-sizing:border-box;display:grid!important;place-items:center;right:-5px!important;top:50%!important;width:11px!important;height:11px!important;border:0!important;border-radius:50%;background:color-mix(in srgb,currentColor 20%,var(--u5-panel))!important;color:currentColor!important;font:800 8px/1 var(--u5-font)!important;transform:translateY(-50%) rotate(-90deg)!important;transform-origin:center!important}

/* Der erklaerungsbeduerftige Abzugspfeil ist ein richtiger, per Maus und
   Tastatur erreichbarer Knopf. Die Erklaerung zeichnet volltext.js. */
body.documents-page .u5-zeilen-aktionen>.row-deduction{box-sizing:border-box;padding:0!important;border:0!important;font-family:var(--u5-font)!important;cursor:help}

/* === RUNNABLE 22 ============================================================ */
/* Jeder Ablagekasten fuellt seine gleichbleibend breite Ablagespalte. Die
   sichtbare Kastengroesse ist dadurch unabhaengig von der Textlaenge. */
body.documents-page .u5-zeile .u5-ablage-marke{box-sizing:border-box!important;width:100%!important;max-width:none!important;justify-self:stretch!important}

/* === RUNNABLE 23 ============================================================ */
/* STATUS und die farbigen Statuskaesten werden selbst um mindestens fuenf
   Buchstabenbreiten nach rechts zu den gelben Pfeilen verschoben. Die
   Ablagespalte bleibt dabei in ihrer normalen Breite. Die breitere rechte
   Aktionsspalte schafft den benoetigten Platz ohne Ueberlagerungen. */
body.documents-page .u5-liste .status-column-head>.column-label{transform:translateX(5ch)!important}
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label{transform:translateX(5ch)!important}

/* === RUNNABLE 24 ============================================================ */
/* Gegenueber RUNNABLE 23 wandern STATUS und seine Kaesten nochmals um fuenf
   Buchstabenbreiten nach rechts. Die Gesamtverschiebung betraegt damit 10ch.
   ABLAGE samt Ueberschrift und einheitlichen Kaesten folgt um 5ch nach rechts,
   sodass der optische Abstand zwischen beiden Spalten erhalten bleibt. */
body.documents-page .u5-liste .column-head[data-sort-column="category"]>.column-label{transform:translateX(5ch)!important}
body.documents-page .u5-zeile .u5-ablage-marke{transform:translateX(5ch)!important}
body.documents-page .u5-liste .status-column-head>.column-label{transform:translateX(10ch)!important}
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label{transform:translateX(10ch)!important}

/* === RUNNABLE 25 ============================================================ */
/* ABLAGE und STATUS bilden rechts eine kompakte Gruppe. Beide Spalten werden
   gemeinsam verschoben; dadurch bleiben zwischen ihren Kaesten nur etwa zwei
   Buchstabenbreiten. STATUS liegt gegenueber R24 nochmals 1ch weiter rechts. */
body.documents-page .u5-liste .column-head[data-sort-column="category"]>.column-label{transform:translateX(11ch)!important}
body.documents-page .u5-zeile .u5-ablage-marke{transform:translateX(11ch)!important}
body.documents-page .u5-liste .status-column-head>.column-label{transform:translateX(11ch)!important}
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label{transform:translateX(11ch)!important}

/* Auswahlfeld naeher an den linken Rand, Ausstellertext naeher an das
   Dateisymbol. Die Spaltenbreiten selbst bleiben benutzerdefinierbar. */
body.documents-page .u5-liste .message-list-head>.row-check,
body.documents-page .u5-liste .message-row.u5-zeile>.row-check{transform:translateX(-1ch)!important}
body.documents-page .u5-zeile .u5-aussteller{transform:translateX(-1.5ch)!important}

/* Die doppelte Summenzeile ueber den Spaltenkoepfen entfaellt. Sobald mehrere
   Belege markiert sind, erscheint an derselben Stelle weiterhin ausschliesslich
   die benoetigte Sammelaktionsleiste. Bank und DATEV behalten ihre Zaehler. */
body.documents-page:not(.bank-seite):not(.datev-seite) .u5-liste>.library-count-bar:not(.hat-auswahl){display:none!important}

/* Die fuenf Kennzahlenkarten bleiben gleich hoch, werden aber schmaler. Ihre
   Piktogramme sind gegenueber den bisherigen 18px um gut 40 Prozent groesser. */
body.documents-page .u5-kennzahlen{grid-template-columns:repeat(5,minmax(128px,220px))!important;justify-content:space-between!important;gap:8px!important}
body.documents-page .u5-kennzahl{height:44px!important;min-height:44px!important;padding:4px 9px!important;gap:8px!important}
body.documents-page .u5-kennzahl-symbol{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
body.documents-page .u5-kennzahl-symbol .ico,
body.documents-page .u5-kennzahl-symbol .ico-voll{width:26px!important;height:26px!important}
body.documents-page .u5-detail>.u5-kundenwalze-top{margin-top:0!important}

/* Auf einem schmalen Arbeitsplatz spart die Ablagespalte Platz: nur noch das
   Symbol, der Langtext entfaellt. 5.31: Die Status-Pille behaelt dagegen ihren
   Text ("Bitte pruefen", "Vollstaendig") und wird nicht mehr zum Punkt
   verkleinert; in der 122px breiten Statusspalte ist dafuer genug Platz. */
@media(max-width:1400px){
  body.documents-page .u5-zeile .u5-ablage-marke{width:28px!important;min-width:28px!important;justify-content:center!important;padding-inline:0!important}
  body.documents-page .u5-zeile .u5-ablage-marke>span{display:none!important}
}

/* Der Mandantentitel ist keine eigene hohe Inhaltszeile mehr. Titel und
   Erklaerung stehen kompakt nebeneinander; auf schmalen Fenstern bleibt nur
   der aussagekraeftige Titel. */
body.u5.mandanten-page .u5-seitenkopf{min-height:36px!important;gap:9px!important}
body.u5.mandanten-page .u5-seitenkopf>.u5-mandant-zeichen{width:36px!important;height:36px!important;border-radius:8px!important}
body.u5.mandanten-page .u5-seitenkopf>div{flex-wrap:nowrap!important;gap:10px!important}
body.u5.mandanten-page .u5-seitenkopf>div>h1{font-size:18px!important;white-space:nowrap}
body.u5.mandanten-page .u5-seitenkopf>div>p{font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1050px){body.u5.mandanten-page .u5-seitenkopf>div>p{display:none!important}}

/* Ziehbare Spalteneinstellungen mit einer unmittelbar sichtbaren Breiten-
   beziehungsweise Abstandseinstellung. */
.settings-column-row[draggable="true"]{cursor:grab}
.settings-column-row.spalte-zieht{opacity:.48}
.settings-column-row.spalte-ziel{outline:1px dashed var(--u5-blue);outline-offset:2px}
.settings-column-width{display:grid!important;grid-template-columns:auto minmax(110px,1fr) 48px;align-items:center;gap:8px;min-width:min(340px,46vw);font-size:11.5px;color:var(--u5-muted)}
.settings-column-width input{width:100%;min-width:0}
.settings-column-width output{text-align:right;color:var(--u5-text-2);font-variant-numeric:tabular-nums}

/* === RUNNABLE 26 ============================================================ */
/* Zwischen ABLAGE und STATUS bleibt jetzt nur noch eine Zeichenbreite. Dazu
   folgt nur ABLAGE der rechten Statusgruppe um ein weiteres ch. */
body.documents-page .u5-liste .column-head[data-sort-column="category"]>.column-label{transform:translateX(12ch)!important}
body.documents-page .u5-zeile .u5-ablage-marke{transform:translateX(12ch)!important}
body.documents-page .u5-liste .status-column-head>.column-label{transform:translateX(11ch)!important}
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label{transform:translateX(11ch)!important}

/* Auswahlfeld und Aussteller bleiben in Inhalt und Kopf getrennt: Das
   Auswahlfeld sitzt ein ch weiter links, nur die Ausstellerdaten 1,5ch naeher
   am Dateisymbol. */
body.documents-page .u5-liste .message-list-head>.row-check,
body.documents-page .u5-liste .message-row.u5-zeile>.row-check{transform:translateX(-1ch)!important}
body.documents-page .u5-zeile .u5-aussteller{transform:translateX(-1.5ch)!important}

/* Die Kennzahlen stehen ohne doppelte Summenzeile unmittelbar ueber der
   Tabellenbeschreibung. Sie bleiben gleich hoch, sind sichtbar schmaler und
   verwenden mindestens 40 Prozent groessere Piktogramme. */
body.documents-page .u5-inhalt{gap:4px!important}
body.documents-page .u5-kennzahlen{grid-template-columns:repeat(5,minmax(116px,196px))!important;justify-content:space-between!important;gap:6px!important;margin-bottom:0!important}
body.documents-page .u5-kennzahl{height:44px!important;min-height:44px!important;padding:4px 8px!important;gap:7px!important}
body.documents-page .u5-kennzahl-symbol{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
body.documents-page .u5-kennzahl-symbol .ico,
body.documents-page .u5-kennzahl-symbol .ico-voll{width:27px!important;height:27px!important}
body.documents-page .u5-kennzahl-symbol .u5-kpi-unterordner{
  display:block;width:27px;height:27px;object-fit:contain;margin:0;
}
body.documents-page:not(.bank-seite):not(.datev-seite) .u5-liste>.library-count-bar:not(.hat-auswahl){display:none!important}
body.documents-page .records-workbench.u5-werkbank{margin-top:0!important}
body.documents-page .u5-detail>.u5-kundenwalze-top{margin-top:0!important;padding-top:0!important}

/* Der Mandantenkopf beansprucht nur noch eine kompakte Zeile. */
body.u5.mandanten-page .u5-seitenkopf{margin:0!important;padding-block:0!important;min-height:34px!important}
body.u5.mandanten-page .u5-seitenkopf>div{display:flex!important;align-items:baseline!important;min-width:0}

/* === RUNNABLE 27 ============================================================ */
/* Die Kennzahlen stehen nicht mehr ueber der gesamten dreispaltigen Werkbank,
   sondern als zentrierte Reihe ausschliesslich in der mittleren Belegtabelle.
   Dadurch beginnen Ablage links und Mandanten-/Detailbereich rechts eine volle
   Zeile hoeher. */
body.documents-page .u5-liste>.u5-kennzahlen{
  box-sizing:border-box;flex:0 0 48px;width:100%;min-width:0;padding:2px 8px;
  grid-template-columns:repeat(5,minmax(130px,168px))!important;
  justify-content:center!important;align-items:center;gap:6px!important;
  border-bottom:1px solid var(--u5-line);background:transparent
}
body.documents-page .u5-liste>.u5-kennzahlen .u5-kennzahl{
  box-sizing:border-box;width:100%;min-width:0;height:44px!important;min-height:44px!important
}
@media(max-width:1450px){
  body.documents-page .u5-liste>.u5-kennzahlen{grid-template-columns:repeat(5,minmax(116px,1fr))!important;padding-inline:5px}
  body.documents-page .u5-liste>.u5-kennzahlen .u5-kennzahl{padding-inline:6px!important;gap:5px!important}
}

/* === RUNNABLE 28 ============================================================ */
/* Der Upload gehoert in die oberste Leiste zwischen Suche und Zweitfenster.
   Der dort unnoetige automatische linke Rand wird deshalb aufgehoben. */
body.documents-page .u5-topbar #u5UploadSplit{margin-left:0!important;flex:0 0 auto;align-self:center}
body.documents-page .u5-topbar #u5UploadSplit>.u5-btn,
body.documents-page .u5-topbar #u5UploadSplit>.u5-menue>summary{height:36px!important;min-height:36px!important}

/* Der freie Platz in der Filterzeile erklaert den bisherigen Trichter jetzt
   unmissverstaendlich. Funktion und Beschriftung bilden einen Button. */
body.documents-page #u5FilterZurueck.u5-filter-beschriftet{
  box-sizing:border-box;width:auto!important;min-width:142px!important;
  padding:0 11px!important;display:inline-flex!important;align-items:center;
  justify-content:center;gap:7px;white-space:nowrap
}
body.documents-page #u5FilterZurueck.u5-filter-beschriftet .ico{flex:0 0 auto}
body.documents-page #u5FilterZurueck.u5-filter-beschriftet .u5-filter-text{font:600 11.5px/1 var(--u5-font)}

/* Der Auswahlkasten bleibt am linken Rand. Nur Dateisymbol und Aussteller
   ruecken zusammen nach links: die erste Luecke etwa halbiert, die zweite um
   rund dreissig Prozent verkleinert. */
body.documents-page .u5-liste .message-row.u5-zeile>.u5-dateityp{transform:translateX(-1ch)!important}
body.documents-page .u5-zeile .u5-aussteller{transform:translateX(-3ch)!important}

/* In der Ablagebox wandern Symbol und Text gemeinsam zwei Zeichenbreiten nach
   rechts. Position und einheitliche Breite der Box selbst bleiben erhalten. */
@media(min-width:1401px){
  body.documents-page .u5-zeile .u5-ablage-marke{
    box-sizing:border-box!important;padding-left:calc(7px + 2ch)!important;
    padding-right:2px!important
  }
}

/* === RUNNABLE 29 ============================================================ */
/* RUNNABLE 28 verschob Auswahlkasten und Dateisymbol um denselben Wert; der
   sichtbare Zwischenraum blieb dadurch unveraendert. Jetzt wandert nur das
   Dateisymbol relativ zum Auswahlkasten um ein weiteres ch nach links. Der
   Aussteller folgt um dasselbe Mass, sodass auch die bereits verkleinerte
   Luecke rechts vom Dateisymbol erhalten bleibt. */
body.documents-page .u5-liste .message-row.u5-zeile>.u5-dateityp{transform:translateX(-2ch)!important}
body.documents-page .u5-zeile .u5-aussteller{transform:translateX(-4ch)!important}

/* Die freie Restbreite einer kleineren Laptop-/Mac-Tabelle liegt am rechten
   Rand bei den Zeilenaktionen. Sie wird nicht mehr zwischen AUSSTELLER und
   DATUM verteilt. */
@media(max-width:1680px){
  body.documents-page .u5-liste .row-utility{justify-self:end!important}
}

/* === RUNNABLE 30 ============================================================ */
/* Korrektur nach Sichtpruefung: Das Dateisymbol rueckt zwei weitere ch zum
   Auswahlkasten. Der Ausstellertext wird gegenueber R29 ein ch nach rechts
   zurueckgenommen. So liegen links und rechts des Symbols wieder sichtbare,
   aehnlich grosse Zwischenraeume und kein Text ueberdeckt das Symbol. */
body.documents-page .u5-liste .message-row.u5-zeile>.u5-dateityp{transform:translateX(-4ch)!important}
body.documents-page .u5-zeile .u5-aussteller{transform:translateX(-3ch)!important}

/* Das neue Vergleichsbild zeigt rund 37px sichtbaren Leerraum. Die komplette
   Ablagespalte wandert deshalb gegenueber R29 um 1,5ch (etwa 10–12px) nach
   rechts. STATUS bleibt stehen; der Zwischenraum wird so gezielt um rund
   30 Prozent kleiner, ohne dass sich die Kaesten beruehren. */
body.documents-page .u5-liste .column-head[data-sort-column="category"]>.column-label{transform:translateX(13.5ch)!important}
body.documents-page .u5-zeile .u5-ablage-marke{transform:translateX(13.5ch)!important}

/* === RUNNABLE 31 ============================================================ */
/* Nachmessung am aktuellen Bildschirmfoto: Der Abstand Auswahlfeld ->
   Dateisymbol wird halbiert. Der Abstand Dateisymbol -> Aussteller wird
   zugleich verdoppelt. Beide Korrekturen werden getrennt gesetzt, damit
   weder Symbol noch Text einander ueberdecken. */
body.documents-page .u5-liste .message-row.u5-zeile>.u5-dateityp{transform:translateX(-6.25ch)!important}
body.documents-page .u5-zeile .u5-aussteller{transform:translateX(-4.25ch)!important}

/* === RUNNABLE 32 ============================================================ */
/* Die ch-Einheit war am Dateisymbol wirkungslos, weil dessen Schriftgroesse
   absichtlich null ist. Ein fester Pixelwert halbiert den auf dem aktuellen
   Bild gemessenen Abstand zum Auswahlkasten verlaesslich. Der Aussteller wird
   unabhaengig davon so gesetzt, dass rechts wieder ein klarer Zwischenraum
   statt einer Ueberlagerung entsteht. */
body.documents-page .u5-liste .message-row.u5-zeile>.u5-dateityp{transform:translateX(-16px)!important}
body.documents-page .u5-zeile .u5-aussteller{transform:translateX(-3.25ch)!important}

/* Gesamtzahl ueber den Bereichsreitern; bewusst kompakt, damit der Baum nicht
   merklich nach unten geschoben wird. */
body.documents-page .u5-ablage-gesamt{
  margin:-5px 10px 7px;padding:0;color:var(--u5-muted);
  font:500 10.5px/1.25 var(--u5-font);white-space:normal
}

/* === RUNNABLE 33 ============================================================ */
/* Nur das Dateisymbol wandert acht Pixel nach rechts. Auswahlkasten und
   Ausstellertext behalten exakt ihre Position aus RUNNABLE 32. */
body.documents-page .u5-liste .message-row.u5-zeile>.u5-dateityp{transform:translateX(-8px)!important}

/* Datum und die drei Betraege wandern als zusammenhaengende Gruppe um fuenf
   Zeichenbreiten nach rechts. Bezeichnung und zugehoeriger Wert erhalten
   dieselbe Verschiebung; die frei sortierbare Spaltenfolge bleibt erhalten. */
body.documents-page .message-list-head .u5-spalte-date>.column-label,
body.documents-page .message-list-head .u5-spalte-gross>.column-label,
body.documents-page .message-list-head .u5-spalte-net>.column-label,
body.documents-page .message-list-head .u5-spalte-vat>.column-label,
body.documents-page .u5-zeile>.u5-spalte-date,
body.documents-page .u5-zeile>.u5-spalte-gross,
body.documents-page .u5-zeile>.u5-spalte-net,
body.documents-page .u5-zeile>.u5-spalte-vat{transform:translateX(5ch)!important}

/* === RUNNABLE 34 ============================================================ */
/* Die Gesamtzahl hebt sich klar vom Baum ab, bleibt aber eine kompakte
   Zusatzinformation und keine zweite Ueberschrift. */
body.documents-page .u5-ablage-gesamt{
  color:var(--u5-text-2)!important;font:650 11px/1.25 var(--u5-font)!important
}

/* Rund ein Drittel weniger Zeilenhoehe im Ablagebaum. Schriftgroesse und
   horizontale Anordnung bleiben unveraendert. Auch die Zahlenkapsel wird nur
   in ihrer Hoehe verdichtet, damit sie die kompaktere Zeile nicht aufspannt. */
body.documents-page .u5-ablage .folder-item{min-height:16px!important;line-height:1.05!important}
body.documents-page .u5-ablage .folder-child{min-height:14px!important;line-height:1.05!important}
body.documents-page .u5-ablage .folder-children{margin-bottom:1px!important}
body.documents-page .u5-ablage .folder-meta>b{
  box-sizing:border-box!important;height:15px!important;min-width:21px!important;
  padding:0 5px!important;line-height:13px!important
}

/* === RUNNABLE 35 ============================================================ */
/* MWST. und ABLAGE besitzen nun dieselbe optische Verschiebung. Damit
   entfaellt der zusaetzliche Leerraum zwischen beiden Spalten. ABLAGE und
   STATUS wandern gemeinsam nach links; ihr bereits abgestimmter Abstand
   untereinander bleibt dadurch erhalten. */
body.documents-page .u5-liste .column-head[data-sort-column="category"]>.column-label,
body.documents-page .u5-zeile .u5-ablage-marke{transform:translateX(5ch)!important}
body.documents-page .status-column-head .column-label,
body.documents-page .u5-zeile .u5-status-zelle,
body.documents-page .u5-zeile>.status-label{transform:translateX(2.5ch)!important}

/* 5.43: Die farbige Status-Pille sitzt rechts, dicht an Pfeil, Stift und den
   drei Punkten, und die Ueberschrift STATUS steht MITTIG ueber den Pillen.
   Dafuer: die Pille rechtsbuendig im Wrapper und 66px nach rechts geschoben
   (gleicher rechter Rand fuer alle Pillen, rund 8px vor dem gelben Abzugspfeil,
   keine Kollision). Die Ueberschrift wird nicht rechtsbuendig, sondern in ihrer
   Spalte zentriert und um 83px nach rechts geschoben, sodass ihre Mitte ueber
   der Mitte der Pillen liegt (ueber die ueblichen Pillenbreiten gemessen bis
   auf wenige Pixel genau). Der konstante Versatz passt, weil die Aktionsspalte
   eine feste Breite hat (documents.js, kein 1fr). */
body.documents-page .u5-liste .status-column-head{transform:none!important;justify-content:center!important;text-align:center!important;padding-left:0!important;padding-right:0!important}
/* Ab 5.46: Status-Pille wieder dicht an den Stift gerückt, aber mit einem
   kleinen Abstand von rund 12px (Rechtsversatz 54; bei 66 klebte sie am Stift).
   Dadurch sitzt sie nah an den Zeilenaktionen und bekommt zugleich mehr Luft zur
   Ablage. Die STATUS-Überschrift wandert entsprechend mit (71), damit sie mittig
   über den Pillen bleibt. */
body.documents-page .u5-liste .status-column-head>.column-label{transform:translateX(71px)!important;margin:0!important;padding:0!important;width:100%!important;justify-content:center!important;text-align:center!important}
body.documents-page .u5-zeile .u5-status-zelle{transform:none!important;justify-self:stretch!important;width:100%!important;justify-content:flex-end!important;text-align:right!important}
body.documents-page .u5-zeile .u5-status-zelle>.status-label{transform:translateX(54px)!important}
body.documents-page .u5-zeile>.status-label{transform:translateX(54px)!important;justify-self:end!important;text-align:right!important}

/* Ab 5.44: Werte im Beleg-Detailpanel linksbuendig lesen. Der Ausstellername
   mit Anschrift, die Rechnungsnummer und die uebrigen Textwerte standen bisher
   rechtsbuendig, sodass lange, umbrechende Texte am rechten Rand klebten und
   schlecht zu lesen waren. Nur die drei Geldbetraege (Netto, MwSt., Brutto)
   bleiben rechtsbuendig, wie bei Zahlen ueblich. */
body.u5 .u5-fakten dd{text-align:left!important}
body.u5 .u5-fakten dd:has(.amount-drill){text-align:right!important}

/* Ab 5.45: Der grüne Hinweisbalken (libraryNotice) sitzt unten statt oben, damit
   er die oberen Filter-Buttons nicht mehr verdeckt, und bekommt einen
   Schließen-Knopf, mit dem man ihn jederzeit ausblenden kann. */
body.u5 #libraryNotice.action-notice{top:auto;bottom:20px;display:flex;align-items:center;gap:12px}
body.u5 #libraryNotice.action-notice #libraryNoticeText{flex:1 1 auto;min-width:0}
.action-notice-close{flex:0 0 auto;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:#9fe2c2;font-size:17px;line-height:1;cursor:pointer}
.action-notice-close:hover{background:#1a4535;color:#d7f6e7}

/* Ab 5.66: Die farbigen Status-Pillen sind horizontal schmaler. Symbol und
   Schrift bleiben unveraendert; nur Mindestbreite und seitlicher Leerraum
   werden reduziert. */
body.documents-page .u5-zeile .status-label.u5-pille,
body.documents-page .u5-zeile>.status-label{min-width:92px!important;padding-left:5px!important;padding-right:5px!important}

/* Ab 5.47: Rechnungspositionen platzsparend. Die beiden Aktionsknöpfe (Haken
   zum Freigeben und Umhängen-Pfeile) stehen übereinander statt nebeneinander,
   und Prozent plus Betrag rücken auf die obere Zeile zur Beschreibung. So bleibt
   deutlich mehr Breite für den Positionstext. */
body.documents-page .line-item{grid-template-columns:minmax(0,1fr) auto auto!important;align-items:start!important;column-gap:10px!important;row-gap:0!important}
body.documents-page .line-item-figures{display:flex;align-items:baseline;gap:9px;white-space:nowrap;justify-self:end}
body.documents-page .line-item-figures>span{font-size:11px;color:var(--u5-muted)}
body.documents-page .line-item-figures>.line-item-amount{text-align:right}
body.documents-page .line-item-actions{display:flex;flex-direction:column;gap:5px;align-items:center;justify-self:end}

/* Ab 5.54: Zahlungsnachweis zaehlt nicht in die Summen (kein Aufwand, nicht in
   DATEV). Eigene, ruhige Kennzeichnung OHNE Status-Ampelfarbe: ein kleines graues
   Label "Nachweis - zaehlt nicht" in der Belegart-Zeile und gedaempfte Betraege,
   damit auf einen Blick klar ist, dass dieser Beleg nicht bewertet wird. */
body.u5 .u5-nachweis-tag{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;
  background:var(--u5-panel-2);color:var(--u5-muted);font-size:10px;font-weight:600;
  letter-spacing:.02em;line-height:16px;vertical-align:baseline;white-space:nowrap}
body.u5 .u5-zeile.nachweis .money-cell.u5-spalte-net,
body.u5 .u5-zeile.nachweis .money-cell.u5-spalte-vat,
body.u5 .u5-zeile.nachweis .money-cell.u5-spalte-gross{color:var(--u5-muted)!important;font-weight:500!important}
body.u5 .u5-zeile.nachweis .u5-aussteller b{color:var(--u5-muted)}

/* Ab 5.56: Die GANZE Nachweis-Zeile wird abgedaempft (ausgegraut), damit ein
   Beleg, der nicht in die Summen zaehlt, auf einen Blick zurueckgenommen wirkt.
   Keine Farbe, nur geringere Deckkraft (die Farbregel bleibt also gewahrt). Beim
   Ueberfahren oder wenn die Zeile ausgewaehlt ist, wird sie wieder klar lesbar. */
body.u5 .u5-zeile.nachweis{opacity:.58}
body.u5 .u5-zeile.nachweis:hover,
body.u5 .u5-zeile.nachweis.selected{opacity:.92}

/* === RUNNABLE 57 / 5.57 (korrigiert nach Rueckmeldung) ====================== */
/* Punkt 5 (korrigiert): Die Status-Pillen bleiben RECHTS, dicht an Aufklapp-
   Pfeil, Stift und den drei Punkten. Der frueher nur bei bezahlten Belegen
   sichtbare Versatz kam vom nachlaufenden blauen Punkt in der Status-Zelle.
   Dieser Punkt wandert als blauer Pfeil in die Zeilen-Aktionen (siehe unten);
   die Status-Zelle traegt ihn nicht mehr. Dadurch stehen alle Pillen wieder
   einheitlich rechts. Es sind hier bewusst KEINE eigenen Status-Regeln mehr
   noetig: Die rechtsbuendige Ausrichtung aus 5.46 gilt unveraendert weiter. */

/* Punkt 3: „Import & Erfassung" steht in der linken Navigationsleiste. Die
   Schrift wird an die Navigationseintraege oben (Mandanten, Arbeitsplatz, ...)
   angeglichen, also rund 14 px statt der zuletzt zu grossen Darstellung. */
/* 5.59: Schrift wieder kleiner, damit „Import & Erfassung" und jeder Eintrag
   (E-Mail Postfach, Manueller Upload, Mobile Erfassung) in EINE Zeile passen.
   Symbole etwas feiner und in der ruhigeren Navigationsfarbe. */
body.u5 .u5-sidebar .u5-import-sidebar{padding:7px 6px 8px!important}
body.u5 .u5-sidebar .u5-import-sidebar .u5-tafel-titel{font-size:10.5px!important;
  padding:5px 6px 5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag{min-height:30px!important;
  font-size:10.5px!important;padding:0 6px!important;gap:8px!important;line-height:1.1!important}
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;flex:1 1 auto!important}
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag .ico{width:16px!important;height:16px!important;color:var(--u5-text-2)!important;flex:0 0 auto!important}

/* Punkt 3 (Knopf oben): Der grosse Knopf „Dokument hinzufügen" entfaellt im
   Arbeitsplatz und in der Dokumentenansicht sicher per CSS. In Bank & Konten
   bleibt er als „Kontoauszug einlesen" erhalten. */
body.documents-page:not(.datev-seite):not(.auswertung-seite) #u5UploadSplit{display:none!important}

/* Punkt 2: Hinweis auf eine moegliche Doppelerfassung im Beschreibungsfeld,
   in der Statusfarbe „zu pruefen" (Rot). Keine neue Farbbedeutung. */
body.u5 .u5-dublette-tag{display:inline-block;margin-right:6px;padding:0 7px;border-radius:999px;
  background:var(--u5-red-soft,rgba(220,80,80,.16));color:var(--u5-red,#e2645c);
  font-size:10px;font-weight:700;letter-spacing:0;line-height:15px;text-transform:none;
  vertical-align:middle;white-space:nowrap;flex:0 0 auto}

/* Neuer Punkt: Ein blauer Pfeil nach OBEN in den Zeilen-Aktionen zeigt, dass es
   fuer diesen Beleg bereits eine Buchung (zugeordnete Zahlung) gibt. Er ist das
   Gegenstueck zum gelben Abzugs-Pfeil nach unten und erscheint im Arbeitsplatz. */
body.u5 .u5-zeile .row-buchung{color:var(--u5-blue);font-style:normal;font-weight:700;
  margin-right:4px;background:transparent;border:0;cursor:pointer;line-height:1;font-size:15px}
body.u5 .u5-zeile .row-buchung:hover{color:var(--u5-blue-hell,#7db4ff)}

/* === RUNNABLE 60 / 5.60 ===================================================== */
/* Punkt 3: Bank & Konten verwendet jetzt dieselbe Schriftgröße und denselben
   Stil wie Arbeitsplatz und Dokumente (dort ist der Haupttext 11,5 px, die
   Zusatzzeile 10,5 px). Die Bank-Zeilen waren deutlich größer. */
body.u5.bank-seite .bank-datum{font:500 11.5px var(--u5-font)!important;font-variant-numeric:tabular-nums}
body.u5.bank-seite .bank-datum small{font:400 10.5px var(--u5-font)!important}
body.u5.bank-seite .bank-text strong{font:600 11.5px var(--u5-font)!important}
body.u5.bank-seite .bank-text small{font:400 10.5px var(--u5-font)!important}
body.u5.bank-seite .bank-konto-spalte{font:500 11.5px var(--u5-font)!important}
body.u5.bank-seite .bank-betrag{font:600 11.5px var(--u5-font)!important;font-variant-numeric:tabular-nums}
body.u5.bank-seite .bank-zeile .bank-beleg{font:500 11.5px var(--u5-font)!important;height:24px!important}
body.u5.bank-seite .bank-zeile .bank-beleg .bank-punkt{width:12px!important;height:12px!important}
/* Zeilen etwas flacher, passend zur kleineren Schrift. */
body.u5.bank-seite .bank-zeile{min-height:40px!important}

/* Punkt 4: Eine mögliche Doppelbuchung wird rot dargestellt – das Wort
   „Doppelbuchung" in der Beschreibung UND die Beträge der Zeile, weil hier
   definitiv geprüft und gearbeitet werden muss. Rot ist die Statusfarbe
   „zu prüfen", also keine neue Farbbedeutung. */
body.documents-page .u5-zeile .u5-belegart.dublette{color:var(--u5-red)!important}
body.documents-page .message-row.dublette .money-cell,
body.documents-page .message-row.dublette b.money-cell{color:var(--u5-red)!important}
/* Auch wenn „Beträge farblich nach Status" eingeschaltet ist (html.betragsfarben-status),
   bleibt die Dublette rot. Gleiche Spezifität wie jene Regeln, aber später im Stil. */
html.betragsfarben-status body.documents-page .message-row.dublette .money-cell,
html.betragsfarben-status body.documents-page .message-row.dublette b.money-cell{color:var(--u5-red)!important}
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.dublette .money-cell,
html[data-theme="light"].betragsfarben-status body.documents-page .message-row.dublette b.money-cell{color:var(--u5-red)!important}

/* 5.66-r2: Die blaue Ablage-Umrandung selbst wird 20px schmaler. Ihr rechter
   Rand sowie Symbol und Text behalten ihre bisherige Position; nur die linke
   Kante rueckt bis auf 3px an das Symbol heran. Damit ist die Aenderung sichtbar
   und nicht bloss ein von width:100% verdeckter Innenabstand. */
@media(min-width:1401px){
  body.documents-page .u5-zeile .u5-ablage-marke{
    width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;
    justify-self:end!important;padding-left:3px!important;padding-right:2px!important
  }
}

/* Punkt 1: Anzeige, wie viele Belege noch in der automatischen Erkennung bzw.
   in der Warteschlange sind. Steht in der Zählzeile über der Liste. */
body.u5 .u5-warteschlange{display:inline-flex;align-items:center;gap:5px;margin-left:10px;
  color:var(--u5-blue-hell);font-weight:600;white-space:nowrap}

/* === RUNNABLE 61 / 5.61 ===================================================== */
/* Punkt A: Der blaue Buchungs-Pfeil wird genauso gestaltet wie der gelbe
   Abzugs-Pfeil: klein, in einer runden Blase. Beide Pfeile einer Zeile stehen
   jetzt zusammen untereinander – blau oben, gelb unten (Reihenfolge im HTML:
   buchung vor deduction, Spalte von oben nach unten). Die alten Einzelregeln
   (gelb absolut positioniert, blau groß ohne Hintergrund) greifen nicht mehr,
   weil beide jetzt in „.row-pfeile" stecken. */
body.documents-page .u5-zeile .row-pfeile{position:absolute!important;right:23px!important;top:50%!important;
  transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:2px!important;pointer-events:none}
body.documents-page .u5-zeile .row-pfeile .row-buchung,
body.documents-page .u5-zeile .row-pfeile .row-deduction{
  box-sizing:border-box!important;width:17px!important;height:17px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;display:inline-grid!important;place-items:center!important;
  font:700 11px/1 var(--u5-font)!important;pointer-events:auto}
body.documents-page .u5-zeile .row-pfeile .row-deduction{color:var(--u5-yellow)!important;background:var(--u5-yellow-soft)!important;cursor:help}
body.documents-page .u5-zeile .row-pfeile .row-buchung{color:var(--u5-blue)!important;background:var(--u5-blue-soft)!important;cursor:pointer}
body.documents-page .u5-zeile .row-pfeile .row-buchung:hover{color:var(--u5-blue-hell)!important}

/* Punkt B: Die linke Navigationsleiste ist rund zwei Buchstaben breiter
   (148 -> 162 px, oben gesetzt), damit „E-Mail Postfach", „Manueller Upload"
   und „Mobile Erfassung" voll ausgeschrieben passen. Nur das Mandantenfenster
   bleibt bei der bisherigen Breite. */
body.u5.mandanten-page{--u5-sidebar-breite:133px}

/* Punkt C: Das Suchfeld in der Kopfleiste steht mittig. Auf schmalen Anzeigen
   (unter 1100 px) läuft es wieder normal mit, damit es nichts überdeckt. */
body.u5 .u5-topbar .u5-suche{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;
  flex:none!important;width:clamp(240px,32vw,460px)!important;margin:0!important}
@media (max-width:1100px){
  body.u5 .u5-topbar .u5-suche{position:static!important;transform:none!important;flex:0 1 460px!important;width:auto!important}
}

/* === 5.67: kompaktere Navigation, vollstaendige Ablage und Bank-Feinschliff === */
/* Rund 30 Prozent weniger Leerraum in der ersten Spalte, ohne Schrift oder
   Trefferflaechen unlesbar klein zu machen. */
body.u5 .u5-sidebar{gap:7px!important;padding-top:10px!important;padding-bottom:11px!important}
body.u5 .u5-sidebar .topbar-logo-slot{margin-bottom:8px!important}
body.u5 .u5-nav{gap:3px!important}
body.u5 .u5-nav-item{min-height:36px!important}
body.u5 .u5-userkarte{padding-top:8px!important}

/* Die 5.66-Kuerzung wird ersetzt: linke Kante und Inhalt bleiben stehen, der
   Rahmen erhaelt rechts etwa dreieinhalb Zeichenbreiten zusaetzlichen Platz. */
@media(min-width:1401px){
  body.documents-page .u5-zeile .u5-ablage-marke{
    box-sizing:border-box!important;width:calc(100% + 3.5ch)!important;max-width:calc(100% + 3.5ch)!important;
    justify-self:start!important;padding-left:3px!important;padding-right:8px!important
  }
}

/* Die Belegstatus-Pille der Bank verwendet exakt Rahmen, Farben und Punkt der
   Arbeitsplatz-Pille. So ist „Beleg fehlt" in beiden Fenstern identisch. */
body.u5.bank-seite .bank-zeile .bank-beleg{
  border:1px solid rgba(var(--c),.55)!important;border-radius:9px!important;
  background:linear-gradient(180deg,rgba(var(--c),.24),rgba(var(--c),.12))!important;
  color:var(--t)!important;box-shadow:inset 0 0 10px rgba(var(--c),.16),0 0 10px rgba(var(--c),.10)!important
}

/* Ab 6.14: Die Mandantenwalze hat in allen Bereichen exakt dieselbe Hoehe.
   Die fruehere Bank-Sondergroesse verschob sie gegenueber Dokumente und
   Arbeitsplatz. Die Liste bleibt per Mausrad bedienbar, zeigt aber keine
   eigene Scrollleiste, die den rechten (gruenden) Statuspunkt verdeckt. */
body.documents-page .u5-kundenwalze-top .compact-customer-wheel{
  overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;
}
body.documents-page .u5-kundenwalze-top .compact-customer-wheel::-webkit-scrollbar{
  width:0!important;height:0!important;display:none!important;
}

/* Ab 6.15: Name, Mandantennummer und Statuspunkte teilen sich die Zeile
   belastbar. Bei wenig Platz wird ausschliesslich der Name gekuerzt; Nummer
   und alle vier Punkte bleiben vollstaendig sichtbar. */
body.documents-page .u5-kundenwalze-top .compact-customer-copy{overflow:hidden!important}
body.documents-page .u5-kundenwalze-top .compact-customer-option strong{
  flex:1 1 auto!important;min-width:0!important;max-width:none!important
}
body.documents-page .u5-kundenwalze-top .compact-customer-option small{
  flex:0 0 auto!important;min-width:max-content!important
}

.line-item-service-date,.beleg-split-datum{color:var(--u5-blue-hell)!important}
.beleg-split-ki h4{position:sticky;top:0;z-index:1;padding:8px 0 6px;background:var(--u5-panel)}

/* === 5.68: zweite Verdichtung und echte Statusgleichheit ==================== */
/* Noch einmal rund 30 Prozent weniger vertikaler Raum zwischen den Eintraegen
   der ersten Spalte. Die Symbole bleiben 20 px gross und damit gut erkennbar. */
body.u5 .u5-sidebar{gap:5px!important;padding-top:7px!important;padding-bottom:8px!important}
body.u5 .u5-sidebar .topbar-logo-slot{height:54px!important;flex-basis:54px!important;margin-bottom:5px!important}
body.u5 .u5-nav{gap:1px!important}
body.u5 .u5-nav-item{min-height:28px!important}
body.u5 .u5-userkarte{padding-top:5px!important}
body.u5 .u5-sidebar .u5-import-sidebar{padding-top:5px!important;padding-bottom:6px!important}
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag{min-height:26px!important}

/* Bankstatus benutzt nun im HTML direkt u5-pille. Diese Werte sind bewusst
   identisch mit der Status-Pille einer Arbeitsplatzzeile (Zeilen 1249/1250),
   statt nur eine optisch aehnliche Bank-Sonderform zu sein. */
body.documents-page.bank-seite .bank-zeile .bank-beleg.status-label.u5-pille{
  box-sizing:border-box!important;height:17px!important;min-width:92px!important;max-width:100%!important;
  padding:0 5px!important;border-radius:7px!important;gap:4px!important;
  font:600 10.5px/1 var(--u5-font)!important;justify-content:flex-start!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
body.documents-page.bank-seite .bank-zeile .bank-beleg.status-label.u5-pille::before{width:5px!important;height:5px!important}

/* === 5.70: Auswahlpfad, grosszuegigere Navigation und Belegansicht ========= */
/* Gegenueber 5.69 wieder 30 Prozent mehr vertikaler Raum. */
body.u5 .u5-sidebar{gap:7px!important;padding-top:9px!important;padding-bottom:10px!important}
body.u5 .u5-sidebar .topbar-logo-slot{height:70px!important;flex-basis:70px!important;margin-bottom:7px!important}
body.u5 .u5-nav{gap:2px!important}
body.u5 .u5-nav-item{min-height:36px!important}
body.u5 .u5-userkarte{padding-top:7px!important}
body.u5 .u5-sidebar .u5-import-sidebar{padding-top:7px!important;padding-bottom:8px!important}
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-eintrag{min-height:34px!important}

/* Die Ablage eines einfach angeklickten Belegs traegt dieselbe blaue
   Auswahlkante und denselben Verlauf wie die selektierte Tabellenzeile. */
body.u5 .u5-ablage .folder-item.document-selected,
body.u5 .u5-ablage .folder-child.document-selected{
  background:linear-gradient(90deg,#17384f,#102639)!important;
  color:var(--u5-text)!important;font-weight:600!important;
  box-shadow:inset 3px 0 var(--u5-blue-hell)!important
}
body.u5 .u5-ablage .folder-item.document-selected>span:first-child::before{background:var(--u5-blue-hell)!important;opacity:1!important}
body.u5 .u5-ablage .document-selected .folder-meta>b{background:var(--u5-blue)!important;border-color:var(--u5-blue)!important;color:#fff!important}
html[data-theme="light"] body.u5 .u5-ablage .folder-item.document-selected,
html[data-theme="light"] body.u5 .u5-ablage .folder-child.document-selected{
  background:linear-gradient(90deg,#d8effb,#edf8fd)!important;color:#075f8e!important
}

/* Erkennungsstatus wie in einer modernen Dokumentpruefung direkt ueber PDF
   und Daten; die eigentlichen Werte stehen weiterhin vollstaendig rechts. */
.beleg-split-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px}
.beleg-split-status span{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border:1px solid var(--u5-line-2);border-radius:999px;background:var(--u5-panel-2);color:var(--u5-muted);font:600 10px/1 var(--u5-font)}
.beleg-split-status .pruefen,.beleg-split-status .offen{border-color:rgba(224,174,55,.45);background:rgba(224,174,55,.13);color:var(--u5-yellow)}
.beleg-split-status .vertrauen{border-color:rgba(48,190,124,.45);background:rgba(48,190,124,.13);color:var(--u5-green)}
.beleg-split-dialog[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important}
.beleg-split-dialog[open] .beleg-split-inhalt{height:auto!important}
.beleg-split-ki dl>div{margin-bottom:6px;padding:10px 11px!important;border:1px solid var(--u5-line)!important;border-left:3px solid var(--u5-blue)!important;border-radius:7px;background:var(--u5-panel-2)}
@media(min-width:761px) and (max-width:900px){
  .beleg-split-inhalt{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr)!important;grid-template-rows:none!important}
  .beleg-split-ki{border-top:0!important;border-left:1px solid var(--u5-line)!important}
}
@media(max-width:760px){
  .beleg-split-inhalt{grid-template-columns:1fr!important;grid-template-rows:minmax(300px,1fr) minmax(240px,1fr)!important}
}

/* === VERSION 5.71 ========================================================== */
/* Die Belegpruefung ist bewusst unabhaengig vom gewaehlten App-Theme hell.
   Original und Daten wirken dadurch wie ein zusammenhaengender Pruefarbeitsplatz
   und nicht mehr wie ein technisch angesetztes Dialogfenster. */
body.u5 dialog.beleg-split-dialog{
  background:#fff!important;color:#172033!important;border:1px solid #cfd9e5!important;
  border-radius:16px!important;box-shadow:0 28px 80px rgba(15,23,42,.26)!important
}
body.u5 dialog.beleg-split-dialog::backdrop{background:rgba(30,41,59,.28)!important;backdrop-filter:blur(3px)!important}
body.u5 .beleg-split-kopf{
  min-height:94px!important;padding:16px 20px!important;background:#fff!important;
  border-bottom:1px solid #dfe7ef!important
}
body.u5 .beleg-split-titelblock{min-width:0}
body.u5 .beleg-split-kopf .overline{color:#2563eb!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important}
body.u5 .beleg-split-kopf h2{margin:4px 0 0!important;color:#0f172a!important;font-size:21px!important;line-height:1.25!important}
body.u5 .beleg-split-kopf p{margin:5px 0 0!important;color:#64748b!important;font-size:12px!important}
body.u5 .beleg-split-aktionen .u5-btn{
  min-height:36px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;
  background:#fff!important;color:#334155!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important
}
body.u5 .beleg-split-aktionen .u5-btn[hidden]{display:none!important}
body.u5 .beleg-split-aktionen .u5-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important}
body.u5 .beleg-split-aktionen .beleg-split-release{
  border-color:#168346!important;background:#168346!important;color:#fff!important;font-weight:750!important
}
body.u5 .beleg-split-aktionen .beleg-split-release:hover{background:#116b39!important;border-color:#116b39!important}
body.u5 .beleg-split-aktionen .beleg-split-release.release-undo{
  border-color:#86b99d!important;background:#f0fdf4!important;color:#166534!important
}
body.u5 .beleg-split-aktionen .beleg-split-release.release-undo:hover{background:#dcfce7!important;border-color:#5b9e79!important}
body.u5 .beleg-split-aktionen .beleg-split-download{border-color:#2563eb!important;background:#2563eb!important;color:#fff!important}
body.u5 .beleg-split-aktionen .beleg-split-download:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}
body.u5 .beleg-split-aktionen .close{
  display:grid!important;place-items:center!important;width:36px!important;height:36px!important;margin-left:4px!important;
  border:1px solid #cbd5e1!important;border-radius:8px!important;background:#fff!important;color:#475569!important;font-size:22px!important
}
body.u5 .beleg-split-inhalt{
  grid-template-columns:minmax(0,1.58fr) minmax(380px,.92fr)!important;
  gap:14px!important;padding:14px!important;background:#fff!important
}
body.u5 .beleg-split-inhalt>section{
  overflow:hidden;border:1px solid #dbe4ee!important;border-radius:12px!important;background:#fff!important;
  box-shadow:0 3px 14px rgba(15,23,42,.07)!important
}
body.u5 .beleg-split-inhalt h3{
  display:flex!important;align-items:center!important;justify-content:space-between!important;height:48px!important;
  padding:0 15px!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important;
  color:#334155!important;font-size:11px!important;letter-spacing:.08em!important
}
body.u5 .beleg-split-inhalt h3 small{color:#94a3b8!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
body.u5 .beleg-split-pdf{background:#f1f5f9!important}
body.u5 .beleg-split-pdf iframe{margin:0!important;background:#fff!important}
body.u5 .beleg-split-ki{overflow:auto!important;border-left:1px solid #dbe4ee!important;background:#fff!important}
body.u5 .beleg-split-ki>div{display:grid!important;gap:12px!important;padding:14px!important;background:#fff!important;color:#172033!important}
body.u5 .beleg-split-status{gap:7px!important;margin-top:8px!important}
body.u5 .beleg-split-status span{
  min-height:23px!important;padding:0 9px!important;border-color:#cbd5e1!important;background:#f8fafc!important;
  color:#475569!important;font-size:10px!important
}
body.u5 .beleg-split-status .pruefen,body.u5 .beleg-split-status .offen{border-color:#f0c76a!important;background:#fff7df!important;color:#9a6700!important}
body.u5 .beleg-split-status .vertrauen{border-color:#9bd9ba!important;background:#eafaf2!important;color:#18794e!important}
body.u5 .beleg-daten-karte{
  margin:0!important;padding:13px!important;border:1px solid #dce5ef!important;border-radius:10px!important;
  background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.04)!important
}
body.u5 .beleg-daten-karte h4{
  position:static!important;margin:0 0 10px!important;padding:0!important;background:transparent!important;
  color:#334155!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:.06em!important;text-transform:uppercase!important
}
body.u5 .beleg-daten-kopf{border-color:#bfdbfe!important;background:linear-gradient(135deg,#f7fbff,#eff6ff)!important}
body.u5 .beleg-daten-kopf>div{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important}
body.u5 .beleg-daten-kopf span{color:#475569!important;font-size:11px!important;font-weight:700!important}
body.u5 .beleg-daten-kopf strong{color:#0f4c81!important;font-size:22px!important;white-space:nowrap!important}
body.u5 .beleg-daten-kopf small{display:block!important;margin-top:5px!important;color:#64748b!important;font-size:10.5px!important}
body.u5 .beleg-split-ki dl{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
body.u5 .beleg-split-ki dl>div{
  min-width:0!important;margin:0!important;padding:9px 10px!important;border:1px solid #e2e8f0!important;
  border-left:3px solid #3b82f6!important;border-radius:7px!important;background:#f8fafc!important
}
body.u5 .beleg-split-ki dt{margin:0 0 4px!important;color:#64748b!important;font-size:9.5px!important}
body.u5 .beleg-split-ki dd{color:#172033!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important}
body.u5 .beleg-split-ki .wert-hervorgehoben{border-color:#bfdbfe!important;background:#eff6ff!important}
body.u5 .beleg-split-ki .wert-hervorgehoben dd{color:#0f4c81!important;font-weight:800!important}
body.u5 .beleg-daten-liste ul{margin:0!important;padding:0!important}
body.u5 .beleg-split-ki li{padding:10px 0!important;border-bottom:1px solid #e2e8f0!important;color:#172033!important}
body.u5 .beleg-split-ki li:last-child{border-bottom:0!important}
body.u5 .beleg-split-ki li b,body.u5 .beleg-split-ki li strong{color:#172033!important}
body.u5 .beleg-split-ki li small,body.u5 .beleg-split-leer{color:#64748b!important}
@media(max-width:1100px){
  body.u5 .beleg-split-inhalt{grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr)!important}
  body.u5 .beleg-split-aktionen .u5-btn{font-size:0!important;width:36px!important;padding:0!important}
}
@media(max-width:760px){
  body.u5 .beleg-split-kopf{padding:12px!important}
  body.u5 .beleg-split-kopf h2{font-size:16px!important}
  body.u5 .beleg-split-inhalt{grid-template-columns:1fr!important;grid-template-rows:minmax(300px,1fr) minmax(260px,1fr)!important;padding:8px!important}
  body.u5 .beleg-split-ki{border-left:1px solid #dbe4ee!important}
  body.u5 .beleg-split-ki dl{grid-template-columns:1fr!important}
}

/* === VERSION 5.72 ========================================================== */
/* Die Suche ersetzt in der Filterzeile die dort doppelte Mandantenwahl. Der
   Mandant bleibt rechts ueber die Walze waehlbar. Die drei echten Filter sind
   je 25 px schmaler als ihre bisherige Maximalbreite von 220 px. */
body.documents-page .u5-liste>.message-toolbar .u5-suche-filter{
  position:relative!important;left:auto!important;transform:none!important;
  flex:1 1 320px!important;width:auto!important;max-width:none!important;min-width:240px!important;
  margin:0!important;background:var(--u5-panel)!important
}
body.documents-page .u5-liste>.message-toolbar #u5Mandant[hidden]{display:none!important}
body.documents-page .u5-liste>.message-toolbar #libraryYear,
body.documents-page .u5-liste>.message-toolbar #libraryStatus,
body.documents-page .u5-liste>.message-toolbar #libraryAblage{
  flex:0 1 195px!important;width:195px!important;max-width:195px!important
}
body.documents-page .u5-liste>.message-toolbar .u5-filter-knoepfe{margin-left:0!important}

/* Auf Laptopbreite bleibt die Ablagebezeichnung sichtbar. Die vorhandene
   Ellipse kuerzt nur den hinteren Teil, statt die Zelle auf ein Symbol zu
   reduzieren. */
@media(max-width:1400px){
  body.documents-page .u5-zeile .u5-ablage-marke{
    width:auto!important;min-width:0!important;max-width:100%!important;
    justify-content:flex-start!important;padding-left:7px!important;padding-right:10px!important
  }
  body.documents-page .u5-zeile .u5-ablage-marke>span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* Die ausgelesenen Positionen der in Liste und Baum sichtbaren Ablage erhalten
   im Prueffenster eine eindeutige blaue Markierung. */
body.u5 .beleg-daten-liste h4{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
body.u5 .beleg-daten-liste h4>span{
  display:inline-flex!important;min-height:20px!important;align-items:center!important;padding:0 7px!important;
  border-radius:999px!important;background:#dbeafe!important;color:#1d4ed8!important;
  font-size:9px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important
}
body.u5 .beleg-split-ki li.beleg-position-ausgewaehlt{
  margin:7px 0!important;padding:10px!important;border:2px solid #3b82f6!important;border-radius:8px!important;
  background:#eff6ff!important;box-shadow:0 0 0 3px rgba(59,130,246,.10)!important
}
body.u5 .beleg-position-fokus{
  display:inline-flex!important;align-items:center!important;min-height:18px!important;margin:4px 0 2px!important;padding:0 6px!important;
  border-radius:999px!important;background:#2563eb!important;color:#fff!important;font:700 9px/1 var(--u5-font)!important;font-style:normal!important
}

/* === VERSION 5.73 ========================================================== */
/* Filter einschliesslich Zuruecksetzen bleiben auf normalen Arbeitsbreiten in
   genau einer Zeile. Erst auf wirklich schmalen Fenstern darf umgebrochen
   werden; zuvor geben die drei Auswahllisten Platz ab. */
@media(min-width:1001px){
  body.documents-page .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar){flex-wrap:nowrap!important}
  body.documents-page .u5-liste>.message-toolbar .u5-suche-filter{flex:1 1 260px!important;min-width:180px!important}
  body.documents-page .u5-liste>.message-toolbar #libraryYear,
  body.documents-page .u5-liste>.message-toolbar #libraryStatus,
  body.documents-page .u5-liste>.message-toolbar #libraryAblage{
    flex:0 1 158px!important;width:158px!important;max-width:158px!important;min-width:125px!important
  }
  body.documents-page .u5-liste>.message-toolbar .u5-filter-knoepfe{flex:0 0 auto!important;white-space:nowrap!important}
}

/* Nur der Inhalt der Ablagespalte wandert 10 px in Richtung Status. Die
   Rasterbreiten und damit alle anderen Spalten bleiben unveraendert. */
body.documents-page .message-list-head>.u5-spalte-category,
body.documents-page .u5-zeile>.u5-spalte-category{
  transform:translateX(10px)!important;max-width:calc(100% - 10px)!important
}

/* Im Bankbereich folgt nach Wunsch zuerst die Such-/Aktionszeile und darunter
   die Kennzahlen. Das Element wird beim Bereichswechsel per JS umgesetzt. */
body.u5.bank-seite #bankPane>#u5Kennzahlen{order:2;flex:0 0 auto}
body.u5.bank-seite #bankPane>.bank-toolbar{order:1;flex:0 0 auto}
body.u5.bank-seite #bankPane>.bank-auswahl-leiste{order:3}
body.u5.bank-seite #bankPane>.bank-count-bar{order:4}
body.u5.bank-seite #bankPane>.bank-table-scroll{order:5}
@media(max-width:920px){
  body.documents-page .u5-liste>.message-toolbar .u5-suche-filter{order:-1!important;flex-basis:100%!important;min-width:100%!important}
  body.documents-page .u5-liste>.message-toolbar #libraryYear,
  body.documents-page .u5-liste>.message-toolbar #libraryStatus,
  body.documents-page .u5-liste>.message-toolbar #libraryAblage{flex:1 1 140px!important;width:auto!important;max-width:none!important}
}

/* === VERSION 5.75 ========================================================== */
/* In Dokumente und Arbeitsplatz ist die Reihenfolge identisch: Suche ganz
   links, direkt danach Alle Jahre. Beide Bereiche verwenden dieselbe
   Filterleiste; die Anordnung gilt daher ohne doppelte Sonderlogik. */
body.documents-page .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar) .u5-suche-filter{
  order:-5!important
}
body.documents-page .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar) #libraryYear{
  order:-4!important
}

/* Richtungskorrektur nach dem Praxistest: Die 5.73-Verschiebung zeigte auf der
   tatsaechlichen Spaltenanordnung vom Status weg. Nur ABLAGE (Kopf und Inhalt)
   wird nun zehn Pixel in die Gegenrichtung versetzt; alle Rasterspalten und
   damit Datum, Betraege und Status bleiben unveraendert. */
body.documents-page .message-list-head>.u5-spalte-category,
body.documents-page .u5-zeile>.u5-spalte-category{
  transform:translateX(-10px)!important;max-width:calc(100% - 10px)!important
}

/* === VERSION 5.76 ========================================================== */
/* Nur ABLAGE wandert im vorhandenen Raster nach rechts. Nach den Praxistests
   wird der Versatz insgesamt um 95 px zurueckgenommen (150 -> 55 px); alle
   anderen Spalten behalten Position und Breite. */
body.documents-page .message-list-head>.u5-spalte-category,
body.documents-page .u5-zeile>.u5-spalte-category{
  position:relative!important;z-index:2!important;
  transform:translateX(55px)!important;max-width:none!important;overflow:visible!important
}

/* Positionskarten sind echte Schalter: Blau bedeutet, dass dieselbe Position
   auch auf dem Originalbeleg markiert ist. Ohne Auswahl bleiben sie bewusst
   neutral. */
body.u5 .beleg-split-ki li[data-highlight-position]{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;gap:6px 8px!important;margin:5px 0!important;padding:7px!important;
  border:1px solid #dce5ef!important;border-radius:9px!important;background:#fff!important
}
body.u5 .beleg-split-ki li[data-highlight-position].beleg-position-ausgewaehlt{
  margin:7px 0!important;padding:7px!important;border:2px solid #3b82f6!important;
  background:#eff6ff!important;box-shadow:0 0 0 3px rgba(59,130,246,.10)!important
}
body.u5 .beleg-position-schalter{
  grid-column:1/2!important;display:flex!important;width:100%!important;min-width:0!important;align-items:flex-start!important;
  justify-content:space-between!important;gap:12px!important;padding:5px!important;border:0!important;border-radius:6px!important;
  background:transparent!important;color:#172033!important;text-align:left!important;cursor:pointer!important
}
body.u5 .beleg-position-schalter:hover{background:#f8fafc!important}
body.u5 .beleg-position-ausgewaehlt .beleg-position-schalter:hover{background:#dbeafe!important}
body.u5 .beleg-position-schalter>span{min-width:0!important}
body.u5 .beleg-position-schalter>strong{padding-top:1px!important;white-space:nowrap!important;font-size:13px!important}
body.u5 .beleg-position-fokus[hidden],body.u5 [data-beleg-markierungsinfo][hidden]{display:none!important}
body.u5 .beleg-position-bearbeiten{
  grid-column:2/3!important;min-height:28px!important;padding:0 8px!important;border:1px solid #cbd5e1!important;
  border-radius:6px!important;background:#fff!important;color:#334155!important;font:700 10px var(--u5-font)!important;cursor:pointer!important
}
body.u5 .beleg-position-bearbeiten:hover{border-color:#3b82f6!important;color:#1d4ed8!important}
body.u5 .beleg-position-form{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(90px,1fr))!important;
  gap:8px!important;margin-top:4px!important;padding:10px!important;border-top:1px solid #bfdbfe!important;background:#f8fbff!important
}
body.u5 .beleg-position-form[hidden]{display:none!important}
body.u5 .beleg-position-form label{display:grid!important;gap:4px!important;color:#475569!important;font:700 9.5px var(--u5-font)!important}
body.u5 .beleg-position-form label.weit{grid-column:1/-1!important}
body.u5 .beleg-position-form input{
  min-width:0!important;height:34px!important;padding:0 8px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;
  background:#fff!important;color:#172033!important;font:600 11px var(--u5-font)!important
}
body.u5 .beleg-position-form input:focus{outline:2px solid #93c5fd!important;outline-offset:1px!important;border-color:#2563eb!important}
body.u5 .beleg-position-form .form-message{grid-column:1/-1!important;min-height:0!important;margin:0!important;color:#b42318!important;font-size:10px!important}
body.u5 .beleg-position-form-aktionen{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;gap:7px!important}
body.u5 .beleg-position-form-aktionen button{
  min-height:30px!important;padding:0 10px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;
  background:#fff!important;color:#334155!important;font:700 10px var(--u5-font)!important;cursor:pointer!important
}
body.u5 .beleg-position-form-aktionen button[type="submit"]{border-color:#2563eb!important;background:#2563eb!important;color:#fff!important}
@media(max-width:620px){body.u5 .beleg-position-form{grid-template-columns:1fr!important}body.u5 .beleg-position-form label,body.u5 .beleg-position-form label.weit{grid-column:1!important}}

/* === VERSION 5.79 ========================================================== */
/* Aussteller oeffnet neutral, Zahlen oeffnen mit exakt diesem Wert. Die
   Hervorhebung bleibt bewusst dezent und veraendert keine Spaltenmasse. */
body.documents-page .beleg-neutral-oeffnen,
body.documents-page .beleg-betrag-oeffnen{cursor:pointer!important;border-radius:5px!important}
body.documents-page .beleg-neutral-oeffnen:hover,
body.documents-page .beleg-neutral-oeffnen:focus-visible,
body.documents-page .beleg-betrag-oeffnen:hover,
body.documents-page .beleg-betrag-oeffnen:focus-visible{
  outline:2px solid rgba(59,130,246,.55)!important;outline-offset:2px!important;background:rgba(59,130,246,.08)!important
}

/* === VERSION 5.80 ========================================================== */
/* Je rund drei Zeichenbreiten weniger fuer Jahr, Status und Ablage. Die
   freiwerdende Breite gehoert vollstaendig dem Suchfeld. */
@media(min-width:1001px){
  body.documents-page .u5-liste>.message-toolbar #libraryYear,
  body.documents-page .u5-liste>.message-toolbar #libraryStatus,
  body.documents-page .u5-liste>.message-toolbar #libraryAblage{
    flex:0 1 calc(158px - 3ch)!important;width:calc(158px - 3ch)!important;
    max-width:calc(158px - 3ch)!important;min-width:calc(125px - 3ch)!important
  }
  body.documents-page .u5-liste>.message-toolbar .u5-suche-filter{flex-grow:1!important}
}

/* Die fuenf Kennzahlen nutzen die gesamte vorhandene Breite gleichmaessig.
   minmax(0,1fr) verhindert, dass Mindestbreiten Karten uebereinander schieben. */
body.documents-page .u5-liste>.u5-kennzahlen{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;justify-content:stretch!important;
  width:100%!important;min-width:0!important;gap:6px!important;padding-inline:8px!important
}
body.documents-page .u5-liste>.u5-kennzahlen .u5-kennzahl,
body.documents-page .u5-liste>.u5-kennzahlen .u5-kennzahl>div,
body.documents-page .u5-liste>.u5-kennzahlen .u5-kennzahl>span{min-width:0!important;max-width:100%!important}

/* Der Bankhinweis steht testweise in der obersten Kopfzeile zwischen Slogan
   und den Aktionen. Weil sein altes Element umgesetzt wird, rueckt der
   darunterliegende Arbeitsbereich automatisch um eine Zeile nach oben. */
body.documents-page .u5-topbar>.bank-hinweis{
  box-sizing:border-box!important;flex:1 1 440px!important;min-width:0!important;max-width:620px!important;
  min-height:34px!important;margin:0 auto!important;padding:5px 9px!important;border-radius:8px!important;
  font-size:11px!important;line-height:1.2!important;overflow:hidden!important
}
body.documents-page .u5-topbar>.bank-hinweis>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.documents-page .u5-topbar>.bank-hinweis .tiny-action{flex:0 0 auto!important;white-space:nowrap!important}
@media(max-width:1200px){body.documents-page .u5-topbar>.bank-hinweis{max-width:38vw!important;font-size:10px!important}}

/* === VERSION 5.81 ========================================================== */
/* Der kraeftige Rahmen kennzeichnet ausschliesslich einen vom Benutzer
   angeklickten Betrag. Die normale fachliche Hervorhebung von Brutto und
   Zahlbetrag behaelt ohne Klick nur ihren dezenten hellblauen Hintergrund. */
body.u5 .beleg-split-ki .wert-ausgewaehlt{
  border:2px solid #3b82f6!important;background:#eff6ff!important;
  box-shadow:0 0 0 2px rgba(59,130,246,.10)!important
}

/* === VERSION 5.82 ========================================================== */
/* Art und exakter Centwert steuern den Auswahlrahmen; neutral geoeffnete
   Belege erhalten keinen starken Betragsrahmen. */

/* === VERSION 5.88 ========================================================== */
/* In Dokumente und Arbeitsplatz brauchen die beiden reinen Zaehler nur etwa die halbe
   Breite einer frueheren Karte. Der frei werdende Platz geht zu gleichen
   Teilen an Brutto, Netto und MwSt., damit auch lange Summen und getrennte
   Waehrungen lesbar bleiben. Bank und DATEV bleiben unveraendert. */
body.documents-page:is([data-u5-modus="allgemein"],[data-u5-modus="arbeitsplatz"]) .u5-liste>.u5-kennzahlen{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  justify-content:stretch!important
}
body.documents-page:is([data-u5-modus="allgemein"],[data-u5-modus="arbeitsplatz"]) .u5-liste>.u5-kennzahlen .u5-kennzahl strong{
  font-size:15px!important;letter-spacing:-.02em!important
}
/* 5.90: Erste und letzte Kachel sind jetzt genauso breit wie die mittleren,
   deshalb keine Sonderbehandlung (schmalerer Abstand, kleineres Symbol) mehr. */

/* Suchfelder sollen auch ohne Fokus als Eingabefelder erkennbar sein. Die
   feine blaue Innenkante gilt in allen Fenstern; beim Fokus bleibt der
   bestehende, deutlichere Ring erhalten. */
body.u5 .u5-suche,
body.u5 .message-search{
  border-color:rgba(96,165,250,.38)!important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.10)!important
}
body.u5 .u5-suche:focus-within,
body.u5 .message-search:focus-within{
  border-color:var(--u5-blue)!important;box-shadow:0 0 0 3px var(--u5-blue-soft),inset 0 0 0 1px rgba(96,165,250,.14)!important
}

/* Nur dieser Importeintrag steht bewusst zweizeilig; alle anderen behalten
   ihre kompakte Ein-Zeilen-Darstellung. */
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-trennblaetter{min-height:40px!important}
body.u5 .u5-sidebar .u5-import-sidebar .u5-import-trennblaetter>span{
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.05!important
}

/* Die erkannten Posten im schmalen rechten Detailbereich lesen sich als
   kleine Karten: Bezeichnung und Ablage oben, Werte und Aktionen darunter. */
body.documents-page .line-items .line-item{
  grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  column-gap:9px!important;row-gap:7px!important;padding:9px!important
}
body.documents-page .line-items .line-item-route{grid-column:1/-1!important;width:100%!important;text-align:left!important;min-width:0!important}
body.documents-page .line-items .line-item-route strong{white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.25!important}
body.documents-page .line-items .line-item-route small{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important}
body.documents-page .line-items .line-item-figures{grid-column:1!important;grid-row:2!important;justify-self:start!important;flex-wrap:wrap!important;gap:6px 10px!important}
body.documents-page .line-items .line-item-actions{grid-column:2!important;grid-row:2!important;flex-direction:row!important;align-items:center!important;gap:6px!important}

/* Aufklappbare, belegbezogene Historie direkt in der hellen Belegprüfung. */
body.u5 .beleg-split-historie{padding:0!important;overflow:hidden!important}
body.u5 .beleg-split-historie>summary{
  list-style:none;cursor:pointer;padding:14px 16px;color:#1e3a5f;font:800 11px var(--u5-font);letter-spacing:.05em;text-transform:uppercase
}
body.u5 .beleg-split-historie>summary::-webkit-details-marker{display:none}
body.u5 .beleg-split-historie>summary::after{content:"›";float:right;font-size:18px;line-height:12px;transition:transform .16s ease}
body.u5 .beleg-split-historie[open]>summary::after{transform:rotate(90deg)}
body.u5 .beleg-split-historie>.u5-verlauf{padding:0 16px 14px!important;border-top:1px solid #e2e8f0!important}
body.u5 .beleg-split-historie .u5-verlauf strong{color:#172033!important}
body.u5 .beleg-split-historie .u5-verlauf small{color:#52657b!important}
body.u5 .beleg-split-historie .u5-verlauf time{color:#718096!important}

@media(max-width:760px){
  body.documents-page:is([data-u5-modus="allgemein"],[data-u5-modus="arbeitsplatz"]) .u5-liste>.u5-kennzahlen{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}

/* Basisgroesse der Hauptordner. Die aktuelle, mehrschichtige Aktenordner-Maske
   steht im Versionsblock 6.19 weiter unten. */
body.u5 .u5-ablage .folder-item>span:first-child::before{
  width:20px!important;height:20px!important;margin-top:-10px!important
}

/* === VERSION 5.92 ==========================================================
   Unterordner (Blaetter) im Ablagebaum tragen ein Dokument-Blatt vor dem Text.
   Die Hauptordner tragen die Ablagebox (siehe oben). */
body.u5 .u5-ablage .folder-child>span:first-child::before{
  content:"";display:inline-block;vertical-align:-3px;width:15px;height:15px;margin-right:8px;
  background:currentColor;opacity:.8;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E") center/contain no-repeat
}
body.u5 .u5-ablage .folder-child.active>span:first-child::before,
body.u5 .u5-ablage .folder-child.document-selected>span:first-child::before{background:var(--u5-blue-hell);opacity:1}

/* Netto, MwSt. und Brutto stehen in der schmalen Detailspalte auf derselben
   Grundlinie wie ihre Beschriftung. Flex-Wrap verschiebt nur den Betrag in
   die Folgezeile, wenn die verfuegbare Breite wirklich nicht ausreicht. */
body.documents-page [data-u5-tafel="details"] .u5-fakten>div:has(.amount-drill){
  display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;
  justify-content:space-between!important;gap:4px 12px!important
}
body.documents-page [data-u5-tafel="details"] .u5-fakten>div:has(.amount-drill)>dt{
  flex:1 1 110px!important;margin:0!important
}
body.documents-page [data-u5-tafel="details"] .u5-fakten>div:has(.amount-drill)>dd{
  flex:0 0 auto!important;width:auto!important;margin:0 0 0 auto!important;
  text-align:right!important;white-space:nowrap!important
}

/* === VERSION 5.95: Baum-Feinjustierung ===================================== */
/* #1: Die zwei Hauptordner-Symbole (Alle Belege / Alle Posten) ein wenig nach
   links. Nur das Symbol, der Text bleibt. */
body.u5 .u5-ablage .folder-item.root>span:first-child::before{transform:translateX(-15px)}

/* VERSION 6.19: Mehrschichtige Aktenordner aus der bestaetigten Vorlage.
   Drei versetzte Konturen bilden die eingelegten Akten; die vordere Tasche
   besitzt die charakteristische Griffmulde. Das Symbol bleibt kompakt und
   wird ohne Rastergrafik in jeder Aufloesung scharf gezeichnet. */
body.u5 .u5-ablage .folder-item>span:first-child::before{
  width:20px!important;height:20px!important;margin-top:-10px!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 7.2V5.1c0-.8.6-1.4 1.4-1.5l8.4-1.4c.9-.1 1.7.5 1.7 1.4v2.2'/%3E%3Cpath d='M4.7 10V7.5c0-.8.6-1.4 1.4-1.5l10.1-1.6c.9-.1 1.7.5 1.7 1.4v2.4'/%3E%3Cpath d='M3.2 9.3h6.3l1.8 2h7.9c1.1 0 1.8 1.1 1.4 2.1l-2 5.5c-.3.7-1 1.2-1.8 1.2H5.2c-1.1 0-2-.9-2-2Z'/%3E%3Cpath d='M9.5 15.3h5'/%3E%3C/svg%3E") center/contain no-repeat!important;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 7.2V5.1c0-.8.6-1.4 1.4-1.5l8.4-1.4c.9-.1 1.7.5 1.7 1.4v2.2'/%3E%3Cpath d='M4.7 10V7.5c0-.8.6-1.4 1.4-1.5l10.1-1.6c.9-.1 1.7.5 1.7 1.4v2.4'/%3E%3Cpath d='M3.2 9.3h6.3l1.8 2h7.9c1.1 0 1.8 1.1 1.4 2.1l-2 5.5c-.3.7-1 1.2-1.8 1.2H5.2c-1.1 0-2-.9-2-2Z'/%3E%3Cpath d='M9.5 15.3h5'/%3E%3C/svg%3E") center/contain no-repeat!important;
  opacity:.9!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.24));
  transition:background-color .14s ease,opacity .14s ease,filter .14s ease
}
body.u5 .u5-ablage .folder-item.active>span:first-child::before,
body.u5 .u5-ablage .folder-item.document-selected>span:first-child::before{
  background:var(--u5-blue-hell)!important;opacity:1!important;
  filter:drop-shadow(0 0 2px rgba(78,164,255,.62))
}
/* #2: Kategorien und Unterordner (Symbol UND Text) etwas weiter nach links. Die
   ganze Zeile wird verschoben, damit Symbol und Text zusammen wandern. */
body.u5 .u5-ablage .folder-item:not(.root),
body.u5 .u5-ablage .folder-child{transform:translateX(-16px)}

/* === VERSION 5.97: Postenliste unter einem Beleg aufklappen ================= */
body.u5 .posten-aufklappung{display:flex;flex-direction:column;gap:3px;padding:6px 14px 12px 40px;background:rgba(123,192,255,.05);border-bottom:1px solid var(--u5-line)}
body.u5 .posten-aufklappung-kopf{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--u5-muted);padding:2px 6px 4px}
body.u5 .aufklapp-posten{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:7px 10px 7px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--u5-text);cursor:pointer;font:inherit;position:relative}
body.u5 .aufklapp-posten::before{content:"";position:absolute;left:2px;top:7px;bottom:7px;width:3px;border-radius:2px;background:var(--u5-line)}
body.u5 .aufklapp-posten.betrag-red::before{background:var(--u5-red)}
body.u5 .aufklapp-posten.betrag-yellow::before{background:var(--u5-yellow)}
body.u5 .aufklapp-posten.betrag-green::before{background:var(--u5-green)}
body.u5 .aufklapp-posten:hover{background:var(--u5-hover)}
body.u5 .aufklapp-posten .ap-text{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.u5 .aufklapp-posten .ap-ablage{color:var(--u5-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.u5 .aufklapp-posten .ap-betrag{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-weight:600}

/* === VERSION 5.98: aufgeklappte Posten wie "Alle Posten", Ablage zwei Zeilen = */
body.u5 .posten-aufklappung{display:block;padding:0;background:rgba(123,192,255,.045);border-bottom:1px solid var(--u5-line)}
body.u5 .posten-aufklappung-kopf{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--u5-muted);padding:7px 14px 3px 54px}
body.u5 .aufklapp-zeile{min-height:54px!important;cursor:pointer;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.04)!important}
body.u5 .aufklapp-zeile:hover{background:var(--u5-hover)!important}
body.u5 .aufklapp-zeile.selected{background:var(--u5-select)!important}
/* #4 (5.99): Statt eines Symbols eine nummerierte Kachel (01, 02 …) plus
   Baumlinien, die die Posten mit ihrer Rechnung verbinden. */
body.u5 .aufklapp-nr{display:inline-grid;place-items:center;justify-self:center;width:28px;height:22px;border-radius:6px;border:1px solid var(--u5-line);background:var(--u5-panel-2);color:var(--u5-text);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px}
body.u5 .aufklapp-zeile.selected .aufklapp-nr,body.u5 .aufklapp-zeile:hover .aufklapp-nr{border-color:var(--u5-blue);color:var(--u5-blue-hell)}
body.u5 .aufklapp-zeile{position:relative}
body.u5 .aufklapp-zeile::before{content:"";position:absolute;left:14px;top:0;bottom:0;width:1.5px;background:var(--u5-line);pointer-events:none}
body.u5 .aufklapp-zeile:first-of-type::before{top:calc(50% - 1px)}
body.u5 .aufklapp-zeile:last-of-type::before{bottom:calc(50% - 1px)}
body.u5 .aufklapp-zeile:first-of-type:last-of-type::before{top:calc(50% - 1px);bottom:calc(50% - 1px)}
body.u5 .aufklapp-zeile::after{content:"";position:absolute;left:14px;top:calc(50% - 1px);width:34px;height:1.5px;background:var(--u5-line);pointer-events:none}
body.u5 .aufklapp-zeile .aufklapp-nr{position:relative;z-index:1}
/* #5: Unter "Ablage" immer zwei Zeilen reservieren, damit der Bereich darunter
   nicht springt, wenn der Text mal ein- und mal zweizeilig ist. */
body.u5 #folderTotal{display:block;min-height:2.9em;line-height:1.35}

/* #1 (5.99): Das Blatt-Symbol der Unterordner sitzt jetzt weiter links, auf
   einer Linie mit dem ersten Buchstaben des darueberliegenden Hauptordner-
   Textes. */
body.u5 .u5-ablage .folder-child{padding-left:52px!important}

/* VERSION 6.01: Aufklappzeile in "Alle Belege".
   - Die Nummernkachel traegt jetzt IMMER eine kraeftige blaue Umrandung, nicht
     mehr nur bei Auswahl oder Hover.
   - Nummer und Aussteller-Text rutschen nicht mehr ineinander: Die starke
     Links-Verschiebung, die die Normalzeile dem Aussteller gibt, wird in der
     Aufklappzeile aufgehoben; der Text beginnt mit klarem Abstand neben der Nummer.
   - Nummer und Text sitzen als Gruppe rund 10 px weiter links. */
body.u5 .aufklapp-nr{border:2px solid var(--u5-blue)!important;color:var(--u5-blue-hell)!important;background:rgba(123,192,255,.12)!important}
body.u5 .aufklapp-zeile.selected .aufklapp-nr{background:var(--u5-blue)!important;color:#fff!important}
body.documents-page .aufklapp-zeile .aufklapp-nr{justify-self:start!important;margin-left:2px!important;transform:translateX(-16px)!important}
body.documents-page .aufklapp-zeile .u5-aussteller{transform:translateX(-20px)!important;padding-left:16px!important}

/* VERSION 6.03 */
/* (E) Die Nummernkachel der aufgeklappten Posten 2 px nach oben. */
body.documents-page .aufklapp-zeile .aufklapp-nr{transform:translate(-16px,-2px)!important}

/* (C) Direkt anklickbare Felder in der Belegansicht. */
body.u5 .beleg-feld-wert{
  display:inline-block!important;max-width:100%!important;margin:0!important;padding:1px 3px!important;border:0!important;
  border-radius:5px!important;background:transparent!important;color:#172033!important;font:inherit!important;
  font-weight:600!important;text-align:left!important;cursor:text!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
body.u5 .beleg-feld-wert:hover,body.u5 .beleg-feld-wert:focus-visible{background:#eef4ff!important;box-shadow:inset 0 0 0 1px #bfdbfe!important;outline:0!important}
body.u5 .beleg-feld-wert::after{content:"✎";margin-left:6px;color:#94a3b8;font-size:10px;opacity:0;transition:opacity .12s}
body.u5 .beleg-feld-wert:hover::after,body.u5 .beleg-feld-wert:focus-visible::after{opacity:1}
body.u5 .beleg-feld-eingabe{
  width:100%!important;box-sizing:border-box!important;margin:0!important;padding:4px 7px!important;border:1px solid #3b82f6!important;
  border-radius:6px!important;background:#fff!important;color:#0f172a!important;font:inherit!important;font-weight:600!important
}
body.u5 .beleg-split-ki .wert-hervorgehoben .beleg-feld-wert{color:#0f4c81!important;font-weight:800!important}

/* VERSION 6.09: Statuspunkte der kleinen Mandanten-Walze groesser und deutlicher,
   damit der aktive Stand (z. B. gruen) klar sichtbar ist. */
body.documents-page .compact-customer-copy .status-stack{gap:3px!important}
body.documents-page .compact-customer-copy .status-stack>.folder-status{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;border-radius:50%!important}
body.documents-page .compact-customer-copy .status-stack>.folder-status:not(.present){opacity:.3!important}
body.documents-page .compact-customer-copy .status-stack>.folder-status.present.red{background:#e05b55!important;box-shadow:0 0 6px #e05b55aa!important;opacity:1!important}
body.documents-page .compact-customer-copy .status-stack>.folder-status.present.yellow{background:#e3b53f!important;box-shadow:0 0 6px #e3b53faa!important;opacity:1!important}
body.documents-page .compact-customer-copy .status-stack>.folder-status.present.green{background:#36b879!important;box-shadow:0 0 6px #36b879aa!important;opacity:1!important}
body.documents-page .compact-customer-copy .status-stack>.folder-status.present.blue{background:#4aa3e0!important;box-shadow:0 0 6px #4aa3e0aa!important;opacity:1!important}

/* === VERSION 6.20 ==========================================================
   Bestaetigte farbige Aktenordner aus 6.17, etwas kompakter. Die beiden
   Wurzelzeilen behalten ihre Position; nur Kategorien und Unterordner ruecken
   gegenueber 6.19 weitere 5 px nach links. */
body.u5 .u5-ablage .folder-item>span:first-child::before{
  width:18.6px!important;height:18.6px!important;margin-top:-9.3px!important;
  background:url("/static/ordner-3d-v617.png?v=6.20-r1") center/contain no-repeat!important;
  -webkit-mask:none!important;mask:none!important;opacity:.96!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.26))!important
}
body.u5 .u5-ablage .folder-item.active>span:first-child::before,
body.u5 .u5-ablage .folder-item.document-selected>span:first-child::before{
  background:url("/static/ordner-3d-v617.png?v=6.20-r1") center/contain no-repeat!important;
  opacity:1!important;filter:drop-shadow(0 0 2px rgba(78,164,255,.58))!important
}
body.u5 .u5-ablage .folder-item:not(.root),
body.u5 .u5-ablage .folder-child{transform:translateX(-21px)!important}

/* Kategorien: Anzahl zuerst, dahinter die kleineren Statuspunkte vertikal.
   Alle Belege und Alle Posten bleiben in ihrer bisherigen Anordnung. */
body.u5 .u5-ablage .folder-item:not(.root) .folder-meta>b{order:1}
body.u5 .u5-ablage .folder-item:not(.root) .folder-meta>.status-stack{
  order:2;display:inline-flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;gap:1px!important;
  width:5px!important;min-width:5px!important
}
body.u5 .u5-ablage .folder-item:not(.root) .folder-meta .folder-status{
  width:4.5px!important;height:4.5px!important;min-width:4.5px!important;min-height:4.5px!important
}

/* === VERSION 6.21 ==========================================================
   Die bestaetigten farbigen Aktenordner sind gegenueber 6.20 wieder fuenf
   Prozent groesser. ABLAGE sitzt ohne historischen Pixelversatz in ihrer
   eigenen Rasterspalte zwischen MWST. und STATUS. */
body.u5 .u5-ablage .folder-item>span:first-child::before{
  width:19.7px!important;height:19.7px!important;margin-top:-9.85px!important;
  background-image:url("/static/ordner-3d-v617.png?v=6.21-r1")!important
}
/* Die beiden Wurzelzeilen stehen exakt wie in 6.17. Kategorien und echte
   Unterordner liegen nur 4 px weiter links als dort (6.17: -16 px). */
body.u5 .u5-ablage .folder-item.root{transform:none!important}
body.u5 .u5-ablage .folder-item:not(.root),
body.u5 .u5-ablage .folder-child{transform:translateX(-20px)!important}

/* Anzahl zuerst, alle vorhandenen Statusfarben danach einheitlich klein und
   vertikal. Die Regel gilt auch fuer Wurzel- und Unterordner, damit im selben
   Baum keine zweite Darstellungsart mehr vorkommt. */
body.u5 .u5-ablage .folder-meta>b{order:1!important}
body.u5 .u5-ablage .folder-meta>.status-stack{
  order:2!important;display:inline-flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;gap:1px!important;
  width:4.5px!important;min-width:4.5px!important
}
body.u5 .u5-ablage .folder-meta .folder-status{
  width:4.25px!important;height:4.25px!important;min-width:4.25px!important;min-height:4.25px!important
}
body.documents-page .message-list-head>.u5-spalte-category,
body.documents-page .u5-zeile>.u5-spalte-category{
  transform:none!important;max-width:100%!important;overflow:hidden!important
}

/* Der Posteingang im Mandantenfenster ist wieder eine sichtbare Ablageflaeche.
   Der eigentliche Dialog prueft Formate und Groessen wie bisher. */
body.u5 .document-workspace{position:relative;transition:border-color .15s ease,box-shadow .15s ease}
body.u5 .inbox-drop-hint{grid-row:4;display:flex;align-items:center;gap:10px;margin:0 28px 9px;padding:8px 12px;border:1px dashed var(--u5-line);border-radius:9px;color:var(--u5-muted);font-size:11px;background:rgba(123,192,255,.035)}
body.u5 .inbox-drop-hint strong{color:var(--u5-text);white-space:nowrap}
body.u5 .inbox-drop-hint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.u5 .document-workspace.inbox-dragover{border-color:var(--u5-blue)!important;box-shadow:inset 0 0 0 2px rgba(74,163,224,.28),0 0 24px rgba(74,163,224,.18)!important}
body.u5 .document-workspace.inbox-dragover .inbox-drop-hint{border-color:var(--u5-blue);background:rgba(74,163,224,.14);color:var(--u5-text)}
body.u5 .workspace-left>.history{grid-template-rows:auto auto auto auto minmax(0,1fr)}
body.u5 .workspace-left>.history>.inbox-list{grid-row:5}
@media(max-width:900px){body.u5 .inbox-drop-hint span{white-space:normal}.inbox-upload-button{white-space:nowrap}}

/* Die Beschriftung der ersten Datenspalte darf nicht mehr vom linken
   Auswahlfeld abgeschnitten werden. */
body.documents-page .u5-liste .column-head[data-sort-column="vendor"]{
  overflow:visible!important;min-width:0!important
}
body.documents-page .u5-liste .column-head[data-sort-column="vendor"]>.column-label{
  transform:none!important;margin-left:0!important;padding-left:3px!important;
  overflow:visible!important;white-space:nowrap!important
}

/* Ablage-Chips um 30 Prozent verkuerzen: Der Status behaelt seinen eigenen
   Platz und wird weder vom blauen Chip noch von dessen Text ueberdeckt. */
body.documents-page .u5-zeile .u5-ablage-marke{
  box-sizing:border-box!important;width:70%!important;max-width:70%!important;
  min-width:0!important;justify-self:start!important
}

/* Nur der SuperAdmin sieht den zusaetzlichen Eintrag im Support-Menue. */
body.u5 .u5-topbar .user-menu-body>#openToken[hidden]{display:none!important}

/* Gleicher Leistungsempfaenger ist der Normalfall. Das gespiegelte Feld ist
   sichtbar, aber bis zum Abschalten der Kopplung bewusst schreibgeschuetzt. */
body.u5 .recipient-same{margin:0!important}
body.u5 input[readonly]#customerRecipientName,
body.u5 input[readonly]#editRecipientName{opacity:.78;background:var(--u5-panel-2)!important}

/* VERSION 6.21: Jeder farbige Hinweis kann in allen Fenstern geschlossen
   werden. Der Knopf liegt rechts oben und bleibt bei schmalen Fenstern klar
   vom Hinweistext getrennt. */
.steuer-regel-vorschau,.action-notice,.mail-banner,.upload-activity,
.eingang-banner,.bank-hinweis,.assign-notice,.split-notice,
.outdated-notice,.spread-notice,.nachweis-notice,.datev-pruefliste{position:relative}
.banner-close-universal{
  position:absolute;z-index:3;top:8px;right:8px;width:25px;height:25px;padding:0;
  display:grid;place-items:center;border:1px solid currentColor;border-radius:7px;
  background:rgba(10,22,38,.22);color:inherit;font:700 18px/1 var(--u5-font,Arial,sans-serif);
  opacity:.78;cursor:pointer
}
.banner-close-universal:hover,.banner-close-universal:focus-visible{opacity:1;background:rgba(10,22,38,.38);outline:2px solid rgba(74,163,224,.35);outline-offset:1px}
.steuer-regel-vorschau:has(>.banner-close-universal),.bank-hinweis:has(>.banner-close-universal),
.assign-notice:has(>.banner-close-universal),.split-notice:has(>.banner-close-universal),
.outdated-notice:has(>.banner-close-universal),.spread-notice:has(>.banner-close-universal),
.nachweis-notice:has(>.banner-close-universal),.datev-pruefliste:has(>.banner-close-universal){padding-right:44px!important}
.steuer-regel-vorschau[hidden],.action-notice[hidden],.mail-banner[hidden],.upload-activity[hidden],
.eingang-banner[hidden],.bank-hinweis[hidden],.assign-notice[hidden],.split-notice[hidden],
.outdated-notice[hidden],.spread-notice[hidden],.nachweis-notice[hidden],.datev-pruefliste[hidden]{display:none!important}

/* === VERSION 6.22 ==========================================================
   Die farbigen Ordner liegen knapp unter der Groesse aus 6.17 und sind damit
   klar von den roten PDF-Symbolen unterscheidbar. Kategorien stehen wieder
   sichtbar rechts von den beiden Wurzelordnern. */
body.u5 .u5-ablage .folder-item>span:first-child::before{
  width:23.5px!important;height:23.5px!important;margin-top:-11.75px!important;
  background-image:url("/static/ordner-3d-v617.png?v=6.28-r1")!important
}
body.u5 .u5-ablage .folder-item.root{transform:none!important}
body.u5 .u5-ablage .folder-item:not(.root),
body.u5 .u5-ablage .folder-child{transform:translateX(-10px)!important}

/* Ablage bleibt als eigene Rasterspalte zwischen MwSt. und Status. Inhalt,
   Symbol und Text werden unter der Spaltenueberschrift mittig ausgerichtet;
   dadurch ragt der Chip nicht mehr in die MwSt.-Zahlen hinein. */
body.documents-page .u5-liste .column-head[data-sort-column="category"]{
  justify-content:center!important;text-align:center!important
}
body.documents-page .u5-liste .column-head[data-sort-column="category"]>.column-label{
  width:100%!important;justify-content:center!important;text-align:center!important;
  transform:none!important;margin:0!important;padding:0!important
}
body.documents-page .u5-zeile>.u5-spalte-category{
  width:70%!important;max-width:70%!important;min-width:0!important;
  justify-self:center!important;transform:none!important;margin:0!important
}

/* === VERSION 6.23 ==========================================================
   Die bestaetigte Ordnergroesse aus 6.22 bleibt unveraendert. Nur Kategorien
   und Unterordner wandern mitsamt Aufklapppfeil vier Pixel nach rechts. */
body.u5 .u5-ablage .folder-item:not(.root),
body.u5 .u5-ablage .folder-child{transform:translateX(-6px)!important}

/* Nur der Text der beiden Wurzelordner rueckt zehn Pixel nach links. Das
   Ordnersymbol und die rechts stehenden Metadaten behalten ihre Position. */
body.u5 .u5-ablage .folder-item.root>span:first-child{text-indent:-10px!important}
body.u5 .u5-ablage .folder-item.root>span:first-child::before{text-indent:0!important}

/* Alle Statuspunkte stehen einheitlich senkrecht untereinander auf derselben
   Linie rechts neben der Zahl. */
body.u5 .u5-ablage .folder-meta{align-items:center!important}
body.u5 .u5-ablage .folder-meta>.status-stack{
  order:2!important;display:inline-flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:1px!important;
  width:4.5px!important;min-width:4.5px!important;margin:0!important
}

/* Die komplette sichtbare Ablagespalte (Kopf sowie Chip) wandert in Richtung
   Status. Die Rasterfolge MwSt. -> Ablage -> Status bleibt unveraendert; alle
   anderen Spalten behalten ihre Position. */
body.documents-page .u5-liste .message-list-head>.u5-spalte-category,
body.documents-page .u5-liste .u5-zeile>.u5-spalte-category{
  position:relative!important;z-index:2!important;
  transform:translateX(100px)!important;overflow:visible!important
}

/* === VERSION 6.24 ==========================================================
   Zahl und vertikaler Punktstapel wandern gemeinsam acht Pixel nach rechts.
   Kategorien sind als ganze Zeile sechs Pixel verschoben; ihr Metabereich
   gleicht diesen Versatz zusaetzlich aus. Gleiche feste Zahlenbreiten halten
   alle Punktstapel exakt auf derselben senkrechten Linie. */
body.u5 .u5-ablage .folder-meta>b{
  box-sizing:border-box!important;flex:0 0 30px!important;width:30px!important;
  min-width:30px!important;padding-inline:3px!important
}
body.u5 .u5-ablage .folder-item.root .folder-meta{transform:translateX(8px)!important}
body.u5 .u5-ablage .folder-item:not(.root) .folder-meta,
body.u5 .u5-ablage .folder-child .folder-meta{transform:translateX(14px)!important}

/* Gegenueber 6.23 wandert Ablage 16 Pixel nach links. Der umrandete Chip wird
   gleichzeitig exakt 16 Pixel breiter; MwSt. und Status bleiben unveraendert. */
body.documents-page .u5-liste .message-list-head>.u5-spalte-category,
body.documents-page .u5-liste .u5-zeile>.u5-spalte-category{
  transform:translateX(84px)!important
}
body.documents-page .u5-zeile .u5-ablage-marke{
  width:calc(70% + 16px)!important;max-width:calc(70% + 16px)!important
}

/* In der Mandantenwalze stehen die vier Statuspunkte zwischen Name und Nummer.
   Ihr rechter Rand endet 15 Pixel vor der Mandantennummer. */
body.documents-page .u5-kundenwalze-top .compact-customer-copy{gap:0!important}
body.documents-page .u5-kundenwalze-top .compact-customer-option strong{margin-right:7px!important}
body.documents-page .u5-kundenwalze-top .compact-customer-status{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;
  margin-right:15px!important
}
body.documents-page .u5-kundenwalze-top .compact-customer-status .status-stack{
  display:inline-flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:1px!important;width:5px!important;min-width:5px!important;
  margin:0!important
}
body.documents-page .u5-kundenwalze-top .compact-customer-status .folder-status{
  width:5px!important;height:5px!important;min-width:5px!important;min-height:5px!important
}

/* === VERSION 6.28 ==========================================================
   Die komplette Ordner- und Zeilenstruktur stammt unveraendert aus 6.26.
   Lediglich die Baum-Punkte besitzen eigene Klassen, damit aeltere Regeln sie
   nicht ausblenden. Breite, Flexfluss und vertikale Abstaende entsprechen
   damit exakt Version 6.26. */
body.u5 .u5-ablage .tree-status-stack{
  order:2!important;box-sizing:border-box!important;
  display:inline-flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:1px!important;
  width:4.5px!important;min-width:4.5px!important;
  height:25px!important;min-height:25px!important;margin:0!important;
  position:static!important;transform:translateX(-5px)!important;overflow:visible!important
}
body.u5 .u5-ablage .tree-status-dot{
  display:block!important;box-sizing:border-box!important;
  width:4.25px!important;height:4.25px!important;
  min-width:4.25px!important;min-height:4.25px!important;
  margin:0!important;border:0!important;border-radius:50%!important;
  visibility:visible!important;opacity:1!important
}
body.u5 .u5-ablage .tree-status-dot.empty{display:none!important}
body.u5 .u5-ablage .tree-status-dot.present.red{background:#d94e4e!important}
body.u5 .u5-ablage .tree-status-dot.present.yellow{background:#e3b53f!important}
body.u5 .u5-ablage .tree-status-dot.present.green{background:#36b879!important}
body.u5 .u5-ablage .tree-status-dot.present.blue{background:#3b82f6!important}

/* === VERSION 6.29 ==========================================================
   Unterordner verwenden statt des einfarbigen Dokumentblatts einen kompakten
   Aktenordner mit Dokumenteinsatz. Hauptordner, Einrueckung, Zeilenhoehen und
   die in 6.28 bestaetigte Punktachse bleiben unveraendert. */
body.u5 .u5-ablage .folder-child>span:first-child::before{
  content:""!important;display:inline-block!important;box-sizing:border-box!important;
  width:21px!important;height:19px!important;min-width:21px!important;min-height:19px!important;
  margin:0 8px 0 0!important;vertical-align:-4px!important;
  background:url("unterordner-v629.svg?v=6.29-r1") center/contain no-repeat!important;
  -webkit-mask:none!important;mask:none!important;opacity:1!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))!important
}
body.u5 .u5-ablage .folder-child.active>span:first-child::before,
body.u5 .u5-ablage .folder-child.document-selected>span:first-child::before{
  background:url("unterordner-v629.svg?v=6.29-r1") center/contain no-repeat!important;
  filter:drop-shadow(0 0 3px rgba(61,220,239,.68))!important
}

/* Die alte Verschiebung um zehn Pixel nach links schnitt bei den beiden
   Wurzelordnern die ersten Buchstaben ab. Gegenueber diesem Stand wandert nur
   ihr Text um exakt 20 Pixel nach rechts; Symbol, Punkte und Zahl bleiben an
   ihrer bestaetigten Position. */
body.u5 .u5-ablage .folder-item.root>span:first-child{text-indent:10px!important}
body.u5 .u5-ablage .folder-item.root>span:first-child::before{text-indent:0!important}

/* Glocke trotz dichter Kopfzeile als eigenes Klickziel absichern. */
body.u5 .u5-top-rechts #u5Glocke{position:relative!important;z-index:82!important;pointer-events:auto!important}

/* Bank -> Arbeitsplatz: Die Zielzeile wurde bereits gefunden, ihre
   Markierung lag aber unter der spaeter geladenen Auswahlfarbe. Diese Regel
   steht am Dateiende und macht Rahmen sowie Puls deshalb sicher sichtbar. */
@keyframes u5-bank-ruecksprung{
  0%,100%{outline-color:var(--u5-blue-hell);filter:brightness(1) drop-shadow(0 0 0 rgba(104,204,255,0))}
  50%{outline-color:#d7efff;filter:brightness(1.3) drop-shadow(0 0 7px rgba(104,204,255,.9))}
}
body.u5 .u5-liste .message-row.u5-zeile.row-highlight{
  position:relative!important;z-index:3!important;
  outline:2px solid var(--u5-blue-hell)!important;outline-offset:-2px!important;
  background:rgba(46,124,240,.28)!important;
  box-shadow:inset 3px 0 0 var(--u5-blue-hell),0 0 0 2px rgba(104,204,255,.32)!important;
  animation:u5-bank-ruecksprung .9s ease-in-out 3!important
}

/* Nur die Punktstapel unterhalb von „Alle Belege“ und „Alle Posten“ liegen
   zwei Pixel weiter links, damit ihr rechter Rand nicht abgeschnitten wird.
   Die beiden Wurzelzeilen sowie Zahlen, Symbole und Zeilenhoehen bleiben
   unveraendert. */
body.u5 .u5-ablage .folder-item:not(.root) .tree-status-stack,
body.u5 .u5-ablage .folder-child .tree-status-stack{
  transform:translateX(-7px)!important
}

/* Passend zur Zwei-Pixel-Korrektur der unteren Punktstapel ruecken nur die
   hellblauen Kategorieordner zwei Pixel naeher an ihren Aufklapppfeil. Text,
   Pfeil, Einrueckung und die in 6.26 bestaetigte Zeilenhoehe bleiben stehen. */
body.u5 .u5-ablage .folder-item:not(.root)>span:first-child::before{
  transform:translateX(-2px)!important
}

/* TEST 629-04: Die unteren Punktstapel bleiben exakt an ihrer bestaetigten
   Position. Bei den beiden Wurzelzeilen wandern Zahl und Punkte gemeinsam
   zwei Pixel nach links. In den unteren Zeilen wandert dagegen nur das ovale
   Zahlenfeld zwei Pixel nach links, ohne die Punktachse erneut zu veraendern. */
body.u5 .u5-ablage .folder-item.root .folder-meta{
  transform:translateX(6px)!important
}
body.u5 .u5-ablage .folder-item:not(.root) .folder-meta>b,
body.u5 .u5-ablage .folder-child .folder-meta>b{
  transform:translateX(-2px)!important
}

/* === VERSION 6.30 ==========================================================
   Die beiden Wurzelordner wandern ausschliesslich mit ihrem Symbol zwei Pixel
   nach links. Die neuen Unterordner wandern sechs Pixel nach links; Texte,
   Pfeile, Zahlen, Punkte und die bestaetigten Zeilenabstaende bleiben stehen. */
body.u5 .u5-ablage .folder-item.root>span:first-child::before{
  transform:translateX(-17px)!important
}
body.u5 .u5-ablage .folder-child>span:first-child::before{
  width:24px!important;height:21px!important;min-width:24px!important;min-height:21px!important;
  vertical-align:-5px!important;
  background:url("unterordner-v630.svg?v=6.30-r1") center/contain no-repeat!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))!important;
  transform:translateX(-6px)!important
}
body.u5 .u5-ablage .folder-child.active>span:first-child::before,
body.u5 .u5-ablage .folder-child.document-selected>span:first-child::before{
  background:url("unterordner-v630.svg?v=6.30-r1") center/contain no-repeat!important;
  filter:brightness(1.08) drop-shadow(0 0 3px rgba(61,220,239,.68))!important
}

/* Bank & Konten: Der kompakte Unterordner ersetzt jeden bisherigen Punkt.
   Neutral = grau, danach Rot, Gelb, Gruen und Blau entsprechend dem Status. */
body.u5 .bank-filter-eintrag .bank-filter-ordner{
  display:block!important;box-sizing:border-box!important;
  width:22px!important;height:20px!important;min-width:22px!important;
  flex:0 0 22px!important;overflow:visible!important;color:#7f93aa;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.26))
}
body.u5 .bank-filter-eintrag .bank-filter-ordner.red{color:var(--u5-red)!important}
body.u5 .bank-filter-eintrag .bank-filter-ordner.yellow{color:var(--u5-yellow)!important}
body.u5 .bank-filter-eintrag .bank-filter-ordner.green{color:var(--u5-green)!important}
body.u5 .bank-filter-eintrag .bank-filter-ordner.blue{color:#3b8cff!important}
body.u5 .bank-filter-ordner-hinten{
  fill:currentColor;fill-opacity:.38;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round
}
body.u5 .bank-filter-ordner-vorn{
  fill:currentColor;fill-opacity:.72;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round
}
body.u5 .bank-filter-ordner-blatt{
  fill:var(--u5-panel-2);stroke:currentColor;stroke-width:1.05
}
body.u5 .bank-filter-ordner-zeilen{
  fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round
}
body.u5 .bank-filter-eintrag.active .bank-filter-ordner{
  filter:brightness(1.2) drop-shadow(0 0 3px currentColor)
}
body.u5 .bank-filter-eintrag:not(:has(.bank-punkt))::before{content:none!important;display:none!important}

/* === VERSION 6.31 ==========================================================
   Im Arbeitsplatz wird die komplette Unterordnerzeile bereits sechs Pixel
   nach links versetzt. V6.30 verschob das neue, breitere Unterordnersymbol
   zusaetzlich nochmals um sechs Pixel; dadurch ragte es aus dem Textbereich
   heraus und wurde links abgeschnitten. Nur diese doppelte Verschiebung wird
   aufgehoben. Die Baumpositionen, Abstaende und Bank-&-Konten-Symbole bleiben
   unveraendert. */
body.u5 .u5-ablage .folder-child>span:first-child::before{
  width:23px!important;height:20px!important;min-width:23px!important;min-height:20px!important;
  vertical-align:-4px!important;
  transform:none!important
}

/* === VERSION 6.32 ==========================================================
   Die bestaetigten Unterordner werden nochmals rund fuenf Prozent kleiner.
   Symbol und Bezeichnung ruecken gemeinsam acht Pixel nach links, indem nur
   die innere Einrueckung reduziert wird. So bleibt das Symbol vollstaendig im
   sichtbaren Bereich; Statuspunkte, Zahlen und Bank & Konten bleiben stehen. */
body.u5 .u5-ablage .folder-child{
  padding-left:44px!important
}
body.u5 .u5-ablage .folder-child>span:first-child::before{
  width:22px!important;height:19px!important;min-width:22px!important;min-height:19px!important;
  vertical-align:-4px!important;
  transform:none!important
}

/* === VERSION 6.33 ==========================================================
   Abschliessender Groessenfeinschliff: Die bestaetigten Unterordner werden
   nochmals exakt rund vier Prozent kleiner. Position, Einrueckung, Texte,
   Zahlen, Punkte und Bank & Konten bleiben unveraendert. */
body.u5 .u5-ablage .folder-child>span:first-child::before{
  width:21.1px!important;height:18.2px!important;
  min-width:21.1px!important;min-height:18.2px!important
}

/* === VERSION 6.34 ==========================================================
   Die farbigen Bank-Unterordner erhalten denselben dezenten Lichtsaum wie
   die bestaetigten Baumordner. Der Innenbereich bleibt ruhig und dunkel;
   Statusfarbe, Groesse und Position aendern sich nicht. Die beiden expliziten
   Entscheidungen bei einem abweichenden Leistungsempfaenger duerfen in der
   schmalen Detailspalte sauber umbrechen. */
body.u5 .bank-filter-eintrag .bank-filter-ordner:not(.gray){
  filter:brightness(1.08)
    drop-shadow(0 0 1px currentColor)
    drop-shadow(0 0 2.4px color-mix(in srgb,currentColor 58%,transparent))!important
}
body.u5 .bank-filter-eintrag.active .bank-filter-ordner:not(.gray){
  filter:brightness(1.2)
    drop-shadow(0 0 1.4px currentColor)
    drop-shadow(0 0 3.4px color-mix(in srgb,currentColor 72%,transparent))!important
}
body.u5 .assign-notice .assign-decisions{flex-wrap:wrap!important}
body.u5 .assign-notice .assign-decisions>button{flex:1 1 180px;white-space:normal}

/* === VERSION 6.35 ==========================================================
   Die bestaetigte farbige Variante bleibt kompakt: dunkle hintere Lagen,
   gedaempfte Statusfarbe an der Vorderseite und ein sichtbar beleuchteter,
   aber nicht neonartiger Rand. Geometrie und Position bleiben unveraendert. */
body.u5 .bank-filter-eintrag .bank-filter-ordner:not(.gray){
  filter:brightness(1.14) saturate(.9)
    drop-shadow(0 0 1.2px currentColor)
    drop-shadow(0 0 3px color-mix(in srgb,currentColor 68%,transparent))!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner:not(.gray) .bank-filter-ordner-hinten{
  fill:#263446!important;fill-opacity:.9!important;stroke:color-mix(in srgb,currentColor 58%,#7f93aa)!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner:not(.gray) .bank-filter-ordner-vorn{
  fill:currentColor!important;fill-opacity:.7!important;stroke:color-mix(in srgb,currentColor 86%,white)!important
}
body.u5 .bank-filter-eintrag.active .bank-filter-ordner:not(.gray){
  filter:brightness(1.22) saturate(.95)
    drop-shadow(0 0 1.5px currentColor)
    drop-shadow(0 0 3.8px color-mix(in srgb,currentColor 76%,transparent))!important
}

/* === VERSION 6.36 ==========================================================
   Die Bankfilter verwenden nun die tatsaechlich bestaetigte, mehrschichtige
   Aktenordnerform: drei dunkle, versetzte Ruecklagen und eine kompakte
   Vorderseite in der Statusfarbe. Das fruehere Dokumentblatt im Ordner
   entfaellt. Groesse und Platzbedarf der Navigation bleiben unveraendert. */
body.u5 .bank-filter-eintrag .bank-filter-ordner-rueck{
  stroke-linejoin:round!important;stroke-width:1.05!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner-rueck-3{
  fill:#1a2431!important;stroke:#74869a!important;opacity:.78!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner-rueck-2{
  fill:#202c3b!important;stroke:#8293a7!important;opacity:.86!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner-rueck-1{
  fill:#293647!important;stroke:#91a1b3!important;opacity:.94!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner-vorn{
  fill:currentColor!important;fill-opacity:.78!important;
  stroke:color-mix(in srgb,currentColor 80%,white)!important;
  stroke-width:1.35!important;stroke-linejoin:round!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner.gray .bank-filter-ordner-vorn{
  fill:#526477!important;fill-opacity:.82!important;stroke:#a7b5c4!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner:not(.gray){
  filter:brightness(1.1) saturate(.92)
    drop-shadow(0 1px 1px rgba(0,0,0,.34))
    drop-shadow(0 0 1.2px currentColor)
    drop-shadow(0 0 3px color-mix(in srgb,currentColor 64%,transparent))!important
}
body.u5 .bank-filter-eintrag.active .bank-filter-ordner:not(.gray){
  filter:brightness(1.2) saturate(.98)
    drop-shadow(0 1px 1px rgba(0,0,0,.36))
    drop-shadow(0 0 1.5px currentColor)
    drop-shadow(0 0 3.8px color-mix(in srgb,currentColor 74%,transparent))!important
}

/* === VERSION 6.38 ==========================================================
   Alle Suchfelder sitzen in der obersten Kopfzeile und beginnen auf der
   Achse hinter der Baumspalte. Die freigewordene Filterzeile verteilt ihren
   Platz gleichmaessig auf die verbleibenden Kriterien. */
body.documents-page .u5-topbar{position:sticky!important}
body.documents-page .u5-top-suchbereich{
  position:absolute!important;
  left:calc(14px + var(--u5-ablage-breite,186px) + 14px)!important;
  width:clamp(330px,31vw,620px)!important;
  min-width:0!important;z-index:3
}
body.documents-page .u5-top-suche{
  position:relative!important;left:auto!important;transform:none!important;
  display:none!important;width:100%!important;min-width:0!important;
  height:42px!important;margin:0!important;box-sizing:border-box!important
}
body.documents-page[data-u5-modus="arbeitsplatz"] .u5-top-suche-belege,
body.documents-page[data-u5-modus="allgemein"] .u5-top-suche-belege{display:flex!important}
body.documents-page[data-u5-modus="bank"] .u5-top-suche-bank{display:flex!important}
body.documents-page[data-u5-modus="datev"] .u5-top-suche-datev{display:flex!important}
body.documents-page .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar) #libraryYear,
body.documents-page .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar) #libraryStatus,
body.documents-page .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar) #libraryAblage{
  flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:108px!important
}
body.documents-page .u5-liste>.message-toolbar:not(.bank-toolbar):not(.datev-toolbar) .u5-filter-knoepfe{
  flex:0 0 auto!important
}
body.documents-page .u5-liste>.bank-toolbar>button{
  flex:1 1 180px!important;min-width:150px!important
}

/* Die Steuer-Suche bleibt ebenfalls in der Kopfzeile, beginnt aber exakt
   hinter der 272 Pixel breiten Mandant-&-Jahr-Spalte. */
body.steuer-page .u5-topbar>.u5-suche{
  left:300px!important;transform:none!important;
  width:clamp(330px,31vw,620px)!important;min-width:0!important
}

/* Auf ausdruecklichen Wunsch nur im Arbeitsplatz: die bereits bestaetigten
   Unterordner werden exakt fuenf Prozent kleiner. Einrueckung und Zeilenhoehe
   bleiben unveraendert. */
body.documents-page[data-u5-modus="arbeitsplatz"] .u5-ablage .folder-child>span:first-child::before{
  width:20.05px!important;height:17.29px!important;
  min-width:20.05px!important;min-height:17.29px!important
}

/* V6.35-Bankordner wiederherstellen: dunkle Ruecklage, ruhige Statusfarbe
   und das kleine Dokumentblatt. */
body.u5 .bank-filter-eintrag .bank-filter-ordner-hinten{
  fill:#263446!important;fill-opacity:.9!important;
  stroke:color-mix(in srgb,currentColor 58%,#7f93aa)!important;
  stroke-width:1.25!important;stroke-linejoin:round!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner-vorn{
  fill:currentColor!important;fill-opacity:.7!important;
  stroke:color-mix(in srgb,currentColor 86%,white)!important;
  stroke-width:1.35!important;stroke-linejoin:round!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner-blatt{
  fill:var(--u5-panel-2)!important;stroke:currentColor!important;stroke-width:1.05!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner-zeilen{
  fill:none!important;stroke:currentColor!important;stroke-width:1.15!important;stroke-linecap:round!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner.gray .bank-filter-ordner-hinten,
body.u5 .bank-filter-eintrag .bank-filter-ordner.gray .bank-filter-ordner-vorn{
  fill:currentColor!important;stroke:currentColor!important
}
body.u5 .bank-filter-eintrag .bank-filter-ordner.gray .bank-filter-ordner-hinten{fill-opacity:.38!important}
body.u5 .bank-filter-eintrag .bank-filter-ordner.gray .bank-filter-ordner-vorn{fill-opacity:.72!important}

@media(max-width:1180px){
  body.documents-page .u5-top-suchbereich{position:static!important;width:clamp(280px,34vw,460px)!important;flex:0 1 460px!important}
  body.steuer-page .u5-topbar>.u5-suche{position:static!important;transform:none!important;flex:0 1 460px!important;width:auto!important}
}

/* === VERSION 6.39 ==========================================================
   Die Kopfzeile reserviert nun eigene Rasterspalten fuer Suche und Aktionen.
   Dadurch bleibt die Suche vertikal zentriert und kann die rechten
   Bedienelemente weder ueberdecken noch aus dem sichtbaren Bereich druecken. */
body.documents-page .u5-topbar{
  display:grid!important;
  grid-template-columns:calc(28px + var(--u5-ablage-breite,186px)) minmax(190px,620px) minmax(0,1fr) auto!important;
  column-gap:12px!important;align-items:center!important
}
body.documents-page .u5-topbar>.u5-slogan{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
body.documents-page .u5-top-suchbereich{
  grid-column:2;position:relative!important;left:auto!important;top:auto!important;
  width:100%!important;max-width:620px!important;min-width:0!important;
  transform:none!important;align-self:center!important
}
body.documents-page .u5-top-rechts{
  grid-column:4;margin-left:0!important;min-width:0!important;justify-self:end!important;justify-content:flex-end!important
}
body.documents-page .u5-topbar>.bank-hinweis{
  grid-column:3;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important
}

body.steuer-page .u5-topbar{
  display:grid!important;
  grid-template-columns:272px minmax(190px,620px) minmax(0,1fr) auto!important;
  column-gap:12px!important;align-items:center!important
}
body.steuer-page .u5-topbar>.u5-slogan{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
body.steuer-page .u5-topbar>.u5-suche{
  grid-column:2;position:relative!important;left:auto!important;top:auto!important;
  width:100%!important;max-width:620px!important;min-width:0!important;
  transform:none!important;align-self:center!important
}
body.steuer-page .u5-top-rechts{
  grid-column:4;margin-left:0!important;min-width:0!important;justify-self:end!important;justify-content:flex-end!important
}

/* Das neue Fenstersymbol ist eine kompakte, transparente UI-Grafik. */
body.u5 .zweites-fenster-bild{display:block;width:23px;height:23px;object-fit:contain;flex:0 0 23px}

/* Hauptordner in allen Ablageansichten um 4,5 Prozent vergroessern. */
body.u5 .u5-ablage .folder-item>span:first-child::before{
  width:24.56px!important;height:24.56px!important;margin-top:-12.28px!important
}

/* Amtliches Bank-/Hausmotiv fuer die Kennzahl "Umsaetze". */
body.u5 .u5-kennzahl-symbol.bank-umsaetze{background:rgba(232,172,40,.12)!important;color:#f1bc42!important}
body.u5 .bank-umsaetze-bild{display:block;width:29px;height:29px;object-fit:contain}

/* Auf kleineren Laptop-Breiten werden Beschriftungen und Innenabstaende
   kompakter, die wichtigen Bedienelemente bleiben jedoch sichtbar. */
@media(max-width:1700px){
  body.u5 .zweites-fenster-kombi .zweites-fenster span,
  body.u5 .zweites-fenster-auto>span{display:none!important}
  body.u5 .u5-top-rechts{gap:5px!important}
  body.u5 .u5-topbar details.user-menu>summary{max-width:184px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:1180px){
  body.documents-page .u5-topbar{grid-template-columns:minmax(150px,214px) minmax(150px,1fr) auto!important}
  body.documents-page .u5-top-suchbereich{grid-column:2;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;transform:none!important}
  body.documents-page .u5-top-rechts{grid-column:3}
  body.steuer-page .u5-topbar{grid-template-columns:minmax(150px,214px) minmax(150px,1fr) auto!important}
  body.steuer-page .u5-topbar>.u5-suche{grid-column:2;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;transform:none!important}
  body.steuer-page .u5-top-rechts{grid-column:3}
}

/* === VERSION 6.41 ==========================================================
   Das eigentliche Suchfeld hatte trotz des neuen Kopfzeilenrasters noch die
   spezifischere Altregel "position:absolute" geerbt. Dadurch erschien es
   unterhalb der Kopfzeilenaktionen. Die Suche und "Zweites Fenster" liegen
   nun garantiert in derselben Rasterzeile; ihre linke Kante folgt exakt dem
   Beginn der dritten Hauptspalte (Listenbereich hinter dem Ablagebaum). */
body.documents-page .u5-topbar{
  padding-left:16px!important;
  grid-template-columns:calc(var(--u5-ablage-breite,186px) + 2px) minmax(190px,620px) minmax(0,1fr) auto!important;
  grid-template-rows:64px!important;
  column-gap:12px!important
}
body.documents-page .u5-top-suchbereich{
  grid-row:1!important;align-self:center!important;height:42px!important
}
body.documents-page.u5 .u5-topbar .u5-top-suchbereich .u5-top-suche{
  position:relative!important;left:auto!important;top:auto!important;
  transform:none!important;margin:0!important;height:42px!important
}
body.documents-page .u5-top-rechts{
  grid-row:1!important;align-self:center!important
}
body.steuer-page .u5-topbar{
  grid-template-rows:64px!important
}
body.steuer-page.u5 .u5-topbar>.u5-suche{
  grid-row:1!important;position:relative!important;left:auto!important;
  top:auto!important;transform:none!important;align-self:center!important
}
body.steuer-page .u5-top-rechts{
  grid-row:1!important;align-self:center!important
}

/* Nur das Bild wurde ausgetauscht. Die Beschriftung bleibt bei jeder
   Desktopbreite sichtbar; lediglich "Automatik" darf kompakt ausblenden. */
body.u5 .zweites-fenster-kombi .zweites-fenster span{
  display:inline!important
}

/* Gewuenschter Feinschliff: die bestaetigten Arbeitsplatz-Unterordner werden
   gegenueber 6.39 nochmals um 4,5 Prozent verkleinert. Einrueckung und
   Zeilenhoehe bleiben unveraendert. */
body.documents-page[data-u5-modus="arbeitsplatz"] .u5-ablage .folder-child>span:first-child::before{
  width:19.15px!important;height:16.51px!important;
  min-width:19.15px!important;min-height:16.51px!important
}

@media(max-width:1180px){
  body.documents-page .u5-topbar{
    padding-left:16px!important;
    grid-template-columns:minmax(150px,188px) minmax(150px,1fr) auto!important
  }
}