/* G8 2.5.12: 2 consecutive stylesheets, source order preserved. */

/* BEGIN css/auth-analysis.css */
:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--navy:#17365d;--blue:#2f75b5;--bg:#f0f2f5;--card:#fff;--text:#1f2733;--muted:#6b7785;--border:#dfe5ec;--danger:#b42318}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}
.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr)}
.auth-brand-panel{padding:clamp(34px,6vw,72px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}
.auth-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.auth-brand img{border-radius:14px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:1.1rem}.auth-brand small{margin-top:3px;color:rgba(255,255,255,.72);font-size:.74rem}
.auth-brand-copy{max-width:560px;margin:70px 0}.auth-brand-copy .eyebrow{color:rgba(255,255,255,.65)}.auth-brand-copy h2{margin:6px 0 14px;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1;letter-spacing:-.04em}.auth-brand-copy p{max-width:500px;margin:0;color:rgba(255,255,255,.80);line-height:1.65}
.auth-brand-footer{display:flex;gap:16px;flex-wrap:wrap;font-size:.76rem}.auth-brand-footer a{color:rgba(255,255,255,.72);text-decoration:none}.auth-brand-footer .in-work-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:-4px;border-radius:7px;background:rgba(255,255,255,.10);font-size:.88rem;line-height:1}.auth-brand-footer .in-work-link:hover{background:rgba(255,255,255,.18)}
.auth-form-panel{display:grid;place-items:center;padding:32px 20px}.auth-card{width:min(100%,500px);padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:0 1px 7px rgba(0,0,0,.07)}
.eyebrow{display:block;margin:0 0 7px;color:var(--blue);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.auth-card h1{margin:0;font-size:clamp(2rem,5vw,2.7rem);letter-spacing:-.035em}.auth-card .intro>p:last-child{margin:9px 0 0;color:var(--muted);line-height:1.5}.intro{margin-bottom:24px}
form,.register-fields{display:grid;gap:14px}.field{display:grid;gap:6px;color:var(--text);font-size:.82rem;font-weight:760}.field small{color:var(--muted);font-weight:500}
input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:#fff;color:#1f2733;font:inherit;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,117,181,.12)}
.btn{width:100%;min-height:46px;border:1px solid transparent;border-radius:11px;padding:11px 15px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.primary,.btn-primary{background:var(--navy);color:#fff}.btn.secondary{background:#f7f9fc;color:var(--navy);border-color:var(--border)}.btn:disabled{opacity:.55;cursor:wait}
.error{padding:11px 12px;border-radius:11px;background:#fee2e2;color:#991b1b;font-size:.84rem}.account-links,.legal-mini{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:.78rem}.account-links a,.legal-mini a{color:var(--navy);text-decoration:none}
.public-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.public-tools a{padding:10px;border-radius:10px;background:#f7f9fc;color:var(--navy);text-decoration:none;text-align:center;font-size:.76rem;font-weight:800;border:1px solid var(--border)}
.consent-box{display:grid;gap:10px;margin-top:4px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#f7f9fc}.check-row{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:.76rem;line-height:1.45}.check-row input{width:auto;margin-top:3px}.check-row a{color:var(--navy)}
@media(max-width:820px){.auth-page{display:block}.auth-brand-panel{padding:22px 18px 30px}.auth-brand-copy{margin:42px 0 0}.auth-brand-copy h2{font-size:2.25rem}.auth-brand-copy p,.auth-brand-footer{display:none}.auth-form-panel{padding:18px 12px 30px}.auth-card{padding:22px}}
@media(prefers-color-scheme:dark){:root{--bg:#0f1117;--card:#1b202b;--text:#f3f6fa;--muted:#b7c0cc;--border:#303845}.auth-card{box-shadow:none}input{background:#222936;color:#f3f6fa}.btn.secondary,.public-tools a,.consent-box{background:#222936;color:#dcecff}.account-links a,.legal-mini a,.check-row a{color:#b9d8f3}.error{background:rgba(180,35,24,.2);color:#ffb4ae}}

.link-button{border:0;background:transparent;color:var(--navy);font:inherit;font-size:.82rem;font-weight:750;cursor:pointer;padding:6px;text-align:center}
.recovery-form{display:grid;gap:14px}.recovery-form[hidden]{display:none!important}.recovery-intro{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--card) 88%,var(--bg))}.recovery-intro p{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.recovery-status{padding:11px 12px;border-radius:11px;background:color-mix(in srgb,var(--blue) 10%,var(--card));color:var(--text);font-size:.84rem}.recovery-status[hidden]{display:none!important}

/* SETO 2.1.032 Local-Only */
.local-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px}.mode-card{display:flex;gap:10px;padding:13px;border:1px solid rgba(120,140,170,.28);border-radius:16px;cursor:pointer;background:rgba(255,255,255,.045)}.mode-card:has(input:checked){border-color:rgba(76,133,214,.75);box-shadow:0 0 0 2px rgba(76,133,214,.12)}.mode-card input{margin-top:3px}.mode-card span{display:grid;gap:4px}.mode-card small{opacity:.72;line-height:1.35}@media(max-width:640px){.local-mode-choice{grid-template-columns:1fr}}


/* SETO 2.1.056 – ein gemeinsames Loginfenster für Cloud und lokale Profile */
.login-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 18px;padding:5px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--bg) 75%,var(--card))}
.login-mode-option{min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:.84rem;font-weight:850;cursor:pointer}
.login-mode-option.active{background:var(--card);color:var(--navy);box-shadow:0 1px 5px rgba(15,23,42,.10)}
.field select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:#fff;color:#1f2733;font:inherit;outline:none}.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,117,181,.12)}.field select:disabled{opacity:.65}
.local-login-panel[hidden],#loginModeSwitch[hidden]{display:none!important}.local-login-panel form{margin:0}.mini-note{margin:-5px 0 2px;color:var(--muted);font-size:.78rem;line-height:1.4}
@media(prefers-color-scheme:dark){.login-mode-option.active{background:#2a3241;color:#f3f6fa;box-shadow:none}.field select{background:#222936;color:#f3f6fa}}

/* SETO 2.1.056 – identische große Cloud/Lokal-Umschaltung für Anmeldung und Registrierung */
.login-mode-switch{gap:8px;padding:6px;border-radius:16px}
.login-mode-option{min-height:52px;font-size:.92rem;border:1px solid transparent}
.login-mode-option.active{border-color:color-mix(in srgb,var(--blue) 42%,var(--border));box-shadow:0 2px 8px rgba(15,23,42,.10)}
.register-mode-copy{display:grid;gap:4px;margin:-7px 0 18px;padding:0 3px;color:var(--text)}
.register-mode-copy small{color:var(--muted);font-size:.78rem;line-height:1.4}
#localProfileRow[hidden],#cloudNameRow[hidden],#localCreateLink[hidden],#localRestoreLink[hidden],#btnTestMax[hidden]{display:none!important}

/* SETO 2.1.128 – ruhige, einspaltige Anmeldung */
body.seto-auth-simple{
  min-height:100dvh;
  background:
    radial-gradient(760px 420px at 50% -120px,color-mix(in srgb,var(--blue) 15%,transparent),transparent 66%),
    var(--bg);
}
.auth-page-simple{display:grid;grid-template-columns:1fr;place-items:center;padding:clamp(18px,5vw,44px) 16px}
.auth-form-panel-simple{display:block;width:100%;padding:0}
.auth-card-simple{width:min(100%,460px);margin:auto;padding:26px;border-radius:24px;box-shadow:0 18px 54px rgba(31,39,51,.09)}
.auth-simple-head{display:grid;gap:22px;margin-bottom:20px}
.auth-brand-simple{width:max-content;color:var(--text)}
.auth-brand-simple img{box-shadow:0 5px 18px rgba(23,54,93,.16)}
.auth-brand-simple small{color:var(--muted)}
.auth-simple-intro{margin:0}
.auth-simple-intro .eyebrow{margin-bottom:5px}
.auth-card-simple .auth-simple-intro h1{font-size:clamp(1.8rem,7vw,2.35rem)}
.login-mode-switch-large{margin-bottom:16px}
.login-mode-switch-large .login-mode-option{display:grid;place-items:center;align-content:center;gap:2px;min-height:58px}
.login-mode-switch-large .login-mode-option strong{font-size:.94rem}
.login-mode-switch-large .login-mode-option small{font-size:.68rem;font-weight:650;opacity:.72}
.auth-login-primary{margin-top:2px}
.compact-state{padding:11px 12px}
.compact-state p{font-size:.76rem}
.auth-secondary-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.auth-text-action,.auth-more-content a{color:var(--navy);font-size:.78rem;font-weight:750;text-decoration:none}
.auth-text-action:hover,.auth-more-content a:hover{text-decoration:underline}
.auth-more{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}
.auth-more>summary{list-style:none;cursor:pointer;text-align:center;color:var(--muted);font-size:.78rem;font-weight:800}
.auth-more>summary::-webkit-details-marker{display:none}
.auth-more>summary::after{content:"  ▾"}
.auth-more[open]>summary::after{content:"  ▴"}
.auth-more-content{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.auth-more-content>a,.auth-inline-button{min-height:38px;display:flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--card) 74%,var(--bg));text-align:center}
.auth-inline-button{color:var(--navy);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.auth-simple-footer{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:17px;color:var(--muted);font-size:.7rem}
.auth-simple-footer a{color:var(--muted);text-decoration:none}
.auth-simple-footer a:hover{text-decoration:underline}
@media(max-width:520px){
  .auth-page-simple{place-items:start center;padding:12px 10px 26px}
  .auth-card-simple{padding:20px 17px;border-radius:20px}
  .auth-simple-head{gap:18px}
  .auth-more-content{grid-template-columns:1fr}
}
@media(prefers-color-scheme:dark){
  .auth-brand-simple{color:var(--text)}
  .auth-text-action,.auth-more-content a,.auth-inline-button{color:#b9d8f3}
  .auth-inline-button,.auth-more-content>a{background:#222936}
}


/* SETO 2.1.147 – sofortiges, nicht-blockierendes Feedback beim Cloud-Login */
.login-progress{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--blue) 7%,var(--card));color:var(--text);font-size:.8rem;line-height:1.35}
.login-progress[hidden]{display:none!important}
.login-progress-spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid color-mix(in srgb,var(--blue) 24%,transparent);border-top-color:var(--blue);border-radius:50%;animation:seto-login-spin .75s linear infinite}
@keyframes seto-login-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.login-progress-spinner{animation-duration:1.6s}}

/* SETO 2.1.160 – Mini-Apps direkt auf der Loginseite */
.auth-miniapps{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.auth-miniapps-head{display:grid;gap:2px;margin-bottom:10px}
.auth-miniapps-head .eyebrow{font-size:.65rem;letter-spacing:.12em;color:var(--muted);font-weight:850}
.auth-miniapps-head h2{margin:0;color:var(--text);font-size:.98rem;line-height:1.25}
.auth-miniapps-grid{display:grid;grid-template-columns:1fr;gap:9px}
.auth-miniapp-tile{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:66px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--blue) 17%,var(--border));
  border-radius:14px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--blue) 6%),color-mix(in srgb,var(--card) 98%,transparent));
  color:var(--text);
  text-decoration:none;
  box-shadow:0 7px 20px rgba(15,23,42,.045);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.auth-miniapp-tile:hover,
