/* ============================================================
   1A Mail — Marken-Branding (Rot #ED1D23 statt Roundcube-Blau)
   Wird vom Plugin "branding" auf allen Oberflächen geladen (inkl. Login).
   ============================================================ */
:root{
  --color-main:#ED1D23;
  --color-main-selected:#c41219;
  --color-main-light:#f6d2d3;
  --color-link:#c41219;
  --color-link-hover:#a10f14;
  --color-btn-primary:#ffffff;
  --color-btn-primary-background:#ED1D23;
  --color-btn-primary-background-hover:#c41219;
  --color-list-selected:#ffffff;
  --color-list-selected-background:#ED1D23;
  --color-toolbar-button-selected:#ED1D23;
  --color-checkbox-checked:#ED1D23;
}

/* Primär-Buttons + Login-Button */
.btn.btn-primary,.button.btn-primary,button.btn-primary,.formbuttons .btn-primary,
input.button.mainaction,a.button.btn-primary{
  background-color:#ED1D23!important;border-color:#ED1D23!important;color:#fff!important;
}
.btn.btn-primary:hover,.button.btn-primary:hover,button.btn-primary:hover,
input.button.mainaction:hover{background-color:#c41219!important;border-color:#c41219!important;}

/* "Schreiben"/Verfassen-Button (Compose) explizit rot — Elastic-Varianten */
a.compose,.toolbar a.compose,.toolbarmenu a.compose,
a.button.compose,.floating-action-buttons a.compose,
.menu a.compose,#messagetoolbar a.compose,
a[data-command="compose"],a.button.icon.compose{
  background-color:#ED1D23!important;border-color:#ED1D23!important;color:#fff!important;
}
a.compose:hover,.toolbar a.compose:hover,a[data-command="compose"]:hover{
  background-color:#c41219!important;border-color:#c41219!important;color:#fff!important;
}
/* Elastic Floating-Action-Button (rundes Plus/Schreiben unten rechts) */
.floating-action-buttons a{background-color:#ED1D23!important;color:#fff!important;}

/* Links */
a{color:#c41219;}
a:hover{color:#a10f14;}

/* Ausgewählte Nachrichten / Listeneinträge */
#messagelist tbody tr.selected>td,.listing tr.selected>td,
ul.listing li.selected>a,.listing li.selected>a{
  background-color:#ED1D23!important;color:#fff!important;
}
.listing tr.selected>td a,ul.listing li.selected>a{color:#fff!important;}

/* Ordnerbaum: aktiver Ordner */
#folderlist li.selected>a,.folderlist li.selected>a,
#folder-manager .listing li.selected>a{background-color:#ED1D23!important;color:#fff!important;}

/* Linke Task-Leiste: aktives Symbol */
#taskmenu a.selected,#taskmenu a.selected span,.taskmenu a.selected{color:#ED1D23!important;}
#taskmenu a.selected:before{color:#ED1D23!important;}

/* Aktive Toolbar-/Menü-Einträge */
.toolbar a.button.selected,.menu a.active,.pagenav a.button.selected{color:#ED1D23!important;}
/* "Auswahl" + "Optionen" im Mail-Listen-Toolbar ausblenden (mehr Platz, mobilfreundlich) - live getestet */
.menu.toolbar li[role="menuitem"]:has(a.select),
.menu.toolbar li[role="menuitem"]:has(a.options),
.toolbar a.select, .toolbar a.options,
a.select[data-popup="listselect-menu"], a.options[href="#list-options"] { display:none !important; }

/* Formular-Fokus + Checkboxen */
:focus{outline-color:#ED1D23;}
input[type=checkbox]:checked,input[type=radio]:checked{accent-color:#ED1D23;}

/* ============================================================
   LOGIN-SEITE — aufgewertet zu einem echten "1A Mail"-Produkt
   ============================================================ */
/* Ganzflächiger, dezent rot-getönter Hintergrund */
body.task-login,body.task-login #layout,
html.touch body.task-login{
  background:
    radial-gradient(1100px 520px at 50% -8%, #fde9ea 0%, rgba(253,233,234,0) 60%),
    linear-gradient(180deg,#f7f8fa 0%,#eef1f4 100%) !important;
}

/* #layout-content = zentrierte Bühne (Logo oben, Karte darunter) */
body.task-login #layout-content{
  position:relative !important;
  display:flex !important;flex-direction:column;align-items:center;justify-content:center;
  min-height:100vh;background:transparent !important;padding:20px;
}

/* Logo auf dem Verlauf, größer, mit Abstand zur Karte */
body.task-login #logo,body.task-login img.logo,body.task-login .logo{
  display:block;margin:0 auto 20px !important;max-width:240px;height:auto;
}

/* Die weiße Login-Karte = das Formular selbst */
body.task-login #login-form,body.task-login .login-form{
  background:#fff !important;
  border:1px solid #e7e9ee !important;
  border-top:4px solid #ED1D23 !important;
  border-radius:16px !important;
  box-shadow:0 18px 50px -12px rgba(20,24,32,.22),0 4px 12px rgba(20,24,32,.06) !important;
  padding:34px 30px 28px !important;
  max-width:380px;width:100%;box-sizing:border-box;
}
/* Claim oben in der Karte (per CSS eingeblendet) */
body.task-login #login-form:before,body.task-login .login-form:before{
  content:"Ihr zentraler Posteingang – alle Firmen an einem Ort";
  display:block;text-align:center;color:#8a929c;font-size:13px;
  margin:0 0 22px;line-height:1.45;
}

/* Eingabefelder: höher, weicher, roter Fokus */
body.task-login input.form-control,
body.task-login #login-form input[type=text],
body.task-login #login-form input[type=password],
body.task-login .login-form input[type=text],
body.task-login .login-form input[type=password]{
  height:48px !important;border-radius:10px !important;border:2px solid #e3e6ea !important;
  font-size:15px !important;background:#fff !important;
}
body.task-login .input-group{margin-bottom:14px;}
body.task-login input.form-control:focus{border-color:#ED1D23 !important;box-shadow:0 0 0 3px rgba(237,29,35,.12) !important;}
/* Icon-Kästchen vor den Feldern in Markenfarbe */
body.task-login .input-group-prepend .input-group-text,
body.task-login .input-group-text{
  background:#fbecec !important;border:2px solid #e3e6ea !important;border-right:0 !important;
  color:#ED1D23 !important;border-radius:10px 0 0 10px !important;
}

/* ANMELDEN-Button: vollbreit, kräftig, mit Hover-Lift */
body.task-login .formbuttons .btn,
body.task-login button.btn-primary,
body.task-login input.mainaction{
  width:100% !important;height:50px !important;border-radius:10px !important;
  font-size:15px !important;font-weight:700 !important;letter-spacing:.04em !important;
  background:#ED1D23 !important;border-color:#ED1D23 !important;
  box-shadow:0 8px 20px -6px rgba(237,29,35,.5) !important;transition:transform .08s ease,background .15s ease;
}
body.task-login .formbuttons .btn:hover,body.task-login button.btn-primary:hover{
  background:#c41219 !important;transform:translateY(-1px);
}

/* Footer-Produktname dezent */
body.task-login .footer,body.task-login #layout-footer{
  color:#9aa2ac !important;font-size:12px !important;text-align:center;margin-top:18px;
}

/* ============================================================
   FESTE KONTENLISTE LINKS (Tobit-Stil) — #tobit-accounts
   ============================================================ */
#tobit-accounts{
  border-bottom:2px solid #ED1D23;
  background:#fff;
  flex:1 1 auto;min-height:0;overflow-y:auto;   /* scrollbar -> alle Reiter erreichbar, auch aufgeklappt */
}
/* Schriftzug ganz oben: "Ottes Mailserver" */
#tobit-accounts .tobit-brandtitle{
  display:flex;align-items:center;justify-content:center;gap:9px;
  background:linear-gradient(135deg,#ED1D23 0%,#a10f14 100%);
  color:#fff;font-weight:800;font-size:17px;letter-spacing:.4px;
  padding:14px 10px 12px;border-bottom:2px solid #8a0c10;
  text-shadow:0 1px 2px rgba(0,0,0,.28);
}
#tobit-accounts .tobit-brandtitle .ic{font-size:18px;opacity:.95;}
#tobit-accounts .tobit-accounts-head{
  background:#ED1D23;color:#fff;font-weight:700;font-size:12px;
  letter-spacing:.03em;text-transform:uppercase;
  padding:6px 12px;
}
#tobit-accounts ul{list-style:none;margin:0;padding:0;}
#tobit-accounts li{
  display:block;border-bottom:1px solid #eef1f4;cursor:pointer;
  line-height:normal;
}
#tobit-accounts li:hover{background:#fbecec;}
#tobit-accounts li.active{background:#fde9ea;box-shadow:inset 3px 0 0 #ED1D23;}
#tobit-accounts li>a{
  display:flex;align-items:center;justify-content:space-between;gap:6px;
  padding:6px 12px;color:#1c2430 !important;text-decoration:none !important;
  font-size:12.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#tobit-accounts li:hover>a{color:#a10f14 !important;}
/* Zahl-Badge nur zeigen, wenn eine Zahl drinsteht */
#tobit-accounts .unseen{
  background:#ED1D23;color:#fff;border-radius:10px;
  min-width:20px;height:19px;line-height:19px;text-align:center;
  font-size:11.5px;font-weight:700;padding:0 6px;flex:0 0 auto;position:static !important;
}
#tobit-accounts .unseen:empty{display:none;}

/* --- Klapp-Baum: Master + klickbare Domains + eingerueckte Postfaecher --- */
#tobit-accounts .tobit-master{
  display:block;padding:9px 12px;font-size:14px;font-weight:700;
  color:#ED1D23 !important;text-decoration:none !important;
  border-bottom:1px solid #eef1f4;background:#fff;
}
#tobit-accounts .tobit-master:hover{background:#fbecec;}

#tobit-accounts .tobit-branch{border-bottom:1px solid #eef1f4;}
#tobit-accounts .tobit-branch-head{
  display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;
  padding:8px 12px;font-size:13.5px;font-weight:700;color:#1c2430;
}
#tobit-accounts .tobit-branch-head:hover{background:#fbecec;color:#a10f14;}
#tobit-accounts .tobit-branch-head .arw{
  font-size:9px;color:#8a929c;transition:transform .12s ease;flex:0 0 auto;width:10px;text-align:center;
}
#tobit-accounts .tobit-branch.collapsed > .tobit-branch-head .arw{transform:rotate(-90deg);}
#tobit-accounts .tobit-branch-head .ttl{
  flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-transform:capitalize;   /* Domain-Reiter vorne gross */
}
/* rote Summen-Zahl auf der Domain (immer sichtbar, auch zugeklappt) */
#tobit-accounts .tobit-branch-head .unr{
  background:#ED1D23;color:#fff;border-radius:10px;min-width:22px;height:20px;line-height:20px;
  text-align:center;font-size:12px;font-weight:700;padding:0 6px;flex:0 0 auto;
}
#tobit-accounts .tobit-branch-head .unr:empty{display:none;}

