/*
 * SETO UI 2 – iOS-inspiriertes Glass-/Financial-Dashboard
 * Version 1.1.157
 *
 * Diese Datei ist bewusst eine reine Präsentationsschicht.
 * Fachlogik, IDs, Form-Strukturen und Drucklayouts bleiben unangetastet.
 */

html[data-seto-ui="v2"]{
  color-scheme:light;
  --seto-navy:#17365d;
  --seto-navy-2:#102a43;
  --seto-blue:#2f75b5;
  --seto-blue-2:#5b9bd5;
  --seto-ink:#172033;
  --seto-muted:#475467;
  --seto-line:rgba(23,54,93,.13);
  --seto-line-strong:rgba(23,54,93,.22);
  --seto-bg:#edf2f7;
  --seto-bg-2:#f7f9fc;
  --seto-surface:rgba(255,255,255,.82);
  --seto-surface-solid:#fff;
  --seto-surface-soft:rgba(246,249,252,.78);
  --seto-shadow:0 18px 52px rgba(23,54,93,.10);
  --seto-shadow-soft:0 8px 26px rgba(23,54,93,.08);
  --seto-radius:20px;
  --seto-radius-sm:13px;
  --seto-success:#1f7a50;
  --seto-warning:#a86500;
  --seto-danger:#b42318;

  /* bestehende Tokenfamilien auf SETO UI 2 abbilden */
  --bg:var(--seto-bg)!important;
  --card:var(--seto-surface-solid)!important;
  --surface:var(--seto-surface-solid)!important;
  --surface-2:#f6f8fb!important;
  --surface2:#f6f8fb!important;
  --text:var(--seto-ink)!important;
  --ink:var(--seto-ink)!important;
  --muted:var(--seto-muted)!important;
  --border:var(--seto-line)!important;
  --line:var(--seto-line)!important;
  --primary:var(--seto-navy)!important;
  --primary2:var(--seto-blue)!important;
  --blue:var(--seto-blue)!important;
  --blue-hover:#245f96!important;
  --blue-soft:#e9f1fa!important;
  --accent:var(--seto-blue)!important;
  --accent-dark:var(--seto-navy)!important;
  --accent-soft:#e9f1fa!important;
  --purple:var(--seto-navy)!important;
  --purple-2:var(--seto-blue)!important;
  --purple-text:var(--seto-navy)!important;
  --purple-soft:#e9f1fa!important;
  --focus:var(--seto-blue)!important;
  --shadow:var(--seto-shadow-soft)!important;

  --analysis-navy:var(--seto-navy)!important;
  --analysis-blue:var(--seto-blue)!important;
  --analysis-bg:var(--seto-bg)!important;
  --analysis-card:var(--seto-surface-solid)!important;
  --analysis-text:var(--seto-ink)!important;
  --analysis-muted:var(--seto-muted)!important;
  --analysis-border:var(--seto-line)!important;

  --salary-navy:var(--seto-navy)!important;
  --salary-blue:var(--seto-blue)!important;
  --salary-bg:var(--seto-bg)!important;
  --salary-card:var(--seto-surface-solid)!important;
  --salary-text:var(--seto-ink)!important;
  --salary-muted:var(--seto-muted)!important;

  --page-bg:var(--seto-bg)!important;
  --a-bg:var(--seto-bg)!important;
  --a-card:var(--seto-surface)!important;
  --a-border:var(--seto-line)!important;
  --a-text:var(--seto-ink)!important;
  --a-muted:var(--seto-muted)!important;
  --a-primary:var(--seto-blue)!important;
}

html[data-seto-ui="v2"][data-theme="dark"]{
  --seto-ink:#f4f7fb;
  --seto-muted:#b5c0ce;
  --seto-line:rgba(190,212,235,.16);
  --seto-line-strong:rgba(190,212,235,.26);
  --seto-bg:#07111d;
  --seto-bg-2:#0b1725;
  --seto-surface:rgba(16,31,49,.80);
  --seto-surface-solid:#102033;
  --seto-surface-soft:rgba(21,40,62,.80);
  --seto-shadow:0 20px 58px rgba(0,0,0,.30);
  --seto-shadow-soft:0 8px 28px rgba(0,0,0,.22);
  --seto-blue-2:#8fc3ef;
  --blue-soft:#152c45!important;
  --accent-soft:#152c45!important;
  --purple-soft:#152c45!important;
}

@media(prefers-color-scheme:dark){
  html[data-seto-ui="v2"]:not([data-theme]){
    --seto-ink:#f4f7fb;
    --seto-muted:#b5c0ce;
    --seto-line:rgba(190,212,235,.16);
    --seto-line-strong:rgba(190,212,235,.26);
    --seto-bg:#07111d;
    --seto-bg-2:#0b1725;
    --seto-surface:rgba(16,31,49,.80);
    --seto-surface-solid:#102033;
    --seto-surface-soft:rgba(21,40,62,.80);
    --seto-shadow:0 20px 58px rgba(0,0,0,.30);
    --seto-shadow-soft:0 8px 28px rgba(0,0,0,.22);
    --blue-soft:#152c45!important;
    --accent-soft:#152c45!important;
    --purple-soft:#152c45!important;
  }
}

