:root{
  --bg:#f7f9fc;
  --surface:#ffffff;
  --line:#e4e9f2;
  --line-strong:#d3dbea;
  --text:#111827;
  --muted:#667085;
  --green:#32895a;
  --blue:#32895a;
  --orange:#f97316;
  --purple:#8b5cf6;
  --pink:#ec4899;
  --shadow:0 18px 45px rgba(15,23,42,.08);
  --soft-shadow:0 8px 24px rgba(15,23,42,.07);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;color:var(--text)}
a{color:inherit}.btn,button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;background:#fff}.app-shell.no-sidebar{display:block}
.sidebar{position:sticky;top:0;z-index:20;height:100vh;background:rgba(255,255,255,.96);border-right:1px solid var(--line);padding:24px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:34px;text-decoration:none;color:var(--text)}.brand-icon{font-size:30px;line-height:1}.brand strong{display:block;font-size:22px;line-height:1.05;letter-spacing:-.03em}.brand span{display:block;color:var(--muted);font-size:12.5px;margin-top:5px}.side-nav{display:grid;gap:10px;margin-bottom:34px}.side-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none;color:#172033;font-weight:650}.side-nav a.active,.side-nav a:hover{background:#edf8f1;color:#2b754d}.side-nav a.muted-link{color:#263247}.side-nav b{min-width:26px;height:24px;display:grid;place-items:center;background:#e8eef8;border-radius:99px;color:#64748b;font-size:12.5px}.side-section{display:grid;gap:8px}.side-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.side-title{color:#344054;font-weight:700;font-size:14px}.side-mini-btn{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.06);cursor:pointer;font-size:20px;line-height:1}.project-dot-link{display:flex;align-items:center;gap:12px;text-decoration:none;padding:9px 8px;border-radius:10px;font-size:14px}.project-dot-link:hover{background:#f4f7fb}.dot{width:10px;height:10px;border-radius:99px;display:inline-block;flex:0 0 auto}.dot.green{background:var(--green)}.dot.blue{background:var(--blue)}.dot.orange{background:var(--orange)}.dot.purple{background:var(--purple)}.dot.pink{background:var(--pink)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.settings-link{display:flex;gap:10px;align-items:center;text-decoration:none;color:#263247;font-size:14px;padding:8px;border-radius:10px}.settings-link:hover{background:#f4f7fb}
.main{min-width:0;background:#fff}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:15}.top-actions{display:flex;align-items:center;gap:14px}.searchbox{height:46px;min-width:280px;display:flex;align-items:center;gap:9px;border:1px solid #d7deea;background:#fff;border-radius:12px;padding:0 14px;box-shadow:0 5px 16px rgba(15,23,42,.035);color:#203047}.searchbox input{border:0;outline:0;background:transparent;width:100%;font-size:15px}.btn{border:0;border-radius:12px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}.btn.primary{background:#32895a;color:#fff;box-shadow:0 12px 24px rgba(21,148,71,.22)}.btn.primary:hover{background:#2b754d}.btn.secondary{background:#fff;border:1px solid var(--line-strong);color:#263247}.btn.outline{background:#fff;border:1px solid #32895a;color:#2b754d;box-shadow:0 5px 16px rgba(15,23,42,.04)}.btn.danger{background:#fff;border:1px solid #ef4444;color:#dc2626}.btn.warning{background:#fff7ed;border:1px solid #fdba74;color:#c2410c}.icon-btn,.tool-btn{height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#172033;box-shadow:0 7px 18px rgba(15,23,42,.06);cursor:pointer}.icon-btn{width:46px;font-size:18px}.tool-btn{padding:0 14px;font-weight:700}.content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:36px 28px 20px}.content-head h1{font-size:30px;letter-spacing:-.04em;margin:0}.content-head p{color:var(--muted);margin:8px 0 0}.view-tools{display:flex;align-items:center;gap:12px}.zoom-toolbar{height:46px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;overflow:hidden;box-shadow:0 7px 18px rgba(15,23,42,.06)}.zoom-toolbar button{width:40px;height:40px;border:0;background:#fff;cursor:pointer;font-size:20px}.zoom-toolbar button:hover,.icon-btn:hover,.tool-btn:hover{background:#f8fafc}.zoom-toolbar span{min-width:70px;text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line);font-weight:800}
.workspace{position:relative}.mindmap-viewport{overflow:auto;margin:8px 28px 26px;border-radius:22px;background:#fff;min-height:430px}.mindmap-scale{transform-origin:0 0;transition:transform .18s ease}.mindmap-board{display:flex;align-items:flex-start;gap:58px;min-width:max-content;padding:36px 18px 18px}.project-column{position:relative;flex:0 0 246px;min-width:246px;color:var(--green)}.project-column summary{list-style:none}.project-column summary::-webkit-details-marker{display:none}.project-column details{position:relative}.project-node{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:8px;min-height:46px;padding:9px 12px;border:1.7px solid currentColor;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.055);font-weight:900;cursor:pointer}.project-node::after{display:none}.project-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-icon{position:relative;display:inline-block;width:18px;height:14px;flex:0 0 18px;color:currentColor;text-indent:-9999px;overflow:hidden}.project-node small{width:25px;height:25px;border-radius:99px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 13%,white);font-size:12px;color:currentColor}.project-menu{position:absolute;right:-36px;top:12px;width:28px;height:28px;border:0;background:transparent;color:#344054;cursor:pointer;font-weight:900;letter-spacing:1px}.project-branch{position:relative;margin-top:28px;padding-left:30px;display:grid;gap:14px}.project-branch::before{content:"";position:absolute;left:10px;top:-28px;bottom:35px;width:2px;background:currentColor;opacity:.55;border-radius:99px}.project-desc{margin:0 0 2px;color:var(--muted);font-size:12.5px;line-height:1.4}.topic-list{display:grid;gap:14px}.topic-card,.add-topic-form{position:relative}.topic-card::before,.add-topic-form::before{content:"";position:absolute;left:-20px;top:50%;width:20px;height:2px;background:currentColor;opacity:.5}.topic-card::after,.add-topic-form::after{content:"";position:absolute;left:-24px;top:calc(50% - 4px);width:8px;height:8px;border:1.5px solid currentColor;border-radius:99px;background:#fff}.topic-card{min-height:57px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 11px 22px rgba(15,23,42,.075);display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:10px;padding:12px 13px;color:#172033;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.topic-card:hover{transform:translateY(-1px);border-color:#d2dae8;box-shadow:0 16px 32px rgba(15,23,42,.1)}.check-form{margin:0}.checkbox-btn{width:20px;height:20px;border:1.5px solid #c4cfdd;border-radius:6px;background:#fff;color:transparent;display:grid;place-items:center;cursor:pointer;padding:0;line-height:1;font-weight:900}.checkbox-btn:hover{background:#32895a;color:#fff;border-color:#32895a}.topic-title{text-decoration:none;font-weight:780;font-size:14px;line-height:1.34;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%}.topic-title:hover{text-decoration:underline}.topic-menu{width:28px;height:28px;border:0;background:transparent;color:#8190a5;font-size:23px;line-height:1;display:grid;place-items:center;cursor:pointer}.topic-modal-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.topic-modal-tool-form{margin:0}.topic-modal-tool-form .btn{width:100%}.add-topic-form{margin-top:2px}.add-topic-form input{width:176px;min-height:48px;border:1px dashed color-mix(in srgb,currentColor 40%,white);border-radius:12px;background:#fff;color:currentColor;outline:0;font-weight:850;padding:0 17px;box-shadow:0 7px 14px rgba(15,23,42,.035)}.add-topic-form input::placeholder{color:currentColor;opacity:.9}.color-green{color:var(--green)}.color-blue{color:var(--blue)}.color-orange{color:var(--orange)}.color-purple{color:var(--purple)}.color-pink{color:var(--pink)}.color-green .project-node{background:#f0fbf4}.color-blue .project-node{background:#f0f6ff}.color-orange .project-node{background:#fff7ed}.color-purple .project-node{background:#f6f2ff}.color-pink .project-node{background:#fdf2f8}.hidden-by-search{display:none!important}.empty-state{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow);min-width:460px}.empty-state h2{margin-top:0}.empty-state p{color:var(--muted)}
.inbox-panel{margin:8px 28px 96px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.045);padding:20px}.inbox-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.inbox-head h2{font-size:19px;margin:0}.inbox-list{border:1px solid #f0ddaf;border-radius:12px;overflow:hidden;background:#fffaf0}.inbox-row{display:grid;grid-template-columns:26px minmax(0,1fr) 150px 34px;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-bottom:1px solid #eedfbf}.inbox-row:last-child{border-bottom:0}.inbox-row strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row span{color:#667085;font-size:12.5px}.row-menu{border:0;background:transparent;color:#344054;cursor:pointer;font-weight:900}.inbox-empty{padding:18px;color:#667085;background:#fff}.floating-add{position:fixed;right:34px;bottom:18px;z-index:30;width:62px;height:62px;border:0;border-radius:99px;background:#32895a;color:#fff;font-size:36px;line-height:1;box-shadow:0 16px 34px rgba(22,163,74,.32);cursor:pointer}.floating-add:hover{background:#2b754d}.modal{border:0;border-radius:22px;padding:0;background:transparent}.modal::backdrop{background:rgba(15,23,42,.45)}.modal-card{position:relative;width:min(520px,calc(100vw - 28px));background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:24px;display:grid;gap:14px}.modal-card h2{margin:0}.modal-hint{margin:0;color:var(--muted)}.modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:#f1f5f9;cursor:pointer}.modal-card label,.detail-card label{display:grid;gap:8px;font-weight:740}.modal-card input,.modal-card textarea,.modal-card select,.detail-card input,.detail-card textarea{border:1px solid #d8dee9;border-radius:12px;padding:10px;font:inherit;background:#fff}.modal-card textarea{min-height:90px}.install-body{display:grid;place-items:center;min-height:100vh;background:#f8fafc}.install-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;max-width:560px;box-shadow:var(--shadow)}.logo-mark{font-size:42px}.warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px}.archive-list{padding:28px;display:grid;gap:12px}.archive-row{background:#fff;border:1px solid var(--line);border-left:5px solid currentColor;border-radius:16px;padding:16px;box-shadow:var(--soft-shadow);display:flex;justify-content:space-between;align-items:center;gap:18px}.archive-row strong{display:block;color:var(--text)}.archive-row span{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}.detail-layout{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh;background:#fff}.detail-side{background:#fff;border-right:1px solid var(--line);padding:24px}.back-link{text-decoration:none;color:#64748b}.detail-line{height:60px;border-left:2px solid currentColor;margin-left:28px}.project-node.compact{display:inline-flex;grid-template-columns:none}.detail-selected{color:var(--text);margin-left:20px}.detail-main{padding:42px;max-width:920px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px;display:grid;gap:18px}.eyebrow{margin:0;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.button-row{display:flex;gap:12px}.done-bar{margin-top:18px}
@media(max-width:1100px){.mindmap-board{gap:38px}.project-column{flex-basis:235px;min-width:235px}.view-tools{display:none}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side-section,.sidebar-bottom{display:none}.topbar{height:auto;align-items:stretch;padding:18px}.top-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.searchbox{min-width:0;width:100%}.content-head{flex-direction:column;padding:26px 18px 12px}.mindmap-viewport{margin:0 14px 20px}.mindmap-board{padding:26px 8px 10px;gap:30px}.project-column{flex-basis:230px;min-width:230px}.inbox-panel{margin:10px 14px 110px}.inbox-row{grid-template-columns:26px minmax(0,1fr) 34px}.inbox-row span{display:none}.floating-add{right:22px;bottom:16px}.detail-layout{grid-template-columns:1fr}.detail-side{border-right:0;border-bottom:1px solid var(--line)}.detail-main{padding:20px}.archive-row{align-items:flex-start;flex-direction:column}}


/* ==========================================================
   v0.5 – sauberes Linien-Raster
   Ziel: Alle Projekt-Zweige haben dieselbe Achse, dieselbe
   Startposition und exakt gleiche Andockpunkte an Themenkarten.
   ========================================================== */
.mindmap-viewport{
  background:#fff !important;
}
.mindmap-board{
  align-items:flex-start !important;
  gap:64px !important;
  padding:44px 18px 18px !important;
}
.project-column{
  --axis-x:28px;
  --branch-gap:32px;
  flex:0 0 252px !important;
  min-width:252px !important;
}
.project-node{
  min-height:46px !important;
}
.project-node::after{
  left:var(--axis-x) !important;
  top:calc(100% - 1px) !important;
  height:28px !important;
  width:2px !important;
}
.project-branch{
  margin-top:28px !important;
  padding-left:calc(var(--axis-x) + var(--branch-gap)) !important;
  gap:14px !important;
}
.project-branch::before{
  left:var(--axis-x) !important;
  top:-28px !important;
  bottom:28px !important;
  width:2px !important;
  opacity:.50 !important;
}
/* Beschreibungen verschieben die Themen optisch aus der Reihe.
   Für die Arbeitsansicht werden sie daher ausgeblendet; die Detailseite
   bleibt der richtige Ort für längere Beschreibungen. */
.project-desc{
  display:none !important;
}
.topic-list{
  display:grid !important;
  gap:14px !important;
}
.topic-card{
  width:100% !important;
  min-height:56px !important;
}
.add-topic-form{
  height:56px !important;
  margin-top:0 !important;
  display:flex !important;
  align-items:center !important;
}
.add-topic-form input{
  width:100% !important;
  min-height:48px !important;
}
.topic-card::before,
.add-topic-form::before{
  left:calc(-1 * var(--branch-gap)) !important;
  width:var(--branch-gap) !important;
  top:50% !important;
}
.topic-card::after,
.add-topic-form::after{
  left:calc(-1 * var(--branch-gap) - 4px) !important;
  top:calc(50% - 4px) !important;
}
/* Bei leeren Projekten soll der + Button trotzdem sauber an derselben Achse hängen. */
.project-branch > .add-topic-form:first-child::before,
.project-branch > .topic-list:empty + .add-topic-form::before{
  opacity:.45 !important;
}
.project-menu{
  top:10px !important;
}
@media(max-width:1100px){
  .mindmap-board{gap:42px !important;}
  .project-column{flex-basis:246px !important;min-width:246px !important;}
}
@media(max-width:900px){
  .mindmap-board{padding:30px 8px 10px !important;gap:34px !important;}
  .project-column{flex-basis:238px !important;min-width:238px !important;}
}

/* ==========================================================
   v0.8 – Bedienbarkeit
   Projekt- und Themenmenüs bleiben dezent, sind aber direkt nutzbar.
   ========================================================== */
.topic-card{
  grid-template-columns:28px minmax(0,1fr) 30px !important;
}
.topic-menu{
  width:30px;
  height:30px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#64748b;
  cursor:pointer;
  font-size:17px;
  line-height:1;
  font-weight:900;
  display:grid;
  place-items:center;
  letter-spacing:1px;
}
.topic-menu:hover,
.project-menu:hover{
  background:#f1f5f9;
  color:#0f172a;
}
.modal-form-stack{
  display:grid;
  gap:14px;
}
.modal-card .modal-form-stack label,
.modal-card .danger-zone label{
  display:grid;
  gap:8px;
  font-weight:740;
}
.modal-card .modal-form-stack input,
.modal-card .modal-form-stack textarea,
.modal-card .modal-form-stack select{
  border:1px solid #d8dee9;
  border-radius:12px;
  padding:10px;
  font:inherit;
  background:#fff;
}
.danger-zone{
  margin-top:4px;
  border-top:1px solid var(--line);
  padding-top:14px;
  display:flex;
  justify-content:flex-end;
}
.js-project-menu,.js-topic-menu{
  -webkit-tap-highlight-color:transparent;
}
.project-column details:not([open]) .project-branch,
.project-column details:not([open]) .project-menu{
  display:none;
}
.project-column details:not([open]) .project-node{
  opacity:.92;
}


/* ==========================================================
   v0.8 – Inbox/Schnellerfassung praktisch nutzbar
   Inbox-Einträge können direkt in ein Projekt einsortiert werden.
   ========================================================== */
.inbox-row{
  grid-template-columns:26px minmax(180px,1fr) 170px 132px minmax(250px,330px) 34px !important;
  gap:10px !important;
}

.inbox-type-form{
  display:flex;
  align-items:center;
  margin:0;
}
.inbox-type-form select{
  height:34px;
  width:100%;
  border:1px solid #d8dee9;
  border-radius:9px;
  background:#f8fafc;
  color:#263247;
  padding:0 9px;
  font-weight:700;
  min-width:0;
}
.inbox-type-form select:focus{
  outline:2px solid rgba(22,163,74,.18);
  border-color:#32895a;
}

.inbox-move-form{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto;
  gap:8px;
  align-items:center;
}
.inbox-move-form select{
  height:34px;
  border:1px solid #d8dee9;
  border-radius:9px;
  background:#fff;
  color:#263247;
  padding:0 9px;
  min-width:0;
}
.inbox-move-form button{
  height:34px;
  border:1px solid #32895a;
  background:#fff;
  color:#2b754d;
  border-radius:9px;
  padding:0 10px;
  font-weight:800;
  cursor:pointer;
}
.inbox-move-form button:hover{background:#edf8f1}
.inbox-delete-form{display:flex;justify-content:flex-end;margin:0}
.inbox-delete-form .row-menu{
  width:30px;
  height:30px;
  border-radius:9px;
  font-size:20px;
  color:#94a3b8;
}
.inbox-delete-form .row-menu:hover{background:#fef2f2;color:#dc2626}
.modal-card select{
  border:1px solid #d8dee9;
  border-radius:12px;
  padding:10px;
  background:#fff;
  font:inherit;
}
@media(max-width:900px){
  .inbox-row{
    grid-template-columns:26px minmax(0,1fr) 34px !important;
    padding:12px 14px !important;
    min-height:auto !important;
  }
  .inbox-row > span{grid-column:2 / 3}
  .inbox-type-form{grid-column:1 / -1;margin-top:6px}
  .inbox-move-form{grid-column:1 / -1;grid-template-columns:1fr auto;margin-top:6px}
  .inbox-delete-form{grid-column:3 / 4;grid-row:1 / 2}
}

/* ==========================================================
   v0.9 – Themenseite ausgebaut
   Status, Priorität, Fälligkeitsdatum und bessere Detail-UI.
   ========================================================== */
.v09-detail .detail-main{
  padding:38px;
  max-width:none;
  background:#fff;
}
.detail-project-mini{
  margin-top:22px;
}
.detail-project-mini .project-node.compact{
  display:inline-flex;
  min-height:44px;
  gap:8px;
  padding:9px 13px;
}
.detail-project-mini .detail-line{
  height:52px;
  border-left:2px solid currentColor;
  margin-left:26px;
  opacity:.65;
}
.detail-project-mini .detail-selected{
  margin-left:18px;
  color:#172033;
  grid-template-columns:28px minmax(0,1fr);
}
.static-box{
  pointer-events:none;
  color:transparent;
}
.detail-header-v09{
  max-width:1120px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:22px;
}
.detail-header-v09 h1{
  margin:4px 0 8px;
  font-size:34px;
  letter-spacing:-.04em;
}
.detail-header-v09 p:not(.eyebrow){
  color:var(--muted);
  margin:0;
}
.save-badge{
  background:#edf8f1;
  border:1px solid #b7edcb;
  color:#2b754d;
  border-radius:999px;
  padding:9px 13px;
  font-weight:850;
  white-space:nowrap;
}
.topic-detail-grid{
  max-width:1120px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
  align-items:start;
}
.topic-editor-card,
.topic-meta-card{
  box-shadow:0 14px 32px rgba(15,23,42,.06);
}
.topic-editor-card textarea{
  min-height:420px;
  line-height:1.55;
  resize:vertical;
}
.topic-meta-card{
  gap:16px;
  position:sticky;
  top:112px;
}
.topic-meta-card h2{
  margin:0 0 2px;
  font-size:17px;
}
.topic-meta-card select,
.topic-meta-card input[type="date"]{
  border:1px solid #d8dee9;
  border-radius:12px;
  padding:10px;
  font:inherit;
  background:#fff;
}
.meta-facts{
  display:grid;
  gap:10px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:13px 0;
}
.meta-facts div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:12.5px;
}
.meta-facts span{
  color:var(--muted);
}
.meta-facts strong{
  color:#172033;
  text-align:right;
}
.stacked-actions{
  display:grid;
  gap:10px;
}
.stacked-actions .btn{
  width:100%;
}
.v09-done-bar{
  max-width:1120px;
}
@media(max-width:1000px){
  .detail-layout{grid-template-columns:1fr !important;}
  .detail-side{border-right:0;border-bottom:1px solid var(--line);}
  .topic-detail-grid{grid-template-columns:1fr;}
  .topic-meta-card{position:static;}
  .v09-detail .detail-main{padding:24px;}
}

/* ==========================================================
   v1.0 – Heute-Ansicht
   Fällige Themen werden übersichtlich nach Überfällig, Heute und Kommend gruppiert.
   ========================================================== */
.today-head{align-items:center;}
.today-summary{display:flex;gap:12px;align-items:center;}
.today-summary div{
  min-width:96px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 14px;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
.today-summary strong{display:block;font-size:22px;line-height:1;color:#111827;}
.today-summary span{display:block;color:var(--muted);font-size:12px;margin-top:2px;}
.today-page{padding:0 28px 36px;display:grid;gap:18px;max-width:1220px;}
.today-group{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
  overflow:hidden;
}
.today-group-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border-bottom:1px solid var(--line);
  background:#fbfcff;
}
.today-group-head h2{margin:0;font-size:20px;letter-spacing:-.02em;}
.today-group-head p{margin:5px 0 0;color:var(--muted);font-size:14px;}
.today-group-head > span{
  min-width:34px;
  height:34px;
  border-radius:99px;
  display:grid;
  place-items:center;
  background:#edf8f1;
  color:#2b754d;
  font-weight:900;
}
.today-topic-list{display:grid;}
.today-topic-card{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:74px;
  padding:14px 18px;
  border-bottom:1px solid var(--line);
  border-left:5px solid currentColor;
  color:var(--green);
  background:#fff;
}
.today-topic-card:last-child{border-bottom:0;}
.today-topic-card:hover{background:#fafcff;}
.today-topic-main{min-width:0;}
.today-topic-main a{
  display:block;
  color:#172033;
  font-weight:850;
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.today-topic-main a:hover{text-decoration:underline;}
.today-topic-main small{display:flex;align-items:center;gap:8px;color:var(--muted);margin-top:5px;}
.today-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.today-badges span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border-radius:999px;
  padding:0 10px;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.today-date{background:#f1f5f9;color:#334155;}
.status-badge{background:#e9f4ed;color:#3730a3;}
.status-progress{background:#fff7ed;color:#c2410c;}
.status-waiting{background:#fef3c7;color:#92400e;}
.priority-badge{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;}
.priority-high{background:#fef2f2;color:#b91c1c;border-color:#fecaca;}
.priority-low{background:#f0fdf4;color:#2b754d;border-color:#bbf7d0;}
.today-empty{padding:18px 22px;color:var(--muted);background:#fff;}
@media(max-width:900px){
  .today-head{display:block;}
  .today-summary{margin-top:16px;overflow:auto;padding-bottom:3px;}
  .today-topic-card{grid-template-columns:32px minmax(0,1fr);}
  .today-badges{grid-column:2 / 3;justify-content:flex-start;}
}


/* ==========================================================
   v1.1 – Sidebar einklappbar
   Der Zustand wird per localStorage im Browser gemerkt.
   ========================================================== */
.app-shell{
  transition:grid-template-columns .22s ease;
}
.sidebar{
  transition:width .22s ease,padding .22s ease;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}

.sidebar::-webkit-scrollbar{width:8px;}
.sidebar::-webkit-scrollbar-track{background:transparent;}
.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:content-box;}
.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box;}
.brand,.side-nav,.side-section,.sidebar-bottom{flex-shrink:0;}

.side-nav-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.nav-icon{
  width:18px;
  min-width:18px;
  text-align:center;
  font-style:normal;
  line-height:1;
}
.settings-link{
  min-height:44px;
}
.settings-icon{
  width:18px;
  min-width:18px;
  text-align:center;
}
.sidebar-toggle{
  width:100%;
  min-height:38px;
  margin-top:8px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:#263247;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px;
  cursor:pointer;
  font-weight:700;
  text-align:left;
}
.sidebar-toggle:hover{
  background:#f4f7fb;
}
.toggle-icon{
  width:18px;
  min-width:18px;
  display:inline-grid;
  place-items:center;
  font-size:20px;
  line-height:1;
  transition:transform .2s ease;
}
.toggle-text{
  white-space:nowrap;
}
.app-shell.sidebar-collapsed{
  grid-template-columns:86px minmax(0,1fr);
}
.app-shell.sidebar-collapsed .sidebar{
  padding:24px 14px;
}
.app-shell.sidebar-collapsed .brand{
  justify-content:center;
  gap:0;
  margin-bottom:34px;
}
.app-shell.sidebar-collapsed .brand-icon{
  font-size:28px;
}
.app-shell.sidebar-collapsed .brand strong,
.app-shell.sidebar-collapsed .brand span,
.app-shell.sidebar-collapsed .nav-label,
.app-shell.sidebar-collapsed .side-title,
.app-shell.sidebar-collapsed .project-link-label,
.app-shell.sidebar-collapsed .settings-label,
.app-shell.sidebar-collapsed .toggle-text{
  display:none !important;
}
.app-shell.sidebar-collapsed .side-nav a{
  min-height:48px;
  justify-content:center;
  padding:10px;
  position:relative;
}
.app-shell.sidebar-collapsed 
.sidebar::-webkit-scrollbar{width:8px;}
.sidebar::-webkit-scrollbar-track{background:transparent;}
.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:content-box;}
.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box;}
.brand,.side-nav,.side-section,.sidebar-bottom{flex-shrink:0;}

.side-nav-main{
  justify-content:center;
}
.app-shell.sidebar-collapsed .nav-icon{
  font-size:17px;
}
.app-shell.sidebar-collapsed .side-nav b{
  position:absolute;
  right:6px;
  top:6px;
  min-width:18px;
  width:18px;
  height:18px;
  font-size:10px;
}
.app-shell.sidebar-collapsed .side-section-head{
  justify-content:center;
}
.app-shell.sidebar-collapsed .side-mini-btn{
  width:38px;
  height:38px;
  font-size:22px;
}
.app-shell.sidebar-collapsed .project-dot-link{
  justify-content:center;
  padding:12px 8px;
}
.app-shell.sidebar-collapsed .dot{
  width:11px;
  height:11px;
}
.app-shell.sidebar-collapsed .sidebar-bottom{
  display:grid;
  gap:8px;
}
.app-shell.sidebar-collapsed .settings-link,
.app-shell.sidebar-collapsed .sidebar-toggle{
  justify-content:center;
  padding:8px;
}
.app-shell.sidebar-collapsed .toggle-icon{
  transform:rotate(180deg);
}
.app-shell.sidebar-collapsed .sidebar-toggle{
  background:#f8fafc;
}
@media(max-width:760px){
  .app-shell,
  .app-shell.sidebar-collapsed{
    grid-template-columns:1fr;
  }
  .sidebar{
    position:relative;
    height:auto;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .app-shell.sidebar-collapsed .sidebar{
    padding:18px;
  }
  .app-shell.sidebar-collapsed .brand strong,
  .app-shell.sidebar-collapsed .brand span,
  .app-shell.sidebar-collapsed .nav-label,
  .app-shell.sidebar-collapsed .side-title,
  .app-shell.sidebar-collapsed .project-link-label,
  .app-shell.sidebar-collapsed .settings-label,
  .app-shell.sidebar-collapsed .toggle-text{
    display:inline !important;
  }
  .app-shell.sidebar-collapsed .side-nav a,
  .app-shell.sidebar-collapsed .project-dot-link,
  .app-shell.sidebar-collapsed .settings-link,
  .app-shell.sidebar-collapsed .sidebar-toggle{
    justify-content:flex-start;
  }
  .app-shell.sidebar-collapsed .side-nav b{
    position:static;
    min-width:26px;
    width:26px;
    height:24px;
    font-size:12.5px;
  }
}

/* v3.1.95 · Buchungsdetails und Desktop-Zeitraumfilter */
.finance-filter-card{margin:0 32px 18px;padding:18px 20px;background:#fff;border:1px solid #e1e6ee;border-radius:16px;box-shadow:0 6px 22px rgba(23,54,93,.05)}
.finance-filter-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}
.finance-filter-title h2{margin:0;color:#24364b;font-size:1.02rem}
.finance-filter-title p{margin:4px 0 0;color:#7a8696;font-size:.84rem}
.finance-filter-title a{color:#2f75b5;font-size:.82rem;font-weight:750;text-decoration:none}
.finance-filter-grid{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(230px,1fr) minmax(210px,.9fr);gap:12px;align-items:end}
.finance-filter-grid label{display:grid;gap:6px;min-width:0}
.finance-filter-grid label>span{color:#536174;font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.finance-filter-grid input,.finance-filter-grid select{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid #d7dee7;border-radius:10px;background:#fff;color:#34455a;font:inherit}
.finance-filter-grid input:focus,.finance-filter-grid select:focus{outline:3px solid rgba(47,117,181,.14);border-color:#2f75b5}
.finance-filter-submit{grid-column:3;justify-self:end;height:44px;white-space:nowrap}

.finance-transaction-row{cursor:pointer;transition:background-color .14s ease,box-shadow .14s ease}
.finance-transaction-row:hover,.finance-transaction-row:focus{outline:none;background:#f4f8fc;box-shadow:inset 4px 0 0 #2f75b5}
.finance-row-arrow{width:34px;color:#2f75b5!important;font-size:1.55rem!important;font-weight:500;text-align:center!important}
.finance-detail-dialog{width:min(860px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:18px;box-shadow:0 28px 80px rgba(12,32,59,.28);overflow:auto}
.finance-detail-dialog::backdrop{background:rgba(10,24,43,.52);backdrop-filter:blur(2px)}
.finance-detail-shell{padding:0}
.finance-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px 26px 18px;border-bottom:1px solid #e8edf3}
.finance-detail-head h2{margin:0;color:#17365d;font-size:1.4rem}
.finance-detail-head p{margin:7px 0 0;color:#7a8696}
.finance-detail-close{width:38px;height:38px;border:1px solid #dce3eb;border-radius:10px;background:#fff;color:#536174;font-size:1.5rem;cursor:pointer}
.finance-detail-amount{margin:20px 26px 0;font-size:1.8rem;font-weight:850;text-align:right}
.finance-detail-amount.positive{color:#2f7d32}.finance-detail-amount.negative{color:#a63a3a}
.finance-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 26px}
.finance-detail-grid>div{min-width:0;padding:13px 14px;border:1px solid #e5eaf0;border-radius:11px;background:#f8fafc}
.finance-detail-grid span{display:block;margin-bottom:5px;color:#7a8696;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.finance-detail-grid strong{display:block;overflow-wrap:anywhere;color:#34455a;font-size:.9rem}
.finance-detail-grid .finance-detail-id{grid-column:span 2}
.finance-original-text{margin:0 26px;padding:18px;border-radius:12px;background:#fff7df;border:1px solid #f3df9f}
.finance-original-text h3{margin:0 0 8px;color:#674d08;font-size:.9rem}
.finance-original-text p{margin:0;color:#5d5235;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.finance-detail-shell footer{display:flex;justify-content:flex-end;padding:20px 26px 24px}
@media(max-width:1050px){.finance-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-filter-submit{grid-column:2;justify-self:end}}
@media(max-width:680px){.finance-filter-grid{grid-template-columns:1fr}.finance-filter-submit{grid-column:1;width:100%}}

/* v3.1.98 · Finanzmodul ohne Topbar, Buchungskopf am oberen Rand */
.finance-table-card{overflow:visible}
.finance-table-scroll{overflow:visible}
.finance-table-card thead th{
  position:sticky;
  top:0;
  z-index:14;
  background:#f4f7fa;
  box-shadow:0 2px 0 #dfe5ed,0 7px 14px rgba(23,54,93,.08);
}

/* v3.1.99 · Kontrollierter Finanzimport */
.finance-import-message{margin:0 32px 18px;padding:14px 16px;border-radius:12px;font-weight:800}
.finance-import-message.success{border:1px solid #b9dfc8;background:#edf8f1;color:#23784e}
.finance-import-message.error{border:1px solid #f1b6b0;background:#fff1ef;color:#a12616}
.finance-import-upload,.finance-import-preview,.finance-import-history{margin:0 32px 22px}
.finance-import-form{display:grid;grid-template-columns:minmax(320px,1fr) auto;align-items:end;gap:14px}
.finance-import-form label{display:grid;gap:7px;color:#536174;font-size:.82rem;font-weight:800}
.finance-import-form input[type=file]{min-height:48px;padding:10px;border:1px solid #d7dee7;border-radius:11px;background:#fff}
.finance-import-requirements{margin-top:14px;padding:13px 15px;border-radius:10px;background:#f4f7fa;color:#687386;font-size:.84rem;line-height:1.55}
.finance-import-requirements>strong,.finance-import-requirements>span{display:block}
.finance-import-columns{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.finance-import-columns code{padding:4px 7px;border:1px solid #dce4ec;border-radius:7px;background:#fff;color:#34455a;font-family:inherit;font-size:.76rem;font-weight:800}
.finance-import-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.finance-import-summary article{padding:14px;border:1px solid #e1e6ee;border-radius:12px;background:#f8fafc}
.finance-import-summary span{display:block;color:#687386;font-size:.76rem;font-weight:800}
.finance-import-summary strong{display:block;margin-top:5px;color:#17365d;font-size:1.45rem}
.finance-import-summary .ready{background:#edf8f1;border-color:#c9e7d5}.finance-import-summary .ready strong{color:#23784e}
.finance-import-summary .duplicate{background:#fff8e8;border-color:#f3df9f}.finance-import-summary .duplicate strong{color:#805c00}
.finance-import-summary .error{background:#fff1ef;border-color:#f1b6b0}.finance-import-summary .error strong{color:#a12616}
.finance-import-table{overflow:auto;border:1px solid #e1e6ee;border-radius:12px}
.finance-import-table table{width:100%;min-width:850px;border-collapse:collapse}
.finance-import-table th,.finance-import-table td{padding:11px 12px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:top}
.finance-import-table th{background:#f4f7fa;color:#536174;font-size:.76rem;text-transform:uppercase}
.finance-import-table td{color:#39495c;font-size:.86rem}.finance-import-table td strong,.finance-import-table td small{display:block}.finance-import-table td small{margin-top:3px;color:#8a94a4}
.finance-import-table .number{text-align:right;white-space:nowrap}.finance-import-table .positive{color:#2f7d32;font-weight:800}.finance-import-table .negative{color:#a63a3a;font-weight:800}
.finance-import-row-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:900;background:#e2f0d9;color:#276221}
.finance-import-row-status.dublette{background:#fff2cc;color:#805c00}.finance-import-row-status.fehler{background:#fce4d6;color:#a12616}.finance-import-row-status.importiert,.finance-import-row-status.aktualisiert{background:#dceaf8;color:#245d8f}.finance-import-row-status.korrektur{background:#e8e2f6;color:#563d7c}
.finance-import-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.finance-import-actions form{margin:0}.finance-import-actions .btn:disabled{cursor:not-allowed;opacity:.48}
.finance-import-limit{margin:12px 0 0!important;color:#687386;font-size:.82rem}
.finance-import-history-list{display:grid;border:1px solid #e1e6ee;border-radius:12px;overflow:hidden}
.finance-import-history-list a{display:grid;grid-template-columns:minmax(0,1fr) auto 120px;align-items:center;gap:14px;padding:13px 15px;border-bottom:1px solid #edf0f4;color:#39495c;text-decoration:none}
.finance-import-history-list a:last-child{border-bottom:0}.finance-import-history-list a:hover{background:#f8fafc}
.finance-import-history-list strong,.finance-import-history-list small{display:block}.finance-import-history-list small{margin-top:3px;color:#8a94a4}.finance-import-history-list b{text-align:right;color:#17365d;font-size:.82rem}
.finance-cleanup-card{margin:0 32px 22px;border-color:#f1c4bd;background:#fffaf9}
.finance-cleanup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.finance-cleanup-summary>div{padding:14px;border:1px solid #f0d8d3;border-radius:12px;background:#fff}
.finance-cleanup-summary span{display:block;color:#7f625d;font-size:.76rem;font-weight:800}
.finance-cleanup-summary strong{display:block;margin-top:5px;color:#7f281e;font-size:1.05rem}
.finance-cleanup-action{display:flex;justify-content:flex-end}
.btn.danger{border-color:#b83b2d;background:#b83b2d;color:#fff}.btn.danger:hover{background:#992f23}

/* ==========================================================
   v1.3 – Projekt-Reihenfolge und bessere Projektbedienung
   Reihenfolge wird im Projekt-Dialog per Nach-links/Nach-rechts gesteuert.
   ========================================================== */
.project-order-zone{
  border-top:1px solid var(--line);
  padding-top:14px;
  display:grid;
  gap:10px;
}
.project-order-zone h3{
  margin:0;
  font-size:16px;
  letter-spacing:-.02em;
}
.project-order-zone p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.4;
}
.project-order-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.project-order-actions form{margin:0;display:block}
.project-order-actions .btn{width:100%;height:44px}
.project-menu{
  border-radius:10px !important;
  width:32px !important;
  height:32px !important;
  display:grid !important;
  place-items:center !important;
}
.project-node:hover + .project-menu,
.project-menu:hover{
  background:#f1f5f9 !important;
}
@media(max-width:620px){
  .project-order-actions{grid-template-columns:1fr}
}


/* ==========================================================
   v1.6 – Diktat mit Start/Stop
   Der grüne Plus-Button bleibt zentral, der Dialog erkennt einfache Sätze.
   ========================================================== */
.smart-modal-card{
  width:min(640px,calc(100vw - 28px)) !important;
}
.smart-capture-preview{
  border:1px solid #d8dee9;
  background:#f8fafc;
  border-radius:14px;
  padding:12px 14px;
  display:grid;
  gap:4px;
  font-size:12.5px;
}
.smart-capture-preview strong{
  color:#263247;
}
.smart-capture-preview span{
  color:#667085;
  line-height:1.4;
}
.smart-capture-preview.smart-topic{
  border-color:#bbf7d0;
  background:#f0fdf4;
}
.smart-capture-preview.smart-project{
  border-color:#cfe7d9;
  background:#e9f4ed;
}
.smart-capture-preview.smart-inbox{
  border-color:#fde68a;
  background:#fffbeb;
}
.smart-capture-preview.smart-listening{
  border-color:#c4b5fd;
  background:#f5f3ff;
}
.smart-examples{
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
}
.smart-examples summary{
  cursor:pointer;
  font-weight:800;
  color:#344054;
}
.smart-examples p{
  margin:9px 0 0;
  color:#667085;
  font-size:12.5px;
  line-height:1.45;
}
.smart-examples code{
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:8px;
  padding:2px 6px;
  color:#1f2937;
}
.icon-btn.listening{
  background:#f5f3ff !important;
  border-color:#a78bfa !important;
  animation:pulseListen 1s infinite;
}
@keyframes pulseListen{
  0%{box-shadow:0 0 0 0 rgba(139,92,246,.25)}
  70%{box-shadow:0 0 0 10px rgba(139,92,246,0)}
  100%{box-shadow:0 0 0 0 rgba(139,92,246,0)}
}


/* ==========================================================
   v1.6 – Diktat gezielt starten und stoppen
   ========================================================== */
.dictation-controls{
  border:1px solid #e2e8f0;
  background:#ffffff;
  border-radius:14px;
  padding:10px;
  display:grid;
  gap:10px;
}
.dictation-status{
  min-height:22px;
  color:#667085;
  font-size:12.5px;
  line-height:1.45;
  background:#f8fafc;
  border:1px solid #edf2f7;
  border-radius:10px;
  padding:9px 11px;
}
.dictation-status.dictation-active{
  color:#5b21b6;
  background:#f5f3ff;
  border-color:#c4b5fd;
  font-weight:800;
}
.dictation-status.dictation-done{
  color:#2b754d;
  background:#f0fdf4;
  border-color:#bbf7d0;
}
.dictation-status.dictation-error{
  color:#b91c1c;
  background:#fef2f2;
  border-color:#fecaca;
}
.dictation-status.dictation-ready{
  color:#344054;
}
.dictation-buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.dictation-buttons .btn:disabled{
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none;
}
@media(max-width:620px){
  .dictation-buttons{display:grid;grid-template-columns:1fr}
}


/* ==========================================================
   v1.7 – Ladeanzeige statt weißer Zwischenseite
   ========================================================== */
.action-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.62);
  backdrop-filter:blur(4px);
  opacity:0;
  pointer-events:none;
  transition:opacity .14s ease;
}
.action-overlay.is-visible{
  opacity:1;
  pointer-events:auto;
}
.action-overlay-card{
  min-width:260px;
  max-width:calc(100vw - 40px);
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(15,23,42,.16);
  display:grid;
  justify-items:center;
  gap:8px;
  padding:24px 28px;
  color:#111827;
}
.action-overlay-card strong{
  font-size:17px;
}
.action-overlay-card span{
  color:#667085;
  font-size:12.5px;
}
.action-spinner{
  width:34px;
  height:34px;
  border-radius:999px;
  border:3px solid #dbe4ef;
  border-top-color:#32895a;
  animation:actionSpin .75s linear infinite;
}
@keyframes actionSpin{to{transform:rotate(360deg)}}

.ajax-error-note{
  position:fixed;
  right:28px;
  bottom:110px;
  z-index:9999;
  max-width:420px;
  background:#fff7ed;
  color:#9a3412;
  border:1px solid #fed7aa;
  border-radius:14px;
  box-shadow:0 18px 45px rgba(15,23,42,.16);
  padding:14px 16px;
  font-weight:750;
}

/* ==========================================================
   v1.8 – Themenseite: Checkliste, Links und Dateien
   ========================================================== */
.v18-detail .detail-main{
  max-width:1180px;
}
.topic-extra-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}
.topic-extra-card{
  align-content:start;
  gap:14px;
}
.topic-extra-card#checklist{
  grid-row:span 2;
}
.extra-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.extra-card-head h2{
  margin:0;
  font-size:20px;
  letter-spacing:-.02em;
}
.extra-card-head p{
  margin:6px 0 0;
  color:#667085;
  font-size:12.5px;
  line-height:1.45;
}
.progress-pill,.count-pill{
  min-width:44px;
  height:34px;
  padding:0 12px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#edf8f1;
  color:#2b754d;
  font-weight:900;
  border:1px solid #c7efd6;
}
.progress-track{
  height:10px;
  border-radius:999px;
  background:#eef2f7;
  overflow:hidden;
}
.progress-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:#32895a;
  min-width:0;
  transition:width .2s ease;
}
.checklist-items,.resource-list{
  display:grid;
  gap:10px;
}
.checklist-row,.resource-row{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 34px;
  align-items:center;
  gap:10px;
  min-height:48px;
  border:1px solid #e3eaf3;
  border-radius:13px;
  background:#fff;
  padding:10px 12px;
  box-shadow:0 7px 18px rgba(15,23,42,.035);
}
.checklist-row.is-done span{
  color:#94a3b8;
  text-decoration:line-through;
}
.checklist-row.is-done .checkbox-btn{
  color:#fff;
  background:#32895a;
  border-color:#32895a;
}
.checklist-row span{
  font-weight:740;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.inline-add-form,.link-add-form,.file-add-form{
  display:grid;
  gap:10px;
  margin-top:2px;
}
.inline-add-form{
  grid-template-columns:minmax(0,1fr) auto;
}
.link-add-form{
  grid-template-columns:minmax(0,.75fr) minmax(0,1fr) auto;
}
.file-add-form{
  grid-template-columns:minmax(0,1fr) auto;
}
.inline-add-form input,.link-add-form input,.file-add-form input[type="file"]{
  border:1px solid #d8dee9;
  border-radius:12px;
  padding:11px 12px;
  background:#fff;
  font:inherit;
}
.resource-icon{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#f1f5f9;
}
.resource-main{
  min-width:0;
  display:grid;
  gap:3px;
}
.resource-main a{
  font-weight:820;
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.resource-main a:hover{text-decoration:underline}
.resource-main small{
  color:#667085;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mini-delete{
  width:32px;
  height:32px;
  border:0;
  border-radius:10px;
  background:#f8fafc;
  color:#94a3b8;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.mini-delete:hover{
  background:#fef2f2;
  color:#dc2626;
}
.soft-empty{
  border:1px dashed #d8dee9;
  border-radius:13px;
  padding:16px;
  color:#667085;
  background:#fafcff;
}
.tiny-hint{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
@media(max-width:1100px){
  .topic-extra-grid{grid-template-columns:1fr}
  .topic-extra-card#checklist{grid-row:auto}
}
@media(max-width:720px){
  .inline-add-form,.link-add-form,.file-add-form{grid-template-columns:1fr}
  .topic-extra-grid{margin-top:14px}
}

/* ==========================================================
   v1.8.1 – Fix Themenseite / responsive Detail-Vorschau
   Die Mini-Baumdarstellung links war auf kleineren Bildschirmen zu groß
   und hat durch alte Karten-Connectoren kaputt gewirkt.
   ========================================================== */
.detail-project-mini .detail-selected::before,
.detail-project-mini .detail-selected::after{
  display:none !important;
}
.detail-project-mini .detail-selected{
  width:min(100%, 260px);
  min-height:54px;
  margin-left:18px;
  padding:10px 13px;
  box-shadow:0 10px 24px rgba(15,23,42,.07);
}
.detail-project-mini .detail-selected strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.detail-project-mini .project-node.compact{
  max-width:260px;
}
.detail-project-mini .project-node.compact span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:1000px){
  .detail-side{
    padding:22px 24px !important;
  }
  .detail-project-mini{
    margin-top:16px;
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
  }
  .detail-project-mini .detail-line{
    display:none !important;
  }
  .detail-project-mini .project-node.compact,
  .detail-project-mini .detail-selected{
    width:auto;
    max-width:100%;
    margin-left:0;
  }
  .detail-project-mini .detail-selected{
    grid-template-columns:26px minmax(0,1fr);
  }
  .detail-header-v09{
    margin-top:0;
  }
}
@media(max-width:620px){
  .detail-side{
    padding:18px 16px !important;
  }
  .detail-project-mini{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .detail-project-mini .project-node.compact,
  .detail-project-mini .detail-selected{
    width:100%;
  }
}

/* ==========================================================
   v1.8.2 – Themenseite vereinfacht
   Mini-Baum entfernt; Checkliste, Links und Dateien öffnen als Pop-ups.
   ========================================================== */
.topic-page{
  min-height:100vh;
  background:#f8fafc;
  padding:28px;
}
.topic-page-main{
  max-width:1180px;
  margin:0 auto;
}
.topic-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:24px;
}
.topic-back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:17px;
  font-weight:800;
  color:#64748b;
}
.topic-back-link:hover{color:#172033}
.topic-project-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1.5px solid currentColor;
  background:color-mix(in srgb,currentColor 9%,white);
  color:currentColor;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
.topic-clean-header{
  max-width:none;
  margin-bottom:18px;
}
.topic-clean-header h1{
  font-size:40px;
}
.topic-quick-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 16px;
  max-width:1120px;
}
.topic-action-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:12px;
  text-align:left;
  border:1px solid #dfe6f1;
  background:#fff;
  border-radius:18px;
  padding:16px;
  box-shadow:0 12px 28px rgba(15,23,42,.055);
  cursor:pointer;
  color:#172033;
}
.topic-action-card:hover{
  transform:translateY(-1px);
  border-color:#cfd8e7;
  box-shadow:0 16px 34px rgba(15,23,42,.08);
}
.topic-action-icon{
  grid-row:1 / 3;
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#edf8f1;
  color:#2b754d;
  font-size:20px;
}
.topic-action-card strong{
  font-size:17px;
  letter-spacing:-.02em;
}
.topic-action-card small{
  color:#667085;
  font-weight:700;
  margin-top:3px;
}
.topic-detail-grid-clean{
  max-width:1120px;
}
.topic-clean-done{
  margin-top:18px;
}
.topic-popup{
  width:min(760px,calc(100vw - 30px));
}
.topic-popup-card{
  width:100%;
  max-height:min(82vh,760px);
  overflow:hidden;
}
.topic-popup-card .extra-card-head{
  padding-right:38px;
}
.popup-list-scroll{
  max-height:46vh;
  overflow:auto;
  padding-right:4px;
}
.topic-popup .link-add-form{
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;
}
.topic-popup .file-add-form{
  grid-template-columns:minmax(0,1fr) auto;
}
@media(max-width:900px){
  .topic-page{padding:18px}
  .topic-topline{align-items:flex-start;flex-direction:column}
  .topic-clean-header{display:grid}
  .topic-clean-header h1{font-size:32px}
  .topic-quick-actions{grid-template-columns:1fr}
  .topic-detail-grid-clean{grid-template-columns:1fr}
  .topic-popup .link-add-form,
  .topic-popup .file-add-form{grid-template-columns:1fr}
}


/* ==========================================================
   v1.8.3 – besserer Fälligkeitsdatum-Picker
   ========================================================== */
.date-picker-field{
  gap:10px !important;
}
.date-input-wrap{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  border:1px solid #d8dee9;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 7px 18px rgba(15,23,42,.035);
}
.date-input-icon{
  display:grid;
  place-items:center;
  height:46px;
  color:#64748b;
  border-right:1px solid #eef2f7;
}
.topic-meta-card .date-input-wrap input[type="date"]{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  min-height:46px;
  padding:0 12px !important;
  width:100%;
  font-weight:800;
  color:#172033;
}
.topic-meta-card .date-input-wrap input[type="date"]:focus{
  outline:0;
}
.date-input-wrap:focus-within{
  border-color:#32895a;
  box-shadow:0 0 0 4px rgba(22,163,74,.10);
}
.date-open-btn{
  height:46px;
  border:0;
  border-left:1px solid #eef2f7;
  background:#f8fafc;
  color:#2b754d;
  font-weight:850;
  padding:0 13px;
  cursor:pointer;
}
.date-open-btn:hover{
  background:#edf8f1;
}
.date-quick-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.date-quick-btn{
  min-height:36px;
  border:1px solid #cfe8d8;
  border-radius:11px;
  background:#f7fdf9;
  color:#2b754d;
  font-weight:850;
  cursor:pointer;
  padding:0 8px;
  white-space:nowrap;
}
.date-quick-btn:hover{
  background:#edf8f1;
  border-color:#32895a;
}
.date-quick-btn.muted{
  border-color:#e2e8f0;
  background:#fff;
  color:#64748b;
}
.date-quick-btn.muted:hover{
  background:#f8fafc;
  color:#172033;
  border-color:#cbd5e1;
}
@media(max-width:620px){
  .date-input-wrap{
    grid-template-columns:36px minmax(0,1fr);
  }
  .date-open-btn{
    grid-column:1 / -1;
    border-left:0;
    border-top:1px solid #eef2f7;
  }
  .date-quick-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* ==========================================================
   v1.8.4 – kompakterer Fälligkeitsdatum-Picker
   ========================================================== */
.date-input-wrap{
  grid-template-columns:34px minmax(0,1fr) auto;
  border-radius:12px;
}
.date-input-icon{
  height:40px;
  font-size:15px;
}
.topic-meta-card .date-input-wrap input[type="date"]{
  min-height:40px;
  padding:0 10px !important;
  font-size:15px;
  font-weight:750;
  letter-spacing:0;
}
.date-open-btn{
  height:40px;
  padding:0 10px;
  font-size:14px;
  font-weight:800;
}
.date-quick-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.date-quick-btn{
  flex:0 0 auto;
  min-height:32px;
  border-radius:10px;
  padding:0 11px;
  font-size:14px;
  font-weight:800;
  line-height:1;
}
@media(max-width:620px){
  .date-input-wrap{
    grid-template-columns:34px minmax(0,1fr) auto;
  }
  .date-open-btn{
    grid-column:auto;
    border-top:0;
    border-left:1px solid #eef2f7;
  }
  .date-quick-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .date-quick-btn{
    width:100%;
    padding:0 8px;
    font-size:14px;
  }
}
@media(max-width:420px){
  .date-input-wrap{
    grid-template-columns:32px minmax(0,1fr);
  }
  .date-open-btn{
    grid-column:1 / -1;
    border-left:0;
    border-top:1px solid #eef2f7;
    justify-content:center;
  }
}

/* ==========================================================
   v1.8.5 – moderner eigener Kalender statt Browser-Datepicker
   ========================================================== */
.date-picker-field{
  position:relative;
}
.modern-date-wrap{
  grid-template-columns:34px minmax(0,1fr) auto;
}
.topic-meta-card .date-input-wrap input[type="hidden"]{
  display:none!important;
}
.date-display-btn{
  height:40px;
  border:0;
  background:#fff;
  color:#172033;
  font-weight:800;
  font-size:15px;
  text-align:left;
  padding:0 12px;
  cursor:pointer;
  min-width:0;
  overflow:hidden;
}
.date-display-btn span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.date-display-btn:hover{
  background:#f8fafc;
}
.custom-date-popover{
  position:absolute;
  z-index:80;
  top:86px;
  left:0;
  width:min(314px, calc(100vw - 48px));
  background:#fff;
  border:1px solid #dbe3ef;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(15,23,42,.18);
  padding:14px;
}
.custom-date-popover[hidden]{display:none!important;}
.custom-date-popover::before{
  content:"";
  position:absolute;
  top:-8px;
  left:26px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:#fff;
  border-left:1px solid #dbe3ef;
  border-top:1px solid #dbe3ef;
}
.custom-date-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.custom-date-head strong{
  font-size:16px;
  letter-spacing:-.02em;
  color:#111827;
}
.custom-date-nav{
  width:34px;
  height:34px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#f8fafc;
  color:#172033;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
}
.custom-date-nav:hover{
  background:#edf8f1;
  border-color:#bbf7d0;
  color:#2b754d;
}
.custom-date-weekdays,
.custom-date-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:6px;
}
.custom-date-weekdays{
  margin-bottom:7px;
}
.custom-date-weekdays span{
  text-align:center;
  color:#64748b;
  font-size:12px;
  font-weight:850;
}
.custom-date-day{
  height:34px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:#172033;
  font-weight:750;
  cursor:pointer;
}
.custom-date-day:hover{
  background:#edf8f1;
  color:#2b754d;
}
.custom-date-day.is-muted{
  color:#cbd5e1;
}
.custom-date-day.is-today{
  outline:2px solid #bbf7d0;
  outline-offset:-2px;
  color:#2b754d;
}
.custom-date-day.is-selected{
  background:#32895a;
  color:#fff;
  box-shadow:0 8px 18px rgba(22,163,74,.25);
}
.custom-date-day.is-selected:hover{
  background:#2b754d;
  color:#fff;
}
@media(max-width:620px){
  .custom-date-popover{
    position:fixed;
    left:16px;
    right:16px;
    top:auto;
    bottom:18px;
    width:auto;
    max-width:none;
  }
  .custom-date-popover::before{display:none;}
}
@media(max-width:420px){
  .modern-date-wrap{
    grid-template-columns:32px minmax(0,1fr);
  }
  .modern-date-wrap .date-open-btn{
    grid-column:1 / -1;
  }
}


/* ==========================================================
   v1.8.6 – Diktatbereich für Inhalt / Notizen auf Themenseite
   ========================================================== */
.note-dictation-panel{
  border:1px solid #e2e8f0;
  background:#f8fafc;
  border-radius:16px;
  padding:13px;
  display:grid;
  gap:10px;
  margin-top:-4px;
}
.note-dictation-panel .dictation-status{
  background:#fff;
}
.note-dictation-panel small{
  color:#64748b;
  line-height:1.45;
  font-weight:650;
}
.note-dictation-buttons .btn{
  min-height:40px;
}
.note-dictation-buttons .btn.listening{
  background:#f5f3ff !important;
  border-color:#a78bfa !important;
  animation:pulseListen 1s infinite;
}
@media(max-width:620px){
  .note-dictation-buttons{display:grid;grid-template-columns:1fr}
}


/* v1.8.7 – Inbox als Pop-up in der Topbar */
.inbox-top-btn{
  position:relative;
  padding-inline:14px;
}
.inbox-top-btn b{
  min-width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  border-radius:99px;
  background:#e8eef8;
  color:#64748b;
  font-size:12.5px;
  margin-left:2px;
}
.inbox-modal-card{
  width:min(1180px, calc(100vw - 32px));
  max-height:min(82vh, 760px);
  padding:24px;
}
.inbox-modal-scroll{
  overflow:auto;
  max-height:calc(min(82vh, 760px) - 48px);
  padding-right:4px;
}
.inbox-modal-card .inbox-head{
  padding-right:44px;
  flex-wrap:wrap;
}
.inbox-add-topic-btn{
  white-space:nowrap;
}
.inbox-modal-card .inbox-list{
  max-height:58vh;
  overflow:auto;
}
.inbox-modal-card .inbox-row{
  grid-template-columns:26px minmax(160px,1fr) 170px 150px minmax(280px,430px) 34px;
}
@media(max-width:900px){
  .inbox-top-btn,.inbox-add-topic-btn{width:100%;}
  .inbox-modal-card{width:calc(100vw - 22px);padding:18px;}
  .inbox-modal-card .inbox-row{
    grid-template-columns:26px minmax(0,1fr) 34px !important;
  }
}


/* ==========================================================
   v1.9.0 – Checkliste fest rechts in der Eigenschaften-Spalte
   ========================================================== */
.topic-quick-actions-secondary{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1120px;
}
.topic-detail-grid-clean{
  grid-template-columns:minmax(0,1fr) 380px;
  align-items:start;
}
.topic-editor-card{
  height:max-content;
}
.topic-right-stack{
  display:grid;
  gap:18px;
  align-self:start;
  position:sticky;
  top:24px;
}
.topic-right-stack .topic-meta-card{
  position:static;
}
.topic-side-checklist-card{
  gap:14px;
  box-shadow:0 14px 32px rgba(15,23,42,.06);
}
.topic-side-checklist-card .extra-card-head h2{
  font-size:17px;
}
.topic-side-checklist-card .extra-card-head p{
  font-size:12.5px;
}
.topic-side-checklist-list{
  max-height:360px;
  overflow:auto;
  padding-right:4px;
}
.topic-side-checklist-card .checklist-row{
  min-height:44px;
  padding:8px;
  grid-template-columns:28px minmax(0,1fr) 30px;
}
.topic-side-checklist-card .checklist-row span{
  font-size:14px;
}
.topic-side-checklist-add{
  grid-template-columns:minmax(0,1fr);
}
.topic-side-checklist-add .btn{
  width:100%;
}
.topic-side-checklist-card .soft-empty{
  background:#f8fafc;
  border:1px dashed #d8e0ec;
  border-radius:13px;
  padding:14px;
  color:#667085;
  font-weight:700;
}
@media(max-width:980px){
  .topic-detail-grid-clean{
    grid-template-columns:1fr;
  }
  .topic-right-stack{
    position:static;
  }
  .topic-quick-actions-secondary{
    max-width:none;
  }
}
@media(max-width:620px){
  .topic-quick-actions-secondary{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   v1.9.1 – Eigenschaften als Pop-up, Checkliste bleibt rechts
   ========================================================== */
.topic-editor-save-row{
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-top:2px;
}
.properties-popup-card{
  overflow:visible;
}
.properties-popup-grid{
  display:grid;
  gap:14px;
}
.properties-popup-grid label{
  display:grid;
  gap:8px;
  font-weight:740;
}
.properties-popup-grid select{
  border:1px solid #d8dee9;
  border-radius:12px;
  padding:10px;
  background:#fff;
  font:inherit;
}
.properties-popup-grid .date-input-wrap input[type="hidden"]{
  display:none!important;
}
.properties-meta-facts{
  margin-top:4px;
}
.properties-popup-actions{
  justify-content:flex-start;
  flex-wrap:wrap;
}
@media(max-width:760px){
  .topic-quick-actions-secondary{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   v2.0 – Mobile Ansicht
   Ziel: unterwegs schneller nutzbar, weniger Sidebar-Fläche,
   bessere Touch-Bedienung und saubere Themenseite auf Handy.
   ========================================================== */
.mobile-bottom-nav{display:none;}

@media(max-width:760px){
  html{scroll-padding-bottom:94px;}
  body{padding-bottom:86px;background:#fff;}

  /* Sidebar auf Handy ausblenden: Navigation kommt unten als App-Leiste. */
  .app-shell,
  .app-shell.sidebar-collapsed{
    display:block!important;
    grid-template-columns:1fr!important;
  }
  .sidebar{display:none!important;}
  .main{width:100%;min-width:0;}

  .mobile-bottom-nav{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:80;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    padding:8px;
    border:1px solid rgba(226,232,240,.95);
    border-radius:22px;
    background:rgba(255,255,255,.96);
    box-shadow:0 20px 45px rgba(15,23,42,.16);
    backdrop-filter:blur(14px);
  }
  .mobile-bottom-link{
    position:relative;
    min-width:0;
    min-height:54px;
    display:grid;
    place-items:center;
    gap:2px;
    border:0;
    border-radius:16px;
    background:transparent;
    color:#475569;
    text-decoration:none;
    font:inherit;
    font-weight:850;
    cursor:pointer;
  }
  .mobile-bottom-link span{font-size:19px;line-height:1;}
  .mobile-bottom-link strong{font-size:11px;line-height:1;white-space:nowrap;}
  .mobile-bottom-link.active{
    background:#edf8f1;
    color:#2b754d;
  }
  .mobile-bottom-link em{
    position:absolute;
    top:4px;
    right:8px;
    min-width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border-radius:99px;
    background:#32895a;
    color:#fff;
    font-size:10px;
    font-style:normal;
    padding:0 5px;
  }

  /* Topbar kompakter und fingerfreundlich. */
  .topbar{
    height:auto!important;
    position:sticky;
    top:0;
    z-index:50;
    padding:10px 12px!important;
    border-bottom:1px solid #e8eef6;
  }
  .topbar-spacer{display:none;}
  .top-actions{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr 1fr 46px;
    gap:8px!important;
    align-items:center;
  }
  .searchbox{
    grid-column:1 / -1;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    border-radius:13px!important;
  }
  .top-actions .btn{
    min-height:42px;
    padding:9px 10px;
    font-size:12.5px;
    border-radius:13px;
  }
  .top-actions .icon-btn{
    width:46px;
    height:42px;
    border-radius:13px;
  }
  .inbox-top-btn b{min-width:20px;height:20px;font-size:11px;}

  .content-head{
    padding:18px 14px 8px!important;
    gap:12px!important;
  }
  .content-head h1{font-size:25px!important;}
  .content-head p{font-size:14px;line-height:1.4;}
  .view-tools{display:none!important;}

  /* Übersicht: auf Handy nicht zoomen, sondern lesbare Karten horizontal scrollen. */
  .mindmap-viewport{
    margin:0 0 18px!important;
    border-radius:0!important;
    min-height:calc(100vh - 220px);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }
  .mindmap-scale{
    transform:none!important;
    width:100%!important;
  }
  .mindmap-board{
    gap:22px!important;
    padding:22px 16px 24px!important;
  }
  .project-column{
    flex:0 0 min(82vw, 330px)!important;
    min-width:min(82vw, 330px)!important;
    scroll-snap-align:start;
    --axis-x:22px;
    --branch-gap:24px;
  }
  .project-node{
    min-height:48px!important;
    border-radius:14px!important;
    padding:10px 12px!important;
  }
  .project-menu{
    right:-6px!important;
    top:-12px!important;
    width:34px!important;
    height:34px!important;
    border:1px solid #e2e8f0!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 8px 18px rgba(15,23,42,.10)!important;
  }
  .project-branch{
    margin-top:24px!important;
    padding-left:calc(var(--axis-x) + var(--branch-gap))!important;
  }
  .project-branch::before{top:-24px!important;}
  .topic-card{
    min-height:54px!important;
    border-radius:14px!important;
    box-shadow:0 10px 22px rgba(15,23,42,.07)!important;
  }
  .topic-menu{width:34px;height:34px;border-radius:12px;}
  .add-topic-form input{min-height:46px!important;border-radius:14px!important;}

  .floating-add{
    right:18px!important;
    bottom:86px!important;
    width:58px!important;
    height:58px!important;
    font-size:34px!important;
    z-index:75!important;
  }

  /* Dialoge auf Handy als großzügige Bottom-Sheets/Vollflächen. */
  .modal{
    width:100%;
    max-width:none;
  }
  .modal-card,
  .smart-modal-card,
  .topic-popup-card,
  .properties-popup-card,
  .inbox-modal-card{
    width:calc(100vw - 18px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 26px)!important;
    overflow:auto!important;
    border-radius:22px!important;
    padding:18px!important;
  }
  .modal-card h2{font-size:21px;}
  .modal-close{right:12px;top:12px;}
  .button-row,.dictation-buttons,.project-order-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .btn{min-height:42px;}

  .inbox-modal-card .inbox-list{max-height:none!important;}
  .inbox-modal-card .inbox-row,
  .inbox-row{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 34px!important;
    gap:9px!important;
    padding:12px!important;
    min-height:auto!important;
  }
  .inbox-row > span{display:block!important;grid-column:2 / 3;font-size:12px;}
  .inbox-type-form{grid-column:1 / -1;margin-top:2px;}
  .inbox-move-form{grid-column:1 / -1;grid-template-columns:1fr auto;margin-top:2px;}
  .inbox-delete-form{grid-column:3 / 4;grid-row:1 / 2;}

  /* Heute-Ansicht */
  .today-head{padding:18px 14px 8px!important;}
  .today-summary{
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .today-page{padding:0 12px 22px!important;}
  .today-topic-card{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }
  .today-badges{
    grid-column:2 / 3;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  /* Archiv */
  .archive-list{padding:14px 12px 24px!important;}
  .archive-row{border-radius:18px!important;}
  .archive-row form,.archive-row .btn{width:100%;}

  /* Themenseite: echte Mobile-Arbeitsansicht. */
  .topic-page{padding-bottom:86px;}
  .topic-page-main{
    width:100%!important;
    max-width:none!important;
    padding:14px 12px 24px!important;
  }
  .topic-topline{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px;
  }
  .topic-back-link,.topic-project-pill{min-height:38px;display:inline-flex;align-items:center;}
  .detail-header-v09.topic-clean-header,
  .topic-clean-header{
    display:block!important;
    padding:18px!important;
    border-radius:20px!important;
    margin-bottom:14px!important;
  }
  .topic-clean-header h1{font-size:26px!important;line-height:1.12;}
  .topic-clean-header p{font-size:14px;line-height:1.45;}
  .topic-quick-actions-secondary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    max-width:none!important;
    margin-bottom:14px!important;
  }
  .topic-action-card{
    min-height:86px!important;
    padding:12px 8px!important;
    text-align:center;
    border-radius:17px!important;
  }
  .topic-action-icon{font-size:22px!important;}
  .topic-action-card strong{font-size:12.5px!important;}
  .topic-action-card small{font-size:11px!important;line-height:1.25;}

  .topic-detail-grid-clean{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .topic-editor-card{order:1;width:100%;padding:18px!important;border-radius:20px!important;}
  .topic-right-stack{order:2;position:static!important;width:100%;gap:14px!important;}
  .topic-side-checklist-card{padding:18px!important;border-radius:20px!important;}
  .topic-side-checklist-list{max-height:none!important;}
  .topic-side-checklist-card .checklist-row{
    min-height:48px!important;
    border-radius:13px!important;
  }
  .topic-side-checklist-add{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .topic-side-checklist-add input{min-height:44px;}
  .topic-clean-done{padding:0;margin:14px 0 0;}
  .topic-clean-done .btn{width:100%;}
  #topicContentTextarea{min-height:240px;}
  .note-dictation-panel{padding:10px;border-radius:16px;}

  .properties-popup-grid{gap:12px;}
  .modern-date-wrap{grid-template-columns:34px minmax(0,1fr)!important;}
  .modern-date-wrap .date-open-btn{grid-column:1 / -1;}
  .date-quick-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .custom-date-popover{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:96px!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    z-index:120!important;
  }
}

@media(max-width:390px){
  .mobile-bottom-link strong{font-size:10px;}
  .top-actions{grid-template-columns:1fr 1fr 42px;}
  .top-actions .btn{font-size:12px;padding-left:7px;padding-right:7px;}
  .topic-quick-actions-secondary{grid-template-columns:1fr!important;}
  .topic-action-card{min-height:68px!important;}
}

/* v2.4 Login / Sicherheit */
.auth-body{
  min-height:100vh;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f3faf6 0%,#ffffff 45%,#e9f4ed 100%);
  padding:24px;
}
.auth-card{
  width:min(440px,calc(100vw - 32px));
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:0 28px 70px rgba(15,23,42,.12);
  padding:34px;
}
.auth-card h1{margin:8px 0 6px;font-size:32px;letter-spacing:-.04em}
.auth-subtitle{margin:0 0 22px;color:var(--muted);line-height:1.5}
.auth-form{display:grid;gap:14px;margin-top:16px}
.auth-form label{display:grid;gap:8px;font-weight:800;color:#1f2937}
.auth-form input{
  border:1px solid #d8dee9;
  border-radius:14px;
  padding:13px 14px;
  min-height:48px;
  outline:0;
  font:inherit;
  background:#fff;
}
.auth-form input:focus{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}
.auth-alert{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  border-radius:14px;
  padding:12px 14px;
  font-weight:700;
  line-height:1.45;
}
.success-box{
  background:#ecfdf3;
  border:1px solid #bbf7d0;
  color:#2b754d;
  border-radius:14px;
  padding:12px 14px;
  font-weight:800;
}
.soft-divider{border:0;border-top:1px solid var(--line);margin:22px 0}
.install-auth-form{margin-bottom:18px}
.auth-top-logout{white-space:nowrap}
.topic-topline{align-items:center;gap:12px;flex-wrap:wrap}
.topic-logout-link{margin-left:auto}
.archive-top-actions{display:flex;align-items:center;gap:10px}
@media(max-width:900px){
  .auth-card{padding:26px;border-radius:24px}
  .auth-top-logout{display:none!important}
  .topic-logout-link{display:none!important}
}


/* v2.5 prettier folder icon */
.folder-icon::before{content:"";position:absolute;left:0;bottom:0;width:18px;height:12px;border:2px solid currentColor;border-radius:4px;background:rgba(255,255,255,.55);box-sizing:border-box;}
.folder-icon::after{content:"";position:absolute;left:2px;top:0;width:8px;height:5px;border:2px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0;background:rgba(255,255,255,.72);box-sizing:border-box;}
.topic-project-pill .folder-icon{transform:translateY(1px);}

/* v2.5 neues Logo */
.brand-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;overflow:visible;}
.brand-icon img{width:42px;height:42px;object-fit:contain;display:block;}
.logo-mark{display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.logo-mark img{width:min(360px,86vw);height:auto;display:block;}
.login-card .logo-mark img,.install-card .logo-mark img{width:min(420px,88vw);}
.app-shell.sidebar-collapsed .brand-icon{width:38px!important;height:38px!important;margin:0 auto;}
.app-shell.sidebar-collapsed .brand-icon img{width:38px;height:38px;}
@media(max-width:900px){.brand-icon{width:38px;height:38px}.brand-icon img{width:38px;height:38px}.logo-mark img{width:min(320px,86vw)}}

/* v2.5 Backup & Stabilität */
.backup-layout{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.backup-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--soft-shadow);padding:24px;}
.backup-card h2{margin:0 0 10px;font-size:22px;letter-spacing:-.03em;}
.backup-card p{color:var(--muted);line-height:1.55;margin:0 0 16px;}
.backup-note{font-size:12.5px;margin-top:14px!important;}
.backup-wide-card{grid-column:1 / -1;}
.backup-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.backup-stats div{border:1px solid var(--line);border-radius:16px;background:#f8fafc;padding:14px;}
.backup-stats strong{display:block;font-size:28px;letter-spacing:-.04em;color:#111827;}
.backup-stats span{display:block;color:var(--muted);font-size:12.5px;margin-top:4px;}
.backup-check-list{display:grid;gap:10px;}
.backup-check-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;}
.backup-check-row span{width:28px;height:28px;border-radius:99px;display:grid;place-items:center;font-weight:900;}
.backup-check-row.ok span{background:#dcfce7;color:#2b754d;}
.backup-check-row.warn span{background:#ffedd5;color:#c2410c;}
.backup-check-row strong{font-size:14px;}
.backup-check-row em{font-style:normal;color:var(--muted);font-size:14px;text-align:right;}
@media(max-width:900px){.backup-layout{grid-template-columns:1fr;padding:18px 14px 96px}.backup-wide-card{grid-column:auto}.backup-stats{grid-template-columns:1fr}.backup-check-row{grid-template-columns:32px 1fr}.backup-check-row em{grid-column:2/3;text-align:left}}


/* v2.6 Briefe/Postfach */
.letter-dashboard{padding:0 28px 42px;display:grid;gap:18px;}
.letter-filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.letter-filter{display:inline-flex;align-items:center;gap:8px;border:1px solid #dcefe3;background:#fff;color:#172033;text-decoration:none;border-radius:14px;padding:10px 14px;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.letter-filter.active,.letter-filter:hover{border-color:#32895a;background:#edf8f1;color:#2b754d;}
.letter-filter b{min-width:20px;height:20px;border-radius:99px;background:#e8eef8;display:grid;place-items:center;font-size:12px;color:#64748b;}
.letter-list{display:grid;gap:12px;}
.letter-row{display:grid;grid-template-columns:minmax(0,1fr) auto 190px;gap:14px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px;box-shadow:0 10px 26px rgba(15,23,42,.055);border-left:5px solid #94a3b8;}
.letter-row.status-new{border-left-color:#32895a}.letter-row.status-open{border-left-color:#f97316}.letter-row.status-progress{border-left-color:#8b5cf6}.letter-row.status-waiting{border-left-color:#eab308}.letter-row.status-done{border-left-color:#32895a}.letter-row.status-archived{border-left-color:#64748b;opacity:.82}
.letter-main{min-width:0;display:flex;align-items:center;gap:12px;text-decoration:none;color:#172033;}
.letter-envelope{width:42px;height:42px;border:1px solid #dcefe3;border-radius:12px;display:grid;place-items:center;background:#f8fafc;font-size:20px;flex:0 0 auto;}
.letter-main strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.letter-main em{display:block;font-style:normal;color:#64748b;font-size:12.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.letter-meta{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.letter-meta span{border-radius:999px;background:#f1f5f9;color:#475569;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap;}
.letter-status-pill{background:#edf8f1!important;color:#2b754d!important}.letter-file-pill{background:#e9f4ed!important;color:#32895a!important}.letter-due{background:#fff7ed!important;color:#c2410c!important;}
.letter-status-form{margin:0}.letter-status-form select{height:40px;border:1px solid #d7deea;border-radius:12px;background:#fff;padding:0 10px;font-weight:700;color:#172033;}
.letter-search{margin:0}.letter-modal-card{max-height:calc(100vh - 36px);overflow:auto;}
.letter-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.letter-empty{min-width:0;}
.letter-detail-shell{min-height:100vh;background:#fff;padding:34px;}
.letter-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;}
.letter-detail-head h1{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:6px 0;}.letter-detail-head p{margin:0;color:#64748b;}
.letter-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start;}
.letter-detail-card,.letter-files-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 36px rgba(15,23,42,.07);padding:24px;display:grid;gap:16px;}
.letter-detail-card h2,.letter-files-card h2{margin:0;font-size:22px;}
.letter-detail-card input,.letter-detail-card textarea,.letter-detail-card select{border:1px solid #d8dee9;border-radius:12px;padding:10px;font:inherit;background:#fff;}
.letter-detail-card label{display:grid;gap:8px;font-weight:740;}.letter-detail-card textarea{min-height:180px;}
.letter-upload-form{display:grid;gap:10px;}
.letter-file-list{display:grid;gap:10px;}.letter-file-item{display:grid;grid-template-columns:28px minmax(0,1fr) 32px;gap:8px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:10px;background:#f8fafc;}.letter-file-item a{font-weight:800;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.letter-file-item form{margin:0}.letter-file-item button{width:28px;height:28px;border:0;border-radius:8px;background:#fee2e2;color:#dc2626;font-weight:900;cursor:pointer;}
.save-badge.always-visible{position:static;display:inline-flex;align-items:center;}
@media(max-width:900px){.letter-dashboard{padding:0 14px 94px}.letter-row{grid-template-columns:1fr;gap:10px}.letter-meta{justify-content:flex-start}.letter-status-form select{width:100%}.letter-form-grid{grid-template-columns:1fr}.letter-detail-shell{padding:18px 14px 92px}.letter-detail-head{display:grid}.letter-detail-grid{grid-template-columns:1fr}.letter-detail-head h1{font-size:28px}.top-actions .letter-search{display:none}}


/* v2.6.1 Briefe vereinfacht */
.letter-form-grid.simplified{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:700px){.letter-form-grid.simplified{grid-template-columns:1fr;}}


/* v2.6.2 moderner Brief-Datei-Upload */
.letter-files-card{overflow:hidden;}
.modern-upload-form{display:grid;gap:12px;width:100%;min-width:0;}
.modern-file-picker{width:100%;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;border:1.5px dashed #cfd8e6;border-radius:16px;background:#f8fafc;padding:14px;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;}
.modern-file-picker:hover{border-color:#32895a;background:#f0fdf4;box-shadow:0 10px 24px rgba(15,23,42,.05);}
.modern-file-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.modern-file-icon{width:40px;height:40px;border-radius:14px;background:#e9f4ed;color:#32895a;display:grid;place-items:center;font-size:21px;}
.modern-file-text{min-width:0;display:grid;gap:4px;}
.modern-file-text strong{font-size:15px;color:#111827;line-height:1.2;}
.modern-file-text em{font-style:normal;color:#667085;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upload-submit{width:100%;min-height:46px;}
@media(max-width:900px){
  .letter-files-card{padding:18px!important;}
  .modern-file-picker{grid-template-columns:38px minmax(0,1fr);padding:10px;border-radius:14px;}
  .modern-file-icon{width:38px;height:38px;border-radius:12px;font-size:17px;}
  .modern-file-text strong{font-size:14px;}
  .modern-file-text em{font-size:12px;}
}


/* v2.6.3 Brief-Upload: native Dateiauswahl zuverlässig ausblenden */
.modern-upload-form{position:relative;}
.file-input-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:-1px!important;}
.modern-file-picker input[type=file]{display:none!important;}
.modern-file-picker{box-sizing:border-box;}


/* v2.6.4 moderner Frist-Datepicker für Briefe */
.letter-date-picker{
  display:grid!important;
  gap:10px!important;
  position:relative;
  min-width:0;
}
.letter-date-picker .js-due-date-input{display:none!important;}
.letter-date-wrap{
  width:100%;
  border-color:#d7deea;
  background:#fff;
}
.letter-date-picker .date-display-btn{
  min-width:0;
  width:100%;
}
.letter-date-picker .date-open-btn{
  color:#2b754d;
}
.letter-date-quick-row{
  display:flex!important;
  flex-wrap:wrap;
  gap:7px!important;
}
.letter-date-quick-row .date-quick-btn{
  min-height:32px;
  font-size:12.5px;
  padding:0 10px;
}
.letter-modal-card .custom-date-popover,
.letter-detail-card .custom-date-popover{
  top:76px;
  z-index:160;
}
.letter-modal-card{overflow:visible!important;}
.letter-detail-card{overflow:visible;}
@media(max-width:700px){
  .letter-date-wrap{grid-template-columns:34px minmax(0,1fr)!important;}
  .letter-date-wrap .date-open-btn{grid-column:1 / -1;border-left:0;border-top:1px solid #eef2f7;}
  .letter-date-quick-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));}
  .letter-date-quick-row .date-quick-btn{width:100%;}
  .letter-modal-card .custom-date-popover,
  .letter-detail-card .custom-date-popover{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:96px!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
  }
}


/* v2.6.5 – Diktat bei Brief-Notizen */
.letter-note-dictation-panel{margin-top:-2px;}
.letter-modal-card .letter-note-dictation-panel{padding:10px;border-radius:16px;}
.letter-modal-card .letter-note-dictation-panel small{font-size:12px;}
@media(max-width:700px){.letter-note-dictation-panel .dictation-buttons{display:grid;grid-template-columns:1fr;}}


/* v2.6.7 – Briefe: flüssige Statusänderungen ohne Seitenreload */
.letter-row.is-saving{opacity:.72;pointer-events:none;}
.letter-row-removing{opacity:0;transform:translateY(-6px);max-height:0!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden;transition:opacity .18s ease, transform .18s ease, max-height .22s ease, margin .22s ease, padding .22s ease;}

/* v2.7.1 – Checkliste für Briefe */
.letter-side-stack{
  display:grid;
  gap:18px;
  align-self:start;
}
.letter-checklist-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  box-shadow:0 14px 36px rgba(15,23,42,.07);
  padding:24px;
  display:grid;
  gap:14px;
}
.letter-checklist-card h2{
  margin:0;
  font-size:22px;
}
.letter-checklist-list{
  max-height:360px;
  overflow:auto;
  padding-right:4px;
}
.letter-checklist-card .checklist-row{
  min-height:44px;
  padding:8px;
  grid-template-columns:28px minmax(0,1fr) 30px;
}
.letter-checklist-card .checklist-row span{
  font-size:14px;
}
.letter-checklist-add{
  grid-template-columns:minmax(0,1fr);
}
.letter-checklist-add .btn{
  width:100%;
}
.letter-checklist-card .soft-empty{
  background:#f8fafc;
  border:1px dashed #d8e0ec;
  border-radius:13px;
  padding:14px;
  color:#667085;
  font-weight:700;
}
@media(max-width:900px){
  .letter-side-stack{gap:14px;}
  .letter-checklist-card{padding:18px;}
}

/* v2.8.0 – Routinen */
.routine-dashboard{padding:0 28px 110px;display:grid;gap:20px;}
.routine-summary-row{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;}
.routine-summary-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 26px rgba(15,23,42,.045);padding:18px;display:grid;gap:4px;}
.routine-summary-card strong{font-size:30px;letter-spacing:-.04em;}
.routine-summary-card span{color:var(--muted);font-weight:750;}
.routine-summary-card.due{border-color:#fecaca;background:#fff7f7;}
.routine-summary-card.soon{border-color:#fed7aa;background:#fffaf3;}
.routine-summary-card.muted{background:#f8fafc;}
.routine-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;align-items:start;}
.routine-area-card{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--soft-shadow);padding:18px;color:var(--green);}
.routine-area-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf1f7;padding-bottom:14px;margin-bottom:14px;}
.routine-area-head h2{margin:0;color:#111827;font-size:21px;letter-spacing:-.03em;}
.routine-area-head p{margin:4px 0 0;color:var(--muted);font-size:12.5px;font-weight:700;}
.routine-area-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 13%,white);color:currentColor;font-size:22px;font-weight:900;}
.routine-list{display:grid;gap:12px;}
.routine-card{border:1px solid #e5eaf3;border-radius:16px;background:#fff;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;color:#111827;}
.routine-card.routine-due{border-color:#fca5a5;background:#fff7f7;}
.routine-card.routine-soon{border-color:#fdba74;background:#fffaf3;}
.routine-card.routine-paused{opacity:.68;background:#f8fafc;}
.routine-card-main{display:grid;gap:4px;min-width:0;}
.routine-card-main strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.routine-card-main span{font-size:12.5px;color:#475569;font-weight:800;}
.routine-card-main em{font-style:normal;color:#667085;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.routine-card-meta{display:grid;gap:4px;text-align:right;color:#64748b;font-size:12px;font-weight:800;}
.routine-actions{grid-column:1 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.compact-btn{padding:8px 11px!important;border-radius:10px!important;font-size:12.5px!important;}
.routine-delete{width:34px;height:34px;border:0;border-radius:10px;background:#fff1f2;color:#dc2626;font-size:20px;font-weight:900;cursor:pointer;}
.routine-delete:hover{background:#ffe4e6;}
.routine-empty{padding:18px;border:1px dashed #d6deeb;border-radius:14px;color:#667085;background:#f8fafc;}
.routine-today-group .today-group-head{border-left-color:#32895a;}
.color-green .routine-area-icon{background:#e9f4ed;}
.color-blue .routine-area-icon{background:#e9f4ed;}
.color-orange .routine-area-icon{background:#fff3e6;}
.color-purple .routine-area-icon{background:#f4efff;}
.color-pink .routine-area-icon{background:#fdf2f8;}
@media(max-width:900px){
  .routine-dashboard{padding:0 16px 112px;}
  .routine-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .routine-area-grid{grid-template-columns:1fr;}
  .routine-card{grid-template-columns:1fr;}
  .routine-card-meta{text-align:left;}
}

/* v2.8.1 Arbeitsstand / Verlauf auf der Themenseite */
.topic-main-stack{display:grid;gap:18px;min-width:0;}
.topic-action-card{text-decoration:none;color:inherit;}
.topic-workstand-card{border-left:0;}
.workstand-form{display:grid;gap:14px;}
.workstand-form textarea{width:100%;border:1px solid #d8dee9;border-radius:14px;padding:13px;font:inherit;background:#fff;resize:vertical;min-height:90px;}
.topic-log-list{display:grid;gap:12px;margin-top:6px;}
.topic-log-list h3{margin:4px 0 0;font-size:17px;letter-spacing:-.02em;}
.topic-log-entry{border:1px solid #e5eaf3;border-radius:16px;background:#f8fafc;padding:14px 14px 12px;box-shadow:0 6px 16px rgba(15,23,42,.035);}
.topic-log-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
.topic-log-meta strong{font-size:12.5px;color:#475569;}
.topic-log-meta form{margin:0;}
.topic-log-entry p{margin:0;color:#172033;line-height:1.55;white-space:normal;}
@media(max-width:980px){.topic-main-stack{gap:14px}.topic-workstand-card{border-left:0;border-top:0;}.workstand-form textarea{min-height:110px;}}

/* v2.8.2 – Diktat im Arbeitsstand */
.workstand-dictation-panel{margin-top:-10px;margin-bottom:4px;}
.workstand-form .dictation-buttons{margin-top:8px;}
@media(max-width:700px){.workstand-dictation-panel .dictation-buttons{display:grid;grid-template-columns:1fr;}}

/* v2.8.3 Heute-Ansicht als Akkordeon */
.today-accordion{display:block;}
.today-accordion > summary.today-group-head{
  cursor:pointer;
  list-style:none;
  user-select:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  justify-content:normal;
}
.today-accordion > summary.today-group-head::-webkit-details-marker{display:none;}
.today-accordion > summary.today-group-head::after{
  content:'›';
  width:34px;
  height:34px;
  border-radius:99px;
  display:grid;
  place-items:center;
  background:#eef2f7;
  color:#334155;
  font-size:24px;
  font-weight:900;
  transform:rotate(0deg);
  transition:transform .18s ease, background .18s ease;
}
.today-accordion[open] > summary.today-group-head::after{transform:rotate(90deg);background:#e9f4ed;color:#2b754d;}
.today-accordion:not([open]) > summary.today-group-head{border-bottom:0;}
.today-accordion > summary.today-group-head:hover{background:#f6f9fd;}
.letter-today-group.has-attention .today-group-head{border-left:5px solid #f59e0b;}
.letter-today-icon{width:32px;height:32px;border-radius:999px;background:#fff7ed;color:#c2410c;display:grid;place-items:center;font-size:17px;font-weight:900;}
@media(max-width:760px){
  .today-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  .today-accordion > summary.today-group-head{padding:16px;align-items:center;grid-template-columns:minmax(0,1fr) auto auto;}
  .today-accordion > summary.today-group-head::after{width:30px;height:30px;font-size:21px;}
}

/* v2.8.4 – Heute-Zähler rechts neben dem Aufklapp-Pfeil ausrichten */
.today-accordion > summary.today-group-head > div{min-width:0;}
.today-accordion > summary.today-group-head > span{justify-self:end;}


/* v2.8.5 – Top 5/10 ToDos aus Checklisten */
.checklist-row{
  grid-template-columns:30px minmax(0,1fr) 34px 34px;
}
.topic-side-checklist-card .checklist-row,
.letter-checklist-card .checklist-row{
  grid-template-columns:28px minmax(0,1fr) 30px 30px;
}
.top-todo-form{margin:0;}
.top-todo-btn{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid #d9e2ee;
  background:#f8fafc;
  color:#94a3b8;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:15px;
  line-height:1;
  font-weight:900;
}
.top-todo-btn:hover{background:#fff7ed;color:#f59e0b;border-color:#fed7aa;}
.top-todo-btn.is-active{background:#fff7ed;color:#f59e0b;border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.18);}
.checklist-row.is-done .top-todo-btn{opacity:.45;}
.top-todo-limit-note{
  border:1px solid #fed7aa;
  background:#fffbeb;
  color:#92400e;
  border-radius:14px;
  padding:10px 12px;
  font-size:12.5px;
  font-weight:800;
}
.top-todo-today-group.has-attention .today-group-head{border-left:5px solid #f59e0b;}
.top-todo-card{border-left-color:#f59e0b;}
.top-todo-source{background:#fff7ed!important;color:#c2410c!important;}
.top-todo-actions{gap:8px;}
.today-small-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  border-radius:999px;
  border:1px solid #e2e8f0;
  background:#fff;
  color:#334155;
  padding:0 10px;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}
.today-small-link:hover{background:#f8fafc;text-decoration:none;}
.today-small-link.as-button{font:inherit;font-size:12px;font-weight:850;cursor:pointer;}
.top-todo-remove-form{margin:0;display:inline-flex;}
@media(max-width:900px){
  .top-todo-actions{grid-column:2 / 3;justify-content:flex-start;}
  .today-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* v2.8.11 – Meilensteine ohne Überschrift-Unterzeile */
.projects-toolbar-head{
  justify-content:flex-end;
  padding-top:24px;
}
@media(max-width:900px){
  .projects-toolbar-head{
    align-items:flex-end;
    padding-top:18px;
  }
}


/* v2.8.12 – Projektseite kompakter: Zoom oben rechts neben Projekt hinzufügen */
.topbar-zoom-toolbar{
  flex:0 0 auto;
}
.projects-toolbar-head{
  display:none !important;
}
.workspace{
  padding-top:0 !important;
}
.mindmap-viewport{
  margin-top:10px !important;
}
.mindmap-board{
  padding-top:24px !important;
}
@media(max-width:1100px){
  .topbar-zoom-toolbar{display:none !important;}
}
@media(max-width:900px){
  .mindmap-viewport{margin-top:0 !important;}
  .mindmap-board{padding-top:18px !important;}
}

/* v2.8.15 – Routinen: Rhythmus-Auswahl und Kalender */
.routine-modal-card{overflow:visible!important;}
.routine-interval-group{display:grid;gap:10px;}
.routine-custom-interval[hidden]{display:none!important;}
.routine-date-picker{display:grid!important;gap:10px!important;position:relative;min-width:0;}
.routine-date-picker .js-due-date-input{display:none!important;}
.routine-date-wrap{width:100%;border-color:#d7deea;background:#fff;}
.routine-date-picker .date-display-btn{min-width:0;width:100%;}
.routine-date-picker .date-open-btn{color:#2b754d;}
.routine-modal-card .custom-date-popover{top:76px;z-index:180;}
.routine-card-meta span{text-transform:none;}
@media(max-width:700px){
  .routine-date-wrap{grid-template-columns:34px minmax(0,1fr)!important;}
  .routine-date-wrap .date-open-btn{grid-column:1 / -1;border-left:0;border-top:1px solid #eef2f7;}
  .routine-modal-card .custom-date-popover{position:fixed!important;left:12px!important;right:12px!important;bottom:96px!important;top:auto!important;width:auto!important;max-width:none!important;}
}


/* v2.8.16 – Routine-Verlauf */
.routine-history-section{padding:0 28px 120px;}
.routine-history-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--soft-shadow);padding:18px;display:grid;gap:14px;}
.routine-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #edf1f7;padding-bottom:14px;}
.routine-history-head h2{margin:0;color:#111827;font-size:21px;letter-spacing:-.03em;}
.routine-history-head p{margin:5px 0 0;color:var(--muted);font-size:12.5px;font-weight:700;}
.routine-history-head>span{white-space:nowrap;background:#f1f5f9;color:#334155;border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px;}
.routine-history-list{display:grid;gap:10px;}
.routine-history-item{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #e5eaf3;border-left:5px solid currentColor;border-radius:16px;background:#fff;padding:13px;color:var(--green);}
.routine-history-date,.routine-history-main,.routine-history-meta{display:grid;gap:4px;color:#111827;}
.routine-history-date strong{font-size:14px;}
.routine-history-date span,.routine-history-main small,.routine-history-meta small{font-size:12px;color:#64748b;font-weight:800;}
.routine-history-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}
.routine-history-main small{display:flex;align-items:center;gap:6px;}
.routine-history-meta{text-align:right;justify-items:end;}
.routine-history-badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;white-space:nowrap;}
.routine-history-ontime{background:#dcfce7;color:#2b754d;}
.routine-history-late{background:#fee2e2;color:#991b1b;}
.routine-history-neutral{background:#f1f5f9;color:#334155;}
@media (max-width:780px){
  .routine-history-section{padding:0 16px 112px;}
  .routine-history-head{display:grid;}
  .routine-history-item{grid-template-columns:1fr;gap:8px;}
  .routine-history-meta{text-align:left;justify-items:start;}
}


/* v2.8.17 – Routinen: Bei Bedarf / Beobachten */
.routine-card.routine-watch{border-color:#cfe7d9;background:#f8fbff;}
.routine-card.routine-watch .routine-card-main span{color:#2b754d;}
.routine-card.routine-watch-due{border-color:#fca5a5;background:#fff7f7;}
.routine-type-field{display:grid;gap:6px;}
.routine-watch-hint{border:1px dashed #cfe7d9;background:#e9f4ed;color:#2b754d;border-radius:14px;padding:10px;font-size:12.5px;font-weight:800;line-height:1.45;}
.routine-watch-hint[hidden],.js-routine-scheduled-fields[hidden]{display:none!important;}
.watch-today-group .today-group-head{border-left-color:#32895a;}
.watch-action-btn{min-width:118px;}
.status-badge.status-watch{background:#dcefe3;color:#2b754d;}

/* ==========================================================
   v2.8.22 – Inbox-Verarbeitung nach Typ und Ziel-Ebene
   ========================================================== */
.inbox-modal-card .inbox-row-flow,
.inbox-row-flow{
  grid-template-columns:26px minmax(170px,1fr) 180px 132px 34px!important;
  align-items:start!important;
  padding:12px 14px!important;
  min-height:auto!important;
}
.inbox-main-text{display:grid;gap:3px;min-width:0;}
.inbox-main-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inbox-main-text small{display:block;color:#667085;font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.inbox-created{padding-top:8px;}
.inbox-process-box{grid-column:2 / -2;display:grid;gap:8px;margin-top:2px;}
.inbox-process-panel{border:1px solid #e8eef7;background:#f8fafc;border-radius:14px;padding:10px;}
.inbox-process-panel[hidden]{display:none!important;}
.inbox-process-panel p{margin:0;font-size:12.5px;line-height:1.45;color:#263247;}
.inbox-process-panel p span{color:#667085;font-size:12.5px;}
.inbox-process-form{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr)) auto;gap:8px;align-items:end;margin:0;}
.inbox-process-form label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#475467;}
.inbox-process-form select,.inbox-process-form input{height:36px;border:1px solid #d8dee9;border-radius:9px;background:#fff;color:#263247;padding:0 9px;min-width:0;font:inherit;font-size:12.5px;}
.inbox-process-form button{height:36px;border:1px solid #32895a;background:#fff;color:#2b754d;border-radius:9px;padding:0 12px;font-weight:850;cursor:pointer;white-space:nowrap;}
.inbox-process-form button:hover{background:#edf8f1;}
.inbox-process-form.compact-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;}
.inbox-process-form.compact-action span{color:#667085;font-size:12.5px;}
.inbox-routine-form{grid-template-columns:repeat(3,minmax(120px,1fr)) auto;align-items:end;}
.inbox-routine-scheduled{display:contents;}
.inbox-routine-scheduled[hidden]{display:none!important;}
.inbox-routine-form .routine-watch-hint{grid-column:1 / -2;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:8px 10px;color:#9a3412;font-size:12.5px;}
.inbox-routine-form .routine-custom-interval[hidden]{display:none!important;}
@media(max-width:900px){
  .inbox-modal-card .inbox-row-flow,.inbox-row-flow{grid-template-columns:30px minmax(0,1fr) 34px!important;}
  .inbox-row-flow .inbox-type-form{grid-column:1 / -1;}
  .inbox-row-flow .inbox-created{grid-column:2 / 3;padding-top:0;}
  .inbox-row-flow .inbox-delete-form{grid-column:3 / 4;grid-row:1 / 2;}
  .inbox-process-box{grid-column:1 / -1;}
  .inbox-process-form,.inbox-routine-form,.inbox-process-form.compact-action{grid-template-columns:1fr;}
  .inbox-routine-scheduled{display:grid;grid-template-columns:1fr;gap:8px;}
}


/* v2.8.23 – Schnell erfassen mobil bewusst vereinfachen */
@media(max-width:760px){
  #quickCapture .quick-mobile-hide{
    display:none!important;
  }
  #quickCapture .smart-modal-card{
    gap:12px!important;
  }
  #quickCapture label:first-of-type{
    gap:8px!important;
  }
  #quickCapture #quickInput{
    min-height:52px;
    font-size:16px;
  }
  #quickCapture .dictation-controls{
    display:grid;
    gap:10px;
  }
}

/* v2.8.24 – Inbox-Popup mobil kompakter und Typ-Auswahl nicht abgeschnitten */
@media(max-width:760px){
  #inboxModal .inbox-modal-card{
    width:calc(100vw - 22px)!important;
    padding:18px!important;
    border-radius:26px!important;
    max-height:calc(100dvh - 116px)!important;
  }
  #inboxModal .inbox-modal-scroll{
    max-height:calc(100dvh - 154px)!important;
    overflow-y:auto!important;
    padding-right:0!important;
  }
  #inboxModal .inbox-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:start!important;
  }
  #inboxModal .inbox-add-topic-btn{
    width:100%!important;
    min-height:48px!important;
    border-radius:18px!important;
    font-size:18px!important;
  }
  #inboxModal .inbox-list{
    border-radius:16px!important;
    overflow:hidden!important;
  }
  #inboxModal .inbox-row-flow,
  #inboxModal .inbox-modal-card .inbox-row-flow{
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:10px 8px!important;
    padding:16px!important;
    align-items:start!important;
  }
  #inboxModal .inbox-main-text{
    padding-top:2px!important;
  }
  #inboxModal .inbox-main-text strong{
    font-size:17px!important;
    line-height:1.25!important;
    max-width:100%!important;
  }
  #inboxModal .inbox-delete-form{
    grid-column:3 / 4!important;
    grid-row:1 / 2!important;
    justify-self:end!important;
  }
  #inboxModal .inbox-type-form{
    grid-column:2 / -1!important;
    margin-top:4px!important;
    min-width:0!important;
  }
  #inboxModal .inbox-type-form select{
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    line-height:1.25!important;
    font-size:16px!important;
    padding:0 46px 0 14px!important;
    border-radius:18px!important;
    background-color:#fff!important;
    color:#263247!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    background-image:linear-gradient(45deg, transparent 50%, #0f172a 50%),linear-gradient(135deg, #0f172a 50%, transparent 50%);
    background-position:calc(100% - 22px) 21px,calc(100% - 15px) 21px;
    background-size:7px 7px,7px 7px;
    background-repeat:no-repeat;
  }
  #inboxModal .inbox-created{
    grid-column:2 / -1!important;
    padding-top:0!important;
    font-size:12.5px!important;
  }
  #inboxModal .inbox-process-box{
    grid-column:2 / -1!important;
    margin-top:0!important;
  }
  #inboxModal .inbox-row-flow[data-current-type="unsorted"] .inbox-process-box{
    display:none!important;
  }
  #inboxModal .inbox-process-panel{
    padding:12px!important;
    border-radius:16px!important;
  }
  #inboxModal .inbox-process-form,
  #inboxModal .inbox-routine-form,
  #inboxModal .inbox-process-form.compact-action{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #inboxModal .inbox-process-form select,
  #inboxModal .inbox-process-form input,
  #inboxModal .inbox-process-form button{
    min-height:44px!important;
    height:auto!important;
    font-size:15px!important;
  }
}


/* v2.8.25 – Checklistenpunkte bearbeiten */
.checklist-row{
  grid-template-columns:30px minmax(0,1fr) 34px 34px 34px;
}
.topic-side-checklist-card .checklist-row,
.letter-checklist-card .checklist-row{
  grid-template-columns:28px minmax(0,1fr) 30px 30px 30px;
}
.checklist-edit-form{display:none;}
.checklist-edit-btn{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid #d9e2ee;
  background:#f8fafc;
  color:#64748b;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:15px;
  line-height:1;
  font-weight:900;
}
.checklist-edit-btn:hover{background:#e9f4ed;color:#32895a;border-color:#cfe7d9;}
.checklist-row.is-done .checklist-edit-btn{opacity:.55;}
@media (max-width: 640px){
  .topic-side-checklist-card .checklist-row,
  .letter-checklist-card .checklist-row{
    grid-template-columns:28px minmax(0,1fr) 30px 30px 30px;
    gap:8px;
  }
}


/* v2.8.26 – Checklistenpunkte sortieren */
.checklist-row{
  grid-template-columns:30px minmax(0,1fr) 34px 34px 34px 34px;
}
.topic-side-checklist-card .checklist-row,
.letter-checklist-card .checklist-row{
  grid-template-columns:28px minmax(0,1fr) 30px 30px 30px 30px;
}
.checklist-title{
  min-width:0;
}
.checklist-order-actions{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:2px;
  width:30px;
  height:30px;
}
.checklist-order-actions form{margin:0;display:grid;}
.checklist-order-btn{
  width:30px;
  height:14px;
  border-radius:999px;
  border:1px solid #d9e2ee;
  background:#f8fafc;
  color:#64748b;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:11px;
  line-height:1;
  font-weight:900;
  padding:0;
}
.checklist-order-btn:hover:not(:disabled){background:#e9f4ed;color:#32895a;border-color:#cfe7d9;}
.checklist-order-btn:disabled{opacity:.3;cursor:not-allowed;}
.checklist-row.is-done .checklist-order-btn{opacity:.5;}
@media (max-width: 640px){
  .topic-side-checklist-card .checklist-row,
  .letter-checklist-card .checklist-row{
    grid-template-columns:28px minmax(0,1fr) 30px 30px 30px 30px;
    gap:6px;
  }
}


/* v2.8.27 – erledigte Checklistenpunkte einklappen */
.checklist-done-group{
  margin-top:10px;
  border:1px solid #e9f4ed;
  border-radius:14px;
  background:#f8fafc;
  overflow:hidden;
}
.checklist-done-group summary{
  list-style:none;
  min-height:40px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
  color:#64748b;
  font-weight:800;
  user-select:none;
}
.checklist-done-group summary::-webkit-details-marker{display:none;}
.checklist-done-group summary::after{
  content:'▾';
  color:#94a3b8;
  font-size:12.5px;
  transition:transform .18s ease;
}
.checklist-done-group:not([open]) summary::after{transform:rotate(-90deg);}
.checklist-done-group summary strong{
  margin-left:auto;
  min-width:28px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#e2e8f0;
  color:#475569;
  font-size:12px;
}
.checklist-done-list{
  display:grid;
  gap:8px;
  padding:0 10px 10px;
}
.checklist-done-list .checklist-row{
  background:#fff;
  opacity:.82;
}
.checklist-items > .checklist-done-group + .soft-empty{margin-top:10px;}
@media (max-width: 640px){
  .checklist-done-group summary{min-height:42px;padding:10px;}
  .checklist-done-list{padding:0 8px 8px;gap:6px;}
}

/* v2.8.28 – mehrere Checklisten pro Thema */
.topic-checklists-overview-card{
  border:1px solid #dcefe3;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.topic-new-checklist-form{
  margin-top:12px;
}
.topic-multi-checklist-card{
  scroll-margin-top:18px;
}
.topic-checklist-head h2{
  margin-bottom:2px;
}
.checklist-settings{
  margin:10px 0 12px;
  border:1px solid #e9f4ed;
  border-radius:14px;
  background:#f8fafc;
  overflow:hidden;
}
.checklist-settings summary{
  list-style:none;
  padding:9px 12px;
  font-weight:800;
  color:#64748b;
  cursor:pointer;
  user-select:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.checklist-settings summary::-webkit-details-marker{display:none;}
.checklist-settings summary::after{
  content:'▾';
  color:#94a3b8;
  transition:transform .18s ease;
}
.checklist-settings:not([open]) summary::after{transform:rotate(-90deg);}
.checklist-settings form{
  padding:0 10px 10px;
}
.checklist-rename-form{
  grid-template-columns:minmax(0,1fr) auto;
}
@media (max-width: 640px){
  .topic-checklists-overview-card,
  .topic-multi-checklist-card{border-radius:18px;}
  .checklist-rename-form{grid-template-columns:1fr;}
}

/* v2.8.30 – Checklisten-Unterpunkte bis Ebene 3 */
.checklist-tree{
  display:grid;
  gap:9px;
}
.checklist-node{
  display:grid;
  gap:6px;
  min-width:0;
}
.checklist-children{
  display:grid;
  gap:6px;
  margin-left:20px;
  padding-left:12px;
  border-left:2px solid #e9f4ed;
}
.checklist-children-depth-2{
  border-left-style:dashed;
}
.checklist-row.checklist-depth-1{
  background:#fbfdff;
}
.checklist-row.checklist-depth-2{
  background:#f8fafc;
}
.checklist-sub-add{
  margin-left:42px;
  border:1px dashed #d8e3ef;
  border-radius:12px;
  background:#fbfdff;
  overflow:hidden;
}
.checklist-sub-add summary{
  list-style:none;
  cursor:pointer;
  color:#64748b;
  font-weight:800;
  font-size:12px;
  padding:7px 10px;
  user-select:none;
}
.checklist-sub-add summary::-webkit-details-marker{display:none;}
.checklist-sub-add-form{
  padding:0 8px 8px;
  grid-template-columns:minmax(0,1fr);
}
.checklist-sub-add-form .btn{width:100%;}
.checklist-node-depth-1 .checklist-title::before{
  content:'↳ ';
  color:#94a3b8;
  font-weight:900;
}
.checklist-node-depth-2 .checklist-title::before{
  content:'↳↳ ';
  color:#94a3b8;
  font-weight:900;
}
@media (max-width: 640px){
  .checklist-children{margin-left:10px;padding-left:8px;gap:6px;}
  .checklist-sub-add{margin-left:34px;}
  .checklist-sub-add summary{min-height:34px;display:flex;align-items:center;}
  .checklist-sub-add-form{grid-template-columns:1fr;}
}

/* v2.8.31 – Unterpunkt hinzufügen als kompaktes Plus-Icon */
.topic-multi-checklist-card .topic-side-checklist-list{
  max-height:none;
  overflow:visible;
}
.checklist-row{
  overflow:visible;
  grid-template-columns:30px minmax(0,1fr) 34px 34px 34px 34px 34px;
}
.topic-side-checklist-card .checklist-row,
.letter-checklist-card .checklist-row{
  grid-template-columns:28px minmax(0,1fr) 30px 30px 30px 30px 30px;
}
.checklist-sub-add-icon{
  position:relative;
  width:30px;
  height:30px;
  margin:0;
  z-index:5;
}
.checklist-sub-add-icon summary{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid #d9e2ee;
  background:#f8fafc;
  color:#64748b;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:21px;
  line-height:1;
  font-weight:900;
  list-style:none;
  user-select:none;
}
.checklist-sub-add-icon summary::-webkit-details-marker{display:none;}
.checklist-sub-add-icon summary:hover,
.checklist-sub-add-icon[open] summary{
  background:#ecfdf3;
  color:#32895a;
  border-color:#bbf7d0;
}
.checklist-sub-add-spacer{
  width:30px;
  height:30px;
  display:block;
}
.checklist-sub-add-popover{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  width:min(310px, calc(100vw - 80px));
  padding:10px;
  display:grid;
  gap:9px;
  background:#fff;
  border:1px solid #dbe5f1;
  border-radius:14px;
  box-shadow:0 16px 38px rgba(15,23,42,.16);
  z-index:50;
}
.checklist-sub-add-popover input{
  border:1px solid #d8dee9;
  border-radius:12px;
  padding:11px 12px;
  font:inherit;
  min-width:0;
}
.checklist-sub-add-popover .btn{
  width:100%;
}
.checklist-sub-add{
  display:none!important;
}
@media (max-width: 640px){
  .topic-side-checklist-card .checklist-row,
  .letter-checklist-card .checklist-row{
    grid-template-columns:28px minmax(0,1fr) 30px 30px 30px 30px 30px;
    gap:6px;
  }
  .checklist-sub-add-popover{
    right:-38px;
    width:min(300px, calc(100vw - 58px));
  }
}

/* v2.8.32 – Checklisten-Aktionen als kompaktes Menü */
.checklist-row,
.topic-side-checklist-card .checklist-row,
.letter-checklist-card .checklist-row{
  grid-template-columns:30px minmax(0,1fr) 38px !important;
  position:relative;
  overflow:visible;
  align-items:center;
}
.topic-side-checklist-card .checklist-row,
.letter-checklist-card .checklist-row{
  grid-template-columns:28px minmax(0,1fr) 36px !important;
}
.checklist-action-menu{
  position:relative;
  justify-self:end;
  margin:0;
  z-index:5;
}
.checklist-action-menu > summary{
  list-style:none;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid #d9e2ee;
  background:#f8fafc;
  color:#64748b;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:20px;
  line-height:1;
  font-weight:900;
  user-select:none;
}
.checklist-action-menu > summary::-webkit-details-marker{display:none;}
.checklist-action-menu[open] > summary,
.checklist-action-menu > summary:hover{
  background:#e9f4ed;
  color:#32895a;
  border-color:#cfe7d9;
}
.checklist-action-panel{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  width:min(240px, calc(100vw - 56px));
  padding:10px;
  border:1px solid #dbe4ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.18);
  display:grid;
  gap:6px;
  z-index:120;
}
.checklist-action-panel form{margin:0;display:grid;}
.checklist-menu-action{
  width:100%;
  min-height:38px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#f8fafc;
  color:#334155;
  font:inherit;
  font-size:14px;
  font-weight:800;
  text-align:left;
  padding:8px 10px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-start;
}
.checklist-menu-action:hover:not(:disabled){background:#e9f4ed;color:#32895a;border-color:#cfe7d9;}
.checklist-menu-action:disabled{opacity:.45;cursor:not-allowed;}
.checklist-menu-action.is-top-active{background:#fff7ed;color:#c2410c;border-color:#fed7aa;}
.checklist-menu-action.danger{background:#fff5f5;color:#b42318;border-color:#fecaca;}
.checklist-menu-action.danger:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5;}
.checklist-menu-subadd{display:grid;gap:6px;}
.checklist-menu-subadd > summary{list-style:none;}
.checklist-menu-subadd > summary::-webkit-details-marker{display:none;}
.checklist-menu-subadd-form{
  display:grid!important;
  gap:8px;
  padding:8px;
  border:1px dashed #cfe0f5;
  border-radius:12px;
  background:#f8fbff;
}
.checklist-menu-subadd-form input{
  min-width:0;
  width:100%;
  border:1px solid #d8dee9;
  border-radius:10px;
  padding:9px 10px;
  font:inherit;
}
.checklist-menu-subadd-form .btn{width:100%;min-height:36px;}
.checklist-row .checklist-order-actions,
.checklist-row .top-todo-form,
.checklist-row .checklist-sub-add-icon,
.checklist-row .checklist-sub-add-spacer{
  display:none!important;
}
.checklist-row .checklist-edit-btn{
  display:none!important;
}
.checklist-action-panel .checklist-edit-btn,
.checklist-action-panel .top-todo-btn,
.checklist-action-panel .mini-delete,
.checklist-action-panel .checklist-order-btn{
  display:none!important;
}
@media (max-width:640px){
  .checklist-action-panel{
    right:-4px;
    width:min(230px, calc(100vw - 48px));
  }
  .checklist-row,
  .topic-side-checklist-card .checklist-row,
  .letter-checklist-card .checklist-row{
    gap:8px;
    padding:9px 10px;
  }
}


/* v2.8.33 – Aktionsmenü muss über nachfolgenden Checklistenpunkten liegen */
.checklist-action-menu[open]{
  z-index:600;
}
.checklist-row:has(.checklist-action-menu[open]){
  z-index:650;
}
.checklist-node:has(.checklist-action-menu[open]){
  z-index:650;
}
.checklist-action-menu[open] .checklist-action-panel{
  z-index:700;
}

/* v2.8.34 – Pfeil-Symbole vor Unterpunkten entfernen */
.checklist-node-depth-1 .checklist-title::before,
.checklist-node-depth-2 .checklist-title::before{
  content:'' !important;
  display:none !important;
}

/* v2.8.35 – Abstand zwischen Checkliste verwalten und Erledigte Punkte reduzieren */
.topic-multi-checklist-card{
  gap:12px;
}
.topic-multi-checklist-card .checklist-settings{
  margin:4px 0 0;
}
.topic-multi-checklist-card .checklist-settings + .checklist-done-group{
  margin-top:0;
}
.topic-multi-checklist-card .checklist-done-group{
  margin-top:0;
}
@media (max-width:640px){
  .topic-multi-checklist-card{gap:10px;}
  .topic-multi-checklist-card .checklist-settings{margin-top:2px;}
}

/* v2.8.36 – Neue-Checkliste-Funktion in der Aktionsleiste */
.topic-checklist-anchor{
  display:block;
  width:1px;
  height:1px;
  overflow:hidden;
}
.topic-new-checklist-dialog-form{
  margin-top:12px;
}
@media (min-width: 981px){
  .topic-quick-actions-secondary{
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  }
}

/* v2.8.37: Inhalt / Notizen als Akkordeon */
.topic-notes-accordion {
  padding: 0;
  overflow: hidden;
}
.topic-notes-accordion > summary {
  list-style: none;
  cursor: pointer;
}
.topic-notes-accordion > summary::-webkit-details-marker {
  display: none;
}
.topic-notes-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px;
  color: var(--text);
}
.topic-notes-summary strong {
  display: block;
  font-size: 1.25rem;
  color: var(--purple);
}
.topic-notes-summary small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 700;
}
.topic-notes-summary .accordion-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: var(--soft);
  color: var(--muted);
  font-size: 1.35rem;
  font-weight: 900;
  transition: transform .18s ease;
}
.topic-notes-accordion[open] .accordion-caret {
  transform: rotate(90deg);
}
.topic-notes-form {
  padding: 0 24px 24px;
  display: grid;
  gap: 16px;
}
@media (max-width: 720px) {
  .topic-notes-summary {
    padding: 18px;
  }
  .topic-notes-form {
    padding: 0 18px 18px;
  }
}


/* v2.8.38: Arbeitsstand mit inneren Akkordeons */
.workstand-accordion-stack{
  display:grid;
  gap:12px;
}
.workstand-inner-accordion{
  border:1px solid #e5eaf3;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
}
.workstand-inner-accordion > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  user-select:none;
}
.workstand-inner-accordion > summary::-webkit-details-marker{display:none;}
.workstand-inner-accordion > summary strong{
  display:block;
  font-size:16px;
  color:#111827;
  letter-spacing:-.02em;
}
.workstand-inner-accordion > summary small{
  display:block;
  margin-top:3px;
  color:#667085;
  font-weight:750;
  line-height:1.35;
}
.workstand-inner-accordion .accordion-caret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:999px;
  background:#eef2f7;
  color:#64748b;
  font-size:22px;
  font-weight:900;
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.workstand-inner-accordion[open] .accordion-caret{
  transform:rotate(90deg);
  background:#e9f4ed;
  color:#2b754d;
}
.workstand-inner-accordion[open] > summary{
  border-bottom:1px solid #edf1f7;
}
.workstand-accordion-form,
.workstand-log-accordion-body{
  padding:16px 18px 18px;
}
.workstand-log-accordion-body{
  margin-top:0;
}
@media(max-width:720px){
  .workstand-inner-accordion > summary{padding:14px 15px;}
  .workstand-accordion-form,
  .workstand-log-accordion-body{padding:14px 15px 16px;}
}

/* v2.8.42 – Inbox-Einträge als echtes natives Akkordeon: ganzer Kopfbereich klickbar */
.inbox-row-flow.inbox-accordion-item,
.inbox-modal-card .inbox-row-flow.inbox-accordion-item{
  display:block!important;
  padding:0!important;
  min-height:0!important;
  border-bottom:1px solid #eedfbf;
  background:#fff;
}
.inbox-row-flow.inbox-accordion-item:last-child{border-bottom:0;}
.inbox-accordion-head{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto auto 34px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  cursor:pointer;
  user-select:none;
}
.inbox-accordion-head:focus-visible{outline:3px solid rgba(32,164,90,.28);outline-offset:-3px;}
.inbox-accordion-toggle{
  width:32px;
  height:32px;
  border:1px solid #e7d6ad;
  border-radius:10px;
  background:#fffaf0;
  color:#7a5a12;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-weight:900;
  transition:.16s ease;
}
.inbox-accordion-toggle:hover,.inbox-accordion-head:hover .inbox-accordion-toggle{background:#fff3d0;}
.inbox-accordion-arrow{
  display:inline-block;
  font-size:22px;
  line-height:1;
  transform:rotate(0deg);
  transition:.16s ease;
}
.inbox-accordion-item[data-open="1"] .inbox-accordion-arrow{transform:rotate(90deg);}
.inbox-type-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:3px 9px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#475467;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.inbox-accordion-body{
  padding:0 12px 14px 56px;
  display:grid;
  gap:10px;
}
.inbox-accordion-body .inbox-type-form{
  margin:0;
  max-width:260px;
}
.inbox-accordion-body .inbox-process-box{
  grid-column:auto;
}
.inbox-accordion-body .inbox-process-panel{
  margin-top:0;
}
.inbox-accordion-head .inbox-created{
  white-space:nowrap;
  color:#667085;
  font-size:12px;
}
.inbox-accordion-head .inbox-delete-form{
  display:flex;
  justify-content:flex-end;
  margin:0;
}
@media(max-width:760px){
  .inbox-accordion-head{
    grid-template-columns:34px minmax(0,1fr) auto 34px;
    gap:8px;
    padding:10px;
  }
  .inbox-accordion-head .inbox-created{display:none!important;}
  .inbox-type-pill{font-size:11px;padding:3px 7px;max-width:96px;overflow:hidden;text-overflow:ellipsis;}
  .inbox-accordion-body{padding:0 10px 12px 10px;}
  .inbox-accordion-body .inbox-type-form{max-width:none;width:100%;}
}


/* v2.8.42 – native Inbox-Akkordeons über <details>/<summary> */
.inbox-accordion-item > summary{list-style:none;}
.inbox-accordion-item > summary::-webkit-details-marker{display:none;}
.inbox-accordion-item[open] .inbox-accordion-arrow{transform:rotate(90deg);}
.inbox-accordion-item[open] .inbox-accordion-toggle{background:#fff3d0;}
.inbox-accordion-actions{display:flex;justify-content:flex-end;margin-bottom:2px;}
.inbox-accordion-actions .inbox-delete-form{margin:0;}
.inbox-accordion-actions .row-menu{width:auto;min-width:92px;padding:0 10px;border-radius:10px;font-size:12.5px;font-weight:850;}

/* v2.8.44 Notizen */
.notes-main .topbar{background:rgba(255,255,255,.94)}
.notes-dashboard{padding:0 28px 46px;display:grid;gap:18px;max-width:980px;}
.notes-head{align-items:center;}
.notes-count-pill{border:1px solid #dcefe3;background:#f8fafc;border-radius:999px;padding:8px 12px;color:#64748b;font-size:12.5px;font-weight:850;white-space:nowrap;}
.note-create-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.055);padding:18px;display:grid;gap:12px;}
.note-create-card label,.note-modal-card label{display:grid;gap:6px;font-weight:780;color:#172033;}
.note-create-card textarea,.note-create-card input,.note-modal-card textarea,.note-modal-card input{width:100%;border:1px solid #d8dee9;border-radius:13px;background:#fff;padding:10px;font:inherit;outline:0;}
.note-create-card textarea:focus,.note-create-card input:focus,.note-modal-card textarea:focus,.note-modal-card input:focus{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}
.note-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;}
.note-filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.note-filter{display:inline-flex;align-items:center;gap:6px;border:1px solid #dcefe3;background:#fff;color:#172033;text-decoration:none;border-radius:999px;padding:8px 12px;font-weight:830;box-shadow:0 7px 18px rgba(15,23,42,.04);}
.note-filter.active,.note-filter:hover{border-color:#32895a;background:#edf8f1;color:#2b754d;}
.note-filter b{min-width:20px;height:20px;border-radius:999px;background:#e8eef8;display:grid;place-items:center;font-size:11px;color:#64748b;}
.notes-list{display:grid;gap:12px;}
.note-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 26px rgba(15,23,42,.05);padding:16px;display:grid;gap:10px;}
.note-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.note-category-chip{display:inline-flex;align-items:center;border-radius:999px;background:#edf8f1;color:#2b754d;padding:6px 10px;font-size:12px;font-weight:900;}
.note-card time{color:#94a3b8;font-size:12px;font-weight:800;white-space:nowrap;}
.note-card p{margin:0;color:#172033;line-height:1.55;white-space:normal;}
.note-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #eef2f7;padding-top:10px;color:#94a3b8;font-size:12px;font-weight:780;}
.note-card-actions form{margin:0;}
.note-text-btn,.note-delete-btn{border:0;background:transparent;padding:0;font:inherit;font-weight:850;cursor:pointer;}
.note-text-btn{color:#2b754d;}
.note-delete-btn{color:#dc2626;}
.notes-empty{min-width:0;}
.note-modal-card{max-width:560px;}
.notes-search{margin:0;}
@media(max-width:900px){.notes-dashboard{padding:0 14px 104px;max-width:none}.notes-head{align-items:flex-start}.note-create-row{grid-template-columns:1fr}.notes-main .top-actions .notes-search{display:none}.note-card-top{align-items:flex-start;flex-direction:column;gap:6px}.note-card time{white-space:normal}}


/* v2.8.48 Notizen: Diktierfunktion mit Aufnahme starten/stoppen */
.note-dictation-field{display:grid;gap:9px;}
.notes-dictation-panel{
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid #e6edf5;
  border-radius:14px;
  background:#f8fafc;
}
.notes-dictation-panel .dictation-status{
  font-size:12px;
  font-weight:750;
  line-height:1.35;
  color:#94a3b8;
}
.notes-dictation-panel .dictation-active{color:#2b754d;}
.notes-dictation-panel .dictation-done{color:#64748b;}
.notes-dictation-panel .dictation-error{color:#dc2626;}
.notes-dictation-panel.is-recording{
  border-color:#32895a;
  background:#edf8f1;
  box-shadow:0 0 0 4px rgba(22,163,74,.08);
}
.note-dictation-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.notes-dictation-panel .btn{
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
}
.notes-dictation-panel .btn.listening{box-shadow:0 0 0 4px rgba(22,163,74,.1);}
@media(max-width:900px){
  .note-dictation-buttons{align-items:stretch;}
  .notes-dictation-panel .btn{flex:1 1 150px;}
}


/* v2.8.48 Notizen: Foto- und Datei-Anhänge */
.note-file-input{display:grid;gap:6px;}
.note-file-input small{color:#94a3b8;font-size:12px;font-weight:700;}
.note-create-card input[type=file],.note-modal-card input[type=file]{padding:10px;background:#f8fafc;border-style:dashed;}
.note-attachment-list{display:grid;gap:8px;margin-top:2px;}
.note-attachment-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto 28px;align-items:center;gap:8px;border:1px solid #e6edf5;background:#f8fafc;border-radius:13px;padding:8px 9px;}
.note-attachment-icon{font-size:15px;line-height:1;}
.note-attachment-item a{color:#172033;text-decoration:none;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.note-attachment-item a:hover{color:#2b754d;text-decoration:underline;}
.note-attachment-item small{color:#94a3b8;font-size:11px;font-weight:800;white-space:nowrap;}
.note-attachment-item form{margin:0;display:flex;justify-content:flex-end;}
.note-file-delete{width:26px;height:26px;border:0;border-radius:9px;background:#fee2e2;color:#dc2626;font-weight:950;cursor:pointer;}
.note-file-delete:hover{background:#fecaca;}
.note-modal-file-summary{display:grid;gap:6px;border:1px solid #e6edf5;background:#f8fafc;border-radius:14px;padding:10px;}
.note-modal-file-summary strong{font-size:12px;color:#64748b;}
.note-modal-file-summary a{font-size:12.5px;color:#172033;text-decoration:none;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.note-modal-file-summary a:hover{color:#2b754d;text-decoration:underline;}
@media(max-width:700px){.note-attachment-item{grid-template-columns:24px minmax(0,1fr) 28px}.note-attachment-item small{display:none;}}

/* ==========================================================
   v2.8.48 – Mobile Inbox: Akkordeon-Inhalt wieder sichtbar
   Ursache: ältere Mobile-Regel `.inbox-row span{display:none}` hat die
   neuen <details>/<summary>-Akkordeons in der Inbox ausgeblendet.
   ========================================================== */
@media(max-width:900px){
  #inboxModal .inbox-row.inbox-accordion-item{
    display:block!important;
    min-height:0!important;
    padding:0!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-accordion-head{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:12px!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-accordion-toggle{
    display:grid!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-accordion-arrow{
    display:inline-block!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-main-text{
    display:grid!important;
    grid-column:auto!important;
    min-width:0!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-main-text strong{
    display:block!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-main-text small{
    display:-webkit-box!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-type-pill{
    display:inline-flex!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-created{
    display:inline-block!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-accordion-body{
    display:grid!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-accordion-body span,
  #inboxModal .inbox-row.inbox-accordion-item .inbox-process-panel span,
  #inboxModal .inbox-row.inbox-accordion-item .inbox-process-form span{
    display:inline!important;
  }
}

@media(max-width:760px){
  #inboxModal .inbox-row.inbox-accordion-item .inbox-accordion-head{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    padding:12px!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-created{
    display:none!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-type-pill{
    max-width:104px!important;
  }
  #inboxModal .inbox-row.inbox-accordion-item .inbox-accordion-body{
    padding:0 12px 12px 12px!important;
  }
}

/* v2.8.50 – Heute-Markierungen nur bei echten Einträgen */
.overdue-today-group.has-critical .today-group-head{border-left:5px solid #dc2626;}
.today-accordion:not(.has-attention):not(.has-critical) > summary.today-group-head{border-left:0;}


/* v2.8.51 Wunschliste */
.wishlist-dashboard{max-width:980px;}
.wishlist-create-card textarea{min-height:108px;}
.wishlist-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.wishlist-status-chip.open{background:#edf8f1;color:#2b754d;}
.wishlist-status-chip.done{background:#eef2f7;color:#64748b;}
.wishlist-card.is-done{opacity:.78;background:#fbfdff;}
.wishlist-card.is-done p{text-decoration:line-through;color:#64748b;}
.wishlist-card-actions form{display:inline-flex;}
.wishlist-modal-card select{width:100%;border:1px solid #d8dee9;border-radius:13px;background:#fff;padding:10px;font:inherit;outline:0;}
.wishlist-modal-card select:focus{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}
@media(max-width:900px){.wishlist-main .top-actions .notes-search{display:none}.wishlist-card-meta{gap:6px}.wishlist-card-actions{align-items:flex-start;}}

/* v2.8.55 – Wunschliste: Formular als dezentes Akkordeon */
.note-create-accordion{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:20px;
  box-shadow:0 12px 30px rgba(15,23,42,.055);
  overflow:hidden;
}
.note-create-accordion > summary{
  list-style:none;
}
.note-create-accordion > summary::-webkit-details-marker{
  display:none;
}
.note-create-accordion-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  cursor:pointer;
  user-select:none;
}
.note-create-accordion-title{
  display:grid;
  gap:3px;
  min-width:0;
}
.note-create-accordion-title strong{
  color:#172033;
  font-size:15px;
  font-weight:900;
}
.note-create-accordion-title small{
  color:#94a3b8;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}
.note-create-accordion-icon{
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#f8fafc;
  color:#64748b;
  font-size:24px;
  font-weight:900;
  line-height:1;
  transition:transform .16s ease,background .16s ease,color .16s ease;
}
.note-create-accordion[open] .note-create-accordion-icon{
  transform:rotate(90deg);
  background:#edf8f1;
  color:#2b754d;
}
.note-create-accordion .note-create-card{
  border:0;
  border-top:1px solid #eef2f7;
  border-radius:0;
  box-shadow:none;
}
.wishlist-create-accordion .wishlist-create-card{
  margin:0;
}
@media(max-width:900px){
  .note-create-accordion-summary{padding:14px 15px;align-items:flex-start;}
  .note-create-accordion-icon{width:28px;height:28px;font-size:22px;}
}

/* v2.8.56 – Wunschliste: Verknüpfung zu Aufgaben */
.wishlist-task-link-box{
  display:grid;
  gap:9px;
  border:1px solid #e6edf5;
  background:#f8fafc;
  border-radius:14px;
  padding:10px;
}
.wishlist-task-link-box > summary{list-style:none;cursor:pointer;user-select:none;}
.wishlist-task-link-box > summary::-webkit-details-marker{display:none;}
.wishlist-task-link-box[open] .wishlist-task-link-head span{color:#2b754d;}
.wishlist-task-link-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
.wishlist-task-link-head strong{
  color:#172033;
  font-size:12px;
  font-weight:950;
}
.wishlist-task-link-head span{
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
  text-align:right;
}
.wishlist-linked-task-list{display:grid;gap:6px;}
.wishlist-linked-task{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 28px;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:8px;
}
.wishlist-linked-task-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#edf8f1;
  color:#2b754d;
  font-size:12px;
  font-weight:950;
}
.wishlist-linked-task a{
  display:block;
  color:#172033;
  text-decoration:none;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wishlist-linked-task a:hover{color:#2b754d;text-decoration:underline;}
.wishlist-linked-task small{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:780;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wishlist-linked-task.is-done{opacity:.72;}
.wishlist-linked-task.is-done a{text-decoration:line-through;color:#64748b;}
.wishlist-linked-task form{margin:0;display:flex;justify-content:flex-end;}
.wishlist-task-unlink{
  width:26px;
  height:26px;
  border:0;
  border-radius:9px;
  background:#fee2e2;
  color:#dc2626;
  font-weight:950;
  cursor:pointer;
}
.wishlist-task-unlink:hover{background:#fecaca;}
.wishlist-task-link-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin:0;
}
.wishlist-task-link-form select{
  width:100%;
  border:1px solid #d8dee9;
  border-radius:12px;
  background:#fff;
  padding:9px 10px;
  font:inherit;
  font-size:12.5px;
  outline:0;
}
.wishlist-task-link-form select:focus{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}
.wishlist-task-link-form button:disabled,.wishlist-task-link-form select:disabled{opacity:.55;cursor:not-allowed;}
.wishlist-task-empty{color:#94a3b8;font-size:12px;font-weight:750;}
@media(max-width:700px){
  .wishlist-task-link-head{align-items:flex-start;flex-direction:column;gap:3px;}
  .wishlist-task-link-head span{text-align:left;}
  .wishlist-task-link-form{grid-template-columns:1fr;}
}


/* v2.8.59 – Heute: eigenes Akkordeon für Spiritualität */
.spirituality-today-group.has-attention .today-group-head{border-left:5px solid #32895a;}
.spirituality-today-group .today-group-head > span{background:#e9f4ed;color:#2b754d;}

/* v2.8.59 – Heute: Spiritualität steht vor Top 10 ToDos */

/* v2.8.59 – Logbuch: Foto-/Screenshot-Anhänge mit Vorschau */
.topic-log-upload-label{
  display:grid;
  gap:8px;
}
.topic-log-upload-label input[type="file"]{
  width:100%;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  padding:10px;
  background:#f8fafc;
  font:inherit;
}
.topic-log-upload-label small{
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}
.topic-log-image-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:10px;
  margin-top:12px;
}
.topic-log-image-card{
  border:1px solid #e5eaf3;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}
.topic-log-image-card a{
  display:block;
  aspect-ratio:4/3;
  background:#f1f5f9;
}
.topic-log-image-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.topic-log-image-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 9px;
  border-top:1px solid #eef2f7;
}
.topic-log-image-meta span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#64748b;
  font-size:12px;
}
.topic-log-image-meta form{margin:0;}
@media(max-width:700px){
  .topic-log-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .topic-log-image-meta{padding:7px 8px;}
}

/* Passwort-Tresor */
.vault-head{align-items:flex-start;gap:16px}.vault-status-pill.locked{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.vault-status-pill.unlocked{background:#ecfdf5;color:#2b754d;border-color:#bbf7d0}.vault-page{display:flex;flex-direction:column;gap:16px}.vault-setup-card{max-width:760px}.vault-setup-card h2{margin:0 0 8px}.vault-auth-form{display:grid;gap:12px;margin-top:16px;max-width:520px}.vault-auth-form label,.vault-entry-form label{font-weight:700;color:#203027;display:grid;gap:7px}.vault-auth-form input,.vault-entry-form input,.vault-entry-form textarea{border:1px solid rgba(31,48,39,.14);border-radius:14px;padding:12px 13px;font:inherit;background:#fff;color:#1f3027;outline:none}.vault-entry-form textarea{resize:vertical}.vault-auth-form input:focus,.vault-entry-form input:focus,.vault-entry-form textarea:focus{border-color:rgba(46,125,50,.45);box-shadow:0 0 0 4px rgba(46,125,50,.08)}.vault-security-note{display:block;margin-top:14px;color:#6b7a70}.vault-alert{border:1px solid #bbf7d0;background:#ecfdf5;color:#2b754d;padding:12px 14px;border-radius:16px;margin:0 0 14px}.vault-alert.danger{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.vault-create-accordion{max-width:none}.vault-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.vault-form-grid label:nth-child(5){grid-column:1/-1}.vault-form-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.vault-password-input-wrap,.vault-copy-line{display:flex;align-items:center;gap:8px}.vault-password-input-wrap input,.vault-copy-line input{min-width:0;flex:1}.vault-mini-btn{border:1px solid rgba(31,48,39,.14);background:#f7faf7;color:#203027;border-radius:12px;padding:9px 10px;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}.vault-mini-btn:hover{background:#eef5ef}.vault-search-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vault-search-row .searchbox{flex:1;min-width:240px}.vault-list{display:grid;gap:14px}.vault-card{background:#fff;border:1px solid rgba(31,48,39,.10);border-radius:22px;padding:16px;box-shadow:0 18px 45px rgba(25,61,42,.07)}.vault-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.vault-card-head h2{font-size:1.05rem;margin:0;color:#203027}.vault-card-head p{margin:4px 0 0;color:#66746b;font-size:.92rem}.vault-card-head time{color:#8a978f;font-size:.82rem;white-space:nowrap}.vault-secret-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px}.vault-secret-grid label{font-size:.85rem;color:#66746b}.vault-copy-line input{border:1px solid rgba(31,48,39,.10);border-radius:12px;padding:10px 11px;background:#fbfdfb;font:inherit;color:#203027}.vault-url{display:inline-flex;margin:4px 0 8px;color:#2e7d32;font-weight:800;text-decoration:none;word-break:break-all}.vault-url:hover{text-decoration:underline}.vault-notes{background:#f8faf8;border:1px solid rgba(31,48,39,.08);border-radius:16px;padding:12px 13px;color:#33443a;margin:8px 0 12px}.vault-edit-box{border:1px solid rgba(31,48,39,.08);border-radius:16px;padding:0;margin-top:10px;background:#fbfdfb}.vault-edit-box summary{cursor:pointer;padding:12px 14px;font-weight:900;color:#203027;list-style:none}.vault-edit-box summary::-webkit-details-marker{display:none}.vault-edit-box summary:after{content:'›';float:right;transition:transform .2s ease}.vault-edit-box[open] summary:after{transform:rotate(90deg)}.vault-edit-box .vault-entry-form{padding:0 14px 14px}.vault-card-actions{display:flex;justify-content:flex-end;margin-top:10px}.vault-security-box{border:1px solid rgba(154,52,18,.16);background:#fffaf2;color:#7c2d12;border-radius:18px;padding:12px 14px;margin-bottom:12px}.vault-security-box strong{display:block;margin-bottom:4px}
@media (max-width:720px){.vault-form-grid,.vault-secret-grid{grid-template-columns:1fr}.vault-card-head{display:block}.vault-card-head time{display:block;margin-top:6px}.vault-password-input-wrap,.vault-copy-line{align-items:stretch}.vault-mini-btn{padding:9px 8px}.vault-search-row .searchbox{min-width:0;width:100%}}


/* v2.8.61 – Passwort-Tresor: Layout-Korrektur */
.vault-create-accordion.note-create-card{
  padding:0;
  display:block;
}
.vault-create-summary{
  min-height:70px;
}
.vault-create-accordion > .vault-entry-form{
  padding:18px;
  border-top:1px solid #eef2f7;
}
.vault-card{
  padding:22px;
}
.vault-card-head{
  margin-bottom:18px;
}
.vault-secret-grid{
  grid-template-columns:1fr;
  gap:16px;
  margin-bottom:14px;
}
.vault-secret-grid label{
  display:grid;
  gap:6px;
  font-size:.9rem;
  font-weight:800;
}
.vault-copy-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
}
.vault-secret-grid label:first-child .vault-copy-line{
  grid-template-columns:minmax(0,1fr) auto;
}
.vault-copy-line input{
  min-height:46px;
}
.vault-mini-btn{
  min-height:44px;
  padding:10px 14px;
}
.vault-edit-box{
  margin-top:16px;
}
.vault-card-actions{
  margin-top:14px;
}
@media (max-width:720px){
  .vault-create-accordion > .vault-entry-form{padding:15px;}
  .vault-card{padding:16px;}
  .vault-copy-line,
  .vault-secret-grid label:first-child .vault-copy-line{
    grid-template-columns:1fr;
  }
  .vault-copy-line .vault-mini-btn{
    width:100%;
  }
}

/* v2.8.64 – Passwort-Tresor: Seitenabstände korrigiert */
.vault-page{
  padding:0 28px 64px;
  width:100%;
}
.vault-alert{
  margin:0 28px 14px;
}
.vault-page .vault-create-accordion,
.vault-page .vault-search-row,
.vault-page .vault-list,
.vault-page .vault-setup-card{
  width:100%;
}
@media(max-width:900px){
  .vault-page{
    padding:0 18px 104px;
  }
  .vault-alert{
    margin:0 18px 14px;
  }
}
@media(max-width:520px){
  .vault-page{
    padding:0 14px 104px;
  }
  .vault-alert{
    margin:0 14px 14px;
  }
}

/* v2.8.64 – Passwort-Tresor: gespeicherte Zugänge als Akkordeon */
.vault-entry-accordion{
  padding:0;
  overflow:hidden;
}
.vault-entry-summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  min-height:74px;
}
.vault-entry-summary::-webkit-details-marker{display:none;}
.vault-entry-summary-main{
  display:grid;
  gap:4px;
  min-width:0;
}
.vault-entry-summary-main strong{
  color:#203027;
  font-size:1.06rem;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vault-entry-summary-main small{
  color:#66746b;
  font-size:.9rem;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vault-entry-summary-meta{
  display:flex;
  align-items:center;
  gap:14px;
  flex-shrink:0;
  color:#8a978f;
  font-size:.84rem;
}
.vault-entry-summary-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f1f5f9;
  color:#334155;
  font-size:1.55rem;
  line-height:1;
  transition:transform .2s ease, background .2s ease;
}
.vault-entry-accordion[open] > .vault-entry-summary .vault-entry-summary-icon{
  transform:rotate(90deg);
  background:#e9f4ed;
  color:#2b754d;
}
.vault-entry-body{
  border-top:1px solid #eef2f7;
  padding:18px 22px 22px;
}
.vault-entry-accordion[open] > .vault-entry-summary{
  background:#fbfdfb;
}
@media(max-width:720px){
  .vault-entry-summary{
    padding:15px 16px;
    align-items:flex-start;
  }
  .vault-entry-summary-meta{
    gap:8px;
  }
  .vault-entry-summary-meta time{
    display:none;
  }
  .vault-entry-body{
    padding:16px;
  }
}

/* v2.8.65 – Ganze Themen per Stern in Top 10 ToDos aufnehmen */
.topic-card{
  grid-template-columns:28px minmax(0,1fr) 30px 30px !important;
}
.topic-top-form{
  margin:0;
  display:grid;
  place-items:center;
}
.topic-star-btn{
  width:30px;
  height:30px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#cbd5e1;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:17px;
  line-height:1;
  font-weight:900;
}
.topic-star-btn:hover,
.topic-star-btn.is-active{
  background:#fff7ed;
  color:#f59e0b;
}
.topic-card.is-top-topic{
  border-color:#fed7aa;
  box-shadow:0 14px 28px rgba(245,158,11,.10);
}
.topic-action-form{
  margin:0;
  display:block;
}
.topic-action-form .topic-action-card{
  width:100%;
  height:100%;
  font:inherit;
}
.topic-top-action .topic-action-icon{
  background:#fff7ed;
  color:#d97706;
}
.topic-top-action.is-active{
  border-color:#fbbf24;
  background:#fffbeb;
}
.topic-top-action.is-active .topic-action-icon{
  background:#fef3c7;
  color:#b45309;
}
.project-top-limit-note{
  margin:0 28px 14px;
}
@media(max-width:900px){
  .topic-card{grid-template-columns:28px minmax(0,1fr) 30px 30px !important;}
  .project-top-limit-note{margin:0 14px 14px;}
}

/* v2.8.67 – Reflexion: tägliche Fragen und Archiv */
.reflection-main .topbar{background:rgba(255,255,255,.94)}
.reflection-dashboard{max-width:1040px;}
.reflection-head{align-items:center;}
.reflection-date-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;}
.reflection-date-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:8px;box-shadow:0 12px 30px rgba(15,23,42,.055);}
.reflection-date-control{display:flex;align-items:center;gap:10px;min-height:46px;border:1px solid #eef2f7;background:#fbfdff;border-radius:15px;padding:7px 12px 7px 10px;color:#172033;font-weight:900;}
.reflection-date-icon{width:32px;height:32px;border-radius:12px;background:#eef6f0;color:#2b754d;display:grid;place-items:center;font-size:17px;flex:0 0 32px;}
.reflection-date-label{display:grid;gap:1px;min-width:0;}
.reflection-date-label small{font-size:11px;line-height:1;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-weight:900;}
.reflection-date-form input[type=text]{border:0;background:transparent;font:inherit;outline:0;color:#172033;min-width:126px;padding:0;font-weight:850;}
.reflection-date-submit{min-height:46px;border-radius:15px;}
.reflection-notice{margin:0 28px 14px;max-width:1040px;border:1px solid #bbf7d0;background:#ecfdf5;color:#2b754d;border-radius:16px;padding:12px 14px;font-weight:800;}
.reflection-notice.warning{border-color:#fed7aa;background:#fff7ed;color:#9a3412;}
.reflection-today-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 34px rgba(15,23,42,.055);padding:18px;display:grid;gap:16px;}
.reflection-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #eef2f7;padding-bottom:14px;}
.reflection-card-head h2{margin:0;color:#172033;font-size:1.18rem;}
.reflection-card-head p{margin:4px 0 0;color:#94a3b8;font-size:12.5px;font-weight:800;}
.reflection-date-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#edf8f1;color:#2b754d;border:1px solid #bbf7d0;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap;}
.reflection-question-list{display:grid;gap:12px;}
.reflection-question-card{border:1px solid #e6edf5;background:#fbfdff;border-radius:18px;font-weight:800;color:#172033;overflow:hidden;}
.reflection-question-card strong{line-height:1.35;}
.reflection-question-accordion summary::-webkit-details-marker{display:none;}
.reflection-question-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none;}
.reflection-question-title{line-height:1.35;font-weight:900;color:#172033;}
.reflection-question-meta{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#94a3b8;font-size:12px;font-weight:850;}
.reflection-question-chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#eef6f0;color:#2b754d;transition:transform .18s ease;}
.reflection-question-card[open] .reflection-question-chevron{transform:rotate(90deg);}
.reflection-question-card[open] .reflection-question-summary{border-bottom:1px solid #e6edf5;background:#fff;}
.reflection-question-body{padding:14px;}
.reflection-question-card textarea{width:100%;border:1px solid #d8dee9;border-radius:14px;background:#fff;padding:10px;font:inherit;outline:0;resize:vertical;min-height:98px;}
.reflection-question-card textarea:focus{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}
.reflection-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid #eef2f7;padding-top:14px;}
.reflection-question-manager{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.045);overflow:hidden;}
.reflection-question-manager > summary{list-style:none;cursor:pointer;user-select:none;}
.reflection-question-manager > summary::-webkit-details-marker{display:none;}
.reflection-accordion-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;}
.reflection-accordion-head strong{color:#172033;font-size:1rem;}
.reflection-accordion-head span{color:#94a3b8;font-size:12px;font-weight:850;text-align:right;}
.reflection-question-manager[open] .reflection-accordion-head span{color:#2b754d;}
.reflection-manager-body{border-top:1px solid #eef2f7;padding:16px 18px 18px;display:grid;gap:12px;background:#fbfdff;}
.reflection-add-question-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;}
.reflection-add-question-form input,.reflection-admin-edit-form input{width:100%;border:1px solid #d8dee9;border-radius:13px;background:#fff;padding:11px 12px;font:inherit;outline:0;}
.reflection-add-question-form input:focus,.reflection-admin-edit-form input:focus{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}
.reflection-question-admin-list{display:grid;gap:9px;}
.reflection-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e6edf5;background:#fff;border-radius:14px;padding:9px;}
.reflection-admin-row.is-inactive{opacity:.62;}
.reflection-admin-edit-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0;}
.reflection-admin-row form{margin:0;}
.reflection-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:2px;}
.reflection-section-title h2{margin:0;color:#172033;font-size:1.08rem;}
.reflection-section-title p{margin:0;color:#94a3b8;font-size:12.5px;font-weight:750;}
.reflection-archive{display:grid;gap:12px;}
.reflection-archive-list{display:grid;gap:10px;}
.reflection-entry-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 26px rgba(15,23,42,.045);overflow:hidden;}
.reflection-entry-card > summary{list-style:none;cursor:pointer;user-select:none;}
.reflection-entry-card > summary::-webkit-details-marker{display:none;}
.reflection-entry-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;}
.reflection-entry-summary span{display:grid;gap:3px;}
.reflection-entry-summary strong{color:#172033;}
.reflection-entry-summary small{color:#94a3b8;font-size:12px;font-weight:850;}
.reflection-entry-summary em{width:30px;height:30px;border-radius:999px;background:#f1f5f9;display:grid;place-items:center;font-style:normal;font-size:1.35rem;line-height:1;transition:transform .2s ease, background .2s ease;}
.reflection-entry-card[open] .reflection-entry-summary em{transform:rotate(90deg);background:#e9f4ed;color:#2b754d;}
.reflection-entry-body{border-top:1px solid #eef2f7;padding:14px 16px 16px;display:grid;gap:12px;background:#fbfdff;}
.reflection-archive-answer{display:grid;gap:5px;border:1px solid #e6edf5;background:#fff;border-radius:14px;padding:10px;}
.reflection-archive-answer strong{color:#172033;font-size:.94rem;line-height:1.35;}
.reflection-archive-answer p{margin:0;color:#334155;line-height:1.55;}
.reflection-entry-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.reflection-entry-actions form{margin:0;}
@media(max-width:900px){
  .reflection-dashboard{padding:0 14px 104px;max-width:none;}
  .reflection-notice{margin:0 14px 14px;}
  .reflection-main .top-actions .reflection-date-form{display:flex;}
  .reflection-main .top-actions{display:flex!important;justify-content:stretch;}
  .reflection-date-card{width:100%;padding:7px;}
  .reflection-date-control{flex:1 1 100%;}
  .reflection-date-form input[type=date]{width:100%;min-width:0;}
  .reflection-date-submit{flex:1 1 100%;}
  .reflection-head{align-items:flex-start;}
  .reflection-card-head,.reflection-section-title{align-items:flex-start;flex-direction:column;}
  .reflection-actions{justify-content:stretch;}
  .reflection-actions .btn{flex:1 1 180px;}
  .reflection-add-question-form,.reflection-admin-row,.reflection-admin-edit-form{grid-template-columns:1fr;}
  .reflection-accordion-head{align-items:flex-start;flex-direction:column;gap:4px;}
  .reflection-accordion-head span{text-align:left;}
}

.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;}

@media (max-width: 720px){
  .reflection-question-summary{align-items:flex-start;flex-direction:column;gap:8px;padding:13px 14px;}
  .reflection-question-meta{width:100%;justify-content:space-between;}
  .reflection-question-body{padding:10px;}
}

@media (max-width: 520px){
  .reflection-date-card{align-items:stretch;}
  .reflection-date-control{width:100%;}
  .reflection-date-label{width:100%;}
}


.reflection-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.reflection-archive-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.reflection-filter-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid #dcefe3;background:#fff;color:#334155;font-weight:800;font-size:.84rem;text-decoration:none;transition:all .2s ease;}
.reflection-filter-chip:hover{border-color:#94a3b8;background:#f8fafc;}
.reflection-filter-chip.is-active{border-color:#f59e0b;background:#fff7ed;color:#9a3412;box-shadow:0 6px 18px rgba(245,158,11,.12);}
.reflection-entry-card.is-highlighted{border-color:#f6d28b;box-shadow:0 12px 28px rgba(245,158,11,.10);}
.reflection-entry-card.is-highlighted .reflection-entry-summary{background:linear-gradient(180deg,#fffaf1 0%, #ffffff 100%);}
.reflection-entry-title-wrap{display:grid;gap:4px;}
.reflection-entry-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.reflection-entry-star{font-style:normal;font-size:1rem;line-height:1;color:#cbd5e1;}
.reflection-entry-star.is-active{color:#f59e0b;}
@media (max-width: 768px){
  .reflection-section-title{align-items:stretch;}
  .reflection-archive-filters{width:100%;}
  .reflection-filter-chip{flex:1 1 auto;}
}

.reflection-date-nav,.reflection-date-today{min-height:46px;border-radius:15px;border:1px solid #e2e8f0;background:#fff;color:#172033;text-decoration:none;font-weight:950;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;line-height:1;box-shadow:0 7px 18px rgba(15,23,42,.035);}
.reflection-date-nav{font-size:1.35rem;min-width:46px;}
.reflection-date-today{font-size:.9rem;color:#2b754d;background:#f0fdf4;border-color:#bbf7d0;}
.reflection-date-nav:hover,.reflection-date-today:hover{background:#f8fafc;}
.reflection-date-today:hover{background:#dcfce7;}
@media (max-width: 768px){
  .reflection-date-nav{flex:0 0 46px;}
  .reflection-date-today{flex:1 1 90px;}
  .reflection-date-submit{width:100%;}
}


/* v2.8.73 – Abendstratege ist über die Heute-Ansicht erreichbar */
.today-head-actions{align-self:center;}
.today-reflection-link{border-color:#bbf7d0;color:#2b754d;background:#f0fdf4;}
.today-reflection-link:hover{background:#dcfce7;}
@media (max-width: 768px){
  .today-head{align-items:stretch;}
  .today-head-actions{width:100%;}
  .today-reflection-link{width:100%;}
}


/* v2.8.76 – Meilensteine nutzt die volle verfügbare Höhe */
@media (min-width: 761px){
  .workspace{
    min-height:calc(100vh - 88px);
    display:flex;
    flex-direction:column;
  }
  .mindmap-viewport{
    flex:1 1 auto;
    height:calc(100vh - 124px);
    min-height:calc(100vh - 124px) !important;
    margin-bottom:28px !important;
  }
  .mindmap-scale,
  .mindmap-board{
    min-height:100%;
  }
  .mindmap-board{
    box-sizing:border-box;
  }
}

@media (max-width: 760px){.topic-modal-tools{grid-template-columns:1fr;}}


/* v2.8.78 – Meilensteine: Themenkarten mehr Titelbreite */
.project-column{flex:0 0 286px !important;min-width:286px !important;}
.topic-card{grid-template-columns:minmax(0,1fr) 32px !important;padding:14px 14px !important;}
.topic-title{font-size:15px !important;line-height:1.38 !important;-webkit-line-clamp:4 !important;word-break:normal;overflow-wrap:anywhere;}
.topic-menu{width:32px !important;height:32px !important;justify-self:end;}
.add-topic-form input{width:100% !important;}
@media(max-width:1100px){.project-column{flex-basis:276px !important;min-width:276px !important;}}
@media(max-width:900px){.project-column{flex-basis:266px !important;min-width:266px !important;}}


/* v2.8.79 – Inbox: alle Einträge anzeigen und Modal scrollbar machen */
#inboxModal{max-height:100dvh;}
#inboxModal .inbox-modal-card{display:flex!important;flex-direction:column;max-height:calc(100dvh - 44px)!important;overflow:hidden!important;}
#inboxModal .inbox-modal-scroll{min-height:0;flex:1 1 auto;overflow-y:auto!important;overscroll-behavior:contain;padding-right:6px;}
#inboxModal .inbox-list{max-height:none!important;overflow:visible!important;}
@media(max-width:760px){
  #inboxModal .inbox-modal-card{max-height:calc(100dvh - 24px)!important;}
  #inboxModal .inbox-modal-scroll{max-height:none!important;}
}

/* v2.8.80 – Inbox-Detailbereich ruhiger und ohne selbsterklärenden Hinweis */
#inboxModal .inbox-accordion-body{
  grid-column:1 / -1;
  display:grid;
  gap:12px;
  padding:18px 20px 20px 76px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border-top:1px solid #f1e4c5;
}
#inboxModal .inbox-accordion-actions{
  display:flex;
  justify-content:flex-end;
  order:3;
}
#inboxModal .inbox-type-form{
  width:min(360px,100%);
  margin:0;
}
#inboxModal .inbox-type-form select{
  width:100%;
  min-height:48px;
  border:1px solid #d8dee9;
  border-radius:14px;
  background:#fff;
  color:#172033;
  padding:0 42px 0 14px;
  font-weight:850;
  font-size:16px;
  box-shadow:0 8px 18px rgba(15,23,42,.035);
}
#inboxModal .inbox-process-box{
  grid-column:auto;
  display:grid;
  gap:10px;
  margin:0;
}
#inboxModal .inbox-row-flow[data-current-type="unsorted"] .inbox-process-box{
  display:none!important;
}
#inboxModal .inbox-process-panel{
  border:1px solid #e6edf5;
  background:#f8fafc;
  border-radius:16px;
  padding:14px;
}
#inboxModal .inbox-process-form{
  gap:12px;
}
#inboxModal .inbox-process-form label{
  font-size:12.5px;
  color:#475569;
}
#inboxModal .inbox-process-form select,
#inboxModal .inbox-process-form input{
  min-height:44px;
  height:44px;
  border-radius:12px;
  font-size:14px;
}
#inboxModal .inbox-process-form button{
  min-height:44px;
  height:auto;
  border-radius:12px;
}
#inboxModal .inbox-process-form.compact-action{
  grid-template-columns:minmax(160px,1fr) minmax(180px,260px) auto;
  align-items:end;
}
#inboxModal .inbox-process-form.compact-action > span{
  align-self:center;
  color:#64748b;
  font-size:14px;
  line-height:1.45;
}
#inboxModal .inbox-delete-form .row-menu{
  border:0;
  background:transparent;
  color:#94a3b8;
  font-weight:900;
  padding:8px 0;
}
#inboxModal .inbox-delete-form .row-menu:hover{color:#dc2626;}
@media(max-width:900px){
  #inboxModal .inbox-accordion-body{
    padding:14px 16px 18px;
  }
  #inboxModal .inbox-type-form{
    width:100%;
  }
  #inboxModal .inbox-process-form.compact-action,
  #inboxModal .inbox-process-form,
  #inboxModal .inbox-routine-form{
    grid-template-columns:1fr!important;
  }
}


/* v2.8.81 – Vokabeltrainer */
.vocab-main{background:#fff;}
.vocab-dashboard{padding:0 28px 110px;display:grid;gap:18px;}
.vocab-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.vocab-stats-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px;box-shadow:0 10px 24px rgba(15,23,42,.045);display:grid;gap:4px;}
.vocab-stats-grid strong{font-size:1.45rem;color:#172033;}
.vocab-stats-grid span{color:#64748b;font-weight:800;font-size:.86rem;}
.vocab-create-card{border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.045);overflow:hidden;}
.vocab-form{display:grid;gap:12px;}
.vocab-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.vocab-learn-section,.vocab-all-section{display:grid;gap:12px;}
.vocab-card-list,.vocab-list{display:grid;gap:10px;}
.vocab-learn-card,.vocab-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 26px rgba(15,23,42,.045);overflow:hidden;}
.vocab-learn-card>summary,.vocab-list-card>summary{list-style:none;cursor:pointer;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.vocab-learn-card>summary::-webkit-details-marker,.vocab-list-card>summary::-webkit-details-marker{display:none;}
.vocab-learn-card summary span,.vocab-list-card summary span{display:grid;gap:4px;min-width:0;}
.vocab-learn-card summary strong,.vocab-list-card summary strong{font-size:1.04rem;color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vocab-learn-card summary small,.vocab-list-card summary small{font-size:.82rem;color:#64748b;font-weight:800;}
.vocab-learn-card summary em,.vocab-list-card summary em{font-style:normal;color:#64748b;font-weight:900;white-space:nowrap;}
.vocab-card-body,.vocab-list-body{border-top:1px solid #eef2f7;background:#fbfdff;padding:14px 16px;display:grid;gap:12px;}
.vocab-answer{border:1px solid #e6edf5;border-radius:16px;background:#fff;padding:14px;display:grid;gap:8px;}
.vocab-answer strong{font-size:1.2rem;color:#0f172a;}
.vocab-answer p,.vocab-answer small,.vocab-list-body p{margin:0;color:#334155;line-height:1.55;}
.vocab-answer small{color:#64748b;font-weight:750;}
.vocab-rating-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.vocab-category-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.vocab-category-chip{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #dcefe3;border-radius:999px;background:#fff;color:#334155;text-decoration:none;font-weight:850;font-size:.84rem;}
.vocab-category-chip.is-active{background:#e9f4ed;border-color:#9ee7b8;color:#2b754d;}
.vocab-edit-accordion{border:1px solid #e6edf5;background:#fff;border-radius:14px;overflow:hidden;}
.vocab-edit-accordion>summary{padding:10px 12px;cursor:pointer;font-weight:900;list-style:none;}
.vocab-edit-accordion>summary::-webkit-details-marker{display:none;}
.vocab-edit-accordion form{padding:10px;border-top:1px solid #eef2f7;}
@media (max-width: 900px){.vocab-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.vocab-form-grid{grid-template-columns:1fr;}.vocab-rating-row{grid-template-columns:1fr 1fr;}}
@media (max-width: 640px){.vocab-dashboard{padding:0 16px 100px;}.vocab-rating-row{grid-template-columns:1fr;}.vocab-learn-card>summary,.vocab-list-card>summary{align-items:flex-start;}.vocab-stats-grid{grid-template-columns:1fr 1fr;}}


/* v2.8.84 – Admin Benutzerverwaltung */
.users-main{background:#fff;min-width:0;}
.users-head{padding-bottom:16px;}
.users-dashboard{padding:0 28px 96px;display:grid;gap:16px;max-width:1120px;}
.users-count-pill{white-space:nowrap;}
.admin-notice{margin:0 28px 16px;max-width:1120px;border:1px solid #bbf7d0;background:#f0fdf4;color:#2b754d;border-radius:16px;padding:12px 14px;font-weight:800;}
.admin-notice.warning{border-color:#fed7aa;background:#fff7ed;color:#9a3412;}
.users-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;}
.users-create-form label,.user-edit-form label,.user-password-form label{display:grid;gap:6px;font-weight:850;color:#172033;}
.users-create-form input,.users-create-form select,.user-edit-form input,.user-edit-form select,.user-password-form input{border:1px solid #d8dee9;border-radius:13px;padding:10px;font:inherit;background:#fff;outline:0;}
.users-create-form input:focus,.users-create-form select:focus,.user-edit-form input:focus,.user-edit-form select:focus,.user-password-form input:focus{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}
.admin-help{display:block;color:#64748b;line-height:1.5;margin-top:10px;}
.users-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.user-stat-card{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(15,23,42,.045);display:grid;gap:3px;}
.user-stat-card strong{font-size:1.55rem;color:#172033;}
.user-stat-card span{color:#64748b;font-weight:800;font-size:.88rem;}
.users-list{display:grid;gap:10px;}
.user-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 26px rgba(15,23,42,.045);overflow:hidden;}
.user-card.is-inactive{opacity:.72;}
.user-card > summary{list-style:none;cursor:pointer;user-select:none;}
.user-card > summary::-webkit-details-marker{display:none;}
.user-card-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;}
.user-card-main{display:grid;gap:3px;min-width:0;}
.user-card-main strong{color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-card-main small{color:#64748b;font-weight:800;font-size:.82rem;}
.user-card-summary em{width:30px;height:30px;border-radius:999px;background:#f1f5f9;display:grid;place-items:center;font-style:normal;font-size:1.35rem;line-height:1;transition:transform .2s ease,background .2s ease;}
.user-card[open] .user-card-summary em{transform:rotate(90deg);background:#e9f4ed;color:#2b754d;}
.user-card-body{border-top:1px solid #eef2f7;background:#fbfdff;padding:14px 16px 16px;display:grid;gap:14px;}
.user-edit-form{display:grid;grid-template-columns:1.3fr 180px 120px auto;gap:12px;align-items:end;}
.user-password-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;border-top:1px dashed #dcefe3;padding-top:14px;}
.user-check{display:flex!important;align-items:center;gap:8px;padding:12px 0;}
.user-check input{width:18px;height:18px;}
.user-meta-row{display:flex;gap:14px;flex-wrap:wrap;color:#64748b;font-size:.82rem;font-weight:800;}
@media (max-width: 860px){.users-dashboard{padding:0 16px 96px}.admin-notice{margin-left:16px;margin-right:16px}.users-create-form,.users-stats-grid,.user-edit-form,.user-password-form{grid-template-columns:1fr}.user-card-summary{align-items:flex-start}.users-head{padding-left:16px;padding-right:16px}}

.modules-main .content-head{padding-bottom:12px;}
.modules-panel{padding:0 28px 96px;}
.modules-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--soft-shadow);padding:22px;display:grid;gap:18px;}
.modules-grid{display:grid;grid-template-columns:1fr;gap:10px;}
.modules-sort-hint{border:1px solid #e6edf5;background:#f8fafc;border-radius:16px;padding:12px 14px;color:#64748b;font-weight:750;line-height:1.45;}
.module-toggle-row{display:grid;grid-template-columns:30px 42px minmax(220px,1fr) auto auto;align-items:center;gap:12px;border:1px solid #e6edf5;background:#fbfdff;border-radius:18px;padding:14px;cursor:grab;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;}
.module-toggle-row:hover{border-color:#cbd5e1;background:#fff;}
.module-sort-row.is-dragging{opacity:.45;transform:scale(.995);}
.module-sort-row.is-drag-over{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}
.module-drag-handle{width:30px;height:30px;border-radius:10px;background:#f1f5f9;color:#64748b;display:grid;place-items:center;font-weight:900;cursor:grab;user-select:none;}
.module-sort-row:active .module-drag-handle{cursor:grabbing;}
.module-toggle-icon{width:42px;height:42px;border-radius:14px;background:#f1f5f9;display:grid;place-items:center;font-weight:900;color:#172033;}
.module-toggle-text{display:grid;gap:3px;min-width:0;}
.module-toggle-text strong{color:#172033;}
.module-toggle-text small{color:#94a3b8;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.module-toggle-row input{width:20px;height:20px;accent-color:#32895a;}
.module-device-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e6edf5;background:#fff;border-radius:14px;color:#334155;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;}
.module-device-toggle span{color:#64748b;}
.module-device-toggle:hover{border-color:#cbd5e1;background:#f8fafc;}
.modules-actions{display:flex;justify-content:flex-end;}
.modules-hint{margin:0;color:#64748b;line-height:1.5;font-weight:650;}
@media (max-width:760px){.modules-panel{padding:0 14px 110px}.modules-card{padding:16px;border-radius:20px}.modules-grid{grid-template-columns:1fr}.modules-actions .btn{width:100%;}}


/* v2.8.89 – Konto / eigenes Passwort ändern */
.settings-link.active{background:#edf8f1;color:#2b754d;}
.account-main .content-head{padding-bottom:16px;}
.account-dashboard{padding:0 28px 42px;display:grid;gap:16px;max-width:860px;}
.account-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 34px rgba(15,23,42,.055);padding:22px;display:grid;gap:18px;}
.account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #eef2f7;padding-bottom:14px;}
.account-card-head h2{margin:0;color:#172033;font-size:1.25rem;letter-spacing:-.02em;}
.account-card-head p{margin:6px 0 0;color:#64748b;line-height:1.45;}
.account-password-form{display:grid;gap:14px;}
.account-password-form label{display:grid;gap:8px;font-weight:850;color:#334155;}
.account-password-form input{width:100%;border:1px solid #d8dee9;border-radius:14px;background:#fff;padding:12px 14px;font:inherit;outline:0;}
.account-password-form input:focus{border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}
.account-password-form .btn{justify-self:start;}
.account-hint{margin:0;color:#64748b;font-size:.92rem;line-height:1.45;background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:10px;}
@media(max-width:760px){.account-dashboard{padding:0 14px 28px;}.account-card{padding:16px;border-radius:18px;}.account-password-form .btn{width:100%;}.account-user-pill{display:none;}}


.vault-master-hint{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:12px 14px;display:grid;gap:8px;}
.vault-master-hint summary{cursor:pointer;font-weight:850;color:#334155;list-style:none;}
.vault-master-hint summary::-webkit-details-marker{display:none;}
.vault-master-hint summary::after{content:'›';float:right;font-size:1.2rem;transition:transform .2s ease;}
.vault-master-hint[open] summary::after{transform:rotate(90deg);}
.vault-master-hint p{margin:0;color:#475569;line-height:1.55;white-space:normal;}
.vault-auth-form textarea{border:1px solid #d8dee9;border-radius:12px;padding:10px;font:inherit;background:#fff;resize:vertical;min-height:86px;}
.vault-auth-form textarea:focus{outline:0;border-color:#32895a;box-shadow:0 0 0 4px rgba(22,163,74,.09);}

@media (max-width: 760px){.module-toggle-row{grid-template-columns:28px 38px minmax(0,1fr);}.module-device-toggle{grid-column:2 / -1;justify-content:space-between;}.module-drag-handle{width:28px;height:28px}.module-toggle-icon{width:38px;height:38px}}

/* v2893 – Gemeinsame Projekte */
.project-column.is-shared-project{border-style:dashed;}
.project-shared-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(37,99,235,.18);background:#e9f4ed;color:#2b754d;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap;}
.project-shared-note,.project-readonly-note,.shared-readonly-banner{border:1px solid #dcefe3;background:#e9f4ed;color:#2b754d;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800;line-height:1.45;margin:0 0 10px;}
.shared-editor-banner{border-color:#dcfce7;background:#f0fdf4;color:#2b754d;}
.project-team-box{margin-top:12px;border:1px solid #e6edf5;background:#fbfdff;border-radius:16px;overflow:hidden;}
.project-team-box>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:11px 12px;font-weight:900;color:#172033;}
.project-team-box>summary::-webkit-details-marker{display:none;}
.project-team-box>summary small{color:#64748b;font-size:11px;font-weight:900;}
.project-team-body{display:grid;gap:12px;padding:0 12px 12px;}
.project-team-form{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;align-items:end;}
.project-team-form label{display:grid;gap:5px;font-size:11px;font-weight:900;color:#64748b;}
.project-team-form select,.project-member-role-form select{border:1px solid #dcefe3;border-radius:10px;background:#fff;padding:8px 10px;font-weight:800;color:#172033;min-width:0;}
.project-member-list{display:grid;gap:8px;}
.project-member-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid #edf2f7;background:#fff;border-radius:12px;padding:8px;}
.project-member-row span{display:grid;gap:2px;min-width:0;}
.project-member-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033;font-size:12.5px;}
.project-member-row small{color:#64748b;font-weight:850;font-size:11px;}
@media (max-width:760px){.project-team-form,.project-member-row{grid-template-columns:1fr}.project-member-row form{justify-self:stretch}.project-member-role-form select,.project-team-form .btn{width:100%;}.project-shared-badge{grid-column:1 / -1;justify-self:start}}
body.topic-readonly form{opacity:.55;}
body.topic-readonly form button[type=submit],body.topic-readonly input,body.topic-readonly textarea,body.topic-readonly select{pointer-events:none;}

/* v2894 – Modul-Einstellungen bleiben strikt pro Benutzer; module_prefs wird no-cache geladen. */

/* Release Notes */
.release-main{max-width:1120px;margin:0 auto;padding-bottom:110px}.release-head p{max-width:720px}.release-status-card,.release-roadmap-card,.release-card{background:rgba(255,255,255,.92);border:1px solid rgba(24,34,54,.08);border-radius:22px;box-shadow:0 18px 50px rgba(24,34,54,.08)}.release-status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;margin:0 0 18px}.release-eyebrow{display:inline-flex;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:8px}.release-status-card h2{margin:0;font-size:2rem;color:#0f172a}.release-status-card p{margin:6px 0 0;color:#64748b}.release-status-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.release-status-meta span,.release-badges em{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:#f1f5f9;color:#334155;font-size:.82rem;font-style:normal;font-weight:800}.release-roadmap-card{padding:22px;margin-bottom:18px}.release-roadmap-card h2{margin:0 0 14px;font-size:1.15rem}.release-roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.release-roadmap-grid div{border:1px solid rgba(15,23,42,.08);background:#f8fafc;border-radius:18px;padding:14px}.release-roadmap-grid strong{display:block;color:#0f172a;margin-bottom:6px}.release-roadmap-grid span{display:block;color:#64748b;font-size:.92rem;line-height:1.45}.release-list{display:grid;gap:14px}.release-card{overflow:hidden}.release-card summary{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer}.release-card summary::-webkit-details-marker{display:none}.release-card summary:after{content:'⌄';margin-left:auto;color:#94a3b8;font-size:1.2rem;transition:transform .2s ease}.release-card[open] summary:after{transform:rotate(180deg)}.release-version{display:inline-flex;align-items:center;justify-content:center;min-width:74px;border-radius:16px;background:#0f172a;color:#fff;font-weight:900;padding:10px}.release-summary-text{display:flex;flex-direction:column;gap:3px;min-width:0}.release-summary-text strong{color:#0f172a}.release-summary-text small{color:#64748b}.release-badges{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.release-card-body{border-top:1px solid rgba(15,23,42,.07);padding:18px 20px 20px}.release-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.release-meta-grid div{border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.07);padding:12px}.release-meta-grid span{display:block;color:#64748b;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;margin-bottom:4px}.release-meta-grid strong{color:#0f172a}.release-card-body h3{margin:0 0 10px;font-size:1rem}.release-change-list{margin:0 0 14px 0;padding-left:20px;color:#334155;line-height:1.55}.release-change-list li+li{margin-top:4px}.release-tech-note{background:#fffbeb;border:1px solid #fde68a;color:#854d0e;border-radius:16px;padding:12px 14px;margin:12px 0}.release-zip-placeholder{display:inline-flex;align-items:center;border-radius:14px;background:#f1f5f9;color:#64748b;font-weight:700;font-size:.9rem;padding:10px 12px}
@media (max-width:780px){.release-status-card{flex-direction:column}.release-status-meta{justify-content:flex-start}.release-roadmap-grid,.release-meta-grid{grid-template-columns:1fr}.release-card summary{align-items:flex-start;flex-wrap:wrap}.release-badges{margin-left:0}.release-card summary:after{position:absolute;right:22px}.release-version{min-width:auto}.release-main{padding-bottom:120px}}

.release-filter-card{background:rgba(255,255,255,.94);border:1px solid rgba(24,34,54,.08);border-radius:22px;box-shadow:0 18px 50px rgba(24,34,54,.08);padding:22px;margin-bottom:18px}.release-filter-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.release-filter-top h2{margin:0 0 6px;font-size:1.15rem;color:#0f172a}.release-filter-top p{margin:0;color:#64748b}.release-filter-grid{display:grid;grid-template-columns:2fr repeat(5,minmax(130px,1fr));gap:12px}.release-filter-grid label{display:flex;flex-direction:column;gap:6px;color:#475569;font-weight:800;font-size:.82rem}.release-filter-grid input,.release-filter-grid select{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#fff;padding:11px 12px;font:inherit;color:#0f172a;outline:none}.release-filter-grid input:focus,.release-filter-grid select:focus{border-color:#2b754d;box-shadow:0 0 0 3px rgba(29,78,216,.12)}.release-filter-count{margin-top:14px;display:inline-flex;align-items:center;border-radius:999px;background:#f1f5f9;color:#64748b;font-weight:800;font-size:.88rem;padding:8px 12px}.release-filter-count strong{color:#0f172a;margin-right:4px}.release-empty-state{background:#f8fafc;border:1px dashed rgba(15,23,42,.18);border-radius:20px;color:#64748b;font-weight:800;text-align:center;padding:22px}
@media (max-width:1100px){.release-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-filter-grid label:first-child{grid-column:1/-1}}
@media (max-width:780px){.release-filter-top{flex-direction:column}.release-filter-grid{grid-template-columns:1fr}.release-filter-grid label:first-child{grid-column:auto}}

.release-admin-card{background:rgba(255,255,255,.94);border:1px solid rgba(24,34,54,.08);border-radius:22px;box-shadow:0 18px 50px rgba(24,34,54,.08);margin-bottom:18px;overflow:hidden}.release-admin-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;cursor:pointer}.release-admin-card>summary::-webkit-details-marker{display:none}.release-admin-card>summary span{color:#64748b;font-weight:800;font-size:.88rem}.release-admin-form{display:grid;gap:14px;padding:0 22px 22px}.release-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.release-admin-form label{display:flex;flex-direction:column;gap:6px;color:#475569;font-weight:800;font-size:.82rem}.release-admin-form label small{font-weight:700;color:#94a3b8}.release-admin-form input,.release-admin-form select,.release-admin-form textarea{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#fff;padding:11px 12px;font:inherit;color:#0f172a;outline:none}.release-admin-form textarea{resize:vertical;line-height:1.45}.release-admin-form input:focus,.release-admin-form select:focus,.release-admin-form textarea:focus{border-color:#2b754d;box-shadow:0 0 0 3px rgba(29,78,216,.12)}.release-admin-checks{display:flex;gap:14px;flex-wrap:wrap}.release-admin-checks label{flex-direction:row;align-items:center;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:999px;padding:9px 12px}.release-admin-checks input{width:auto}.release-description{background:#f8fafc;border:1px solid rgba(15,23,42,.07);border-radius:16px;padding:12px 14px;color:#334155;line-height:1.5;margin:0 0 14px}.release-edit-box{margin-top:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#f8fafc;overflow:hidden}.release-edit-box>summary{cursor:pointer;list-style:none;padding:13px 14px;font-weight:900;color:#0f172a}.release-edit-box>summary::-webkit-details-marker{display:none}.release-edit-box .release-admin-form{padding:0 14px 14px}.release-admin-form.compact{margin-top:0}.release-delete-form{padding:0 14px 14px}.btn.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn.danger:hover{background:#fecaca}
@media (max-width:900px){.release-admin-grid{grid-template-columns:1fr}.release-admin-card>summary{align-items:flex-start;flex-direction:column}.release-admin-checks{flex-direction:column;align-items:flex-start}}
.release-zip-name{display:inline-flex;align-items:center;margin-left:10px;border-radius:999px;background:#ecfdf5;color:#065f46;font-size:.82rem;font-weight:800;padding:8px 11px}.release-remove-zip{flex-direction:row!important;align-items:center!important;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:10px 12px;color:#9a3412!important}.release-remove-zip input{width:auto!important}

/* v2.9.00: Release-Notes-Zeilen sauber ausrichten */
.release-card summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(260px,auto) 24px;
  align-items:center;
  column-gap:18px;
}
.release-card summary:after{
  margin-left:0;
  justify-self:end;
  grid-column:4;
}
.release-card .release-version{grid-column:1;}
.release-card .release-summary-text{grid-column:2;}
.release-card .release-badges{
  grid-column:3;
  margin-left:0;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:nowrap;
  min-width:260px;
}
.release-card .release-badges em{white-space:nowrap;}
@media (max-width:980px){
  .release-card summary{grid-template-columns:auto minmax(0,1fr) 24px;row-gap:12px;}
  .release-card summary:after{grid-column:3;grid-row:1;position:static;right:auto;}
  .release-card .release-badges{grid-column:2 / 4;grid-row:2;justify-content:flex-start;min-width:0;flex-wrap:wrap;}
}
@media (max-width:560px){
  .release-card summary{grid-template-columns:1fr 24px;align-items:start;}
  .release-card .release-version{grid-column:1;grid-row:1;justify-self:start;}
  .release-card .release-summary-text{grid-column:1 / 3;grid-row:2;}
  .release-card .release-badges{grid-column:1 / 3;grid-row:3;}
  .release-card summary:after{grid-column:2;grid-row:1;}
}

/* v2.9.01: Release-Notes-Filter als Accordion */
.release-filter-card{padding:0;overflow:hidden}
.release-filter-card>summary.release-filter-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;cursor:pointer}
.release-filter-card>summary.release-filter-summary::-webkit-details-marker{display:none}
.release-filter-card>summary.release-filter-summary:after{content:'⌄';color:#94a3b8;font-size:1.2rem;transition:transform .2s ease;margin-left:6px}
.release-filter-card[open]>summary.release-filter-summary:after{transform:rotate(180deg)}
.release-filter-summary span{display:flex;flex-direction:column;gap:4px;min-width:0}
.release-filter-summary strong{color:#0f172a;font-size:1.05rem}
.release-filter-summary small{color:#64748b;font-weight:700;line-height:1.35}
.release-filter-summary em{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.86rem;font-style:normal;font-weight:800;padding:8px 12px;margin-left:auto}
.release-filter-summary em strong{font-size:.86rem;margin-right:4px;color:#0f172a}
.release-filter-body{border-top:1px solid rgba(15,23,42,.07);padding:18px 22px 22px}
.release-filter-body .release-filter-top{margin-bottom:16px}
@media (max-width:780px){.release-filter-card>summary.release-filter-summary{align-items:flex-start;flex-wrap:wrap}.release-filter-summary em{margin-left:0}.release-filter-card>summary.release-filter-summary:after{margin-left:auto}.release-filter-body{padding:16px}}
.release-zip-upload-form{margin-top:12px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:12px 14px}.release-zip-upload-form label{display:flex;flex-direction:column;gap:6px;font-weight:900;color:#475569;font-size:.82rem;min-width:min(100%,320px)}.release-zip-upload-form label small{font-weight:700;color:#94a3b8}.release-zip-upload-form input[type=file]{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:9px}.release-form-hint{margin:0;background:#e9f4ed;border:1px solid rgba(37,99,235,.14);color:#2b754d;border-radius:14px;padding:10px 12px;font-size:.88rem;line-height:1.45}

/* v2.9.06 Release-Notes-Teamrollen */
.release-team-body{padding:0 22px 22px}.release-team-list{display:grid;gap:10px;margin-top:14px}.release-team-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:12px}.release-team-row.current{background:#e9f4ed;border-color:rgba(29,78,216,.18)}.release-team-row strong{display:block;color:#0f172a}.release-team-row span{display:block;color:#64748b;font-size:.9rem;margin-top:3px}.release-team-row em{font-style:normal;font-weight:900;color:#2b754d;background:#dcefe3;border-radius:999px;padding:7px 10px}.release-team-actions{display:flex;gap:8px;align-items:center}.release-team-actions select{border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff;padding:9px 10px;font:inherit;color:#0f172a}.release-form-hint{color:#64748b;font-size:.9rem;line-height:1.45;margin:8px 0 0}.release-admin-form input[readonly]{background:#f1f5f9;color:#64748b}
@media (max-width:900px){.release-team-row{grid-template-columns:1fr}.release-team-actions{align-items:stretch;flex-direction:column}.release-team-actions select{width:100%}}

/* v2.9.08: Verwaltung als aufklappbares Sidebar-Untermenü */
.side-nav-management{border-radius:16px;margin:2px 0;overflow:hidden;}
.side-nav-management>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px;padding:10px 12px;color:#334155;font-weight:850;cursor:pointer;transition:background .18s ease,color .18s ease;}
.side-nav-management>summary::-webkit-details-marker{display:none;}
.side-nav-management>summary:hover{background:rgba(15,23,42,.06);color:#0f172a;}
.side-nav-management[open]>summary{background:rgba(29,78,216,.08);color:#2b754d;}
.side-nav-chevron{font-size:12.5px;color:#94a3b8;transition:transform .18s ease;}
.side-nav-management[open] .side-nav-chevron{transform:rotate(180deg);}
.side-nav-management-body{display:grid;gap:4px;padding:4px 0 6px 18px;}
.side-nav .side-nav-management-body a.side-nav-sub-link{border-radius:14px;padding:9px 10px;font-size:12.5px;background:transparent;}
.side-nav .side-nav-management-body a.side-nav-sub-link .nav-icon{font-size:14px;opacity:.86;}
.side-nav .side-nav-management-body a.side-nav-sub-link.active{background:#2b754d;color:#fff;}
.sidebar-collapsed .side-nav-management-body{padding-left:0;}
.sidebar-collapsed .side-nav-management>summary{justify-content:center;}
.sidebar-collapsed .side-nav-management>summary .nav-label,.sidebar-collapsed .side-nav-chevron{display:none;}

/* v2.9.09: Meilenstein-Kopf für geteilte Projekte sauber ausrichten */
.project-column.is-shared-project{border-style:solid;}
.project-node{grid-template-columns:24px minmax(0,1fr) 28px;}
.project-title-stack{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;}
.project-title-stack .project-title-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.is-shared-project .project-node{min-height:52px;align-items:center;}
.is-shared-project .project-node small{align-self:center;justify-self:end;}
.project-shared-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:760px){.project-title-stack{gap:5px}.project-shared-badge{grid-column:auto;justify-self:auto;}}



/* v2.9.10: Geteilte Projekte ohne zusätzlichen Außenrahmen darstellen */
.project-column.is-shared-project{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.project-shared-note{
  display:none !important;
}


/* v2.9.11: Team-Box in der Projektübersicht sauber ausrichten */
.project-team-box>summary{
  padding:12px 14px !important;
}
.project-team-box>summary small{
  font-size:12px !important;
  white-space:nowrap;
}
.project-team-body{
  gap:14px !important;
  padding:0 14px 14px !important;
}
.project-team-form{
  grid-template-columns:minmax(0,1fr) 132px !important;
  gap:10px !important;
  align-items:end !important;
}
.project-team-form label{
  gap:6px !important;
  line-height:1.2;
  min-width:0;
}
.project-team-form label:first-of-type{
  grid-column:1 / -1;
}
.project-team-form select,
.project-member-role-form select{
  width:100%;
  min-height:40px;
}
.project-team-form .btn{
  grid-column:1 / -1;
  width:100%;
  justify-content:center;
  white-space:nowrap;
}
.project-member-row{
  grid-template-columns:minmax(0,1fr) 132px 34px !important;
  gap:10px !important;
  padding:10px !important;
}
.project-member-row strong,
.project-member-row small{
  line-height:1.2;
}
@media (max-width:760px){
  .project-team-box>summary{
    align-items:flex-start;
  }
  .project-team-box>summary small{
    white-space:normal;
    text-align:right;
  }
  .project-team-form,
  .project-member-row{
    grid-template-columns:1fr !important;
  }
  .project-member-row form{
    justify-self:stretch;
  }
  .project-member-role-form select,
  .project-team-form .btn{
    width:100%;
  }
}


/* v2.9.12: Team-Box endgültig stabilisieren */
.project-team-form{
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.project-team-form label{
  width:100%;
}
.project-team-form select{
  width:100%;
  max-width:100%;
}
.project-team-form .btn{
  width:100%;
  min-height:48px;
  padding:12px 14px;
  font-size:14px;
  line-height:1.25;
  white-space:normal;
  text-align:center;
}
.project-member-row{
  grid-template-columns:1fr !important;
  align-items:stretch !important;
  gap:12px !important;
}
.project-member-meta{
  display:grid;
  gap:2px;
  min-width:0;
}
.project-member-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px;
  gap:10px;
  align-items:center;
}
.project-member-role-form,
.project-member-remove-form{
  margin:0;
}
.project-member-role-form select{
  width:100%;
  max-width:100%;
}
.project-member-remove-form{
  justify-self:end;
}
.project-member-remove-form .mini-delete{
  width:40px;
  height:40px;
}


/* v2.9.13: Themen-Aktivitätslog */
.topic-log-entry{
  border-left:4px solid #dcefe3;
}
.topic-log-meta-main{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.topic-log-meta-main em{
  font-style:normal;
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.topic-log-headline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:8px 0 6px;
}
.topic-log-headline span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:11px;
  font-weight:900;
  padding:4px 8px;
}
.topic-log-headline strong{
  color:#172033;
  font-size:14px;
}
.topic-log-entry-type-checklist_done,.topic-log-entry-type-checklist_reopened,.topic-log-entry-type-checklist_item_created,.topic-log-entry-type-checklist_item_renamed,.topic-log-entry-type-checklist_item_deleted,.topic-log-entry-type-checklist_section_created,.topic-log-entry-type-checklist_section_renamed,.topic-log-entry-type-checklist_section_deleted{border-left-color:#32895a;}
.topic-log-entry-type-file_uploaded,.topic-log-entry-type-file_deleted{border-left-color:#32895a;}
.topic-log-entry-type-status_changed,.topic-log-entry-type-priority_changed,.topic-log-entry-type-due_date_changed{border-left-color:#f97316;}
.topic-log-entry-type-manual_note{border-left-color:#7c3aed;}


/* v2.9.14: Logbuch UI verbessert */
.topic-log-list{
  gap:14px !important;
}
.topic-log-date-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:4px 0 0;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.topic-log-date-divider::before,
.topic-log-date-divider::after{
  content:"";
  height:1px;
  background:#e5eaf3;
  flex:1;
}
.topic-log-date-divider span{
  background:#f8fafc;
  border:1px solid #e5eaf3;
  border-radius:999px;
  padding:5px 10px;
}
.topic-log-entry{
  position:relative;
  display:grid;
  gap:10px;
  border:1px solid #e5eaf3 !important;
  border-left:5px solid #dcefe3 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  padding:14px !important;
  box-shadow:0 12px 28px rgba(15,23,42,.055) !important;
}
.topic-log-card-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 36px;
  align-items:start;
  gap:12px;
}
.topic-log-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#f1f5f9;
  font-size:20px;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.045);
}
.topic-log-title-wrap{
  min-width:0;
  display:grid;
  gap:4px;
}
.topic-log-headline{
  margin:0 !important;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.topic-log-headline span{
  background:#e9f4ed !important;
  color:#334155 !important;
  border:1px solid rgba(15,23,42,.06);
}
.topic-log-headline strong{
  font-size:15px !important;
  line-height:1.3;
  color:#0f172a !important;
  overflow-wrap:anywhere;
}
.topic-log-meta{
  margin:0 !important;
}
.topic-log-meta-main{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  flex-wrap:wrap;
  gap:7px !important;
}
.topic-log-meta-main strong{
  font-size:12px !important;
  color:#64748b !important;
  font-weight:900;
}
.topic-log-meta-main em{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e5eaf3;
  color:#475569 !important;
  padding:3px 7px;
  font-size:11px !important;
}
.topic-log-delete-form{
  margin:0;
  justify-self:end;
}
.topic-log-message{
  margin:0 !important;
  color:#1f2937 !important;
  line-height:1.58 !important;
  white-space:normal;
  overflow-wrap:anywhere;
}
.topic-log-change-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.topic-log-change-grid div{
  min-width:0;
  border:1px solid #e5eaf3;
  background:#f8fafc;
  border-radius:14px;
  padding:10px 11px;
}
.topic-log-change-grid span{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:4px;
}
.topic-log-change-grid strong{
  display:block;
  color:#172033;
  font-size:12.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.topic-log-entry-kind-manual .topic-log-icon{background:#f5f3ff;}
.topic-log-entry-kind-auto .topic-log-icon{background:#f8fafc;}
.topic-log-entry-type-checklist_done,
.topic-log-entry-type-checklist_reopened,
.topic-log-entry-type-checklist_item_created,
.topic-log-entry-type-checklist_item_renamed,
.topic-log-entry-type-checklist_item_deleted,
.topic-log-entry-type-checklist_section_created,
.topic-log-entry-type-checklist_section_renamed,
.topic-log-entry-type-checklist_section_deleted{border-left-color:#32895a !important;}
.topic-log-entry-type-file_uploaded,
.topic-log-entry-type-file_deleted{border-left-color:#32895a !important;}
.topic-log-entry-type-link_added,
.topic-log-entry-type-link_deleted{border-left-color:#0891b2 !important;}
.topic-log-entry-type-status_changed,
.topic-log-entry-type-priority_changed,
.topic-log-entry-type-due_date_changed{border-left-color:#f97316 !important;}
.topic-log-entry-type-topic_title_changed,
.topic-log-entry-type-topic_content_changed,
.topic-log-entry-type-topic_done,
.topic-log-entry-type-next_step_changed{border-left-color:#64748b !important;}
.topic-log-entry-type-manual_note{border-left-color:#7c3aed !important;}
@media(max-width:720px){
  .topic-log-card-head{grid-template-columns:36px minmax(0,1fr) 34px;gap:9px;}
  .topic-log-icon{width:36px;height:36px;border-radius:12px;font-size:17px;}
  .topic-log-change-grid{grid-template-columns:1fr;}
  .topic-log-entry{padding:12px !important;}
}


/* v2.9.15: Logbuch-Einträge als Accordion */
.topic-log-entry{
  overflow:hidden;
  padding:0 !important;
}
.topic-log-entry>summary.topic-log-card-head{
  list-style:none;
  cursor:pointer;
  padding:14px !important;
  margin:0;
}
.topic-log-entry>summary.topic-log-card-head::-webkit-details-marker{
  display:none;
}
.topic-log-entry>summary.topic-log-card-head:hover{
  background:#f8fafc;
}
.topic-log-accordion-caret{
  width:34px;
  height:34px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid #e5eaf3;
  display:grid;
  place-items:center;
  color:#64748b;
  font-size:20px;
  font-weight:900;
  transform:rotate(0deg);
  transition:transform .18s ease,background .18s ease,color .18s ease;
  justify-self:end;
}
.topic-log-entry[open] .topic-log-accordion-caret{
  transform:rotate(90deg);
  background:#e9f4ed;
  color:#2b754d;
}
.topic-log-detail-body{
  display:grid;
  gap:12px;
  border-top:1px solid #edf2f7;
  padding:0 14px 14px;
}
.topic-log-entry[open] .topic-log-detail-body{
  padding-top:14px;
}
.topic-log-detail-body:empty{
  display:none;
}
.topic-log-delete-form{
  justify-self:start;
  margin-top:2px !important;
}
.topic-log-delete-form .btn{
  min-height:38px;
  padding:9px 12px;
  font-size:12.5px;
}
@media(max-width:720px){
  .topic-log-entry>summary.topic-log-card-head{padding:12px !important;}
  .topic-log-accordion-caret{width:32px;height:32px;border-radius:10px;}
  .topic-log-detail-body{padding:0 12px 12px;}
  .topic-log-entry[open] .topic-log-detail-body{padding-top:12px;}
}


/* v2.9.17: Top-10-Priorisierung als dezenter Stern im Themenkopf */
.topic-topline{
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.topic-topline-badges{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.topic-header-top-form{
  margin:0;
  display:inline-flex;
}
.topic-header-star-btn{
  width:38px;
  height:38px;
  border:1px solid #e5eaf2;
  border-radius:999px;
  background:#fff;
  color:#c6cfdb;
  display:grid;
  place-items:center;
  font-size:21px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(15,23,42,.045);
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.topic-header-star-btn:hover{
  transform:translateY(-1px);
  border-color:#fcd34d;
  background:#fffbeb;
  color:#d97706;
  box-shadow:0 10px 22px rgba(245,158,11,.14);
}
.topic-header-star-btn.is-active{
  border-color:#fbbf24;
  background:#fff7ed;
  color:#d97706;
  box-shadow:0 10px 22px rgba(245,158,11,.16);
}
.topic-quick-actions-secondary{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
@media(max-width:1100px){
  .topic-quick-actions-secondary{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  .topic-topline-badges{width:100%;}
  .topic-project-pill{min-width:0;}
  .topic-header-star-btn{width:36px;height:36px;font-size:20px;}
  .topic-quick-actions-secondary{grid-template-columns:1fr;}
}


/* v2.9.18: Stern links vor dem Projekt-Badge platzieren */
.topic-topline-badges .topic-header-top-form{
  order:1;
}
.topic-topline-badges .topic-project-pill{
  order:2;
}

/* v2.9.19: Auto-Save-Hinweise auf der Themenseite */
.topic-autosave-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border-radius:999px;
  padding:7px 12px;
  background:#f1f5f9;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  border:1px solid rgba(15,23,42,.08);
}
.topic-autosave-status.is-saving{background:#e9f4ed;color:#2b754d;border-color:rgba(29,78,216,.16);}
.topic-autosave-status.is-saved{background:#f0fdf4;color:#2b754d;border-color:rgba(22,163,74,.16);}
.topic-autosave-status.is-error{background:#fef2f2;color:#b91c1c;border-color:rgba(239,68,68,.2);}
.autosave-inline-hint{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  color:#64748b;
  font-size:12.5px;
  font-weight:800;
  line-height:1.35;
}
.topic-editor-autosave-row{
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.properties-popup-actions{
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
@media(max-width:760px){
  .topic-autosave-status{width:100%;}
  .autosave-inline-hint{width:100%;}
  .topic-editor-autosave-row .btn,
  .properties-popup-actions .btn{width:100%;}
}


/* v2.9.23: Rechte Checklisten als Akkordeon */
.topic-checklist-accordion{
  padding:0 !important;
  overflow:hidden;
}
.topic-checklist-accordion>summary{
  list-style:none;
  cursor:pointer;
  padding:18px 18px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto 28px;
  align-items:center;
  gap:10px;
  user-select:none;
}
.topic-checklist-accordion>summary::-webkit-details-marker{
  display:none;
}
.topic-checklist-accordion .topic-checklist-chevron{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#94a3b8;
  background:#f8fafc;
  font-weight:900;
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.topic-checklist-accordion[open] .topic-checklist-chevron{
  transform:rotate(180deg);
  background:#e9f4ed;
  color:#2b754d;
}
.topic-checklist-accordion-body{
  display:grid;
  gap:14px;
  padding:0 18px 18px;
  border-top:1px solid rgba(15,23,42,.07);
}
.topic-checklist-accordion-body .progress-track{
  margin-top:16px;
}
.topic-checklist-accordion:not([open]){
  gap:0;
}
.topic-checklist-accordion:not([open]) .topic-checklist-head{
  border-bottom:0;
}
.topic-checklist-accordion>summary:hover .topic-checklist-chevron{
  background:#e9f4ed;
  color:#2b754d;
}
@media(max-width:760px){
  .topic-checklist-accordion>summary{
    grid-template-columns:minmax(0,1fr) auto 28px;
    padding:16px !important;
  }
  .topic-checklist-accordion-body{
    padding:0 16px 16px;
  }
}


/* v2.9.24: Checklisten-Hinzufügen als dezentes Plus-Icon */
.topic-side-checklist-add{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 42px !important;
  gap:8px !important;
  align-items:center !important;
}
.topic-side-checklist-add input{
  min-width:0;
}
.topic-side-checklist-add .checklist-add-icon-btn{
  width:42px !important;
  min-width:42px;
  height:42px;
  min-height:42px;
  padding:0 !important;
  border-radius:12px;
  font-size:22px;
  line-height:1;
  font-weight:900;
}
@media (max-width:760px){
  .topic-side-checklist-add{
    grid-template-columns:minmax(0,1fr) 42px !important;
  }
}


/* v2.9.25: Plus-Button Hover-Zustand */
.topic-side-checklist-add .checklist-add-icon-btn{
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease;
}
.topic-side-checklist-add .checklist-add-icon-btn:hover,
.topic-side-checklist-add .checklist-add-icon-btn:focus-visible{
  background:#32895a !important;
  border-color:#32895a !important;
  color:#fff !important;
  transform:translateY(-1px);
}


/* v2.9.26: Unteren Checklistenbereich dezent trennen */
.topic-checklist-lower-area{
  display:grid;
  gap:12px;
  margin-top:4px;
  padding-top:16px;
  border-top:1px solid #e5e7eb;
}
.topic-checklist-lower-area .checklist-settings,
.topic-checklist-lower-area .checklist-done-group{
  margin:0 !important;
  background:#fbfcfe;
  border:1px solid #e6edf5;
  border-radius:16px;
}
.topic-checklist-lower-area .checklist-settings summary,
.topic-checklist-lower-area .checklist-done-group summary{
  min-height:46px;
  padding:12px 14px;
}
.topic-checklist-lower-area .checklist-settings form,
.topic-checklist-lower-area .checklist-done-list{
  padding:0 12px 12px;
}
@media (max-width:760px){
  .topic-checklist-lower-area{
    gap:10px;
    padding-top:14px;
  }
  .topic-checklist-lower-area .checklist-settings summary,
  .topic-checklist-lower-area .checklist-done-group summary{
    padding:11px 12px;
  }
  .topic-checklist-lower-area .checklist-settings form,
  .topic-checklist-lower-area .checklist-done-list{
    padding:0 10px 10px;
  }
}


/* v2.9.27: Checklisten-Aktionsmenü sauber über unteren Bereichen anzeigen */
.topic-checklist-accordion[open]{
  overflow:visible !important;
}
.topic-checklist-accordion-body,
.topic-side-checklist-list,
.checklist-items.checklist-tree{
  overflow:visible !important;
}
.topic-side-checklist-card .checklist-node:has(.checklist-action-menu[open]){
  position:relative;
  z-index:900;
  margin-bottom:300px;
}
.topic-side-checklist-card .checklist-row:has(.checklist-action-menu[open]){
  z-index:920;
}
.topic-side-checklist-card .checklist-action-menu[open]{
  z-index:940;
}
.topic-side-checklist-card .checklist-action-menu[open] .checklist-action-panel{
  z-index:960;
  box-shadow:0 22px 52px rgba(15,23,42,.22);
}
@media (max-width:760px){
  .topic-side-checklist-card .checklist-node:has(.checklist-action-menu[open]){
    margin-bottom:320px;
  }
}


/* v2.9.28: Checklistenpunkte Teammitgliedern zuweisen */
.topic-side-checklist-card .checklist-row,
.checklist-row{
  grid-template-columns:28px minmax(0,1fr) auto 34px !important;
}
.checklist-assignee-pill{
  justify-self:end;
  display:inline-grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 8px;
  border-radius:999px;
  background:#e9f4ed;
  border:1px solid #cfe7d9;
  color:#2b754d;
  font-size:11px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
}
.checklist-assignee-pill.is-empty{
  display:none;
}
.checklist-assign-form{
  border-top:1px solid #eef2f7;
  margin-top:6px;
  padding-top:8px;
}
.checklist-assign-form label{
  display:grid;
  gap:6px;
  color:#64748b;
  font-size:12px;
  font-weight:900;
}
.checklist-assign-form select{
  width:100%;
  border:1px solid #dcefe3;
  border-radius:12px;
  background:#fff;
  padding:9px 10px;
  color:#172033;
  font:inherit;
  font-weight:850;
  outline:0;
}
.checklist-assign-form select:focus{
  border-color:#b9dfc8;
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
.checklist-position-form{
  border-top:1px solid #eef2f7;
  margin-top:2px;
  padding-top:8px;
}
.checklist-position-form label{
  display:grid;
  gap:6px;
  color:#64748b;
  font-size:12px;
  font-weight:900;
}
.checklist-position-form select{
  width:100%;
  border:1px solid #dcefe3;
  border-radius:12px;
  background:#fff;
  padding:9px 10px;
  color:#172033;
  font:inherit;
  font-weight:850;
  outline:0;
}
.checklist-position-form select:focus{
  border-color:#b9dfc8;
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
.checklist-row.is-done .checklist-assignee-pill{
  opacity:.66;
}
@media(max-width:640px){
  .topic-side-checklist-card .checklist-row,
  .checklist-row{
    grid-template-columns:28px minmax(0,1fr) auto 34px !important;
  }
  .checklist-assignee-pill{
    min-width:28px;
    height:28px;
    padding:0 7px;
  }
}

/* v2.9.29: Zuweisung per AJAX ohne Seitenreload */
.checklist-assign-form.is-saving select{
  opacity:.65;
  cursor:wait;
}
.checklist-assign-form.is-saved select{
  border-color:#86efac !important;
  box-shadow:0 0 0 3px rgba(22,163,74,.12);
}
.checklist-assign-form.is-error select{
  border-color:#fecaca !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12);
}


/* v2.9.30: Trenner unter Zuständigkeits-Auswahl im Checklistenmenü */
.checklist-action-panel .checklist-assign-form{
  padding-bottom:10px;
  margin-bottom:8px;
  border-bottom:1px solid #eef2f7;
}
.checklist-action-panel .checklist-assign-form + .checklist-menu-subadd,
.checklist-action-panel .checklist-assign-form + form{
  margin-top:0;
}


/* v2.9.31: Checklisten nach Fortschritt gruppieren */
.topic-checklist-group{
  display:grid;
  gap:10px;
}
.topic-checklist-group + .topic-checklist-group{
  margin-top:4px;
}
.topic-checklist-group-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:2px 4px 0;
  color:#64748b;
}
.topic-checklist-group-head div{
  display:grid;
  gap:2px;
  min-width:0;
}
.topic-checklist-group-head strong{
  color:#334155;
  font-size:12.5px;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-weight:950;
}
.topic-checklist-group-head small{
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.topic-checklist-group-head>span{
  min-width:28px;
  height:26px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#f1f5f9;
  color:#64748b;
  font-size:12px;
  font-weight:950;
}
.topic-checklist-group-list{
  display:grid;
  gap:12px;
}
.topic-checklist-group-done{
  opacity:.92;
}
.topic-checklist-group-done .topic-checklist-group-head strong{
  color:#2b754d;
}
.topic-checklist-accordion.is-complete-checklist{
  background:linear-gradient(180deg,#ffffff,#f8fffb);
  border-color:#dcfce7;
}
.topic-checklist-accordion.is-complete-checklist .topic-checklist-head h2{
  color:#2b754d;
}
.progress-pill.is-done-pill{
  background:#ecfdf5;
  color:#2b754d;
  border-color:#bbf7d0;
}
@media(max-width:760px){
  .topic-checklist-group-head{
    padding-left:2px;
    padding-right:2px;
  }
  .topic-checklist-group-head small{
    white-space:normal;
  }
}


/* v2.9.32: Themenseiten-Header beim Scrollen fixieren */
.detail-header-v09.topic-clean-header{
  position:sticky;
  top:0;
  z-index:42;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  box-shadow:0 14px 34px rgba(15,23,42,.075);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  padding:16px 18px;
  margin-bottom:18px;
}
.detail-header-v09.topic-clean-header h1{
  margin-bottom:0;
}
.detail-header-v09.topic-clean-header .topic-autosave-status,
.detail-header-v09.topic-clean-header .save-badge{
  align-self:center;
  box-shadow:none;
}
@media(max-width:760px){
  .detail-header-v09.topic-clean-header{
    top:0;
    border-radius:18px;
    padding:14px;
    gap:12px;
  }
  .detail-header-v09.topic-clean-header .topic-autosave-status,
  .detail-header-v09.topic-clean-header .save-badge{
    width:auto;
    justify-self:start;
  }
}


/* v2.9.33: Mehr Abstand unter dem sticky Themenseiten-Header */
.detail-header-v09.topic-clean-header{
  margin-bottom:34px !important;
}
.topic-page-main{
  scroll-padding-top:142px;
}
.topic-detail-grid-clean{
  padding-top:8px;
}
.topic-right-stack{
  top:128px !important;
}
@media(max-width:980px){
  .topic-right-stack{
    top:auto !important;
  }
}
@media(max-width:760px){
  .detail-header-v09.topic-clean-header{
    margin-bottom:24px !important;
  }
  .topic-detail-grid-clean{
    padding-top:4px;
  }
}


/* v2.9.34: Unteren Abstand der rechten Checklisten-Spalte ergänzen */
.topic-right-stack{
  padding-bottom:120px !important;
}
.topic-checklist-group:last-child,
.topic-checklist-group-list:last-child{
  margin-bottom:28px;
}
@media(max-width:980px){
  .topic-right-stack{
    padding-bottom:110px !important;
  }
}
@media(max-width:760px){
  .topic-right-stack{
    padding-bottom:96px !important;
  }
}


/* v2.9.37: Benachrichtigungs-Glocke und Popup */
.notification-widget{position:relative;display:inline-flex;align-items:center;z-index:40;}
.notification-bell{position:relative;width:42px;height:42px;border:1px solid #dcefe3;border-radius:14px;background:#fff;color:#172033;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 18px rgba(15,23,42,.055);transition:background .18s ease,border-color .18s ease,transform .12s ease;}
.notification-bell:hover,.notification-bell[aria-expanded="true"]{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);}
.notification-count{position:absolute;right:-6px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#32895a;color:#fff;font-size:11px;font-style:normal;font-weight:900;display:grid;place-items:center;border:2px solid #fff;}
.notification-count[hidden]{display:none !important;}
.notification-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.18);overflow:hidden;z-index:999;}
.notification-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #edf2f7;background:#fbfdff;}
.notification-popover-head strong{color:#0f172a;font-size:14px;}
.notification-read-all{border:0;background:transparent;color:#64748b;font-weight:850;font-size:12px;cursor:pointer;padding:6px 8px;border-radius:10px;}
.notification-read-all:hover{background:#f1f5f9;color:#0f172a;}
.notification-list{max-height:390px;overflow:auto;padding:8px;display:grid;gap:6px;}
.notification-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;text-decoration:none;color:#172033;border:1px solid transparent;border-radius:14px;padding:10px;background:#fff;}
.notification-item:hover{background:#f8fafc;border-color:#e2e8f0;}
.notification-item.is-unread{background:#f0fdf4;border-color:#bbf7d0;}
.notification-item-icon{width:34px;height:34px;border-radius:12px;background:#f1f5f9;display:grid;place-items:center;}
.notification-item.is-unread .notification-item-icon{background:#dcfce7;}
.notification-item-body{min-width:0;display:grid;gap:3px;}
.notification-item-body strong{font-size:12.5px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notification-item-body small{font-size:12px;line-height:1.35;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.notification-item-body em{font-style:normal;font-size:11px;color:#94a3b8;font-weight:800;}
.notification-empty{padding:18px;text-align:center;color:#64748b;font-weight:800;font-size:12.5px;}
.notification-empty.is-error{color:#b91c1c;}
@media(max-width:900px){.notification-widget{justify-self:end}.notification-popover{right:0;}}


/* v2.9.38: Benachrichtigungsglocke auch im Themenseiten-Header */
.topic-header-status-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}
.notification-widget.notification-widget-topic{
  flex:0 0 auto;
}
.notification-widget.notification-widget-topic .notification-bell{
  width:40px;
  height:40px;
  border-radius:13px;
  box-shadow:none;
}
.notification-widget.notification-widget-topic .notification-popover{
  right:auto;
  left:0;
}
@media(max-width:760px){
  .topic-header-status-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .notification-widget.notification-widget-topic .notification-popover{
    left:0;
    right:auto;
    width:min(340px,calc(100vw - 28px));
  }
}


/* v2.9.39: Datei-Vorschau auf der Themenseite */
.topic-file-row.has-preview{
  align-items:start;
}
.topic-file-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.topic-file-preview{
  width:74px;
  height:56px;
  flex:0 0 74px;
  border-radius:12px;
  overflow:hidden;
  background:#f1f5f9;
  border:1px solid #e5eaf3;
  box-shadow:0 6px 14px rgba(15,23,42,.045);
}
.topic-file-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.topic-file-info{
  min-width:0;
  display:grid;
  gap:3px;
}
.topic-file-info a{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.topic-file-row.opens-inline .resource-icon{
  background:#e9f4ed;
}
@media(max-width:640px){
  .topic-file-main{
    align-items:flex-start;
  }
  .topic-file-preview{
    width:62px;
    height:48px;
    flex-basis:62px;
  }
}

/* v2.9.48: Kommentare direkt an Checklistenpunkten */
.checklist-comment-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:6px;
  padding:5px 8px;
  border-radius:999px;
  background:#f3f6fb;
  color:#66758d;
  font-weight:800;
  font-size:12.5px;
  text-decoration:none;
  white-space:nowrap;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.checklist-comment-pill:hover{ background:#e9f4ed; color:#2456d6; transform:translateY(-1px); }
.checklist-comment-pill.has-comments{ background:#e9f4ed; color:#32895a; }
.checklist-comment-box{
  margin:8px 0 10px 44px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:16px;
  background:rgba(248,250,252,.78);
  overflow:hidden;
}
.checklist-comment-box summary{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  color:#334155;
  font-weight:850;
  list-style:none;
}
.checklist-comment-box summary::-webkit-details-marker{ display:none; }
.checklist-comment-box summary strong{
  min-width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#edf2f7;
  color:#64748b;
  font-size:12.5px;
}
.checklist-comment-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0 12px 10px;
}
.checklist-comment-entry{
  border:1px solid rgba(226,232,240,.95);
  border-radius:14px;
  background:#fff;
  padding:10px 12px;
}
.checklist-comment-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:#64748b;
  font-size:12px;
  margin-bottom:5px;
}
.checklist-comment-meta strong{ color:#334155; }
.checklist-comment-entry p{ margin:0; color:#0f172a; line-height:1.45; }
.checklist-comment-empty{ color:#94a3b8; font-weight:750; padding:8px 0; }
.checklist-comment-form{
  display:grid;
  gap:8px;
  padding:10px 12px 12px;
  border-top:1px solid rgba(226,232,240,.9);
}
.checklist-comment-form textarea{
  width:100%;
  resize:vertical;
  min-height:52px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:14px;
  padding:10px 12px;
  font:inherit;
}
.checklist-comment-form button{ justify-self:start; }
@media(max-width:760px){
  .checklist-comment-box{ margin-left:20px; }
  .checklist-comment-pill{ padding:4px 7px; font-size:12px; }
}


/* v2.9.50: Checklisten-Kontextmenü als Popup statt Inline-Dropdown */
.topic-side-checklist-card .checklist-row,
.checklist-row{
  grid-template-columns:28px minmax(0,1fr) auto auto 34px !important;
}
.checklist-action-trigger{
  justify-self:end;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid #d9e2ee;
  background:#f8fafc;
  color:#64748b;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:20px;
  line-height:1;
  font-weight:900;
  user-select:none;
}
.checklist-action-trigger:hover,
.checklist-action-trigger.is-active{
  background:#e9f4ed;
  color:#32895a;
  border-color:#cfe7d9;
}
.checklist-action-dialog{padding:0;border:0;background:transparent;}
.checklist-action-dialog::backdrop{background:rgba(15,23,42,.38);backdrop-filter:blur(2px);}
.checklist-action-modal-card{
  width:min(560px, calc(100vw - 28px));
  padding:28px;
  gap:20px;
  border:1px solid rgba(226,232,240,.9);
}
.checklist-action-modal-head{
  display:grid;
  gap:10px;
  padding-right:56px;
}
.checklist-action-modal-head p{
  margin:0;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:900;
}
.checklist-action-modal-head h2{
  margin:0;
  font-size:22px;
  line-height:1.25;
  color:#172033;
  overflow-wrap:anywhere;
}
.checklist-action-panel-modal{
  position:static!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid;
  gap:16px;
  z-index:auto!important;
}
.checklist-action-panel-modal .checklist-assign-form{
  padding:16px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#f8fafc;
}
.checklist-action-panel-modal .checklist-assign-form label{
  display:grid;
  gap:8px;
  font-weight:900;
  color:#334155;
}
.checklist-action-panel-modal .checklist-assign-form select{
  width:100%;
  min-height:38px;
  border:1px solid #d8dee9;
  border-radius:12px;
  background:#fff;
  padding:8px 10px;
  font:inherit;
}
.checklist-action-panel-modal .checklist-menu-subadd{
  border-top:1px solid #e8eef7;
  padding-top:8px;
}
.checklist-action-panel-modal .checklist-menu-subadd-form{margin-top:8px;}
.checklist-action-menu{display:none!important;}
@media(max-width:640px){
  .topic-side-checklist-card .checklist-row,
  .checklist-row{
    grid-template-columns:28px minmax(0,1fr) auto auto 34px !important;
  }
  .checklist-action-modal-card{
    width:calc(100vw - 22px);
    padding:18px;
  }
}

/* v2.9.51: Kommentare in das Checklisten-Kontextpopup verschoben */
.topic-side-checklist-card .checklist-row,
.checklist-row{
  grid-template-columns:28px minmax(0,1fr) auto 34px !important;
}
.checklist-action-comment-status{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#f3f6fb;
  color:#64748b;
  font-size:12px;
  font-weight:900;
}
.checklist-action-comment-status.has-comments{
  background:#e9f4ed;
  color:#32895a;
}
.checklist-action-panel-modal .checklist-comment-box{
  margin:0 0 4px 0;
  border-radius:16px;
  background:#f8fafc;
}
.checklist-action-panel-modal .checklist-comment-box summary{
  padding:11px 12px;
}
.checklist-action-panel-modal .checklist-comment-list{
  max-height:220px;
  overflow:auto;
}
.checklist-action-panel-modal .checklist-comment-form textarea{
  min-height:74px;
}
@media(max-width:640px){
  .topic-side-checklist-card .checklist-row,
  .checklist-row{
    grid-template-columns:28px minmax(0,1fr) auto 34px !important;
  }
}


/* v2.9.52: Checklisten-Fortschrittsbalken entfernt und Eingabe-Platzhalter bereinigt */

/* v2.9.53: Checklistenlayout nach Entfernung des Fortschrittsbalkens beruhigt */
.topic-checklist-accordion-body{
  padding-top:18px;
}
.topic-side-checklist-add{
  margin-top:4px !important;
  margin-bottom:14px;
  padding-top:2px;
}
.topic-side-checklist-add input{
  min-height:38px;
  height:38px;
  border-radius:12px;
  background:#fff;
}
.topic-side-checklist-add .checklist-add-icon-btn{
  width:38px !important;
  min-width:38px;
  height:38px;
  min-height:38px;
  border-radius:12px;
  font-size:20px;
}
.topic-checklist-head [data-checklist-counter]{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.topic-checklist-head .checklist-counter-open{
  color:#111827;
  font-weight:950;
}
.topic-checklist-head .checklist-counter-separator{
  color:#cbd5e1;
  font-weight:800;
}
.topic-checklist-head .checklist-counter-done{
  color:#a8b3c2;
  font-weight:750;
}
.topic-side-checklist-card .checklist-row,
.checklist-row{
  grid-template-columns:28px minmax(0,1fr) auto 34px !important;
}
.checklist-row-meta{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.checklist-row-comment-indicator{
  width:30px;
  height:30px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  border:1px solid #dbe5f0;
  background:#f8fafc;
  color:#64748b;
  font-size:14px;
  line-height:1;
  text-decoration:none !important;
  opacity:.82;
}
.checklist-row.is-done .checklist-row-comment-indicator{
  opacity:.55;
}
.checklist-row.is-done .checklist-row-meta,
.checklist-row.is-done .checklist-assignee-pill,
.checklist-row.is-done .checklist-row-comment-indicator{
  text-decoration:none;
}
@media(max-width:640px){
  .topic-checklist-accordion-body{
    padding-top:16px;
  }
  .topic-side-checklist-add{
    margin-bottom:12px;
  }
  .checklist-row-comment-indicator{
    width:28px;
    height:28px;
    font-size:12.5px;
  }
}


/* v2.9.56: @Erwähnungen in Checklisten-Kommentaren */
.mention-suggest-menu{position:fixed;z-index:99999;display:grid;gap:6px;padding:8px;border:1px solid #d8e2f1;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.18);}
.mention-suggest-menu[hidden]{display:none!important;}
.mention-suggest-item{appearance:none;border:0;width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;background:transparent;color:#172033;text-align:left;cursor:pointer;}
.mention-suggest-item:hover,.mention-suggest-item.is-active{background:#e9f4ed;}
.mention-suggest-avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:#e9f4ed;border:1px solid #bfd8ff;color:#32895a;font-weight:900;font-size:12.5px;}
.mention-suggest-copy{min-width:0;display:grid;gap:1px;}
.mention-suggest-copy strong{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mention-suggest-copy small{color:#64748b;font-size:12px;font-weight:800;}

/* v2.9.57: Mention-Popup bleibt im Dialog sichtbar */
.checklist-action-dialog .mention-suggest-menu{z-index:2147483647;}


/* v2.9.58: erkannte @Erwähnungen im Kommentar-Eingabefeld markieren */
.mention-editor{position:relative;width:100%;}
.mention-editor-highlight{position:absolute;inset:0;box-sizing:border-box;overflow:hidden;white-space:pre-wrap;word-break:break-word;border:1px solid transparent;border-radius:14px;padding:10px 12px;font:inherit;line-height:inherit;color:#0f172a;background:#fff;pointer-events:none;z-index:0;}
.mention-editor textarea,.mention-editor input{position:relative;z-index:1;color:#0f172a;caret-color:#0f172a;}
.mention-editor.is-mention-ready textarea,.mention-editor.is-mention-ready input{background:transparent!important;color:transparent!important;}
.mention-editor textarea::placeholder,.mention-editor input::placeholder{color:#94a3b8!important;opacity:1;}
.mention-editor textarea,.mention-editor input{width:100%;box-sizing:border-box;}
#topicContentTextarea{width:100%;max-width:100%;}
.mention-editor-singleline .mention-editor-highlight{white-space:pre;word-break:normal;display:flex;align-items:center;overflow:hidden;}
.mention-editor-token{display:inline;border-radius:7px;padding:1px 3px;background:#e9f4ed;color:#32895a;font-weight:900;}
.checklist-comment-text{margin:0;color:#0f172a;line-height:1.45;}
.checklist-comment-meta em{font-style:normal;color:#94a3b8;font-weight:800;}
.checklist-comment-owner-tools{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px;}
.checklist-comment-edit-box{min-width:0;}
.checklist-comment-edit-box[open]{flex:1 0 100%;}
.checklist-comment-edit-box>summary{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#f7f9fc;color:#64748b;font-size:15px;font-weight:900;list-style:none;border:1px solid rgba(203,213,225,.7);box-shadow:0 1px 2px rgba(15,23,42,.04);}
.checklist-comment-edit-box>summary:hover{background:#eef2f7;color:#475569;}
.checklist-comment-edit-box[open]>summary{margin-left:auto;margin-bottom:8px;}
.checklist-comment-edit-box>summary::-webkit-details-marker{display:none;}
.checklist-comment-edit-form{display:grid;gap:8px;margin-top:0;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#f8fafc;}
.checklist-comment-edit-form textarea{width:100%;resize:vertical;min-height:52px;border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:10px 12px;font:inherit;}
.checklist-comment-delete-form{margin:0;}
.checklist-comment-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(203,213,225,.7);background:#f7f9fc;color:#64748b;box-shadow:0 1px 2px rgba(15,23,42,.04);padding:0;font-size:15px;cursor:pointer;}
.checklist-comment-icon-btn:hover{background:#eef2f7;color:#475569;}
.checklist-comment-delete-btn{border-color:rgba(248,113,113,.35);background:#fff8f8;color:#d97706;}
.checklist-comment-delete-btn:hover{background:#fff1f2;color:#dc2626;border-color:rgba(239,68,68,.38);}
.btn.small{min-height:0;padding:8px 12px;border-radius:12px;font-size:12.5px;}
.btn.danger{border:1px solid rgba(239,68,68,.24);background:#fff5f5;color:#dc2626;}
.btn.danger:hover{background:#fee2e2;color:#b91c1c;}
@media(max-width:640px){.checklist-comment-owner-tools{justify-content:flex-end}.checklist-comment-edit-box[open]{flex-basis:100%;}.checklist-comment-edit-box>summary,.checklist-comment-icon-btn{width:36px;height:36px;}}


/* v2.9.61: Checklisten-Popup luftiger und breiter */
.checklist-action-dialog .checklist-action-modal-head p{display:none!important;}
.checklist-action-dialog .checklist-action-modal-card{width:min(560px,calc(100vw - 28px));padding:28px;gap:20px;}
.checklist-action-dialog .checklist-action-modal-head{padding-right:58px;gap:10px;margin-bottom:2px;}
.checklist-action-dialog .checklist-action-modal-head h2{font-size:22px;line-height:1.25;}
.checklist-action-dialog .checklist-action-panel-modal{gap:16px;}
.checklist-action-dialog .checklist-menu-action{min-height:46px;padding:12px 14px;border-radius:16px;}
.checklist-action-dialog .checklist-assign-form,.checklist-action-dialog .checklist-position-form,.checklist-action-dialog .checklist-comment-box{border-radius:20px;}
.checklist-action-dialog .checklist-action-panel-modal .checklist-assign-form{padding:16px;}
.checklist-action-dialog .checklist-position-form{padding:16px;}
.checklist-action-dialog .checklist-action-panel-modal .checklist-menu-subadd{padding-top:14px;}
.checklist-action-dialog .checklist-comment-box summary{padding:16px;}
.checklist-action-dialog .checklist-comment-entry{padding:14px;}
@media(max-width:640px){.checklist-action-dialog .checklist-action-modal-card{width:calc(100vw - 18px);padding:22px;gap:18px;}.checklist-action-dialog .checklist-action-modal-head h2{font-size:20px;}}


/* v2.9.67: Zugangsdaten für Themenseiten-Links */
.topic-link-row{
  grid-template-columns:30px minmax(0,1fr) 34px;
  align-items:start;
}
.topic-link-row .resource-icon{margin-top:2px;}
.topic-link-main{gap:6px;}
.topic-link-row.has-access-data{background:#fffdf8;border-color:rgba(245,158,11,.20);}
.topic-link-access-box{margin-top:4px;border:1px solid rgba(203,213,225,.8);border-radius:14px;background:#f8fafc;overflow:hidden;}
.topic-link-access-box summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;font-weight:900;color:#334155;}
.topic-link-access-box summary::-webkit-details-marker{display:none;}
.topic-link-access-box summary small{color:#94a3b8;font-size:12px;font-weight:850;white-space:nowrap;}
.topic-link-access-grid{display:grid;gap:10px;padding:0 11px 11px;}
.topic-link-access-grid label{display:grid;gap:6px;font-size:12px;color:#64748b;font-weight:900;}
.topic-link-copy-line{display:flex;align-items:center;gap:6px;}
.topic-link-copy-line input{min-width:0;flex:1;border:1px solid rgba(203,213,225,.8);border-radius:12px;padding:9px 10px;background:#fff;font:inherit;color:#0f172a;}
.topic-link-copy-line .vault-mini-btn{padding:8px 9px;border-radius:11px;font-size:12px;}
.topic-link-access-note textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid rgba(203,213,225,.8);border-radius:12px;padding:9px 10px;background:#fff;font:inherit;color:#0f172a;}
.topic-link-add-form{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;}
.topic-link-access-toggle{grid-column:1/-1;display:flex!important;align-items:center!important;gap:9px!important;padding:10px 12px;border:1px solid rgba(203,213,225,.75);border-radius:14px;background:#f8fafc;color:#475569;font-weight:900;font-size:12.5px;cursor:pointer;}
.topic-link-access-toggle input{width:17px;height:17px;accent-color:#32895a;}
.topic-link-access-fields{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px;border:1px dashed rgba(148,163,184,.55);border-radius:16px;background:#fffdf8;}
.topic-link-access-fields[hidden]{display:none!important;}
.topic-link-access-fields textarea{grid-column:1/-1;}
.topic-link-add-form textarea{border:1px solid #d8dee9;border-radius:12px;padding:11px 12px;background:#fff;font:inherit;resize:vertical;}
.topic-link-add-form button{justify-self:end;grid-column:1/-1;}
@media(max-width:900px){
  .topic-link-add-form,.topic-link-access-fields{grid-template-columns:1fr;}
  .topic-link-copy-line{align-items:stretch;flex-wrap:wrap;}
  .topic-link-copy-line input{flex-basis:100%;}
  .topic-link-access-box summary{align-items:flex-start;flex-direction:column;gap:3px;}
}

/* v2.9.70: Mehrfach-Zuweisung für Checklisten-Aufgaben */
.checklist-assignee-stack{display:inline-flex;align-items:center;justify-content:flex-end;gap:0;max-width:100%;}
.checklist-assignee-stack .checklist-assignee-pill{margin-left:-7px;box-shadow:0 0 0 2px #fff;}
.checklist-assignee-stack .checklist-assignee-pill:first-child{margin-left:0;}
.checklist-assign-multi-form{display:grid;gap:12px;}
.checklist-assign-label{color:#64748b;font-size:12px;font-weight:950;}
.checklist-assignee-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;}
.checklist-assignee-option{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(203,213,225,.75);border-radius:13px;background:#fff;color:#334155!important;font-size:12.5px!important;font-weight:850!important;cursor:pointer;}
.checklist-assignee-option:hover{background:#f8fafc;border-color:#cfe7d9;}
.checklist-assignee-option input{width:16px;height:16px;accent-color:#32895a;}
.checklist-assignee-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* v2.9.71 – Inaktivitäts-Erinnerung Phase 1 */
.users-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.inactivity-reminder-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 26px rgba(15,23,42,.045);padding:18px;display:grid;gap:14px;}
.inactivity-reminder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.inactivity-reminder-head h2{margin:0;color:#172033;font-size:1.08rem;}
.inactivity-reminder-head p{margin:4px 0 0;color:#64748b;font-weight:750;line-height:1.5;}
.inactivity-reminder-list{display:grid;gap:10px;}
.inactivity-reminder-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid #e8eef6;background:#fbfdff;border-radius:16px;padding:12px 14px;}
.inactivity-reminder-row>div:first-child{display:grid;gap:3px;min-width:0;}
.inactivity-reminder-row strong{color:#172033;}
.inactivity-reminder-row small{color:#64748b;font-weight:750;line-height:1.4;}
.inactivity-reminder-meta{display:grid;gap:3px;text-align:right;min-width:190px;}
.inactivity-reminder-meta span{justify-self:end;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900;background:#eef2f7;color:#475569;}
.inactivity-reminder-row.due .inactivity-reminder-meta span{background:#ecfdf5;color:#2b754d;}
.inactivity-reminder-row.warning .inactivity-reminder-meta span{background:#fff7ed;color:#c2410c;}
.inactivity-reminder-row.ok .inactivity-reminder-meta span{background:#e9f4ed;color:#2b754d;}
@media (max-width: 860px){.users-stats-grid{grid-template-columns:1fr}.inactivity-reminder-head,.inactivity-reminder-row{display:grid}.inactivity-reminder-meta{text-align:left;min-width:0}.inactivity-reminder-meta span{justify-self:start}}
.user-edit-form{grid-template-columns:1.2fr 1.1fr 160px 110px auto;}
@media (max-width: 1060px){.user-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));}.user-edit-form .btn{justify-self:start;}}


/* v2.9.72: Inaktivitäts-Reminder Phase 2 */
.inactivity-reminder-action{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.inactivity-reminder-action .btn[disabled]{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none;}
@media (max-width: 860px){.inactivity-reminder-action{justify-content:flex-start}.inactivity-reminder-action .btn{width:100%;}}

/* v2.9.73: Zielmarkierung aus Benachrichtigungen */
.notification-focus-highlight{outline:3px solid rgba(37,99,235,.32)!important;box-shadow:0 0 0 8px rgba(37,99,235,.10)!important;border-radius:16px;transition:outline-color .2s ease,box-shadow .2s ease;}



/* v2.9.74: Kommentarbereich übersichtlicher und Bearbeitung erst nach Klick */
.checklist-action-panel-modal .checklist-comment-box{
  overflow:hidden;
  border:1px solid rgba(226,232,240,.95);
  background:#f8fafc;
}
.checklist-action-panel-modal .checklist-comment-box summary{
  position:sticky;
  top:0;
  z-index:3;
  background:#f8fafc;
  border-bottom:1px solid rgba(226,232,240,.9);
}
.checklist-action-panel-modal .checklist-comment-list{
  max-height:min(42vh,420px);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:14px 14px 12px;
  gap:12px;
  scroll-padding:16px;
  background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);
}
.checklist-action-panel-modal .checklist-comment-list::-webkit-scrollbar{width:8px;}
.checklist-action-panel-modal .checklist-comment-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.checklist-action-panel-modal .checklist-comment-list::-webkit-scrollbar-track{background:transparent;}
.checklist-action-panel-modal .checklist-comment-entry{
  position:relative;
  padding:14px 16px 56px;
  border-radius:18px;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
.checklist-action-panel-modal .checklist-comment-meta{
  align-items:center;
  gap:8px 12px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.checklist-action-panel-modal .checklist-comment-meta span,
.checklist-action-panel-modal .checklist-comment-meta em{font-size:12px;color:#94a3b8;}
.checklist-action-panel-modal .checklist-comment-text{
  font-size:15px;
  line-height:1.55;
  white-space:pre-wrap;
  word-break:break-word;
}
.checklist-action-panel-modal .checklist-comment-owner-tools{
  position:absolute;
  right:12px;
  bottom:12px;
  margin:0;
  gap:6px;
}
.checklist-action-panel-modal .checklist-comment-edit-box[open]{
  position:static;
  flex:1 0 100%;
  order:3;
  margin-top:12px;
}
.checklist-action-panel-modal .checklist-comment-entry:has(.checklist-comment-edit-box[open]){
  padding-bottom:14px;
}
.checklist-action-panel-modal .checklist-comment-edit-box[open] .checklist-comment-edit-form{
  margin-top:10px;
}
.checklist-action-panel-modal .checklist-comment-edit-box[open] + .checklist-comment-delete-form{
  position:absolute;
  right:12px;
  bottom:12px;
}
.checklist-action-panel-modal .checklist-comment-form{
  position:sticky;
  bottom:0;
  z-index:2;
  margin:0;
  padding:14px;
  border-top:1px solid rgba(226,232,240,.95);
  background:rgba(248,250,252,.97);
  backdrop-filter:blur(8px);
}
.checklist-action-panel-modal .checklist-comment-form textarea{
  min-height:84px;
  max-height:150px;
}
.checklist-action-panel-modal .checklist-comment-form button{
  width:auto;
  justify-self:start;
  margin-top:8px;
}
@media(max-width:640px){
  .checklist-action-panel-modal .checklist-comment-list{max-height:45vh;padding:10px;}
  .checklist-action-panel-modal .checklist-comment-entry{padding:12px 12px 54px;}
  .checklist-action-panel-modal .checklist-comment-form{padding:10px;}
}
/* v2.9.74 Feinjustierung: Edit-Formular nimmt erst nach Öffnen den Kartenbereich ein */
.checklist-action-panel-modal .checklist-comment-entry:has(.checklist-comment-edit-box[open]) .checklist-comment-owner-tools{
  position:static;
  right:auto;
  bottom:auto;
  margin-top:14px;
  width:100%;
  justify-content:flex-end;
}
.checklist-action-panel-modal .checklist-comment-entry:has(.checklist-comment-edit-box[open]) .checklist-comment-edit-box{
  width:100%;
}
.checklist-action-panel-modal .checklist-comment-entry:has(.checklist-comment-edit-box[open]) .checklist-comment-edit-box>summary{
  margin-left:auto;
}
.checklist-action-panel-modal .checklist-comment-entry:has(.checklist-comment-edit-box[open]) .checklist-comment-delete-form{
  margin-left:auto;
}
.checklist-action-panel-modal .checklist-comment-edit-box[open] + .checklist-comment-delete-form{
  position:static;
  right:auto;
  bottom:auto;
}


/* v2.9.75: Log-Einträge direkt zur relevanten Stelle verlinken */
.topic-log-target-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  background:#e9f4ed;
  color:#32895a;
  font-weight:900;
  font-size:12px;
  text-decoration:none;
  border:1px solid rgba(37,99,235,.16);
}
.topic-log-target-link:hover{background:#dcefe3;color:#2b754d;}
.topic-log-target-link::before{content:'↗';font-size:12px;}
@media(max-width:640px){.topic-log-meta{align-items:flex-start;}.topic-log-target-link{margin-top:4px;}}

/* v2.9.76: Link-Inbox Modul */
.links-main{max-width:1180px;width:100%;}
.links-head{align-items:flex-start;gap:18px;}
.link-capture-card{background:#fff;border:1px solid rgba(226,232,240,.92);border-radius:22px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.06);margin-bottom:18px;}
.link-capture-card h2{margin:0 0 14px;color:#0f172a;font-size:20px;}
.link-capture-form{display:grid;gap:14px;}
.link-capture-form label{display:grid;gap:6px;color:#475569;font-size:12.5px;font-weight:850;}
.link-capture-form input,.link-capture-form textarea,.link-capture-form select{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:11px 13px;font:inherit;background:#fff;color:#0f172a;}
.link-capture-form textarea{resize:vertical;min-height:64px;}
.link-capture-form.compact{margin-top:12px;background:#f8fafc;border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:14px;}
.link-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.link-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;}
.link-tabs a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid rgba(203,213,225,.85);background:#fff;color:#64748b;border-radius:999px;padding:9px 13px;font-weight:900;}
.link-tabs a.active{background:#e9f4ed;color:#32895a;border-color:rgba(96,165,250,.6);}
.link-tabs b{background:#f1f5f9;color:#334155;border-radius:999px;padding:2px 7px;font-size:12px;}

/* v2.9.89: Archiviert-Tab rechtsbündig in der Lesezeichen-Tabzeile */
.link-tabs .link-tab-archive{margin-left:auto;}
@media(max-width:640px){.link-tabs .link-tab-archive{margin-left:0;}}
.links-list{display:grid;gap:14px;}
.link-card{background:#fff;border:1px solid rgba(226,232,240,.92);border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.055);}
.link-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.link-card h2{margin:0 0 6px;color:#0f172a;font-size:17px;}
.link-card-main a:not(.btn){word-break:break-all;color:#32895a;text-decoration:none;font-weight:700;}
.link-note{margin:13px 0 0;color:#334155;line-height:1.45;background:#f8fafc;border-radius:14px;padding:10px;}
.link-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;}
.link-meta span{display:inline-flex;align-items:center;background:#f1f5f9;color:#64748b;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;}
.link-edit-box{margin-top:14px;}
.link-edit-box>summary{cursor:pointer;display:inline-flex;align-items:center;border:1px solid rgba(203,213,225,.85);border-radius:999px;padding:8px 12px;background:#f8fafc;color:#475569;font-weight:900;list-style:none;}
.link-edit-box>summary::-webkit-details-marker{display:none;}
.link-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px;}
.link-actions form{margin:0;}
.toast.error{background:#fff1f2;color:#be123c;border-color:#fecdd3;}
@media(max-width:760px){.link-form-grid{grid-template-columns:1fr}.link-card-main{display:grid}.link-card-main .btn{justify-self:start}.link-actions{justify-content:flex-start}.link-capture-card,.link-card{padding:16px}}


/* v2.9.77: Link-Inbox Phase 2 - Übernahme in Themenseiten-Links */
.link-imported-pill{background:#ecfdf5!important;color:#2b754d!important;border:1px solid rgba(16,185,129,.25);}
.link-transfer-box{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border:1px solid rgba(191,219,254,.8);border-radius:16px;background:#f8fbff;color:#64748b;font-size:12.5px;font-weight:750;}
.link-transfer-box form{margin:0;}
.link-transfer-box span{line-height:1.35;}
@media(max-width:760px){.link-transfer-box{align-items:flex-start;justify-content:flex-start}.link-transfer-box .btn{width:100%;}}


/* v2.9.79: Link-Inbox Komfortfunktionen */
.link-comfort-grid{grid-template-columns:1.3fr .8fr .8fr;align-items:end;}
.link-check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:#f8fafc;color:#334155!important;}
.link-check-label input{width:auto!important;margin:0;accent-color:#32895a;}
.link-star{display:inline-flex;align-items:center;justify-content:center;margin-right:7px;color:#f59e0b;text-shadow:0 1px 0 rgba(255,255,255,.75);}
.link-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;}
.link-tags span{display:inline-flex;align-items:center;border-radius:999px;background:#f8fafc;border:1px solid rgba(203,213,225,.72);color:#475569;font-size:12px;font-weight:850;padding:4px 8px;}
@media(max-width:760px){.link-comfort-grid{grid-template-columns:1fr}.link-check-label{min-height:auto}}


/* v2.9.80: Links-Seite im gleichen Seiten-Container wie andere Module zentrieren */
.links-main{
  max-width:none;
  width:100%;
}
.links-main > .content-head,
.links-main > .toast,
.links-main > .link-capture-card,
.links-main > .link-tabs,
.links-main > .links-list{
  width:min(1180px, calc(100% - 72px));
  margin-left:auto;
  margin-right:auto;
}
.links-main > .content-head{
  padding-left:0;
  padding-right:0;
}
.links-main > .link-tabs{
  margin-top:18px;
  margin-bottom:18px;
}
.links-main > .link-capture-card{
  margin-bottom:18px;
}
@media(max-width:900px){
  .links-main > .content-head,
  .links-main > .toast,
  .links-main > .link-capture-card,
  .links-main > .link-tabs,
  .links-main > .links-list{
    width:calc(100% - 28px);
  }
  .links-main > .content-head{
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* v2.9.81: Links-Seite mit Abstand zum unteren Seitenrand */
.links-main{
  padding-bottom:72px;
}
.links-main > .links-list{
  margin-bottom:56px;
}
@media(max-width:900px){
  .links-main{
    padding-bottom:96px;
  }
  .links-main > .links-list{
    margin-bottom:64px;
  }
}


/* v2.9.82: Lesezeichen-Erfassung schlanker mit optionalem Akkordeon */
.links-head h1{margin-bottom:0;}
.link-optional-accordion{border:1px solid rgba(203,213,225,.72);border-radius:16px;background:#f8fafc;overflow:hidden;}
.link-optional-accordion>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;color:#334155;font-weight:950;}
.link-optional-accordion>summary::-webkit-details-marker{display:none;}
.link-optional-accordion>summary::after{content:'⌄';font-size:15px;color:#64748b;transition:transform .18s ease;}
.link-optional-accordion[open]>summary::after{transform:rotate(180deg);}
.link-optional-content{display:grid;gap:14px;padding:0 15px 15px;}
.link-optional-accordion[open]{background:#fff;}
.link-capture-card .link-capture-form>.btn.primary{margin-top:2px;}
@media(max-width:760px){.link-optional-content{padding:0 12px 12px}.link-optional-accordion>summary{padding:10px;}}


/* v2.9.83: Optionale Lesezeichen-Angaben ruhiger ausrichten */
.link-optional-content .link-comfort-grid{
  grid-template-columns:minmax(0,1fr) minmax(180px,240px);
  gap:14px 16px;
  align-items:end;
}
.link-optional-content .link-comfort-grid > label:first-child{
  grid-column:1 / -1;
}
.link-optional-content .link-comfort-grid > label:nth-child(2){
  max-width:240px;
}
.link-optional-content .link-comfort-grid > .link-check-label{
  align-self:end;
  justify-self:start;
  width:auto;
  min-width:240px;
  min-height:46px;
  padding:10px 14px;
  background:#fff;
  border-color:rgba(203,213,225,.82);
  box-shadow:0 1px 2px rgba(15,23,42,.035);
}
.link-optional-content .link-comfort-grid > .link-check-label input{
  transform:scale(.95);
}
@media(max-width:760px){
  .link-optional-content .link-comfort-grid{
    grid-template-columns:1fr;
  }
  .link-optional-content .link-comfort-grid > label:first-child,
  .link-optional-content .link-comfort-grid > label:nth-child(2),
  .link-optional-content .link-comfort-grid > .link-check-label{
    grid-column:auto;
    max-width:none;
    width:100%;
    min-width:0;
  }
}


/* v2.9.84: Favorit-Auswahl als Icon neben Link-Zähler */
.links-head-actions{display:flex;align-items:center;gap:10px;}
.link-head-favorite-toggle{position:relative;width:40px;height:40px;border:1px solid #dcefe3;background:#f8fafc;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#64748b;font-size:20px;font-weight:950;cursor:pointer;box-shadow:0 5px 16px rgba(15,23,42,.035);transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;}
.link-head-favorite-toggle:hover{background:#fff7ed;border-color:#fdba74;color:#f59e0b;transform:translateY(-1px);}
.link-head-favorite-toggle input{position:absolute;opacity:0;pointer-events:none;}
.link-head-favorite-toggle input:checked + span{color:#f59e0b;}
.link-head-favorite-toggle:has(input:checked){background:#fff7ed;border-color:#fdba74;}
.link-optional-content .link-comfort-grid{grid-template-columns:minmax(0,1fr) minmax(180px,240px);}
@media(max-width:760px){.links-head-actions{align-self:flex-start}.link-head-favorite-toggle{width:38px;height:38px;font-size:17px;}}

/* v2.9.85: Lesezeichen-Thema folgt der Projekt-Auswahl */
.link-capture-form select.is-disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;}


/* v2.9.91: Bearbeiten/Zuordnen an Optionale-Angaben-Layout angeglichen */
.link-edit-form-aligned{
  background:#fff;
  border:1px solid rgba(226,232,240,.92);
  border-radius:18px;
  padding:18px;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
}
.link-edit-form-aligned .link-optional-accordion{
  background:#fff;
}
.link-edit-form-aligned .link-optional-accordion[open]{
  border-color:rgba(203,213,225,.86);
}
.link-edit-form-aligned .link-optional-content{
  padding-top:0;
}
.link-edit-form-aligned>.btn.primary{
  margin-top:2px;
}
@media(max-width:760px){
  .link-edit-form-aligned{padding:14px;}
}

/* v2.9.92: Lesezeichen-Karten kompakter und klarer layouten */
.link-card{padding:22px 24px;}
.link-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.link-card-title-block{min-width:0;display:grid;gap:6px;}
.link-card-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.link-card-title-row h2{margin:0;color:#0f172a;font-size:20px;line-height:1.2;}
.link-url{word-break:break-all;color:#32895a;text-decoration:none;font-weight:850;line-height:1.35;}
.link-url:hover{text-decoration:underline;}
.link-open-btn{flex:0 0 auto;}
.link-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:#f1f5f9;color:#64748b;}
.link-status-badge.assigned{background:#ecfdf5;color:#2b754d;border:1px solid rgba(16,185,129,.22);}
.link-status-badge.archived{background:#f8fafc;color:#94a3b8;border:1px solid rgba(203,213,225,.75);}
.link-card .link-meta:empty{display:none;}
.link-card .link-meta{margin-top:14px;}
.link-card .link-tags{margin-top:10px;}
.link-actions{align-items:flex-start;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(226,232,240,.8);}
.link-actions .link-edit-box{margin-top:0;}
.link-actions .link-edit-box>summary{min-height:38px;padding:8px 13px;}
.link-actions .link-edit-box[open]{flex:1 0 100%;order:4;}
.link-actions .link-edit-box[open]>summary{width:max-content;margin-bottom:10px;}
.link-actions .link-edit-box[open] + form{margin-left:auto;}
.link-edit-form-aligned{margin-top:0;}
@media(max-width:760px){.link-card{padding:18px}.link-card-top{display:grid}.link-open-btn{justify-self:start}.link-actions{justify-content:flex-start}.link-actions .link-edit-box[open]>summary{width:100%;justify-content:center}.link-actions .link-edit-box[open] + form{margin-left:0}}

/* v2.9.97: Modul-Titel direkt auf der Module-Seite bearbeiten */
.module-title-label{font-size:11px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;}
.module-title-input{width:100%;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:9px 11px;font:inherit;font-weight:850;color:#172033;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.module-title-input:focus{border-color:#b9dfc8;box-shadow:0 0 0 4px rgba(59,130,246,.10);}
.module-title-input::placeholder{color:#cbd5e1;}
@media (max-width:760px){.module-title-input{font-size:14px}.module-title-label{font-size:10px}}


/* v2.9.98: Modul-Titel-Feld korrekt als Textfeld darstellen */
.module-toggle-row .module-title-input{width:100%;height:auto;min-height:42px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:9px 11px;font:inherit;font-weight:850;color:#172033;outline:none;accent-color:auto;box-sizing:border-box;}
.module-toggle-row .module-title-input:focus{border-color:#b9dfc8;box-shadow:0 0 0 4px rgba(59,130,246,.10);}
.module-title-default{color:#94a3b8;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* v3.1.45 – Mobiler Header reduziert: Seitentitel entfernt */
/* v2.9.99 – Mobile Navigation oben statt Bottom-Menü */
.mobile-top-nav,.mobile-menu-backdrop,.mobile-menu-drawer{display:none;}
@media(max-width:760px){
  html{scroll-padding-top:148px!important;scroll-padding-bottom:24px!important;}
  body{padding-top:74px!important;padding-bottom:0!important;background:#fff;}
  body.mobile-menu-open{overflow:hidden;}
  .mobile-bottom-nav{display:none!important;}
  .mobile-top-nav{
    position:fixed;left:0;right:0;top:0;z-index:130;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;
    min-height:68px;padding:10px 14px calc(10px + env(safe-area-inset-top,0px));
    background:rgba(255,255,255,.96);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 16px 34px rgba(15,23,42,.08);backdrop-filter:blur(16px);
  }
  .mobile-top-brand{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;text-decoration:none;background:#f8fafc;border:1px solid rgba(226,232,240,.92);overflow:hidden;}
  .mobile-top-brand img{width:34px;height:34px;object-fit:contain;display:block;}
  .mobile-top-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:42px;}
  .mobile-top-actions .notification-widget{display:inline-flex!important;z-index:140;}
  .mobile-top-actions .notification-bell{width:42px;height:42px;border-radius:14px;}
  .mobile-menu-toggle{width:40px;height:40px;border:1px solid rgba(226,232,240,.95);border-radius:15px;background:#fff;display:grid;place-items:center;gap:4px;padding:10px;box-shadow:0 7px 18px rgba(15,23,42,.055);}
  .mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#172033;}
  .mobile-menu-backdrop{position:fixed;inset:0;z-index:120;background:rgba(15,23,42,.32);backdrop-filter:blur(3px);}
  .mobile-menu-backdrop:not([hidden]){display:block;}
  .mobile-menu-drawer{position:fixed;top:78px;right:12px;left:12px;z-index:135;display:grid;gap:12px;max-height:calc(100vh - 100px);overflow:auto;padding:16px;border:1px solid rgba(226,232,240,.95);border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 28px 70px rgba(15,23,42,.22);}
  .mobile-menu-drawer[hidden]{display:none!important;}
  .mobile-menu-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 8px;border-bottom:1px solid #edf2f7;}
  .mobile-menu-drawer-head strong{font-size:17px;color:#0f172a;letter-spacing:-.02em;}
  .mobile-menu-close{width:40px;height:40px;border:0;border-radius:14px;background:#f1f5f9;color:#172033;font-size:24px;font-weight:900;line-height:1;}
  .mobile-menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mobile-menu-link{position:relative;min-width:0;min-height:76px;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#fff;color:#334155;text-decoration:none;display:grid;align-content:center;justify-items:center;gap:6px;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.05);}
  .mobile-menu-link span{font-size:24px;line-height:1;}
  .mobile-menu-link strong{font-size:12.5px;line-height:1.15;text-align:center;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .mobile-menu-link.active{background:#edf8f1;color:#2b754d;border-color:#bbf7d0;}
  .mobile-menu-link em{position:absolute;top:8px;right:10px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#32895a;color:#fff;font-size:11px;font-style:normal;border:2px solid #fff;}
  .topbar{top:68px!important;z-index:70!important;}
  .top-actions{grid-template-columns:1fr!important;}
  .topbar .notification-widget{display:none!important;}
  .mobile-top-actions .notification-widget{display:inline-flex!important;}
  .inbox-panel{margin-bottom:24px!important;}
}


/* v3.0.00: Sidebar in Dashboard, Organisation und Verwaltung strukturieren */
.side-nav-dashboard-link{margin-bottom:4px;}
.side-nav-folder{border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,.035);}
.side-nav-folder>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;color:#172033;font-weight:800;}
.side-nav-folder>summary::-webkit-details-marker{display:none;}
.side-nav-folder>summary:hover{background:#f8fafc;}
.side-nav-folder[open]>summary{background:#f8fafc;border-bottom:1px solid rgba(226,232,240,.82);}
.side-nav-chevron{font-size:15px;color:#94a3b8;transition:transform .18s ease;}
.side-nav-folder[open] .side-nav-chevron{transform:rotate(180deg);}
.side-nav-folder-body{display:grid;gap:4px;padding:8px;}
.side-nav-folder-body .side-nav-sub-link{border-radius:12px;padding:10px 11px;background:transparent;box-shadow:none;}
.side-nav-folder-body .side-nav-sub-link.active,.side-nav-folder-body .side-nav-sub-link:hover{background:#edf8f1;color:#2b754d;}
.side-nav-folder-body .side-nav-bot-child-link{width:calc(100% - 22px);margin-left:22px;padding:8px 10px;border-left:2px solid #dcefe3;border-radius:0 12px 12px 0;font-size:12px;box-sizing:border-box;}
.side-nav-folder-body .side-nav-bot-child-link .nav-icon{font-size:12px;color:#94a3b8;}
.app-shell.sidebar-collapsed .side-nav-folder>summary{justify-content:center;padding:12px 8px;}
.app-shell.sidebar-collapsed .side-nav-folder-body{padding:6px;}
@media(max-width:760px){
  .mobile-menu-section{display:grid;gap:10px;}
  .mobile-menu-section h3{display:flex;align-items:center;gap:8px;margin:4px 2px 0;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
  .mobile-menu-section h3 span{font-size:14px;}
  .mobile-menu-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mobile-menu-section-bots .mobile-menu-section-grid{grid-template-columns:1fr;}
  .mobile-menu-link-child{margin-left:18px;min-height:62px;border-left:3px solid #dcefe3;}
  .mobile-menu-list{grid-template-columns:1fr!important;}
  .mobile-menu-list>.mobile-menu-link{min-height:64px;}
}


/* v3.0.03: Anzahl-Badges in Sidebar und mobilem Menü ausblenden */
.side-nav b,
.mobile-menu-link em{
  display:none!important;
}


/* v3.0.04: Inbox-Entwurf Phase 1 */
.inbox-head-actions{display:flex;align-items:center;gap:10px;}
.inbox-draft-open-link{white-space:nowrap;text-decoration:none;}
.inbox-draft-main{padding:0;overflow:hidden;background:#f8fafc;}
.inbox-draft-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 30px 16px;border-bottom:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.92);position:sticky;top:0;z-index:8;backdrop-filter:blur(14px);}
.inbox-draft-topbar .eyebrow{margin:0 0 4px;color:#32895a;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.inbox-draft-topbar h1{margin:0;color:#0f172a;font-size:34px;line-height:1.05;}
.inbox-draft-topbar p{margin:8px 0 0;color:#64748b;font-weight:700;}
.inbox-draft-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.inbox-draft-search{display:flex;align-items:center;gap:10px;min-width:260px;height:44px;border:1px solid rgba(203,213,225,.85);border-radius:14px;background:#fff;padding:0 14px;color:#64748b;font-weight:800;}
.inbox-draft-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;color:#0f172a;}
.inbox-draft-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 96px);}
.inbox-draft-layout.has-detail{grid-template-columns:minmax(0,1fr) 390px;}
.inbox-draft-center{padding:18px 22px 34px;overflow:auto;}
.inbox-draft-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.inbox-draft-chips a,.inbox-draft-chips button{border:0;background:#eef2f7;color:#334155;border-radius:14px;padding:10px 18px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;}
.inbox-draft-chips a.active,.inbox-draft-chips button.active{background:#fff;color:#32895a;border:1px solid #b9dfc8;box-shadow:0 6px 16px rgba(37,99,235,.08);}
.inbox-draft-section{border:1px solid rgba(203,213,225,.85);background:#fff;border-radius:18px;margin-bottom:14px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.035);}
.inbox-draft-section>header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(226,232,240,.9);color:#0f172a;}
.inbox-draft-section>header span{color:#64748b;font-weight:900;}
.inbox-draft-section>header strong{font-size:16px;font-weight:1000;}
.inbox-draft-section>header em{font-style:normal;background:#eef2f7;color:#475569;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:1000;}
.inbox-draft-section>header button{margin-left:auto;border:0;background:transparent;color:#64748b;font-weight:900;cursor:pointer;}
.inbox-draft-rows{display:grid;gap:0;}
.inbox-draft-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto 8px;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid rgba(226,232,240,.75);transition:.18s ease;background:#fff;text-decoration:none;color:inherit;}
.inbox-draft-row:last-child{border-bottom:0;}
.inbox-draft-row.active{background:linear-gradient(90deg,#e9f4ed,#fff);outline:2px solid #60a5fa;outline-offset:-2px;}
.inbox-draft-row:hover{background:#f8fafc;}
.inbox-draft-row.done .inbox-draft-text strong{text-decoration:line-through;color:#94a3b8;}
.inbox-draft-type{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:1000;background:#e9f4ed;color:#32895a;}
.inbox-draft-type.purple,.inbox-draft-tag.purple{background:#f3e8ff;color:#7c3aed;}
.inbox-draft-type.green,.inbox-draft-tag.green{background:#dcfce7;color:#2b754d;}
.inbox-draft-type.cyan,.inbox-draft-tag.cyan{background:#dcefe3;color:#32895a;}
.inbox-draft-type.blue,.inbox-draft-tag.blue{background:#dcefe3;color:#32895a;}
.inbox-draft-type.amber,.inbox-draft-tag.amber{background:#fef3c7;color:#b45309;}
.inbox-draft-type.gray,.inbox-draft-tag.gray{background:#f1f5f9;color:#475569;}
.inbox-draft-text strong{display:block;color:#0f172a;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inbox-draft-text p{margin:3px 0 0;color:#64748b;font-weight:700;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inbox-draft-row time{color:#64748b;font-weight:800;font-size:12.5px;white-space:nowrap;}
.inbox-draft-tag{border-radius:9px;padding:5px 10px;font-size:12px;font-weight:1000;white-space:nowrap;}
.inbox-draft-status-pill{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:1000;white-space:nowrap;background:#f1f5f9;color:#475569;border:1px solid rgba(203,213,225,.75);}
.inbox-draft-status-pill.status-new{background:#e9f4ed;color:#32895a;border-color:#cfe7d9;}
.inbox-draft-status-pill.status-assign{background:#fffbeb;color:#b45309;border-color:#fde68a;}
.inbox-draft-status-pill.status-later{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe;}
.inbox-draft-status-pill.status-done{background:#ecfdf5;color:#2b754d;border-color:#bbf7d0;}
.inbox-draft-row i{width:8px;height:8px;border-radius:50%;background:#cbd5e1;display:block;}
.inbox-draft-empty{padding:18px;color:#94a3b8;font-weight:800;}
.inbox-draft-detail{background:#fff;border-left:1px solid rgba(203,213,225,.85);padding:22px;overflow:auto;position:relative;box-shadow:-12px 0 35px rgba(15,23,42,.035);}
.inbox-draft-close{position:absolute;right:20px;top:18px;border:0;background:#f1f5f9;border-radius:12px;width:36px;height:36px;font-size:24px;color:#475569;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;line-height:1;}
.inbox-draft-detail-head{display:flex;gap:14px;align-items:flex-start;padding-right:42px;margin-bottom:16px;}
.inbox-draft-detail-head h2{margin:0;color:#0f172a;font-size:24px;line-height:1.15;}
.inbox-draft-detail-head p{margin:7px 0 0;color:#64748b;font-weight:800;font-size:12.5px;}
.inbox-draft-desc{color:#334155;font-weight:700;line-height:1.55;margin:0 0 20px;}
.inbox-draft-box{border:1px solid rgba(226,232,240,.95);background:#f8fafc;border-radius:16px;padding:14px;margin-bottom:16px;}
.inbox-draft-box header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#0f172a;}
.inbox-draft-box ul{margin:0;padding-left:20px;color:#334155;font-weight:700;line-height:1.55;}
.inbox-draft-comment{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:14px;padding:10px 12px;margin-bottom:8px;}
.inbox-draft-comment b{color:#0f172a;font-size:12.5px;}.inbox-draft-comment small{float:right;color:#94a3b8;font-weight:800;}.inbox-draft-comment p{clear:both;margin:4px 0 0;color:#334155;font-weight:700;line-height:1.4;}
.inbox-draft-box input{width:100%;border:1px solid rgba(203,213,225,.8);border-radius:12px;padding:11px 12px;font-weight:700;background:#fff;}
.inbox-draft-status-box{border:1px solid rgba(203,213,225,.9);background:#fff;border-radius:16px;padding:14px;margin:0 0 16px;box-shadow:0 8px 20px rgba(15,23,42,.035);}
.inbox-draft-status-box strong{display:block;color:#0f172a;font-weight:1000;margin-bottom:4px;}
.inbox-draft-status-box p{margin:0 0 12px;color:#64748b;font-size:12.5px;font-weight:800;line-height:1.4;}
.inbox-draft-status-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.inbox-draft-status-actions form{margin:0;}
.inbox-draft-status-actions button{width:100%;min-height:40px;border:1px solid rgba(203,213,225,.9);border-radius:12px;background:#f8fafc;color:#334155;font-weight:1000;cursor:pointer;}
.inbox-draft-status-actions button:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(15,23,42,.06);}
.inbox-draft-status-actions button.active{box-shadow:0 0 0 2px rgba(37,99,235,.18) inset;}
.inbox-draft-status-actions button.status-new{background:#e9f4ed;color:#32895a;border-color:#cfe7d9;}
.inbox-draft-status-actions button.status-assign{background:#fffbeb;color:#b45309;border-color:#fde68a;}
.inbox-draft-status-actions button.status-later{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe;}
.inbox-draft-status-actions button.status-done{background:#ecfdf5;color:#2b754d;border-color:#bbf7d0;}
.inbox-draft-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;}
.inbox-draft-action-grid button{min-height:46px;border:1px solid rgba(203,213,225,.9);background:#fff;border-radius:13px;color:#334155;font-weight:900;cursor:pointer;text-align:left;padding:0 12px;}
.inbox-draft-action-grid button:hover:not(:disabled){background:#f8fafc;transform:translateY(-1px);}
.inbox-draft-action-grid button:disabled,.inbox-draft-actions button:disabled,.inbox-draft-close:disabled{opacity:.55;cursor:not-allowed;}
.inbox-draft-tip{background:#e9f4ed;border:1px solid #cfe7d9;color:#2b754d;border-radius:14px;padding:13px 14px;font-weight:800;line-height:1.4;}
@media(max-width:1100px){.inbox-draft-layout,.inbox-draft-layout.has-detail{grid-template-columns:1fr}.inbox-draft-detail{border-left:0;border-top:1px solid rgba(203,213,225,.85)}.inbox-draft-topbar{position:relative;flex-direction:column}.inbox-draft-actions{justify-content:flex-start}.inbox-draft-search{min-width:100%;}}
@media(max-width:720px){.inbox-draft-center,.inbox-draft-detail{padding:18px}.inbox-draft-row{grid-template-columns:38px minmax(0,1fr);}.inbox-draft-row time,.inbox-draft-row .inbox-draft-tag,.inbox-draft-row i{display:none}.inbox-draft-action-grid,.inbox-draft-status-actions{grid-template-columns:1fr}.inbox-draft-topbar h1{font-size:28px}}
.inbox-draft-notice{margin:0 0 14px;border:1px solid #bbf7d0;background:#ecfdf5;color:#2b754d;border-radius:14px;padding:12px 14px;font-weight:900;line-height:1.35;}
.inbox-draft-notice.is-error{border-color:#fecaca;background:#fef2f2;color:#991b1b;}
.inbox-draft-route-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 12px;}
.inbox-draft-route-fields label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;}
.inbox-draft-route-fields select{width:100%;min-height:42px;border:1px solid rgba(203,213,225,.9);background:#fff;border-radius:12px;padding:0 10px;color:#0f172a;font-weight:800;outline:0;}
.inbox-draft-action-grid form{margin:0;}
.inbox-draft-action-grid form button{width:100%;height:100%;min-height:46px;}
@media(max-width:720px){.inbox-draft-route-fields{grid-template-columns:1fr}}

.inbox-draft-simple-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px;}
.inbox-draft-simple-actions form{margin:0;}
.inbox-draft-simple-actions button{width:100%;min-height:46px;border:1px solid rgba(203,213,225,.95);background:#fff;border-radius:14px;color:#334155;font-weight:1000;cursor:pointer;}
.inbox-draft-simple-actions button:hover{background:#f8fafc;transform:translateY(-1px);}
.inbox-draft-assign-dialog{border:1px solid rgba(203,213,225,.95);background:#fff;border-radius:16px;margin:0 0 14px;overflow:hidden;}
.inbox-draft-assign-dialog summary{list-style:none;cursor:pointer;padding:14px 16px;background:#e9f4ed;color:#2b754d;font-weight:1000;border-radius:16px;}
.inbox-draft-assign-dialog summary::-webkit-details-marker{display:none;}
.inbox-draft-assign-dialog[open] summary{border-bottom:1px solid rgba(191,219,254,.9);border-radius:16px 16px 0 0;}
.inbox-draft-assign-dialog .inbox-draft-route-fields,.inbox-draft-assign-dialog .inbox-draft-action-grid{margin-left:14px;margin-right:14px;}
@media(max-width:720px){.inbox-draft-simple-actions{grid-template-columns:1fr}}

.inbox-draft-vault-hint{min-height:46px;border:1px dashed rgba(203,213,225,.95);background:#f8fafc;border-radius:13px;color:#64748b;font-weight:900;padding:10px;display:flex;align-items:center;line-height:1.35;}
.inbox-draft-assign-open{width:100%;min-height:46px;border:1px solid #cfe7d9;background:#e9f4ed;border-radius:14px;color:#2b754d;font-weight:1000;cursor:pointer;}

/* v3.0.13 – Inbox-Entwurf: Kopfbereich reduziert + Plus-Erfassung */
.inbox-draft-add{position:relative;z-index:12;}
.inbox-draft-add summary{list-style:none;width:46px;height:46px;border-radius:16px;background:#32895a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 14px 28px rgba(22,163,74,.24);transition:.18s ease;}
.inbox-draft-add summary::-webkit-details-marker{display:none;}
.inbox-draft-add summary:hover{transform:translateY(-1px);background:#2b754d;}
.inbox-draft-add[open] summary{background:#0f172a;}
.inbox-draft-add-form{position:absolute;right:0;top:56px;width:min(360px,calc(100vw - 36px));background:#fff;border:1px solid rgba(203,213,225,.95);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.16);padding:16px;display:grid;gap:12px;}
.inbox-draft-add-form label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;}
.inbox-draft-add-form input,.inbox-draft-add-form textarea,.inbox-draft-add-form select{width:100%;border:1px solid rgba(203,213,225,.95);border-radius:13px;background:#fff;color:#0f172a;font:inherit;font-weight:800;padding:11px 12px;outline:0;}
.inbox-draft-add-form textarea{resize:vertical;min-height:88px;}
.inbox-draft-add-form button{min-height:44px;border:0;border-radius:13px;background:#32895a;color:#fff;font-weight:1000;cursor:pointer;}
.inbox-draft-add-form button:hover{background:#2b754d;}
@media(max-width:720px){.inbox-draft-add-form{right:auto;left:0}.inbox-draft-topbar{align-items:stretch}.inbox-draft-actions{justify-content:flex-start}}

/* v3.0.13: Inbox-Entwurf Plus-Button in Filterzeile */
.inbox-draft-filter-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;}
.inbox-draft-filter-row .inbox-draft-chips{margin-bottom:0;}
.inbox-draft-add-button{width:42px;height:42px;border:1px solid rgba(203,213,225,.9);border-radius:14px;background:#fff;color:#32895a;font-size:24px;font-weight:1000;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.055);transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
.inbox-draft-add-button:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.08);}
@media(max-width:720px){.inbox-draft-filter-row{align-items:flex-start}.inbox-draft-add-button{flex:0 0 42px}}

/* v3.0.14 – Inbox-Entwurf: Zuordnen optisch beruhigt */
.inbox-draft-type{font-size:17px;border-radius:50%;background:#f8fafc;border:1px solid rgba(226,232,240,.95);}
.inbox-draft-row .inbox-draft-type{width:36px;height:36px;box-shadow:none;}
.inbox-draft-simple-actions{grid-template-columns:1fr 1fr;margin-bottom:14px;}
.inbox-draft-assign-dialog{background:#fff;border-color:rgba(203,213,225,.95);box-shadow:0 8px 22px rgba(15,23,42,.035);}
.inbox-draft-assign-dialog summary{background:#e9f4ed;color:#2b754d;border-radius:16px;font-size:16px;display:flex;align-items:center;gap:8px;min-height:48px;}
.inbox-draft-route-fields{grid-template-columns:1fr;gap:12px;margin:14px;}
.inbox-draft-route-card{border:1px solid rgba(203,213,225,.95);background:#f8fafc;border-radius:15px;padding:10px;display:grid;gap:8px;color:#334155;font-size:12px;font-weight:1000;text-transform:none;letter-spacing:.02em;}
.inbox-draft-route-card select{min-height:46px;border-radius:13px;background:#fff;font-size:14px;}
.inbox-draft-action-grid{margin-top:12px;}
.inbox-draft-vault-hint,.inbox-draft-assign-open{display:none!important;}
@media(min-width:1180px){.inbox-draft-route-fields{grid-template-columns:1fr 1fr;}}

/* v3.0.16 – Inbox-Entwurf: Zielauswahl untereinander und ruhiger */
.inbox-draft-route-stack{display:grid;grid-template-columns:1fr;gap:12px;margin:14px;}
.inbox-draft-route-stack .inbox-draft-route-card{border:1px solid rgba(203,213,225,.95);background:#f8fafc;border-radius:16px;padding:14px;display:grid;gap:12px;color:#334155;}
.inbox-draft-route-title{display:flex;align-items:center;gap:10px;font-weight:1000;color:#0f172a;font-size:16px;}
.inbox-draft-route-title span{width:34px;height:34px;border-radius:12px;background:#fff;border:1px solid rgba(226,232,240,.95);display:grid;place-items:center;}
.inbox-draft-route-stack label{display:grid;gap:6px;color:#64748b;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;}
.inbox-draft-route-stack select{width:100%;min-height:44px;border:1px solid rgba(203,213,225,.95);background:#fff;border-radius:13px;padding:0 12px;color:#0f172a;font-weight:900;outline:0;}
.inbox-draft-route-stack form{margin:0;}
.inbox-draft-route-stack button{width:100%;min-height:46px;border:1px solid rgba(203,213,225,.95);background:#fff;border-radius:14px;color:#334155;font-weight:1000;cursor:pointer;text-align:center;padding:0 14px;}
.inbox-draft-route-stack button:hover{background:#f8fafc;transform:translateY(-1px);}
.inbox-draft-action-grid-main{margin:14px;}
@media(min-width:1180px){.inbox-draft-route-fields{grid-template-columns:1fr!important}.inbox-draft-route-stack{grid-template-columns:1fr!important}}

/* v3.0.19 – Inbox-Entwurf: kleine Zuordnungs-Icons unterhalb der Hauptboxen */
.inbox-draft-assign-dialog .inbox-draft-action-grid-main.inbox-draft-icon-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  margin:12px 14px 16px;
}
.inbox-draft-assign-dialog .inbox-draft-icon-actions form{margin:0;}
.inbox-draft-assign-dialog .inbox-draft-icon-actions button{
  width:58px;
  height:52px;
  min-height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  padding:0;
  font-size:24px;
  line-height:1;
  background:#fff;
  border:1px solid rgba(203,213,225,.95);
  color:#334155;
  font-weight:1000;
}
.inbox-draft-assign-dialog .inbox-draft-icon-actions button:hover{
  background:#f8fafc;
  transform:translateY(-1px);
}
.inbox-draft-route-stack select[aria-label]{margin-top:-2px;}
@media(max-width:720px){
  .inbox-draft-assign-dialog .inbox-draft-action-grid-main.inbox-draft-icon-actions{justify-content:flex-start;}
}

/* v3.0.22 – Inbox-Entwurf: Sticky nur im rechten Aktionsbereich, nicht auf der Haupt-/Sidebar */
.inbox-draft-sticky-actions{
  position:sticky;
  top:12px;
  z-index:4;
  background:linear-gradient(180deg,#fff 0%,#fff 90%,rgba(255,255,255,0));
  padding:0 0 18px;
  margin:0 0 8px;
}
.inbox-draft-sticky-actions .inbox-draft-assign-dialog{
  box-shadow:0 18px 32px rgba(15,23,42,.055);
}
@media(max-width:1100px){
  .inbox-draft-sticky-actions{position:relative;top:auto;}
}

/* v3.0.23 – Inbox-Entwurf: linke Sidebar stabilisieren + rechte Detailansicht sauber sticky */
.inbox-draft-shell.sidebar-collapsed{
  grid-template-columns:258px minmax(0,1fr)!important;
}
.inbox-draft-shell.sidebar-collapsed .sidebar{
  padding:24px 22px!important;
}
.inbox-draft-shell.sidebar-collapsed .brand{
  justify-content:flex-start!important;
  gap:12px!important;
}
.inbox-draft-shell.sidebar-collapsed .brand strong{display:block!important;}
.inbox-draft-shell.sidebar-collapsed .brand span{display:block!important;}
.inbox-draft-shell.sidebar-collapsed .nav-label,
.inbox-draft-shell.sidebar-collapsed .settings-label,
.inbox-draft-shell.sidebar-collapsed .toggle-text{
  display:inline!important;
}
.inbox-draft-shell.sidebar-collapsed .side-nav a,
.inbox-draft-shell.sidebar-collapsed .settings-link,
.inbox-draft-shell.sidebar-collapsed .sidebar-toggle{
  justify-content:flex-start!important;
  padding:12px 14px!important;
}
.inbox-draft-shell.sidebar-collapsed .toggle-icon{transform:none!important;}
.inbox-draft-shell .sidebar-group{
  border:1px solid rgba(226,232,240,.95);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(15,23,42,.035);
}
.inbox-draft-shell .sidebar-group>summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  color:#172033;
  font-weight:800;
}
.inbox-draft-shell .sidebar-group>summary::-webkit-details-marker{display:none;}
.inbox-draft-shell .sidebar-group>summary:hover,
.inbox-draft-shell .sidebar-group[open]>summary{background:#f8fafc;}
.inbox-draft-shell .sidebar-group[open]>summary{border-bottom:1px solid rgba(226,232,240,.82);}
.inbox-draft-shell .sidebar-subnav{display:grid;gap:4px;padding:8px;}
.inbox-draft-shell .sidebar-subnav a{border-radius:12px;padding:10px 11px;background:transparent;box-shadow:none;}
.inbox-draft-shell .sidebar-subnav a:hover{background:#edf8f1;color:#2b754d;}
@media(min-width:1101px){
  .inbox-draft-layout.has-detail{align-items:start;}
  .inbox-draft-layout.has-detail .inbox-draft-detail{
    position:sticky;
    top:0;
    height:100vh;
    max-height:100vh;
    overflow:auto;
  }
  .inbox-draft-layout.has-detail .inbox-draft-sticky-actions{
    position:sticky;
    top:0;
    z-index:5;
    background:#fff;
    padding:0 0 18px;
  }
}
@media(max-width:1100px){
  .inbox-draft-layout.has-detail .inbox-draft-detail,
  .inbox-draft-layout.has-detail .inbox-draft-sticky-actions{
    position:relative;
    top:auto;
    height:auto;
    max-height:none;
  }
}


/* v3.0.24 – Inbox-Entwurf: rechte Detail-Sidebar als stabile feste Seitenleiste */
@media(min-width:1101px){
  .inbox-draft-main{overflow:visible!important;}
  .inbox-draft-layout.has-detail{
    grid-template-columns:minmax(0,1fr) 430px!important;
    align-items:stretch!important;
  }
  .inbox-draft-layout.has-detail .inbox-draft-center{
    min-width:0;
  }
  .inbox-draft-layout.has-detail .inbox-draft-detail{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:430px!important;
    height:100vh!important;
    max-height:100vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:45!important;
    background:#fff;
    border-left:1px solid rgba(203,213,225,.92);
    box-shadow:-18px 0 42px rgba(15,23,42,.08);
  }
  .inbox-draft-layout.has-detail .inbox-draft-sticky-actions{
    position:sticky!important;
    top:0!important;
    z-index:6!important;
    background:linear-gradient(180deg,#fff 0%,#fff 96%,rgba(255,255,255,.92) 100%)!important;
    padding-top:4px!important;
    padding-bottom:18px!important;
    margin-bottom:0!important;
  }
  .inbox-draft-layout.has-detail .inbox-draft-close{
    position:sticky!important;
    top:18px!important;
    margin-left:auto!important;
    float:right!important;
    z-index:8!important;
  }
}
@media(max-width:1100px){
  .inbox-draft-layout.has-detail{grid-template-columns:1fr!important;}
  .inbox-draft-layout.has-detail .inbox-draft-detail{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* v3.0.25 – Inbox-Entwurf: linke Sidebar wieder an Standard-Navigation angeglichen */
.inbox-draft-shell .sidebar{
  overflow:auto;
}
.inbox-draft-shell .side-nav{
  margin-top:0;
}
.inbox-draft-shell .sidebar-bottom{
  margin-top:auto;
}
.inbox-draft-shell.sidebar-collapsed{
  grid-template-columns:86px minmax(0,1fr)!important;
}
.inbox-draft-shell.sidebar-collapsed .sidebar{
  padding:24px 14px!important;
}
.inbox-draft-shell.sidebar-collapsed .brand{
  justify-content:center!important;
  gap:0!important;
}
.inbox-draft-shell.sidebar-collapsed .brand strong,
.inbox-draft-shell.sidebar-collapsed .brand span,
.inbox-draft-shell.sidebar-collapsed .nav-label,
.inbox-draft-shell.sidebar-collapsed .settings-label,
.inbox-draft-shell.sidebar-collapsed .toggle-text{
  display:none!important;
}
.inbox-draft-shell.sidebar-collapsed .side-nav a,
.inbox-draft-shell.sidebar-collapsed .settings-link,
.inbox-draft-shell.sidebar-collapsed .sidebar-toggle{
  justify-content:center!important;
  padding:12px!important;
}
.inbox-draft-shell.sidebar-collapsed .side-nav-folder>summary{
  justify-content:center!important;
  padding:12px 8px!important;
}
.inbox-draft-shell.sidebar-collapsed .side-nav-folder-body{
  padding:6px!important;
}
.inbox-draft-shell.sidebar-collapsed .side-nav-chevron{
  display:none!important;
}
.inbox-draft-shell.sidebar-collapsed .toggle-icon{
  transform:rotate(180deg)!important;
}
@media(max-width:760px){
  .inbox-draft-shell.sidebar-collapsed{grid-template-columns:1fr!important;}
  .inbox-draft-shell.sidebar-collapsed .sidebar{padding:18px!important;}
  .inbox-draft-shell.sidebar-collapsed .nav-label,
  .inbox-draft-shell.sidebar-collapsed .settings-label,
  .inbox-draft-shell.sidebar-collapsed .toggle-text{display:inline!important;}
}

/* ==========================================================
   v3.0.32 – Login-Seite näher an finaler Visualisierung
   ========================================================== */
.auth-body-v3031{
  --go-green:#32895a;
  --go-green-strong:#2b754d;
  --go-green-soft:#e9f4ed;
  --go-green-soft-2:#dcefe3;
  --go-green-soft-3:#cfe7d9;
  min-height:100vh;
  padding:10px;
  background:
    radial-gradient(circle at 10% 8%,rgba(212,228,240,.68),transparent 26%),
    radial-gradient(circle at 93% 88%,rgba(50,137,90,.14),transparent 28%),
    #f7fafb;
  color:#102650;
}
.auth-body-v3031::before,.auth-body-v3031::after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
  filter:blur(.2px);
}
.auth-body-v3031::before{width:480px;height:210px;right:-150px;bottom:-110px;background:rgba(50,137,90,.15);transform:rotate(-10deg)}
.auth-body-v3031::after{width:380px;height:150px;left:-160px;top:-84px;background:rgba(218,233,244,.46);transform:rotate(12deg)}
.login-showcase{
  position:relative;
  z-index:1;
  width:min(1305px,100%);
  min-height:calc(100vh - 20px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(360px,.88fr);
  gap:clamp(25px,3.6vw,50px);
  align-items:center;
  padding:clamp(22px,2.35vw,38px);
  border:1px solid rgba(168,184,201,.22);
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 58px rgba(25,52,74,.08);
  backdrop-filter:blur(14px);
}
.login-showcase::after{
  content:"";
  position:absolute;
  right:-92px;
  bottom:-142px;
  width:560px;
  height:270px;
  border-radius:50%;
  background:rgba(50,137,90,.12);
  z-index:-1;
  transform:rotate(-8deg)
}
.login-story{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.login-brand{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.login-brand-icon{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(50,137,90,.10))}
.login-brand-name{text-transform:uppercase;font-weight:850;font-size:clamp(22px,2.16vw,31px);line-height:1;letter-spacing:.015em;color:#102650}
.login-brand p{margin:8px 0 0;color:var(--go-green);font-size:clamp(13px,1.04vw,16px);font-weight:600}
.login-story>h1{margin:0 0 16px;font-size:clamp(25px,2.65vw,40px);line-height:1.08;letter-spacing:-.045em;color:#102650}
.login-benefits{display:grid}
.login-benefit{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid #dfe7e4}
.login-benefit:last-child{border-bottom:0}
.login-benefit-icon{width:94px;height:94px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--go-green-soft),var(--go-green-soft-2));box-shadow:inset 0 0 0 1px rgba(50,137,90,.08)}
.login-benefit-icon svg{width:69%;height:69%;fill:none;stroke:var(--go-green);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.login-benefit-icon-artwork{overflow:hidden}
.login-benefit-icon-artwork img{width:70%;height:70%;display:block;object-fit:contain;filter:none}
.login-benefit h2{margin:0 0 6px;font-size:clamp(15px,1.08vw,18px);line-height:1.25;color:#102650}
.login-benefit p{margin:0;color:#263b61;font-size:clamp(12.5px,.92vw,14px);line-height:1.48}
.login-benefit-compact{padding-top:14px;padding-bottom:14px}
.login-benefit-compact .login-benefit-icon{width:98px;height:98px}
.login-access{display:flex;align-items:center;justify-content:center;min-width:0}
.login-access-card{width:min(100%,425px);padding:clamp(25px,2.7vw,41px);border:1px solid rgba(198,209,219,.22);border-radius:28px;background:rgba(255,255,255,.97);box-shadow:0 22px 56px rgba(32,63,84,.10);text-align:center}
.login-user-icon{width:70px;height:70px;margin:0 auto 18px;display:grid;place-items:center;border:1px solid rgba(50,137,90,.28);border-radius:50%;background:var(--go-green-soft)}
.login-user-icon svg{width:40px;height:40px;fill:none;stroke:var(--go-green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.login-access-card>h2{margin:0;font-size:clamp(22px,1.8vw,31px);letter-spacing:-.035em;color:#102650}
.login-access-subtitle{max-width:300px;margin:11px auto 22px;color:#637086;line-height:1.5;font-size:14px}
.login-form-v3031{display:grid;gap:14px;margin:0;text-align:left}
.login-form-v3031 .login-field{display:grid;gap:6px;font-weight:800;color:#203354}
.login-input-wrap{position:relative;display:flex;align-items:center}
.login-input-wrap>svg{position:absolute;left:15px;width:20px;height:20px;fill:none;stroke:#65738c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.login-form-v3031 .login-input-wrap input{width:100%;height:52px;border:1px solid #d6dee8;border-radius:13px;padding:0 46px 0 46px;background:#fff;color:#102650;outline:none;font-weight:550;transition:.18s ease}
.login-form-v3031 .login-input-wrap input::placeholder{color:#a2abba}
.login-form-v3031 .login-input-wrap input:focus{border-color:var(--go-green);box-shadow:0 0 0 4px rgba(50,137,90,.12)}
.login-password-toggle{position:absolute;right:8px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;cursor:pointer;color:#52627e}
.login-password-toggle:hover{background:var(--go-green-soft);color:var(--go-green)}
.login-password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-submit{height:52px;margin-top:4px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--go-green),var(--go-green-strong));color:#fff;font-size:17px;font-weight:850;cursor:pointer;box-shadow:0 12px 22px rgba(50,137,90,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.login-submit:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 15px 26px rgba(50,137,90,.28)}
.login-submit:active{transform:translateY(0)}
.login-security-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:#8a95a7;font-size:12.5px}
.login-security-note svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.auth-body-v3031 .auth-alert{margin:0 0 16px;text-align:left;border-radius:12px}
@media(max-width:1180px){
  .login-showcase{grid-template-columns:minmax(0,1.2fr) minmax(340px,.84fr);gap:28px;padding:28px}
  .login-brand{margin-bottom:18px}
  .login-story>h1{margin-bottom:14px}
  .login-benefit{grid-template-columns:96px minmax(0,1fr);gap:18px}
  .login-benefit-icon,.login-benefit-compact .login-benefit-icon{width:80px;height:80px}
}
@media(max-width:920px){
  .auth-body-v3031{padding:0;background:#fff}
  .login-showcase{min-height:100vh;border:0;border-radius:0;grid-template-columns:1fr;padding:28px 20px 38px}
  .login-story{order:2}
  .login-access{order:1}
  .login-access-card{max-width:620px}
  .login-brand{margin-top:18px}
}
@media(max-width:620px){
  .login-showcase{padding:18px 12px 32px}
  .login-access-card{padding:25px 17px;border-radius:20px}
  .login-brand{align-items:center;gap:12px;margin-bottom:22px}
  .login-brand-icon{width:52px;height:52px}
  .login-benefit,.login-benefit-compact{grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:start;padding:15px 0}
  .login-benefit-icon,.login-benefit-compact .login-benefit-icon{width:54px;height:54px}
  .login-benefit p{font-size:14px;line-height:1.5}
  .login-form-v3031 .login-input-wrap input{height:50px}
}

/* ==========================================================
   v3.0.38 – Meilensteine: Themen per Drag & Drop sortieren
   ========================================================== */
.topic-card.can-reorder{
  grid-template-columns:22px minmax(0,1fr) 32px !important;
  gap:7px !important;
}
.topic-drag-handle{
  width:22px;
  height:34px;
  margin:0;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#9aa7b8;
  display:grid;
  place-items:center;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
.topic-drag-handle:hover,.topic-drag-handle:focus-visible{
  color:#32895a;
  background:#e9f4ed;
  outline:none;
}
.topic-drag-handle:active,.topic-drag-handle[aria-grabbed="true"]{cursor:grabbing;color:#32895a;background:#e4f3ea}
.topic-drag-handle>span{display:grid;grid-template-columns:repeat(2,3px);grid-auto-rows:3px;gap:3px;pointer-events:none}
.topic-drag-handle i{width:3px;height:3px;border-radius:50%;background:currentColor;display:block}
.topic-list.is-saving-order .topic-drag-handle{pointer-events:none;opacity:.45}
.topic-card.is-sorting-topic{
  opacity:.34;
  border:1.5px dashed #32895a;
  background:#e9f4ed;
  box-shadow:0 0 0 3px rgba(50,137,90,.08);
  transform:none !important;
}
body.is-topic-sorting,body.is-topic-sorting *{cursor:grabbing !important}
.topic-sort-ghost{
  position:fixed !important;
  z-index:1000;
  left:0;
  top:0;
  margin:0 !important;
  pointer-events:none !important;
  opacity:.96;
  border-color:#32895a !important;
  box-shadow:0 20px 44px rgba(15,23,42,.22) !important;
  transform-origin:top left;
  will-change:transform;
}
.topic-sort-ghost::before,.topic-sort-ghost::after{display:none !important}
.topic-sort-status{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:1200;
  max-width:min(420px,calc(100vw - 28px));
  padding:11px 16px;
  border:1px solid #b9dfc8;
  border-radius:12px;
  background:#f0faf4;
  color:#2b754d;
  font-size:14px;
  font-weight:800;
  box-shadow:0 14px 34px rgba(15,23,42,.16);
  opacity:0;
  transform:translate(-50%,18px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.topic-sort-status[data-type="error"]{border-color:#fecaca;background:#fff1f2;color:#b42318}
.topic-sort-status.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){
  .topic-card.can-reorder{grid-template-columns:24px minmax(0,1fr) 34px !important;gap:8px !important}
  .topic-drag-handle{width:24px;height:38px}
  .topic-drag-handle>span{grid-template-columns:repeat(2,4px);grid-auto-rows:4px;gap:3px}
  .topic-drag-handle i{width:4px;height:4px}
  .topic-sort-status{bottom:86px}
}

/* ==========================================================
   v3.0.40 – Meilensteine: Eigene und geteilte Projekte gemeinsam sortieren
   ========================================================== */
.project-column.can-reorder-project .project-node{
  grid-template-columns:24px 24px minmax(0,1fr) 28px !important;
}
.project-drag-handle{
  width:24px;
  height:34px;
  display:grid;
  place-items:center;
  align-self:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:color-mix(in srgb,currentColor 58%,#94a3b8);
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  outline:0;
}
.project-drag-handle:hover,.project-drag-handle:focus-visible{
  color:currentColor;
  background:color-mix(in srgb,currentColor 10%,white);
}
.project-drag-handle[aria-grabbed="true"]{cursor:grabbing;color:currentColor;background:color-mix(in srgb,currentColor 14%,white)}
.project-drag-handle>span{display:grid;grid-template-columns:repeat(2,3px);grid-auto-rows:3px;gap:3px;pointer-events:none}
.project-drag-handle i{width:3px;height:3px;border-radius:50%;background:currentColor;display:block}
.mindmap-board.is-saving-project-order .project-drag-handle{pointer-events:none;opacity:.45}
.project-column.is-sorting-project{
  opacity:.34;
  filter:saturate(.65);
}
.project-column.is-sorting-project .project-node{
  border-style:dashed !important;
  box-shadow:none !important;
}
body.is-project-sorting,body.is-project-sorting *{cursor:grabbing !important}
.project-sort-ghost{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  z-index:1300 !important;
  margin:0 !important;
  pointer-events:none !important;
  opacity:.97;
  border-width:1.7px !important;
  box-shadow:0 20px 44px rgba(15,23,42,.22) !important;
  transform-origin:top left;
  will-change:transform;
}
.project-sort-ghost .project-drag-handle{pointer-events:none}
.project-sort-status{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:1200;
  max-width:min(440px,calc(100vw - 28px));
  padding:11px 16px;
  border:1px solid #b9dfc8;
  border-radius:12px;
  background:#f0faf4;
  color:#2b754d;
  font-size:14px;
  font-weight:800;
  box-shadow:0 14px 34px rgba(15,23,42,.16);
  opacity:0;
  transform:translate(-50%,18px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.project-sort-status[data-type="error"]{border-color:#fecaca;background:#fff1f2;color:#b42318}
.project-sort-status.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){
  .project-column.can-reorder-project .project-node{grid-template-columns:26px 24px minmax(0,1fr) 28px !important;gap:7px !important}
  .project-drag-handle{width:26px;height:38px}
  .project-drag-handle>span{grid-template-columns:repeat(2,4px);grid-auto-rows:4px;gap:3px}
  .project-drag-handle i{width:4px;height:4px}
  .project-sort-status{bottom:86px}
}


/* ==========================================================
   v3.0.41 – Meilensteine: responsives Projekt-Grid
   Bis zu fünf Projekte pro Zeile, weitere Projekte automatisch darunter.
   ========================================================== */
.mindmap-scale{
  min-width:0;
}
.mindmap-board{
  --project-grid-columns:5;
  --project-grid-column-gap:28px;
  --project-grid-row-gap:38px;
  display:grid !important;
  grid-template-columns:repeat(var(--project-grid-columns),minmax(0,1fr));
  align-items:start;
  column-gap:var(--project-grid-column-gap) !important;
  row-gap:var(--project-grid-row-gap) !important;
  width:100%;
  min-width:0 !important;
}
.mindmap-board>.project-column{
  width:100%;
  min-width:0 !important;
  max-width:none;
  flex:none !important;
}
.mindmap-board>.empty-state{
  grid-column:1 / -1;
  width:min(620px,100%);
  min-width:0;
}
.project-column .project-menu{
  right:-7px;
  top:-11px;
}
.project-column.is-sorting-project{
  min-height:54px;
}
@media(max-width:760px){
  .mindmap-board{
    --project-grid-columns:1 !important;
    --project-grid-column-gap:0px;
    --project-grid-row-gap:26px;
    padding-left:10px;
    padding-right:10px;
  }
  .mindmap-board>.project-column{
    width:100%;
  }
  .project-column .project-menu{
    right:4px;
    top:58px;
  }
}


/* ==========================================================
   v3.0.42 – Meilensteine: mehr Abstand für das Projekt-Dreipunktmenü
   Das Menü sitzt optisch luftiger neben der Projektkarte.
   ========================================================== */
.project-column .project-menu{
  right:-22px;
  top:8px;
}
@media(max-width:760px){
  .project-column .project-menu{
    right:2px;
    top:58px;
  }
}


/* ==========================================================
   v3.0.43 – Meilensteine: Dreipunktmenü mit freiem Abstand links und rechts
   Zwischen Karte, Menü und nächster Karte bleiben jeweils 16px Freiraum.
   ========================================================== */
.mindmap-board{
  --project-grid-column-gap:64px;
  padding-right:64px;
}
.project-column .project-menu{
  right:-48px;
  top:8px;
}
@media(max-width:760px){
  .mindmap-board{
    --project-grid-column-gap:0px;
    padding-right:10px;
  }
  .project-column .project-menu{
    right:4px;
    top:58px;
  }
}

/* ==========================================================
   v3.0.44 – Meilensteine: übergeordnete Projekt-Kategorien
   Kategorien als Akkordeon, fünfspaltiges Projekt-Grid je Kategorie.
   ========================================================== */
.project-category-list{
  display:grid;
  gap:24px;
  width:100%;
  min-width:0;
  padding:30px 30px 54px;
}
.project-category-list>.empty-state{
  width:min(620px,100%);
  min-width:0;
}
.project-category{
  position:relative;
  min-width:0;
  border:1px solid #dfe5ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.055);
  overflow:visible;
}
.project-category.hidden-by-search{display:none!important}
.project-category>summary{list-style:none}
.project-category>summary::-webkit-details-marker{display:none}
.project-category-header{
  display:grid;
  grid-template-columns:32px 22px minmax(0,1fr) auto 38px;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:10px 14px 10px 16px;
  border-radius:19px;
  background:linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 100%);
  color:#263247;
  cursor:pointer;
  user-select:none;
}
.project-category[open]>.project-category-header{
  border-bottom:1px solid #e6eaf1;
  border-radius:19px 19px 0 0;
  background:#f8fafc;
}
.project-category.is-uncategorized-category>.project-category-header{
  background:#fbfbfc;
  color:#667085;
}
.project-category-chevron{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  font-size:27px;
  line-height:1;
  color:#8792a5;
  transform:rotate(0deg);
  transition:transform .18s ease;
}
.project-category[open]>.project-category-header .project-category-chevron{transform:rotate(90deg)}
.project-category-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:17px;
  font-weight:900;
  letter-spacing:-.01em;
}
.project-category-count{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:4px 10px;
  border-radius:999px;
  background:#eef2f7;
  color:#667085;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.project-category-drag-handle,
.project-category-fixed-icon{
  width:32px;
  height:40px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  color:#8390a4;
  cursor:grab;
  touch-action:none;
}
.project-category-fixed-icon{
  cursor:default;
  font-size:17px;
  color:#98a2b3;
}
.project-category-drag-handle:active{cursor:grabbing}
.project-category-drag-handle:focus-visible{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}
.project-category-drag-handle>span{
  display:grid;
  grid-template-columns:repeat(2,4px);
  grid-auto-rows:4px;
  gap:4px;
}
.project-category-drag-handle i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
}
.project-category-menu{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#667085;
  font-size:17px;
  font-weight:900;
  letter-spacing:1px;
  cursor:pointer;
}
.project-category-menu:hover{background:#e9eef5;color:#172033}
.project-category-body{
  min-width:0;
  padding:26px 64px 30px 24px;
}
.project-category-grid{
  --project-grid-columns:5;
  --project-grid-column-gap:64px;
  --project-grid-row-gap:38px;
  display:grid;
  grid-template-columns:repeat(var(--project-grid-columns),minmax(0,1fr));
  align-items:start;
  column-gap:var(--project-grid-column-gap);
  row-gap:var(--project-grid-row-gap);
  width:100%;
  min-width:0;
  min-height:78px;
}
.project-category-grid>.project-column{
  width:100%;
  min-width:0!important;
  max-width:none;
  flex:none!important;
}
.project-category-grid>.project-category-empty{
  grid-column:1 / -1;
  min-height:72px;
  display:grid;
  place-items:center;
  border:1.5px dashed #cfd7e3;
  border-radius:14px;
  background:#fbfcfe;
  color:#8a96a8;
  font-size:13px;
  font-weight:750;
}
.project-category-grid>.project-category-empty[hidden]{display:none!important}
.project-category-grid .project-column .project-menu{
  right:-48px;
  top:8px;
}
.project-category.is-sorting-category{
  opacity:.52;
  outline:2px dashed #8aa4d6;
  outline-offset:5px;
}
.project-category-sort-ghost{
  position:fixed!important;
  inset:auto auto 0 0;
  z-index:10000;
  pointer-events:none!important;
  margin:0!important;
  opacity:.94;
  border:1px solid #cdd7e6;
  border-radius:16px;
  background:#fff;
  box-shadow:0 20px 50px rgba(15,23,42,.22);
  transform:translate3d(-9999px,-9999px,0);
}
body.is-category-sorting,
body.is-category-sorting *{cursor:grabbing!important}
.project-category-list.is-saving-project-order{cursor:progress}
.project-category-add-button{white-space:nowrap}

@media(max-width:980px){
  .project-category-list{padding-left:20px;padding-right:20px}
  .project-category-body{padding-left:18px;padding-right:58px}
}
@media(max-width:760px){
  .project-category-list{
    gap:18px;
    padding:18px 10px 100px;
  }
  .project-category-header{
    grid-template-columns:28px 20px minmax(0,1fr) auto 34px;
    gap:7px;
    min-height:58px;
    padding:8px 8px 8px 10px;
  }
  .project-category-title{font-size:15px}
  .project-category-count{padding:3px 8px;font-size:11px}
  .project-category-drag-handle,
  .project-category-fixed-icon{width:28px;height:38px}
  .project-category-menu{width:34px;height:34px}
  .project-category-body{padding:20px 10px 24px}
  .project-category-grid{
    --project-grid-columns:1!important;
    --project-grid-column-gap:0px;
    --project-grid-row-gap:26px;
  }
  .project-category-grid .project-column .project-menu{
    right:4px;
    top:58px;
  }
  .project-category-add-button{display:inline-flex}
}


.project-category-notice{
  margin:0 28px 14px;
  border:1px solid #fed7aa;
  background:#fffbeb;
  color:#92400e;
  border-radius:14px;
  padding:10px 12px;
  font-size:12.5px;
  font-weight:800;
}
.project-category-list.is-saving-category-order{cursor:progress}
@media(max-width:900px){
  .project-category-notice{margin:0 14px 14px}
}


/* ==========================================================
   v3.0.45 – Globales Farbdesign des Gedanken Ordners
   Finale Markenfarben aus dem Login-Layout auf alle Module übertragen.
   ========================================================== */
:root{
  --go-green:#32895a;
  --go-green-strong:#2b754d;
  --go-green-soft:#e9f4ed;
  --go-green-soft-2:#dcefe3;
  --go-green-soft-3:#cfe7d9;
  --primary:var(--go-green);
  --primary-hover:var(--go-green-strong);
  --primary-soft:var(--go-green-soft);
  --primary-soft-2:var(--go-green-soft-2);
  --primary-soft-3:var(--go-green-soft-3);
  --green:var(--go-green);
}
/* Navigation und globale Bedienflächen */
.side-nav a.active,.side-nav a:hover,.sidebar-subnav a:hover,.side-nav-folder[open]>summary,.side-nav-folder>summary:hover{background:var(--go-green-soft)!important;color:var(--go-green-strong)!important}
.side-nav a.active svg,.side-nav a:hover svg,.sidebar-subnav a:hover svg{color:var(--go-green)!important;stroke:currentColor!important}
.btn.primary,.floating-add,.save-btn,.primary-action{background:var(--go-green)!important;color:#fff!important;border-color:var(--go-green)!important;box-shadow:0 12px 24px rgba(50,137,90,.22)!important}
.btn.primary:hover,.floating-add:hover,.save-btn:hover,.primary-action:hover{background:var(--go-green-strong)!important;border-color:var(--go-green-strong)!important}
.btn.outline{border-color:var(--go-green)!important;color:var(--go-green-strong)!important}
.btn.outline:hover{background:var(--go-green-soft)!important}
/* Formulare, Auswahl und Fokus */
input:focus,textarea:focus,select:focus,[contenteditable="true"]:focus{border-color:var(--go-green)!important;box-shadow:0 0 0 3px rgba(50,137,90,.14)!important;outline:none!important}
input[type="checkbox"]{accent-color:var(--go-green)}
.checkbox-btn:hover,.checkbox-btn.is-checked,.check-item input:checked+span{background:var(--go-green)!important;border-color:var(--go-green)!important;color:#fff!important}
/* Akkordeons, Tabs, Badges und aktive Zustände */
.accordion[open]>summary,.accordion-item[open]>summary,.is-active,.active-tab,.tab-button.active,.filter-btn.active{border-color:var(--go-green-soft-3)!important;background:var(--go-green-soft)!important;color:var(--go-green-strong)!important}
.badge.primary,.badge.info,.status-badge.info,.shared-badge,.project-shared-badge{background:var(--go-green-soft)!important;border-color:var(--go-green-soft-3)!important;color:var(--go-green-strong)!important}
/* Inbox und Schnellerfassung: keine blaue Modulidentität mehr */
.inbox-draft-shell,.inbox-draft-main,.inbox-panel{--inbox-accent:var(--go-green);--inbox-soft:var(--go-green-soft);--inbox-soft-2:var(--go-green-soft-2)}
.inbox-draft-card.is-selected,.inbox-draft-item.is-active,.inbox-draft-action.is-primary,.inbox-draft-icon-actions button:hover,.inbox-draft-route-stack button:hover{border-color:var(--go-green-soft-3)!important;background:var(--go-green-soft)!important;color:var(--go-green-strong)!important}
.inbox-draft-action.is-primary,.inbox-draft-primary-button{background:var(--go-green)!important;border-color:var(--go-green)!important;color:#fff!important}
.inbox-draft-action.is-primary:hover,.inbox-draft-primary-button:hover{background:var(--go-green-strong)!important}
/* Links, Fortschritt und Systemhinweise */
a.link-accent,.text-link,.inline-link{color:var(--go-green-strong)!important}
.progress-bar>span,.progress-fill,.routine-progress>span{background:var(--go-green)!important}
.success,.notice-success,.toast-success{background:var(--go-green-soft)!important;border-color:var(--go-green-soft-3)!important;color:var(--go-green-strong)!important}
/* Kontextmenüs und Hoverflächen */
.context-menu button:hover,.menu-popover button:hover,.topic-menu:hover,.project-menu:hover,.row-menu:hover{background:var(--go-green-soft)!important;color:var(--go-green-strong)!important}
/* Tastatur-Fokus sichtbar und markenkonform */
:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:3px solid rgba(50,137,90,.25)!important;outline-offset:2px}


/* ==========================================================
   v3.0.46 – Inbox vollständig auf das grüne Designsystem umgestellt
   Direkte Inbox-Regeln plus einheitliche Cache-Version auf allen Seiten.
   ========================================================== */
.inbox-draft-chips a.active,
.inbox-draft-chips button.active{
  background:#fff!important;
  color:var(--go-green-strong)!important;
  border-color:var(--go-green)!important;
  box-shadow:0 6px 16px rgba(50,137,90,.12)!important;
}
.inbox-draft-row.active{
  background:linear-gradient(90deg,var(--go-green-soft),#fff)!important;
  outline:2px solid var(--go-green)!important;
  outline-offset:-2px!important;
}
.inbox-draft-row.active:hover{
  background:linear-gradient(90deg,var(--go-green-soft-2),#fff)!important;
}
.inbox-draft-type,
.inbox-draft-type.blue,
.inbox-draft-tag.blue{
  background:var(--go-green-soft-2)!important;
  color:var(--go-green-strong)!important;
  border-color:var(--go-green-soft-3)!important;
}
.inbox-draft-status-pill.status-new{
  background:var(--go-green-soft)!important;
  color:var(--go-green-strong)!important;
  border-color:var(--go-green-soft-3)!important;
}
.inbox-draft-add-button{
  color:var(--go-green)!important;
  border-color:var(--go-green-soft-3)!important;
}
.inbox-draft-add-button:hover{
  background:var(--go-green-soft)!important;
  color:var(--go-green-strong)!important;
}
.inbox-draft-assign-dialog summary{
  background:var(--go-green-soft)!important;
  color:var(--go-green-strong)!important;
  border-color:var(--go-green-soft-3)!important;
}
.inbox-draft-assign-dialog[open] summary{
  border-bottom-color:var(--go-green-soft-3)!important;
}
.inbox-draft-simple-actions button:hover,
.inbox-draft-status-actions button:hover,
.inbox-draft-action-grid button:hover:not(:disabled),
.inbox-draft-route-stack button:hover{
  background:var(--go-green-soft)!important;
  border-color:var(--go-green-soft-3)!important;
  color:var(--go-green-strong)!important;
}
.inbox-draft-status-actions button.active{
  box-shadow:0 0 0 2px rgba(50,137,90,.18) inset!important;
}
.inbox-draft-route-title span{
  background:var(--go-green-soft)!important;
  border-color:var(--go-green-soft-3)!important;
  color:var(--go-green-strong)!important;
}


/* ==========================================================
   v3.0.47 – Inbox: Link-Badge an grünes Designsystem angepasst
   Link- und Brief-Typen verwenden nicht mehr die alte Cyan-Palette.
   ========================================================== */
.inbox-draft-type.cyan,
.inbox-draft-tag.cyan{
  background:#dcefe3 !important;
  color:#32895A !important;
}


/* ==========================================================
   v3.0.49 – Navigation: bessere Icons für Dashboard und Inbox
   Moderne Outline-SVGs im selben Stil wie die übrige Oberfläche.
   ========================================================== */
.nav-icon-svg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  min-width:18px;
  height:18px;
  line-height:1;
}
.nav-icon-svg svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nav-mobile-icon{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
}
.nav-mobile-icon svg{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mobile-bottom-link .nav-mobile-icon{font-size:0;line-height:0;}


/* ==========================================================
   v3.0.52 – Dashboard: zentrierter Inhaltscontainer
   Kopf und Inhaltsgruppen folgen derselben mittigen Seitenbreite.
   ========================================================== */
.today-head,
.today-page{
  width:min(1220px,calc(100% - 56px));
  max-width:1220px;
  margin-left:auto;
  margin-right:auto;
}
.today-head{
  padding-left:0;
  padding-right:0;
}
.today-page{
  padding-left:0;
  padding-right:0;
}
@media(max-width:900px){
  .today-head,
  .today-page{
    width:calc(100% - 28px);
  }
  .today-head{padding-left:0!important;padding-right:0!important;}
  .today-page{padding-left:0!important;padding-right:0!important;}
}


/* ==========================================================
   v3.0.53 – Dashboard: Sidebar-Glocke, Zweispalten-Grid und Sortierung
   ========================================================== */
.notification-widget-sidebar{display:block;width:100%;position:relative;z-index:80;}
.notification-widget-sidebar .notification-bell{width:100%;height:46px;border:0;border-radius:12px;box-shadow:none;display:flex;justify-content:flex-start;gap:10px;padding:0 14px;background:transparent;font:inherit;font-weight:850;color:#172033;}
.notification-widget-sidebar .notification-bell:hover,.notification-widget-sidebar .notification-bell[aria-expanded="true"]{background:#e9f4ed;border:0;transform:none;color:#2b754d;}
.notification-widget-sidebar .notification-count{right:10px;top:50%;transform:translateY(-50%);border-color:#fff;}
.notification-widget-sidebar .notification-popover{left:calc(100% + 12px);right:auto;top:0;}
.app-shell.sidebar-collapsed .notification-widget-sidebar .notification-bell{justify-content:center;padding:0;}
.app-shell.sidebar-collapsed .notification-widget-sidebar .notification-count{right:2px;top:2px;transform:none;}
.today-page{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
.today-page>.today-accordion{min-width:0;}
.today-page>.today-accordion[open]{grid-column:1 / -1;}
.today-group-head{grid-template-columns:auto minmax(0,1fr) auto!important;}
.dashboard-section-drag-handle{width:28px;height:38px;border:0;background:transparent;color:#94a3b8;cursor:grab;display:grid;place-items:center;padding:0;}
.dashboard-section-drag-handle:active{cursor:grabbing;}
.dashboard-section-drag-handle>span{display:grid;grid-template-columns:repeat(2,4px);grid-auto-rows:4px;gap:3px;}
.dashboard-section-drag-handle i{width:4px;height:4px;border-radius:50%;background:currentColor;display:block;}
.today-accordion.is-dashboard-dragging{opacity:.55;transform:scale(.99);}
@media(max-width:900px){
  .today-page{grid-template-columns:1fr;}
  .today-page>.today-accordion[open]{grid-column:auto;}
  .notification-widget-sidebar .notification-popover{left:0;top:calc(100% + 8px);}
}


/* ==========================================================
   v3.0.54 – Dashboard: reduzierte Akkordeon-Köpfe
   Beschreibungen und separate Pfeilkreise entfernt.
   ========================================================== */
.today-accordion > summary.today-group-head::after{
  content:none!important;
  display:none!important;
}
.today-group-head p{display:none!important;}
.today-group-head{
  min-height:92px;
}
@media(max-width:760px){
  .today-group-head{min-height:78px;}
}


/* ==========================================================
   v3.0.55 – Sidebar: Claim und Benachrichtigungen finalisiert
   ========================================================== */
.notification-widget-sidebar{z-index:1000;}
.notification-widget-sidebar .notification-bell{
  min-height:46px;
  justify-content:space-between;
  padding:0 14px;
}
.notification-widget-sidebar .notification-bell .side-nav-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.notification-widget-sidebar .notification-bell .nav-label{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.notification-widget-sidebar .notification-count{
  position:static;
  flex:0 0 auto;
  transform:none;
  min-width:24px;
  height:24px;
  border:2px solid #fff;
}
.notification-widget-sidebar .notification-popover{
  position:fixed;
  z-index:100000;
  overflow:hidden;
}
.app-shell.sidebar-collapsed .notification-widget-sidebar .notification-bell .nav-label{display:none;}
.app-shell.sidebar-collapsed .notification-widget-sidebar .notification-count{position:absolute;right:1px;top:1px;transform:none;min-width:19px;height:19px;}
@media(max-width:900px){
  .notification-widget-sidebar .notification-popover{
    position:absolute;
    left:0!important;
    right:auto!important;
    top:calc(100% + 8px)!important;
    width:min(360px,calc(100vw - 32px))!important;
  }
}


/* ==========================================================
   v3.0.56 – Sidebar-Claim fest zweizeilig
   ========================================================== */
.brand span{
  line-height:1.28;
}


/* ==========================================================
   v3.0.57 – Sidebar: Benachrichtigungen ohne Überlauf
   ========================================================== */
.notification-widget-sidebar{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.notification-widget-sidebar .notification-bell{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:8px;
  padding:0 12px;
  overflow:hidden;
}
.notification-widget-sidebar .notification-bell .side-nav-main{
  min-width:0;
  overflow:hidden;
}
.notification-widget-sidebar .notification-bell .nav-icon{
  flex:0 0 18px;
}
.notification-widget-sidebar .notification-bell .nav-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.notification-widget-sidebar .notification-count{
  justify-self:end;
  margin-left:0;
}
.side-nav-folder,
.side-nav-folder>summary{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.side-nav-folder>summary .side-nav-main{min-width:0;}
.side-nav-folder>summary .side-nav-chevron{flex:0 0 auto;margin-right:1px;}


/* ==========================================================
   v3.0.59 – Sidebar: Mitteilungen im eingeklappten Zustand korrigiert
   ========================================================== */
.app-shell.sidebar-collapsed .notification-widget-sidebar{
  width:48px;
  height:48px;
  margin:0 auto;
  overflow:visible;
}
.app-shell.sidebar-collapsed .notification-widget-sidebar .notification-bell{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  overflow:visible;
  border-radius:12px;
}
.app-shell.sidebar-collapsed .notification-widget-sidebar .notification-bell .side-nav-main{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  overflow:visible;
}
.app-shell.sidebar-collapsed .notification-widget-sidebar .notification-bell .nav-icon{
  width:22px;
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  font-size:20px;
  line-height:1;
}
.app-shell.sidebar-collapsed .notification-widget-sidebar .notification-count{
  position:absolute;
  right:-3px;
  top:-3px;
  min-width:18px;
  width:auto;
  height:18px;
  padding:0 4px;
  margin:0;
  border-width:2px;
  font-size:10px;
  line-height:1;
  transform:none;
  z-index:2;
}


/* ==========================================================
   v3.0.60 – Mitteilungen-Popup als echtes Seiten-Overlay
   Verhindert Abschneiden durch Sidebar/Stacking Context.
   ========================================================== */
.notification-popover-floating{
  position:fixed!important;
  z-index:2147483000!important;
  max-height:min(470px,calc(100vh - 24px));
  overflow:hidden!important;
  isolation:isolate;
}
.notification-popover-floating .notification-list{
  max-height:390px;
  overflow-y:auto;
  overscroll-behavior:contain;
}


/* v3.0.61 – robuste Dashboard-Sortierung */
.dashboard-section-drag-handle{touch-action:none;user-select:none;-webkit-user-select:none;}
body.is-dashboard-section-sorting{cursor:grabbing;user-select:none;-webkit-user-select:none;}
body.is-dashboard-section-sorting .today-page{touch-action:none;}


/* ==========================================================
   v3.0.62 – Dashboard-Drag-Griffe dauerhaft sichtbar und bedienbar
   ========================================================== */
.today-group-head > .dashboard-section-drag-handle{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 28px;
  position:relative;
  z-index:3;
}
.today-group-head{
  grid-template-columns:28px minmax(0,1fr) auto!important;
}
.dashboard-section-drag-handle:focus-visible{
  outline:3px solid rgba(50,137,90,.24);
  outline-offset:2px;
  border-radius:8px;
}


/* ==========================================================
   v3.0.63 – Dashboard: präzise Sortierung im zweispaltigen Grid
   ========================================================== */
.today-accordion.is-dashboard-dragging{
  opacity:.48;
  outline:2px dashed rgba(50,137,90,.42);
  outline-offset:-3px;
}
body.is-dashboard-section-sorting .today-page>.today-accordion:not(.is-dashboard-dragging){
  transition:transform .12s ease;
}


/* ==========================================================
   v3.0.65 – Dashboard: stabiler Platzhalter für X/Y-Drag & Drop
   ========================================================== */
.dashboard-section-placeholder{
  min-width:0;
  border:2px dashed rgba(50,137,90,.28);
  border-radius:22px;
  background:rgba(233,244,237,.38);
  box-sizing:border-box;
}
.today-accordion.is-dashboard-floating{
  position:fixed!important;
  z-index:2147482000!important;
  margin:0!important;
  pointer-events:none;
  opacity:.92!important;
  transform:scale(1.015)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.22)!important;
}
body.is-dashboard-section-sorting .today-page>.today-accordion:not(.is-dashboard-floating),
body.is-dashboard-section-sorting .dashboard-section-placeholder{
  transition:transform .1s ease;
}


/* ==========================================================
   v3.0.66 – Dashboard: stabile Spalten-Hysterese beim Sortieren
   Vertikale Bewegungen behalten die Ausgangsspalte, bis die
   Grid-Mitte bewusst und deutlich überschritten wird.
   ========================================================== */
body.is-dashboard-section-sorting .dashboard-section-placeholder{
  border-color:rgba(50,137,90,.38);
  background:rgba(233,244,237,.5);
}


/* ==========================================================
   v3.0.67 – Abendstratege in Formular und Archiv getrennt
   ========================================================== */
.reflection-page-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.reflection-questions-dialog{
  width:min(900px,calc(100vw - 28px));
  max-width:900px;
}
.reflection-questions-dialog-card{
  width:100%;
  max-height:min(82vh,760px);
  overflow:auto;
}
.reflection-archive-page{
  display:block;
}
.reflection-archive-page .reflection-archive{
  margin-top:0;
}
@media(max-width:760px){
  .reflection-page-actions{width:100%;}
  .reflection-page-actions .btn{flex:1 1 auto;}
}


/* ==========================================================
   v3.0.68 – Abendstratege: eigener Sidebar-Bereich
   ========================================================== */
.reflection-side-nav{
  border:1px solid #dce5ef;
  background:#fff;
}
.reflection-side-nav>summary{
  min-height:48px;
}
.reflection-side-nav[open]>summary{
  background:#e9f4ed;
  color:#2b754d;
}


/* ==========================================================
   v3.0.69 – Abendstratege-Sidebar unabhängig von Verwaltung
   ========================================================== */
.side-nav .reflection-side-nav{
  display:block;
  border:1px solid #dce5ef;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.side-nav .reflection-side-nav>summary{
  list-style:none;
  min-height:48px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
  font-weight:850;
}
.side-nav .reflection-side-nav>summary::-webkit-details-marker{display:none;}
.side-nav .reflection-side-nav[open]>summary{
  background:#e9f4ed;
  color:#2b754d;
}
.side-nav .reflection-side-nav .side-nav-management-body{
  display:grid;
  gap:4px;
  padding:6px 8px 9px;
}
.side-nav .reflection-side-nav .side-nav-sub-link{
  min-height:40px;
  border-radius:10px;
  padding:8px 10px;
}


/* ==========================================================
   v3.0.70 – Abendstratege-Inhalte zentriert
   Formular, Überschrift, Hinweise und Archiv verwenden einen
   gemeinsamen mittigen Inhaltscontainer.
   ========================================================== */
.reflection-main .reflection-head,
.reflection-main .reflection-dashboard{
  width:100%;
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.reflection-main .reflection-notice{
  width:calc(100% - 56px);
  max-width:1044px;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:900px){
  .reflection-main .reflection-head,
  .reflection-main .reflection-dashboard{
    max-width:none;
  }
  .reflection-main .reflection-notice{
    width:calc(100% - 28px);
  }
}


/* ==========================================================
   v3.0.73 – Abendstratege-Archiv Kopfbereich vereinfacht
   ========================================================== */
.reflection-archive-filter-row{
  justify-content:flex-start;
  align-items:center;
}


/* ==========================================================
   v3.0.81 – Untermenü bleibt in der eingeklappten Sidebar
   entsprechend dem geöffneten Menüstatus sichtbar
   ========================================================== */
.side-nav .reflection-side-nav{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid rgba(226,232,240,.95);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(15,23,42,.035);
}
.side-nav .reflection-side-nav>summary{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  color:#172033;
  font-weight:800;
  background:#fff;
}
.side-nav .reflection-side-nav>summary::-webkit-details-marker{display:none;}
.side-nav .reflection-side-nav>summary:hover,
.side-nav .reflection-side-nav.is-active>summary{
  background:var(--go-green-soft,#e9f4ed);
  color:var(--go-green-strong,#2b754d);
}
.side-nav .reflection-side-nav[open]>summary{
  border-bottom:1px solid rgba(226,232,240,.82);
}
.side-nav .reflection-side-nav .side-nav-folder-body{
  display:grid;
  gap:4px;
  padding:8px;
  background:#fff;
}
.side-nav .reflection-side-nav .side-nav-sub-link{
  min-height:40px;
  padding:10px 11px;
  border-radius:12px;
  background:transparent;
  box-shadow:none;
}
.side-nav .reflection-side-nav .side-nav-sub-link.active,
.side-nav .reflection-side-nav .side-nav-sub-link:hover{
  background:#edf8f1;
  color:#2b754d;
}
.app-shell.sidebar-collapsed .reflection-side-nav{
  width:100%;
  min-height:0;
  display:block!important;
  border:1px solid rgba(226,232,240,.95);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(15,23,42,.035);
}
.app-shell.sidebar-collapsed .reflection-side-nav>summary{
  width:100%;
  height:auto;
  min-height:48px;
  padding:12px 8px!important;
  border:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--go-green-soft,#e9f4ed);
  color:var(--go-green-strong,#2b754d);
}
.app-shell.sidebar-collapsed .reflection-side-nav[open]>summary{
  border-bottom:1px solid rgba(226,232,240,.82)!important;
}
.app-shell.sidebar-collapsed .reflection-side-nav>summary .side-nav-main{
  width:auto;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.app-shell.sidebar-collapsed .reflection-side-nav>summary .nav-icon{
  margin:0;
}
.app-shell.sidebar-collapsed .reflection-side-nav:not([open]) .side-nav-folder-body{
  display:none!important;
}
.app-shell.sidebar-collapsed .reflection-side-nav[open] .side-nav-folder-body{
  display:grid!important;
  grid-template-columns:1fr;
  gap:6px;
  padding:6px;
  background:#fff;
}
.app-shell.sidebar-collapsed .reflection-side-nav .side-nav-sub-link{
  width:100%;
  min-width:0;
  min-height:48px;
  padding:10px!important;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  box-shadow:none;
}
.app-shell.sidebar-collapsed .reflection-side-nav .side-nav-sub-link.active,
.app-shell.sidebar-collapsed .reflection-side-nav .side-nav-sub-link:hover{
  background:#edf8f1;
  color:#2b754d;
}
.app-shell.sidebar-collapsed .reflection-side-nav .side-nav-sub-link .side-nav-main{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.app-shell.sidebar-collapsed .reflection-side-nav .side-nav-sub-link .nav-icon{
  margin:0;
}
.app-shell.sidebar-collapsed .reflection-side-nav .side-nav-chevron,
.app-shell.sidebar-collapsed .reflection-side-nav .nav-label{
  display:none!important;
}



/* ==========================================================
   v3.0.82 – Fragen verwalten: Kopfbereich und Standardfragen
   ========================================================== */
.reflection-questions-dialog-card{
  position:relative;
}
.reflection-questions-dialog-head{
  display:flex;
  align-items:center;
  min-height:46px;
  padding-right:52px;
}
.reflection-questions-dialog-head h2{
  margin:0;
}
.reflection-questions-dialog-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  display:grid;
  place-items:center;
  padding:0;
  font-size:24px;
  line-height:1;
}


/* ==========================================================
   v3.0.85 – Meilensteine: lesbare Themenkarten
   Breitere Projektspalten, feste Zwei-Zeilen-Titel und keine
   Worttrennung mitten im Wort.
   ========================================================== */
.project-category-grid,
.mindmap-board{
  --project-card-readable-width:286px;
  grid-template-columns:repeat(var(--project-grid-columns),var(--project-card-readable-width));
  justify-content:start;
}
.project-category-grid>.project-column,
.mindmap-board>.project-column{
  max-width:var(--project-card-readable-width);
}
.topic-card{
  min-height:78px;
  box-sizing:border-box;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
.topic-title{
  min-width:0;
  max-width:100%;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none;
  font-size:15px!important;
  line-height:1.35!important;
}
.topic-drag-handle,
.topic-menu{
  flex:0 0 auto;
}
@media(max-width:760px){
  .project-category-grid,
  .mindmap-board{
    grid-template-columns:minmax(0,1fr);
  }
  .project-category-grid>.project-column,
  .mindmap-board>.project-column{
    max-width:none;
  }
}


/* ==========================================================
   v3.0.86 – Meilensteine: Fünfer-Grid nach Titeloptimierung stabilisiert
   Projektspalten bleiben flexibel und teilen die verfügbare Breite,
   während die lesbaren Zwei-Zeilen-Thementitel erhalten bleiben.
   ========================================================== */
.project-category-grid,
.mindmap-board{
  grid-template-columns:repeat(var(--project-grid-columns),minmax(0,1fr));
  justify-content:stretch;
}
.project-category-grid>.project-column,
.mindmap-board>.project-column{
  width:100%;
  min-width:0!important;
  max-width:none;
}
.topic-card{
  min-height:78px;
}
.topic-title{
  min-width:0;
  max-width:100%;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none;
}
@media(max-width:760px){
  .project-category-grid,
  .mindmap-board{
    grid-template-columns:minmax(0,1fr);
  }
}


/* ==========================================================
   v3.0.87 – Meilensteine: maximal drei Projektspalten
   Auf Desktop werden höchstens drei Projekte pro Zeile gezeigt.
   Weitere Projekte beginnen automatisch in der nächsten Zeile.
   ========================================================== */
.project-category-grid,
.mindmap-board{
  --project-grid-columns:3;
}


/* ==========================================================
   v3.0.88 – Freie Projekt-Farbpalette und vereinfachter Dialog
   ========================================================== */
.project-column{color:var(--project-color,var(--green));}
.project-column .project-node{background:color-mix(in srgb,var(--project-color,var(--green)) 8%,white);}
.topic-page{color:var(--project-color,var(--green));}
.today-topic-card{color:var(--project-color,var(--green));}

.project-color-field{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  display:grid;
  gap:8px;
}
.project-color-field legend{
  padding:0;
  color:#172033;
  font:inherit;
  font-weight:740;
}
.project-color-picker{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid #d8dee9;
  border-radius:14px;
  background:#fff;
}
.project-color-control{
  display:grid;
  grid-template-columns:54px auto minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.modal-card .project-color-control input[type="color"]{
  width:54px;
  height:42px;
  min-height:42px;
  padding:3px;
  border:1px solid #d8dee9;
  border-radius:11px;
  background:#fff;
  cursor:pointer;
}
.modal-card .project-color-control input[type="color"]::-webkit-color-swatch-wrapper{padding:0;}
.modal-card .project-color-control input[type="color"]::-webkit-color-swatch{border:0;border-radius:7px;}
.modal-card .project-color-control input[type="color"]::-moz-color-swatch{border:0;border-radius:7px;}
.project-color-code{
  min-width:80px;
  color:#334155;
  font-size:13px;
  font-weight:850;
  letter-spacing:.02em;
}
.project-color-own-label{
  min-width:0;
  color:#64748b;
  font-size:12.5px;
  font-weight:700;
  text-align:right;
}
.project-color-swatches{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:8px;
}
.project-color-swatch{
  position:relative;
  width:100%;
  aspect-ratio:1;
  min-height:28px;
  padding:0;
  border:2px solid #fff;
  border-radius:9px;
  background:var(--swatch-color);
  box-shadow:0 0 0 1px #d8dee9;
  cursor:pointer;
  transition:transform .14s ease,box-shadow .14s ease;
}
.project-color-swatch:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #94a3b8,0 5px 12px rgba(15,23,42,.12);}
.project-color-swatch.is-active{box-shadow:0 0 0 3px #172033,0 6px 14px rgba(15,23,42,.16);}
.project-color-swatch.is-active::after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:15px;
  font-weight:950;
  text-shadow:0 1px 4px rgba(0,0,0,.45);
}
@media(max-width:560px){
  .project-color-swatches{grid-template-columns:repeat(6,minmax(0,1fr));}
  .project-color-control{grid-template-columns:54px auto;}
  .project-color-own-label{display:none;}
}


/* ==========================================================
   v3.0.90 – Titel, Beschreibung und Eigenschaften gebündelt
   ========================================================== */
.topic-edit-dialog{
  width:min(860px,calc(100vw - 30px));
  max-width:none;
}
.topic-edit-popup-card{
  display:flex;
  flex-direction:column;
  width:min(820px,calc(100vw - 30px));
  max-height:min(90vh,900px);
  overflow:hidden;
}
.topic-edit-popup-head{
  flex:0 0 auto;
  padding-right:44px;
}
.topic-edit-form{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  display:grid;
  gap:18px;
  padding-right:5px;
}
.topic-edit-section{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
}
.topic-edit-section-head{
  display:grid;
  gap:4px;
}
.topic-edit-section-head h3{
  margin:0;
  color:#172033;
  font-size:17px;
  letter-spacing:-.02em;
}
.topic-edit-section-head p{
  margin:0;
  color:#667085;
  font-size:13px;
  font-weight:700;
}
.topic-edit-form textarea#topicContentTextarea{
  min-height:180px;
  resize:vertical;
  line-height:1.55;
}
.topic-edit-dictation{
  margin-top:0;
}
.topic-edit-popup-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  margin-top:0;
  padding-top:14px;
  border-top:1px solid #e2e8f0;
  background:#fff;
}
.topic-edit-action-buttons{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
@media(max-width:760px){
  .topic-edit-popup-card{
    width:calc(100vw - 20px);
    max-height:92vh;
    padding:18px;
  }
  .topic-edit-section{padding:14px;}
  .topic-edit-form textarea#topicContentTextarea{min-height:150px;}
  .topic-edit-popup-actions,
  .topic-edit-action-buttons{
    width:100%;
  }
  .topic-edit-action-buttons{
    display:grid;
    grid-template-columns:1fr;
    margin-left:0;
  }
  .topic-edit-action-buttons .btn{width:100%;}
}

/* v3.1.02: Kennzahl Überfällig als umschaltbarer Schnellfilter. */

/* v3.0.95: Die ablenkende obere Entwurfsleiste wurde vollständig aus der Ansicht entfernt. */

/* ==========================================================
   v3.0.94 – Checkliste Entwurf · Variante A Karten & Bereiche
   Separater Experimentierbereich; Live-Checkliste bleibt unverändert.
   ========================================================== */
.checklist-draft-shell{background:#f7f9f8;}
.checklist-draft-main{background:#f7f9f8;min-height:100vh;}
.checklist-draft-content{padding:32px 28px 72px;max-width:1400px;margin:0 auto;display:grid;gap:20px}.checklist-draft-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.checklist-draft-heading h1{margin:16px 0 6px;font-size:34px;letter-spacing:-.045em}.checklist-draft-heading h1 em{font-style:normal;color:#32895a;font-size:.48em;vertical-align:middle;background:#eaf6ee;border:1px solid #cfe7d9;border-radius:99px;padding:5px 10px;margin-left:8px;letter-spacing:0}.checklist-draft-heading p{margin:0;color:var(--muted)}.checklist-draft-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#667085;font-weight:850}.checklist-draft-badge{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:850}
.checklist-draft-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.05);overflow:hidden}.checklist-draft-summary>*{padding:20px 24px;min-height:112px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);color:inherit;text-decoration:none}.checklist-draft-summary>*:last-child{border-right:0}.checklist-draft-summary span,.checklist-draft-summary small{color:#667085;font-size:12px;font-weight:750}.checklist-draft-summary strong{font-size:30px;line-height:1.05;margin:7px 0 3px;letter-spacing:-.04em}.checklist-draft-summary .is-overdue{color:#b42318}.checklist-draft-progress-stat i{height:8px;background:#edf1f5;border-radius:99px;overflow:hidden;margin-top:10px}.checklist-draft-progress-stat i b{display:block;height:100%;background:#32895a;border-radius:inherit}.checklist-draft-overdue-filter{position:relative;cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.checklist-draft-overdue-filter:hover{background:#fff8f7}.checklist-draft-overdue-filter:focus-visible{outline:0;background:#fff8f7;box-shadow:inset 0 0 0 3px rgba(180,35,24,.14)}.checklist-draft-overdue-filter.is-active{background:#fff5f3;box-shadow:inset 0 -4px 0 #b42318}.checklist-draft-overdue-filter.is-disabled{cursor:default}.checklist-draft-overdue-filter.is-disabled:hover{background:transparent}.checklist-draft-active-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff8f7;border:1px solid #f2cbc7;border-radius:13px;padding:11px 14px;color:#7a271a;font-size:13px}.checklist-draft-active-filter>a{display:inline-flex;align-items:center;gap:6px;color:#7a271a;text-decoration:none;font-weight:800;border-radius:8px;padding:6px 8px}.checklist-draft-active-filter>a:hover{background:#fee9e7}.checklist-draft-active-filter>a:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(180,35,24,.14)}.checklist-draft-filter-empty{display:grid;gap:5px;text-align:center;background:#fff;border:1px dashed #d5dde5;border-radius:16px;padding:34px;color:#667085}.checklist-draft-filter-empty strong{color:#344054;font-size:16px}
.checklist-draft-quick-add{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;background:#fff;border:1px solid #d9e1e8;border-radius:14px;padding:6px 14px;box-shadow:0 7px 20px rgba(15,23,42,.04)}.checklist-draft-quick-add>span{font-size:22px;color:#32895a}.checklist-draft-quick-add input,.checklist-draft-quick-add select{border:0;background:transparent;outline:0;min-height:44px}.checklist-draft-quick-add select{min-width:160px;max-width:220px;border-left:1px solid var(--line);padding-left:12px;color:#475467}
.checklist-draft-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.checklist-draft-filters label{min-width:250px;height:44px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 12px;color:#64748b}.checklist-draft-filters label input{border:0;outline:0;background:transparent;width:100%}.checklist-draft-filters select{height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 12px;color:#344054}
.checklist-draft-groups{display:grid;gap:16px}.checklist-draft-group{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 25px rgba(15,23,42,.045);overflow:visible}.checklist-draft-group>header{min-height:62px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.checklist-draft-group>header>div{display:flex;align-items:center;gap:9px}.checklist-draft-group>header strong{font-size:16px}.checklist-draft-group>header em{font-style:normal;background:#f2f4f7;color:#475467;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:850}.checklist-draft-group>header small{color:#98a2b3}.checklist-draft-status-dot{width:10px;height:10px;border-radius:99px}.checklist-draft-group.is-amber .checklist-draft-status-dot{background:#f59e0b}.checklist-draft-group.is-blue .checklist-draft-status-dot{background:#3b82f6}.checklist-draft-group.is-green .checklist-draft-status-dot{background:#32895a}
.checklist-draft-task-list{display:grid}.checklist-draft-task{border-bottom:1px solid #edf0f4}.checklist-draft-task:last-child{border-bottom:0}.checklist-draft-task-row{min-height:62px;display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,240px) auto;align-items:center;gap:12px;padding:8px 16px;transition:background .15s ease}.checklist-draft-task:hover .checklist-draft-task-row,.checklist-draft-task.is-open .checklist-draft-task-row{background:#f7fbf8}.checklist-draft-toggle-form{margin:0}.checklist-draft-checkbox{width:22px;height:22px;border:1.5px solid #cbd5df;border-radius:7px;background:#fff;color:transparent;display:grid;place-items:center;padding:0;font-weight:900;cursor:pointer}.checklist-draft-checkbox:hover{border-color:#32895a;color:#32895a}.checklist-draft-task.is-done .checklist-draft-checkbox{background:#32895a;border-color:#32895a;color:#fff}.checklist-draft-checkbox.is-disabled{cursor:default}.checklist-draft-title-button{border:0;background:transparent;text-align:left;padding:4px 0;cursor:pointer;display:grid;gap:3px;min-width:0}.checklist-draft-title-button>span{font-weight:780;color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-draft-title-button small{color:#98a2b3;font-size:11px}.checklist-draft-task.is-done .checklist-draft-title-button>span{text-decoration:line-through;color:#98a2b3}.checklist-draft-soft-meta{display:flex;justify-content:flex-end;align-items:center;gap:9px;min-width:0;color:#98a2b3;font-size:12px}.checklist-draft-soft-meta span,.checklist-draft-soft-meta time{background:#f7f8fa;border:1px solid #eef1f4;border-radius:99px;padding:4px 8px;white-space:nowrap}.checklist-draft-soft-meta .priority-high{color:#a8443c;background:#fff7f6}.checklist-draft-soft-meta .priority-normal{color:#9a6700;background:#fffbeb}.checklist-draft-soft-meta .priority-low{color:#39765a;background:#f2fbf5}.checklist-draft-row-icons{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#667085;font-size:12px}.checklist-draft-row-icons>button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#667085;cursor:pointer;font-size:18px}.checklist-draft-row-icons>button:hover{background:#edf8f1;color:#2b754d}.checklist-draft-avatar{width:28px;height:28px;border-radius:99px;background:#e7f4eb;color:#2b754d;display:grid;place-items:center;font-weight:850;font-size:10px;border:2px solid #fff;box-shadow:0 0 0 1px #cfe7d9}.checklist-draft-chevron{transition:transform .18s ease}.checklist-draft-task.is-open .checklist-draft-chevron{transform:rotate(180deg)}
.checklist-draft-inline{margin:0 16px 16px 56px;border:1px solid #cfe7d9;border-radius:14px;background:#fbfefc;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px 18px;box-shadow:inset 3px 0 0 #32895a}.checklist-draft-inline[hidden]{display:none}.checklist-draft-inline-main>p{margin:0;color:#475467;line-height:1.55}.checklist-draft-inline-main>p span{color:#98a2b3}.checklist-draft-inline-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.checklist-draft-inline-chips span{background:#fff;border:1px solid #e1e8e4;border-radius:99px;padding:5px 9px;color:#475467;font-size:11px;font-weight:750}.checklist-draft-sub-progress{margin-top:14px;display:grid;grid-template-columns:auto minmax(100px,220px);gap:12px;align-items:center;color:#667085;font-size:12px}.checklist-draft-sub-progress i{height:7px;background:#e8eeea;border-radius:99px;overflow:hidden}.checklist-draft-sub-progress b{display:block;height:100%;background:#32895a}.checklist-draft-comment-preview{display:flex;gap:10px;margin-top:14px;background:#fff;border:1px solid #e7ece9;border-radius:12px;padding:10px}.checklist-draft-comment-preview>span{width:28px;height:28px;border-radius:99px;background:#e7f4eb;color:#2b754d;display:grid;place-items:center;font-weight:850;font-size:10px;flex:0 0 auto}.checklist-draft-comment-preview p{margin:0;color:#475467;font-size:12px;line-height:1.45}.checklist-draft-comment-preview small{color:#98a2b3;margin-left:7px}.checklist-draft-optional{align-self:start;border:1px solid #edf0f2;border-radius:12px;background:rgba(255,255,255,.7);overflow:hidden}.checklist-draft-optional summary{list-style:none;cursor:pointer;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;color:#98a2b3;font-size:12px;font-weight:800}.checklist-draft-optional summary::-webkit-details-marker{display:none}.checklist-draft-optional summary span{transition:transform .16s ease}.checklist-draft-optional[open] summary span{transform:rotate(90deg)}.checklist-draft-optional>div{border-top:1px solid #edf0f2;padding:10px 12px;display:grid;gap:8px}.checklist-draft-optional p{margin:0;display:flex;justify-content:space-between;gap:10px;font-size:11px}.checklist-draft-optional small{color:#98a2b3}.checklist-draft-optional strong{color:#667085;font-weight:750}.checklist-draft-inline-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-start;padding-top:2px}
.checklist-draft-empty{padding:26px;text-align:center;color:#98a2b3}.checklist-draft-concept-note{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:center;background:#eef8f1;border:1px solid #cfe7d9;border-radius:16px;padding:16px 18px}.checklist-draft-concept-note>span{width:38px;height:38px;border-radius:99px;background:#fff;display:grid;place-items:center}.checklist-draft-concept-note p{margin:0;color:#475467;line-height:1.45}.checklist-draft-concept-note p strong{display:block;color:#2b754d;margin-bottom:2px}.checklist-draft-concept-note>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.checklist-draft-concept-note b{font-size:11px;color:#39765a;background:#fff;border:1px solid #cfe7d9;border-radius:99px;padding:6px 9px}
.checklist-draft-edit-dialog{max-width:none}.checklist-draft-edit-card{width:min(912px,calc(100vw - 30px));max-height:88vh;overflow:auto;gap:18px}.checklist-draft-modal-head{padding-right:44px}.checklist-draft-modal-head>span{display:block;color:#32895a;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.checklist-draft-modal-head h2{margin:4px 0 3px;font-size:24px;letter-spacing:-.03em}.checklist-draft-modal-head p{margin:0;color:#98a2b3;font-size:12px}.checklist-draft-edit-form{display:grid;gap:13px;border-top:1px solid var(--line);padding-top:16px}.checklist-draft-edit-form label{display:grid;gap:7px;color:#344054;font-weight:760;font-size:13px}.checklist-draft-edit-form input,.checklist-draft-edit-form textarea,.checklist-draft-edit-form select,.checklist-draft-comment-form textarea,.checklist-draft-subtask-form input{border:1px solid #d8dee6;border-radius:11px;padding:10px 11px;background:#fff;outline:0}.checklist-draft-edit-form input:focus,.checklist-draft-edit-form textarea:focus,.checklist-draft-edit-form select:focus,.checklist-draft-comment-form textarea:focus,.checklist-draft-subtask-form input:focus{border-color:#7db696;box-shadow:0 0 0 3px rgba(50,137,90,.12)}.checklist-draft-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checklist-draft-top-toggle{grid-template-columns:20px minmax(0,1fr)!important;align-items:center;background:#f8fbf9;border:1px solid #e0ebe4;border-radius:12px;padding:11px 12px}.checklist-draft-top-toggle input{width:18px;height:18px}.checklist-draft-top-toggle span{display:flex;align-items:center;gap:8px}.checklist-draft-top-toggle small{color:#98a2b3;font-weight:600}.checklist-draft-modal-field-accordion{border:1px solid #e8ecef;border-radius:13px;overflow:hidden;background:#fff}.checklist-draft-modal-field-accordion>summary{list-style:none;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#344054;font-size:13px;font-weight:800}.checklist-draft-modal-field-accordion>summary::-webkit-details-marker{display:none}.checklist-draft-modal-field-accordion>summary:hover{background:#f8fbf9}.checklist-draft-modal-field-chevron{color:#667085;font-size:20px;line-height:1;transition:transform .16s ease}.checklist-draft-modal-field-accordion[open] .checklist-draft-modal-field-chevron{transform:rotate(90deg)}.checklist-draft-modal-field-accordion>div{padding:14px;border-top:1px solid #e8ecef;background:#fbfcfd}.checklist-draft-modal-field-accordion>div>label{margin:0}
.checklist-draft-modal-optional{border:1px solid #e8ecef;border-radius:13px;overflow:hidden}.checklist-draft-modal-optional summary{list-style:none;padding:13px 14px;display:grid;grid-template-columns:auto 20px 1fr;gap:8px;align-items:center;cursor:pointer;color:#667085;font-weight:800}.checklist-draft-modal-optional summary::-webkit-details-marker{display:none}.checklist-draft-modal-optional summary span{transition:transform .16s ease}.checklist-draft-modal-optional[open] summary span{transform:rotate(90deg)}.checklist-draft-modal-optional summary small{justify-self:end;color:#98a2b3;font-weight:600}.checklist-draft-modal-optional>div{padding:14px;border-top:1px solid #e8ecef;background:#fbfcfd}.checklist-draft-modal-actions{display:flex;justify-content:flex-end}.checklist-draft-modal-section{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:12px}.checklist-draft-modal-section-head{display:flex;align-items:center;justify-content:space-between}.checklist-draft-modal-section-head h3{margin:0;font-size:16px}.checklist-draft-modal-section-head span{background:#eef2f6;color:#667085;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:850}.checklist-draft-comment-list{display:grid;gap:8px}.checklist-draft-comment-list>div{display:flex;gap:10px;background:#f9fbfa;border:1px solid #e8eeea;border-radius:11px;padding:10px}.checklist-draft-comment-list>div>span{width:28px;height:28px;border-radius:99px;background:#e7f4eb;color:#2b754d;display:grid;place-items:center;font-size:10px;font-weight:850;flex:0 0 auto}.checklist-draft-comment-list p{margin:0;color:#475467;font-size:12px;line-height:1.45}.checklist-draft-comment-list small{color:#98a2b3;margin-left:8px}.checklist-draft-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.checklist-draft-subtask-list{display:grid;gap:7px}.checklist-draft-subtask-list span{display:block;border:1px solid #edf0f2;background:#fbfcfc;border-radius:9px;padding:8px 10px;color:#475467;font-size:12px}.checklist-draft-subtask-list span.is-done{text-decoration:line-through;color:#98a2b3}.checklist-draft-subtask-form{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.checklist-draft-empty-small{margin:0;color:#98a2b3;font-size:12px}.checklist-draft-delete-form{border-top:1px solid var(--line);padding-top:16px;margin:0;display:flex;justify-content:flex-start}
@media(max-width:1100px){.checklist-draft-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist-draft-summary>*:nth-child(2){border-right:0}.checklist-draft-summary>*:nth-child(-n+2){border-bottom:1px solid var(--line)}.checklist-draft-inline{grid-template-columns:1fr}.checklist-draft-inline-actions{grid-column:auto}.checklist-draft-concept-note{grid-template-columns:38px 1fr}.checklist-draft-concept-note>div{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:900px){.checklist-draft-content{padding:24px 16px 60px}.checklist-draft-heading{flex-direction:column}.checklist-draft-quick-add{grid-template-columns:28px minmax(0,1fr)}.checklist-draft-quick-add select{grid-column:2/3;width:100%;min-width:0;max-width:none;border-left:0;border-top:1px solid var(--line)}.checklist-draft-task-row{grid-template-columns:28px minmax(0,1fr) auto}.checklist-draft-soft-meta{grid-column:2/4;justify-content:flex-start}.checklist-draft-inline{margin-left:16px}.checklist-draft-group>header small{display:none}}
@media(max-width:620px){.checklist-draft-summary{grid-template-columns:1fr 1fr}.checklist-draft-summary>*{padding:16px;min-height:96px}.checklist-draft-active-filter{align-items:flex-start;flex-direction:column}.checklist-draft-active-filter>a{padding-left:0}.checklist-draft-summary strong{font-size:25px}.checklist-draft-field-grid{grid-template-columns:1fr}.checklist-draft-filters label{min-width:100%;width:100%}.checklist-draft-row-icons>span:not(.checklist-draft-avatar):not(.checklist-draft-assignee-stack){display:none}.checklist-draft-concept-note{grid-template-columns:1fr}.checklist-draft-comment-form{grid-template-columns:1fr}.checklist-draft-inline-actions{flex-direction:column}.checklist-draft-inline-actions .btn{width:100%}}
.topic-action-card-draft{border-color:#cfe7d9!important;background:linear-gradient(180deg,#fbfefc 0%,#f0f8f3 100%)!important}.topic-action-card-draft .topic-action-icon{background:#e7f4eb!important;color:#2b754d!important}
.checklist-draft-subtask-row{display:grid!important;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #edf0f2;background:#fbfcfc;border-radius:9px;padding:7px 9px;margin:0}.checklist-draft-subtask-row button{width:22px;height:22px;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#667085;cursor:pointer;padding:0}.checklist-draft-subtask-row span{border:0!important;background:transparent!important;padding:0!important}.checklist-draft-subtask-row.is-done span{text-decoration:line-through;color:#98a2b3}.checklist-draft-subtask-row.is-done button{background:#32895a;border-color:#32895a;color:#fff}
.checklist-draft-status-switch{align-self:start;display:grid;grid-template-columns:1fr;gap:5px;background:#fff;border:1px solid #edf0f2;border-radius:12px;padding:8px;margin:0}.checklist-draft-status-switch>span{color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;padding:2px 5px}.checklist-draft-status-switch button{border:0;border-radius:8px;background:transparent;color:#667085;text-align:left;padding:7px 8px;cursor:pointer;font-size:11px;font-weight:750}.checklist-draft-status-switch button:hover{background:#f2f7f4;color:#2b754d}.checklist-draft-status-switch button.is-active{background:#e9f5ed;color:#2b754d}
.checklist-draft-inline-side{display:grid;gap:9px;align-content:start}


/* v3.0.98: Mehr Abstand zwischen Themenhinweis und Checklisten-Titel. */

/* v3.0.96: Projekt- und Themenhinweis führt zurück zur zugehörigen Themenseite. */
.checklist-draft-topic-link{
  width:fit-content;
  text-decoration:none;
  border-radius:7px;
  transition:color .16s ease,background .16s ease,box-shadow .16s ease;
}
.checklist-draft-topic-link:hover{
  color:#2b754d;
  text-decoration:underline;
  text-underline-offset:3px;
}
.checklist-draft-topic-link:focus-visible{
  outline:0;
  color:#2b754d;
  background:#edf8f1;
  box-shadow:0 0 0 3px rgba(50,137,90,.16);
}


/* v3.1.06: Hover-Fläche der Akkordeon-Kopfzeilen an die abgerundete Kartenform angepasst. */

/* ==========================================================
   v3.1.05 – Statusbereiche als Akkordeons
   ========================================================== */
.checklist-draft-group>summary{
  min-height:62px;
  padding:14px 18px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  list-style:none;
  cursor:pointer;
  user-select:none;
}
.checklist-draft-group>summary::-webkit-details-marker{display:none;}
.checklist-draft-group>summary>div{display:flex;align-items:center;gap:9px;}
.checklist-draft-group>summary strong{font-size:16px;}
.checklist-draft-group>summary em{font-style:normal;background:#f2f4f7;color:#475467;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:850;}
.checklist-draft-group>summary{border-radius:17px 17px 0 0;}
.checklist-draft-group>summary:hover{background:#fafcfb;}
.checklist-draft-group>summary:focus-visible{outline:3px solid rgba(50,137,90,.18);outline-offset:-3px;}
.checklist-draft-group:not([open])>summary{border-bottom-color:transparent;border-radius:17px;}
.checklist-draft-group-chevron{
  width:30px;
  height:30px;
  border:1px solid #dfe5e1;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#667085;
  background:#fff;
  font-size:18px;
  line-height:1;
  transform:rotate(-90deg);
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.checklist-draft-group[open] .checklist-draft-group-chevron{transform:rotate(0deg);}
.checklist-draft-group>summary:hover .checklist-draft-group-chevron{background:#edf7f1;color:#2b754d;border-color:#cfe5d7;}
@media(max-width:900px){
  .checklist-draft-group>summary{min-height:56px;padding:12px 14px;}
}


/* v3.1.07: Aufgaben öffnen direkt das Bearbeitungs-Popup; kein Inline-Detailbereich mehr. */
.checklist-draft-task-row{cursor:pointer;}
.checklist-draft-title-button{width:100%;}
.checklist-draft-title-button:focus-visible{outline:2px solid rgba(50,137,90,.28);outline-offset:3px;border-radius:8px;}

/* v3.1.08: Direkte Stern- und Löschaktionen in der Aufgabenzeile. */
.checklist-draft-row-action-form{
  margin:0;
  display:inline-flex;
}
.checklist-draft-row-icons .checklist-draft-row-action{
  width:30px;
  height:30px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#667085;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
  line-height:1;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.checklist-draft-row-icons .checklist-draft-row-action:hover{
  transform:translateY(-1px);
}
.checklist-draft-row-icons .checklist-draft-star-action{
  font-size:22px;
}
.checklist-draft-row-icons .checklist-draft-star-action:hover,
.checklist-draft-row-icons .checklist-draft-star-action.is-active{
  background:#fff7ed;
  color:#f59e0b;
}
.checklist-draft-row-icons .checklist-draft-delete-action{
  font-size:24px;
  font-weight:500;
}
.checklist-draft-row-icons .checklist-draft-delete-action:hover{
  background:#fff1f2;
  color:#dc2626;
}
.checklist-draft-row-icons .checklist-draft-row-action:focus-visible{
  outline:2px solid rgba(50,137,90,.28);
  outline-offset:2px;
}


/* ==========================================================
   v3.1.17 – Checklisten-Entwurf: Zuständigkeit als Mehrfachauswahl
   ========================================================== */
.checklist-draft-field-grid-single{grid-template-columns:minmax(0,1fr);}
.checklist-draft-assignee-summary{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0;}
.checklist-draft-assignee-summary small{color:#98a2b3;font-size:11.5px;font-weight:700;white-space:nowrap;}
.checklist-draft-assignee-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;}
.checklist-draft-assignee-option{display:grid!important;grid-template-columns:18px 28px minmax(0,1fr);align-items:center;gap:9px;padding:10px 11px;border:1px solid #e0e6eb;border-radius:12px;background:#fff;cursor:pointer;color:#344054!important;font-size:13px!important;font-weight:700!important;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;}
.checklist-draft-assignee-option:hover{background:#f7fbf8;border-color:#cfe7d9;}
.checklist-draft-assignee-option:has(input:checked){background:#f0f8f3;border-color:#9bc8ad;box-shadow:0 0 0 2px rgba(50,137,90,.08);}
.checklist-draft-assignee-option input{width:17px;height:17px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;accent-color:#32895a;}
.checklist-draft-assignee-option input:focus{box-shadow:none!important;}
.checklist-draft-assignee-option strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;}
.checklist-draft-assignee-option .checklist-draft-avatar{width:27px;height:27px;}
.checklist-draft-assignee-stack{display:inline-flex;align-items:center;justify-content:flex-end;margin-left:2px;}
.checklist-draft-assignee-stack .checklist-draft-avatar{margin-left:-7px;box-shadow:0 0 0 2px #fff;}
.checklist-draft-assignee-stack .checklist-draft-avatar:first-child{margin-left:0;}
@media(max-width:620px){
  .checklist-draft-assignee-summary small{display:none;}
  .checklist-draft-assignee-options{grid-template-columns:1fr;}
}

/* ==========================================================
   v3.1.18 – Checklisten-Entwurf: Status als Farbauswahl
   ========================================================== */
.checklist-draft-status-summary{
  display:flex;
  align-items:center;
  gap:12px;
  margin-left:auto;
  min-width:0;
}
.checklist-draft-status-summary small{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.checklist-draft-status-choice-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  flex:0 0 10px;
}
.checklist-draft-status-accordion.is-blue .checklist-draft-status-summary small{
  color:#2563eb;
  background:#eff6ff;
  border-color:#bfdbfe;
}
.checklist-draft-status-accordion.is-amber .checklist-draft-status-summary small{
  color:#b45309;
  background:#fff7ed;
  border-color:#fed7aa;
}
.checklist-draft-status-accordion.is-green .checklist-draft-status-summary small{
  color:#2b754d;
  background:#f0f8f3;
  border-color:#cfe7d9;
}
.checklist-draft-status-accordion.is-blue .checklist-draft-status-summary .checklist-draft-status-choice-dot,
.checklist-draft-status-option.is-blue .checklist-draft-status-choice-dot{background:#3b82f6;}
.checklist-draft-status-accordion.is-amber .checklist-draft-status-summary .checklist-draft-status-choice-dot,
.checklist-draft-status-option.is-amber .checklist-draft-status-choice-dot{background:#f59e0b;}
.checklist-draft-status-accordion.is-green .checklist-draft-status-summary .checklist-draft-status-choice-dot,
.checklist-draft-status-option.is-green .checklist-draft-status-choice-dot{background:#32895a;}
.checklist-draft-status-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.checklist-draft-status-option{
  position:relative;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr) 26px;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:11px 12px;
  border:1px solid #e0e6eb;
  border-radius:13px;
  background:#fff;
  color:#344054!important;
  cursor:pointer;
  font-size:13px!important;
  font-weight:750!important;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.checklist-draft-status-option:hover{
  background:#f8fafc;
  border-color:#cfd8e3;
  transform:translateY(-1px);
}
.checklist-draft-status-option input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}
.checklist-draft-status-option strong{
  min-width:0;
  font-size:12.5px;
  line-height:1.25;
}
.checklist-draft-status-selected{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:transparent;
  background:#f2f4f7;
  font-size:13px;
  font-weight:900;
}
.checklist-draft-status-option:focus-within{
  outline:3px solid rgba(50,137,90,.14);
  outline-offset:1px;
}
.checklist-draft-status-option.is-blue:has(input:checked){
  background:#eff6ff;
  border-color:#93c5fd;
  box-shadow:0 0 0 2px rgba(59,130,246,.10);
}
.checklist-draft-status-option.is-amber:has(input:checked){
  background:#fff7ed;
  border-color:#fdba74;
  box-shadow:0 0 0 2px rgba(245,158,11,.10);
}
.checklist-draft-status-option.is-green:has(input:checked){
  background:#f0f8f3;
  border-color:#9bc8ad;
  box-shadow:0 0 0 2px rgba(50,137,90,.10);
}
.checklist-draft-status-option.is-blue:has(input:checked) .checklist-draft-status-selected{
  color:#fff;
  background:#3b82f6;
}
.checklist-draft-status-option.is-amber:has(input:checked) .checklist-draft-status-selected{
  color:#fff;
  background:#f59e0b;
}
.checklist-draft-status-option.is-green:has(input:checked) .checklist-draft-status-selected{
  color:#fff;
  background:#32895a;
}
@media(max-width:760px){
  .checklist-draft-status-options{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .checklist-draft-status-summary small{font-size:11px;padding:5px 8px;}
}

/* ==========================================================
   v3.1.19 – Checklisten-Entwurf: moderne optionale Angaben
   ========================================================== */
.checklist-draft-modal-optional[open]{
  overflow:visible;
}
.checklist-draft-modal-optional[open]>summary{
  border-radius:13px 13px 0 0;
}
.checklist-draft-modal-optional>summary small{
  max-width:62%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
}
.checklist-draft-optional-body{
  display:grid;
  gap:16px;
}
.checklist-draft-optional-section{
  display:grid;
  gap:11px;
  min-width:0;
  padding:14px;
  border:1px solid #e4e9ee;
  border-radius:14px;
  background:#fff;
}
.checklist-draft-optional-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.checklist-draft-optional-section-head strong{
  color:#344054;
  font-size:14px;
  line-height:1.35;
}
.checklist-draft-optional-section-head small{
  max-width:420px;
  color:#98a2b3;
  font-size:11.5px;
  font-weight:650;
  line-height:1.4;
  text-align:right;
}
.checklist-draft-priority-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.checklist-draft-priority-option{
  position:relative;
  display:grid!important;
  grid-template-columns:11px minmax(0,1fr) 24px;
  align-items:center;
  gap:9px;
  min-height:52px;
  margin:0!important;
  padding:10px 11px;
  border:1px solid #e0e6eb;
  border-radius:13px;
  background:#fff;
  color:#344054!important;
  cursor:pointer;
  font-size:12.5px!important;
  font-weight:750!important;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.checklist-draft-priority-option:hover{
  transform:translateY(-1px);
  border-color:#cfd8e3;
  background:#f8fafc;
}
.checklist-draft-priority-option input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}
.checklist-draft-priority-option strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12.5px;
}
.checklist-draft-priority-dot{
  width:11px;
  height:11px;
  border-radius:999px;
  background:#98a2b3;
}
.checklist-draft-priority-option.is-low .checklist-draft-priority-dot{background:#32895a;}
.checklist-draft-priority-option.is-normal .checklist-draft-priority-dot{background:#f59e0b;}
.checklist-draft-priority-option.is-high .checklist-draft-priority-dot{background:#dc2626;}
.checklist-draft-priority-selected{
  width:23px;
  height:23px;
  border-radius:999px;
  display:grid;
  place-items:center;
  justify-self:end;
  color:transparent;
  background:#f2f4f7;
  font-size:12px;
  font-weight:900;
}
.checklist-draft-priority-option:has(input:focus-visible){
  outline:3px solid rgba(50,137,90,.16);
  outline-offset:2px;
}
.checklist-draft-priority-option.is-neutral:has(input:checked){
  color:#475467!important;
  background:#f8fafc;
  border-color:#98a2b3;
  box-shadow:0 0 0 2px rgba(152,162,179,.10);
}
.checklist-draft-priority-option.is-low:has(input:checked){
  color:#2b754d!important;
  background:#f0f8f3;
  border-color:#9bc8ad;
  box-shadow:0 0 0 2px rgba(50,137,90,.10);
}
.checklist-draft-priority-option.is-normal:has(input:checked){
  color:#b45309!important;
  background:#fff7ed;
  border-color:#fdba74;
  box-shadow:0 0 0 2px rgba(245,158,11,.10);
}
.checklist-draft-priority-option.is-high:has(input:checked){
  color:#b42318!important;
  background:#fff5f4;
  border-color:#fda29b;
  box-shadow:0 0 0 2px rgba(220,38,38,.09);
}
.checklist-draft-priority-option:has(input:checked) .checklist-draft-priority-selected{
  color:#fff;
}
.checklist-draft-priority-option.is-neutral:has(input:checked) .checklist-draft-priority-selected{background:#667085;}
.checklist-draft-priority-option.is-low:has(input:checked) .checklist-draft-priority-selected{background:#32895a;}
.checklist-draft-priority-option.is-normal:has(input:checked) .checklist-draft-priority-selected{background:#f59e0b;}
.checklist-draft-priority-option.is-high:has(input:checked) .checklist-draft-priority-selected{background:#dc2626;}

.checklist-draft-date-picker{
  display:grid;
  gap:9px!important;
  min-width:0;
}
.checklist-draft-date-picker .date-input-wrap{
  min-height:48px;
  grid-template-columns:42px minmax(0,1fr) auto;
  border-color:#d8dee6;
  border-radius:13px;
  box-shadow:none;
}
.checklist-draft-date-picker .date-input-icon{
  position:relative;
  height:46px;
  border-right:1px solid #eef2f7;
}
.checklist-draft-date-picker .date-input-icon::before{
  content:"";
  width:16px;
  height:15px;
  border:2px solid #667085;
  border-radius:4px;
  box-sizing:border-box;
  box-shadow:inset 0 4px 0 #e7f4eb;
}
.checklist-draft-date-picker .date-input-icon::after{
  content:"";
  position:absolute;
  width:10px;
  height:2px;
  top:14px;
  border-left:2px solid #667085;
  border-right:2px solid #667085;
}
.checklist-draft-date-picker .date-display-btn{
  height:46px;
  padding:0 14px;
  font-size:15px;
  font-weight:800;
}
.checklist-draft-date-picker .date-open-btn{
  height:46px;
  padding:0 16px;
  border-left-color:#eef2f7;
  background:#f7fbf8;
  color:#2b754d;
}
.checklist-draft-date-picker .date-open-btn:hover{
  background:#eaf6ee;
}
.checklist-draft-date-relative{
  display:inline-flex;
  width:fit-content;
  min-height:24px;
  align-items:center;
  padding:4px 9px;
  border-radius:999px;
  background:#edf8f1;
  color:#2b754d;
  font-size:11.5px;
  font-weight:800;
}
.checklist-draft-date-relative[hidden]{display:none!important;}
.checklist-draft-date-relative.is-overdue{
  background:#fff3f2;
  color:#b42318;
}
.checklist-draft-date-quick-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.checklist-draft-date-quick-row .date-quick-btn{
  width:100%;
  min-height:36px;
  padding:0 9px;
  font-size:12.5px;
}
.checklist-draft-date-picker .custom-date-popover{
  top:68px;
  z-index:220;
}
@media(max-width:760px){
  .checklist-draft-priority-options{grid-template-columns:repeat(2,minmax(0,1fr));}
  .checklist-draft-date-quick-row{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
  .checklist-draft-modal-optional>summary small{max-width:46%;}
  .checklist-draft-optional-section{padding:12px;}
  .checklist-draft-optional-section-head{display:grid;gap:4px;}
  .checklist-draft-optional-section-head small{max-width:none;text-align:left;}
  .checklist-draft-date-picker .date-input-wrap{grid-template-columns:40px minmax(0,1fr);}
  .checklist-draft-date-picker .date-open-btn{grid-column:1/-1;height:40px;border-left:0;border-top:1px solid #eef2f7;}
  .checklist-draft-date-picker .custom-date-popover{position:fixed;top:auto;bottom:18px;left:16px;right:16px;width:auto;}
}
@media(max-width:430px){
  .checklist-draft-priority-options{grid-template-columns:1fr;}
  .checklist-draft-modal-optional>summary small{display:none;}
}
.checklist-draft-priority-option input,
.checklist-draft-priority-option input:focus{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}


/* ==========================================================
   v3.1.20 – Checklisten-Entwurf: Kommentare als Akkordeon
   ========================================================== */
.checklist-draft-modal-comments{
  border:1px solid #e8ecef;
  border-radius:13px;
  padding:0;
  gap:0;
  overflow:hidden;
  background:#fff;
}
.checklist-draft-modal-comments>summary{
  list-style:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 20px;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  cursor:pointer;
  color:#344054;
  font-size:13px;
  font-weight:800;
}
.checklist-draft-modal-comments>summary::-webkit-details-marker{display:none}
.checklist-draft-modal-comments>summary:hover{background:#f8fbf9}
.checklist-draft-modal-comments-count{
  min-width:24px;
  height:24px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:99px;
  background:#eef2f6;
  color:#667085;
  font-size:11px;
  font-weight:850;
}
.checklist-draft-modal-comments-chevron{
  color:#667085;
  font-size:20px;
  line-height:1;
  transition:transform .16s ease;
}
.checklist-draft-modal-comments[open] .checklist-draft-modal-comments-chevron{transform:rotate(90deg)}
.checklist-draft-modal-comments-body{
  display:grid;
  gap:12px;
  padding:14px;
  border-top:1px solid #e8ecef;
  background:#fbfcfd;
}


/* ==========================================================
   v3.1.21 – Eigene Kommentare per Icon bearbeiten und löschen
   ========================================================== */
.checklist-draft-comment-list>.checklist-draft-comment-item{
  display:flex;
  gap:10px;
  background:#f9fbfa;
  border:1px solid #e8eeea;
  border-radius:11px;
  padding:10px;
}
.checklist-draft-comment-list>.checklist-draft-comment-item>span{
  width:28px;
  height:28px;
  border-radius:99px;
  background:#e7f4eb;
  color:#2b754d;
  display:grid;
  place-items:center;
  font-size:10px;
  font-weight:850;
  flex:0 0 auto;
}
.checklist-draft-comment-content{min-width:0;flex:1;display:grid;gap:7px}
.checklist-draft-comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.checklist-draft-comment-head>p{margin:0;min-width:0}
.checklist-draft-comment-text{margin:0;color:#475467;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.checklist-draft-comment-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.checklist-draft-comment-delete-form{margin:0;display:inline-flex}
.checklist-draft-comment-icon{
  width:30px;
  height:30px;
  padding:0;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#667085;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.checklist-draft-comment-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.checklist-draft-comment-icon:hover,.checklist-draft-comment-icon:focus-visible{
  background:#eef7f1;
  border-color:#cfe7d9;
  color:#2b754d;
  outline:0;
}
.checklist-draft-comment-icon.is-danger:hover,.checklist-draft-comment-icon.is-danger:focus-visible{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#be123c;
}
.checklist-draft-comment-icon.is-save{background:#32895a;color:#fff;border-color:#32895a}
.checklist-draft-comment-icon.is-save:hover,.checklist-draft-comment-icon.is-save:focus-visible{background:#2b754d;color:#fff;border-color:#2b754d}
.checklist-draft-comment-edit-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.checklist-draft-comment-edit-form[hidden]{display:none}
.checklist-draft-comment-edit-form textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #d8dee6;border-radius:11px;padding:10px 11px;background:#fff;outline:0}
.checklist-draft-comment-edit-form textarea:focus{border-color:#7db696;box-shadow:0 0 0 3px rgba(50,137,90,.12)}
.checklist-draft-comment-edit-actions{display:flex;gap:5px;align-items:center;padding-bottom:1px}
@media(max-width:620px){
  .checklist-draft-comment-head{gap:6px}
  .checklist-draft-comment-edit-form{grid-template-columns:1fr}
  .checklist-draft-comment-edit-actions{justify-content:flex-end}
}


/* ==========================================================
   v3.1.22 – Anhänge in Kommentaren des Checklisten-Entwurfs
   ========================================================== */
.checklist-draft-comment-form{
  grid-template-columns:minmax(0,1fr) 40px auto;
  grid-template-areas:"text file send" "status status status";
  align-items:end;
}
.checklist-draft-comment-form textarea{grid-area:text}
.checklist-draft-comment-form>.checklist-draft-comment-file-button{grid-area:file}
.checklist-draft-comment-form>.checklist-draft-comment-file-status{grid-area:status}
.checklist-draft-comment-form>.btn{grid-area:send}
.checklist-draft-comment-file-button{
  width:40px;
  height:40px;
  border:1px solid #d8dee6;
  border-radius:11px;
  background:#fff;
  color:#667085;
  display:grid!important;
  place-items:center;
  cursor:pointer;
  padding:0!important;
}
.checklist-draft-comment-file-button:hover,.checklist-draft-comment-file-button:focus-within{
  background:#eef7f1;
  border-color:#7db696;
  color:#2b754d;
}
.checklist-draft-comment-file-button input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.checklist-draft-comment-file-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.checklist-draft-comment-file-status{min-height:16px;color:#667085;font-size:11px;overflow-wrap:anywhere}
.checklist-draft-comment-upload-error{margin:0;padding:10px 12px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:12px;line-height:1.45}
.checklist-draft-comment-attachments{display:grid;gap:6px}
.checklist-draft-comment-attachment{
  min-width:0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto 28px;
  gap:8px;
  align-items:center;
  padding:7px 8px;
  border:1px solid #e6ebe8;
  border-radius:9px;
  background:#fff;
}
.checklist-draft-comment-attachment-icon{width:30px;height:30px;border-radius:8px;background:#eef7f1;color:#2b754d;display:grid;place-items:center;font-size:10px;font-weight:900}
.checklist-draft-comment-attachment>a{min-width:0;color:#344054;font-size:12px;font-weight:750;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checklist-draft-comment-attachment>a:hover{text-decoration:underline;color:#2b754d}
.checklist-draft-comment-attachment>small{margin:0;color:#98a2b3;font-size:10px;white-space:nowrap}
.checklist-draft-comment-attachment-delete{margin:0;display:inline-flex}
.checklist-draft-comment-attachment-delete button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#98a2b3;font-size:18px;line-height:1;cursor:pointer}
.checklist-draft-comment-attachment-delete button:hover,.checklist-draft-comment-attachment-delete button:focus-visible{background:#fff1f2;color:#be123c;outline:0}
.checklist-draft-comment-edit-form{grid-template-columns:minmax(0,1fr) 40px auto;grid-template-areas:"text file actions" "status status status"}
.checklist-draft-comment-edit-form textarea{grid-area:text}
.checklist-draft-comment-edit-form>.checklist-draft-comment-file-button{grid-area:file}
.checklist-draft-comment-edit-form>.checklist-draft-comment-file-status{grid-area:status}
.checklist-draft-comment-edit-form>.checklist-draft-comment-edit-actions{grid-area:actions}
@media(max-width:620px){
  .checklist-draft-comment-form{grid-template-columns:minmax(0,1fr) 40px;grid-template-areas:"text text" "file send" "status status"}
  .checklist-draft-comment-form>.btn{width:100%}
  .checklist-draft-comment-edit-form{grid-template-columns:minmax(0,1fr) 40px;grid-template-areas:"text text" "file actions" "status status"}
  .checklist-draft-comment-attachment{grid-template-columns:30px minmax(0,1fr) 28px}
  .checklist-draft-comment-attachment>small{display:none}
}

/* ==========================================================
   v3.1.23 – Kommentar-Eingabe mit voller Breite und Aktionszeile
   ========================================================== */
.checklist-draft-comment-form{
  grid-template-columns:40px minmax(0,1fr) auto;
  grid-template-areas:
    "text text text"
    "file status send";
  align-items:center;
  column-gap:10px;
  row-gap:9px;
}
.checklist-draft-comment-form textarea{
  grid-area:text;
  width:100%;
  min-height:96px;
  resize:vertical;
}
.checklist-draft-comment-form>.checklist-draft-comment-file-button{grid-area:file}
.checklist-draft-comment-form>.checklist-draft-comment-file-status{
  grid-area:status;
  min-width:0;
  min-height:40px;
  display:flex;
  align-items:center;
  padding:3px 0;
}
.checklist-draft-comment-form>.btn{
  grid-area:send;
  min-height:40px;
  justify-self:end;
}
@media(max-width:620px){
  .checklist-draft-comment-form{
    grid-template-columns:40px minmax(0,1fr);
    grid-template-areas:
      "text text"
      "file status"
      "send send";
  }
  .checklist-draft-comment-form>.btn{
    width:100%;
    justify-self:stretch;
  }
}



/* ==========================================================
   v3.1.24 – @Erwähnungen in Kommentaren des Checklisten-Entwurfs
   ========================================================== */
.checklist-draft-comment-form>.mention-editor{
  grid-area:text;
  min-width:0;
}
.checklist-draft-comment-form>.mention-editor textarea{
  width:100%;
  min-height:96px;
  resize:vertical;
}
.checklist-draft-comment-edit-form>.mention-editor{
  grid-area:text;
  min-width:0;
}
.checklist-draft-comment-edit-form>.mention-editor textarea{
  width:100%;
  min-height:76px;
  resize:vertical;
}
.checklist-draft-comment-form .mention-editor-highlight,
.checklist-draft-comment-edit-form .mention-editor-highlight{
  border-radius:11px;
  padding:10px 11px;
}
.checklist-draft-edit-dialog .mention-suggest-menu{
  z-index:2147483647;
}

/* ==========================================================
   v3.1.25 – Sichtbare @Erwähnung und Dropdown im Entwurfs-Popup
   ========================================================== */
.checklist-draft-edit-dialog{
  overflow:visible!important;
}
.checklist-draft-edit-dialog .mention-suggest-menu{
  position:fixed!important;
  z-index:2147483647!important;
  color:#172033!important;
  background:#fff!important;
  visibility:visible!important;
  opacity:1!important;
}
.checklist-draft-edit-dialog .mention-suggest-item{
  color:#172033!important;
}
.checklist-draft-comment-form .mention-editor-highlight,
.checklist-draft-comment-edit-form .mention-editor-highlight{
  color:#0f172a!important;
  background:#fff!important;
}





/* ==========================================================
   v3.1.27 – lokale @Benutzerauswahl direkt im Kommentarfluss
   ========================================================== */
.checklist-draft-local-mention-editor{
  display:grid;
  gap:8px;
  min-width:0;
}
.checklist-draft-local-mention-editor textarea{
  width:100%;
  color:#172033!important;
  background:#fff!important;
  caret-color:#172033!important;
}
.checklist-draft-local-mention-menu{
  display:grid;
  gap:6px;
  width:100%;
  max-height:248px;
  overflow:auto;
  padding:8px;
  border:1px solid #d8e2f1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
}
.checklist-draft-local-mention-menu[hidden]{display:none!important;}
.checklist-draft-local-mention-option{
  width:100%;
  min-height:52px;
  border:1px solid transparent;
  border-radius:12px;
  background:#fff;
  color:#172033;
  padding:8px 10px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  text-align:left;
  cursor:pointer;
}
.checklist-draft-local-mention-option:hover,
.checklist-draft-local-mention-option.is-active{
  background:#edf8f1;
  border-color:#b9dfc9;
}
.checklist-draft-local-mention-avatar{
  width:36px;
  height:36px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#e5f5eb;
  color:#2b754d;
  font-size:13px;
  font-weight:900;
}
.checklist-draft-local-mention-option>span:last-child{
  display:grid;
  gap:2px;
  min-width:0;
}
.checklist-draft-local-mention-option strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
}
.checklist-draft-local-mention-option small{
  color:#667085;
  font-size:12px;
}
.checklist-draft-local-mention-empty{
  margin:0;
  padding:12px;
  color:#667085;
  font-size:13px;
  text-align:center;
}
@media(max-width:640px){
  .checklist-draft-local-mention-menu{max-height:210px;border-radius:14px;}
}

/* ==========================================================
   v3.1.28 – Kommentar-Eingabefeld nach lokaler @Auswahl wieder vollbreit
   ========================================================== */
.checklist-draft-comment-form > .checklist-draft-local-mention-editor,
.checklist-draft-comment-edit-form > .checklist-draft-local-mention-editor{
  grid-area:text;
  width:100%;
  min-width:0;
  justify-self:stretch;
}
.checklist-draft-comment-form > .checklist-draft-local-mention-editor textarea,
.checklist-draft-comment-edit-form > .checklist-draft-local-mention-editor textarea{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.checklist-draft-comment-form > .checklist-draft-local-mention-editor textarea,
.checklist-draft-comment-edit-form > .checklist-draft-local-mention-editor textarea{
  grid-area:auto;
}

/* ==========================================================
   v3.1.29 – Checklisten-Entwurf: Unteraufgaben als Akkordeon
   ========================================================== */
.checklist-draft-modal-subtasks{
  border:1px solid #e8ecef;
  border-radius:13px;
  padding:0;
  gap:0;
  overflow:hidden;
  background:#fff;
}
.checklist-draft-modal-subtasks>summary{
  list-style:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 20px;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  cursor:pointer;
  color:#344054;
  font-size:13px;
  font-weight:800;
}
.checklist-draft-modal-subtasks>summary::-webkit-details-marker{display:none}
.checklist-draft-modal-subtasks>summary:hover{background:#f8fbf9}
.checklist-draft-modal-subtasks-count{
  min-width:24px;
  height:24px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:99px;
  background:#eef2f6;
  color:#667085;
  font-size:11px;
  font-weight:850;
}
.checklist-draft-modal-subtasks-chevron{
  color:#667085;
  font-size:20px;
  line-height:1;
  transition:transform .16s ease;
}
.checklist-draft-modal-subtasks[open] .checklist-draft-modal-subtasks-chevron{transform:rotate(90deg)}
.checklist-draft-modal-subtasks-body{
  display:grid;
  gap:12px;
  padding:14px;
  border-top:1px solid #e8ecef;
  background:#fbfcfd;
}

/* ==========================================================
   v3.1.30 – Checklisten-Entwurf: verschachtelte Unteraufgaben
   Hauptaufgabe + zwei Unterebenen wie in der Live-Checkliste.
   ========================================================== */
.checklist-draft-subtask-list{
  display:grid;
  gap:8px;
}
.checklist-draft-subtask-node{
  position:relative;
  min-width:0;
}
.checklist-draft-subtask-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center;
  gap:10px;
  min-height:42px;
  border:1px solid #e5ebe7;
  background:#fff;
  border-radius:10px;
  padding:7px 8px 7px 10px;
  margin:0;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.checklist-draft-subtask-row:hover{
  border-color:#cfe0d5;
  background:#fbfefc;
}
.checklist-draft-subtask-toggle-form,
.checklist-draft-subtask-toggle-form.is-readonly{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-width:0;
  margin:0;
}
.checklist-draft-subtask-toggle-form>button,
.checklist-draft-subtask-readonly-check{
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center;
  border:1px solid #cbd5df!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#667085!important;
  cursor:pointer;
  padding:0!important;
  font-size:12px;
  line-height:1;
}
.checklist-draft-subtask-toggle-form>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  color:#475467;
  font-size:12.5px;
  font-weight:700;
}
.checklist-draft-subtask-row.is-done .checklist-draft-subtask-toggle-form>button,
.checklist-draft-subtask-row.is-done .checklist-draft-subtask-readonly-check{
  background:#32895a!important;
  border-color:#32895a!important;
  color:#fff!important;
}
.checklist-draft-subtask-row.is-done .checklist-draft-subtask-toggle-form>span:last-child{
  text-decoration:line-through;
  color:#98a2b3;
}
.checklist-draft-subtask-row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  position:relative;
}
.checklist-draft-subtask-child-count{
  display:inline-flex!important;
  align-items:center;
  min-height:24px;
  border:0!important;
  border-radius:99px!important;
  background:#f1f5f3!important;
  color:#7b8d82!important;
  padding:3px 7px!important;
  font-size:10px!important;
  font-weight:800;
  text-decoration:none!important;
}
.checklist-draft-subtask-add{
  position:relative;
}
.checklist-draft-subtask-add>summary{
  list-style:none;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid transparent;
  border-radius:8px;
  color:#667085;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.checklist-draft-subtask-add>summary::-webkit-details-marker{display:none}
.checklist-draft-subtask-add>summary:hover,
.checklist-draft-subtask-add[open]>summary{
  background:#edf8f1;
  border-color:#cfe7d9;
  color:#2b754d;
}
.checklist-draft-subtask-add-form{
  position:absolute;
  z-index:12;
  right:0;
  top:34px;
  width:min(330px,calc(100vw - 76px));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:10px;
  margin:0;
  border:1px solid #dbe5df;
  border-radius:11px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.14);
}
.checklist-draft-subtask-add-form input{
  min-width:0;
  border:1px solid #d8dee6;
  border-radius:9px;
  padding:8px 9px;
  background:#fff;
  outline:0;
}
.checklist-draft-subtask-add-form input:focus{
  border-color:#7db696;
  box-shadow:0 0 0 3px rgba(50,137,90,.12);
}
.checklist-draft-subtask-add-form .btn{
  min-height:38px;
  padding:8px 11px;
}
.checklist-draft-subtask-children{
  position:relative;
  display:grid;
  gap:7px;
  margin:7px 0 0 18px;
  padding-left:18px;
  border-left:1px solid #d9e6de;
}
.checklist-draft-subtask-children>.checklist-draft-subtask-node::before{
  content:"";
  position:absolute;
  left:-18px;
  top:21px;
  width:13px;
  height:1px;
  background:#d9e6de;
}
.checklist-draft-subtask-depth-2>.checklist-draft-subtask-row{
  min-height:38px;
  background:#fbfcfc;
  border-color:#edf1ee;
}
.checklist-draft-subtask-depth-2 .checklist-draft-subtask-toggle-form>span:last-child{
  font-weight:650;
  color:#5f6f65;
}
.checklist-draft-modal-subtasks-body>.checklist-draft-subtask-form{
  margin-top:2px;
}
@media(max-width:620px){
  .checklist-draft-subtask-children{
    margin-left:10px;
    padding-left:12px;
  }
  .checklist-draft-subtask-children>.checklist-draft-subtask-node::before{
    left:-12px;
    width:9px;
  }
  .checklist-draft-subtask-add-form{
    position:fixed;
    left:16px;
    right:16px;
    top:auto;
    bottom:18px;
    width:auto;
    grid-template-columns:1fr;
    z-index:100;
  }
  .checklist-draft-subtask-add-form .btn{width:100%}
}
.checklist-draft-modal-subtasks[open]{overflow:visible}
.checklist-draft-subtask-row .checklist-draft-subtask-add-form .btn,
.checklist-draft-subtask-row.is-done .checklist-draft-subtask-add-form .btn{
  width:auto!important;
  height:auto!important;
  min-width:0;
  border:1px solid var(--line-strong)!important;
  background:#fff!important;
  color:#263247!important;
  padding:8px 11px!important;
  font-size:12px;
}
.checklist-draft-subtask-row .checklist-draft-subtask-add-form .btn:hover{
  background:#f8fafc!important;
  color:#2b754d!important;
}

/* ==========================================================
   v3.1.31 – Checklisten-Entwurf: Unteraufgaben bearbeiten
   und löschen, inklusive verschachtelter Ebenen.
   ========================================================== */
.checklist-draft-subtask-edit{position:relative}
.checklist-draft-subtask-delete-form{margin:0;display:inline-flex}
.checklist-draft-subtask-edit>summary,
.checklist-draft-subtask-delete-form>button{
  list-style:none;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#667085;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.checklist-draft-subtask-edit>summary::-webkit-details-marker{display:none}
.checklist-draft-subtask-edit>summary svg,
.checklist-draft-subtask-delete-form>button svg,
.checklist-draft-subtask-edit-form>button svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.checklist-draft-subtask-edit>summary:hover,
.checklist-draft-subtask-edit>summary:focus-visible,
.checklist-draft-subtask-edit[open]>summary{
  background:#edf8f1;
  border-color:#cfe7d9;
  color:#2b754d;
  outline:0;
}
.checklist-draft-subtask-delete-form>button:hover,
.checklist-draft-subtask-delete-form>button:focus-visible{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#be123c;
  outline:0;
}
.checklist-draft-subtask-edit-form{
  position:absolute;
  z-index:13;
  right:0;
  top:34px;
  width:min(350px,calc(100vw - 76px));
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px;
  gap:8px;
  padding:10px;
  margin:0;
  border:1px solid #dbe5df;
  border-radius:11px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.14);
}
.checklist-draft-subtask-edit-form input{
  min-width:0;
  border:1px solid #d8dee6;
  border-radius:9px;
  padding:8px 9px;
  background:#fff;
  outline:0;
}
.checklist-draft-subtask-edit-form input:focus{
  border-color:#7db696;
  box-shadow:0 0 0 3px rgba(50,137,90,.12);
}
.checklist-draft-subtask-edit-form>button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #32895a;
  border-radius:9px;
  background:#32895a;
  color:#fff;
  cursor:pointer;
}
.checklist-draft-subtask-edit-form>button:hover,
.checklist-draft-subtask-edit-form>button:focus-visible{
  background:#2b754d;
  border-color:#2b754d;
  outline:0;
}
.checklist-draft-subtask-row.is-done .checklist-draft-subtask-edit>summary,
.checklist-draft-subtask-row.is-done .checklist-draft-subtask-delete-form>button{
  opacity:.72;
}
@media(max-width:620px){
  .checklist-draft-subtask-row-actions{gap:3px}
  .checklist-draft-subtask-edit-form{
    position:fixed;
    left:16px;
    right:16px;
    top:auto;
    bottom:18px;
    width:auto;
    z-index:101;
  }
}


/* ==========================================================
   v3.1.32 – Checklisten-Entwurf: Löschaktion neben Speichern
   ========================================================== */
.checklist-draft-modal-actions{gap:10px;flex-wrap:wrap;}
.checklist-draft-delete-form{display:none!important;}
@media(max-width:640px){
  .checklist-draft-modal-actions{display:grid;grid-template-columns:1fr 1fr;}
  .checklist-draft-modal-actions .btn{width:100%;}
}

/* ==========================================================
   v3.1.35 – Meilensteine: ruhige und maßstabstreue Drag-Vorschau
   Die Vorschau übernimmt die sichtbare Zoomstufe, Projektfarbe und
   Kartengröße. Der Zielplatz bleibt als dezenter Platzhalter sichtbar.
   ========================================================== */
.project-column.is-sorting-project{
  opacity:1!important;
  filter:none!important;
}
.project-column.is-sorting-project .project-node{
  opacity:.28;
  border:2px dashed var(--project-color,var(--green))!important;
  background:color-mix(in srgb,var(--project-color,var(--green)) 5%,white)!important;
  box-shadow:none!important;
  transform:none!important;
}
.project-column.is-sorting-project .project-branch{
  opacity:.12;
  pointer-events:none;
}
.project-category-grid{
  border-radius:16px;
  transition:background-color .14s ease,box-shadow .14s ease;
}
.project-category-grid.is-project-drop-target{
  background:rgba(50,137,90,.035);
  box-shadow:inset 0 0 0 2px rgba(50,137,90,.16);
}
.project-node.project-sort-ghost{
  position:fixed!important;
  left:0!important;
  top:0!important;
  z-index:1400!important;
  margin:0!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
  cursor:grabbing!important;
  opacity:.96!important;
  border:1.7px solid var(--project-color,var(--green))!important;
  background:color-mix(in srgb,var(--project-color,var(--green)) 8%,white)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.18),0 2px 8px rgba(15,23,42,.10)!important;
  transform-origin:top left!important;
  will-change:transform;
}
.project-node.project-sort-ghost .project-title-stack{
  min-width:0!important;
  overflow:hidden!important;
}
.project-node.project-sort-ghost .project-title-text{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.project-node.project-sort-ghost small{
  position:static!important;
  margin:0!important;
  transform:none!important;
  align-self:center!important;
  justify-self:end!important;
}
.project-node.project-sort-ghost .project-drag-handle{
  color:currentColor!important;
  background:transparent!important;
}
body.is-project-sorting .project-node,
body.is-project-sorting .project-branch{
  transition:none!important;
}

/* ==========================================================
   v3.1.37 – Inbox auf iPad/Tablet ohne horizontales Abschneiden
   ========================================================== */
.inbox-draft-main,
.inbox-draft-layout,
.inbox-draft-center,
.inbox-draft-section,
.inbox-draft-rows,
.inbox-draft-filter-row,
.inbox-draft-chips,
.inbox-draft-text{
  min-width:0;
}
.inbox-draft-center{
  max-width:100%;
  overflow-x:hidden;
}
.inbox-draft-filter-row{
  width:100%;
  max-width:100%;
}
.inbox-draft-text{
  overflow:hidden;
}

@media (min-width:721px) and (max-width:1180px){
  .inbox-draft-center{
    padding:18px 18px 34px;
  }
  .inbox-draft-filter-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px;
    align-items:start;
    gap:12px;
  }
  .inbox-draft-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
  }
  .inbox-draft-chips a,
  .inbox-draft-chips button{
    padding:10px 14px;
  }
  .inbox-draft-add-button{
    position:sticky;
    right:0;
    justify-self:end;
    align-self:start;
    flex:0 0 42px;
    z-index:3;
  }
  .inbox-draft-row{
    grid-template-columns:40px minmax(0,1fr);
  }
  .inbox-draft-row time,
  .inbox-draft-row .inbox-draft-tag,
  .inbox-draft-row > i{
    display:none;
  }
}

/* ==========================================================
   v3.1.38 – Inbox-Filter als dezentes Akkordeon
   ========================================================== */
.inbox-draft-filter-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  align-items:start;
  gap:12px;
}
.inbox-draft-filter-accordion{
  min-width:0;
  border:1px solid rgba(203,213,225,.9);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
}
.inbox-draft-filter-accordion > summary{
  list-style:none;
  min-height:48px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto 24px;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  color:#334155;
  cursor:pointer;
  user-select:none;
  transition:background .16s ease,color .16s ease;
}
.inbox-draft-filter-accordion > summary::-webkit-details-marker{display:none;}
.inbox-draft-filter-accordion > summary:hover{
  background:var(--go-green-soft,#edf8f1);
  color:var(--go-green-strong,#2b754d);
}
.inbox-draft-filter-summary-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--go-green-soft,#edf8f1);
  color:var(--go-green-strong,#2b754d);
  font-size:17px;
  font-weight:1000;
}
.inbox-draft-filter-summary-label{
  min-width:0;
  font-weight:1000;
  color:inherit;
}
.inbox-draft-filter-summary-label .is-open{display:none;}
.inbox-draft-filter-accordion[open] .inbox-draft-filter-summary-label .is-closed{display:none;}
.inbox-draft-filter-accordion[open] .inbox-draft-filter-summary-label .is-open{display:inline;}
.inbox-draft-filter-current{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:1px solid var(--go-green-soft-3,#cfe7d9);
  border-radius:999px;
  background:var(--go-green-soft,#edf8f1);
  color:var(--go-green-strong,#2b754d);
  padding:6px 11px;
  font-size:12.5px;
  font-weight:1000;
}
.inbox-draft-filter-chevron{
  display:grid;
  place-items:center;
  color:#64748b;
  font-size:20px;
  font-weight:1000;
  transition:transform .18s ease;
}
.inbox-draft-filter-accordion[open] .inbox-draft-filter-chevron{transform:rotate(180deg);}
.inbox-draft-filter-panel{
  border-top:1px solid rgba(226,232,240,.95);
  padding:12px;
  background:#fbfcfd;
}
.inbox-draft-filter-panel .inbox-draft-chips{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:0;
}
.inbox-draft-filter-panel .inbox-draft-chips a{
  min-height:42px;
  justify-content:center;
}

@media (min-width:721px) and (max-width:1180px){
  .inbox-draft-filter-row{
    grid-template-columns:minmax(0,1fr) 44px;
    gap:12px;
  }
  .inbox-draft-filter-panel .inbox-draft-chips{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .inbox-draft-filter-panel .inbox-draft-chips a{
    width:100%;
  }
}

@media(max-width:720px){
  .inbox-draft-filter-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px;
    align-items:start;
    gap:10px;
  }
  .inbox-draft-filter-accordion > summary{
    grid-template-columns:32px minmax(0,1fr) 22px;
    gap:8px;
    padding:7px 10px;
  }
  .inbox-draft-filter-current{
    grid-column:2 / 3;
    justify-self:start;
    max-width:100%;
    padding:4px 9px;
  }
  .inbox-draft-filter-chevron{
    grid-column:3;
    grid-row:1 / span 2;
  }
  .inbox-draft-filter-panel .inbox-draft-chips{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .inbox-draft-filter-panel .inbox-draft-chips a{
    width:100%;
    padding:10px 12px;
  }
}


/* ==========================================================
   v3.1.39 – Filterkopf reduziert + Plus-Button beruhigt
   ========================================================== */
.inbox-draft-filter-accordion > summary{
  grid-template-columns:34px minmax(0,1fr) 24px;
}
.inbox-draft-filter-summary-label{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.inbox-draft-add-button{
  position:relative;
  width:46px;
  height:46px;
  min-width:46px;
  border:1px solid var(--go-green-soft-3,#cfe7d9);
  border-radius:15px;
  background:var(--go-green-soft,#edf8f1);
  color:var(--go-green-strong,#2b754d);
  font-size:0;
  line-height:1;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.inbox-draft-add-button::before,
.inbox-draft-add-button::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:2.5px;
  border-radius:999px;
  background:currentColor;
  transform:translate(-50%,-50%);
}
.inbox-draft-add-button::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.inbox-draft-add-button:hover{
  background:var(--go-green-strong,#2b754d);
  border-color:var(--go-green-strong,#2b754d);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(43,117,77,.16);
}
.inbox-draft-add-button:focus-visible{
  outline:3px solid rgba(50,137,90,.2);
  outline-offset:2px;
}
@media (min-width:721px) and (max-width:1180px){
  .inbox-draft-filter-row{
    grid-template-columns:minmax(0,1fr) 46px;
  }
  .inbox-draft-add-button{
    flex-basis:46px;
  }
}
@media(max-width:720px){
  .inbox-draft-filter-row{
    grid-template-columns:minmax(0,1fr) 44px;
  }
  .inbox-draft-filter-accordion > summary{
    grid-template-columns:32px minmax(0,1fr) 22px;
  }
  .inbox-draft-filter-summary-label{
    grid-column:2;
  }
  .inbox-draft-filter-chevron{
    grid-column:3;
    grid-row:1;
  }
  .inbox-draft-add-button{
    width:44px;
    height:44px;
    min-width:44px;
    flex-basis:44px;
  }
}


/* ==========================================================
   v3.1.40 – Schnell erfassen: Diktat reduziert
   ========================================================== */
.quick-dictation-buttons{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.quick-dictation-buttons .dictation-icon-btn{
  width:48px;
  height:48px;
  min-width:48px;
  padding:0;
  border-radius:14px;
  font-size:20px;
  line-height:1;
}
.quick-dictation-buttons .dictation-icon-btn span{
  display:grid;
  place-items:center;
  line-height:1;
}
@media(max-width:620px){
  .quick-dictation-buttons{
    display:flex;
    grid-template-columns:none;
  }
}


/* ==========================================================
   v3.1.41 – Schnell erfassen: Kopfzeile und großes Eingabefeld
   ========================================================== */
#quickCapture .quick-capture-heading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-right:58px;
  min-width:0;
}
#quickCapture .quick-capture-heading-row h2{
  margin:0;
  min-width:0;
}
#quickCapture .quick-capture-heading-row .quick-dictation-buttons{
  margin-left:auto;
  flex:0 0 auto;
  flex-wrap:nowrap;
}
#quickCapture #dictationStatus{
  margin:0;
}
#quickCapture #quickInput{
  display:block;
  width:100%;
  min-height:104px;
  height:104px;
  max-height:min(260px,42vh);
  padding:18px 20px;
  border-radius:16px;
  font-size:17px;
  line-height:1.5;
  text-align:left;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:normal;
  overflow-x:hidden;
  overflow-y:auto;
  resize:vertical;
}
@media(max-width:760px){
  #quickCapture .quick-capture-heading-row{
    gap:10px;
    padding-right:52px;
  }
  #quickCapture .quick-capture-heading-row .dictation-icon-btn{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:12px;
    font-size:18px;
  }
  #quickCapture #quickInput{
    min-height:92px!important;
    height:92px;
    max-height:min(220px,36vh);
    padding:15px 16px;
    font-size:16px;
  }
}


/* ==========================================================
   v3.1.42 – Schnell erfassen: mehrzeiliges Diktat sichtbar
   ========================================================== */
#quickCapture label:has(> #quickInput){
  min-width:0;
}
#quickCapture #quickInput::placeholder{
  white-space:normal;
}

/* ==========================================================
   v3.1.43 – Schnell erfassen: mobile Kopfzeile und Tastaturansicht
   ========================================================== */
@media(max-width:760px){
  #quickCapture.modal[open]{
    position:fixed!important;
    top:calc(var(--quick-visible-top, 0px) + max(8px, env(safe-area-inset-top)))!important;
    left:6px!important;
    right:6px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:calc(var(--quick-visible-height, 100dvh) - max(16px, env(safe-area-inset-top)) - 8px)!important;
    margin:0!important;
    overflow:visible!important;
  }
  #quickCapture .smart-modal-card{
    width:100%!important;
    max-width:none!important;
    max-height:calc(var(--quick-visible-height, 100dvh) - max(16px, env(safe-area-inset-top)) - 8px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scroll-padding-top:70px;
    padding:16px!important;
    padding-bottom:max(16px, env(safe-area-inset-bottom))!important;
    gap:14px!important;
    border-radius:24px!important;
  }
  #quickCapture .quick-capture-heading-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    min-height:44px;
    padding-right:46px!important;
  }
  #quickCapture .quick-capture-heading-row h2{
    margin:0!important;
    font-size:clamp(21px,6vw,26px)!important;
    line-height:1.1!important;
    letter-spacing:-.035em;
    white-space:nowrap;
  }
  #quickCapture .quick-capture-heading-row .quick-dictation-buttons{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    width:auto!important;
    margin:0!important;
  }
  #quickCapture .quick-capture-heading-row .dictation-icon-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
  #quickCapture .modal-close{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:40px!important;
    height:40px!important;
    z-index:4!important;
    border-radius:12px!important;
  }
  #quickCapture #dictationStatus{
    padding:11px 13px;
    border-radius:13px;
    font-size:14px;
    line-height:1.35;
  }
  #quickCapture label:has(> #quickInput){
    gap:8px!important;
    font-size:16px;
  }
  #quickCapture #quickInput{
    width:100%!important;
    min-height:112px!important;
    height:clamp(112px,20dvh,136px)!important;
    max-height:min(190px,32dvh)!important;
    padding:14px 15px!important;
    border-radius:16px!important;
    font-size:16px!important;
    line-height:1.45!important;
    resize:none!important;
  }
  #quickCapture #quickSubmitButton{
    width:100%;
    min-height:52px!important;
    border-radius:16px;
  }
}
@media(max-width:390px){
  #quickCapture .smart-modal-card{padding:14px!important;gap:12px!important;}
  #quickCapture .quick-capture-heading-row{gap:7px!important;padding-right:42px!important;}
  #quickCapture .quick-capture-heading-row h2{font-size:21px!important;}
  #quickCapture .quick-capture-heading-row .dictation-icon-btn{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
    min-height:37px!important;
  }
  #quickCapture .modal-close{
    width:37px!important;
    height:37px!important;
    top:9px!important;
    right:9px!important;
  }
}

/* v3.1.46 – neue Checkliste live auf der Themenseite */
.topic-detail-grid-single{
  grid-template-columns:minmax(0,1fr)!important;
}
.topic-detail-grid-single .topic-main-stack{
  min-width:0;
  width:100%;
}


/* ==========================================================
   v3.1.49 – Inbox: Zielauswahl im Mockup-Stil als 3-Schritt-Bereich
   ========================================================== */
.inbox-route-builder{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  margin:0 0 18px!important;
  overflow:visible!important;
}
.inbox-route-step{
  background:#fff;
  border:1px solid rgba(226,232,240,.96);
  border-radius:28px;
  padding:28px;
  box-shadow:0 16px 32px rgba(15,23,42,.05);
  margin-bottom:18px;
}
.inbox-route-step-head{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:20px;
}
.inbox-route-step-number{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--go-green);
  color:#fff;
  font-size:24px;
  font-weight:1000;
}
.inbox-route-step-head h4{
  margin:0;
  color:#0f172a;
  font-size:clamp(20px,2vw,30px);
  line-height:1.08;
}
.inbox-route-step-head p{
  margin:6px 0 0;
  color:#64748b;
  font-size:clamp(14px,1.45vw,18px);
  font-weight:800;
  line-height:1.45;
}
.inbox-route-target-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.inbox-route-target-card{
  appearance:none;
  width:100%;
  min-height:240px;
  border:2px solid rgba(203,213,225,.95);
  background:#fff;
  border-radius:30px;
  padding:24px 18px 22px;
  display:grid;
  justify-items:center;
  align-content:start;
  gap:16px;
  text-align:center;
  color:#0f172a;
  cursor:pointer;
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.inbox-route-target-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 26px rgba(15,23,42,.08);
}
.inbox-route-target-card.is-selected{
  border-color:var(--go-green)!important;
  box-shadow:0 0 0 3px rgba(50,137,90,.08),0 18px 28px rgba(50,137,90,.09);
  background:linear-gradient(180deg,#fff 0%,var(--go-green-soft) 100%);
}
.inbox-route-target-mark{
  width:100px;
  height:100px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:52px;
  line-height:1;
  border:1px solid transparent;
}
.inbox-route-target-mark-danger{
  background:#fbe8e8;
  color:#c31b1b;
}
.inbox-route-target-mark-success{
  background:var(--go-green-soft);
  color:var(--go-green);
  border-color:var(--go-green-soft-3);
}
.inbox-route-target-card strong{
  display:block;
  font-size:clamp(22px,2.2vw,34px);
  line-height:1.12;
}
.inbox-route-target-card small{
  display:block;
  color:#64748b;
  font-size:clamp(14px,1.45vw,17px);
  font-weight:800;
  line-height:1.45;
}
.inbox-route-target-check{
  position:absolute;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  border-radius:999px;
  display:none;
  align-items:center;
  justify-content:center;
  background:var(--go-green);
  color:#fff;
  font-size:24px;
  font-weight:1000;
  box-shadow:0 10px 18px rgba(50,137,90,.22);
}
.inbox-route-target-card.is-selected .inbox-route-target-check{
  display:flex;
}
.inbox-route-step select{
  width:100%;
  min-height:64px;
  border:2px solid var(--go-green-soft-3);
  border-radius:18px;
  background:#fff;
  padding:0 18px;
  color:#0f172a;
  font-size:clamp(18px,1.9vw,22px);
  font-weight:900;
  outline:0;
  box-shadow:0 6px 16px rgba(15,23,42,.04);
}
.inbox-route-hidden-form{display:none;}
.inbox-route-primary-button{
  width:100%;
  min-height:94px;
  border:0;
  border-radius:28px;
  background:linear-gradient(135deg,var(--go-green) 0%,var(--go-green-strong) 100%);
  color:#fff;
  font-size:clamp(24px,2.35vw,34px);
  font-weight:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:16px 22px;
  cursor:pointer;
  box-shadow:0 20px 36px rgba(50,137,90,.22);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.inbox-route-primary-button:hover{
  transform:translateY(-1px);
  filter:saturate(1.03);
  box-shadow:0 24px 42px rgba(50,137,90,.25);
}
.inbox-route-primary-button span[aria-hidden="true"]{
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  font-size:26px;
}
.inbox-route-other{
  padding:4px 2px 0;
}
.inbox-route-other-title{
  display:flex;
  align-items:center;
  gap:16px;
  margin:4px 4px 18px;
  color:#475569;
}
.inbox-route-other-title span{
  flex:1;
  height:1px;
  background:rgba(203,213,225,.95);
}
.inbox-route-other-title strong{
  font-size:clamp(16px,1.5vw,20px);
  font-weight:1000;
}
.inbox-route-other-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.inbox-route-other-grid form{margin:0;}
.inbox-route-other-card{
  width:100%;
  min-height:150px;
  border:1px solid rgba(226,232,240,.96);
  border-radius:24px;
  background:#fff;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:14px;
  padding:20px 16px;
  color:#334155;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.inbox-route-other-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 26px rgba(15,23,42,.07);
  border-color:var(--go-green-soft-3);
  background:var(--go-green-soft);
  color:var(--go-green-strong);
}
.inbox-route-other-card span{
  font-size:54px;
  line-height:1;
}
.inbox-route-other-card strong{
  display:block;
  font-size:clamp(18px,1.65vw,24px);
  line-height:1.2;
}
@media(max-width:1100px){
  .inbox-route-step{padding:24px;}
}
@media(max-width:720px){
  .inbox-route-step{padding:22px;border-radius:24px;}
  .inbox-route-target-grid,
  .inbox-route-other-grid{grid-template-columns:1fr;}
  .inbox-route-target-card{min-height:210px;}
  .inbox-route-primary-button{min-height:78px;border-radius:24px;}
  .inbox-route-primary-button span[aria-hidden="true"]{width:38px;height:38px;font-size:22px;}
}


/* ==========================================================
   v3.1.51 – Inbox: Zielauswahl kompakter an Sidebar-Boxen angepasst
   ========================================================== */
.inbox-route-builder{
  margin:0 0 12px!important;
}
.inbox-route-step{
  border-radius:22px;
  padding:18px 18px 16px;
  box-shadow:0 8px 18px rgba(15,23,42,.045);
  margin-bottom:14px;
}
.inbox-route-step-head{
  gap:12px;
  margin-bottom:14px;
}
.inbox-route-step-number{
  width:36px;
  height:36px;
  flex:0 0 36px;
  font-size:19px;
}
.inbox-route-step-head h4{
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.14;
}
.inbox-route-step-head p{
  margin:4px 0 0;
  font-size:clamp(12px,1.05vw,14px);
  line-height:1.35;
}
.inbox-route-target-grid{
  gap:14px;
}
.inbox-route-target-card{
  min-height:170px;
  border-radius:22px;
  padding:16px 12px 14px;
  gap:10px;
}
.inbox-route-target-mark{
  width:72px;
  height:72px;
  font-size:38px;
}
.inbox-route-target-card strong{
  font-size:clamp(16px,1.55vw,20px);
}
.inbox-route-target-card small{
  font-size:clamp(11px,1vw,14px);
  line-height:1.35;
}
.inbox-route-target-check{
  top:10px;
  right:10px;
  width:30px;
  height:30px;
  font-size:18px;
}
.inbox-route-step select{
  min-height:48px;
  border-radius:14px;
  padding:0 14px;
  font-size:clamp(15px,1.2vw,18px);
  box-shadow:none;
}
.inbox-route-primary-button{
  min-height:64px;
  border-radius:20px;
  font-size:clamp(18px,1.5vw,22px);
  gap:12px;
  padding:12px 18px;
  box-shadow:0 14px 26px rgba(50,137,90,.18);
}
.inbox-route-primary-button span[aria-hidden="true"]{
  width:34px;
  height:34px;
  font-size:18px;
}
.inbox-route-other{
  padding:2px 2px 0;
}
.inbox-route-other-title{
  gap:12px;
  margin:2px 2px 14px;
}
.inbox-route-other-title strong{
  font-size:clamp(14px,1.1vw,16px);
}
.inbox-route-other-grid{
  gap:14px;
}
.inbox-route-other-card{
  min-height:102px;
  border-radius:20px;
  gap:8px;
  padding:14px 10px;
}
.inbox-route-other-card span{
  font-size:34px;
}
.inbox-route-other-card strong{
  font-size:clamp(14px,1.1vw,16px);
}
@media(max-width:720px){
  .inbox-route-step{
    padding:16px;
    border-radius:20px;
  }
  .inbox-route-target-card{
    min-height:156px;
  }
  .inbox-route-primary-button{
    min-height:58px;
    border-radius:18px;
  }
  .inbox-route-other-card{
    min-height:88px;
  }
}


/* v3.1.52 – Inbox: Projektwahl mit gefilterter Themenliste */
.inbox-route-field-stack{display:grid;gap:10px;}

/* ==========================================================
   v3.1.53 – Inbox: Zielbereich zuerst geschlossen, Projekt erst nach Meilenstein aktiv
   ========================================================== */
.inbox-route-builder{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.inbox-route-builder > .inbox-route-entry-button{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:96px;
  padding:18px 20px;
  border:1px solid var(--go-green-soft-3);
  border-radius:22px;
  background:linear-gradient(90deg,#f8fcf9 0%,var(--go-green-soft) 100%)!important;
  color:var(--go-green-strong)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045);
}
.inbox-route-builder > .inbox-route-entry-button::-webkit-details-marker{display:none;}
.inbox-route-builder[open] > .inbox-route-entry-button{
  margin-bottom:14px;
  border-bottom:1px solid var(--go-green-soft-3)!important;
  border-radius:22px!important;
}
.inbox-route-entry-icon{
  width:60px;
  height:60px;
  flex:0 0 60px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.68);
  border:1px solid var(--go-green-soft-3);
  font-size:30px;
}
.inbox-route-entry-text{display:grid;gap:4px;min-width:0;}
.inbox-route-entry-text strong{
  font-size:clamp(20px,1.7vw,26px);
  line-height:1.1;
  color:var(--go-green-strong);
}
.inbox-route-entry-text small{
  font-size:clamp(14px,1.15vw,17px);
  font-weight:800;
  color:#475569;
}
.inbox-route-content{display:grid;}
.inbox-route-target-card:disabled{
  cursor:not-allowed;
  opacity:.48;
  filter:grayscale(.35);
  background:#f8fafc;
  box-shadow:none!important;
  transform:none!important;
}
.inbox-route-target-card.is-unlocked:not(.is-selected){
  opacity:1;
  filter:none;
  border-style:dashed;
  border-color:var(--go-green-soft-3);
  background:var(--go-green-soft);
  color:var(--go-green-strong);
}
@media(max-width:720px){
  .inbox-route-builder > .inbox-route-entry-button{min-height:86px;padding:16px;border-radius:20px;}
  .inbox-route-entry-icon{width:52px;height:52px;flex-basis:52px;border-radius:17px;font-size:26px;}
}


/* ==========================================================
   v3.1.56 – Inbox: Zielbereich an bestehende Sidebar-Optik angeglichen
   Nur Größen, Abstände und visuelle Gewichtung – keine Funktionsänderung.
   ========================================================== */
.inbox-route-builder{
  margin-bottom:10px!important;
}
.inbox-route-builder > .inbox-route-entry-button{
  min-height:72px!important;
  padding:11px 14px!important;
  gap:12px!important;
  border-radius:17px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.035)!important;
}
.inbox-route-builder[open] > .inbox-route-entry-button{
  margin-bottom:10px!important;
  border-radius:17px!important;
}
.inbox-route-entry-icon{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
  border-radius:14px!important;
  font-size:22px!important;
}
.inbox-route-entry-text{
  gap:2px!important;
}
.inbox-route-entry-text strong{
  font-size:18px!important;
  line-height:1.12!important;
}
.inbox-route-entry-text small{
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
.inbox-route-content{
  gap:0!important;
}
.inbox-route-step{
  padding:14px!important;
  margin-bottom:10px!important;
  border-radius:17px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.035)!important;
}
.inbox-route-step-head{
  gap:10px!important;
  margin-bottom:11px!important;
}
.inbox-route-step-number{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
  font-size:16px!important;
}
.inbox-route-step-head h4{
  font-size:18px!important;
  line-height:1.15!important;
}
.inbox-route-step-head p{
  margin-top:3px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.inbox-route-target-grid{
  gap:10px!important;
}
.inbox-route-target-card{
  min-height:128px!important;
  padding:12px 8px 11px!important;
  gap:7px!important;
  border-radius:17px!important;
  border-width:1.5px!important;
}
.inbox-route-target-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 15px rgba(15,23,42,.055)!important;
}
.inbox-route-target-card.is-selected{
  box-shadow:0 0 0 2px rgba(50,137,90,.065),0 7px 15px rgba(50,137,90,.065)!important;
}
.inbox-route-target-mark{
  width:52px!important;
  height:52px!important;
  font-size:28px!important;
}
.inbox-route-target-card strong{
  font-size:17px!important;
  line-height:1.12!important;
}
.inbox-route-target-card small{
  font-size:11.5px!important;
  line-height:1.28!important;
  font-weight:700!important;
}
.inbox-route-target-check{
  top:7px!important;
  right:7px!important;
  width:24px!important;
  height:24px!important;
  font-size:14px!important;
  box-shadow:0 5px 10px rgba(50,137,90,.16)!important;
}
.inbox-route-step select{
  min-height:42px!important;
  height:42px!important;
  border-width:1px!important;
  border-radius:12px!important;
  padding:0 11px!important;
  font-size:14px!important;
  font-weight:800!important;
}
.inbox-route-primary-button{
  min-height:50px!important;
  border-radius:15px!important;
  padding:9px 14px!important;
  gap:9px!important;
  font-size:16px!important;
  box-shadow:0 9px 18px rgba(50,137,90,.15)!important;
}
.inbox-route-primary-button span[aria-hidden="true"]{
  width:28px!important;
  height:28px!important;
  font-size:15px!important;
}
.inbox-route-other{
  padding-top:0!important;
}
.inbox-route-other-title{
  gap:10px!important;
  margin:1px 2px 10px!important;
}
.inbox-route-other-title strong{
  font-size:13px!important;
  font-weight:800!important;
}
.inbox-route-other-grid{
  gap:10px!important;
}
.inbox-route-other-card{
  min-height:78px!important;
  border-radius:16px!important;
  padding:10px 7px!important;
  gap:5px!important;
  box-shadow:none!important;
}
.inbox-route-other-card span{
  font-size:25px!important;
}
.inbox-route-other-card strong{
  font-size:13px!important;
  line-height:1.18!important;
  font-weight:800!important;
}
@media(max-width:720px){
  .inbox-route-builder > .inbox-route-entry-button{
    min-height:68px!important;
    padding:10px 12px!important;
  }
  .inbox-route-step{
    padding:12px!important;
    border-radius:16px!important;
  }
  .inbox-route-target-card{
    min-height:118px!important;
  }
  .inbox-route-other-card{
    min-height:72px!important;
  }
}


/* v3.1.58 – Inbox: Sanduhr-Icon für Später */
.inbox-draft-simple-actions .inbox-draft-later-button{display:flex;align-items:center;justify-content:center;gap:8px;}
.inbox-draft-action-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px;}


/* ==========================================================
   v3.1.60 – Themenseite in globale App-Shell mit Sidebar integriert
   ========================================================== */
.topic-app-shell{min-height:100vh;}
.topic-shell-main{min-width:0;background:#f8fafc;overflow:auto;}
.topic-shell-main .topic-page{min-height:100%;padding:28px;background:#f8fafc;}
.topic-shell-main .topic-page-main{max-width:1180px;margin:0 auto;}
.topic-topline-spacer{min-width:1px;min-height:1px;}
@media(max-width:900px){
  .topic-shell-main .topic-page{padding:18px 14px 88px;}
  .topic-shell-main .topic-page-main{max-width:none;}
}


/* ==========================================================
   v3.1.62 – Themenseite: Archivieren als Icon im Kopfbereich
   ========================================================== */
.topic-header-archive-form{
  margin:0;
  display:inline-flex;
  order:3;
}
.topic-header-archive-btn{
  width:38px;
  height:38px;
  border:1px solid #fecaca;
  border-radius:999px;
  background:#fff;
  color:#dc2626;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(15,23,42,.045);
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.topic-header-archive-btn svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.topic-header-archive-btn:hover{
  transform:translateY(-1px);
  background:#fef2f2;
  border-color:#f87171;
  color:#b91c1c;
  box-shadow:0 10px 22px rgba(220,38,38,.12);
}
@media(max-width:760px){
  .topic-header-archive-btn{width:36px;height:36px;}
  .topic-header-archive-btn svg{width:19px;height:19px;}
}

/* ==========================================================
   v3.1.63 – Themenseiten-Kopf kompakter und ausgewogener
   ========================================================== */
.detail-header-v09.topic-clean-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  min-height:0;
  padding:14px 18px;
}
.detail-header-v09.topic-clean-header h1{
  font-size:clamp(27px,2.35vw,38px)!important;
  line-height:1.12!important;
  font-weight:850;
  letter-spacing:-.025em;
  max-width:100%;
}
.detail-header-v09.topic-clean-header .topic-header-status-actions{
  align-self:center;
  justify-self:end;
}
.detail-header-v09.topic-clean-header .topic-autosave-status,
.detail-header-v09.topic-clean-header .save-badge{
  align-self:center;
  margin:0;
}
@media(max-width:760px){
  .detail-header-v09.topic-clean-header{
    grid-template-columns:1fr;
    align-items:start;
    gap:10px;
  }
  .detail-header-v09.topic-clean-header h1{
    font-size:26px!important;
  }
  .detail-header-v09.topic-clean-header .topic-header-status-actions{
    justify-self:start;
  }
}


/* ==========================================================
   v3.1.64 – Themenseite: gemeinsame rechte Abschlusskante
   ========================================================== */
.topic-shell-main .topic-page-main > .topic-quick-actions,
.topic-shell-main .topic-page-main > .topic-detail-grid-clean{
  width:100%;
  max-width:none;
}


/* v3.1.65 – Themenseite: grünen Akzentrahmen am Arbeitsstand entfernt */
.topic-workstand-card{border-left:0!important;border-top:0!important;}


/* ==========================================================
   v3.1.66 – Checkliste: Aufgabenzeilen mobil stabilisiert
   ========================================================== */
@media(max-width:620px){
  .checklist-draft-task-row{
    min-height:0;
    grid-template-columns:30px minmax(0,1fr) auto;
    grid-template-areas:
      "check title actions"
      ". meta meta";
    align-items:start;
    gap:8px 10px;
    padding:14px 12px;
  }
  .checklist-draft-toggle-form,
  .checklist-draft-task-row>.checklist-draft-checkbox{
    grid-area:check;
    align-self:start;
    margin-top:2px;
  }
  .checklist-draft-title-button{
    grid-area:title;
    align-self:start;
    min-width:0;
    padding:0;
  }
  .checklist-draft-title-button>span{
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.25;
  }
  .checklist-draft-title-button small{
    line-height:1.25;
  }
  .checklist-draft-soft-meta{
    grid-area:meta;
    justify-content:flex-start;
    flex-wrap:wrap;
    min-width:0;
    margin-top:2px;
  }
  .checklist-draft-soft-meta:empty{
    display:none;
  }
  .checklist-draft-row-icons{
    grid-area:actions;
    align-self:start;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:2px;
    min-width:64px;
    margin:0;
  }
  .checklist-draft-row-icons .checklist-draft-row-action{
    width:30px;
    height:30px;
  }
  .checklist-draft-task-list,
  .checklist-draft-task,
  .checklist-draft-task-row{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
  .checklist-draft-group{
    overflow:hidden;
  }
}

/* ==========================================================
   v3.1.67 – Drei interaktive Themenseiten-Entwürfe
   ========================================================== */
.topic-preview-body{background:#f5f8fb;color:#0f172a}.topic-preview-main{min-width:0;padding:28px}.topic-preview-page{max-width:1480px;margin:0 auto;display:grid;gap:22px}.topic-preview-switcher{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #dfe7f0;border-radius:22px;padding:14px 18px;box-shadow:0 12px 28px rgba(15,23,42,.045)}.topic-preview-switcher>div:first-child{display:grid;gap:3px}.topic-preview-switcher strong{font-size:15px}.topic-preview-switcher span{font-size:12px;color:#64748b;font-weight:700}.topic-preview-tabs{display:flex;flex-wrap:wrap;gap:8px}.topic-preview-tabs a{text-decoration:none;color:#475569;border:1px solid #dbe4ee;background:#fff;border-radius:999px;padding:9px 13px;font-weight:900;font-size:13px}.topic-preview-tabs a:hover,.topic-preview-tabs a.active{color:#23784e;border-color:#9fd1b5;background:#edf8f1}.tp-header,.tp-workspace-header{background:#fff;border:1px solid #dfe7f0;border-radius:28px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 40px rgba(15,23,42,.055)}.tp-header h1,.tp-workspace-header h1{margin:4px 0 0;font-size:clamp(28px,3vw,46px);line-height:1.08;color:#176fd0}.tp-eyebrow,.tp-header-b .tp-title-copy>span,.tp-section-head>div>span,.tp-workspace-rail article>span{color:#278257;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:1000}.tp-header-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.tp-header-actions button{width:42px;height:42px;border:1px solid #dbe4ee;background:#fff;border-radius:50%;font-size:24px;color:#94a3b8}.tp-header-actions span,.tp-save{border:1px solid #dbe4ee;background:#f4f7fa;border-radius:999px;padding:10px 14px;font-weight:900;color:#64748b;font-size:13px}.tp-action-grid{display:grid;gap:14px}.tp-action-grid-a{grid-template-columns:repeat(5,minmax(0,1fr))}.tp-action-grid button{border:1px solid #dbe4ee;background:#fff;border-radius:22px;padding:17px;display:flex;align-items:center;gap:13px;text-align:left;min-height:92px;box-shadow:0 8px 20px rgba(15,23,42,.035)}.tp-action-grid button:hover{transform:translateY(-1px);border-color:#9fd1b5}.tp-action-grid i{font-style:normal;width:48px;height:48px;border-radius:16px;background:#edf8f1;display:grid;place-items:center;font-size:23px}.tp-action-grid span{display:grid;gap:4px}.tp-action-grid strong{font-size:16px}.tp-action-grid small{color:#64748b;font-weight:800}.tp-primary-card,.tp-dashboard-grid article,.tp-workspace-layout article{background:#fff;border:1px solid #dfe7f0;border-radius:28px;padding:28px;box-shadow:0 16px 38px rgba(15,23,42,.045)}.tp-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.tp-section-head h2{margin:5px 0 0;font-size:25px}.tp-section-head p{margin:6px 0 0;color:#64748b}.tp-section-head>i{font-style:normal;width:48px;height:48px;border-radius:16px;background:#edf8f1;display:grid;place-items:center;font-size:22px;color:#278257}.tp-rows{display:grid;gap:12px;margin-top:22px}.tp-rows button{width:100%;border:1px solid #dfe7f0;background:#fff;border-radius:18px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;text-align:left}.tp-rows button:hover{background:#f8fbf9;border-color:#a9d5bc}.tp-rows button span{display:grid;gap:4px}.tp-rows strong{font-size:16px}.tp-rows small{color:#64748b;font-weight:750}.tp-rows b{width:34px;height:34px;border-radius:50%;background:#f0f4f8;display:grid;place-items:center;font-size:24px;color:#64748b}.tp-header-b{justify-content:flex-start}.tp-title-icon{width:68px;height:68px;border-radius:22px;background:#edf8f1;display:grid;place-items:center;font-size:31px;flex:0 0 auto}.tp-title-copy{flex:1}.tp-header-b .tp-title-copy h1{font-size:clamp(26px,2.6vw,40px)}.tp-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tp-meta b{font-size:12px;background:#f2f6f9;border:1px solid #e0e7ef;color:#64748b;border-radius:999px;padding:6px 10px}.tp-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px}.tp-dashboard-main{min-height:330px}.tp-next-box{margin:24px 0;background:#edf8f1;border:1px solid #cce8d8;border-radius:22px;padding:24px;font-size:21px;font-weight:850;line-height:1.45}.tp-progress{display:grid;gap:10px}.tp-progress>div{display:flex;justify-content:space-between;color:#64748b;font-size:13px;font-weight:850}.tp-progress progress,.tp-workspace-rail progress{width:100%;height:10px;accent-color:#278257}.tp-dashboard-side h2{margin:0 0 18px}.tp-list-actions{display:grid;gap:10px}.tp-list-actions button{border:1px solid #dfe7f0;background:#fff;border-radius:16px;padding:13px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;gap:10px;font-weight:900}.tp-list-actions i{font-style:normal}.tp-list-actions b{background:#f1f5f9;border-radius:999px;padding:5px 8px;color:#64748b}.tp-dashboard-wide{grid-column:1/-1}.tp-section-head>button{border:1px solid #a9d5bc;background:#edf8f1;color:#23784e;border-radius:13px;padding:10px 13px;font-weight:900}.tp-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.tp-timeline>div{display:flex;gap:11px;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.tp-timeline i{width:11px;height:11px;border-radius:50%;background:#278257;margin-top:5px}.tp-timeline span{display:grid;gap:4px}.tp-timeline small{color:#64748b}.tp-workspace-header p{margin:8px 0 0;color:#64748b}.tp-workspace-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tp-workspace-status span{border:1px solid #cfe7d9;background:#edf8f1;color:#23784e;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.tp-workspace-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:18px}.tp-workspace-core{display:grid;gap:18px}.tp-focus-panel{background:linear-gradient(135deg,#fff 0%,#f0f9f4 100%)!important}.tp-focus-panel .tp-section-head>i{background:#278257;color:#fff;font-size:14px;font-weight:1000}.tp-focus-panel>p{font-size:22px;line-height:1.5;font-weight:780;color:#25364b;margin:28px 0}.tp-focus-actions{display:flex;flex-wrap:wrap;gap:10px}.tp-focus-actions button{border:1px solid #a9d5bc;background:#fff;color:#23784e;border-radius:14px;padding:12px 15px;font-weight:900}.tp-focus-actions button:first-child{background:#278257;color:#fff;border-color:#278257}.tp-workstream-items{display:grid;gap:14px;margin-top:22px}.tp-workstream-items>div{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:14px 0;border-top:1px solid #e8eef4}.tp-workstream-items time{color:#278257;font-weight:1000;font-size:12px;text-transform:uppercase}.tp-workstream-items span{display:grid;gap:4px}.tp-workstream-items small{color:#64748b}.tp-workspace-rail{display:grid;align-content:start;gap:18px}.tp-workspace-rail article{border-radius:22px;padding:20px}.tp-workspace-rail article>strong{display:block;font-size:38px;margin:7px 0}.tp-workspace-rail article>small{display:block;color:#64748b;margin-top:7px}.tp-workspace-rail article h2{margin:0 0 14px}.tp-workspace-rail article button{width:100%;border:0;border-top:1px solid #e5ebf1;background:transparent;padding:13px 0;display:flex;justify-content:space-between;font-weight:850;text-align:left}.tp-note-card{background:#edf8f1!important;border-color:#cfe7d9!important}.tp-note-card strong{font-size:24px!important}.topic-preview-body button{cursor:pointer}.topic-preview-body button:focus-visible,.topic-preview-tabs a:focus-visible{outline:3px solid rgba(39,130,87,.25);outline-offset:2px}
@media(max-width:1100px){.topic-preview-main{padding:20px}.topic-preview-switcher{align-items:flex-start;flex-direction:column}.tp-action-grid-a{grid-template-columns:repeat(3,1fr)}.tp-dashboard-grid,.tp-workspace-layout{grid-template-columns:1fr}.tp-dashboard-wide{grid-column:auto}.tp-workspace-rail{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.topic-preview-main{padding:14px}.topic-preview-page{gap:14px}.topic-preview-switcher,.tp-header,.tp-workspace-header,.tp-primary-card,.tp-dashboard-grid article,.tp-workspace-layout article{border-radius:20px;padding:18px}.topic-preview-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.topic-preview-tabs a{text-align:center}.tp-header,.tp-workspace-header{align-items:flex-start;flex-direction:column}.tp-header-actions,.tp-workspace-status{justify-content:flex-start}.tp-action-grid-a{grid-template-columns:1fr 1fr}.tp-action-grid button{min-height:78px;padding:13px}.tp-action-grid i{width:40px;height:40px;border-radius:13px}.tp-timeline{grid-template-columns:1fr}.tp-workspace-rail{grid-template-columns:1fr}.tp-focus-panel>p{font-size:18px}.tp-dashboard-grid{display:grid}.tp-dashboard-main{min-height:auto}}
@media(max-width:430px){.tp-action-grid-a{grid-template-columns:1fr}.topic-preview-tabs{grid-template-columns:1fr}.tp-title-icon{width:54px;height:54px}.tp-header-b{display:grid;grid-template-columns:auto 1fr}.tp-header-b .tp-save{grid-column:1/-1}.tp-workstream-items>div{grid-template-columns:1fr;gap:5px}}

/* ==========================================================
   v3.1.68 – Thema Workspace V1: separates Grundlayout
   ========================================================== */
.topic-workspace-v1-body{background:#f5f8f6;}
.topic-workspace-v1-main{padding:0!important;min-width:0;}
.topic-workspace-v1{max-width:1500px;margin:0 auto;padding:28px 32px 48px;}
.workspace-v1-previewbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;margin-bottom:18px;border:1px solid rgba(203,213,225,.9);background:#fff;border-radius:16px;}
.workspace-v1-previewbar>div:first-child{display:grid;gap:3px}.workspace-v1-previewbar strong{color:#0f172a}.workspace-v1-previewbar span{color:#64748b;font-size:12px;font-weight:800}.workspace-v1-previewbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.workspace-v1-previewbar a{border:1px solid rgba(203,213,225,.9);border-radius:11px;padding:9px 12px;text-decoration:none;color:#334155;font-weight:900;background:#fff}.workspace-v1-previewbar a.primary{background:var(--go-green);border-color:var(--go-green);color:#fff}
.workspace-v1-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:22px;margin-bottom:18px;box-shadow:0 8px 22px rgba(15,23,42,.035);position:relative;overflow:hidden}.workspace-v1-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--workspace-project-color)}
.workspace-v1-title{min-width:0}.workspace-v1-project{display:block;color:var(--go-green-strong);font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.workspace-v1-title h1{margin:0;color:#0f172a;font-size:clamp(25px,2.4vw,38px);line-height:1.12}.workspace-v1-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.workspace-v1-meta span{background:#f1f5f9;color:#475569;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.workspace-v1-save{white-space:nowrap;background:var(--go-green-soft);color:var(--go-green-strong);border:1px solid var(--go-green-soft-3);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000}
.workspace-v1-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:18px;align-items:start}.workspace-v1-main-column,.workspace-v1-side-column{display:grid;gap:18px;min-width:0}
.workspace-v1-focus-card,.workspace-v1-section-card,.workspace-v1-stat-card,.workspace-v1-tool-card,.workspace-v1-mini-card{background:#fff;border:1px solid rgba(226,232,240,.96);border-radius:22px;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.workspace-v1-focus-card{padding:24px;background:linear-gradient(135deg,#fff 0%,var(--go-green-soft) 100%);border-color:var(--go-green-soft-3)}.workspace-v1-section-card{padding:22px}.workspace-v1-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workspace-v1-section-heading>div{min-width:0}.workspace-v1-section-heading span{display:block;color:#64748b;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.workspace-v1-section-heading h2{margin:0;color:#0f172a;font-size:20px;line-height:1.2}.workspace-v1-section-heading>b{color:var(--go-green);font-size:26px}.workspace-v1-section-heading>a,.workspace-v1-section-heading>span{color:var(--go-green-strong);text-decoration:none;font-weight:1000;font-size:12px;text-transform:none;letter-spacing:0}
.workspace-v1-focus-card>p{margin:20px 0;color:#1e293b;font-size:20px;font-weight:900;line-height:1.5;max-width:850px}.workspace-v1-placeholder-actions{display:flex;gap:10px;flex-wrap:wrap}.workspace-v1-placeholder-actions button{border:1px solid rgba(203,213,225,.95);background:#fff;color:#64748b;border-radius:13px;padding:11px 14px;font-weight:900;opacity:.78;cursor:not-allowed}
.workspace-v1-task-list{display:grid;gap:8px;margin-top:18px}.workspace-v1-task-list>div{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid rgba(226,232,240,.9);background:#fbfdfc;border-radius:14px}.workspace-v1-check{width:18px;height:18px;border:2px solid #94a3b8;border-radius:6px}.workspace-v1-task-list strong{color:#334155}.workspace-v1-task-list em{font-style:normal;font-size:11px;font-weight:1000;color:#b45309;background:#fef3c7;border-radius:999px;padding:4px 7px}.workspace-v1-progress{margin-top:18px;padding-top:16px;border-top:1px solid rgba(226,232,240,.9)}.workspace-v1-progress>div{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:12px;font-weight:900;margin-bottom:8px}.workspace-v1-progress progress,.workspace-v1-stat-card progress{width:100%;height:9px;accent-color:var(--go-green)}
.workspace-v1-timeline{display:grid;gap:0;margin-top:16px}.workspace-v1-timeline>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:13px 0;border-top:1px solid rgba(226,232,240,.85)}.workspace-v1-timeline time{color:#94a3b8;font-size:12px;font-weight:900}.workspace-v1-timeline span{display:grid;gap:4px}.workspace-v1-timeline strong{color:#334155}.workspace-v1-timeline small{color:#64748b;line-height:1.4}.workspace-v1-empty{color:#94a3b8;font-weight:800;margin:16px 0 0}
.workspace-v1-stat-card{padding:20px}.workspace-v1-stat-card>span{color:#64748b;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}.workspace-v1-stat-card>strong{display:block;color:#0f172a;font-size:42px;line-height:1;margin:10px 0 14px}.workspace-v1-stat-card small{display:block;color:#64748b;font-weight:800;margin-top:8px}
.workspace-v1-tool-card{padding:18px}.workspace-v1-tool-card h2{margin:0 0 12px;color:#0f172a;font-size:18px}.workspace-v1-tool-card a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 8px;border-top:1px solid rgba(226,232,240,.85);text-decoration:none;color:#334155}.workspace-v1-tool-card a span{font-size:18px}.workspace-v1-tool-card a strong{font-size:14px}.workspace-v1-tool-card a b{color:#64748b}
.workspace-v1-mini-card{padding:18px}.workspace-v1-mini-card ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.workspace-v1-mini-card li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;padding:9px 0;border-top:1px solid rgba(226,232,240,.8)}.workspace-v1-mini-card li strong{font-size:13px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-v1-mini-card>p{color:#94a3b8;font-size:13px;font-weight:800;margin:12px 0 0}
@media(max-width:1100px){.workspace-v1-grid{grid-template-columns:1fr}.workspace-v1-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-v1-tool-card{grid-row:span 2}}
@media(max-width:720px){.topic-workspace-v1{padding:18px 14px 34px}.workspace-v1-previewbar,.workspace-v1-header{align-items:flex-start;flex-direction:column}.workspace-v1-previewbar>div:last-child{width:100%}.workspace-v1-previewbar a{flex:1;text-align:center}.workspace-v1-header{padding:20px}.workspace-v1-save{align-self:flex-start}.workspace-v1-grid,.workspace-v1-side-column{grid-template-columns:1fr}.workspace-v1-focus-card,.workspace-v1-section-card{padding:18px}.workspace-v1-focus-card>p{font-size:17px}.workspace-v1-task-list>div{grid-template-columns:20px minmax(0,1fr)}.workspace-v1-task-list em{grid-column:2}.workspace-v1-timeline>div{grid-template-columns:52px minmax(0,1fr)}}

/* ==========================================================
   v3.1.70 – Workspace V2: separate Arbeitsoberfläche
   ========================================================== */
.tp-v2-header h1{color:#0f172a}.tp-v2-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tp-v2-summary article{background:#fff;border:1px solid #dfe7f0;border-radius:22px;padding:18px 20px;display:grid;gap:5px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.tp-v2-summary span,.tp-v2-card-head span,.tp-v2-toolbox>span,.tp-v2-next-task>span{color:#278257;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:1000}.tp-v2-summary strong{font-size:31px;line-height:1.1}.tp-v2-summary small{color:#64748b;font-weight:750}.tp-v2-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.68fr);gap:18px}.tp-v2-main,.tp-v2-rail{display:grid;align-content:start;gap:18px}.tp-v2-layout article{background:#fff;border:1px solid #dfe7f0;border-radius:28px;padding:26px;box-shadow:0 16px 38px rgba(15,23,42,.045)}.tp-v2-focus{background:linear-gradient(135deg,#fff 0%,#f0f9f4 100%)!important}.tp-v2-next-task{margin-top:22px;border:1px solid #cfe7d9;background:#fff;border-radius:20px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center}.tp-v2-next-task>span{grid-column:1/-1}.tp-v2-next-task strong{font-size:22px;line-height:1.35}.tp-v2-next-task button{border:1px solid #278257;background:#278257;color:#fff;border-radius:14px;padding:11px 14px;font-weight:900}.tp-v2-progress-row{display:grid;gap:9px;margin-top:18px}.tp-v2-progress-row>div{display:flex;justify-content:space-between;color:#64748b;font-size:13px;font-weight:900}.tp-v2-progress-row progress{width:100%;height:10px;accent-color:#278257}.tp-v2-task-list{display:grid;gap:10px;margin-top:20px}.tp-v2-task-list button{width:100%;border:1px solid #e0e8ef;background:#fff;border-radius:16px;padding:13px 15px;display:grid;grid-template-columns:30px 1fr 28px;align-items:center;gap:11px;text-align:left}.tp-v2-task-list button i{font-style:normal;color:#278257;font-size:21px}.tp-v2-task-list button span{display:grid;gap:3px}.tp-v2-task-list button small{color:#64748b}.tp-v2-task-list button b{font-size:22px;color:#94a3b8}.tp-v2-empty{padding:18px;border:1px dashed #d7e1ea;border-radius:16px;color:#64748b}.tp-v2-timeline{display:grid;gap:0;margin-top:20px}.tp-v2-timeline>div{display:grid;grid-template-columns:16px 74px 1fr;gap:12px;padding:14px 0;border-top:1px solid #e8eef4}.tp-v2-timeline i{width:10px;height:10px;border-radius:50%;background:#278257;margin-top:4px}.tp-v2-timeline time{font-size:12px;color:#64748b;font-weight:900}.tp-v2-timeline span{display:grid;gap:4px}.tp-v2-timeline small{color:#64748b;line-height:1.45}.tp-v2-rail article{border-radius:22px;padding:20px}.tp-v2-toolbox h2,.tp-v2-preview-card h2{margin:5px 0 14px;font-size:20px}.tp-v2-toolbox button{width:100%;border:0;border-top:1px solid #e5ebf1;background:transparent;padding:13px 0;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;text-align:left}.tp-v2-toolbox button i{font-style:normal;width:32px;height:32px;border-radius:11px;background:#edf8f1;display:grid;place-items:center}.tp-v2-toolbox button span{display:grid;gap:2px}.tp-v2-toolbox button small{color:#64748b}.tp-v2-toolbox button b{color:#94a3b8}.tp-v2-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tp-v2-card-head h2{margin-bottom:0}.tp-v2-card-head>b{background:#edf8f1;color:#23784e;border-radius:999px;padding:5px 9px}.tp-v2-preview-list{display:grid;gap:10px;margin-top:16px}.tp-v2-preview-list>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding-top:10px;border-top:1px solid #e8eef4}.tp-v2-preview-list i{font-style:normal}.tp-v2-preview-list span{display:grid;gap:2px;min-width:0}.tp-v2-preview-list strong,.tp-v2-preview-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-v2-preview-list small,.tp-v2-preview-list p{color:#64748b}.tp-v2-preview-list p{margin:0}
@media(max-width:1100px){.tp-v2-summary{grid-template-columns:repeat(2,1fr)}.tp-v2-layout{grid-template-columns:1fr}.tp-v2-rail{grid-template-columns:repeat(2,1fr)}.tp-v2-toolbox{grid-column:1/-1}}
@media(max-width:720px){.tp-v2-summary{grid-template-columns:1fr 1fr}.tp-v2-summary article{padding:15px;border-radius:18px}.tp-v2-summary strong{font-size:25px}.tp-v2-layout article{padding:18px;border-radius:20px}.tp-v2-next-task{grid-template-columns:1fr;padding:16px}.tp-v2-next-task button{width:100%}.tp-v2-task-list button{grid-template-columns:28px 1fr}.tp-v2-task-list button b{display:none}.tp-v2-timeline>div{grid-template-columns:14px 1fr}.tp-v2-timeline time{grid-column:2}.tp-v2-timeline span{grid-column:2}.tp-v2-rail{grid-template-columns:1fr}.tp-v2-toolbox{grid-column:auto}}
@media(max-width:430px){.tp-v2-summary{grid-template-columns:1fr}.tp-v2-next-task strong{font-size:18px}}

/* ==========================================================
   v3.1.71 – Workspace V2.1: Fokus, Arbeit und Ressourcen
   ========================================================== */
.topic-workspace-v21 .tp-v21-header{margin-bottom:0}
.tp-v21-focus-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tp-v21-focus-strip article{background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:16px 18px;display:grid;gap:4px;box-shadow:0 8px 20px rgba(15,23,42,.035)}
.tp-v21-focus-strip span,.tp-v21-tools>span,.tp-v21-resource-card .tp-v2-card-head span{color:#278257;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:1000}
.tp-v21-focus-strip strong{font-size:23px;line-height:1.15;color:#0f172a}
.tp-v21-focus-strip small{color:#64748b;font-size:12px;font-weight:750}
.tp-v21-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.58fr);gap:18px}
.tp-v21-main,.tp-v21-rail{display:grid;align-content:start;gap:18px}
.tp-v21-layout article{background:#fff;border:1px solid #dfe7f0;border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.04)}
.tp-v21-next{background:linear-gradient(135deg,#fff 0%,#f1f9f4 100%)!important}
.tp-v21-next-content{border:1px solid #cfe7d9;background:#fff;border-radius:18px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;align-items:center;margin-top:18px}
.tp-v21-next-content strong{font-size:21px;line-height:1.35;color:#0f172a}
.tp-v21-next-content p{grid-column:1/2;margin:0;color:#64748b;line-height:1.5}
.tp-v21-next-content button{grid-column:2;grid-row:1/3;border:1px solid #278257;background:#278257;color:#fff;border-radius:13px;padding:11px 14px;font-weight:900}
.tp-v21-checklist{min-height:390px}
.tp-v21-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:17px 0 6px}
.tp-v21-progress progress{width:100%;height:10px;accent-color:#278257}
.tp-v21-progress span{font-weight:1000;color:#278257;font-size:13px}
.tp-v21-task-list{margin-top:14px}
.tp-v21-status-card .tp-v21-timeline{margin-top:14px}
.tp-v21-rail article{border-radius:20px;padding:18px}
.tp-v21-tools h2,.tp-v21-resource-card h2{margin:5px 0 13px;font-size:18px}
.tp-v21-tools button{width:100%;border:0;border-top:1px solid #e5ebf1;background:transparent;padding:12px 0;display:grid;grid-template-columns:31px 1fr 18px;align-items:center;gap:9px;text-align:left;color:#334155;font-weight:850}
.tp-v21-tools button i{font-style:normal;width:30px;height:30px;border-radius:10px;background:#edf8f1;display:grid;place-items:center}
.tp-v21-tools button b{color:#94a3b8;font-size:18px}
.tp-v21-resource-card .tp-v2-preview-list{margin-top:12px}
@media(max-width:1100px){.tp-v21-focus-strip{grid-template-columns:repeat(2,1fr)}.tp-v21-layout{grid-template-columns:1fr}.tp-v21-rail{grid-template-columns:repeat(2,1fr)}.tp-v21-tools{grid-column:1/-1}}
@media(max-width:720px){.tp-v21-focus-strip{grid-template-columns:1fr 1fr}.tp-v21-focus-strip article{padding:14px;border-radius:17px}.tp-v21-layout article{padding:17px;border-radius:19px}.tp-v21-next-content{grid-template-columns:1fr;padding:15px}.tp-v21-next-content p,.tp-v21-next-content button{grid-column:1;grid-row:auto}.tp-v21-next-content button{width:100%}.tp-v21-rail{grid-template-columns:1fr}.tp-v21-tools{grid-column:auto}.tp-v21-checklist{min-height:0}}
@media(max-width:430px){.tp-v21-focus-strip{grid-template-columns:1fr}.tp-v21-focus-strip strong{font-size:21px}.tp-v21-next-content strong{font-size:18px}}

/* ==========================================================
   v3.1.72 – Workspace V2.2: echte Arbeitsintegration
   ========================================================== */
.topic-workspace-v22 .tp-v22-notice{margin:0 0 14px;padding:11px 14px;border:1px solid var(--go-green-soft-3);border-radius:14px;background:var(--go-green-soft);color:var(--go-green-strong);font-weight:900}
.topic-workspace-v22 .tp-v22-workstand-form,.topic-workspace-v22 .tp-v22-resource-form{display:grid;gap:10px}
.topic-workspace-v22 .tp-v22-workstand-form label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:900}
.topic-workspace-v22 .tp-v22-workstand-form input,.topic-workspace-v22 .tp-v22-workstand-form textarea,.topic-workspace-v22 .tp-v22-resource-form input,.topic-workspace-v22 .tp-v22-inline-form input{width:100%;border:1px solid rgba(203,213,225,.95);border-radius:13px;background:#fff;color:#0f172a;font:inherit;font-weight:750;padding:10px 12px;outline:0}
.topic-workspace-v22 .tp-v22-workstand-form textarea{resize:vertical;min-height:82px}
.topic-workspace-v22 .tp-v22-workstand-form button,.topic-workspace-v22 .tp-v22-resource-form button,.topic-workspace-v22 .tp-v22-inline-form button{min-height:42px;border:0;border-radius:13px;background:var(--go-green);color:#fff;font-weight:1000;padding:0 14px;cursor:pointer}
.topic-workspace-v22 button:disabled,.topic-workspace-v22 input:disabled,.topic-workspace-v22 textarea:disabled{opacity:.55;cursor:not-allowed}
.topic-workspace-v22 .tp-v22-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:0 0 12px}
.topic-workspace-v22 .tp-v22-task-row{margin:0}
.topic-workspace-v22 .tp-v22-task-row button{width:100%}
.topic-workspace-v22 .tp-v21-tools a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;border:1px solid rgba(226,232,240,.95);border-radius:13px;background:#fff;color:#334155;text-decoration:none;padding:0 11px;font-weight:900}
.topic-workspace-v22 .tp-v21-tools a:hover{background:var(--go-green-soft);border-color:var(--go-green-soft-3);color:var(--go-green-strong)}
.topic-workspace-v22 .tp-v21-tools a i{font-style:normal;text-align:center}
.topic-workspace-v22 .tp-v22-resource-form{margin:12px 0}
.topic-workspace-v22 .tp-v2-preview-list a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:8px;border-radius:12px}
.topic-workspace-v22 .tp-v2-preview-list a:hover{background:var(--go-green-soft)}
@media(max-width:720px){.topic-workspace-v22 .tp-v22-inline-form{grid-template-columns:1fr}.topic-workspace-v22 .tp-v22-resource-form button{width:100%}}

/* ==========================================================
   v3.1.73 – Workspace V2.3: konsistenter Bedienfluss
   ========================================================== */
.topic-workspace-v23 .tp-v23-feedback{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 32px;gap:11px;align-items:center;margin:0 0 16px;padding:12px 13px;border:1px solid #b9dfc9;border-radius:16px;background:#f0faf4;box-shadow:0 10px 24px rgba(15,23,42,.05);color:#145c3b}
.topic-workspace-v23 .tp-v23-feedback>i{width:38px;height:38px;border-radius:12px;background:#dff3e7;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:1000;text-transform:uppercase}
.topic-workspace-v23 .tp-v23-feedback span{display:grid;gap:2px}.topic-workspace-v23 .tp-v23-feedback strong{font-size:14px}.topic-workspace-v23 .tp-v23-feedback small{color:#46715d;font-size:12px;font-weight:700}
.topic-workspace-v23 .tp-v23-feedback>button{width:30px;height:30px;border:0;border-radius:10px;background:transparent;color:#56806a;font-size:21px;cursor:pointer}
.topic-workspace-v23 .tp-v23-feedback.is-warning{border-color:#f1d19b;background:#fff8eb;color:#8a5711}.topic-workspace-v23 .tp-v23-feedback.is-warning>i{background:#fce9c7}.topic-workspace-v23 .tp-v23-feedback.is-warning small{color:#8c6c3e}
.topic-workspace-v23 .tp-v23-action{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px!important;padding:0 15px!important;border-radius:13px!important;font-size:13px!important;line-height:1!important;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.topic-workspace-v23 .tp-v23-action:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(25,122,78,.16)}
.topic-workspace-v23 .tp-v23-action-primary{background:var(--go-green)!important;color:#fff!important;border:1px solid var(--go-green)!important}
.topic-workspace-v23 .tp-v23-action-secondary{background:#fff!important;color:var(--go-green-strong)!important;border:1px solid var(--go-green-soft-3)!important}
.topic-workspace-v23 .tp-v23-action-icon{width:16px;height:16px;flex:0 0 16px}
.topic-workspace-v23 .tp-v22-workstand-form input:focus,.topic-workspace-v23 .tp-v22-workstand-form textarea:focus,.topic-workspace-v23 .tp-v22-resource-form input:focus,.topic-workspace-v23 .tp-v22-inline-form input:focus{border-color:var(--go-green);box-shadow:0 0 0 3px rgba(39,130,87,.11)}
.topic-workspace-v23 .tp-v23-empty{min-height:210px;border:1px dashed #cbd8d1;border-radius:18px;background:#f9fcfa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#64748b}
.topic-workspace-v23 .tp-v23-empty>i{width:48px;height:48px;border-radius:15px;background:#e7f5ed;color:var(--go-green-strong);display:grid;place-items:center;font-style:normal;font-size:23px;margin-bottom:10px}
.topic-workspace-v23 .tp-v23-empty strong{color:#1e293b;font-size:16px}.topic-workspace-v23 .tp-v23-empty p{max-width:390px;margin:6px 0 14px;font-size:13px;line-height:1.55}
.topic-workspace-v23 .tp-v23-empty button,.topic-workspace-v23 .tp-v23-empty a{border:1px solid var(--go-green-soft-3);border-radius:11px;background:#fff;color:var(--go-green-strong);padding:9px 12px;text-decoration:none;font-weight:900;cursor:pointer}
.topic-workspace-v23 .tp-v23-empty-compact{min-height:160px}.topic-workspace-v23 .tp-v23-empty-small{min-height:145px;padding:17px}.topic-workspace-v23 .tp-v23-empty-small>i{width:40px;height:40px;font-size:18px}.topic-workspace-v23 .tp-v23-empty-small p{margin-bottom:0}
.topic-workspace-v23 .tp-v23-mobile-actions{display:none}
.topic-workspace-v23 .tp-v21-tools a,.topic-workspace-v23 .tp-v21-tools button{min-height:48px}
@media(max-width:720px){
  .topic-workspace-v23 .topic-preview-page{padding-bottom:88px}
  .topic-workspace-v23 .tp-v21-layout{display:flex;flex-direction:column}
  .topic-workspace-v23 .tp-v21-main{order:1}.topic-workspace-v23 .tp-v21-rail{order:2}
  .topic-workspace-v23 .tp-v21-next{order:1}.topic-workspace-v23 .tp-v21-checklist{order:2}.topic-workspace-v23 .tp-v21-status-card{order:3}
  .topic-workspace-v23 .tp-v22-workstand-form input,.topic-workspace-v23 .tp-v22-workstand-form textarea,.topic-workspace-v23 .tp-v22-resource-form input,.topic-workspace-v23 .tp-v22-inline-form input{font-size:16px;min-height:46px}
  .topic-workspace-v23 .tp-v23-action{width:100%;min-height:48px!important}
  .topic-workspace-v23 .tp-v23-feedback{grid-template-columns:36px minmax(0,1fr) 28px;margin-bottom:12px}
  .topic-workspace-v23 .tp-v23-mobile-actions{position:fixed;z-index:80;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;border:1px solid rgba(203,213,225,.9);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(15,23,42,.2);backdrop-filter:blur(14px)}
  .topic-workspace-v23 .tp-v23-mobile-actions a{min-width:0;display:grid;justify-items:center;gap:2px;padding:6px 3px;border-radius:12px;color:#475569;text-decoration:none;font-size:10px;font-weight:900}
  .topic-workspace-v23 .tp-v23-mobile-actions a:active{background:var(--go-green-soft);color:var(--go-green-strong)}.topic-workspace-v23 .tp-v23-mobile-actions i{font-style:normal;font-size:17px}
}
@media(max-width:430px){.topic-workspace-v23 .tp-v21-focus-strip{grid-template-columns:1fr 1fr}.topic-workspace-v23 .tp-v21-focus-strip article{min-width:0}.topic-workspace-v23 .tp-v21-focus-strip strong{font-size:18px}.topic-workspace-v23 .tp-v23-empty{min-height:180px;padding:19px}}


/* v3.1.75 · Themenseite Entwurf A · Evolution – migrationsfähige Endfassung */
.topic-preview-variant-a .topic-preview-page{max-width:1280px;gap:16px}
.topic-preview-variant-a .tp-evo-header{padding:22px 26px;border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.tp-evo-heading{min-width:0}.tp-evo-heading h1{font-size:clamp(27px,2.6vw,38px);color:#176fd0}.tp-evo-heading p{max-width:800px;margin:8px 0 0;color:#64748b;line-height:1.55}
.tp-evo-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:1px;background:#dfe7f0;border:1px solid #dfe7f0;border-radius:20px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.tp-evo-meta>div{background:#fff;padding:16px 18px;display:grid;gap:4px}.tp-evo-meta span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-weight:900}.tp-evo-meta strong{font-size:15px;color:#25364b}.tp-evo-meta>button{border:0;background:#edf8f1;color:#23784e;padding:0 20px;font-weight:950}
.tp-evo-next,.tp-evo-workgrid>article,.tp-evo-resources{background:#fff;border:1px solid #dfe7f0;border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.tp-evo-next{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#fff 0%,#f1faf5 100%);border-color:#cfe7d9}.tp-evo-next .tp-section-head{flex:1}.tp-evo-next .tp-section-head h2{font-size:22px}.tp-evo-next>button,.tp-evo-checklist .tp-section-head>button,.tp-evo-log .tp-section-head>button,.tp-evo-resourcegrid header>button{border:1px solid #9fd1b5;background:#fff;color:#23784e;border-radius:12px;padding:10px 13px;font-weight:900;white-space:nowrap}
.tp-evo-workgrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px}.tp-evo-checklist{min-width:0}.tp-evo-progress{height:8px;background:#edf2f6;border-radius:999px;overflow:hidden;margin:18px 0}.tp-evo-progress span{display:block;height:100%;background:#278257;border-radius:inherit}.tp-evo-tasklist{display:grid;gap:8px}.tp-evo-tasklist>button{display:grid;grid-template-columns:28px 1fr 30px;align-items:center;gap:10px;width:100%;border:1px solid #e3eaf0;background:#fff;border-radius:14px;padding:12px 13px;text-align:left}.tp-evo-tasklist>button:hover{border-color:#a9d5bc;background:#f8fbf9}.tp-evo-tasklist i{width:24px;height:24px;border:2px solid #b8c5d1;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:13px;color:#fff}.tp-evo-tasklist b{color:#94a3b8;font-size:18px}.tp-evo-tasklist .is-done span{text-decoration:line-through;color:#94a3b8}.tp-evo-tasklist .is-done i{background:#278257;border-color:#278257}.tp-evo-more{margin-top:12px;width:100%;border:0;background:transparent;color:#23784e;padding:10px;font-weight:900}
.tp-evo-loglist{display:grid;margin-top:18px}.tp-evo-loglist>div:not(.tp-evo-empty){display:grid;grid-template-columns:72px 1fr;gap:12px;padding:13px 0;border-top:1px solid #e8eef4}.tp-evo-loglist time{font-size:12px;color:#278257;font-weight:900}.tp-evo-loglist span{display:grid;gap:4px;min-width:0}.tp-evo-loglist small{color:#64748b;line-height:1.4}.tp-evo-empty{border:1px dashed #cad6e1;background:#f8fafc;border-radius:14px;padding:18px;display:grid;gap:5px;color:#64748b;margin-top:18px}.tp-evo-empty strong{color:#334155}.tp-evo-empty.compact{margin-top:12px;padding:14px}
.tp-evo-resources{display:grid;gap:18px}.tp-evo-resourcegrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tp-evo-resourcegrid>article{border:1px solid #e2e8f0;border-radius:16px;padding:16px;min-width:0}.tp-evo-resourcegrid header{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}.tp-evo-resourcegrid header>span{font-size:21px}.tp-evo-resourcegrid header>div{display:grid}.tp-evo-resourcegrid header small{color:#64748b}.tp-evo-resource-row{width:100%;display:flex;justify-content:space-between;gap:12px;border:0;border-top:1px solid #e8eef4;background:transparent;padding:12px 0;text-align:left}.tp-evo-resource-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-evo-resource-row b{font-size:12px;color:#278257}
@media(max-width:980px){.tp-evo-meta{grid-template-columns:repeat(2,1fr)}.tp-evo-meta>button{min-height:52px}.tp-evo-workgrid{grid-template-columns:1fr}}
@media(max-width:680px){.topic-preview-variant-a .tp-evo-header,.tp-evo-next,.tp-evo-workgrid>article,.tp-evo-resources{padding:18px;border-radius:18px}.tp-evo-next{align-items:stretch;flex-direction:column}.tp-evo-meta{grid-template-columns:1fr 1fr}.tp-evo-meta>button{grid-column:1/-1}.tp-evo-resourcegrid{grid-template-columns:1fr}.tp-evo-resourcegrid header{grid-template-columns:32px 1fr auto}.tp-evo-loglist>div:not(.tp-evo-empty){grid-template-columns:1fr;gap:4px}}
\n\n/* v3.1.76 · Live-Migration Variante A · Evolution */
.topic-evolution-live .topic-page{max-width:1280px;margin:0 auto;gap:16px}
.topic-evolution-live .topic-topline{margin-bottom:4px}
.topic-evolution-live .detail-header-v09.topic-clean-header{background:#fff;border:1px solid #dfe7f0;border-radius:22px;padding:22px 26px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.topic-evolution-live .detail-header-v09.topic-clean-header h1{font-size:clamp(27px,2.6vw,38px);line-height:1.15}
.topic-evolution-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:1px;background:#dfe7f0;border:1px solid #dfe7f0;border-radius:20px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.topic-evolution-meta>div{background:#fff;padding:16px 18px;display:grid;gap:4px}.topic-evolution-meta span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-weight:900}.topic-evolution-meta strong{font-size:15px;color:#25364b}.topic-evolution-meta>button{border:0;background:#edf8f1;color:#23784e;padding:0 20px;font-weight:950;cursor:pointer}
.topic-evolution-next{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;background:linear-gradient(135deg,#fff 0%,#f1faf5 100%);border:1px solid #cfe7d9;border-radius:22px;padding:22px 24px;box-shadow:0 10px 28px rgba(15,23,42,.04);cursor:pointer;color:inherit}
.topic-evolution-next>span{display:grid;gap:5px}.topic-evolution-next small{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#278257;font-weight:950}.topic-evolution-next strong{font-size:21px;color:#25364b}.topic-evolution-next em{font-style:normal;color:#64748b;font-size:13px}.topic-evolution-next>b{width:42px;height:42px;border-radius:13px;background:#278257;color:#fff;display:grid;place-items:center;font-size:20px;flex:0 0 auto}
.topic-evolution-live .topic-quick-actions-secondary{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.topic-evolution-live .topic-action-card{min-height:92px;border-radius:17px;box-shadow:none}
.topic-evolution-live .topic-detail-grid-clean{margin-top:0}.topic-evolution-live .detail-card{border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.topic-evolution-live .topic-workstand-card{order:2}.topic-evolution-live .topic-checklist-overview-card{order:1}
@media(max-width:980px){.topic-evolution-meta{grid-template-columns:repeat(2,1fr)}.topic-evolution-meta>button{min-height:52px}.topic-evolution-live .topic-quick-actions-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.topic-evolution-live .detail-header-v09.topic-clean-header,.topic-evolution-next{padding:18px;border-radius:18px}.topic-evolution-meta{grid-template-columns:1fr 1fr}.topic-evolution-meta>button{grid-column:1/-1}.topic-evolution-next{align-items:flex-start}.topic-evolution-next strong{font-size:18px}.topic-evolution-live .topic-quick-actions-secondary{grid-template-columns:1fr 1fr}.topic-evolution-live .topic-action-card{min-height:82px}}

/* v3.1.77 · Migration Phase 2 – natürlicher Arbeitsfluss */
.topic-evolution-live .topic-evolution-flow{display:grid;gap:16px}
.topic-evolution-live .topic-checklist-overview-card,.topic-evolution-live .topic-evolution-resources{padding:24px}
.topic-evolution-progress{height:9px;margin:18px 0 16px;border-radius:999px;background:#edf2f6;overflow:hidden}
.topic-evolution-progress>span{display:block;height:100%;border-radius:inherit;background:#278257;transition:width .2s ease}
.topic-evolution-checklist-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.topic-evolution-checklist-summary>div{display:grid;gap:3px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.topic-evolution-checklist-summary strong{font-size:19px;color:#25364b}.topic-evolution-checklist-summary span{font-size:12px;color:#64748b;font-weight:750}
.topic-evolution-open-checklist{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.topic-evolution-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.topic-evolution-resource-card{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:12px;width:100%;min-height:86px;padding:14px 15px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:#25364b;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.topic-evolution-resource-card:hover{border-color:#a9d5bc;background:#f8fbf9;transform:translateY(-1px)}
.topic-evolution-resource-icon{width:42px;height:42px;border-radius:13px;background:#edf8f1;display:grid;place-items:center;font-size:20px}
.topic-evolution-resource-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.topic-evolution-resource-card strong{font-size:15px}.topic-evolution-resource-card small{color:#64748b}.topic-evolution-resource-card b{color:#278257;font-size:20px;text-align:center}
@media(max-width:680px){.topic-evolution-live .topic-checklist-overview-card,.topic-evolution-live .topic-evolution-resources{padding:18px}.topic-evolution-checklist-summary{grid-template-columns:1fr}.topic-evolution-resource-grid{grid-template-columns:1fr}}


/* ==========================================================
   v3.1.78 – Themenseite: Standardisierungsschicht
   Gemeinsame Tokens und Komponenten für den Live-Arbeitsbereich.
   ========================================================== */
.topic-evolution-live{
  --pb-surface:#fff;
  --pb-surface-soft:#f8fafc;
  --pb-border:#dfe7f0;
  --pb-border-soft:#e2e8f0;
  --pb-text:#25364b;
  --pb-text-muted:#64748b;
  --pb-accent:#278257;
  --pb-accent-soft:#edf8f1;
  --pb-radius-card:22px;
  --pb-radius-control:14px;
  --pb-space-card:24px;
  --pb-shadow-card:0 10px 28px rgba(15,23,42,.04);
}
.topic-evolution-live .pb-section-card{
  padding:var(--pb-space-card);
  border:1px solid var(--pb-border);
  border-radius:var(--pb-radius-card);
  background:var(--pb-surface);
  box-shadow:var(--pb-shadow-card);
}
.topic-evolution-live .pb-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.topic-evolution-live .pb-section-head h2{margin:0;color:var(--pb-text)}
.topic-evolution-live .pb-section-head p{margin:5px 0 0;color:var(--pb-text-muted);line-height:1.45}
.topic-evolution-live .pb-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.topic-evolution-live .pb-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.topic-evolution-live .pb-action-tile{border-radius:var(--pb-radius-control)}
.topic-evolution-live [data-dialog-open],
.topic-evolution-live [data-dialog-close],
.topic-evolution-live [data-open-details]{touch-action:manipulation}
@media(max-width:680px){
  .topic-evolution-live{--pb-space-card:18px;--pb-radius-card:18px}
  .topic-evolution-live .pb-stat-grid,
  .topic-evolution-live .pb-action-grid{grid-template-columns:1fr}
}


/* v3.1.80 · Themenseite – Arbeitsreihenfolge und kompakter Ressourcen-Leerzustand */
.topic-evolution-live .topic-checklist-overview-card{order:1}
.topic-evolution-live .topic-workstand-card{order:2}
.topic-evolution-live .topic-evolution-resources{order:3}
.topic-evolution-live .topic-evolution-next + .topic-detail-grid{margin-top:0}
.topic-evolution-live .topic-checklist-overview-card .extra-card-head p{max-width:680px}
.topic-evolution-live .topic-evolution-resources.is-empty{padding-top:20px;padding-bottom:20px}
.topic-evolution-live .topic-evolution-resources.is-empty .extra-card-head{margin-bottom:10px}
.topic-evolution-live .topic-evolution-resources.is-empty .topic-evolution-resource-grid{margin-top:10px}
.topic-evolution-live .topic-evolution-resources.is-empty .topic-evolution-resource-card{min-height:70px;padding-top:10px;padding-bottom:10px}
@media(max-width:680px){
  .topic-evolution-live .topic-evolution-resources.is-empty{padding-top:16px;padding-bottom:16px}
}

/* v3.1.81 · Themenseite – Beschreibungen reduziert und Abstand unter der Icon-Leiste erhöht */
.topic-evolution-live .topic-topline{
  margin-bottom:24px;
}
@media(max-width:680px){
  .topic-evolution-live .topic-topline{margin-bottom:18px;}
}

/* v3.1.82 · Themenseite – Abstände im Checklistenbereich verdichtet */
.topic-evolution-live .topic-checklist-overview-card{
  row-gap:14px;
  padding:22px 24px;
}
.topic-evolution-live .topic-checklist-overview-card .topic-evolution-progress{
  margin:0;
}
.topic-evolution-live .topic-checklist-overview-card .topic-evolution-checklist-summary{
  margin-bottom:0;
}
@media(max-width:680px){
  .topic-evolution-live .topic-checklist-overview-card{
    row-gap:12px;
    padding:18px;
  }
}


/* v3.1.83 · Themenseite – Abstand zwischen Infobox und Nächster Schritt erhöht */
.topic-evolution-live .topic-evolution-next{
  margin-top:14px;
}
@media(max-width:680px){
  .topic-evolution-live .topic-evolution-next{margin-top:12px;}
}


/* v3.1.84 · Themenseite – Button „Checkliste öffnen“ verkleinert */
.topic-evolution-live .topic-checklist-overview-card .topic-evolution-open-checklist{
  justify-self:start;
  width:auto;
  min-width:240px;
  padding:12px 22px;
  border-radius:14px;
  font-size:15px;
}
@media(max-width:680px){
  .topic-evolution-live .topic-checklist-overview-card .topic-evolution-open-checklist{
    justify-self:stretch;
    width:100%;
    min-width:0;
  }
}


/* v3.1.85 · Themenseite – Checklisten-Öffnen als Pfeilaktion im Kopf */
.topic-evolution-live .topic-evolution-head-actions{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.topic-evolution-live .topic-evolution-inline-arrow{
  width:42px;
  height:42px;
  border-radius:13px;
  background:#278257;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:900;
  text-decoration:none;
  flex:0 0 auto;
  box-shadow:0 10px 20px rgba(39,130,87,.16);
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.topic-evolution-live .topic-evolution-inline-arrow:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(39,130,87,.22);
  background:#246f4a;
}
.topic-evolution-live .topic-evolution-inline-arrow:focus-visible{
  outline:2px solid #9fd0b0;
  outline-offset:2px;
}
@media(max-width:680px){
  .topic-evolution-live .topic-evolution-head-actions{gap:8px;}
  .topic-evolution-live .topic-evolution-inline-arrow{width:38px;height:38px;border-radius:12px;font-size:18px;}
}

/* v3.1.86 · Checklisten-Kategorien – separater Entwurf */
.checklist-category-draft-page .checklist-category-draft-title-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.checklist-category-draft-page .checklist-category-draft-title-row h1{margin:0;}
.checklist-category-draft-page .checklist-category-draft-title-row>span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #b9dfc7;
  border-radius:999px;
  background:#eef9f2;
  color:#23784e;
  font-size:12px;
  font-weight:900;
}
.checklist-category-draft-page .checklist-category-capture-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
}
.checklist-category-draft-page .checklist-category-quick-add{
  grid-template-columns:28px minmax(0,1fr) auto;
}
.checklist-category-draft-page .checklist-category-auto-target{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 11px;
  border-left:1px solid var(--line);
  color:#23784e;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.checklist-category-draft-page .checklist-category-create-box{
  min-width:210px;
  border:1px solid #d9e1e8;
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 20px rgba(15,23,42,.04);
  overflow:hidden;
}
.checklist-category-draft-page .checklist-category-create-box>summary{
  list-style:none;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  color:#23784e;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.checklist-category-draft-page .checklist-category-create-box>summary::-webkit-details-marker{display:none;}
.checklist-category-draft-page .checklist-category-create-box[open]>summary{
  border-bottom:1px solid #e5eaf0;
  background:#f5fbf7;
}
.checklist-category-draft-page .checklist-category-create-box>form{
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto;
  gap:8px;
  padding:12px;
}
.checklist-category-draft-page .checklist-category-create-box input{
  min-width:0;
  min-height:42px;
  border:1px solid #d9e1e8;
  border-radius:11px;
  padding:0 12px;
  outline:0;
}
.checklist-category-draft-page .checklist-category-create-box input:focus,
.checklist-category-draft-page .checklist-category-select-wrap select:focus{
  border-color:#69a984;
  box-shadow:0 0 0 3px rgba(50,137,90,.12);
}
.checklist-category-draft-page .checklist-category-feedback{
  margin-top:-4px;
  border:1px solid #dfe7f0;
  border-radius:12px;
  padding:10px 12px;
  font-size:13px;
  font-weight:800;
}
.checklist-category-draft-page .checklist-category-feedback.is-success{background:#eef9f2;border-color:#b9dfc7;color:#23784e;}
.checklist-category-draft-page .checklist-category-feedback.is-info{background:#f5f8fb;color:#475467;}
.checklist-category-draft-page .checklist-category-feedback.is-error{background:#fff5f5;border-color:#fecaca;color:#b42318;}
.checklist-category-draft-page .checklist-category-select-wrap{
  display:grid;
  gap:7px;
}
.checklist-category-draft-page .checklist-category-select-wrap>span{
  color:#667085;
  font-size:12px;
  font-weight:850;
}
.checklist-category-draft-page .checklist-category-select-wrap select{
  width:100%;
  min-height:46px;
  border:1px solid #d9e1e8;
  border-radius:12px;
  background:#fff;
  padding:0 12px;
  color:#25364b;
  outline:0;
  font-weight:750;
}
@media(max-width:900px){
  .checklist-category-draft-page .checklist-category-capture-row{grid-template-columns:1fr;}
  .checklist-category-draft-page .checklist-category-create-box{min-width:0;}
  .checklist-category-draft-page .checklist-category-quick-add{grid-template-columns:28px minmax(0,1fr) auto;}
}
@media(max-width:620px){
  .checklist-category-draft-page .checklist-category-quick-add{grid-template-columns:28px minmax(0,1fr);}
  .checklist-category-draft-page .checklist-category-auto-target{
    grid-column:2/3;
    justify-self:start;
    border-left:0;
    border-top:1px solid var(--line);
    padding-left:0;
  }
  .checklist-category-draft-page .checklist-category-create-box>form{grid-template-columns:1fr;}
  .checklist-category-draft-page .checklist-category-create-box .btn{width:100%;}
}


/* v3.1.87 · Kategorie-Erstellung von der Checkliste auf die Themenseite verschoben */
.checklist-category-draft-page .checklist-category-capture-row.is-quick-add-only{
  grid-template-columns:minmax(0,1fr);
}
.topic-evolution-live .topic-evolution-head-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}
.topic-evolution-live .topic-evolution-category-create-button{
  min-height:42px;
  padding:0 13px;
  border:1px solid #b9dfc7;
  border-radius:13px;
  background:#eef9f2;
  color:#23784e;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.topic-evolution-live .topic-evolution-category-create-button:hover{
  background:#e2f5e9;
  border-color:#8fc8a4;
  transform:translateY(-1px);
}
.topic-evolution-live .topic-evolution-category-create-button:focus-visible{
  outline:2px solid #9fd0b0;
  outline-offset:2px;
}
.topic-evolution-live .topic-category-feedback{
  border:1px solid #dfe7f0;
  border-radius:12px;
  padding:10px 12px;
  font-size:13px;
  font-weight:800;
}
.topic-evolution-live .topic-category-feedback.is-success{background:#eef9f2;border-color:#b9dfc7;color:#23784e;}
.topic-evolution-live .topic-category-feedback.is-info{background:#f5f8fb;color:#475467;}
.topic-evolution-live .topic-category-feedback.is-error{background:#fff5f5;border-color:#fecaca;color:#b42318;}
.topic-category-dialog-card{max-width:480px;}
.topic-category-dialog-form{display:grid;gap:14px;margin-top:18px;}
.topic-category-dialog-form label{display:grid;gap:7px;color:#475467;font-size:13px;font-weight:850;}
.topic-category-dialog-form input{
  width:100%;
  min-height:46px;
  border:1px solid #d9e1e8;
  border-radius:12px;
  padding:0 13px;
  color:#25364b;
  outline:0;
}
.topic-category-dialog-form input:focus{border-color:#69a984;box-shadow:0 0 0 3px rgba(50,137,90,.12);}
.topic-category-dialog-form .btn{justify-self:start;}
@media(max-width:680px){
  .topic-evolution-live .topic-evolution-category-create-button{min-height:38px;padding:0 10px;font-size:12px;border-radius:12px;}
  .topic-category-dialog-form .btn{width:100%;}
}


/* v3.1.93 · Notizbuch – lange Links und Texte sicher umbrechen */
.notes-dashboard,
.notes-main,
.notes-list,
.note-card{
  min-width:0;
  max-width:100%;
}
.note-card p{
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
}
.note-card p a,
.note-card a{
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
}
.note-attachment-item{
  min-width:0;
}
.note-attachment-item a{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* v3.1.94 · Familienfinanzen / Finance Core V1.0 */
.finance-main{min-width:0;background:#f6f8fb}
.finance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.finance-head-title-only{padding-top:32px;padding-bottom:24px}
.finance-head p{margin:8px 0 0;color:#687386;max-width:760px}
.finance-eyebrow{display:block;margin-bottom:6px;color:#2f75b5;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.finance-model-status{flex:0 0 auto;padding:9px 14px;border-radius:999px;background:#e2f0d9;color:#276221;font-size:.82rem;font-weight:800}
.finance-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 32px 22px;padding:4px}
.finance-tabs a{white-space:nowrap;text-decoration:none;color:#536174;background:#fff;border:1px solid #dfe5ed;border-radius:10px;padding:10px 14px;font-weight:700}
.finance-tabs a.active{color:#fff;background:#17365d;border-color:#17365d}
.finance-tabs b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;margin-left:5px;padding:2px 6px;border-radius:999px;background:rgba(47,117,181,.12);font-size:.75rem}
.finance-tabs a.active b{background:rgba(255,255,255,.18)}
.finance-kpi-grid,.finance-overview-grid,.finance-object-grid,.finance-open-grid{display:grid;gap:18px;margin:0 32px 22px}
.finance-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.finance-overview-grid{grid-template-columns:1.15fr .85fr}
.finance-object-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.finance-open-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.finance-kpi-grid article,.finance-card{min-width:0;background:#fff;border:1px solid #e1e6ee;border-radius:16px;box-shadow:0 6px 22px rgba(23,54,93,.06)}
.finance-kpi-grid article{padding:20px}
.finance-kpi-grid span{display:block;color:#687386;font-size:.82rem;font-weight:700}
.finance-kpi-grid strong{display:block;margin-top:7px;color:#17365d;font-size:1.75rem;line-height:1.1}
.finance-kpi-grid small{display:block;margin-top:7px;color:#8a94a4}
.finance-card{padding:22px}
.finance-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.finance-card h2{margin:0;color:#24364b;font-size:1.08rem}
.finance-card p{color:#687386;line-height:1.55}
.finance-card-head p{margin:5px 0 0;font-size:.86rem}
.finance-index-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.finance-index-row span{color:#687386;font-size:.82rem;font-weight:700}
.finance-index-row strong{display:block;margin:6px 0 9px;color:#17365d;font-size:1.8rem}
.finance-index-row strong small{font-size:.72rem;color:#8792a2}
.finance-meter{height:8px;overflow:hidden;border-radius:99px;background:#e8edf3}
.finance-meter i{display:block;height:100%;border-radius:99px;background:#70ad47}
.finance-meter.stress i{background:#ed9d43}
.finance-forecast-list{display:grid;gap:4px}
.finance-forecast-list div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf0f4}
.finance-forecast-list div:last-child{border-bottom:0}
.finance-forecast-list span{color:#687386}.finance-forecast-list strong{color:#17365d}
.finance-core-note{margin:0 32px 32px;border-left:5px solid #2f75b5}
.finance-filter{display:flex;gap:10px;margin:0 32px 18px}
.finance-filter input,.finance-filter select{min-width:0;padding:11px 12px;border:1px solid #d7dee7;border-radius:10px;background:#fff}
.finance-filter input{flex:1}.finance-filter select{width:220px}
.finance-table-card{margin:0 32px 32px;padding:0;overflow:hidden}
.finance-table-card .finance-card-head{padding:20px 22px 0}
.finance-table-scroll{overflow:auto}
.finance-table-card table{width:100%;border-collapse:collapse;min-width:880px}
.finance-table-card th,.finance-table-card td{padding:12px 14px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:top}
.finance-table-card th{position:sticky;top:0;background:#f4f7fa;color:#536174;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}
.finance-table-card td{color:#39495c;font-size:.9rem}
.finance-table-card td strong,.finance-table-card td small{display:block}
.finance-table-card td small{margin-top:3px;color:#8a94a4;font-size:.76rem}
.finance-table-card .number{text-align:right;white-space:nowrap}
.finance-table-card .positive{color:#2f7d32;font-weight:800}.finance-table-card .negative{color:#a63a3a;font-weight:800}
.finance-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff2cc;color:#805c00;font-size:.72rem;font-weight:800}
.finance-badge.ok{background:#e2f0d9;color:#276221}.finance-badge.danger{background:#fce4d6;color:#a12616}.finance-badge.ended{background:#e8edf3;color:#566477}
.finance-open-item.done{opacity:.62}
.finance-open-item dl,.finance-object-grid dl{display:grid;gap:10px;margin:18px 0 0}
.finance-open-item dl div,.finance-object-grid dl div{display:grid;grid-template-columns:110px 1fr;gap:12px}
.finance-open-item dt,.finance-object-grid dt{color:#8a94a4;font-size:.78rem;font-weight:700}
.finance-open-item dd,.finance-object-grid dd{margin:0;color:#39495c}
@media(max-width:1100px){.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .finance-balance-section,.finance-liquidity-plan-section,.finance-desktop-tab,.finance-prognose-page{display:none!important}
  .finance-head{display:block}.finance-model-status{display:inline-flex;margin-top:14px}
  .finance-tabs,.finance-kpi-grid,.finance-overview-grid,.finance-object-grid,.finance-open-grid,.finance-filter,.finance-table-card,.finance-core-note{margin-left:16px;margin-right:16px}
  .finance-kpi-grid,.finance-overview-grid,.finance-object-grid,.finance-open-grid{grid-template-columns:1fr}
  .finance-filter{flex-wrap:wrap}.finance-filter input,.finance-filter select{width:100%;flex-basis:100%}
  .finance-index-row{grid-template-columns:1fr}
}

/* Familienfinanzen Übersicht · v3.2.12 */
.finance-balance-section,.finance-loan-section{margin:0 32px 22px}
.finance-balance-section{padding:22px;background:#fff;border:1px solid #e1e6ee;border-radius:16px;box-shadow:0 6px 22px rgba(23,54,93,.06)}
.finance-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.finance-section-head h2{margin:0;color:#24364b;font-size:1.18rem}
.finance-section-count{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#edf3fa;color:#2f5f8f;font-size:.78rem;font-weight:850}
.finance-balance-stack{display:grid;gap:14px}
.finance-balance-primary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.finance-credit-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.finance-balance-card{min-width:0;padding:18px;border:1px solid #dde5ee;border-radius:14px;background:#f9fbfd}
.finance-balance-card.is-primary{background:linear-gradient(145deg,#17365d,#245783);border-color:#17365d;color:#fff}
.finance-balance-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.finance-balance-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:28px;border-radius:8px;background:#e8f0f8;color:#245783;font-weight:900}
.finance-balance-card.is-primary .finance-balance-icon{background:rgba(255,255,255,.16);color:#fff}
.finance-balance-type{color:#7a8797;font-size:.72rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.finance-balance-card.is-primary .finance-balance-type{color:rgba(255,255,255,.72)}
.finance-balance-card h3{margin:16px 0 0;color:#34455a;font-size:1rem}
.finance-balance-card.is-primary h3{color:#fff}
.finance-balance-card>strong{display:block;margin-top:8px;color:#17365d;font-size:1.65rem;line-height:1.1}
.finance-balance-card>strong.negative{color:#a63a3a}
.finance-balance-card.is-primary>strong{color:#fff}
.finance-balance-card>small{display:block;margin-top:9px;color:#8490a0;line-height:1.35}
.finance-balance-card.is-primary>small{color:rgba(255,255,255,.72)}
.finance-kpi-grid.finance-kpi-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Familienfinanzen Kreditverträge als Einzelakkordeons · v3.2.15 */
.finance-loan-accordion{overflow:hidden;background:#fff;border:1px solid #dfe5ed;border-radius:16px;box-shadow:0 6px 22px rgba(23,54,93,.06)}
.finance-loan-accordion>summary{display:grid;grid-template-columns:minmax(250px,1fr) auto 34px;align-items:center;gap:22px;padding:21px 22px;list-style:none;cursor:pointer}
.finance-loan-accordion>summary::-webkit-details-marker{display:none}
.finance-loan-accordion>summary:hover{background:#f8fafc}
.finance-loan-summary-main{display:grid;gap:4px;min-width:0}
.finance-loan-summary-main>strong{color:#24364b;font-size:1.15rem}
.finance-loan-summary-main>small{color:#687386}
.finance-loan-summary-kpis{display:flex;gap:10px}
.finance-loan-summary-kpis>span{min-width:110px;padding:10px 12px;border:1px solid #e4e9ef;border-radius:11px;background:#f8fafc;text-align:right}
.finance-loan-summary-kpis b,.finance-loan-summary-kpis small{display:block}
.finance-loan-summary-kpis b{color:#17365d;font-size:1rem}
.finance-loan-summary-kpis small{margin-top:3px;color:#8a94a4;font-size:.68rem;font-weight:750}
.finance-loan-chevron{color:#2f75b5;font-size:1.55rem;text-align:center;transition:transform .18s ease}
.finance-loan-accordion[open] .finance-loan-chevron{transform:rotate(180deg)}
.finance-loan-content{padding:18px 22px 22px;border-top:1px solid #edf0f4;background:#fbfcfd}
.finance-loan-overview-link{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:14px;margin-bottom:16px;padding:13px 15px;border:1px solid #d9e6f2;border-radius:13px;background:linear-gradient(135deg,#f5f9fd 0%,#fff 100%);color:inherit;text-decoration:none;box-shadow:0 4px 14px rgba(23,54,93,.04);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.finance-loan-overview-link:hover{border-color:#9fc2e3;box-shadow:0 7px 18px rgba(23,54,93,.08);transform:translateY(-1px)}
.finance-loan-overview-link-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eaf3fb;color:#2f75b5;font-size:1.15rem;font-weight:900}
.finance-loan-overview-link-copy{display:grid;gap:3px;min-width:0}
.finance-loan-overview-link-copy strong{color:#24415f;font-size:.9rem}
.finance-loan-overview-link-copy small{color:#748296;font-size:.75rem;line-height:1.35}
.finance-loan-overview-link-arrow{color:#2f75b5;font-size:1.25rem;font-weight:900;text-align:center;transition:transform .16s ease}
.finance-loan-overview-link:hover .finance-loan-overview-link-arrow{transform:translateX(3px)}
.finance-loan-year-list{display:grid;gap:12px}
.finance-loan-year-accordion{overflow:hidden;border:1px solid #d8dee8;border-radius:16px;background:#f7f9fc}
.finance-loan-year-accordion>summary{display:grid;grid-template-columns:minmax(180px,1fr) auto 28px;align-items:center;gap:18px;padding:16px 18px;list-style:none;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.finance-loan-year-accordion>summary::-webkit-details-marker{display:none}
.finance-loan-year-accordion>summary:hover{background:#f1f5f9}
.finance-loan-year-accordion[open]>summary{background:#eef3f8;border-bottom:1px solid #d8dee8}
.finance-loan-year-title{display:flex;align-items:baseline;gap:10px;min-width:0}
.finance-loan-year-title strong{font-size:1.08rem;color:#243447}
.finance-loan-year-title small,.finance-loan-year-relief small{color:#718096;font-size:.78rem}
.finance-loan-year-relief{display:flex;align-items:center;gap:10px;text-align:right}
.finance-loan-year-relief b{color:#334155;font-size:.95rem}
.finance-loan-year-chevron{font-size:1.3rem;color:#64748b;transition:transform .18s ease;text-align:center}
.finance-loan-year-accordion[open] .finance-loan-year-chevron{transform:rotate(180deg)}
.finance-loan-year-content{padding:12px}
.finance-loan-list{display:grid;gap:10px}
.finance-loan-item-accordion{overflow:hidden;border:1px solid #e1e6ee;border-radius:14px;background:#fff}
.finance-loan-item-accordion>summary{display:grid;grid-template-columns:minmax(240px,1fr) auto 28px;align-items:center;gap:18px;padding:15px 18px;list-style:none;cursor:pointer;transition:background .16s ease}
.finance-loan-item-accordion>summary::-webkit-details-marker{display:none}
.finance-loan-item-accordion>summary:hover{background:#f8fafc}
.finance-loan-item-title{display:flex;align-items:center;gap:12px;min-width:0}
.finance-loan-item-title>strong{min-width:0;color:#24364b;font-size:1rem;overflow-wrap:anywhere}
.finance-loan-item-overview{display:flex;gap:8px}
.finance-loan-item-overview>span{min-width:120px;padding:8px 10px;border:1px solid #e7ebf0;border-radius:10px;background:#f8fafc;text-align:right}
.finance-loan-item-overview small,.finance-loan-item-overview b{display:block}
.finance-loan-item-overview small{color:#8490a0;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.finance-loan-item-overview b{margin-top:3px;color:#34455a;font-size:.82rem}
.finance-loan-item-chevron{color:#2f75b5;font-size:1.3rem;text-align:center;transition:transform .18s ease}
.finance-loan-item-accordion[open] .finance-loan-item-chevron{transform:rotate(180deg)}
.finance-loan-item-content{padding:0 18px 18px;border-top:1px solid #edf0f4}
.finance-loan-item-action{display:flex;justify-content:flex-end;padding-top:12px}
.finance-loan-item-action>a{white-space:nowrap;color:#2f75b5;font-size:.8rem;font-weight:800;text-decoration:none}
.finance-loan-item-action>a:hover{text-decoration:underline}
.finance-loan-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:12px}
.finance-loan-metrics>div{min-width:0;padding:11px 12px;border:1px solid #e7ebf0;border-radius:10px;background:#f8fafc}
.finance-loan-metrics span,.finance-loan-metrics strong{display:block}
.finance-loan-metrics span{color:#8490a0;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.finance-loan-metrics strong{margin-top:6px;color:#34455a;font-size:.88rem;overflow-wrap:anywhere}
.finance-loan-metrics .is-missing{border-style:dashed;background:#fffaf0}
.finance-loan-metrics .is-missing strong{color:#8a6a17}
.finance-loan-progress-placeholder{margin-top:14px}
.finance-loan-progress-placeholder>span{color:#687386;font-size:.75rem;font-weight:800}
.finance-loan-progress-placeholder>div{height:7px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e8edf3}
.finance-loan-progress-placeholder i{display:block;width:0;height:100%;background:#70ad47}
.finance-loan-progress-placeholder small{display:block;margin-top:6px;color:#929cab;font-size:.75rem}
.finance-loan-item-content footer{display:flex;justify-content:space-between;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f4;color:#758195;font-size:.77rem}
@media(max-width:1180px){
  .finance-loan-accordion>summary{grid-template-columns:1fr 34px}
  .finance-loan-summary-kpis{grid-column:1/-1;grid-row:2;justify-content:flex-start}
  .finance-loan-summary-kpis>span{text-align:left}
  .finance-loan-chevron{grid-column:2;grid-row:1}
  .finance-loan-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .finance-loan-overview-link{grid-template-columns:36px minmax(0,1fr) 24px;gap:10px;padding:12px}
  .finance-loan-overview-link-icon{width:36px;height:36px}
  .finance-loan-overview-link-copy small{font-size:.7rem}
  .finance-balance-section,.finance-loan-section{margin-left:16px;margin-right:16px}
  .finance-balance-section{padding:17px}
  .finance-section-head{display:block}
  .finance-section-count{display:inline-flex;margin-top:12px}
  .finance-kpi-grid.finance-kpi-grid-secondary{grid-template-columns:1fr}
  .finance-loan-accordion>summary{padding:17px;gap:12px}
  .finance-loan-summary-kpis{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .finance-loan-summary-kpis>span{min-width:0}
  .finance-loan-summary-kpis>span:nth-child(3){grid-column:1/-1}
  .finance-loan-content{padding:14px}
  .finance-loan-year-accordion>summary{grid-template-columns:1fr 28px;padding:14px;gap:10px}
  .finance-loan-year-relief{grid-column:1 / -1;grid-row:2;justify-content:space-between;text-align:left}
  .finance-loan-year-title{align-items:flex-start;flex-direction:column;gap:3px}
  .finance-loan-item-accordion>summary{grid-template-columns:1fr 28px;padding:14px;gap:10px}
  .finance-loan-item-overview{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .finance-loan-item-overview>span{min-width:0;text-align:left}
  .finance-loan-item-chevron{grid-column:2;grid-row:1}
  .finance-loan-item-content{padding:0 14px 14px}
  .finance-loan-metrics{grid-template-columns:1fr 1fr}
  .finance-loan-item-content footer{display:grid;gap:5px}
}
@media(max-width:430px){.finance-loan-metrics{grid-template-columns:1fr}}

/* Familienfinanzen Registerfilter · v3.2.14 */
.finance-tab-filter{margin:0 32px 22px}
.finance-tab-filter-accordion{
  min-width:0;
  overflow:hidden;
  border:1px solid #d7e0ea;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(23,54,93,.045);
}
.finance-tab-filter-accordion>summary{
  min-height:54px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 26px;
  align-items:center;
  gap:12px;
  padding:9px 14px;
  list-style:none;
  color:#34455a;
  cursor:pointer;
  user-select:none;
  transition:background .16s ease,color .16s ease;
}
.finance-tab-filter-accordion>summary::-webkit-details-marker{display:none}
.finance-tab-filter-accordion>summary:hover{background:#f3f7fb;color:#245783}
.finance-tab-filter-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#e8f0f8;
  color:#245783;
  font-size:18px;
  font-weight:900;
}
.finance-tab-filter-label{min-width:0;font-weight:900;color:inherit}
.finance-tab-filter-label .is-open{display:none}
.finance-tab-filter-accordion[open] .finance-tab-filter-label .is-closed{display:none}
.finance-tab-filter-accordion[open] .finance-tab-filter-label .is-open{display:inline}
.finance-tab-filter-chevron{
  display:grid;
  place-items:center;
  color:#64748b;
  font-size:21px;
  font-weight:900;
  transition:transform .18s ease;
}
.finance-tab-filter-accordion[open] .finance-tab-filter-chevron{transform:rotate(180deg)}
.finance-tab-filter-panel{padding:12px;border-top:1px solid #e5eaf0;background:#f9fbfd}
.finance-tab-filter .finance-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  overflow:visible;
  margin:0;
  padding:0;
}
@media(max-width:760px){
  .finance-tab-filter{margin:0 16px 22px}
  .finance-tab-filter-accordion>summary{min-height:50px;padding:8px 11px}
  .finance-tab-filter-panel{padding:10px}
  .finance-tab-filter .finance-tabs{margin:0}
}


/* Familienfinanzen · Finanzielle Lage in Prognose verschoben · v3.2.16 */
.finance-prognose-situation{margin:0 32px 32px}
@media(max-width:760px){.finance-prognose-situation{display:none!important}}

/* Familienfinanzen · Liquiditätsplanung nach Monatsphasen · v3.2.17 */
.finance-liquidity-plan-section{
  margin:0 32px 32px;
  padding:22px;
  background:#fff;
  border:1px solid #e1e6ee;
  border-radius:16px;
  box-shadow:0 6px 22px rgba(23,54,93,.06);
}
.finance-liquidity-period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.finance-liquidity-period-card{display:flex;flex-direction:column}
.finance-liquidity-range{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  height:28px;
  padding:0 9px;
  border-radius:8px;
  background:#e8f0f8;
  color:#245783;
  font-size:.74rem;
  font-weight:900;
}
.finance-liquidity-primary-label{display:block;margin-top:16px;color:#8490a0;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.finance-liquidity-period-card>strong{margin-top:7px}
.finance-liquidity-period-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.finance-liquidity-period-metrics>div{min-width:0;padding:10px 11px;border:1px solid #e5eaf0;border-radius:10px;background:#fff}
.finance-liquidity-period-metrics span,.finance-liquidity-period-metrics b{display:block}
.finance-liquidity-period-metrics span{color:#8490a0;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.finance-liquidity-period-metrics b{margin-top:5px;color:#34455a;font-size:.88rem;overflow-wrap:anywhere}
.finance-liquidity-period-metrics b.positive{color:#2f7d32}
.finance-liquidity-period-metrics b.negative{color:#a63a3a}
.finance-liquidity-period-metrics b.neutral{color:#536174}
.finance-liquidity-period-card>small{margin-top:auto;padding-top:14px}
@media(max-width:1100px){.finance-liquidity-period-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  .finance-liquidity-plan-section{display:none!important;margin-left:16px;margin-right:16px;padding:17px}
}

/* Familienfinanzen · Geplanter Monatsstart und fortlaufende Liquidität · v3.2.18 */
.finance-liquidity-start-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.finance-liquidity-start-card{grid-column:1;display:flex;flex-direction:column}
.finance-liquidity-start-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.finance-liquidity-start-metrics>div{min-width:0;padding:10px 11px;border:1px solid #e5eaf0;border-radius:10px;background:#fff}
.finance-liquidity-start-metrics span,.finance-liquidity-start-metrics b{display:block}
.finance-liquidity-start-metrics span{color:#8490a0;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.finance-liquidity-start-metrics b{margin-top:5px;color:#34455a;font-size:.88rem;overflow-wrap:anywhere}
.finance-liquidity-start-metrics b.positive{color:#2f7d32}
.finance-liquidity-period-metrics-single{grid-template-columns:1fr}
@media(max-width:1100px){.finance-liquidity-start-row{grid-template-columns:1fr}.finance-liquidity-start-card{grid-column:auto}}


/* Familienfinanzen · Klickbare Liquiditäts-Zeitblöcke · v3.2.19 */
.finance-liquidity-period-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.finance-liquidity-period-link:hover{transform:translateY(-2px);border-color:#c8d8e8;box-shadow:0 10px 26px rgba(23,54,93,.10)}
.finance-liquidity-period-link:focus-visible{outline:3px solid rgba(36,87,131,.24);outline-offset:3px;border-color:#8fb1cf}
.finance-liquidity-period-link>small span{display:inline-block;margin-left:5px;font-weight:900;color:#245783}

/* Familienfinanzen · Spielwiese Geplante Abbuchungen · v3.2.20 */
.finance-planned-preview-main{padding-bottom:48px}
.finance-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.finance-preview-head h1{margin:5px 0 3px}
.finance-preview-head p{margin:0;color:var(--muted)}
.finance-preview-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#fff3d6;color:#8a5b00;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.finance-preview-period-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.finance-preview-period-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);text-decoration:none;box-shadow:var(--shadow-soft)}
.finance-preview-period-tabs a span{color:var(--muted);font-size:.86rem}
.finance-preview-period-tabs a.active{border-color:#8ab9ff;background:#eef6ff;box-shadow:0 0 0 2px rgba(59,130,246,.08)}
.finance-preview-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.finance-preview-kpis article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-soft)}
.finance-preview-kpis span,.finance-preview-kpis small{display:block;color:var(--muted)}
.finance-preview-kpis strong{display:block;margin:7px 0 4px;font-size:1.28rem}
.finance-preview-groups{display:grid;gap:12px;padding-inline:18px;box-sizing:border-box}
.finance-preview-group{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}
.finance-preview-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:17px 22px;cursor:pointer;list-style:none}
.finance-preview-group>summary::-webkit-details-marker{display:none}
.finance-preview-group>summary span{display:flex;align-items:baseline;gap:10px}
.finance-preview-group>summary small{color:var(--muted)}
.finance-preview-group>summary i{font-style:normal;transition:transform .2s ease}
.finance-preview-group[open]>summary i{transform:rotate(180deg)}
.finance-preview-group-content{border-top:1px solid var(--line);padding:4px 18px}
.finance-preview-debit-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr) auto;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line-soft)}
.finance-preview-debit-row:last-child{border-bottom:0}
.finance-preview-debit-main{display:flex;align-items:center;gap:12px;min-width:0}
.finance-preview-debit-main>span:last-child{min-width:0}
.finance-preview-debit-main strong,.finance-preview-debit-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-preview-debit-main small{margin-top:3px;color:var(--muted)}
.finance-preview-day{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#eff6ff;color:#245da8;font-weight:800}
.finance-preview-debit-meta{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:.84rem}
@media(max-width:900px){.finance-preview-kpis,.finance-preview-period-tabs{grid-template-columns:1fr}.finance-preview-debit-row{grid-template-columns:1fr auto}.finance-preview-debit-meta{grid-column:1/-1}.finance-preview-head{align-items:flex-start;flex-direction:column}}

/* Familienfinanzen · Spielwiese seitliche Abstände · v3.2.21 */
@media(max-width:900px){.finance-preview-groups{padding-inline:10px}.finance-preview-group>summary{padding-inline:16px}}

/* Familienfinanzen · Einheitliche horizontale Seitenführung · v3.2.22 */
.finance-preview-period-tabs,
.finance-preview-kpis,
.finance-preview-groups{padding-inline:18px;box-sizing:border-box}
@media(max-width:900px){
  .finance-preview-period-tabs,
  .finance-preview-kpis,
  .finance-preview-groups{padding-inline:10px}
}

/* Familienfinanzen · Hauptbereiche als Akkordeons · v3.2.24 */
.finance-balance-section,
.finance-liquidity-plan-section{
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.finance-overview-accordion{
  overflow:hidden;
  background:#fff;
  border:1px solid #dfe5ed;
  border-radius:16px;
  box-shadow:0 6px 22px rgba(23,54,93,.06);
}
.finance-overview-accordion>summary{
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto 34px;
  align-items:center;
  gap:22px;
  padding:21px 22px;
  list-style:none;
  cursor:pointer;
  transition:background .16s ease;
}
.finance-overview-accordion>summary::-webkit-details-marker{display:none}
.finance-overview-accordion>summary:hover{background:#f8fafc}
.finance-overview-summary-main{display:grid;gap:4px;min-width:0}
.finance-overview-summary-main>strong{color:#24364b;font-size:1.15rem}
.finance-overview-chevron{color:#2f75b5;font-size:1.55rem;text-align:center;transition:transform .18s ease}
.finance-overview-accordion[open] .finance-overview-chevron{transform:rotate(180deg)}
.finance-overview-accordion-content{padding:18px 22px 22px;border-top:1px solid #edf0f4;background:#fbfcfd}
@media(max-width:1100px){
  .finance-overview-accordion>summary{grid-template-columns:1fr auto 34px;gap:14px}
}
@media(max-width:760px){
  .finance-overview-accordion>summary{padding:17px;gap:10px}
  .finance-overview-accordion-content{padding:14px}
}

/* Familienfinanzen · Darlehen-Bezeichnung · v3.2.27 */
.finance-balance-stack{gap:22px}
.finance-asset-group{display:grid;gap:12px}
.finance-asset-group+.finance-asset-group{padding-top:20px;border-top:1px solid #e7ebf0}
.finance-asset-group-heading{display:flex;align-items:center;gap:11px;min-height:42px}
.finance-asset-group-heading>div{display:grid;gap:1px}
.finance-asset-group-heading span{color:#8190a2;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.finance-asset-group-heading h3{margin:0;color:#24364b;font-size:1.03rem}
.finance-asset-group-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#edf4fb;color:#2f75b5;font-size:1rem;font-weight:900}
.finance-asset-group-icon.is-crypto{background:#fff4dd;color:#9b6812}
.finance-crypto-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.finance-crypto-card{border-style:dashed;background:#fcfdff}
.finance-crypto-card.is-total{background:linear-gradient(145deg,#f7fafc,#eef4fa);border-style:solid}
.finance-balance-card>strong.finance-placeholder-value{color:#7b8797;font-size:1.18rem}
.finance-crypto-card .finance-balance-icon{background:#fff4dd;color:#9b6812}
@media(max-width:980px){.finance-crypto-card-row{grid-template-columns:1fr}}

/* Familienfinanzen · Kreditkarten-Statusboxen · v3.2.28 */
.finance-credit-status-card{display:flex;flex-direction:column;min-height:370px}
.finance-credit-main-label{display:block;margin-top:16px;color:#7a8797;font-size:.72rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.finance-credit-status-card .finance-credit-available{display:block;margin-top:5px;color:#17365d;font-size:1.7rem;line-height:1.08}
.finance-credit-progress{height:8px;margin-top:14px;overflow:hidden;border-radius:999px;background:#e7edf4}
.finance-credit-progress>i{display:block;height:100%;min-width:0;border-radius:inherit;background:#2f75b5;transition:width .2s ease}
.finance-credit-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.finance-credit-kpis>span{min-width:0;padding:10px;border:1px solid #e3e9f0;border-radius:10px;background:#fff}
.finance-credit-kpis small,.finance-credit-kpis b{display:block}
.finance-credit-kpis small{color:#8490a0;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.finance-credit-kpis b{margin-top:5px;color:#34455a;font-size:.82rem;overflow-wrap:anywhere}
.finance-credit-meta{display:grid;gap:7px;margin:14px 0 0;padding-top:12px;border-top:1px solid #e8edf3}
.finance-credit-meta>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px}
.finance-credit-meta dt{color:#8490a0;font-size:.7rem;font-weight:800}
.finance-credit-meta dd{margin:0;color:#46576b;font-size:.74rem;line-height:1.35}
.finance-credit-card-foot{margin-top:auto!important;padding-top:13px;line-height:1.45!important}
@media(max-width:1180px){.finance-credit-kpis{grid-template-columns:1fr}.finance-credit-status-card{min-height:0}}


/* Familienfinanzen · DKB-Visa-Detailspielwiese · v3.2.29 */
.finance-credit-card-link{display:block;min-width:0;color:inherit;text-decoration:none;border-radius:16px}
.finance-credit-card-link .finance-credit-status-card{height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.finance-credit-card-link:hover .finance-credit-status-card,.finance-credit-card-link:focus-visible .finance-credit-status-card{transform:translateY(-2px);border-color:#aac4df;box-shadow:0 12px 28px rgba(31,65,101,.12)}
.finance-credit-card-link:focus-visible{outline:3px solid rgba(47,117,181,.24);outline-offset:3px}
.finance-credit-status-card.is-clickable{position:relative;padding-right:42px}
.finance-credit-card-arrow{position:absolute;right:17px;top:17px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef4fa;color:#2f75b5;font-weight:900}
.finance-card-detail-preview{padding-bottom:54px}
.finance-preview-title{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 24px 20px;padding-top:8px}
.finance-preview-title h1{margin:6px 0 4px;color:#24364b;font-size:2rem}.finance-preview-title p{margin:0;color:#738195}
.finance-preview-badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff1cf;color:#8c6211;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.finance-card-detail-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;margin:0 24px 18px}
.finance-card-detail-status,.finance-card-detail-terms,.finance-card-detail-section{border:1px solid #dfe7ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(35,60,86,.05)}
.finance-card-detail-status,.finance-card-detail-terms{padding:22px}.finance-card-detail-heading{display:flex;justify-content:space-between;gap:20px}.finance-card-detail-heading h2,.finance-card-detail-terms h2{margin:4px 0;color:#24364b}.finance-card-detail-heading p{margin:0;color:#7a8797}
.finance-card-detail-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#edf4fb;color:#2f75b5;font-size:1.2rem}
.finance-card-detail-status>strong{display:block;margin-top:5px;color:#17365d;font-size:2rem}
.finance-card-detail-terms dl{display:grid;gap:0;margin:14px 0 0}.finance-card-detail-terms dl>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;padding:11px 0;border-top:1px solid #edf1f5}.finance-card-detail-terms dt{color:#8490a0;font-weight:750}.finance-card-detail-terms dd{margin:0;color:#3d5066;font-weight:750}
.finance-card-detail-section{margin:0 24px;padding:22px}.finance-card-detail-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.finance-card-detail-section-head h2{margin:4px 0;color:#24364b}.finance-card-detail-section-head p{margin:0;color:#748297}.finance-card-detail-section-head code{padding:2px 5px;border-radius:5px;background:#f1f4f7}
.finance-card-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;padding:16px;border:1px solid #e3e9f0;border-radius:14px;background:#f8fafc}.finance-card-filter label{display:grid;gap:6px}.finance-card-filter label>span{color:#65758a;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.finance-card-filter input,.finance-card-filter select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cfd9e4;border-radius:9px;background:#fff;color:#2f4054}.finance-card-filter-search{grid-column:span 2}.finance-card-filter-actions{display:flex;align-items:end;gap:8px}
.finance-card-detail-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.finance-card-detail-kpis article{padding:15px;border:1px solid #e2e8ef;border-radius:13px;background:#fff}.finance-card-detail-kpis span,.finance-card-detail-kpis strong,.finance-card-detail-kpis small{display:block}.finance-card-detail-kpis span{color:#7d8999;font-size:.72rem;font-weight:800;text-transform:uppercase}.finance-card-detail-kpis strong{margin-top:6px;color:#2c4056;font-size:1.15rem}.finance-card-detail-kpis small{margin-top:5px;color:#8793a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finance-card-transaction-table{overflow:auto;margin-top:16px;border:1px solid #e2e8ef;border-radius:14px}.finance-card-transaction-table table{width:100%;border-collapse:collapse;min-width:980px}.finance-card-transaction-table th{padding:12px 14px;background:#f5f8fb;color:#65758a;font-size:.72rem;text-align:left;text-transform:uppercase;letter-spacing:.04em}.finance-card-transaction-table td{padding:13px 14px;border-top:1px solid #edf1f5;vertical-align:top;color:#42546a}.finance-card-transaction-table td strong,.finance-card-transaction-table td small{display:block}.finance-card-transaction-table td small{margin-top:4px;color:#8a96a4}.finance-card-transaction-table .number{text-align:right;white-space:nowrap}.finance-card-transaction-table .positive{color:#19734b;font-weight:800}.finance-card-transaction-table .negative{color:#a64343;font-weight:800}.finance-empty-cell{text-align:center;padding:34px!important;color:#7c8998!important}
.finance-card-row-detail summary{cursor:pointer;color:#2f75b5;font-weight:800}.finance-card-row-detail div{min-width:280px;max-width:420px;margin-top:8px;padding:10px;border-radius:9px;background:#f4f7fa;color:#526276;font-size:.78rem;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:1100px){.finance-card-detail-hero{grid-template-columns:1fr}.finance-card-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-card-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.finance-card-detail-preview{display:none}}


/* v3.2.30 · DKB-Visa Kontoauszüge & Abrechnungen */
.finance-statement-section{padding:0;overflow:hidden}

/* v3.2.31 · Abstand Dokumentenarchiv zu DKB-Visa-Buchungen */
.finance-statement-section{margin-bottom:18px}
.finance-statement-accordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 22px;cursor:pointer;user-select:none}
.finance-statement-accordion>summary::-webkit-details-marker{display:none}
.finance-statement-accordion>summary h2{margin:4px 0;color:#24364b}.finance-statement-accordion>summary p{margin:0;color:#748297}
.finance-statement-summary-meta{display:grid;grid-template-columns:auto auto 28px;align-items:center;gap:14px;text-align:right;color:#7d8999}.finance-statement-summary-meta strong{color:#31475f}.finance-statement-summary-meta i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef4f8;color:#50677e;font-style:normal;transition:transform .2s ease}.finance-statement-accordion[open] .finance-statement-summary-meta i{transform:rotate(180deg)}
.finance-statement-body{border-top:1px solid #e7edf3;padding:18px 22px 22px;background:#fbfcfd}
.finance-statement-empty{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px dashed #ccd8e4;border-radius:14px;background:#fff}.finance-statement-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf4fb;color:#2f75b5;font-size:1.25rem}.finance-statement-empty strong{display:block;color:#31475f}.finance-statement-empty p{margin:5px 0 0;max-width:760px;color:#748297;line-height:1.55}
.finance-statement-year+.finance-statement-year{margin-top:20px}.finance-statement-year-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.finance-statement-year-head h3{margin:0;color:#2d4258}.finance-statement-year-head span{color:#7c8998;font-size:.84rem;font-weight:750}
.finance-statement-list{display:grid;gap:8px}.finance-statement-row{display:grid;grid-template-columns:100px minmax(230px,1fr) 150px auto auto;align-items:center;gap:16px;padding:13px 14px;border:1px solid #dfe7ef;border-radius:13px;background:#fff}.finance-statement-month span,.finance-statement-month strong,.finance-statement-info strong,.finance-statement-info span,.finance-statement-amount span,.finance-statement-amount strong{display:block}.finance-statement-month span{color:#2e4359;font-weight:850}.finance-statement-month strong,.finance-statement-info span,.finance-statement-amount span{margin-top:2px;color:#8793a1;font-size:.78rem}.finance-statement-info strong{color:#354a60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-statement-amount{text-align:right}.finance-statement-amount strong{margin-top:3px;color:#263e56}.finance-statement-actions{display:flex;gap:7px}.finance-statement-actions .btn{padding:8px 11px;font-size:.82rem}
@media(max-width:1100px){.finance-statement-row{grid-template-columns:90px minmax(200px,1fr) 140px}.finance-statement-row>.finance-badge,.finance-statement-actions{grid-column:auto}.finance-statement-actions{grid-column:2/-1;justify-content:flex-end}}
@media(max-width:760px){.finance-statement-section{display:none}}

/* v3.2.35 · DKB-Girokonto-Detail */
.finance-giro-card-link{display:block;max-width:100%;min-width:0;color:inherit;text-decoration:none;border-radius:16px}
.finance-giro-card-link .finance-balance-card{height:100%;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.finance-giro-card-link:hover .finance-balance-card,.finance-giro-card-link:focus-visible .finance-balance-card{transform:translateY(-2px);border-color:#aac4df;box-shadow:0 12px 28px rgba(31,65,101,.12)}
.finance-giro-card-link:focus-visible{outline:3px solid rgba(47,117,181,.24);outline-offset:3px}
.finance-account-detail-page .finance-card-detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.finance-account-detail-page .finance-card-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v3.2.36 · Pfeilposition in Konto- und Kreditkartenboxen */
.finance-giro-card-link .finance-balance-card-head,
.finance-credit-status-card.is-clickable .finance-balance-card-head{padding-right:44px}
.finance-giro-card-link .finance-credit-card-arrow,
.finance-credit-status-card.is-clickable .finance-credit-card-arrow{top:14px;right:14px;z-index:2}
.finance-giro-card-link .finance-balance-type,
.finance-credit-status-card.is-clickable .finance-balance-type{min-width:0;text-align:right}


/* v3.2.42 · easybank Kartenhistorie: Abstand und kompaktere Typografie */
.finance-card-history-section{margin-bottom:18px}
.finance-card-history-section .finance-card-detail-kpis article{padding:14px 16px}
.finance-card-history-section .finance-card-detail-kpis strong{font-size:.98rem;line-height:1.32;font-weight:800;letter-spacing:-.01em}
.finance-card-history-section .finance-card-detail-kpis span{font-size:.68rem}
@media(max-width:1100px){.finance-card-history-section .finance-card-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

.finance-candidate-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.finance-candidate-actions form{margin:0}.finance-recurring-review{margin-bottom:20px}

/* v3.2.70 · Wiederkehrend Kartenansicht */
.finance-recurring-hero{display:grid;grid-template-columns:minmax(280px,1fr) minmax(520px,1.35fr);gap:24px;align-items:end;padding:28px;border:1px solid var(--line,#dfe5e2);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f5f9f7 100%);margin-bottom:20px}.finance-recurring-hero h2{margin:5px 0 8px;font-size:28px}.finance-recurring-hero p{margin:0;max-width:720px;color:var(--muted,#667085);line-height:1.55}.finance-recurring-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.finance-recurring-kpis article{padding:15px;border-radius:16px;background:#fff;border:1px solid var(--line,#e5e7eb);min-width:0}.finance-recurring-kpis span{display:block;color:var(--muted,#667085);font-size:12px;margin-bottom:7px}.finance-recurring-kpis strong{font-size:18px;white-space:nowrap}.finance-recurring-groups{display:grid;gap:16px}.finance-recurring-group{border:1px solid var(--line,#dfe5e2);border-radius:20px;background:#fff;overflow:hidden}.finance-recurring-group>summary{list-style:none;display:grid;grid-template-columns:1fr auto 24px;gap:18px;align-items:center;padding:20px 22px;cursor:pointer;background:#fbfcfb}.finance-recurring-group>summary::-webkit-details-marker{display:none}.finance-recurring-group>summary span{display:flex;align-items:baseline;gap:10px}.finance-recurring-group>summary strong{font-size:20px}.finance-recurring-group>summary small{color:var(--muted,#667085)}.finance-recurring-group>summary i{font-style:normal;transition:transform .2s}.finance-recurring-group[open]>summary i{transform:rotate(180deg)}.finance-recurring-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}.finance-recurring-card{display:flex;flex-direction:column;min-height:275px;padding:18px;border:1px solid var(--line,#e5e7eb);border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(20,45,35,.05)}.finance-recurring-card.is-ended{opacity:.62}.finance-recurring-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.finance-recurring-direction{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#667085)}.finance-recurring-card h3{font-size:18px;line-height:1.3;margin:15px 0 4px}.finance-recurring-card>p{margin:0;color:var(--muted,#667085);font-size:13px}.finance-recurring-amount{font-size:27px;margin:18px 0}.finance-recurring-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.finance-recurring-meta span{padding:10px 11px;border-radius:12px;background:#f7f8f7;min-width:0}.finance-recurring-meta small{display:block;color:var(--muted,#667085);font-size:11px;margin-bottom:4px}.finance-recurring-meta b{display:block;font-size:13px;overflow-wrap:anywhere}.finance-recurring-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.finance-recurring-tags span{font-size:11px;padding:5px 8px;border-radius:999px;background:#eef3f0;color:#365346}.finance-recurring-tags .is-variable{background:#fff4dc;color:#8a5b00}.finance-recurring-note{margin-top:12px;border-top:1px solid var(--line,#e5e7eb);padding-top:10px}.finance-recurring-note summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted,#667085)}.finance-recurring-note p{font-size:12px;line-height:1.45;color:var(--muted,#667085);margin:8px 0 0}@media(max-width:1250px){.finance-recurring-hero{grid-template-columns:1fr}.finance-recurring-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.finance-recurring-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-recurring-card-grid{grid-template-columns:1fr;padding:10px}.finance-recurring-group>summary{grid-template-columns:1fr auto;padding:16px}.finance-recurring-group>summary i{display:none}.finance-recurring-group>summary span{display:block}.finance-recurring-group>summary b{font-size:13px}.finance-recurring-hero{padding:20px}.finance-recurring-meta{grid-template-columns:1fr}}


/* v3.2.71 · Einheitlicher zentrierter Seitencontainer Familienfinanzen */
.finance-page-container{
  width:min(1480px,calc(100% - 64px));
  margin:0 auto;
  padding:0 0 42px;
  box-sizing:border-box;
}
.finance-page-container>.content-head{padding-left:0;padding-right:0}
.finance-page-container>.finance-tab-filter,
.finance-page-container>.finance-balance-section,
.finance-page-container>.finance-loan-section,
.finance-page-container>.finance-liquidity-plan-section,
.finance-page-container>.finance-recurring-review,
.finance-page-container>.finance-recurring-hero,
.finance-page-container>.finance-recurring-groups,
.finance-page-container>.finance-open-grid,
.finance-page-container>.finance-object-grid,
.finance-page-container>.finance-card,
.finance-page-container>.finance-import-message{
  margin-left:0;
  margin-right:0;
}
.finance-page-container>*{max-width:100%;box-sizing:border-box}
@media(max-width:900px){
  .finance-page-container{width:calc(100% - 32px);padding-bottom:28px}
  .finance-page-container>.content-head{padding-left:0;padding-right:0}
}

/* v3.2.72 · Wiederkehrend: Einnahmen vor Ausgaben, dezente Bereichsüberschriften, Akkordeons geschlossen */
.finance-recurring-sections{display:grid;gap:30px}
.finance-recurring-section{display:grid;gap:13px}
.finance-recurring-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:3px 4px 0;border-bottom:1px solid var(--line,#dfe5e2)}
.finance-recurring-section-head>div{padding-bottom:11px}
.finance-recurring-section-head h2{margin:2px 0 0;font-size:19px;line-height:1.2;letter-spacing:-.01em;color:#34453d}
.finance-recurring-section-head>span{padding-bottom:11px;color:var(--muted,#667085);font-size:12px;font-weight:650;text-align:right}
.finance-recurring-section-kicker{display:block;color:#7b8b83;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.finance-recurring-section-einnahme .finance-recurring-section-head{border-bottom-color:#d7e9df}
.finance-recurring-section-ausgabe .finance-recurring-section-head{border-bottom-color:#eadfde}
@media(max-width:760px){.finance-recurring-section-head{align-items:flex-start}.finance-recurring-section-head>span{max-width:48%}}


/* v3.2.73 · Wiederkehrend: klare Bereichsfarben und variable Einnahmen */
.finance-recurring-section-einnahme .finance-recurring-section-head h2{color:var(--primary,#1f7a4c)}
.finance-recurring-section-ausgabe .finance-recurring-section-head h2{color:#8a3f46}
.finance-recurring-card.is-variable-income{border-color:#cfe3d8;background:linear-gradient(180deg,#fff 0%,#f7fbf8 100%)}
.finance-recurring-card.is-variable-income .finance-recurring-amount{font-size:22px}

/* v3.2.74 · Fahrzeugüberführung in die zentrale Einnahmen-Logik integriert */
.finance-recurring-card.is-variable-income{height:100%}
.finance-recurring-section-einnahme .finance-recurring-section-head>span{max-width:58%}
@media(max-width:760px){.finance-recurring-section-einnahme .finance-recurring-section-head>span{max-width:52%}}

/* v3.2.75 · Einnahmen-Akkordeon eindeutig benannt */

/* v3.2.76 · Einnahmen-Beschriftung korrekt zugeordnet */


/* Familienfinanzen · Kostenblöcke fokussiert · v3.2.78 */
.finance-cost-blocks-main{max-width:1480px;margin:0 auto;width:100%;}
.finance-cost-blocks-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.finance-cost-block-period-tabs{grid-template-columns:repeat(3,minmax(0,1fr));}
.finance-cost-block-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}
.finance-cost-area-section,.finance-cost-block-groups{margin-top:24px;}
.finance-cost-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 12px;padding:0 4px;}
.finance-cost-section-heading h2{margin:3px 0 0;font-size:24px;}
.finance-cost-section-heading>span{color:#667085;font-weight:700;}
.finance-cost-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.finance-cost-area-grid article{background:#fff;border:1px solid #e1e7ef;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.035);}
.finance-cost-area-grid article>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#667085;font-size:13px;}
.finance-cost-area-grid article>div:first-child strong{color:#172033;font-size:15px;}
.finance-cost-area-grid article>b{display:block;margin:12px 0 10px;font-size:22px;color:#172033;}
.finance-cost-share-bar{height:6px;border-radius:999px;background:#edf1f5;overflow:hidden;}
.finance-cost-share-bar i{display:block;height:100%;background:var(--primary,#2d8a57);border-radius:inherit;}
.finance-cost-block-group summary{grid-template-columns:minmax(260px,1fr) 100px minmax(180px,auto) 24px;}
.finance-cost-block-summary-title{display:flex;flex-direction:column;gap:3px;}
.finance-cost-block-summary-share{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;color:#667085;}
.finance-cost-block-summary-share b{font-size:15px;color:#344054;}
.finance-cost-block-summary-share small{font-size:11px;}
.finance-cost-block-row{grid-template-columns:minmax(320px,1.6fr) minmax(240px,1fr) minmax(150px,.45fr);}
.finance-cost-block-amount{text-align:right;display:flex;flex-direction:column;gap:2px;}
.finance-cost-block-amount small{font-size:11px;color:#7a8699;}
.finance-preview-debit-meta .is-variable{background:#fff3cd;color:#8a6100;border-color:#f4df9b;}
@media(max-width:1100px){.finance-cost-area-grid,.finance-cost-block-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}.finance-cost-block-row{grid-template-columns:1fr;}.finance-cost-block-amount{text-align:left;}}
@media(max-width:720px){.finance-cost-block-period-tabs,.finance-cost-area-grid,.finance-cost-block-kpis{grid-template-columns:1fr;}.finance-cost-block-group summary{grid-template-columns:1fr auto 24px;}.finance-cost-block-summary-share{display:none;}.finance-cost-blocks-head-actions{width:100%;}.finance-cost-blocks-head-actions .btn{flex:1;text-align:center;}}


/* v3.2.79 · Kostenblock-Metadaten als Badges */
.finance-cost-block-row{grid-template-columns:minmax(320px,1fr) minmax(150px,.45fr);align-items:center;}
.finance-preview-debit-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
.finance-preview-debit-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;}
.finance-preview-debit-badges>span{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border:1px solid #dfe7e3;border-radius:999px;background:#f2f6f4;color:#496157;font-size:12px;font-weight:700;line-height:1;}
.finance-preview-debit-badges>span.is-variable{background:#fff3cd;color:#8a6100;border-color:#f4df9b;}
@media(max-width:1100px){.finance-cost-block-row{grid-template-columns:1fr auto;}.finance-cost-block-amount{text-align:right;}}
@media(max-width:720px){.finance-cost-block-row{grid-template-columns:1fr;}.finance-cost-block-amount{text-align:left;}}


/* v3.2.80 · Gesamte erwartete Monatskosten im Monatsstart */
.finance-liquidity-start-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.finance-liquidity-start-metrics b.negative{color:#9a4650}
@media(max-width:900px){.finance-liquidity-start-metrics{grid-template-columns:1fr}}

/* v3.2.81 · Monatsstartkarte kompakter ausbalanciert */
.finance-liquidity-start-card{grid-column:1 / span 2;max-width:980px}
@media(max-width:1280px){.finance-liquidity-start-card{grid-column:1/-1;max-width:100%}}
@media(max-width:1100px){.finance-liquidity-start-card{grid-column:auto;max-width:none}}


/* v3.2.82 · Monatsstartkarte in zwei Zeilen mit kompakter Kennzahlenlogik */
.finance-liquidity-start-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.finance-liquidity-start-card{grid-column:1;max-width:none}
.finance-liquidity-start-metrics{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"balance balance" "inflows costs";gap:10px}
.finance-liquidity-start-metrics>.finance-liquidity-start-metric{min-width:0;padding:12px 13px;border:1px solid #e5eaf0;border-radius:12px;background:#fff}
.finance-liquidity-start-metric.is-balance{grid-area:balance;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border-color:#dfe7f1}
.finance-liquidity-start-metric.is-inflows{grid-area:inflows;background:linear-gradient(180deg,#ffffff 0%,#f6fbf7 100%);border-color:#d6e8da}
.finance-liquidity-start-metric.is-costs{grid-area:costs;background:linear-gradient(180deg,#ffffff 0%,#fdf7f7 100%);border-color:#ecdade}
.finance-liquidity-start-metrics>.finance-liquidity-start-metric span,.finance-liquidity-start-metrics>.finance-liquidity-start-metric b{display:block}
.finance-liquidity-start-metrics>.finance-liquidity-start-metric span{color:#7f8c9d;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.finance-liquidity-start-metrics>.finance-liquidity-start-metric b{margin-top:6px;color:#34455a;font-size:1rem;overflow-wrap:anywhere}
.finance-liquidity-start-metric b.positive{color:#2f7d32}
.finance-liquidity-start-metric b.negative{color:#9a4650}
@media(max-width:1280px){.finance-liquidity-start-card{max-width:560px}}
@media(max-width:1100px){.finance-liquidity-start-card{grid-column:1/-1;max-width:100%}}
@media(max-width:760px){.finance-liquidity-start-metrics{grid-template-columns:1fr;grid-template-areas:"balance" "inflows" "costs"}}

/* v3.2.88 · Zentrale Benutzer- und Zugriffsverwaltung */
.access-main{max-width:1480px;margin:0 auto;width:100%}
.access-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}
.access-summary>div,.access-profile-card,.access-admin-note{background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.access-summary strong,.access-summary span{display:block}.access-summary span{margin-top:5px;color:#667085;line-height:1.5}
.access-profile-card{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:16px}
.access-profile-card label{min-width:280px;font-weight:800}.access-profile-card select{display:block;width:100%;margin-top:7px}.access-profile-card p{margin:0;color:#667085}
.access-matrix{overflow:hidden;background:#fff;border:1px solid #dde5ee;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.access-row{display:grid;grid-template-columns:minmax(280px,1fr) 220px 220px;gap:16px;align-items:center;padding:13px 18px;border-top:1px solid #edf1f5}
.access-row:first-child{border-top:0}.access-row.is-child{padding-left:46px;background:#fbfcfd}.access-row.is-child>div:first-child{position:relative}.access-row.is-child>div:first-child:before{content:'↳';position:absolute;left:-22px;color:#98a2b3}
.access-row>div strong,.access-row>div small{display:block}.access-row>div small{margin-top:2px;color:#98a2b3;font-size:11px}.access-head{background:#f5f8fa;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.access-effective{display:inline-flex;justify-content:center;padding:7px 10px;border-radius:999px;background:#eef2f6;color:#475467;font-size:12px;font-weight:800}.access-effective.view{background:#eef5ff;color:#315f9f}.access-effective.edit{background:#eef8f1;color:#2f7748}.access-effective.manage{background:#f3efff;color:#6544a6}.access-effective.none{background:#fff0f1;color:#9a4650}
.access-actions{display:flex;justify-content:flex-end;margin-top:16px}.access-admin-note{color:#475467}.users-card-actions .btn{margin-right:8px}
@media(max-width:900px){.access-summary{grid-template-columns:1fr}.access-profile-card{display:block}.access-profile-card p{margin-top:12px}.access-row{grid-template-columns:1fr}.access-head{display:none}.access-row.is-child{padding-left:32px}.access-effective{justify-self:start}}
.user-permission-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:14px;border-top:1px solid #edf1f5}

/* v3.2.94 · kompakte Partnerkürzel und gemeinsamer Inbox-Filter */
.inbox-share-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0;border-radius:50%;font-size:12px;font-weight:900;line-height:1;white-space:nowrap;letter-spacing:.02em}
.inbox-draft-row .inbox-share-badge{cursor:default;user-select:none}
.inbox-share-badge.received{background:#eef6ff;color:#245b8f;border:1px solid #cfe2f5}
.inbox-share-badge.sent{background:#f2f7f2;color:#3f6e4b;border:1px solid #d6e6d8}
.inbox-draft-row{grid-template-columns:40px minmax(0,1fr) 34px auto auto 8px}
.inbox-draft-row .inbox-share-badge{justify-self:center}
.inbox-draft-detail-head .inbox-share-badge{margin:4px 0 2px}
.inbox-partner-filter{gap:6px}
@media (max-width:760px){.inbox-draft-row{grid-template-columns:38px minmax(0,1fr) 34px}.inbox-draft-row .inbox-share-badge{grid-column:3;margin-top:0}.inbox-draft-row time,.inbox-draft-row .inbox-draft-tag,.inbox-draft-row>i{display:none}}


/* v3.3.04 · stabile Metadaten-Spalten für private und geteilte Inbox-Einträge */
.inbox-draft-row{
  grid-template-columns:40px minmax(0,1fr) 34px minmax(94px,max-content) max-content 8px;
}
.inbox-draft-row .inbox-share-slot-empty{
  display:block;
  width:34px;
  height:34px;
  min-width:34px;
  visibility:hidden;
  pointer-events:none;
}
.inbox-draft-row time{
  min-width:94px;
  text-align:right;
  justify-self:end;
}
.inbox-draft-row .inbox-draft-tag{
  justify-self:end;
  white-space:nowrap;
}
.inbox-draft-row > i{
  justify-self:end;
}
@media (max-width:760px){
  .inbox-draft-row{grid-template-columns:38px minmax(0,1fr) 34px;}
  .inbox-draft-row .inbox-share-slot-empty{grid-column:3;margin-top:0;}
}

/* v3.3.09 · Mehrfachauswahl für Inbox-Freigaben */
.inbox-share-recipient-fieldset{border:1px solid var(--line,#dbe4ee);border-radius:14px;padding:12px 14px;margin:0;background:#f8fbf9}.inbox-share-recipient-fieldset legend{font-weight:800;padding:0 6px}.inbox-share-recipient-options{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.inbox-share-recipient-option{display:inline-flex!important;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cfe3d6;border-radius:999px;background:#fff;cursor:pointer;font-weight:700}.inbox-share-recipient-option input{width:auto!important;margin:0}.inbox-share-badge{white-space:nowrap;min-width:38px;width:auto;padding:0 8px}.user-edit-form select[multiple]{min-height:132px;padding:8px}.user-edit-form select[multiple] option{padding:7px 8px;border-radius:6px}


/* v3.3.10 · Benutzerverwaltung: einheitlicher Sidebar-Kopf und stabile Freigabepartner-Auswahl */
.user-edit-form .user-share-partners{
  grid-column:1 / -1;
  min-width:0;
  margin:0 0 4px;
  padding:16px;
  border:1px solid #dce5ee;
  border-radius:16px;
  background:#f7fbf8;
}
.user-edit-form .user-share-partners legend{
  padding:0 8px;
  font-weight:900;
  color:#172033;
}
.user-share-partner-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.user-edit-form label.user-share-partner-option{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:11px 12px;
  border:1px solid #d4e3d9;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
}
.user-edit-form label.user-share-partner-option:hover{border-color:#78af8d;background:#fbfffc}
.user-edit-form .user-share-partner-option input{
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin:0;
}
.user-share-partner-option span{display:grid;gap:2px;min-width:0}
.user-share-partner-option strong,.user-share-partner-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-share-partner-option small{font-weight:650;color:#66758a}
.user-share-help{display:block;margin-top:10px;color:#66758a;line-height:1.45}
.user-share-empty{grid-column:1/-1;margin:0;color:#758399}
@media (max-width:760px){
  .user-share-partner-grid{grid-template-columns:1fr}
}


/* v3.3.12 · Benutzer aktualisieren: eigene Aktionszeile */
.user-edit-form .user-role-field{
  grid-column:1 / 4;
}
.user-edit-form .user-check{
  grid-column:4 / -1;
  align-self:end;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 4px;
}
.user-edit-form .user-update-button{
  grid-column:1 / -1;
  justify-self:end;
  align-self:center;
  min-width:220px;
  min-height:44px;
  margin-top:2px;
  padding:0 18px;
  border:1px solid #2f8356;
  background:#fff;
  color:#2b754d;
  box-shadow:0 7px 16px rgba(15,23,42,.06);
}
.user-edit-form .user-update-button:hover{
  background:#f0f8f3;
  border-color:#2b754d;
}
@media (max-width:1060px){
  .user-edit-form .user-role-field{grid-column:1 / 2;}
  .user-edit-form .user-check{grid-column:2 / 3;}
  .user-edit-form .user-update-button{grid-column:1 / -1;justify-self:end;}
}
@media (max-width:860px){
  .user-edit-form .user-role-field,
  .user-edit-form .user-check,
  .user-edit-form .user-update-button{grid-column:1 / -1;}
  .user-edit-form .user-update-button{justify-self:stretch;width:100%;}
}


/* v3.3.17: Benutzerbezogene Seitenansichten */
.user-edit-form .user-page-variants{grid-column:1 / -1;border:1px solid #dce8e1;border-radius:16px;padding:14px 16px;background:#fbfdfc;margin:0;}
.user-edit-form .user-page-variants legend{font-weight:800;padding:0 8px;}
.user-edit-form .user-page-variants label{display:grid;grid-template-columns:minmax(180px,240px) minmax(220px,420px);gap:14px;align-items:center;font-weight:750;}
.user-edit-form .user-page-variants small{display:block;margin-top:8px;color:var(--muted,#66758a);}
@media(max-width:760px){.user-edit-form .user-page-variants label{grid-template-columns:1fr;gap:7px;}}
.milestones-view-fauzan .page-title::after{content:'Fauzan-Ansicht';display:inline-flex;margin-left:10px;padding:4px 9px;border-radius:999px;background:#eef7f1;color:#2c7a50;font-size:12px;font-weight:800;vertical-align:middle;}

/* v3.3.20: Fauzan-Aufgaben als vollwertige Karten mit Drag & Drop */
.milestones-view-fauzan .fauzan-topic-card{
  display:block !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#172033;
  transition:none !important;
  overflow:visible;
}
.milestones-view-fauzan .fauzan-topic-card:hover{
  transform:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.milestones-view-fauzan .fauzan-topic-card::before{top:28px !important;}
.milestones-view-fauzan .fauzan-topic-card::after{top:24px !important;}
.milestones-view-fauzan .fauzan-topic-head,
.milestones-view-fauzan .fauzan-task-card{
  box-sizing:border-box;
  width:100%;
  min-height:56px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 11px 22px rgba(15,23,42,.075);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.milestones-view-fauzan .fauzan-topic-card.can-reorder .fauzan-topic-head,
.milestones-view-fauzan .fauzan-task-card.can-reorder{
  grid-template-columns:24px minmax(0,1fr);
}
.milestones-view-fauzan .fauzan-topic-head:hover,
.milestones-view-fauzan .fauzan-task-card:hover{
  transform:translateY(-1px);
  border-color:#d2dae8;
  box-shadow:0 16px 32px rgba(15,23,42,.1);
}
.milestones-view-fauzan .fauzan-topic-head > .topic-drag-handle,
.milestones-view-fauzan .fauzan-topic-head > .topic-title,
.milestones-view-fauzan .fauzan-topic-head > .topic-menu,
.milestones-view-fauzan .fauzan-task-card > *{align-self:center;}
.milestones-view-fauzan .fauzan-topic-card.can-reorder .fauzan-topic-head{
  grid-template-columns:24px minmax(0,1fr) 34px;
}
.milestones-view-fauzan .fauzan-task-branch{
  position:relative;
  width:100%;
  margin:12px 0 0 34px;
  padding:2px 0 0 20px;
  color:#475569;
}
.milestones-view-fauzan .fauzan-task-branch::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:24px;
  width:1px;
  background:color-mix(in srgb,var(--project-color,var(--green)) 42%,white);
}
.milestones-view-fauzan .fauzan-task-list{
  display:grid;
  gap:10px;
  width:100%;
  min-height:4px;
  margin:0;
  padding:0;
}
.milestones-view-fauzan .fauzan-task-list.is-task-drop-target{
  border-radius:14px;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--project-color,var(--green)) 12%,transparent);
}
.milestones-view-fauzan .fauzan-task-card,
.milestones-view-fauzan .fauzan-add-task-form{
  position:relative;
}
.milestones-view-fauzan .fauzan-task-card::before,
.milestones-view-fauzan .fauzan-add-task-form::before{
  content:"";
  position:absolute;
  left:-20px;
  top:50%;
  width:20px;
  height:1px;
  background:color-mix(in srgb,var(--project-color,var(--green)) 42%,white);
}
.milestones-view-fauzan .fauzan-task-card::after,
.milestones-view-fauzan .fauzan-add-task-form::after{
  content:"";
  position:absolute;
  left:-24px;
  top:calc(50% - 4px);
  width:8px;
  height:8px;
  border:1.5px solid color-mix(in srgb,var(--project-color,var(--green)) 65%,#64748b);
  border-radius:50%;
  background:#fff;
}
.milestones-view-fauzan .fauzan-task-title{
  min-width:0;
  max-width:100%;
  color:#172033;
  text-decoration:none;
  font-size:15px;
  font-weight:780;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.milestones-view-fauzan .fauzan-task-title:hover{text-decoration:underline;}
.milestones-view-fauzan .fauzan-task-card.is-done .fauzan-task-title{
  color:#7b8798;
  text-decoration:line-through;
  text-decoration-thickness:1px;
}
.milestones-view-fauzan .fauzan-task-drag-handle{
  width:22px;
  height:34px;
  margin:0;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#9aa7b8;
  display:grid;
  place-items:center;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
.milestones-view-fauzan .fauzan-task-drag-handle:hover,
.milestones-view-fauzan .fauzan-task-drag-handle:focus-visible{
  color:var(--project-color,var(--green));
  background:color-mix(in srgb,var(--project-color,var(--green)) 10%,white);
  outline:none;
}
.milestones-view-fauzan .fauzan-task-drag-handle:active,
.milestones-view-fauzan .fauzan-task-drag-handle[aria-grabbed="true"]{
  cursor:grabbing;
  color:var(--project-color,var(--green));
  background:color-mix(in srgb,var(--project-color,var(--green)) 14%,white);
}
.milestones-view-fauzan .fauzan-task-drag-handle>span{
  display:grid;
  grid-template-columns:repeat(2,3px);
  grid-auto-rows:3px;
  gap:3px;
  pointer-events:none;
}
.milestones-view-fauzan .fauzan-task-drag-handle i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:currentColor;
  display:block;
}
.milestones-view-fauzan .fauzan-task-list.is-saving-order .fauzan-task-drag-handle{pointer-events:none;opacity:.45;}
.milestones-view-fauzan .fauzan-task-card.is-sorting-task{
  opacity:.3;
  border:1.5px dashed var(--project-color,var(--green));
  background:color-mix(in srgb,var(--project-color,var(--green)) 8%,white);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--project-color,var(--green)) 8%,transparent);
  transform:none !important;
}
body.is-fauzan-task-sorting,body.is-fauzan-task-sorting *{cursor:grabbing !important;}
.milestones-view-fauzan .fauzan-task-sort-ghost{
  position:fixed !important;
  z-index:1250;
  left:0;
  top:0;
  margin:0 !important;
  pointer-events:none !important;
  opacity:.97;
  border-color:var(--project-color,var(--green)) !important;
  box-shadow:0 20px 44px rgba(15,23,42,.22) !important;
  transform-origin:top left;
  will-change:transform;
}
.milestones-view-fauzan .fauzan-task-sort-ghost::before,
.milestones-view-fauzan .fauzan-task-sort-ghost::after{display:none !important;}
.milestones-view-fauzan .fauzan-add-task-form{width:100%;margin:10px 0 0;}
.milestones-view-fauzan .fauzan-add-task-form input{
  box-sizing:border-box;
  width:100%;
  min-height:52px;
  border:1px dashed color-mix(in srgb,var(--project-color,var(--green)) 40%,white);
  border-radius:12px;
  background:#fff;
  color:var(--project-color,var(--green));
  outline:0;
  padding:0 14px;
  font-size:14px;
  font-weight:800;
  box-shadow:0 7px 14px rgba(15,23,42,.035);
}
.milestones-view-fauzan .fauzan-add-task-form input::placeholder{color:var(--project-color,var(--green));opacity:.9;}
.milestones-view-fauzan .fauzan-add-task-form input:focus{
  border-style:solid;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--project-color,var(--green)) 12%,transparent);
}
.milestones-view-fauzan .topic-sort-ghost.fauzan-topic-card .fauzan-topic-head{box-shadow:none;}
@media(max-width:900px){
  .milestones-view-fauzan .fauzan-task-branch{margin-left:28px;padding-left:17px;}
  .milestones-view-fauzan .fauzan-task-card::before,
  .milestones-view-fauzan .fauzan-add-task-form::before{left:-17px;width:17px;}
  .milestones-view-fauzan .fauzan-task-card::after,
  .milestones-view-fauzan .fauzan-add-task-form::after{left:-21px;}
}


/* v3.3.21: Fauzan-Meilensteine ohne Kategorien, zwei Karten pro Zeile */
.milestones-view-fauzan .fauzan-flat-project-list{
  gap:0;
  padding-top:30px;
}
.milestones-view-fauzan .fauzan-flat-project-section{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.milestones-view-fauzan .fauzan-flat-project-section>.project-category-body{
  padding:0 64px 30px 24px;
}
.milestones-view-fauzan .fauzan-flat-project-grid{
  --project-grid-columns:2;
  --project-grid-column-gap:64px;
  --project-grid-row-gap:38px;
}
@media(max-width:980px){
  .milestones-view-fauzan .fauzan-flat-project-section>.project-category-body{padding-left:18px;padding-right:58px;}
}
@media(max-width:760px){
  .milestones-view-fauzan .fauzan-flat-project-list{padding-top:18px;}
  .milestones-view-fauzan .fauzan-flat-project-section>.project-category-body{padding:0 10px 24px;}
  .milestones-view-fauzan .fauzan-flat-project-grid{--project-grid-columns:1!important;--project-grid-column-gap:0px;--project-grid-row-gap:26px;}
}

/* v3.3.29 · Familienfinanzen Analyse-Spielwiese */
.finance-analysis-preview-main{width:100%;padding-bottom:0}.finance-analysis-page-container{padding-bottom:64px}.finance-analysis-head{align-items:flex-start}.finance-analysis-head p{max-width:760px;margin:.45rem 0 0;color:var(--muted)}.finance-analysis-notice{margin:0 0 18px;padding:12px 16px;border:1px solid #b9ddc8;background:#eef9f2;border-radius:14px;font-weight:700;color:#25613d}.finance-analysis-months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.finance-analysis-months a{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;text-decoration:none}.finance-analysis-months a strong{font-size:.95rem}.finance-analysis-months a span{font-size:.75rem;color:var(--muted)}.finance-analysis-months a.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(32,128,82,.12);background:#f2faf5}.finance-analysis-months a.incomplete{border-style:dashed}.finance-analysis-kpis,.finance-analysis-class-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.finance-analysis-kpis article,.finance-analysis-class-kpis article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:5px}.finance-analysis-kpis span,.finance-analysis-class-kpis span{font-size:.8rem;color:var(--muted);font-weight:700}.finance-analysis-kpis strong,.finance-analysis-class-kpis strong{font-size:1.35rem}.finance-analysis-kpis small,.finance-analysis-class-kpis small{color:var(--muted)}.finance-analysis-kpis .is-negative strong{color:#a13b36}.finance-analysis-kpis .is-positive strong{color:#267447}.finance-analysis-class-kpis .class-unresolved{border-style:dashed}.finance-analysis-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.finance-analysis-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.finance-analysis-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.finance-analysis-section-head h2{margin:3px 0 0;font-size:1.15rem}.finance-analysis-section-head>strong{font-size:1.1rem}.finance-analysis-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.finance-analysis-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.finance-analysis-row strong{overflow-wrap:anywhere}.finance-analysis-row small{color:var(--muted)}.finance-analysis-row b{white-space:nowrap}.finance-analysis-empty,.finance-analysis-help{color:var(--muted)}.finance-analysis-additional{margin-bottom:16px}.finance-analysis-extra-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(300px,420px);gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.finance-analysis-extra-copy{display:grid;grid-template-columns:84px minmax(0,1fr);gap:3px 10px;align-items:center}.finance-analysis-extra-copy span{grid-row:1/3;color:var(--muted);font-size:.8rem}.finance-analysis-extra-copy small{color:var(--muted)}.finance-analysis-extra-row>b{white-space:nowrap}.finance-analysis-classify-form{display:grid;grid-template-columns:1fr auto;gap:8px}.finance-analysis-classify-form select{min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff}.finance-analysis-insight textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:14px;font:inherit;box-sizing:border-box}.finance-analysis-insight-actions{display:flex;justify-content:flex-end;margin-top:12px}
@media(max-width:1100px){.finance-analysis-months,.finance-analysis-kpis,.finance-analysis-class-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-analysis-extra-row{grid-template-columns:minmax(0,1fr) auto}.finance-analysis-classify-form{grid-column:1/-1}}
@media(max-width:760px){.finance-analysis-months,.finance-analysis-kpis,.finance-analysis-class-kpis,.finance-analysis-columns{grid-template-columns:1fr}.finance-analysis-extra-row{grid-template-columns:1fr}.finance-analysis-extra-copy{grid-template-columns:1fr}.finance-analysis-extra-copy span{grid-row:auto}.finance-analysis-classify-form{grid-column:auto}}

/* v3.3.30 · Kompakter Monatsnavigator der Analyse-Spielwiese */
.finance-analysis-month-navigator{position:relative;display:grid;grid-template-columns:minmax(170px,1fr) minmax(280px,420px) minmax(170px,1fr);align-items:stretch;gap:12px;margin-bottom:18px}.finance-analysis-month-arrow{min-height:76px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;text-decoration:none;font-weight:800;transition:border-color .16s ease,background .16s ease,transform .16s ease}.finance-analysis-month-arrow span{font-size:1.8rem;line-height:1}.finance-analysis-month-arrow small{font-size:.82rem}.finance-analysis-month-arrow:hover{border-color:var(--accent);background:#f5faf7;transform:translateY(-1px)}.finance-analysis-month-arrow.is-disabled{opacity:.38;pointer-events:none}.finance-analysis-month-picker{position:relative}.finance-analysis-month-picker>summary{height:100%;min-height:76px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;border:2px solid var(--accent);border-radius:16px;background:#f2faf5;cursor:pointer;list-style:none}.finance-analysis-month-picker>summary::-webkit-details-marker{display:none}.finance-analysis-month-current{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.finance-analysis-month-current>small{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.finance-analysis-month-current>strong{font-size:1.15rem}.finance-analysis-month-current>span{font-size:.76rem;color:var(--muted)}.finance-analysis-month-current>span.is-incomplete{color:#9a6218}.finance-analysis-month-picker-icon{font-size:1.35rem;transition:transform .18s ease}.finance-analysis-month-picker[open] .finance-analysis-month-picker-icon{transform:rotate(180deg)}.finance-analysis-month-picker-panel{position:absolute;z-index:30;top:calc(100% + 8px);left:50%;width:min(680px,calc(100vw - 48px));transform:translateX(-50%);padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(26,40,34,.18)}.finance-analysis-month-year+.finance-analysis-month-year{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.finance-analysis-month-year>strong{display:block;margin-bottom:9px;font-size:.82rem;color:var(--muted)}.finance-analysis-month-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.finance-analysis-month-options a{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none;background:#fff}.finance-analysis-month-options a span{font-weight:800;font-size:.86rem}.finance-analysis-month-options a small{font-size:.7rem;color:var(--muted)}.finance-analysis-month-options a:hover{border-color:var(--accent);background:#f7fbf8}.finance-analysis-month-options a.active{border-color:var(--accent);background:#eaf7ef;box-shadow:0 0 0 1px rgba(32,128,82,.1)}.finance-analysis-month-options a.incomplete{border-style:dashed}
@media(max-width:900px){.finance-analysis-month-navigator{grid-template-columns:76px minmax(0,1fr) 76px}.finance-analysis-month-arrow{min-width:0;padding:10px}.finance-analysis-month-arrow small{display:none}.finance-analysis-month-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.finance-analysis-month-navigator{grid-template-columns:54px minmax(0,1fr) 54px;gap:8px}.finance-analysis-month-arrow{min-height:68px}.finance-analysis-month-picker>summary{min-height:68px;padding:10px 12px}.finance-analysis-month-current>strong{font-size:1rem}.finance-analysis-month-picker-panel{padding:14px;width:min(92vw,680px)}.finance-analysis-month-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
\n\n/* v3.3.31 · Zusammengeführte Monatsausgabenliste der Analyse-Spielwiese */
.finance-analysis-monthly-list{margin-bottom:16px}.finance-analysis-unified-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(250px,380px);gap:18px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.finance-analysis-unified-copy{min-width:0;display:grid;grid-template-columns:88px minmax(0,1fr);gap:4px 12px;align-items:center}.finance-analysis-date{grid-row:1/3;color:var(--muted);font-size:.8rem}.finance-analysis-title-line{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.finance-analysis-title-line strong{overflow-wrap:anywhere}.finance-analysis-unified-copy small{color:var(--muted)}.finance-analysis-unified-row>b{white-space:nowrap;font-size:1rem}.finance-analysis-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:800;line-height:1.1}.finance-analysis-badge.recurring{background:#e8f5ed;color:#216a41;border:1px solid #b9ddc8}.finance-analysis-badge.classification{border:1px solid var(--line);background:#f7f7f7;color:var(--muted)}.finance-analysis-badge.class-necessary{background:#eef6ff;color:#285f91;border-color:#c9def1}.finance-analysis-badge.class-consumption{background:#fff2e8;color:#94501f;border-color:#efd0b9}.finance-analysis-badge.class-one_time{background:#f3efff;color:#6748a0;border-color:#d8ccf3}.finance-analysis-badge.class-unresolved{background:#fafafa;color:#6d7470;border-style:dashed}.finance-analysis-recurring-note{justify-self:end;color:var(--muted);font-size:.76rem;font-weight:700;text-align:right}.finance-analysis-unified-row.is-recurring{background:linear-gradient(90deg,rgba(32,128,82,.035),transparent 58%)}
@media(max-width:1100px){.finance-analysis-unified-row{grid-template-columns:minmax(0,1fr) auto}.finance-analysis-classify-form,.finance-analysis-recurring-note{grid-column:1/-1}.finance-analysis-recurring-note{justify-self:start;text-align:left}}
@media(max-width:760px){.finance-analysis-unified-row{grid-template-columns:1fr}.finance-analysis-unified-copy{grid-template-columns:1fr}.finance-analysis-date{grid-row:auto}.finance-analysis-unified-row>b{justify-self:start}.finance-analysis-classify-form,.finance-analysis-recurring-note{grid-column:auto;width:100%}}


/* v3.3.32 · Bank- und Kontoquelle in der Analyse-Spielwiese */
.finance-analysis-account-source{grid-column:2;display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin-top:2px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#f7f9f8;color:var(--muted);font-size:.7rem;line-height:1.1}.finance-analysis-account-source strong{color:var(--text);font-size:inherit;overflow-wrap:normal}.finance-analysis-account-source span{white-space:nowrap}.finance-analysis-date{grid-row:1/4}
@media(max-width:760px){.finance-analysis-account-source{grid-column:auto}.finance-analysis-date{grid-row:auto}}

/* v3.3.33 · Persönliche Analysehierarchie und Verwaltung */
.finance-analysis-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.finance-analysis-class-kpis article{position:relative;overflow:hidden}
.finance-analysis-class-kpis article::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--analysis-color,#64748b)}
.finance-analysis-class-kpis article.is-unrated::before{background:#94a3b8}
.finance-analysis-badge.personal{background:color-mix(in srgb,var(--analysis-color,#64748b) 14%,white);border-color:color-mix(in srgb,var(--analysis-color,#64748b) 38%,white);color:var(--analysis-color,#475569)}
.finance-analysis-category-label{display:block;margin-top:7px;font-size:.78rem;color:#475569}
.finance-analysis-personal-form{grid-template-columns:minmax(150px,1fr) minmax(170px,1.15fr) minmax(180px,1.2fr) auto;align-items:end}
.finance-analysis-personal-form label{display:grid;gap:5px;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em}
.finance-analysis-personal-form select,.finance-analysis-personal-form input{min-height:40px;border:1px solid #d9e2ec;border-radius:10px;background:#fff;padding:8px 10px;color:#172033;font:inherit;text-transform:none;letter-spacing:normal}
.finance-analysis-admin-grid{display:grid;grid-template-columns:1fr;gap:18px}
.finance-analysis-admin-create{display:grid;grid-template-columns:minmax(170px,1fr) 92px 110px minmax(220px,1.5fr) auto;gap:10px;align-items:end;margin:0 0 18px}
.finance-analysis-admin-create label{display:grid;gap:5px;font-size:.75rem;font-weight:700;color:#64748b}
.finance-analysis-admin-create input,.finance-analysis-admin-create select,.finance-analysis-admin-row input,.finance-analysis-admin-row select{min-height:40px;border:1px solid #d9e2ec;border-radius:10px;background:#fff;padding:8px 10px;color:#172033;font:inherit}
.finance-analysis-admin-create input[type=color],.finance-analysis-admin-row input[type=color]{padding:4px;width:54px}
.finance-analysis-admin-list,.finance-analysis-admin-groups{display:grid;gap:10px}
.finance-analysis-admin-groups>section{border-top:1px solid #e8edf3;padding-top:14px}
.finance-analysis-admin-groups h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1rem}
.finance-analysis-admin-row{display:grid;grid-template-columns:18px minmax(150px,1fr) 58px 90px minmax(180px,1.4fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #e5ebf1;border-radius:12px;background:#fbfcfe}
.finance-analysis-admin-groups .finance-analysis-admin-row{grid-template-columns:minmax(150px,.8fr) minmax(150px,1fr) 90px minmax(180px,1.3fr) auto auto}
.finance-analysis-admin-row.is-inactive{opacity:.58;background:#f3f5f7}
.finance-analysis-color-dot{width:12px;height:12px;border-radius:999px;background:var(--analysis-color,#64748b);display:inline-block;flex:0 0 auto}
@media(max-width:1100px){.finance-analysis-personal-form{grid-template-columns:1fr 1fr}.finance-analysis-note-field{grid-column:1/-1}.finance-analysis-admin-create{grid-template-columns:1fr 1fr}.finance-analysis-admin-create .wide{grid-column:1/-1}.finance-analysis-admin-row,.finance-analysis-admin-groups .finance-analysis-admin-row{grid-template-columns:1fr 1fr}.finance-analysis-admin-row .wide{grid-column:1/-1}.finance-analysis-color-dot{display:none}}
@media(max-width:680px){.finance-analysis-head-actions{justify-content:flex-start}.finance-analysis-personal-form,.finance-analysis-admin-create,.finance-analysis-admin-row,.finance-analysis-admin-groups .finance-analysis-admin-row{grid-template-columns:1fr}.finance-analysis-note-field,.finance-analysis-admin-create .wide,.finance-analysis-admin-row .wide{grid-column:auto}.finance-analysis-admin-row input[type=color]{width:100%}}

/* v3.3.34 · Kompakte Buchungszeilen mit Analyse-Akkordeon */
.finance-analysis-unified-row{display:block;padding:0;border-top:1px solid var(--line)}
.finance-analysis-row-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 0 12px}
.finance-analysis-row-amount{white-space:nowrap;font-size:1rem;align-self:center}
.finance-analysis-row-accordion{margin:0 0 10px}
.finance-analysis-row-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155;font-size:.78rem;font-weight:800;cursor:pointer;list-style:none}
.finance-analysis-row-accordion>summary::-webkit-details-marker{display:none}
.finance-analysis-row-accordion>summary:hover{background:#f1f5f9;border-color:#cbd5e1}
.finance-analysis-accordion-icon{font-size:1rem;line-height:1;transition:transform .18s ease}
.finance-analysis-row-accordion[open] .finance-analysis-accordion-icon{transform:rotate(180deg)}
.finance-analysis-row-editor{padding:14px 12px 12px;border:1px solid #e2e8f0;border-top:0;border-radius:0 0 12px 12px;background:#fbfdff}
.finance-analysis-row-accordion[open]>summary{border-radius:10px 10px 0 0;background:#f1f5f9}
.finance-analysis-personal-form{display:grid;width:100%;grid-template-columns:minmax(150px,1fr) minmax(170px,1.15fr) minmax(180px,1.25fr) auto;gap:12px;align-items:end}
.finance-analysis-personal-form .btn{min-height:40px;white-space:nowrap}
@media(max-width:1100px){.finance-analysis-personal-form{grid-template-columns:1fr 1fr}.finance-analysis-note-field{grid-column:1/-1}.finance-analysis-personal-form .btn{justify-self:start}}
@media(max-width:680px){.finance-analysis-row-main{grid-template-columns:1fr;gap:8px}.finance-analysis-row-amount{justify-self:start}.finance-analysis-personal-form{grid-template-columns:1fr}.finance-analysis-note-field{grid-column:auto}.finance-analysis-personal-form .btn{width:100%}}

/* v3.3.35 · Akkordeon-Verwaltung und stabile Formularkarten */
.finance-analysis-manage-accordion{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.finance-analysis-manage-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;cursor:pointer;list-style:none;background:#fff}
.finance-analysis-manage-accordion>summary::-webkit-details-marker{display:none}
.finance-analysis-manage-accordion>summary:hover{background:#f8fbf9}
.finance-analysis-manage-accordion>summary h2{margin:3px 0 2px;font-size:1.18rem}
.finance-analysis-manage-accordion>summary p{margin:0;color:var(--muted);font-size:.78rem}
.finance-analysis-manage-chevron{font-size:1.35rem;transition:transform .18s ease;color:#64748b}
.finance-analysis-manage-accordion[open] .finance-analysis-manage-chevron{transform:rotate(180deg)}
.finance-analysis-manage-body{padding:0 18px 18px;border-top:1px solid #e8edf3}
.finance-analysis-admin-create-card,.finance-analysis-admin-card{display:block;margin-top:16px;padding:14px;border:1px solid #e3e9ef;border-radius:14px;background:#fbfcfe}
.finance-analysis-admin-create-card{background:#f6faf7;border-style:dashed}
.finance-analysis-create-head,.finance-analysis-admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}
.finance-analysis-create-head>div,.finance-analysis-admin-card-title{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.finance-analysis-create-head>div{flex-direction:column;align-items:flex-start;gap:2px}
.finance-analysis-create-head small{color:var(--muted)}
.finance-analysis-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.finance-analysis-status-pill{display:inline-flex;padding:3px 8px;border:1px solid #dbe4ec;border-radius:999px;background:#fff;color:#64748b;font-size:.68rem;font-weight:800}
.finance-analysis-create-grid,.finance-analysis-admin-card-grid{display:grid;gap:11px;align-items:end}
.finance-analysis-create-grid.rating-grid,.finance-analysis-admin-card-grid.rating-grid{grid-template-columns:minmax(180px,1fr) 82px 110px minmax(260px,1.5fr)}
.finance-analysis-create-grid.category-grid,.finance-analysis-admin-card-grid.category-grid{grid-template-columns:minmax(180px,.9fr) minmax(180px,1fr) 110px minmax(260px,1.4fr)}
.finance-analysis-create-grid label,.finance-analysis-admin-card-grid label{display:grid;gap:5px;min-width:0;font-size:.73rem;font-weight:700;color:#64748b}
.finance-analysis-create-grid input,.finance-analysis-create-grid select,.finance-analysis-admin-card-grid input,.finance-analysis-admin-card-grid select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;border:1px solid #d9e2ec;border-radius:10px;background:#fff;padding:8px 10px;color:#172033;font:inherit}
.finance-analysis-create-grid input[type=color],.finance-analysis-admin-card-grid input[type=color]{padding:4px}
.finance-analysis-admin-groups>section{padding-top:18px}
.finance-analysis-admin-groups h3 small{margin-left:auto;color:var(--muted);font-size:.72rem;font-weight:700}
.finance-analysis-admin-card.is-inactive{opacity:.62;background:#f3f5f7}
@media(max-width:1050px){.finance-analysis-create-grid.rating-grid,.finance-analysis-admin-card-grid.rating-grid,.finance-analysis-create-grid.category-grid,.finance-analysis-admin-card-grid.category-grid{grid-template-columns:1fr 1fr}.finance-analysis-create-grid .description-field,.finance-analysis-admin-card-grid .description-field{grid-column:1/-1}}
@media(max-width:680px){.finance-analysis-manage-accordion>summary{padding:15px}.finance-analysis-manage-body{padding:0 12px 12px}.finance-analysis-create-head,.finance-analysis-admin-card-head{align-items:flex-start;flex-direction:column}.finance-analysis-card-actions{justify-content:flex-start;width:100%}.finance-analysis-card-actions .btn,.finance-analysis-create-head>.btn{flex:1}.finance-analysis-create-grid.rating-grid,.finance-analysis-admin-card-grid.rating-grid,.finance-analysis-create-grid.category-grid,.finance-analysis-admin-card-grid.category-grid{grid-template-columns:1fr}.finance-analysis-create-grid .description-field,.finance-analysis-admin-card-grid .description-field{grid-column:auto}}


/* v3.3.36 · Unterakkordeons für Einstufungen und Analysekategorien */
.finance-analysis-item-accordion{margin-top:12px;border:1px solid #e3e9ef;border-radius:13px;background:#fbfcfe;overflow:hidden}
.finance-analysis-item-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;cursor:pointer;list-style:none;background:#fbfcfe}
.finance-analysis-item-accordion>summary::-webkit-details-marker{display:none}
.finance-analysis-item-accordion>summary:hover{background:#f5f8fb}
.finance-analysis-item-accordion>summary>div{min-width:0}
.finance-analysis-item-accordion>summary small{display:block;margin-top:3px;color:var(--muted);font-size:.7rem;font-weight:700}
.finance-analysis-item-create{border-style:dashed;background:#f6faf7}
.finance-analysis-item-create>summary{background:#f6faf7}
.finance-analysis-item-create>summary>div{display:flex;flex-direction:column;align-items:flex-start}
.finance-analysis-item-chevron{flex:0 0 auto;color:#64748b;font-size:1.05rem;transition:transform .18s ease}
.finance-analysis-item-accordion[open] .finance-analysis-item-chevron{transform:rotate(180deg)}
.finance-analysis-item-accordion[open]>summary{border-bottom:1px solid #e3e9ef;background:#f8fafc}
.finance-analysis-item-body{padding:13px 14px 14px;background:#fff}
.finance-analysis-item-body .finance-analysis-admin-create-card,.finance-analysis-item-body .finance-analysis-admin-card{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.finance-analysis-item-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:13px}
.finance-analysis-item-accordion.is-inactive{opacity:.68;background:#f3f5f7}
.finance-analysis-admin-list>.finance-analysis-item-accordion:first-child{margin-top:14px}
.finance-analysis-admin-groups .finance-analysis-item-accordion{margin-top:9px}
@media(max-width:680px){.finance-analysis-item-accordion>summary{padding:12px}.finance-analysis-item-body{padding:12px}.finance-analysis-item-actions{justify-content:stretch}.finance-analysis-item-actions .btn{flex:1}}


/* v3.3.37 · Oberkategorien innerhalb der Analysekategorien als Akkordeons */
.finance-analysis-category-group{margin-top:12px;border:1px solid #e3e9ef;border-radius:13px;background:#fff;overflow:hidden}
.finance-analysis-category-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none;background:#fbfcfe}
.finance-analysis-category-group>summary::-webkit-details-marker{display:none}
.finance-analysis-category-group>summary:hover{background:#f5f8fb}
.finance-analysis-category-group-title{display:flex;align-items:center;gap:9px;min-width:0}
.finance-analysis-category-group-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-analysis-category-group-count{color:var(--muted);font-size:.72rem;font-weight:800;white-space:nowrap}
.finance-analysis-category-group[open]>summary{border-bottom:1px solid #e3e9ef;background:#f8fafc}
.finance-analysis-category-group[open]>summary>.finance-analysis-item-chevron{transform:rotate(180deg)}
.finance-analysis-category-group-body{padding:4px 14px 14px;background:#fff}
.finance-analysis-category-group-body>.finance-analysis-empty{margin:12px 0 2px}
.finance-analysis-category-group-body>.finance-analysis-item-accordion:first-of-type{margin-top:10px}
@media(max-width:680px){.finance-analysis-category-group>summary{grid-template-columns:minmax(0,1fr) auto;padding:12px}.finance-analysis-category-group-count{grid-column:1/2;padding-left:21px}.finance-analysis-category-group>summary>.finance-analysis-item-chevron{grid-column:2;grid-row:1/3}.finance-analysis-category-group-body{padding:2px 12px 12px}}


/* v3.3.75 · Monatsplanung – kompakter Dropdown-Picker mit reserviertem UX-Raum */
.finance-month-page{position:relative;margin-top:4px;margin-bottom:24px;transition:margin-bottom .18s ease}
.finance-month-page.is-picker-open{margin-bottom:252px}
.finance-month-page-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:28px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:visible}
.finance-month-page-head h2{margin:4px 0 0;font-size:28px;line-height:1.15}
.finance-month-selector{display:flex;flex-direction:column;gap:7px;width:100%;max-width:100%;min-width:0;position:relative;z-index:90}
.finance-month-selector-label{font-size:12px;font-weight:700;color:var(--muted)}
.finance-modern-month-picker{position:relative;width:100%}
.finance-modern-month-trigger{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-weight:750;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.finance-modern-month-trigger:hover{border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green) 3%,var(--surface))}
.finance-modern-month-picker.is-open .finance-modern-month-trigger{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}
.finance-modern-month-panel{position:absolute;z-index:100;top:calc(100% + 10px);right:0;left:auto;bottom:auto;transform:none;width:min(420px,calc(100vw - 64px));box-sizing:border-box;margin:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 46px rgba(15,23,42,.15)}
.finance-modern-month-panel[hidden]{display:none}
.finance-modern-month-yearbar{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-bottom:14px}
.finance-modern-month-yearbar strong{text-align:center;font-size:16px;letter-spacing:.01em}
.finance-modern-month-yearbar button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font:inherit;font-size:22px;line-height:1;cursor:pointer;transition:border-color .16s ease,background .16s ease}
.finance-modern-month-yearbar button:hover{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,#fff)}
.finance-modern-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.finance-modern-month-grid button{min-height:42px;padding:8px 7px;border:1px solid transparent;border-radius:11px;background:#f5f7f9;color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.finance-modern-month-grid button:hover{border-color:color-mix(in srgb,var(--green) 40%,var(--line));background:color-mix(in srgb,var(--green) 8%,#fff);transform:translateY(-1px)}
.finance-modern-month-grid button.is-selected{border-color:var(--green);background:color-mix(in srgb,var(--green) 13%,#fff);color:#2b754d}
@media(max-width:760px){.finance-month-page{margin-bottom:20px}.finance-month-page.is-picker-open{margin-bottom:320px}.finance-month-page-head{grid-template-columns:1fr;align-items:stretch}.finance-month-selector{width:100%}.finance-modern-month-picker{width:100%}.finance-modern-month-panel{right:auto;left:0;width:100%}.finance-modern-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.finance-month-page.is-picker-open{margin-bottom:408px}.finance-modern-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v3.3.82 – Finanzen / Monatsabschluss */
.finance-close-page{margin-bottom:24px}.finance-close-page .finance-month-page-head p{margin:7px 0 0;color:var(--muted,#667085);max-width:720px}
.finance-close-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 20px}.finance-close-kpis article{background:#fff;border:1px solid var(--line,#dfe5e2);border-radius:18px;padding:18px 19px;min-width:0}.finance-close-kpis span,.finance-close-kpis small{display:block;color:var(--muted,#667085)}.finance-close-kpis span{font-size:12px;font-weight:700}.finance-close-kpis strong{display:block;margin:7px 0 3px;font-size:25px;line-height:1.05;color:#334a62}.finance-close-kpis small{font-size:11px;line-height:1.35}
.finance-close-missing{margin-bottom:20px}.finance-close-missing-list{display:grid;gap:9px}.finance-close-missing-list>div{display:grid;grid-template-columns:12px minmax(180px,1fr) auto auto;gap:10px;align-items:center;padding:11px 13px;border:1px solid #e8ece9;border-radius:12px;background:#fbfcfb}.finance-close-missing-list span{font-size:12px;color:#6b7785}.finance-close-missing-list small{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#8a949f}.finance-close-dot{width:9px;height:9px;border-radius:999px;background:#c5cbd1}.finance-close-dot.is-complete{background:#5f9273}.finance-close-dot.is-warning{background:#d69b3f}.finance-close-dot.is-missing{background:#bd6269}.finance-close-dot.is-progress,.finance-close-dot.is-received{background:#668cba}.finance-close-dot.is-inactive{background:#7f8790}.finance-close-all-done{padding:15px;border-radius:13px;background:#f2f8f4;color:#37634b;font-weight:700}
.finance-close-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.finance-close-source-card{padding:20px;min-width:0}.finance-close-source-card.is-warning{border-color:#ead4aa}.finance-close-source-card.is-complete{border-color:#cfe0d5}.finance-close-source-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center}.finance-close-source-icon{width:42px;height:42px;border-radius:13px;background:#f2f5f4;display:grid;place-items:center;font-weight:800;color:#445b52}.finance-close-source-head h2{margin:2px 0 0;font-size:18px}.finance-close-status{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#f0f2f4;color:#66717d;white-space:nowrap}.finance-close-status.is-complete{background:#edf6f0;color:#3e7154}.finance-close-status.is-warning{background:#fff5df;color:#8b6427}.finance-close-status.is-missing{background:#faebed;color:#8f454c}.finance-close-status.is-progress,.finance-close-status.is-received{background:#edf3fb;color:#486d9a}.finance-close-status.is-inactive{background:#eef0f2;color:#5f6871}
.finance-close-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.finance-close-checklist span{padding:8px 10px;border-radius:10px;background:#f4f5f5;color:#7a858f;font-size:11px;font-weight:700}.finance-close-checklist span.done{background:#eef6f0;color:#477157}.finance-close-source-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.finance-close-source-metrics>div{padding:11px;background:#f8faf9;border-radius:11px}.finance-close-source-metrics span{display:block;font-size:10px;color:#78838e}.finance-close-source-metrics strong{display:block;margin-top:4px;color:#3c5063}.finance-close-source-note,.finance-close-source-placeholder{margin:12px 0;color:#697682;font-size:12px;line-height:1.5}.finance-close-source-edit{margin-top:15px;border-top:1px solid #edf0ee;padding-top:12px}.finance-close-source-edit summary{cursor:pointer;color:#5b6875;font-size:12px;font-weight:700}.finance-close-source-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}.finance-close-source-form label{display:grid;gap:5px}.finance-close-source-form label>span{font-size:10px;font-weight:700;color:#717c87}.finance-close-source-form select,.finance-close-source-form input{width:100%;box-sizing:border-box;border:1px solid #dce3df;border-radius:10px;padding:9px 10px;background:#fff;color:#3f4f5d}
@media(max-width:1100px){.finance-close-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-close-source-grid{grid-template-columns:1fr}}@media(max-width:760px){.finance-close-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-close-kpis article:last-child{grid-column:1/-1}.finance-close-missing-list>div{grid-template-columns:12px minmax(0,1fr);}.finance-close-missing-list>div>span:not(.finance-close-dot),.finance-close-missing-list>div>small{grid-column:2}.finance-close-source-head{grid-template-columns:38px minmax(0,1fr)}.finance-close-status{grid-column:2;justify-self:start}.finance-close-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-close-source-metrics{grid-template-columns:1fr}.finance-close-source-form{grid-template-columns:1fr}}

.finance-close-auto-note{margin-top:15px;padding-top:12px;border-top:1px solid #edf0ee;color:#71808d;font-size:11px;line-height:1.45}