#tobit-accounts .tobit-branch.collapsed > .tobit-branch-body{display:none;}

/* Einrueckung je Ebene */
#tobit-accounts .tobit-branch.lvl1 > .tobit-branch-head{padding-left:28px;background:#faf8f8;}
#tobit-accounts .tobit-branch-body > ul > li.tobit-leaf > a{padding-left:34px;font-size:12px;color:#374151 !important;}
#tobit-accounts .tobit-branch.lvl1 .tobit-branch-body > ul > li.tobit-leaf > a{padding-left:48px;}

/* Ablage-Bereich unter den Konten (Zusagen / Kostenuebernahmen) */
#tobit-accounts .tobit-ablage{border-top:2px solid #ED1D23;}
#tobit-accounts .tobit-ablage-head{
  background:#ED1D23;color:#fff;font-weight:700;font-size:12px;
  letter-spacing:.03em;text-transform:uppercase;padding:6px 12px;
}
#tobit-accounts .tobit-ablage-item{
  display:flex;align-items:center;gap:8px;padding:9px 12px;
  color:#1c2430 !important;text-decoration:none !important;font-size:13.5px;font-weight:600;
  border-bottom:1px solid #eef1f4;
}
#tobit-accounts .tobit-ablage-item:hover{background:#fbecec;color:#a10f14 !important;}
#tobit-accounts .tobit-ablage-item .ic{font-size:16px;flex:0 0 auto;}
/* Reiter "Zusage ohne Datum" - gruen, direkt unter Zusagen */
#tobit-accounts .tobit-ablage-item.tobit-ohne-datum{color:#15803d !important;font-weight:700;box-shadow:inset 4px 0 0 #16a34a;}
#tobit-accounts .tobit-ablage-item.tobit-ohne-datum:hover{background:#e7f6ec;color:#0f5132 !important;}

