/* Tab: wiedervorlagen — flach (29.10.2026). Scope: html.twenty-ui[data-crm-page="wiedervorlagen"]
   Eine Fläche: Gruppen als Unterstrich-Reiter, Listenzeilen durch 1px-Linien getrennt. */
html.twenty-ui[data-crm-page="wiedervorlagen"] main>div>header{padding-bottom:4px}

/* Gruppen-Reiter: Unterstrich statt getönter Pillen-Leiste (kein Hintergrundwechsel) */
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav{display:flex;flex-wrap:wrap;gap:4px 20px;width:100%;max-width:100%;margin:12px 0 0;padding:0;background:none;border:0;border-bottom:1px solid var(--crm-line);border-radius:0}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--crm-quiet);font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav a:hover{color:var(--bs-body-color)}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav a:focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px;border-radius:4px}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav a[aria-current=true]{color:var(--crm-accent);border-bottom-color:var(--crm-accent);font-weight:600;background:transparent;box-shadow:none}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav a .crm-nav-count{font-size:12px;padding:1px 6px;border-radius:5px;background:rgba(100,110,120,.09);color:var(--crm-quiet);font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav a[aria-current=true] .crm-nav-count{background:rgba(23,86,118,.10);color:var(--crm-accent)}

/* Listenzeilen: ruhige, feste Spalten */
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item{padding:14px 0!important;border:0!important;border-bottom:1px solid var(--crm-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div{gap:20px}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:first-child>a{font-size:15px;font-weight:600;letter-spacing:-.005em}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:first-child>span:last-child:not(:first-child){color:var(--bs-secondary-color);font-size:13px;line-height:1.45}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:first-child>span:first-child{align-self:center}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child{margin-left:auto!important;gap:12px;align-items:center}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child>.fs-7{min-width:120px;text-align:right;font-size:13px!important;font-weight:500;font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child>.fs-8{min-width:76px;margin-left:0!important;font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child>.btn{margin-left:0!important}

/* „Alle n Einträge anzeigen“ */
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section>.card-body>.btn,html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section>.card-body>button{margin-top:12px;color:var(--crm-accent);font-weight:500;border:0;background:transparent;min-height:44px;padding-left:4px}

/* Hinweis „ohne nächsten Schritt“: flache Zeile mit Linie oben, kein Kasten */
html.twenty-ui[data-crm-page="wiedervorlagen"] main p.mt-4.text-muted{margin:20px 0 0!important;padding:14px 0 0;border-top:1px solid var(--crm-line);border-radius:0;background:none;font-size:14px;gap:4px 8px;flex-wrap:wrap}
html.twenty-ui[data-crm-page="wiedervorlagen"] main p.mt-4.text-muted a{font-weight:500;display:inline-flex;align-items:center;min-height:44px;color:var(--crm-accent)}

@media(max-width:1100px){
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child>.fs-8{display:none!important}
}
@media(max-width:600px){
html.twenty-ui[data-crm-page="wiedervorlagen"] main>div>header .pg-title{margin-bottom:4px}
html.twenty-ui[data-crm-page="wiedervorlagen"] main>div>header p{font-size:14px;line-height:1.45}
/* Reiter: umbrechen statt abschneiden, nichts hinter Verlauf versteckt */
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav{gap:0 16px;margin-top:8px}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-section-nav a{min-height:44px;font-size:15px}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item{padding:6px 0 4px!important}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:0 4px;align-items:start}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:first-child{grid-column:1;grid-row:1;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2px!important;padding-top:10px}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:first-child>a{grid-row:1!important;grid-column:1!important;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:first-child>span:last-child:not(:first-child){grid-row:2!important;grid-column:1!important;font-size:14px}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:first-child>span:first-child{grid-row:3!important;grid-column:1!important;margin-top:4px;justify-self:start}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child{display:contents!important}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child>.fs-7{grid-column:1;grid-row:2;min-width:0;text-align:left;padding:2px 0 12px;font-size:13px!important}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child>.fs-8,html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child>.avatar{display:none!important}
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:last-child>.btn{grid-column:2;grid-row:1/span 2;align-self:center;justify-self:end;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
html.twenty-ui[data-crm-page="wiedervorlagen"] main p.mt-4.text-muted{align-items:flex-start!important}
/* Titel-Link als Touch-Ziel ≥ 40 px (Abnahme 30.10.2026, F6-11): Innenabstand vergrößert die Trefferfläche, der negative Rand hält das Layout gleich. */
html.twenty-ui[data-crm-page="wiedervorlagen"] .crm-due-section .advance-list-item>div>div:first-child>a{position:relative;z-index:1;padding:10px 0;margin:-10px 0}
}

/* Abnahme 29.10.2026 (Bereich 4): Fehlerhinweis (z. B. 429) und Dunkelmodus */
html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] main .alert-danger{background:#3a1a1a;border-color:#6b2f2f;color:#ffb8b0}
html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] .crm-due-section .avatar .initial-wrap{color:#9fd3ee}
html.twenty-ui[data-crm-page="wiedervorlagen"] main>div>header:has(h1.ck-h1-weg){padding-top:8px!important}
/* Ladefehler (z. B. 429): keinen irreführenden Leerzustand „Keine Wiedervorlagen.“ und kein „Wird geladen …“ daneben zeigen */
html.twenty-ui[data-crm-page="wiedervorlagen"] main .alert-danger+.card.text-center{display:none}
html.twenty-ui[data-crm-page="wiedervorlagen"] main header:has(+.alert-danger) p{display:none}

/* Redundante Seitenhinweise bereinigt (Pascal). */
html.twenty-ui[data-crm-page="wiedervorlagen"] main .hk-pg-header{display:none!important}

/* Abnahme 30.10.2026 (F6-10, VF6-N1): Akzentblau #175676 hat auf dunklem Grund nur 1,9:1. Im Dunkelmodus helles Blau (8,5:1)
   für aktiven Reiter, Zähler, „Alle n Einträge anzeigen“ und „Liste öffnen“; „vor n Tagen“ in hellem Rot (6,8:1). */
html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] .crm-section-nav a[aria-current=true]{color:#8bc9e8;border-bottom-color:#8bc9e8}
html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] .crm-section-nav a[aria-current=true] .crm-nav-count{background:rgba(139,201,232,.14);color:#8bc9e8}
html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] .crm-section-nav a:focus-visible{outline-color:#8bc9e8}
html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] .crm-due-section>.card-body>.btn,html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] .crm-due-section>.card-body>button,html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] main p.mt-4.text-muted a{color:#8bc9e8}
html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] .crm-due-overdue .advance-list-item .text-danger{color:#f0948b!important}
html.twenty-ui[data-bs-theme=dark][data-crm-page="wiedervorlagen"] .crm-due-today .advance-list-item .text-danger{color:#8bc9e8!important}