.auth-miniapp-tile:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--blue) 44%,var(--border));
  box-shadow:0 10px 24px rgba(23,54,93,.11);
  text-decoration:none;
  outline:none;
}
.auth-miniapp-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 92%,#fff 8%),var(--navy));
  color:#fff;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.035em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 14px rgba(23,54,93,.17);
}
.auth-miniapp-copy{min-width:0;display:grid;gap:2px}
.auth-miniapp-copy strong{color:var(--text);font-size:.83rem;line-height:1.2}
.auth-miniapp-copy small{color:var(--muted);font-size:.69rem;line-height:1.3}
.auth-miniapp-arrow{color:var(--blue);font-size:1.05rem;font-weight:900;padding-right:2px}
.auth-login-extras{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.auth-login-extras .auth-inline-button{flex:1 1 150px;min-height:36px}
@media(max-width:520px){
  .auth-miniapps{margin-top:17px;padding-top:14px}
  .auth-miniapp-tile{min-height:62px;padding:9px 10px;grid-template-columns:38px minmax(0,1fr) auto;gap:9px}
  .auth-miniapp-icon{width:38px;height:38px;border-radius:11px}
  .auth-miniapp-copy strong{font-size:.8rem}
  .auth-miniapp-copy small{font-size:.66rem}
}

/* SETO 2.2.30 – optionales vertrauenswürdiges persönliches Gerät */
.trusted-device-option{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--blue) 18%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--blue) 4%,var(--card));cursor:pointer}
.trusted-device-option[hidden]{display:none!important}.trusted-device-option input{margin-top:3px;width:18px;height:18px;accent-color:var(--blue)}
.trusted-device-option span{display:grid;gap:2px}.trusted-device-option strong{font-size:.8rem;color:var(--text)}.trusted-device-option small{font-size:.69rem;line-height:1.35;color:var(--muted)}

/* SETO 2.2.57: sichtbarer Tastaturfokus auf Anmeldeart und Mini-App-Zugängen. */
.login-mode-option:focus-visible,
.auth-inline-button:focus-visible,
.auth-text-action:focus-visible,
.auth-miniapp-tile:focus-visible,
.auth-simple-footer a:focus-visible{
  outline:3px solid var(--blue,#2f75b5);
  outline-offset:3px;
}
.auth-miniapp-copy,.auth-miniapp-copy strong,.auth-miniapp-copy small{overflow-wrap:anywhere;min-width:0}
@media(prefers-reduced-motion:reduce){.auth-miniapp-tile{transition:none!important;transform:none!important}}

/* END css/auth-analysis.css */

/* BEGIN css/seto-ui-v2.css */

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

/* END css/seto-ui-v2.css */