/* ===== Rechner: angenehmes Mass (nicht zu gross) ===== */
#tobit-accounts .tobit-accounts-head{font-size:12.5px;padding:7px 14px;}
#tobit-accounts .tobit-master{font-size:15px;padding:10px 14px;}
#tobit-accounts .tobit-branch-head{font-size:14px;padding:9px 14px;}
#tobit-accounts li>a{font-size:13px;padding:8px 14px;}
#tobit-accounts .tobit-branch-body > ul > li.tobit-leaf > a{font-size:13px;}
#tobit-accounts .unseen{min-width:23px;height:21px;line-height:21px;font-size:12.5px;border-radius:11px;}
#tobit-accounts .tobit-branch-head .unr{min-width:25px;height:23px;line-height:23px;font-size:13px;border-radius:12px;}
#tobit-accounts .tobit-ablage-head{font-size:12.5px;padding:7px 14px;}
#tobit-accounts .tobit-ablage-item{font-size:13.5px;padding:9px 14px;}
#tobit-accounts .tobit-ablage-item .ic{font-size:15px;}

/* ===== Handy + Pad (<=1024px): extra grosse, gut tippbare & lesbare Zeilen ===== */
@media (max-width: 1024px){
  #tobit-accounts .tobit-brandtitle{font-size:21px;padding:18px 10px;}
  #tobit-accounts .tobit-brandtitle .ic{font-size:23px;}
  #tobit-accounts .tobit-ablage-head{font-size:17px;padding:14px 18px;}
  #tobit-accounts .tobit-ablage-item{font-size:19px;padding:18px;min-height:62px;box-sizing:border-box;}
  #tobit-accounts .tobit-ablage-item .ic{font-size:22px;}
  #tobit-accounts .tobit-accounts-head{font-size:17px;padding:14px 18px;}
  #tobit-accounts .tobit-master{font-size:21px;padding:19px 18px;}
  #tobit-accounts .tobit-branch-head{font-size:20px;padding:19px 18px;min-height:62px;box-sizing:border-box;}
  #tobit-accounts li>a{font-size:19px;padding:18px;min-height:62px;box-sizing:border-box;}
  #tobit-accounts .tobit-branch-head .arw{font-size:16px;width:22px;}
  #tobit-accounts .unseen{min-width:36px;height:32px;line-height:32px;font-size:17px;border-radius:16px;}
  #tobit-accounts .tobit-branch-head .unr{min-width:40px;height:35px;line-height:35px;font-size:19px;border-radius:18px;}
  #tobit-accounts .tobit-branch-body > ul > li.tobit-leaf > a{padding-left:52px;}
  #tobit-accounts .tobit-branch.lvl1 > .tobit-branch-head{padding-left:44px;}
  #tobit-accounts .tobit-branch.lvl1 .tobit-branch-body > ul > li.tobit-leaf > a{padding-left:74px;}
}

