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

/* 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 */
}
#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;}

/* ===== 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-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
   ============================================================ */
#messagelist tbody tr td,
.messagelist tbody tr td,
.messagelist .message .subject,
.messagelist .message .fromto,
.messagelist .message .date{
  color:#9aa2ac !important; font-weight:400 !important;
}
#messagelist tbody tr.unread td,
.messagelist tbody tr.unread td,
.messagelist .message.unread .subject,
.messagelist .message.unread .fromto,
.messagelist .message.unread .from,
.messagelist .message.unread .date{
  color:#111 !important; font-weight:700 !important;
}
/* ausgewaehlte Zeile bleibt gut lesbar (weiss auf rot) */
#messagelist tbody tr.selected td,
.messagelist tbody tr.selected td,
.messagelist .message.selected .subject,
.messagelist .message.selected .fromto{
  color:#fff !important;
}