html[data-seto-ui="v2"]{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  background:var(--seto-bg);
  color:var(--seto-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html[data-seto-ui="v2"] body{
  font-family:inherit!important;
  color:var(--seto-ink);
  background:
    radial-gradient(circle at 8% -10%,rgba(47,117,181,.17),transparent 33rem),
    radial-gradient(circle at 96% 5%,rgba(23,54,93,.10),transparent 28rem),
    linear-gradient(180deg,var(--seto-bg-2) 0,var(--seto-bg) 42%,var(--seto-bg) 100%)!important;
}

html[data-seto-ui="v2"] body::selection{background:rgba(47,117,181,.20)}
html[data-seto-ui="v2"] h1,
html[data-seto-ui="v2"] h2,
html[data-seto-ui="v2"] h3{letter-spacing:-.025em}
html[data-seto-ui="v2"] h1{color:var(--seto-navy)}
html[data-seto-ui="v2"] .eyebrow,
html[data-seto-ui="v2"] .kicker,
html[data-seto-ui="v2"] .panel-kicker,
html[data-seto-ui="v2"] .admin-eyebrow,
html[data-seto-ui="v2"] .import-kicker{
  color:var(--seto-blue)!important;
  font-weight:850!important;
  letter-spacing:.105em!important;
}
html[data-seto-ui="v2"] .muted,
html[data-seto-ui="v2"] small{color:var(--seto-muted)}

html[data-seto-ui="v2"] .amount,
html[data-seto-ui="v2"] .netto,
html[data-seto-ui="v2"] .kpi-value,
html[data-seto-ui="v2"] .summary-card strong,
html[data-seto-ui="v2"] .user-kpi strong,
html[data-seto-ui="v2"] .projection-value,
html[data-seto-ui="v2"] .count-badge{
  font-variant-numeric:tabular-nums lining-nums;
}

/* Glasflächen */
html[data-seto-ui="v2"] :is(
  .card,.panel,.summary-card,.salary-card,.month-card,.kpi,.user-kpi,.status-card,
  .admin-panel,.admin-glass,.admin-create-card,.privacy-note,.setup-card,.consent-card,
  .feedback-card,.login-card,.profile-card,.quick-card,.app-card,.tool-card,.hero-summary,
  .workbench-card,.shortcut-card,.guide-card,.audit-kpi,.year-box,.mini,.setup-work-card,
  .import-work-card,.dialog-card,.security-card,.backup-card,.info-box
){
  border:1px solid var(--seto-line)!important;
  background:var(--seto-surface)!important;
  border-radius:var(--seto-radius)!important;
  box-shadow:var(--seto-shadow-soft)!important;
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
}

html[data-seto-ui="v2"] :is(.card,.panel,.salary-card,.kpi,.summary-card,.admin-panel,.tool-card,.app-card,.workbench-card,.shortcut-card){
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
@media(hover:hover){
  html[data-seto-ui="v2"] :is(a.card,a.app-card,a.tool-card,a.workbench-card,a.shortcut-card):hover{
    transform:translateY(-2px);
    border-color:rgba(47,117,181,.35)!important;
    box-shadow:var(--seto-shadow)!important;
  }
}

/* Navigation und App-Chrome */
html[data-seto-ui="v2"] :is(
  .topbar,.app-header,.admin-topbar,.docs-toolbar,.analysis-sidebar,.import-sidebar,
  .analysis-mobile-nav,.import-mobile-nav,.bottom-nav
){
  border-color:var(--seto-line)!important;
  background:color-mix(in srgb,var(--seto-surface-solid) 80%,transparent)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  box-shadow:0 8px 30px rgba(23,54,93,.05);
}

html[data-seto-ui="v2"] :is(.analysis-sidebar,.import-sidebar,.sidebar){
  border-color:var(--seto-line)!important;
  background:color-mix(in srgb,var(--seto-surface-solid) 86%,transparent)!important;
}

html[data-seto-ui="v2"] :is(
  .analysis-sidebar nav a.active,.import-sidebar nav a.active,
  .analysis-mobile-links a.active,.import-mobile-links a.active
){
  background:linear-gradient(135deg,var(--seto-navy),var(--seto-blue))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 22px rgba(23,54,93,.18)!important;
}

html[data-seto-ui="v2"] .mainnav a.active,
html[data-seto-ui="v2"] .app-nav-link.active,
html[data-seto-ui="v2"] .bn-item.active,
html[data-seto-ui="v2"] .nav-item.active{
  color:var(--seto-blue)!important;
}
html[data-seto-ui="v2"] .app-nav-link.active{border-bottom-color:var(--seto-blue)!important}
html[data-seto-ui="v2"] .bn-item.active::before{background:linear-gradient(90deg,var(--seto-navy),var(--seto-blue))!important}
html[data-seto-ui="v2"] .nav-item.active{
  background:rgba(47,117,181,.10)!important;
}
html[data-seto-ui="v2"] :is(.brand,.analysis-brand,.import-brand,.admin-brand){
  color:var(--seto-navy)!important;
}
html[data-seto-ui="v2"] .brand-mark,
html[data-seto-ui="v2"] .logo{
  background:linear-gradient(135deg,var(--seto-navy),var(--seto-blue))!important;
}

/* Controls */
html[data-seto-ui="v2"] :is(button,input,select,textarea){font-family:inherit}
html[data-seto-ui="v2"] :is(input,select,textarea){
  border:1px solid var(--seto-line-strong)!important;
  border-radius:var(--seto-radius-sm)!important;
  background:color-mix(in srgb,var(--seto-surface-solid) 88%,transparent)!important;
  color:var(--seto-ink)!important;
  outline:none;
}
html[data-seto-ui="v2"] :is(input,select,textarea):focus{
  border-color:var(--seto-blue)!important;
  box-shadow:0 0 0 4px rgba(47,117,181,.12)!important;
}
html[data-seto-ui="v2"] input[type="checkbox"],
html[data-seto-ui="v2"] input[type="radio"]{accent-color:var(--seto-blue)}
html[data-seto-ui="v2"] :is(
  .btn,.button,.admin-btn,.primary-button,.secondary-button,.text-button,.icon-action,
  .link-btn,.linkbtn,.period-arrow,.ghost
){
  border-radius:12px!important;
}
html[data-seto-ui="v2"] :is(
  .btn.primary,.btn-primary,.button:not(.secondary),.admin-btn.primary,.primary-button
){
  background:linear-gradient(135deg,var(--seto-navy),var(--seto-blue))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(23,54,93,.16);
}
html[data-seto-ui="v2"] :is(
  .btn.secondary,.button.secondary,.admin-btn.secondary,.secondary-button,.text-button,
  .link-btn,.linkbtn,.ghost
){
  background:color-mix(in srgb,var(--seto-surface-solid) 76%,transparent)!important;
  color:var(--seto-navy)!important;
  border-color:var(--seto-line)!important;
}

/* Tabs / segment controls */
html[data-seto-ui="v2"] :is(.tabs,.admin-tabs){
  padding:5px!important;
  border:1px solid var(--seto-line)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.48)!important;
  box-shadow:none!important;
}
html[data-seto-ui="v2"] .tab{
  border:0!important;
  border-radius:11px!important;
}
html[data-seto-ui="v2"] :is(.tab.active,.admin-tabs button.active){
  background:rgba(47,117,181,.12)!important;
  color:var(--seto-navy)!important;
  border-color:transparent!important;
}

/* Tabellen */
html[data-seto-ui="v2"] :is(.table-wrap,.table-scroll,.table){
  border:1px solid var(--seto-line)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--seto-surface-solid) 75%,transparent);
  overflow:auto;
}
html[data-seto-ui="v2"] :is(.data-table,table) th{
  background:color-mix(in srgb,#e9f1fa 70%,var(--seto-surface-solid))!important;
  color:var(--seto-navy)!important;
  border-color:var(--seto-line)!important;
}
html[data-seto-ui="v2"] :is(.data-table,table) td{
  border-color:var(--seto-line)!important;
}
html[data-seto-ui="v2"] tbody tr:hover td{
  background:rgba(47,117,181,.035);
}

/* Status */
html[data-seto-ui="v2"] :is(.pill,.badge,.source,.source-badge,.status-pill,.import-card-badge,.user-chip){
  border:1px solid rgba(47,117,181,.15)!important;
  background:rgba(47,117,181,.09)!important;
  color:var(--seto-navy)!important;
  border-radius:999px!important;
}
html[data-seto-ui="v2"] .notice{
  border-radius:14px!important;
  border:1px solid var(--seto-line)!important;
  background:color-mix(in srgb,var(--seto-surface-solid) 78%,transparent)!important;
}

/* START / APP */
html[data-seto-ui="v2"][data-seto-section="start"] .start-dashboard-header{
  background:linear-gradient(135deg,#102a43 0%,#17365d 48%,#2f75b5 100%)!important;
  box-shadow:0 18px 44px rgba(23,54,93,.22)!important;
}
html[data-seto-ui="v2"][data-seto-section="start"] .start-card{
  border-radius:20px!important;
  border:1px solid var(--seto-line)!important;
  background:var(--seto-surface)!important;
  box-shadow:var(--seto-shadow-soft)!important;
  backdrop-filter:blur(20px);
}

/* AUTH – Referenz bleibt bewusst klar und ruhig */
html[data-seto-ui="v2"][data-seto-section="auth"] .auth-brand-panel{
  background:
    radial-gradient(circle at 12% 16%,rgba(91,155,213,.34),transparent 18rem),
    linear-gradient(145deg,#0f2943 0%,#17365d 52%,#2f75b5 100%)!important;
}
html[data-seto-ui="v2"][data-seto-section="auth"] .auth-card{
  border-radius:24px!important;
  box-shadow:0 22px 60px rgba(23,54,93,.13)!important;
}
html[data-seto-ui="v2"][data-seto-section="auth"] .auth-card h1{color:var(--seto-navy)!important}

/* ANALYSE / LOHN-DASHBOARD */
html[data-seto-ui="v2"][data-seto-section="analyse"] .salary-header{
  background:
    radial-gradient(circle at 80% 0,rgba(91,155,213,.28),transparent 20rem),
    linear-gradient(135deg,#102a43,#17365d 56%,#2f75b5)!important;
  box-shadow:0 18px 42px rgba(23,54,93,.18);
}
html[data-seto-ui="v2"][data-seto-section="analyse"] .salary-header h1{color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="analyse"] .analysis-content .card,
html[data-seto-ui="v2"][data-seto-section="analyse"] .analysis-content .salary-card{
  overflow:clip;
}

/* IMPORTER */
html[data-seto-ui="v2"][data-seto-section="importer"] .import-hero{
  border:1px solid color-mix(in srgb,#8fc3ef 24%,transparent);
  border-radius:24px;
  padding:24px!important;
  background:
    radial-gradient(circle at 88% 0,rgba(255,255,255,.16),transparent 18rem),
    linear-gradient(135deg,#102d4a,#1f527f 56%,#3278b4)!important;
  color:#fff!important;
  box-shadow:0 15px 36px rgba(17,50,82,.17);
  backdrop-filter:blur(20px);
}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-hero h1{color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-hero p{color:rgba(255,255,255,.78)!important}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-hero :is(.back,.import-kicker){color:#d7eafb!important}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-hero .pill{
  color:#fff!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.20)!important
}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-primary-card{
  background:
    linear-gradient(145deg,rgba(23,54,93,.98),rgba(47,117,181,.94))!important;
  color:#fff!important;
  border-color:transparent!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-primary-card :is(h2,p,strong,.import-card-badge){color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-primary-card .import-card-badge{
  background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.20)!important
}

/* PROFIL */
html[data-seto-ui="v2"][data-seto-section="profil"] .hero{
  padding:26px;
  border:1px solid var(--seto-line);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 10%,rgba(47,117,181,.13),transparent 20rem),
    var(--seto-surface);
  box-shadow:var(--seto-shadow-soft);
  backdrop-filter:blur(20px);
}
html[data-seto-ui="v2"][data-seto-section="profil"] .summary-grid{
  gap:14px!important;
}
html[data-seto-ui="v2"][data-seto-section="profil"] .summary-card{
  padding:18px!important;
}

/* ABRECHNUNG – App-Chrome modern, VDN-Blatt bleibt dokumentartig */
html[data-seto-ui="v2"][data-seto-section="abrechnung"]{
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
html[data-seto-ui="v2"][data-seto-section="abrechnung"] .app-header-inner{min-height:68px}
html[data-seto-ui="v2"][data-seto-section="abrechnung"] .period-strip{
  border:1px solid var(--seto-line)!important;
  border-radius:18px!important;
  background:var(--seto-surface)!important;
  box-shadow:var(--seto-shadow-soft)!important;
  backdrop-filter:blur(18px);
  padding:12px 14px!important;
}
html[data-seto-ui="v2"][data-seto-section="abrechnung"] .panel{
  padding:20px!important;
}
html[data-seto-ui="v2"][data-seto-section="abrechnung"] .vdn-sheet{
  border-radius:8px!important;
  border:1px solid #cbd2da!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 20px 60px rgba(23,54,93,.13)!important;
  backdrop-filter:none!important;
}
html[data-seto-ui="v2"][data-seto-section="abrechnung"] .vdn-sheet :is(input,select){
  background:#fff!important;color:#111!important
}

/* KALENDER – iOS-Struktur bleibt, Branding wird Navy */
html[data-seto-ui="v2"][data-seto-section="kalender"]{
  --nav-h:68px;
  --header-h:60px;
}
html[data-seto-ui="v2"][data-seto-section="kalender"] .app-header{
  box-shadow:0 8px 28px rgba(23,54,93,.08)!important;
}
html[data-seto-ui="v2"][data-seto-section="kalender"] .brand .title{
  color:var(--seto-navy)!important;
  letter-spacing:-.02em!important;
}
html[data-seto-ui="v2"][data-seto-section="kalender"] .container{
  max-width:1180px;
}
html[data-seto-ui="v2"][data-seto-section="kalender"] .card{
  border-radius:20px!important;
}
html[data-seto-ui="v2"][data-seto-section="kalender"] .btn.primary{
  background:linear-gradient(135deg,var(--seto-navy),var(--seto-blue))!important;
}

/* ADMIN */
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-topbar{
  position:sticky;top:0;z-index:50;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-hero{
  padding:26px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(47,117,181,.16),transparent 18rem),
    var(--seto-surface)!important;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .count-badge,
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-self{
  background:rgba(47,117,181,.12)!important;color:var(--seto-navy)!important
}

/* HILFE / RECHTLICH – ruhige Leseflächen */
html[data-seto-ui="v2"][data-seto-section="docs"] .docs-toolbar{
  top:var(--seto-global-h,0px)!important;
}
html[data-seto-ui="v2"][data-seto-section="docs"] .sidebar{
  backdrop-filter:blur(18px);
}
html[data-seto-ui="v2"][data-seto-section="docs"] main{
  max-width:1240px;
}
html[data-seto-ui="v2"][data-seto-section="docs"] .card{
  background:color-mix(in srgb,var(--seto-surface-solid) 90%,transparent)!important;
}
html[data-seto-ui="v2"][data-seto-section="docs"] .card.accent{border-left:4px solid var(--seto-blue)!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .search{
  background:rgba(255,255,255,.55)!important;
  border-color:var(--seto-line)!important;
}
html[data-seto-ui="v2"][data-seto-section="docs"] .page{
  max-width:920px;
  margin:34px auto 70px!important;
  padding:clamp(22px,4vw,42px)!important;
  border-radius:24px!important;
  border:1px solid var(--seto-line)!important;
  background:var(--seto-surface)!important;
  box-shadow:var(--seto-shadow-soft)!important;
}

/* öffentliche Vorschau */
html[data-seto-ui="v2"][data-seto-section="public"] .public-topbar{
  border-bottom:1px solid var(--seto-line)!important;
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(22px);
}
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero{
  border-radius:28px;
}

/* Mobile: gleiche Sprache, weniger Dichte */
@media(max-width:820px){
  html[data-seto-ui="v2"] body{
    background:
      radial-gradient(circle at 50% -8rem,rgba(47,117,181,.16),transparent 28rem),
      var(--seto-bg)!important;
  }
  html[data-seto-ui="v2"] :is(.card,.panel,.summary-card,.salary-card,.month-card,.kpi,.admin-panel){
    border-radius:17px!important;
  }
  html[data-seto-ui="v2"][data-seto-section="profil"] .hero,
  html[data-seto-ui="v2"][data-seto-section="importer"] .import-hero,
  html[data-seto-ui="v2"][data-seto-section="admin"] .admin-hero{
    border-radius:19px;
    padding:20px!important;
  }
  html[data-seto-ui="v2"] .bottom-nav{
    background:color-mix(in srgb,var(--seto-surface-solid) 88%,transparent)!important;
  }
}

/* Dunkelmodus: Navy statt Schwarz, Text bleibt AA-tauglich */
html[data-seto-ui="v2"][data-theme="dark"] h1{color:#dcecff}
html[data-seto-ui="v2"][data-theme="dark"] :is(.btn.secondary,.button.secondary,.admin-btn.secondary,.secondary-button,.text-button,.link-btn,.linkbtn,.ghost){color:#dcecff!important}
@media(prefers-color-scheme:dark){
  html[data-seto-ui="v2"]:not([data-theme]) h1{color:#dcecff}
  html[data-seto-ui="v2"]:not([data-theme]) :is(.btn.secondary,.button.secondary,.admin-btn.secondary,.secondary-button,.text-button,.link-btn,.linkbtn,.ghost){color:#dcecff!important}
}

/* Druck: keine Glass-Effekte / keine App-Hintergründe */
@media print{
  html[data-seto-ui="v2"],
  html[data-seto-ui="v2"] body{
    background:#fff!important;
    color:#111!important;
  }
  html[data-seto-ui="v2"] :is(.sheet,.page,.vdn-sheet){
    background:#fff!important;
    color:#111!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
}

/* Bewegung respektieren */
@media(prefers-reduced-motion:reduce){
  html[data-seto-ui="v2"] *,html[data-seto-ui="v2"] *::before,html[data-seto-ui="v2"] *::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}


/* SETO 1.1.166 – UI2 Navigation & Analyse-Vereinheitlichung */
html[data-seto-ui="v2"][data-seto-section="analyse"] .topbar{
  border:1px solid var(--seto-line)!important;border-radius:22px!important;padding:20px 22px!important;
  background:var(--seto-surface)!important;box-shadow:var(--seto-shadow-soft)!important;backdrop-filter:blur(18px);
}
html[data-seto-ui="v2"][data-seto-section="analyse"] .topbar h1{color:var(--seto-navy)!important}
html[data-seto-ui="v2"][data-seto-section="analyse"] .analysis-sidebar{
  border:1px solid var(--seto-line)!important;border-radius:20px!important;background:var(--seto-surface)!important;
  box-shadow:var(--seto-shadow-soft)!important;overflow:hidden;
}
html[data-seto-ui="v2"][data-seto-section="analyse"] .analysis-mobile-nav details{
  border:1px solid var(--seto-line)!important;border-radius:15px!important;background:var(--seto-surface)!important;box-shadow:var(--seto-shadow-soft)!important;
}
html[data-seto-ui="v2"][data-seto-section="analyse"] .audit-controls{
  align-items:end!important;gap:10px!important;
}
html[data-seto-ui="v2"][data-seto-section="analyse"] .header-actions{gap:8px!important;flex-wrap:wrap}
html[data-seto-ui="v2"][data-seto-section="abrechnung"] .workbench-page .workbench-grid{gap:12px!important}
html[data-seto-ui="v2"][data-seto-section="abrechnung"] .workbench-card{min-height:96px!important}
html[data-seto-ui="v2"][data-seto-section="kalender"] .bottom-nav .bn-item:last-child .bn-ico{letter-spacing:1px}
@media(max-width:820px){
  html[data-seto-ui="v2"][data-seto-section="analyse"] .topbar{border-radius:17px!important;padding:17px!important}
}

/* SETO 2.0.014 – Dark-Mode-Kompatibilität für ältere helle Komponenten
 * Feedback #71/#72: keine weißen Kacheln mit heller Schrift im Dark Mode.
 * VDN-Dokumentblatt bleibt absichtlich papierweiß.
 */
html[data-seto-ui="v2"][data-theme="dark"] :is(.brand,.analysis-brand,.import-brand,.admin-brand){color:#dcecff!important}
html[data-seto-ui="v2"][data-theme="dark"] :is(.tabs,.admin-tabs){background:color-mix(in srgb,var(--seto-surface-solid) 86%,transparent)!important}
html[data-seto-ui="v2"][data-theme="dark"] :is(.tab.active,.admin-tabs button.active){background:rgba(91,155,213,.18)!important;color:#dcecff!important}
html[data-seto-ui="v2"][data-theme="dark"] :is(.pill,.badge,.source,.source-badge,.status-pill,.import-card-badge,.user-chip){background:rgba(91,155,213,.13)!important;color:#dcecff!important;border-color:rgba(143,195,239,.22)!important}
html[data-seto-ui="v2"][data-theme="dark"] :is(.data-table,table) th{background:var(--seto-surface-soft)!important;color:#dcecff!important}
html[data-seto-ui="v2"][data-theme="dark"] :is(.table-wrap,.table-scroll,.table){background:color-mix(in srgb,var(--seto-surface-solid) 84%,transparent)!important}
html[data-seto-ui="v2"][data-theme="dark"] tbody tr:hover td{background:rgba(91,155,213,.07)}
html[data-seto-ui="v2"][data-theme="dark"] :is(.notice,.search,.public-topbar){background:color-mix(in srgb,var(--seto-surface-solid) 86%,transparent)!important;color:var(--seto-ink)!important}

html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="abrechnung"] :is(
  .app-nav,.app-nav-link:hover,.app-nav-link.active,.user-chip,
  .shortcut-card,.shift-stat,.year-total-grid>div,.review-bar,.review-panel,.readiness-box,
  .profile-status-card,.profile-tariff-card,.profile-overview-card,.vdnpi-summary,.vdnpi-unknown,
  .calendar-basis-grid>div,.reconcile-summary>div,.year-reconcile-summary>div,
  .year-audit-panel,.year-audit-step,.year-retro-list li,.year-field-table,
  .compare-status-icon,.finding-card,.fsq-compare-grid>div,.st-claim-summary-item,
  .wage-editor-row input,.wage-editor-row select,.net-row input,.icon-btn,.vdn-period-control select
){background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-line)!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="abrechnung"] :is(.app-nav,.vdnpi-summary,.year-audit-step,.finding-card,.fsq-compare-grid>div){background:var(--seto-surface-soft)!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="abrechnung"] :is(.profile-overview-facts span,.vdn-local-badge){background:rgba(91,155,213,.12)!important;color:#dcecff!important;border-color:rgba(143,195,239,.20)!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="abrechnung"] :is(.fsq-help-trigger,.fsq-help-popover){background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-line-strong)!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="abrechnung"] .fsq-help-popover>strong{color:#dcecff!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="abrechnung"] :is(.source-note.ok){background:#102a22!important;color:#79d7a7!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="abrechnung"] :is(.source-note.warn){background:#2c2413!important;color:#f0c76e!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="abrechnung"] :is(.badge-ts,.badge-ns,.badge-entry,.badge-holiday){background:rgba(91,155,213,.13)!important;color:#dcecff!important}

html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="analyse"] :is(
  .advanced-panel,.result-card,.reference-summary,.scenario-editor,.month-delta-card,
  .hero-metrics article,.assumption-columns>article,.cost-grid article,.change-chip,.year-box,
  .compare-form .head,.compare-form .label,.advanced-section,.fs-line,.kpi,.result-tabs,.metric-toggle
){background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-line)!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="analyse"] :is(.advanced-panel,.result-card,.reference-summary,.scenario-editor,.advanced-section,.hero-metrics article,.assumption-columns>article,.cost-grid article,.month-delta-card){background:var(--seto-surface-soft)!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="analyse"] :is(.result-tabs button.active,.metric-toggle button.active){background:rgba(91,155,213,.17)!important;color:#dcecff!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="analyse"] :is(.table-wrap th:first-child,.table-wrap td:first-child){background:var(--seto-surface-solid)!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="analyse"] .table-wrap th:first-child{background:var(--seto-surface-soft)!important}
html[data-seto-ui="v2"][data-theme="dark"][data-seto-section="analyse"] :is(.compare-form input[disabled]){background:#18283a!important;color:var(--seto-muted)!important}

@media(prefers-color-scheme:dark){
  html[data-seto-ui="v2"]:not([data-theme]) :is(.brand,.analysis-brand,.import-brand,.admin-brand){color:#dcecff!important}
  html[data-seto-ui="v2"]:not([data-theme]) :is(.tabs,.admin-tabs){background:color-mix(in srgb,var(--seto-surface-solid) 86%,transparent)!important}
  html[data-seto-ui="v2"]:not([data-theme]) :is(.tab.active,.admin-tabs button.active){background:rgba(91,155,213,.18)!important;color:#dcecff!important}
  html[data-seto-ui="v2"]:not([data-theme]) :is(.pill,.badge,.source,.source-badge,.status-pill,.import-card-badge,.user-chip){background:rgba(91,155,213,.13)!important;color:#dcecff!important;border-color:rgba(143,195,239,.22)!important}
  html[data-seto-ui="v2"]:not([data-theme]) :is(.data-table,table) th{background:var(--seto-surface-soft)!important;color:#dcecff!important}
  html[data-seto-ui="v2"]:not([data-theme]) :is(.table-wrap,.table-scroll,.table){background:color-mix(in srgb,var(--seto-surface-solid) 84%,transparent)!important}
  html[data-seto-ui="v2"]:not([data-theme])[data-seto-section="abrechnung"] :is(.app-nav,.app-nav-link:hover,.app-nav-link.active,.user-chip,.shortcut-card,.shift-stat,.year-total-grid>div,.review-bar,.review-panel,.readiness-box,.profile-status-card,.profile-tariff-card,.profile-overview-card,.vdnpi-summary,.vdnpi-unknown,.calendar-basis-grid>div,.reconcile-summary>div,.year-reconcile-summary>div,.year-audit-panel,.year-audit-step,.year-retro-list li,.year-field-table,.compare-status-icon,.finding-card,.fsq-compare-grid>div,.st-claim-summary-item,.wage-editor-row input,.wage-editor-row select,.net-row input,.icon-btn,.vdn-period-control select){background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-line)!important}
  html[data-seto-ui="v2"]:not([data-theme])[data-seto-section="abrechnung"] :is(.app-nav,.vdnpi-summary,.year-audit-step,.finding-card,.fsq-compare-grid>div){background:var(--seto-surface-soft)!important}
  html[data-seto-ui="v2"]:not([data-theme])[data-seto-section="abrechnung"] :is(.profile-overview-facts span,.vdn-local-badge,.badge-ts,.badge-ns,.badge-entry,.badge-holiday){background:rgba(91,155,213,.13)!important;color:#dcecff!important;border-color:rgba(143,195,239,.20)!important}
  html[data-seto-ui="v2"]:not([data-theme])[data-seto-section="abrechnung"] :is(.fsq-help-trigger,.fsq-help-popover){background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-line-strong)!important}
  html[data-seto-ui="v2"]:not([data-theme])[data-seto-section="abrechnung"] .fsq-help-popover>strong{color:#dcecff!important}
  html[data-seto-ui="v2"]:not([data-theme])[data-seto-section="analyse"] :is(.advanced-panel,.result-card,.reference-summary,.scenario-editor,.month-delta-card,.hero-metrics article,.assumption-columns>article,.cost-grid article,.change-chip,.year-box,.compare-form .head,.compare-form .label,.advanced-section,.fs-line,.kpi,.result-tabs,.metric-toggle){background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-line)!important}
  html[data-seto-ui="v2"]:not([data-theme])[data-seto-section="analyse"] :is(.advanced-panel,.result-card,.reference-summary,.scenario-editor,.advanced-section,.hero-metrics article,.assumption-columns>article,.cost-grid article,.month-delta-card){background:var(--seto-surface-soft)!important}
  html[data-seto-ui="v2"]:not([data-theme])[data-seto-section="analyse"] :is(.result-tabs button.active,.metric-toggle button.active){background:rgba(91,155,213,.17)!important;color:#dcecff!important}
}

/* SETO 2.1.039 – Unified UI Abschluss
 * Nur Präsentation: bestehende v2-Tokens/Komponenten werden in den verbliebenen
 * Utility-Bereichen konsequent wiederverwendet. Keine neue Runtime-Abhängigkeit.
 */

/* Einheitliche Statusflächen */
html[data-seto-ui="v2"] .notice:is(.ok,.success),
html[data-seto-ui="v2"] :is(.status-card,.sync-status)[data-state="idle"]{
  border-color:color-mix(in srgb,var(--seto-success) 34%,var(--seto-line))!important;
  background:color-mix(in srgb,var(--seto-success) 7%,var(--seto-surface-solid))!important;
}
html[data-seto-ui="v2"] .notice:is(.warning,.warn),
html[data-seto-ui="v2"] :is(.sync-status)[data-state="offline"]{
  border-color:color-mix(in srgb,var(--seto-warning) 36%,var(--seto-line))!important;
  background:color-mix(in srgb,var(--seto-warning) 7%,var(--seto-surface-solid))!important;
}
html[data-seto-ui="v2"] .notice:is(.error,.danger),
html[data-seto-ui="v2"] :is(.sync-status)[data-state="error"]{
  border-color:color-mix(in srgb,var(--seto-danger) 36%,var(--seto-line))!important;
  background:color-mix(in srgb,var(--seto-danger) 7%,var(--seto-surface-solid))!important;
}
html[data-seto-ui="v2"] .notice :is(strong,b){color:var(--seto-ink)}

/* ADMIN – derselbe PageHeader-/Metric-Rhythmus wie die übrigen Hauptbereiche */
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-shell{
  width:min(1180px,calc(100% - 32px))!important;
  max-width:1180px!important;
  padding-top:8px!important;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-hero{
  min-height:0!important;
  align-items:flex-end!important;
  margin:0 0 20px!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-hero h1{
  margin:4px 0 7px!important;
  font-size:clamp(26px,4vw,36px)!important;
  line-height:1.05!important;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-hero p{
  max-width:780px;
  font-size:13px!important;
  line-height:1.5!important;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-summary-grid{
  gap:12px!important;
  margin:12px 0 16px!important;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .summary-card{
  min-height:112px;
  padding:16px!important;
  border-radius:16px!important;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .summary-card strong{font-size:23px!important}
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-tabs{
  margin:0 0 14px!important;
  scrollbar-width:none;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-tabs::-webkit-scrollbar{display:none}
html[data-seto-ui="v2"][data-seto-section="admin"] .admin-panel{padding:18px!important;border-radius:18px!important}
html[data-seto-ui="v2"][data-seto-section="admin"] :is(.user-row,.list-row,.feedback-row,.learning-row,.admin-create-card,.system-grid article){
  border-radius:14px!important;
  box-shadow:none!important;
}
html[data-seto-ui="v2"][data-seto-section="admin"] .panel-heading{margin-bottom:14px!important}
html[data-seto-ui="v2"][data-seto-section="admin"] .panel-heading h2{font-size:22px!important}
html[data-seto-ui="v2"][data-seto-section="admin"] .privacy-note{box-shadow:none!important}

/* IMPORT / EXPORT – gleiche Arbeitskarten, Status- und Formularabstände */
html[data-seto-ui="v2"][data-seto-section="importer"] .importer-shell{
  padding-top:4px!important;
  padding-bottom:72px!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-section-intro{
  margin:22px 2px 10px!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-section-intro h2{
  margin:0!important;
  color:var(--seto-ink)!important;
  font-size:15px!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] .import-section-intro p{
  margin:4px 0 0!important;
  color:var(--seto-muted)!important;
  font-size:12px!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] :is(.import-work-card,.setup-work-card,.stored-vdn-card,.export-account-card){
  border-radius:16px!important;
  box-shadow:var(--seto-shadow-soft)!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] :is(.import-work-card>.head,.section-head,.previewHead){
  align-items:flex-start!important;
  gap:12px!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] :is(.form-grid,.export-selection-grid){gap:12px!important}
html[data-seto-ui="v2"][data-seto-section="importer"] :is(.local-actions,.export-seto-actions,.vdn-drop-actions){
  gap:8px!important;
  flex-wrap:wrap!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] .importer-dashboard-grid>.action{
  min-height:156px!important;
  border-radius:16px!important;
}
html[data-seto-ui="v2"][data-seto-section="importer"] .importer-dashboard-grid>.action h2{font-size:17px!important}
html[data-seto-ui="v2"][data-seto-section="importer"] .importer-dashboard-grid>.action p{font-size:12px!important;line-height:1.5!important}

/* HILFE & WISSEN – Lesefläche und mobile Navigation an die App-Shell angleichen */
html[data-seto-ui="v2"][data-seto-section="docs"] .docs-toolbar{
  min-height:54px!important;
  padding:8px 18px!important;
}
html[data-seto-ui="v2"][data-seto-section="docs"] .docs-toolbar-title strong{font-size:14px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .docs-toolbar-title span{font-size:10px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .search{min-height:38px!important;border-radius:11px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .layout{grid-template-columns:225px minmax(0,1fr)!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .sidebar{padding:12px 10px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .nav-item{padding:9px 10px!important;font-size:12px!important;border-radius:10px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] #content{padding:28px 34px 72px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] :is(.hero h1,.section-head h1){
  font-size:clamp(27px,4vw,36px)!important;
  margin:4px 0 9px!important;
}
html[data-seto-ui="v2"][data-seto-section="docs"] :is(.hero p,.section-head p){
  font-size:14px!important;
  line-height:1.55!important;
}
html[data-seto-ui="v2"][data-seto-section="docs"] .section-head{margin-bottom:18px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .card{padding:18px!important;border-radius:16px!important;margin-bottom:12px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .cards{gap:12px!important}
html[data-seto-ui="v2"][data-seto-section="docs"] .status-card{border-radius:16px!important;box-shadow:none!important}

/* SYSTEMSTATUS – Diagnose wie andere SETO-Metriken, nicht wie alte Kalenderkarte */
html[data-seto-ui="v2"][data-seto-section="profil"] .sync-diagnostics{padding:18px!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .sync-facts{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
html[data-seto-ui="v2"][data-seto-section="profil"] .sync-facts>div{
  min-height:78px;
  justify-content:center;
  padding:12px!important;
  border:1px solid var(--seto-line)!important;
  border-radius:13px!important;
  background:var(--seto-surface-soft)!important;
}
html[data-seto-ui="v2"][data-seto-section="profil"] .sync-facts span{color:var(--seto-muted)!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .sync-facts strong{color:var(--seto-ink)!important;font-size:14px!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .sync-actions{gap:10px!important}

@media(max-width:900px){
  html[data-seto-ui="v2"][data-seto-section="docs"] .docs-toolbar{
    min-height:50px!important;
    flex-direction:row!important;
    padding:6px 10px!important;
  }
  html[data-seto-ui="v2"][data-seto-section="docs"] .docs-toolbar-title{display:none!important}
  html[data-seto-ui="v2"][data-seto-section="docs"] .search{width:100%!important}
  html[data-seto-ui="v2"][data-seto-section="docs"] .sidebar{
    top:calc(var(--seto-global-h,66px) + 50px)!important;
    padding:6px 8px!important;
  }
  html[data-seto-ui="v2"][data-seto-section="docs"] #content{padding:22px 16px 76px!important}
}
@media(max-width:760px){
  html[data-seto-ui="v2"][data-seto-section="admin"] .admin-shell{width:calc(100% - 20px)!important}
  html[data-seto-ui="v2"][data-seto-section="admin"] .admin-hero{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  html[data-seto-ui="v2"][data-seto-section="admin"] .admin-hero .admin-btn{width:100%}
  html[data-seto-ui="v2"][data-seto-section="admin"] .admin-panel{padding:14px!important}
  html[data-seto-ui="v2"][data-seto-section="importer"] .importer-dashboard-grid>.action{min-height:0!important}
  html[data-seto-ui="v2"][data-seto-section="profil"] .sync-facts{grid-template-columns:1fr!important}
  html[data-seto-ui="v2"][data-seto-section="profil"] .sync-facts>div{min-height:64px}
}

/* Explicit app choice owns native controls, independently of the OS. */
html[data-seto-ui="v2"][data-theme="light"]{color-scheme:light}
html[data-seto-ui="v2"][data-theme="dark"]{color-scheme:dark}
@media(prefers-color-scheme:dark){html[data-seto-ui="v2"]:not([data-theme]){color-scheme:dark}}