/* Ordnerliste (Posteingang…Geloescht) kompakter -> mehr Platz fuer die Postfaecher */
#layout-sidebar #folderlist-content .listing li > a,
#layout-sidebar #folderlist-content .listing li > .treetoggle ~ a,
#layout-sidebar #mailboxlist li > a{
  padding-top:2px !important;padding-bottom:2px !important;
  font-size:11.5px !important;line-height:1.25 !important;min-height:0 !important;
}

/* Login-Box: dezenter roter Rand oben (Fallback nicht-Login) */
#layout-content .box-inner,.login-form .box-inner{border-top:3px solid #ED1D23;}

/* ============================================================
   MAIL-LISTE: gelesen = hellgrau, ungelesen = dunkelschwarz+fett
   ============================================================ */
/* GELESEN = lesbares Grau, normal (EXAKTE Elastic-Struktur: td.subject > span) */
.messagelist td.subject span.subject,
.messagelist td.subject span.subject a,
.messagelist td.subject span.fromto,
.messagelist td.subject span.fromto span,
.messagelist td.subject span.date{
  color:#6b7280 !important; font-weight:400 !important;
}
/* UNGELESEN = schwarz + fett (klar sichtbarer Unterschied) */
.messagelist tr.unread td.subject span.subject,
.messagelist tr.unread td.subject span.subject a,
.messagelist tr.unread td.subject span.fromto,
.messagelist tr.unread td.subject span.fromto span,
.messagelist tr.unread td.subject span.date{
  color:#000 !important; font-weight:700 !important;
}
/* ausgewaehlte Zeile bleibt gut lesbar (weiss auf rot) */
.messagelist tr.selected td.subject span.subject,
.messagelist tr.selected td.subject span.subject a,
.messagelist tr.selected td.subject span.fromto,
.messagelist tr.selected td.subject span.date{
  color:#fff !important;
}

