/* =============================================================================
   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:172px;
  --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}

/* --- Werkbank: Ablage | Liste | Detail ------------------------------------------ */
body.u5 .records-workbench.u5-werkbank{flex:1 0 560px;display:grid!important;
  grid-template-columns:236px minmax(0,1fr) 332px!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}
body.u5 .inspector-resizer{display:none!important}

/* --- 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 .tree-rail,body.u5 .u5-ablage .tree-knob,body.u5 .u5-ablage .tree-cap,body.u5 .u5-ablage .tree-branch,
body.u5 .u5-ablage .folder-amount,body.u5 .u5-ablage .folder-arrow{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:none}
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)}
body.u5 .library-count-bar:has(#libraryCount):not(:has(.library-sum:not([hidden]))):not(:has(.upload-activity:not([hidden]))):not(:has(.mailbox-note:not([hidden]))):not(:has(#restoreReleaseQuestion:not([hidden]))){display:none!important}

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:212px minmax(0,1fr) 300px!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:188px minmax(0,1fr) 264px!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)}
#u5DatevStart[hidden],#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-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}