/* Oberer Aktualisieren-Knopf dreht sich, solange ein Abruf laeuft */
@keyframes tobit-rot { from { transform: rotate(0); } to { transform: rotate(360deg); } }
.tobit-spin::before,
.tobit-spin > .inner::before,
.tobit-spin .inner::before {
  display:inline-block !important;
  transform-origin:50% 50% !important;
  animation: tobit-rot .8s linear infinite !important;
}

/* "U"-Ungelesen-Knopf in der Mailansicht: Buchstabe U statt Icon zeigen */
/* "Ungelesen"-Knopf: geschlossener Brief (wie Elastic-Icon), Text bleibt (Tooltip/Screenreader) */
.tobit-unread.icon::before,
.tobit-unread::before {
  content: "\f0e0" !important;   /* Font-Awesome: envelope (ungelesen) */
  font-weight: 900 !important;
}
.tobit-del.icon::before,
.tobit-del::before {
  content: "\f2ed" !important;   /* Font-Awesome: Papierkorb (löschen) */
  font-weight: 900 !important;
}
.tobit-read.icon::before,
.tobit-read::before {
  content: "\f2b6" !important;   /* Font-Awesome: offener Brief (gelesen) */
  font-weight: 900 !important;
}
.tobit-all.icon::before,
.tobit-all::before {
  content: "\f14a" !important;   /* Font-Awesome: angehaktes Kästchen (alle auswählen) */
  font-weight: 900 !important;
}
/* Verschieben-Knöpfe: Buchstabe Z / K / R direkt als Symbol (immer sichtbar) */
#tobit-mv-zusagen::before, #tobit-mv-kosten::before, #tobit-mv-rechnungen::before, #tobit-mv-halteverbot::before {
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
#tobit-mv-zusagen::before   { content: "Z" !important; }   /* Zusagen */
#tobit-mv-kosten::before    { content: "K" !important; }   /* Kostenübernahmen */
#tobit-mv-rechnungen::before{ content: "R" !important; }   /* Rechnungen */
#tobit-mv-halteverbot::before{ content: "H" !important; }   /* Halteverbotszonen */
#tobit-mv-ohnedatum::before { font-family: Arial, "Helvetica Neue", sans-serif !important; font-weight:700 !important; font-size:10px !important; line-height:1 !important; content: "ZoD" !important; color:#15803d !important; }   /* Zusage ohne Datum (gruen) */

/* Mobiler "Als ungelesen"-Knopf: nur Handy/Tablet, bei geöffneter/ausgewählter Mail (unten rechts, daumengerecht) */
#tobit-unread-fab{
  position:fixed; right:14px; bottom:74px; z-index:1200;
  background:#ED1D23; color:#fff; border:none; border-radius:24px;
  padding:12px 20px; font-size:15px; font-weight:700; letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(0,0,0,.32); cursor:pointer;
}
#tobit-unread-fab:active{ transform:scale(.97); }
@media (min-width:1025px){ #tobit-unread-fab{ display:none !important; } }

/* Leer-Flash unterdruecken: "Die Liste ist leer." erst zeigen, wenn fertig geladen */
body.tobit-listloading #messagelist-content .listing-info { display: none !important; }

/* Bearbeiter (Rolle 2): nativen Löschen-Knopf ausblenden (Sperre greift ohnehin per JS) */
body.ben-bearbeiter a.delete,
body.ben-bearbeiter a.button.delete,
body.ben-bearbeiter [data-command="delete"],
body.ben-bearbeiter [rel="delete"],
body.ben-bearbeiter a.button.icon.delete { display: none !important; }

/* Bearbeiter (Rolle 2): Einstellungen-Symbol in der linken Leiste ausblenden */
body.ben-bearbeiter #taskmenu a.settings,
body.ben-bearbeiter .taskmenu a.settings,
body.ben-bearbeiter a.button.settings,
body.ben-bearbeiter #taskmenu a[href*="_task=settings"],
body.ben-bearbeiter a[href*="_task=settings"] { display: none !important; }

/* Baum-Blaetter: volle E-Mail-Adresse sichtbar (kein Abschneiden) */
#tobit-accounts li.tobit-leaf > a{
  white-space:normal !important;
  word-break:break-all;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:11.5px !important;
  line-height:1.25;
}

/* Native Auswahl-Kästchen-Spalte IMMER sichtbar (Tobit-Stil: einzeln/alle ankreuzen) */
.messagelist td.selection,
.messagelist th.selection,
#messagelist td.selection,
#messagelist th.selection {
  display: table-cell !important;
  width: 34px !important; min-width: 34px !important;
  text-align: center !important; vertical-align: middle !important;
  padding: 0 !important;
}
.messagelist td.selection input[type=checkbox],
.messagelist th.selection input[type=checkbox],
#messagelist td.selection input[type=checkbox],
#messagelist th.selection input[type=checkbox] {
  display: inline-block !important;
  width: 18px !important; height: 18px !important;
  margin: 0 !important; opacity: 1 !important;
  position: static !important; pointer-events: auto !important;
  accent-color: #ED1D23; cursor: pointer;
}

/* ===== "Zusagen ohne Datum" — Panel (synchron mit dem Arbeitsprogramm) ===== */
#zod-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:6vh 12px;}
#zod-overlay .zod-card{background:#fff;width:100%;max-width:720px;max-height:82vh;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden;}
#zod-overlay .zod-head{display:flex;align-items:center;justify-content:space-between;background:#15803d;color:#fff;font-weight:700;font-size:1.05rem;padding:12px 16px;}
#zod-overlay .zod-x{color:#fff;text-decoration:none;font-size:1.6rem;line-height:1;padding:0 4px;}
#zod-overlay .zod-search{padding:12px 16px 6px;}
#zod-overlay .zod-search input{width:100%;box-sizing:border-box;padding:11px 13px;border:2px solid #16a34a;border-radius:8px;font-size:1rem;outline:none;}
#zod-overlay .zod-results{padding:0 16px;overflow-y:auto;max-height:34vh;}
#zod-overlay .zod-sub{padding:10px 16px 4px;font-size:.78rem;font-weight:700;color:#15803d;text-transform:uppercase;letter-spacing:.03em;border-top:1px solid #eef1f4;}
#zod-overlay .zod-list{padding:0 16px 14px;overflow-y:auto;flex:1;}
#zod-overlay .zod-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f5;}
#zod-overlay .zod-info{font-size:.9rem;color:#1e293b;line-height:1.3;min-width:0;}
#zod-overlay .zod-nr{color:#94a3b8;font-weight:400;}
#zod-overlay .zod-adr{color:#64748b;font-size:.8rem;}
#zod-overlay .zod-btn{border:0;border-radius:7px;padding:7px 12px;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;}
#zod-overlay .zod-add{background:#16a34a;color:#fff;}
#zod-overlay .zod-del{background:#fde8e8;color:#c0392b;}
#zod-overlay .zod-drin{background:#e6f4ea;color:#15803d;cursor:default;}
#zod-overlay .zod-loading,#zod-overlay .zod-empty{padding:14px 2px;color:#94a3b8;font-size:.88rem;text-align:center;}
#zod-overlay .zod-pdf{display:inline-block;background:#cc0000;color:#fff !important;text-decoration:none;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:5px;margin-left:4px;vertical-align:middle;}
#zod-overlay .zod-pdf:hover{background:#a30000;}

/* ============================================================
   Eigenständige, selbstheilende Ablage — #tobit-ablage-fixed
   Gleiche Optik wie #tobit-accounts .tobit-ablage (entkoppelt 08.09.2026)
   ============================================================ */
#tobit-ablage-fixed{border-top:2px solid #ED1D23;border-bottom:2px solid #ED1D23;background:#fff;flex:0 0 auto;}
#tobit-ablage-fixed .tobit-ablage-head{background:#ED1D23;color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;padding:7px 14px;}
#tobit-ablage-fixed .tobit-ablage-item{display:flex;align-items:center;gap:8px;padding:9px 14px;color:#1c2430 !important;text-decoration:none !important;font-size:13.5px;line-height:1.4;border-bottom:1px solid #eef1f4;cursor:pointer;white-space:nowrap;overflow:hidden;}
#tobit-ablage-fixed .tobit-ablage-item:last-child{border-bottom:0;}
#tobit-ablage-fixed .tobit-ablage-item:hover{background:#fbecec;color:#a10f14 !important;}
#tobit-ablage-fixed .tobit-ablage-item .ic{font-size:15px;flex:0 0 auto;}
#tobit-ablage-fixed .tobit-ablage-item .lb{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;}
#tobit-ablage-fixed .tobit-ablage-item.tobit-ohne-datum{color:#15803d !important;font-weight:700;box-shadow:inset 4px 0 0 #16a34a;}
#tobit-ablage-fixed .tobit-ablage-item.tobit-ohne-datum:hover{background:#e7f6ec;color:#0f5132 !important;}
@media (max-width:1024px){
  #tobit-ablage-fixed .tobit-ablage-head{font-size:17px;padding:14px 18px;}
  #tobit-ablage-fixed .tobit-ablage-item{font-size:19px;padding:18px;min-height:62px;box-sizing:border-box;}
  #tobit-ablage-fixed .tobit-ablage-item .ic{font-size:22px;}
}

/* Gurus-Ordner: dritte Ebene (Umzugs-Gurus > .de/.ch/.at) */
#tobit-accounts .tobit-branch.lvl2 > .tobit-branch-head{padding-left:42px;background:#fcfbfb;}
#tobit-accounts .tobit-branch.lvl2 .tobit-branch-body > ul > li.tobit-leaf > a{padding-left:62px;}
@media (max-width:768px){
  #tobit-accounts .tobit-branch.lvl2 > .tobit-branch-head{padding-left:62px;}
  #tobit-accounts .tobit-branch.lvl2 .tobit-branch-body > ul > li.tobit-leaf > a{padding-left:96px;}
}