/* SETO UI G8 safe CSS bundle. Sources in original order: shared/flow/seto-flow-tokens.css, shared/flow/seto-flow-bridge.css, analyse/flow-e6-runtime.css, shared/flow/seto-flow-core.css */

/* BEGIN shared/flow/seto-flow-tokens.css */

:root{
--flow-bg:#EEF3F3;--flow-surface:#FFFFFF;--flow-surface-2:#F5F8F8;--flow-line:#C9D6D8;--flow-line-strong:#768D95;
--flow-ink:#0F2E3A;--flow-ink-2:#45606A;--flow-petrol:#0F4C5C;--flow-on-petrol:#FFFFFF;
--flow-magenta:#A3206F;--flow-on-magenta:#FFFFFF;--flow-teal:#0F6E6A;--flow-slate:#6A7E86;
--flow-plus:#18724A;--flow-minus:#B03A22;--flow-warn:#875800;--flow-focus:#A3206F;
--flow-shadow-float:0 12px 32px rgb(15 46 58 / .16);--flow-shadow-balance:0 6px 24px rgb(15 76 92 / .10);
--flow-s1:4px;--flow-s2:8px;--flow-s3:12px;--flow-s4:16px;--flow-s5:24px;--flow-s6:32px;--flow-s7:48px;--flow-s8:64px;
--flow-r-field:8px;--flow-r-button:10px;--flow-r-surface:14px;--flow-r-balance:22px;--flow-r-pill:999px;
--flow-ease:cubic-bezier(.2,.7,.2,1);--flow-t-fast:120ms;--flow-t-num:220ms;--flow-t-sheet:280ms;
--flow-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--flow-page-max:1200px;--flow-measure:68ch;--flow-control-col:420px;--flow-hit:44px;

--flow-cal-ts-fg:#7A4F00;--flow-cal-ts-bg:#FBEFD5;
--flow-cal-ns-fg:#2F3E8F;--flow-cal-ns-bg:#E3E7F8;
--flow-cal-u-fg:#0F6E6A;--flow-cal-u-bg:#DDF1EE;
--flow-cal-fs-fg:#0F4C5C;--flow-cal-fs-bg:#DCEBEE;
--flow-cal-kr-fg:#A3341D;--flow-cal-kr-bg:#F8E1DB;
--flow-cal-st-fg:#6B3FA0;--flow-cal-st-bg:#ECE3F6;
--flow-cal-afz-fg:#3F5560;--flow-cal-afz-bg:#E4EAEC;
--flow-cal-zt-fg:#4F5E14;--flow-cal-zt-bg:#EDF1D9;
--flow-cal-su-fg:#7A4B12;--flow-cal-su-bg:#F3E6D6;
--flow-cal-bu-fg:#7A4B12;--flow-cal-bu-bg:#F3E6D6;
--flow-cal-gt-fg:#1F6B3A;--flow-cal-gt-bg:#DFF0E4;
color-scheme:light;
}
:root[data-theme="dark"]{
--flow-bg:#0A1A21;--flow-surface:#10252E;--flow-surface-2:#163039;--flow-line:#2A4A55;--flow-line-strong:#5E808A;
--flow-ink:#E6EFF0;--flow-ink-2:#9DB4BA;--flow-petrol:#6CC0D0;--flow-on-petrol:#06232B;
--flow-magenta:#F07AC0;--flow-on-magenta:#2A0620;--flow-teal:#4CC7B9;--flow-slate:#8CA0A7;
--flow-plus:#5DD39A;--flow-minus:#FF8A70;--flow-warn:#F2B84B;--flow-focus:#F07AC0;
--flow-shadow-float:0 12px 32px rgb(0 0 0 / .45);--flow-shadow-balance:0 6px 24px rgb(0 0 0 / .35);

--flow-cal-ts-fg:#F2C46B;--flow-cal-ts-bg:#3A2E12;
--flow-cal-ns-fg:#AEB9F2;--flow-cal-ns-bg:#1E2550;
--flow-cal-u-fg:#6FD9CC;--flow-cal-u-bg:#0F3A38;
--flow-cal-fs-fg:#8FD3E0;--flow-cal-fs-bg:#123A45;
--flow-cal-kr-fg:#FF9F88;--flow-cal-kr-bg:#45201A;
--flow-cal-st-fg:#CDB2F0;--flow-cal-st-bg:#2F2147;
--flow-cal-afz-fg:#B7C7CE;--flow-cal-afz-bg:#25343A;
--flow-cal-zt-fg:#C9DA86;--flow-cal-zt-bg:#2D3512;
--flow-cal-su-fg:#E9BE8A;--flow-cal-su-bg:#3B2A16;
--flow-cal-bu-fg:#E9BE8A;--flow-cal-bu-bg:#3B2A16;
--flow-cal-gt-fg:#8EDDA8;--flow-cal-gt-bg:#16351F;
color-scheme:dark;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){
--flow-bg:#0A1A21;--flow-surface:#10252E;--flow-surface-2:#163039;--flow-line:#2A4A55;--flow-line-strong:#5E808A;
--flow-ink:#E6EFF0;--flow-ink-2:#9DB4BA;--flow-petrol:#6CC0D0;--flow-on-petrol:#06232B;
--flow-magenta:#F07AC0;--flow-on-magenta:#2A0620;--flow-teal:#4CC7B9;--flow-slate:#8CA0A7;
--flow-plus:#5DD39A;--flow-minus:#FF8A70;--flow-warn:#F2B84B;--flow-focus:#F07AC0;
--flow-shadow-float:0 12px 32px rgb(0 0 0 / .45);--flow-shadow-balance:0 6px 24px rgb(0 0 0 / .35);color-scheme:dark}}
@media(prefers-reduced-motion:reduce){:root{--flow-t-fast:0ms;--flow-t-num:0ms;--flow-t-sheet:0ms}}

/* END shared/flow/seto-flow-tokens.css */

/* BEGIN shared/flow/seto-flow-bridge.css */
/* Restrained colour bridge; read-only existing payroll charts and calculations stay untouched. */
:root{
--seto-bg:var(--flow-bg);--seto-card:var(--flow-surface);--seto-card-2:var(--flow-surface-2);
--seto-text:var(--flow-ink);--seto-muted:var(--flow-ink-2);--seto-border:var(--flow-line);--seto-line:var(--flow-line);
--seto-primary:var(--flow-petrol);--seto-primary-hover:var(--flow-ink);--seto-link:var(--flow-petrol);--seto-focus:var(--flow-focus);
--seto-good:var(--flow-plus);--seto-warn:var(--flow-warn);--seto-danger:var(--flow-minus);
--seto-data-actual:var(--flow-petrol);--seto-data-calculated:var(--flow-slate);--seto-data-forecast:var(--flow-ink-2);
--seto-v2-glass-bg:var(--flow-surface);--seto-v2-glass-bg-strong:var(--flow-surface);--seto-v2-glass-line:var(--flow-line);
--seto-v2-glass-shine:transparent;--seto-v2-glass-shadow:none;--seto-v2-glass-shadow-soft:none;
}
/* Only style the analysis area in E1. Broad app-wide restyling needs visual regression. */
body[data-seto-primary="analyse"] .seto-v2-section-tabs{background:var(--flow-surface);border-color:var(--flow-line)}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-width:var(--flow-page-max);margin:auto;padding:4px}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a{min-width:0;text-align:center;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 5px;border-radius:var(--flow-r-field);font:600 13px/1.2 var(--flow-font);text-wrap:balance}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a.active{background:var(--flow-petrol);color:var(--flow-on-petrol)}
@media(max-width:600px){body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a{font-size:12px;padding:7px 2px}}
/* Six choices always remain directly accessible, including on 390 px handsets. */
html[data-seto-section="analyse"]{--seto-v2-tabs-h:58px;--seto-v2-page:var(--flow-bg)}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner{width:calc(100% - 28px);max-width:var(--flow-page-max);overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background:var(--flow-surface);border-color:var(--flow-line)}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a{white-space:normal;min-height:44px;font-weight:600;color:var(--flow-petrol)}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a.active{color:var(--flow-on-petrol)}
@media(max-width:600px){html[data-seto-section="analyse"]{--seto-v2-tabs-h:112px}body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner{width:calc(100% - 14px)}body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a{min-height:44px}}

/* END shared/flow/seto-flow-bridge.css */

/* BEGIN analyse/flow-e6-runtime.css */
/* Runtime cascade, exact order of formerly appended Shell styles. */
/* Source: analyse/flow-analysis-e5.css */
/* SETO E5: responsive Flow layer, existing domain renderer remains authoritative. */
:root{--flow-line:color-mix(in srgb,currentColor 14%, transparent)}
.flow-jump-nav,.flow-next-links,.flow-check-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin:1rem 0;align-items:center}
.flow-jump-nav a,.flow-next-links a,.flow-check-actions a{border:1px solid var(--flow-line);border-radius:999px;padding:.58rem .82rem;text-decoration:none;font-size:.9rem;line-height:1.35;color:inherit;background:color-mix(in srgb,canvas 94%, currentColor 6%)}
.flow-jump-nav a:hover,.flow-next-links a:hover{border-color:var(--flow-primary,#0f4c5c)}
.flow-source-note{font-size:.91rem;color:var(--muted,#64748b);margin:1rem 0;line-height:1.55}
.flow-inline-action{margin:1rem 0 .3rem}.flow-inline-action a{font-weight:650}
.flow-tabs{display:flex;gap:.45rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;position:sticky;top:0;z-index:5;padding:.65rem .2rem;background:var(--surface,#fff);border-bottom:1px solid var(--flow-line)}
.flow-tabs [role=tab]{cursor:pointer;flex:0 0 auto;border:1px solid var(--flow-line);border-radius:999px;padding:.7rem 1rem;background:transparent;color:inherit;font-weight:600}
.flow-tabs [role=tab][aria-selected=true]{background:#0f4c5c;color:#fff;border-color:#0f4c5c}
[data-flow-panel][hidden]{display:none!important}[data-flow-panel]:not([hidden]){display:block;min-width:0}
.flow-optional{border-top:1px solid var(--flow-line);padding:.9rem 0;margin:.8rem 0}.flow-optional>summary{cursor:pointer;font-weight:650;list-style-position:inside}
.flow-scroll-table{max-width:100%;overflow-x:auto}.tariff-shell .table-wrap,.salary-main .chart-box,.gzw-shell .chart-box,main .chart-box{max-width:100%;min-width:0;overflow-x:auto}
.tariff-shell,.analysis-content,.salary-main,.flow-pro-analysis,.pro-analysis,.gzw-shell,.provision-shell{min-width:0;max-width:100%;box-sizing:border-box}
.tariff-shell section,.tariff-shell .card,.gzw-section,.gzw-subcard{min-width:0;overflow-wrap:anywhere}
.flow-mode-switch{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--flow-line);border-radius:999px}
.flow-mode-switch button{border:0;border-radius:999px;padding:.45rem .9rem;background:transparent;cursor:pointer;color:inherit}.flow-mode-switch button[aria-pressed=true]{background:#0f4c5c;color:#fff}
.flow-year-band{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.3rem;margin-bottom:1.1rem}.flow-month-chip{min-width:0;padding:.6rem .1rem;border-radius:.5rem;border:1px solid var(--flow-line);background:transparent;color:inherit;cursor:pointer}.flow-month-chip[aria-current=true]{outline:2px solid #0f4c5c;outline-offset:-2px;font-weight:800}.flow-month-chip:disabled{opacity:.3;cursor:default}.flow-month-chip[data-source=actual]{border-bottom:3px solid #16866c}.flow-month-chip[data-source=forecast]{border-bottom:3px dashed #c48628}.flow-month-chip[data-source=calculated]{border-bottom:3px solid #728c9d}
body[data-flow-view=year] .salary-main .diff-row,body[data-flow-view=year] .salary-main .progress-box,body[data-flow-view=year] .salary-main .progress-text{display:none}
body[data-flow-view=month] .salary-main .kpi-grid .kpi:nth-child(n+4){display:none}
.flow-pro-analysis .table-wrap,.flow-pro-analysis table{max-width:100%}.flow-pro-analysis .table-wrap{overflow-x:auto}.flow-check-intro,.flow-check-list{margin:1rem 0 1.4rem}.flow-check-intro .flow-lead{font-size:1.06rem}.flow-check-actions a{border-radius:.65rem}.flow-pro-analysis .pro-intro{display:none}
#insights > *:nth-child(n+4){display:none}
@media(max-width:720px){.flow-year-band{grid-template-columns:repeat(6,minmax(0,1fr))}.flow-jump-nav{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;max-width:100%;padding-bottom:.5rem}.flow-jump-nav a{white-space:nowrap;scroll-snap-align:start}.flow-tabs{margin-inline:-.4rem}.tariff-shell .card,.provision-shell .card{max-width:100%;overflow-wrap:anywhere}.tariff-shell .purchase-visual-grid,.tariff-shell .progression-chart-grid{display:block}.flow-pro-analysis .kpis,.flow-pro-analysis .guided-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.flow-pro-analysis .kpis,.flow-pro-analysis .guided-overview{grid-template-columns:minmax(0,1fr)}.flow-month-chip{font-size:.8rem}}

.flow-pro-analysis{display:grid;gap:1rem}
.flow-trend-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:.75rem 0}.flow-trend-tabs button{padding:.55rem .85rem;border:1px solid var(--flow-line);border-radius:999px;background:transparent;color:inherit;cursor:pointer}.flow-trend-tabs button[aria-pressed=true]{background:#0f4c5c;color:#fff}
[data-flow-trend][hidden]{display:none!important}
#panel-entgelttabelle #tariffTableGrid{max-height:1350px;overflow:auto;overscroll-behavior:contain}#panel-inflation .tariff-year-table{max-height:1100px;overflow:auto}
#panel-entgelttabelle #tariffTableGrid thead{position:sticky;top:0;background:var(--surface,#fff);z-index:1}


/* Source: shared/seto-shell-v2.css */
/* SETO 2.0.014 – Unified UI design system
   Shared visual language for Dashboard, Calendar, Payroll, Analysis and More. */
:root{
  --seto-v2-top-h:64px;--seto-v2-tabs-h:52px;--seto-v2-bottom-h:70px;
  --seto-v2-safe-top:env(safe-area-inset-top,0px);--seto-v2-safe-bottom:env(safe-area-inset-bottom,0px);
  --seto-v2-page-max:1280px;--seto-v2-content-max:1180px;
  --seto-v2-s1:4px;--seto-v2-s2:8px;--seto-v2-s3:12px;--seto-v2-s4:16px;--seto-v2-s5:24px;--seto-v2-s6:32px;--seto-v2-s7:48px;
  --seto-v2-radius-control:12px;--seto-v2-radius-card:16px;--seto-v2-radius-hero:24px;--seto-v2-radius-pill:999px;
  --seto-v2-shell-bg:color-mix(in srgb,var(--seto-card) 92%,transparent);
  --seto-v2-surface:var(--seto-card);--seto-v2-surface-2:var(--seto-card-2);--seto-v2-page:var(--seto-bg);
  --seto-v2-shadow-card:0 8px 28px rgba(23,54,93,.07);--seto-v2-shadow-float:0 18px 52px rgba(15,23,42,.16);
  --seto-data-actual:#17365d;--seto-data-calculated:#2f75b5;--seto-data-forecast:#7a8494;
  --seto-v2-good:var(--seto-good,#16834b);--seto-v2-warn:var(--seto-warn,#a45f00);--seto-v2-danger:var(--seto-danger,#c23939);
}
:root[data-theme="dark"]{--seto-data-actual:#cfe6fa;--seto-data-calculated:#8fc3ef;--seto-data-forecast:#a7afc0;--seto-v2-shadow-card:0 10px 30px rgba(0,0,0,.23);--seto-v2-shadow-float:0 22px 58px rgba(0,0,0,.38)}

/* Global rhythm */
html{scroll-padding-top:calc(var(--seto-v2-top-h) + var(--seto-v2-tabs-h) + 18px)}
body.seto-shell-v2-active{padding-top:calc(var(--seto-v2-top-h) + 14px)!important;background:var(--seto-v2-page)!important;color:var(--seto-text)!important}
body.seto-shell-v2-active.seto-v2-has-tabs{padding-top:calc(var(--seto-v2-top-h) + var(--seto-v2-tabs-h) + 14px)!important}
body.seto-shell-v2-active .seto-global-header,body.seto-shell-v2-active .seto-v2-legacy-nav{display:none!important}
body.seto-shell-v2-active .analysis-layout{display:block!important;min-height:0!important}
body.seto-shell-v2-active .analysis-content{margin:0!important;min-width:0!important;width:auto!important}
body.seto-shell-v2-active .importer-shell,body.seto-shell-v2-active .admin-shell,body.seto-shell-v2-active main.shell,body.seto-shell-v2-active .app-page,body.seto-shell-v2-active .salary-main,body.seto-shell-v2-active .analysis-content{width:min(var(--seto-v2-page-max),calc(100% - 32px))!important;max-width:var(--seto-v2-page-max)!important;margin-left:auto!important;margin-right:auto!important}
body.seto-shell-v2-active .seto-v2-content-surface{min-width:0}

/* Global top shell */
.seto-shell-v2-top{position:fixed;z-index:12000;top:8px;left:10px;right:10px;height:56px;border:1px solid var(--seto-border);border-radius:18px;background:var(--seto-v2-shell-bg);box-shadow:0 10px 34px rgba(23,54,93,.10);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);color:var(--seto-text)}
.seto-v2-top-inner{width:min(1360px,calc(100% - 16px));height:100%;margin:auto;display:flex;align-items:center;gap:16px}
.seto-v2-brand{display:flex;align-items:center;gap:9px;color:var(--seto-text);text-decoration:none;white-space:nowrap}.seto-v2-brand img{width:34px;height:34px;border-radius:11px;object-fit:cover}.seto-v2-brand span{display:grid;line-height:1.05}.seto-v2-brand strong{font-size:14px;letter-spacing:-.01em}.seto-v2-brand small{font-size:10px;margin-top:3px;color:var(--seto-muted);font-weight:750}
.seto-v2-desktop-nav{height:100%;display:flex;align-items:center;gap:3px}.seto-v2-desktop-nav a,.seto-v2-more-trigger{height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:0;border-radius:11px;background:transparent;color:var(--seto-muted);font:inherit;font-size:12px;font-weight:780;text-decoration:none;cursor:pointer}.seto-v2-desktop-nav a:hover,.seto-v2-more-trigger:hover{background:color-mix(in srgb,var(--seto-primary) 8%,transparent);color:var(--seto-text)}.seto-v2-desktop-nav .active,.seto-v2-more-trigger.active{background:color-mix(in srgb,var(--seto-primary) 12%,transparent);color:var(--seto-primary)}
.seto-v2-top-meta{margin-left:auto;display:flex;align-items:center}.seto-v2-release{font-size:9px;font-weight:750;color:var(--seto-muted);padding:4px 7px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-pill)}
.seto-v2-top-more{display:none;margin-left:auto;width:42px;height:42px;border:0;border-radius:12px;background:transparent;color:var(--seto-text)}.seto-v2-top-more svg{width:23px;height:23px;fill:currentColor;stroke:none}

/* One secondary navigation pattern */
.seto-v2-section-tabs{position:fixed;z-index:11500;top:70px;left:0;right:0;height:var(--seto-v2-tabs-h);display:flex;align-items:center;pointer-events:none}
.seto-v2-section-tabs-inner{pointer-events:auto;margin:auto;max-width:min(980px,calc(100% - 28px));display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;border:1px solid var(--seto-border);border-radius:15px;background:var(--seto-v2-shell-bg);box-shadow:0 8px 24px rgba(23,54,93,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow-x:auto;scrollbar-width:none}.seto-v2-section-tabs-inner::-webkit-scrollbar{display:none}.seto-v2-section-tabs a{flex:0 0 auto;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0 13px;border-radius:10px;color:var(--seto-muted);font-size:11px;font-weight:780;text-decoration:none;white-space:nowrap}.seto-v2-section-tabs a:hover{background:color-mix(in srgb,var(--seto-primary) 7%,transparent);color:var(--seto-text)}.seto-v2-section-tabs a.active{background:color-mix(in srgb,var(--seto-primary) 12%,transparent);color:var(--seto-primary)}

/* Component foundations */
.seto-v2-card-surface{border-radius:var(--seto-v2-radius-card)!important;border-color:var(--seto-border)!important;box-shadow:var(--seto-v2-shadow-card)!important;background-color:var(--seto-v2-surface)!important}
.seto-v2-control{min-height:42px;border-radius:var(--seto-v2-radius-control)!important;border-color:var(--seto-border)!important;background:var(--seto-v2-surface-2)!important;color:var(--seto-text)!important}
.seto-v2-table{width:100%;border-collapse:separate!important;border-spacing:0!important}.seto-v2-table th{font-size:10px!important;text-transform:uppercase;letter-spacing:.055em;color:var(--seto-muted)!important;background:var(--seto-v2-surface-2)!important}.seto-v2-table th,.seto-v2-table td{padding:11px 12px!important;border-color:var(--seto-border)!important}
.seto-v2-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px;padding:0 2px}.seto-v2-page-header-copy{min-width:0}.seto-v2-eyebrow{display:block;margin-bottom:5px;color:var(--seto-primary);font-size:10px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.seto-v2-page-header h1{margin:0;font-size:clamp(25px,4vw,34px);line-height:1.05;letter-spacing:-.025em}.seto-v2-page-header p{margin:7px 0 0;color:var(--seto-muted);font-size:13px;line-height:1.45}.seto-v2-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.seto-v2-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-control);background:var(--seto-v2-surface);color:var(--seto-text);font:inherit;font-size:12px;font-weight:780;text-decoration:none;cursor:pointer}.seto-v2-button.primary{border-color:var(--seto-primary);background:var(--seto-primary);color:#fff}.seto-v2-button:hover{border-color:var(--seto-primary)}
.seto-v2-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.seto-v2-metric{padding:16px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-card);background:var(--seto-v2-surface);box-shadow:var(--seto-v2-shadow-card)}.seto-v2-metric>span{display:block;color:var(--seto-muted);font-size:10px;font-weight:750}.seto-v2-metric>strong{display:block;margin-top:5px;font-size:23px;letter-spacing:-.025em}.seto-v2-metric>small{display:block;margin-top:3px;color:var(--seto-muted);font-size:10px}
.seto-v2-status-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-control);background:var(--seto-v2-surface-2);font-size:12px}.seto-v2-status-banner[data-level="warn"]{border-color:color-mix(in srgb,var(--seto-v2-warn) 48%,var(--seto-border))}.seto-v2-status-banner[data-level="bad"]{border-color:color-mix(in srgb,var(--seto-v2-danger) 48%,var(--seto-border))}
.seto-data-state{display:inline-flex;align-items:center;gap:6px;border:1px solid currentColor;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:820;line-height:1}.seto-data-state[data-state="actual"]{color:var(--seto-data-actual)}.seto-data-state[data-state="calculated"]{color:var(--seto-data-calculated)}.seto-data-state[data-state="forecast"]{color:var(--seto-data-forecast);border-style:dashed}
.seto-v2-source-note[data-seto-state="actual"]{color:var(--seto-data-actual)!important}.seto-v2-source-note[data-seto-state="calculated"]{color:var(--seto-data-calculated)!important}.seto-v2-source-note[data-seto-state="forecast"]{color:var(--seto-data-forecast)!important;font-style:italic}.seto-v2-source-note[data-seto-state="forecast"]::before{content:'Prognose · ';font-weight:800}
.seto-v2-source-note[data-seto-state="estimated"]{color:var(--seto-data-forecast)!important;font-style:italic}.seto-v2-source-note[data-seto-state="estimated"]::before{content:'Schätzung · ';font-weight:800}
.seto-v2-source-note[data-seto-state="assumption"]{color:var(--seto-data-forecast)!important;font-style:italic}.seto-v2-source-note[data-seto-state="assumption"]::before{content:'Annahme · ';font-weight:800}

/* More sheet */
.seto-v2-mobile-bottom{display:none}.seto-v2-mobile-bottom svg,.seto-v2-more-grid svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.seto-v2-mobile-bottom svg circle{fill:currentColor;stroke:none}
.seto-v2-more-overlay{position:fixed;inset:0;z-index:13000}.seto-v2-more-overlay[hidden]{display:none!important}.seto-v2-more-backdrop{position:absolute;inset:0;background:rgba(15,23,34,.32);opacity:0;transition:opacity .14s ease;backdrop-filter:blur(3px)}.seto-v2-more-sheet{position:absolute;top:72px;right:18px;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 92px);overflow:auto;padding:18px;border:1px solid var(--seto-border);border-radius:22px;background:var(--seto-card);box-shadow:var(--seto-v2-shadow-float);transform:translateY(-8px) scale(.985);opacity:0;transition:transform .14s ease,opacity .14s ease}.seto-v2-more-overlay.open .seto-v2-more-backdrop{opacity:1}.seto-v2-more-overlay.open .seto-v2-more-sheet{transform:none;opacity:1}.seto-v2-more-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.seto-v2-more-head small{display:block;font-size:10px;font-weight:850;letter-spacing:.08em;color:var(--seto-primary)}.seto-v2-more-head h2{margin:2px 0 0;font-size:25px}.seto-v2-more-head p{margin:5px 0 0;color:var(--seto-muted);font-size:11px}.seto-v2-more-close{width:38px;height:38px;border:1px solid var(--seto-border);border-radius:12px;background:var(--seto-card-2);color:var(--seto-text);font-size:23px;line-height:1;cursor:pointer}.seto-v2-more-section{margin-top:15px}.seto-v2-more-section>h3{margin:0 0 7px;padding-left:3px;color:var(--seto-muted);font-size:9px;text-transform:uppercase;letter-spacing:.075em}.seto-v2-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seto-v2-more-grid>a,.seto-v2-more-grid>button{min-width:0;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--seto-border);border-radius:15px;background:var(--seto-card-2);color:var(--seto-text);text-decoration:none;text-align:left;font:inherit;cursor:pointer}.seto-v2-more-grid>a:hover,.seto-v2-more-grid>button:hover{border-color:color-mix(in srgb,var(--seto-primary) 50%,var(--seto-border));background:color-mix(in srgb,var(--seto-primary) 7%,var(--seto-card))}.seto-v2-more-grid svg{flex:0 0 auto;color:var(--seto-primary)}.seto-v2-more-grid span{min-width:0;display:grid;gap:2px}.seto-v2-more-grid strong{font-size:12px}.seto-v2-more-grid small{font-size:10px;line-height:1.35;color:var(--seto-muted)}

/* Dashboard 2.0 */
body[data-seto-v2-area="start"] #mobileHomeIntro{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body[data-seto-v2-area="start"] .start-dashboard-header-inner{min-height:0!important;padding:8px 0 2px!important}
body[data-seto-v2-area="start"] .start-brand-lockup{display:none!important}
body[data-seto-v2-area="start"] .start-dashboard-actions{display:grid!important}
body[data-seto-v2-area="start"] .start-dashboard-eyebrow{color:var(--seto-primary)!important}
body[data-seto-v2-area="start"] #mobileHomeTitle{font-size:clamp(28px,6vw,38px)!important;letter-spacing:-.035em!important}
body[data-seto-v2-area="start"] .start-dashboard-meta{margin-top:12px!important}
body[data-seto-v2-area="start"] #cryptoPilotCard{display:none!important}
.seto-v2-next-shift{position:relative;overflow:hidden;margin:14px 0 16px;padding:22px;border:0!important;border-radius:var(--seto-v2-radius-hero)!important;background:linear-gradient(135deg,#17365d 0%,#214d7d 72%,#2f75b5 130%)!important;color:#fff!important;box-shadow:0 16px 38px rgba(23,54,93,.20)!important}.seto-v2-next-shift::after{content:'';position:absolute;right:-34px;top:-54px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.07)}.seto-v2-next-shift-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.seto-v2-next-shift .eyebrow{color:#cfe6fa!important;font-size:10px;font-weight:850;letter-spacing:.08em}.seto-v2-next-shift h2{margin:5px 0 4px;font-size:24px;letter-spacing:-.03em}.seto-v2-next-shift p{margin:0;color:rgba(255,255,255,.78);font-size:12px}.seto-v2-next-shift-badge{position:relative;z-index:1;padding:6px 9px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.10);font-size:10px;font-weight:800}.seto-v2-next-shift-actions{position:relative;z-index:1;margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.seto-v2-next-shift-actions a{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;border-radius:11px;background:#fff;color:#17365d;text-decoration:none;font-size:11px;font-weight:800}.seto-v2-next-shift-actions a.secondary{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.22)}
body[data-seto-v2-area="start"] .planning-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.planning-group.fsq-group{display:block}.seto-v2-home-section-label{display:block;margin:2px 0 10px;color:var(--seto-muted);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
body[data-seto-v2-area="start"] .start-card{margin-bottom:14px!important}.seto-v2-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.seto-v2-quick-actions a{min-height:66px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-card);background:var(--seto-card);color:var(--seto-text);text-decoration:none;box-shadow:var(--seto-v2-shadow-card)}.seto-v2-quick-actions a strong{font-size:12px}.seto-v2-quick-actions a small{margin-top:3px;color:var(--seto-muted);font-size:9px}

/* Module unification */
body[data-seto-v2-area="abrechnung"] .main-page,body[data-seto-v2-area="abrechnung"] .app-page{padding-left:0!important;padding-right:0!important}.vdn-head,.subpage-head,.salary-header,.analysis-header,.top.import-hero,.hero,.admin-hero{border-radius:var(--seto-v2-radius-hero)!important}.salary-header{position:static!important;margin:0 auto 18px!important;max-width:var(--seto-v2-content-max)!important;background:linear-gradient(135deg,#17365d,#214d7d)!important;border-radius:var(--seto-v2-radius-hero)!important}.salary-main{padding-top:0!important}.salary-header .back-link{display:none!important}.analysis-content>.salary-header+*,.analysis-content>header+*{scroll-margin-top:130px}
body[data-seto-v2-area="analyse"] .analysis-content{padding:0!important}body[data-seto-v2-area="analyse"] .salary-main,body[data-seto-v2-area="analyse"] main.container{width:100%!important;max-width:var(--seto-v2-content-max)!important;margin:auto!important}
body[data-seto-v2-area="import"] .importer-shell{padding-left:0!important;padding-right:0!important}.import-section-intro{margin-top:24px!important}.importer-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body[data-seto-v2-area="profil"] header.topbar{display:none!important}body[data-seto-v2-area="profil"] main.shell{padding-top:0!important}body[data-seto-v2-area="profil"] .tabs{position:sticky;top:128px;z-index:70;display:flex;gap:4px;padding:5px;border:1px solid var(--seto-border);border-radius:15px;background:var(--seto-v2-shell-bg);backdrop-filter:blur(18px);overflow-x:auto}.tabs .tab{white-space:nowrap;border-radius:10px!important}
body[data-seto-v2-area="admin"] .admin-topbar{display:none!important}body[data-seto-v2-area="admin"] .admin-tabs{position:sticky;top:76px;z-index:70;border-radius:15px;background:var(--seto-v2-shell-bg);backdrop-filter:blur(18px)}

/* Calendar */
body[data-seto-v2-area="kalender"]>.app-header,body[data-seto-v2-area="kalender"]>.bottom-nav{display:none!important}body[data-seto-v2-area="kalender"] .cal-wrap{max-width:var(--seto-v2-page-max)!important;margin:0 auto!important}.day-card,.cal-day,.day{border-radius:12px!important}.cal-nav{border-radius:15px!important}.day-detail-sheet,.editor-sheet,#editor{border-radius:22px 22px 0 0!important}

/* Accessibility, focus and states */
.seto-shell-v2-active :focus-visible{outline:3px solid var(--seto-focus)!important;outline-offset:3px!important}.seto-shell-v2-active [hidden]{display:none!important}.seto-shell-v2-active button,.seto-shell-v2-active a,.seto-shell-v2-active input,.seto-shell-v2-active select,.seto-shell-v2-active textarea{touch-action:manipulation}

@media(max-width:900px){.seto-v2-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.importer-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.seto-v2-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-seto-v2-area="start"] .planning-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  :root{--seto-v2-top-h:calc(56px + var(--seto-v2-safe-top));--seto-v2-tabs-h:50px;--seto-v2-bottom-h:calc(66px + var(--seto-v2-safe-bottom))}
  body.seto-shell-v2-active{padding-top:calc(var(--seto-v2-top-h) + 8px)!important;padding-bottom:calc(var(--seto-v2-bottom-h) + 10px)!important}body.seto-shell-v2-active.seto-v2-has-tabs{padding-top:calc(var(--seto-v2-top-h) + var(--seto-v2-tabs-h) + 8px)!important}
  body.seto-shell-v2-active .importer-shell,body.seto-shell-v2-active .admin-shell,body.seto-shell-v2-active main.shell,body.seto-shell-v2-active .app-page,body.seto-shell-v2-active .salary-main,body.seto-shell-v2-active .analysis-content{width:calc(100% - 20px)!important}
  .seto-shell-v2-top{top:0;left:0;right:0;height:var(--seto-v2-top-h);padding-top:var(--seto-v2-safe-top);border-width:0 0 1px;border-radius:0 0 16px 16px;box-shadow:0 6px 24px rgba(23,54,93,.08)}.seto-v2-top-inner{width:100%;height:56px;padding:0 max(12px,env(safe-area-inset-left,0px));gap:10px}.seto-v2-brand img{width:31px;height:31px}.seto-v2-brand strong{font-size:13px}.seto-v2-brand small{font-size:10px}.seto-v2-desktop-nav{display:none}.seto-v2-top-meta{display:flex;margin-left:auto;gap:5px}.seto-v2-top-meta .seto-v2-release{display:none}.seto-v2-storage-mode{max-width:84px;padding:4px 7px;font-size:9px}.seto-v2-top-more{display:grid;place-items:center}
  .seto-v2-section-tabs{top:var(--seto-v2-top-h);height:var(--seto-v2-tabs-h)}.seto-v2-section-tabs-inner{max-width:calc(100% - 14px);justify-content:flex-start}.seto-v2-section-tabs a{min-height:35px;padding:0 12px;font-size:10px}
  .seto-v2-mobile-bottom{position:fixed;display:flex;z-index:12000;left:0;right:0;bottom:0;height:var(--seto-v2-bottom-h);padding:5px max(6px,env(safe-area-inset-right,0px)) var(--seto-v2-safe-bottom) max(6px,env(safe-area-inset-left,0px));border-top:1px solid var(--seto-border);background:var(--seto-v2-shell-bg);box-shadow:0 -8px 28px rgba(23,54,93,.09);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.seto-v2-mobile-bottom>a,.seto-v2-mobile-bottom>button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:12px;background:transparent;color:var(--seto-muted);text-decoration:none;font:inherit;cursor:pointer}.seto-v2-mobile-bottom>a.active,.seto-v2-mobile-bottom>button.active{color:var(--seto-primary);background:color-mix(in srgb,var(--seto-primary) 10%,transparent)}.seto-v2-mobile-bottom span{height:21px;display:grid;place-items:center}.seto-v2-mobile-bottom b{font-size:9.5px;font-weight:800;line-height:1;white-space:nowrap}
  .seto-v2-more-sheet{top:auto;left:7px;right:7px;bottom:calc(var(--seto-v2-bottom-h) + 7px);width:auto;max-height:calc(100dvh - var(--seto-v2-top-h) - var(--seto-v2-bottom-h) - 18px);border-radius:22px;transform:translateY(12px) scale(.99)}.seto-v2-more-grid{grid-template-columns:1fr 1fr}.seto-v2-more-grid>a,.seto-v2-more-grid>button{padding:12px 11px}
  .seto-v2-page-header{align-items:flex-start;flex-direction:column}.seto-v2-page-actions{width:100%}.seto-v2-page-actions>*{flex:1}.seto-v2-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seto-v2-metric>strong{font-size:21px}
  body[data-seto-v2-area="profil"] .tabs{top:calc(var(--seto-v2-top-h) + 5px)}body[data-seto-v2-area="admin"] .admin-tabs{top:calc(var(--seto-v2-top-h) + 5px)}
  .salary-header{margin-top:0!important;border-radius:18px!important}.salary-header-inner{padding:18px!important}
  body[data-seto-v2-area="start"] .planning-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){.seto-v2-brand small{max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seto-v2-mobile-bottom b{font-size:9px}.seto-v2-more-grid{grid-template-columns:1fr}.seto-v2-metric-grid,.importer-dashboard-grid,.seto-v2-quick-actions{grid-template-columns:1fr 1fr!important}.seto-v2-next-shift{padding:18px}.seto-v2-next-shift h2{font-size:21px}}
@media print{.seto-shell-v2-top,.seto-v2-mobile-bottom,.seto-v2-more-overlay,.seto-v2-section-tabs{display:none!important}body.seto-shell-v2-active,body.seto-shell-v2-active.seto-v2-has-tabs{padding-top:0!important;padding-bottom:0!important}.seto-v2-card-surface{box-shadow:none!important}}
.seto-v2-current-payout{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:16px 18px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-card);background:var(--seto-v2-surface-2)}.seto-v2-current-payout>div{display:grid;gap:2px}.seto-v2-current-payout>div>span{font-size:10px;color:var(--seto-muted);font-weight:750}.seto-v2-current-payout>div>strong{font-size:24px;letter-spacing:-.03em}.seto-v2-current-payout>div>small{font-size:10px;color:var(--seto-muted)}
@media(max-width:430px){.seto-v2-current-payout{align-items:flex-start;flex-direction:column}.seto-v2-current-payout>div>strong{font-size:22px}}
.seto-v2-actions-menu{position:relative}.seto-v2-actions-menu>summary{list-style:none;cursor:pointer}.seto-v2-actions-menu>summary::-webkit-details-marker{display:none}.seto-v2-actions-popover{position:absolute;z-index:500;top:calc(100% + 7px);right:0;width:220px;padding:7px;border:1px solid var(--seto-border);border-radius:14px;background:var(--seto-card);box-shadow:var(--seto-v2-shadow-float)}.seto-v2-actions-popover a{display:block;padding:10px 11px;border-radius:9px;color:var(--seto-text);text-decoration:none;font-size:11px;font-weight:700}.seto-v2-actions-popover a:hover{background:var(--seto-card-2);color:var(--seto-primary)}
@media(max-width:760px){.seto-v2-actions-menu{width:100%}.seto-v2-actions-menu>summary{width:100%}.seto-v2-actions-popover{left:0;right:auto;width:min(300px,calc(100vw - 40px))}}
/* Payroll question-first view */
.seto-v2-payroll-overview{display:grid;gap:12px;margin:0 0 18px}.seto-v2-payroll-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:var(--seto-v2-radius-hero);background:linear-gradient(135deg,#17365d,#214d7d)!important;color:#fff;box-shadow:0 14px 34px rgba(23,54,93,.18)}.seto-v2-payroll-hero>div{display:grid;gap:3px}.seto-v2-payroll-hero>div>span{font-size:10px;color:#cfe6fa;font-weight:800}.seto-v2-payroll-hero>div>strong{font-size:clamp(27px,5vw,38px);letter-spacing:-.035em}.seto-v2-payroll-hero>div>small{font-size:10px;color:rgba(255,255,255,.72)}.seto-v2-payroll-hero .seto-data-state{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)}
.seto-v2-payroll-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seto-v2-payroll-question-grid>article,.seto-v2-payroll-question-grid>a{display:grid;align-content:center;min-height:92px;padding:15px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-card);background:var(--seto-card);color:var(--seto-text);text-decoration:none;box-shadow:var(--seto-v2-shadow-card)}.seto-v2-payroll-question-grid span{font-size:10px;color:var(--seto-muted);font-weight:750}.seto-v2-payroll-question-grid strong{margin-top:4px;font-size:20px;letter-spacing:-.02em}.seto-v2-payroll-question-grid small{margin-top:3px;color:var(--seto-muted);font-size:9px;line-height:1.35}.seto-v2-payroll-question-grid>a:hover{border-color:var(--seto-primary)}
.seto-v2-payroll-events{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-card);background:var(--seto-card)}.seto-v2-payroll-events h2,.seto-v2-section-intro h2{margin:2px 0 0;font-size:17px}.seto-v2-payroll-events>div:last-child{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.seto-v2-event-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:var(--seto-card-2);color:var(--seto-text);font-size:9px;font-weight:750}.seto-v2-section-intro{padding:8px 2px 0}.seto-v2-section-intro p{margin:4px 0 0;color:var(--seto-muted);font-size:11px}
.seto-v2-inline-feature{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 14px;padding:13px 15px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-card);background:color-mix(in srgb,var(--seto-primary) 6%,var(--seto-card));color:var(--seto-text);text-decoration:none}.seto-v2-inline-feature span{display:grid;gap:2px}.seto-v2-inline-feature strong{font-size:12px}.seto-v2-inline-feature small{color:var(--seto-muted);font-size:9px}.seto-v2-inline-feature>b{color:var(--seto-primary);font-size:11px}
@media(max-width:760px){.seto-v2-payroll-question-grid{grid-template-columns:1fr 1fr}.seto-v2-payroll-question-grid>a{grid-column:1/-1}.seto-v2-payroll-events{align-items:flex-start;flex-direction:column}.seto-v2-payroll-events>div:last-child{justify-content:flex-start}.seto-v2-payroll-hero{align-items:flex-start;flex-direction:column}}
/* Analysis stories */
.seto-v2-analysis-stories{display:grid;gap:10px;margin:0 0 18px}.seto-v2-analysis-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.seto-v2-analysis-story-grid>a{min-height:124px;display:flex;flex-direction:column;padding:15px;border:1px solid var(--seto-border);border-radius:var(--seto-v2-radius-card);background:var(--seto-card);color:var(--seto-text);text-decoration:none;box-shadow:var(--seto-v2-shadow-card)}.seto-v2-analysis-story-grid>a>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:color-mix(in srgb,var(--seto-primary) 10%,transparent);color:var(--seto-primary);font-size:9px;font-weight:850}.seto-v2-analysis-story-grid strong{margin-top:13px;font-size:13px;line-height:1.25}.seto-v2-analysis-story-grid small{margin-top:auto;padding-top:9px;color:var(--seto-muted);font-size:9px;line-height:1.4}.seto-v2-analysis-story-grid>a:hover{border-color:var(--seto-primary);transform:translateY(-1px)}
.seto-v2-check-moved{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--seto-primary) 32%,var(--seto-border));border-radius:var(--seto-v2-radius-card);background:color-mix(in srgb,var(--seto-primary) 6%,var(--seto-card));color:var(--seto-text);text-decoration:none}.seto-v2-check-moved span{display:grid;gap:3px}.seto-v2-check-moved strong{font-size:12px}.seto-v2-check-moved small{color:var(--seto-muted);font-size:9px;line-height:1.4}.seto-v2-check-moved>b{color:var(--seto-primary);font-size:10px;white-space:nowrap}
@media(max-width:900px){.seto-v2-analysis-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.seto-v2-analysis-story-grid{grid-template-columns:1fr 1fr}.seto-v2-analysis-story-grid>a{min-height:132px;padding:13px}.seto-v2-analysis-story-grid strong{font-size:12px}}
/* Final module-layout cleanup */
body[data-seto-v2-area="abrechnung"][data-view]{padding-left:0!important}body[data-seto-v2-area="abrechnung"]>.app-page{width:min(var(--seto-v2-page-max),calc(100% - 32px))!important;max-width:var(--seto-v2-page-max)!important}
body[data-seto-v2-area="import"] .import-layout{display:block!important;width:100%!important;max-width:none!important;min-height:0!important}body[data-seto-v2-area="import"] .import-content{min-width:0!important;width:100%!important}body[data-seto-v2-area="import"] .import-content>.shell{max-width:var(--seto-v2-page-max)!important;margin:auto!important}
.seto-v2-profile-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}.seto-v2-profile-layout>.tabs{grid-column:1;grid-row:1;position:sticky!important;top:76px!important;display:grid!important;align-self:start;gap:4px;margin:0!important;padding:7px!important;border:1px solid var(--seto-border)!important;border-radius:15px!important;background:var(--seto-v2-shell-bg)!important;overflow:visible!important}.seto-v2-profile-layout>.tabs .tab{width:100%;min-height:40px;text-align:left!important;justify-content:flex-start!important;padding:0 11px!important}.seto-v2-profile-layout>.tabpanel{grid-column:2;grid-row:1;margin:0!important}.seto-v2-profile-select{display:none}
@media(max-width:760px){body[data-seto-v2-area="abrechnung"]>.app-page{width:calc(100% - 20px)!important}.seto-v2-profile-layout{display:block;margin-top:10px}.seto-v2-profile-layout>.tabs{display:none!important}.seto-v2-profile-layout>.tabpanel{width:100%}.seto-v2-profile-select{position:sticky;top:calc(var(--seto-v2-top-h) + 5px);z-index:80;display:grid;gap:4px;margin:0 0 10px;padding:8px 10px;border:1px solid var(--seto-border);border-radius:14px;background:var(--seto-v2-shell-bg);backdrop-filter:blur(18px)}.seto-v2-profile-select>span{font-size:9px;font-weight:800;color:var(--seto-muted);text-transform:uppercase;letter-spacing:.06em}.seto-v2-profile-select select{width:100%;min-height:40px}}
/* SETO 2.0.014 UI-Audit – mobile fixes 1–4 */
.seto-v2-tab-label-mobile{display:none}
@media(max-width:760px){
  :root{--seto-v2-tabs-h:58px}
  .seto-v2-section-tabs a{min-height:44px!important;padding:0 11px}
  .seto-v2-section-tabs-inner{scroll-snap-type:x proximity}
  .seto-v2-section-tabs a{scroll-snap-align:start}
  .seto-v2-tab-label-full{display:none}
  .seto-v2-tab-label-mobile{display:inline}
  .seto-v2-top-more{width:44px;height:44px}
  .seto-v2-next-shift-actions a{min-height:44px}
  .seto-v2-profile-select select{min-height:44px}
  body.seto-shell-v2-active :is(.btn,.link-btn,.primary-button,.secondary-button,.period-arrow){min-height:44px}
  body.seto-shell-v2-active .temporary-vdn-import>summary,
  body.seto-shell-v2-active .compare-technical-details>summary,
  body.seto-shell-v2-active .advanced-panel>summary,
  body.seto-shell-v2-active .import-help-card>summary{min-height:44px;display:flex;align-items:center}
}
@media(max-width:620px){
  .importer-dashboard-grid{grid-template-columns:1fr!important}
}


/* SETO 2.0.014 UI-Audit – mobile fixes 5–8 */
.year-tab-label-mobile{display:none}
@media(max-width:760px){
  body[data-seto-v2-area="kalender"] .tab-bar{overflow-x:visible;gap:3px;padding:4px}
  body[data-seto-v2-area="kalender"] .tab-bar .tab{flex:1 1 0;min-width:0;min-height:44px;padding:0 5px;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
  body[data-seto-v2-area="kalender"] .year-tab-label-full{display:none}
  body[data-seto-v2-area="kalender"] .year-tab-label-mobile{display:inline}
}

/* SETO 2.1.020 – Unified UI Foundation */
.seto-v2-skip-link{position:fixed;z-index:14000;top:8px;left:12px;transform:translateY(-140%);padding:10px 14px;border-radius:12px;background:var(--seto-primary);color:#fff;text-decoration:none;font-size:12px;font-weight:800;box-shadow:var(--seto-v2-shadow-float);transition:transform .16s ease}
.seto-v2-skip-link:focus{transform:translateY(0)}
html.seto-v2-more-open,html.seto-v2-more-open body{overflow:hidden}
@media(max-width:760px){.seto-v2-skip-link{top:calc(var(--seto-v2-safe-top) + 6px)}}
.seto-shell-v2-active .seto-v2-redundant-nav{display:none!important}
body[data-seto-v2-area="profil"] main.shell>.hero.seto-v2-page-header{padding:0 2px;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body[data-seto-v2-area="import"] .import-hero.seto-v2-page-header{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0 2px}
body[data-seto-v2-area="analyse"] main .topbar.seto-v2-page-header{position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0 2px}

/* SETO 2.1.056 – globaler, nur lesbarer Speicherort-Status */
.seto-v2-storage-mode{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 9px;border:1px solid var(--seto-border);border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.01em;color:var(--seto-ink);background:color-mix(in srgb,var(--seto-surface-solid) 88%,transparent);white-space:nowrap}
.seto-v2-storage-mode::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--seto-primary)}
.seto-v2-storage-mode[data-mode="local"]::before{background:var(--seto-success,#2e8b57)}
.seto-v2-storage-mode[data-mode="checking"]::before{background:var(--seto-warning,#b7791f)}
.seto-v2-storage-mode[data-mode="unknown"]::before{background:var(--seto-muted,#64748b)}
@media(max-width:760px){
  .seto-v2-top-meta{display:flex;margin-left:auto}.seto-v2-release{display:none}
  .seto-v2-storage-mode{display:inline-flex;max-width:132px;overflow:hidden;text-overflow:ellipsis;padding:4px 7px;font-size:9px}
}

.seto-v2-storage-mode[data-mode="none"]::before{background:var(--seto-muted,#64748b)}
.seto-v2-storage-mode[data-mode="error"]::before{background:var(--seto-danger,#c23939)}

/* SETO 2.1.155 – Glass IA: einheitlicher Mehr-Hub und appweites Oberflächenraster */
:root{
  --seto-v2-glass-bg:rgba(255,255,255,.66);
  --seto-v2-glass-bg-strong:rgba(255,255,255,.82);
  --seto-v2-glass-line:rgba(255,255,255,.72);
  --seto-v2-glass-shine:rgba(255,255,255,.62);
  --seto-v2-glass-shadow:0 18px 54px rgba(23,54,93,.11);
  --seto-v2-glass-shadow-soft:0 10px 30px rgba(23,54,93,.075);
}
:root[data-theme="dark"]{
  --seto-v2-glass-bg:rgba(20,31,45,.70);
  --seto-v2-glass-bg-strong:rgba(24,36,51,.88);
  --seto-v2-glass-line:rgba(148,163,184,.20);
  --seto-v2-glass-shine:rgba(255,255,255,.05);
  --seto-v2-glass-shadow:0 20px 58px rgba(0,0,0,.34);
  --seto-v2-glass-shadow-soft:0 10px 32px rgba(0,0,0,.22);
}
body.seto-shell-v2-active{
  background:
    radial-gradient(900px 480px at -10% -12%,rgba(47,117,181,.13),transparent 62%),
    radial-gradient(720px 420px at 108% 4%,rgba(91,155,213,.09),transparent 58%),
    linear-gradient(180deg,color-mix(in srgb,var(--seto-bg) 45%,#fff) 0%,var(--seto-bg) 100%)!important;
}
:root[data-theme="dark"] body.seto-shell-v2-active{
  background:
    radial-gradient(900px 480px at -10% -12%,rgba(47,117,181,.15),transparent 62%),
    radial-gradient(720px 420px at 108% 4%,rgba(91,155,213,.08),transparent 58%),
    var(--seto-bg)!important;
}
.seto-shell-v2-top,.seto-v2-section-tabs-inner,.seto-v2-profile-select{
  background:var(--seto-v2-glass-bg-strong)!important;
  border-color:var(--seto-v2-glass-line)!important;
  box-shadow:var(--seto-v2-glass-shadow-soft)!important;
  backdrop-filter:blur(26px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(155%)!important;
}
.seto-v2-card-surface{
  background:var(--seto-v2-glass-bg)!important;
  border-color:var(--seto-v2-glass-line)!important;
  box-shadow:var(--seto-v2-glass-shadow-soft)!important;
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}

/* Mehr wird als eigener Hub behandelt, nicht als ungegliederte Linkliste. */
.seto-v2-more-backdrop{background:rgba(9,18,30,.34);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.seto-v2-more-sheet{
  top:74px;right:18px;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 96px);
  padding:20px;border:1px solid var(--seto-v2-glass-line);border-radius:26px;
  background:var(--seto-v2-glass-bg-strong);box-shadow:var(--seto-v2-glass-shadow);
  backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);
}
.seto-v2-more-head{margin-bottom:10px;padding:2px 2px 0}.seto-v2-more-head small{font-size:9px;letter-spacing:.10em}.seto-v2-more-head h2{font-size:29px;letter-spacing:-.035em}.seto-v2-more-head p{max-width:520px;font-size:11.5px;line-height:1.45}.seto-v2-more-close{flex:0 0 auto;width:40px;height:40px;border-color:var(--seto-v2-glass-line);background:color-mix(in srgb,var(--seto-v2-glass-bg-strong) 82%,transparent);box-shadow:inset 0 1px 0 var(--seto-v2-glass-shine)}
.seto-v2-more-context{display:flex;align-items:center;gap:7px;margin:0 2px 16px;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--seto-border) 72%,transparent)}
.seto-v2-more-context>span{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border:1px solid var(--seto-border);border-radius:999px;background:color-mix(in srgb,var(--seto-v2-glass-bg) 80%,transparent);color:var(--seto-muted);font-size:9px;font-weight:800}
.seto-v2-more-context>[data-more-storage]::before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--seto-primary)}
.seto-v2-more-context>[data-more-storage][data-mode="local"]::before{background:var(--seto-good,#16834b)}
.seto-v2-more-context>[data-more-storage][data-mode="checking"]::before{background:var(--seto-warn,#a45f00)}
.seto-v2-more-context>[data-more-storage][data-mode="error"]::before{background:var(--seto-danger,#c23939)}
.seto-v2-more-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.seto-v2-more-section{margin:0;padding:13px;border:1px solid color-mix(in srgb,var(--seto-v2-glass-line) 88%,transparent);border-radius:19px;background:color-mix(in srgb,var(--seto-v2-glass-bg) 78%,transparent);box-shadow:inset 0 1px 0 var(--seto-v2-glass-shine)}
.seto-v2-more-section-wide{grid-column:1/-1}
.seto-v2-more-section-head{display:flex;align-items:center;gap:9px;margin:0 1px 10px}.seto-v2-more-section-head>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:color-mix(in srgb,var(--seto-primary) 10%,transparent);color:var(--seto-primary)}.seto-v2-more-section-head svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.seto-v2-more-section-head h3{margin:0;color:var(--seto-text);font-size:12px;letter-spacing:-.01em;text-transform:none}.seto-v2-more-section-head p{margin:2px 0 0;color:var(--seto-muted);font-size:9.5px;line-height:1.3}
.seto-v2-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.seto-v2-more-section-wide .seto-v2-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seto-v2-more-grid-compact{grid-template-columns:1fr 1fr}
.seto-v2-more-grid>a,.seto-v2-more-grid>button{position:relative;min-height:70px;padding:11px 12px;border-color:color-mix(in srgb,var(--seto-border) 86%,transparent);border-radius:14px;background:color-mix(in srgb,var(--seto-v2-glass-bg-strong) 56%,transparent);box-shadow:inset 0 1px 0 var(--seto-v2-glass-shine);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.seto-v2-more-grid>a:hover,.seto-v2-more-grid>button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--seto-primary) 46%,var(--seto-border));background:color-mix(in srgb,var(--seto-primary) 7%,var(--seto-v2-glass-bg-strong));box-shadow:0 9px 24px rgba(23,54,93,.08),inset 0 1px 0 var(--seto-v2-glass-shine)}
.seto-v2-more-grid>a>svg,.seto-v2-more-grid>button>svg{width:20px;height:20px}.seto-v2-more-grid strong{font-size:11.5px}.seto-v2-more-grid small{font-size:9.2px;line-height:1.35}.seto-v2-more-grid b{margin-left:auto;align-self:center;color:var(--seto-primary);font-size:9px;font-weight:800}.seto-v2-more-feature{background:linear-gradient(135deg,color-mix(in srgb,var(--seto-primary) 9%,var(--seto-v2-glass-bg-strong)),var(--seto-v2-glass-bg-strong))!important}.seto-v2-more-danger-soft{color:var(--seto-text)!important}.seto-v2-more-danger-soft>svg{color:var(--seto-danger)!important}.seto-v2-more-admin{border-color:color-mix(in srgb,var(--seto-primary) 22%,var(--seto-border))}

/* Startseite: gleiche Informationsarchitektur wie das globale Mehr-Menü. */
.seto-v2-home-hub{padding:18px 20px!important}.seto-v2-home-hub-intro{max-width:760px;margin:0 0 14px;color:var(--seto-muted);font-size:11.5px;line-height:1.5}.seto-v2-home-more-button{min-height:38px;padding:0 12px;border:1px solid var(--seto-border);border-radius:12px;background:color-mix(in srgb,var(--seto-primary) 8%,var(--seto-card));color:var(--seto-primary);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.seto-v2-home-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.seto-v2-home-hub-grid>a,.seto-v2-home-hub-grid>button{min-width:0;display:grid;gap:2px;padding:13px 14px;border:1px solid var(--seto-border);border-radius:15px;background:color-mix(in srgb,var(--seto-v2-glass-bg-strong) 62%,transparent);color:var(--seto-text);text-align:left;text-decoration:none;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 var(--seto-v2-glass-shine)}.seto-v2-home-hub-grid>a:hover,.seto-v2-home-hub-grid>button:hover{border-color:color-mix(in srgb,var(--seto-primary) 45%,var(--seto-border));background:color-mix(in srgb,var(--seto-primary) 6%,var(--seto-v2-glass-bg-strong))}.seto-v2-home-hub-grid span{color:var(--seto-primary);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.065em}.seto-v2-home-hub-grid strong{font-size:12.5px}.seto-v2-home-hub-grid small{color:var(--seto-muted);font-size:9.5px}

@media(max-width:900px){
  .seto-v2-more-sheet{width:min(680px,calc(100vw - 24px));right:12px}.seto-v2-more-section-wide .seto-v2-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .seto-v2-more-sheet{top:auto;left:8px;right:8px;bottom:calc(var(--seto-v2-bottom-h) + var(--seto-v2-safe-bottom) + 7px);width:auto;max-height:calc(100dvh - var(--seto-v2-top-h) - var(--seto-v2-bottom-h) - var(--seto-v2-safe-bottom) - 20px);padding:16px;border-radius:24px 24px 18px 18px}.seto-v2-more-head h2{font-size:26px}.seto-v2-more-sections{grid-template-columns:1fr;gap:9px}.seto-v2-more-section-wide{grid-column:auto}.seto-v2-more-section-wide .seto-v2-more-grid,.seto-v2-more-grid,.seto-v2-more-grid-compact{grid-template-columns:1fr 1fr}.seto-v2-more-section{padding:11px}.seto-v2-more-grid>a,.seto-v2-more-grid>button{min-height:68px;padding:10px}.seto-v2-home-hub-grid{grid-template-columns:1fr 1fr}.seto-v2-home-hub-grid>button:last-child{grid-column:1/-1}
}
@media(max-width:430px){
  .seto-v2-more-grid,.seto-v2-more-grid-compact,.seto-v2-more-section-wide .seto-v2-more-grid{grid-template-columns:1fr}.seto-v2-more-grid>a,.seto-v2-more-grid>button{min-height:62px}.seto-v2-more-context{flex-wrap:wrap}.seto-v2-home-hub-grid{grid-template-columns:1fr}.seto-v2-home-hub-grid>button:last-child{grid-column:auto}
}
@media print{.seto-v2-home-more-button,.seto-v2-home-hub-grid>button{display:none!important}}


/* SETO 2.1.159 – UI regression: next-shift hero must stay dark in Light mode.
   The generic .start-card surface has higher specificity than .seto-v2-next-shift. */
html[data-seto-ui="v2"] body.seto-shell-v2-active[data-seto-v2-area="start"] .seto-v2-next-shift{
  background:linear-gradient(135deg,#17365d 0%,#214d7d 72%,#2f75b5 130%)!important;
  color:#fff!important;border-color:transparent!important;
}
html[data-seto-ui="v2"] body.seto-shell-v2-active[data-seto-v2-area="start"] .seto-v2-next-shift :is(h2,p,.eyebrow,.seto-v2-next-shift-badge){color:#fff!important}
html[data-seto-ui="v2"] body.seto-shell-v2-active[data-seto-v2-area="start"] .seto-v2-next-shift p{color:rgba(255,255,255,.80)!important}

/* Abrechnung UX 2.1.197 – Hauptansichten Monat | Jahr; Prüfung ist eine Monatsfunktion. */
body[data-seto-v2-area="abrechnung"] .seto-v2-legacy-payroll-head{display:none!important}
body[data-seto-v2-area="abrechnung"] .seto-v2-redundant-payroll-summary{display:none!important}
body[data-seto-v2-area="abrechnung"] .seto-v2-redundant-year-nav{display:none!important}
body[data-seto-v2-area="abrechnung"] .seto-v2-payroll-page-header{margin-bottom:16px}
body[data-seto-v2-area="abrechnung"] .status-line{margin-top:0}

.seto-v2-payroll-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.seto-v2-payroll-shortcuts>a{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--seto-border);border-radius:14px;background:var(--seto-card);color:var(--seto-text);text-decoration:none;box-shadow:var(--seto-v2-shadow-card)}
.seto-v2-payroll-shortcuts>a:hover{border-color:color-mix(in srgb,var(--seto-primary) 48%,var(--seto-border));background:color-mix(in srgb,var(--seto-primary) 5%,var(--seto-card))}
.seto-v2-payroll-shortcuts strong{font-size:12px}.seto-v2-payroll-shortcuts small{color:var(--seto-muted);font-size:9.5px;line-height:1.4}

.seto-v2-payroll-detail-hub{display:grid;gap:12px;margin:20px 0 8px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--seto-border) 76%,transparent)}
.seto-v2-payroll-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.seto-v2-payroll-detail-grid>a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title arrow" "text arrow";column-gap:10px;align-items:center;min-height:76px;padding:13px 14px;border:1px solid var(--seto-border);border-radius:14px;background:var(--seto-card);color:var(--seto-text);text-decoration:none}
.seto-v2-payroll-detail-grid>a:hover{border-color:color-mix(in srgb,var(--seto-primary) 46%,var(--seto-border));background:color-mix(in srgb,var(--seto-primary) 5%,var(--seto-card))}
.seto-v2-payroll-detail-grid strong{grid-area:title;font-size:11.5px}.seto-v2-payroll-detail-grid small{grid-area:text;color:var(--seto-muted);font-size:9px;line-height:1.35}.seto-v2-payroll-detail-grid b{grid-area:arrow;color:var(--seto-primary);font-size:17px}

.seto-v2-payroll-disclosure{margin:12px 0;border:1px solid var(--seto-border);border-radius:16px;background:color-mix(in srgb,var(--seto-card) 96%,transparent);box-shadow:var(--seto-v2-shadow-card);overflow:hidden}
.seto-v2-payroll-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;padding:13px 16px;cursor:pointer;list-style:none;color:var(--seto-text)}
.seto-v2-payroll-disclosure>summary::-webkit-details-marker{display:none}
.seto-v2-payroll-disclosure>summary>span{display:grid;gap:2px;min-width:0}.seto-v2-payroll-disclosure>summary strong{font-size:12.5px}.seto-v2-payroll-disclosure>summary small{color:var(--seto-muted);font-size:9.5px;line-height:1.35}.seto-v2-payroll-disclosure>summary>b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:9px;background:color-mix(in srgb,var(--seto-primary) 8%,var(--seto-card));color:var(--seto-primary);font-size:16px}
.seto-v2-payroll-disclosure[open]>summary{border-bottom:1px solid var(--seto-border)}
.seto-v2-payroll-disclosure>.panel,.seto-v2-payroll-disclosure>section{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.seto-v2-payroll-disclosure>.panel>.panel-head:first-child{padding-top:2px}
.seto-v2-expert-disclosure>summary{background:color-mix(in srgb,var(--seto-muted) 4%,var(--seto-card))}

body[data-seto-v2-area="abrechnung"] .vdn-sheet .vdn-head h1{font-size:clamp(20px,4vw,28px)}
body[data-seto-v2-area="abrechnung"] .vdn-sheet .vdn-head{padding-bottom:12px}
body[data-seto-v2-area="abrechnung"] .vdn-person{border-radius:14px}
body[data-seto-v2-area="abrechnung"] .compare-cause-divider small{font-size:9px}
body[data-seto-v2-area="abrechnung"] .compare-findings{gap:8px}

/* Spezialseiten bleiben vollständig, wirken aber nicht wie gleichrangige Hauptnavigation. */
body[data-view="vdn-actual"] .vdn-actual-summary,
body[data-view="shifts"] .shift-stat-grid,
body[data-view="st-zulage"] .st-kpis,
body[data-view="retroactive"] .retro-grid{margin-top:4px}

@media(max-width:760px){
  .seto-v2-payroll-shortcuts{grid-template-columns:1fr}
  .seto-v2-payroll-detail-grid{grid-template-columns:1fr}
  .seto-v2-payroll-disclosure>summary{min-height:58px;padding:12px 13px}
  body[data-seto-v2-area="abrechnung"] .seto-v2-payroll-question-grid{grid-template-columns:1fr 1fr}
  body[data-seto-v2-area="abrechnung"] .seto-v2-payroll-question-grid>a{grid-column:1/-1}
}

@media(max-width:460px){
  body[data-seto-v2-area="abrechnung"] .seto-v2-page-actions{display:grid;grid-template-columns:1fr 1fr}
  body[data-seto-v2-area="abrechnung"] .seto-v2-page-actions>*{min-width:0;text-align:center}
  .seto-v2-payroll-question-grid{grid-template-columns:1fr!important}
  .seto-v2-payroll-question-grid>*{grid-column:auto!important}
}

.seto-v2-year-simple{display:grid;gap:10px;margin:8px 0 12px}
.seto-v2-year-month-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.seto-v2-year-month-card{display:grid;grid-template-columns:minmax(92px,1.15fr) repeat(2,minmax(80px,1fr)) auto;gap:9px;align-items:center;min-height:64px;padding:10px 12px;border:1px solid var(--seto-border);border-radius:14px;background:var(--seto-card);color:var(--seto-text);font:inherit;text-align:left;cursor:pointer}
.seto-v2-year-month-card:hover{border-color:color-mix(in srgb,var(--seto-primary) 45%,var(--seto-border));background:color-mix(in srgb,var(--seto-primary) 5%,var(--seto-card))}
.seto-v2-year-month-name{font-size:11px;font-weight:850}.seto-v2-year-month-card>span:not(.seto-v2-year-month-name){display:grid;gap:1px}.seto-v2-year-month-card small{color:var(--seto-muted);font-size:8px}.seto-v2-year-month-card strong{font-size:11px;font-variant-numeric:tabular-nums}.seto-v2-year-month-card em{justify-self:end;padding:4px 7px;border-radius:999px;background:var(--seto-card-2);color:var(--seto-muted);font-size:8px;font-style:normal;font-weight:850;white-space:nowrap}
.seto-v2-year-month-card[data-status="match"] em,.seto-v2-year-month-card[data-status="match-retro"] em{background:color-mix(in srgb,var(--seto-good,#16834b) 11%,var(--seto-card));color:var(--seto-good,#16834b)}
.seto-v2-year-month-card[data-status="difference"] em,.seto-v2-year-month-card[data-status="difference-small"] em{background:color-mix(in srgb,var(--seto-warn,#a45f00) 12%,var(--seto-card));color:var(--seto-warn,#a45f00)}
.seto-v2-year-loading{grid-column:1/-1;padding:14px;color:var(--seto-muted);font-size:10px}
@media(max-width:900px){.seto-v2-year-month-list{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.seto-v2-year-month-list{grid-template-columns:1fr}.seto-v2-year-month-card{grid-template-columns:1fr 1fr auto;grid-template-areas:"month month status" "net payout status"}.seto-v2-year-month-name{grid-area:month}.seto-v2-year-month-card>span:nth-of-type(2){grid-area:net}.seto-v2-year-month-card>span:nth-of-type(3){grid-area:payout}.seto-v2-year-month-card em{grid-area:status;align-self:center}}

/* Abrechnung 2.1.197 – "Mehr" ist eine Aktion, kein dritter Haupttab. */
body[data-seto-v2-area="abrechnung"] .seto-v2-section-tabs-inner{gap:5px}
body[data-seto-v2-area="abrechnung"] .seto-v2-section-tabs .seto-v2-section-more{margin-left:8px;padding-inline:11px;border-left:1px solid var(--seto-border);border-radius:0 10px 10px 0;color:var(--seto-muted);gap:5px}
body[data-seto-v2-area="abrechnung"] .seto-v2-section-tabs .seto-v2-section-more:hover,
body[data-seto-v2-area="abrechnung"] .seto-v2-section-tabs .seto-v2-section-more.current{color:var(--seto-primary);background:color-mix(in srgb,var(--seto-primary) 7%,transparent)}
body[data-seto-v2-area="abrechnung"] .seto-v2-section-tabs .seto-v2-section-more>span:first-child{font-size:10px;letter-spacing:1px}


/* SETO 2.1.224 – Analyse IA: fünf Hauptziele + seltene Fachseiten unter Mehr */
body[data-seto-v2-area="analyse"] .seto-v2-section-tabs-inner{overflow:visible;max-width:min(1120px,calc(100% - 28px))}
.seto-v2-section-more-menu{position:relative;flex:0 0 auto}
.seto-v2-section-more-menu>summary{list-style:none;cursor:pointer;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0 13px;border-radius:10px;color:var(--seto-muted);font-size:11px;font-weight:780;white-space:nowrap}
.seto-v2-section-more-menu>summary::-webkit-details-marker{display:none}
.seto-v2-section-more-menu>summary:hover{background:color-mix(in srgb,var(--seto-primary) 7%,transparent);color:var(--seto-text)}
.seto-v2-section-more-menu>summary.active,.seto-v2-section-more-menu[data-active="true"]>summary{background:color-mix(in srgb,var(--seto-primary) 12%,transparent);color:var(--seto-primary)}
.seto-v2-section-more-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:11600;display:grid;gap:4px;min-width:220px;padding:7px;border:1px solid var(--seto-border);border-radius:14px;background:var(--seto-v2-shell-bg);box-shadow:0 16px 38px rgba(23,54,93,.16);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.seto-v2-section-more-popover a{justify-content:flex-start;width:100%;min-height:38px}
body[data-seto-v2-area="analyse"] .seto-v2-analysis-story-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:980px){body[data-seto-v2-area="analyse"] .seto-v2-analysis-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  body[data-seto-v2-area="analyse"] .seto-v2-section-tabs-inner{max-width:calc(100% - 14px);gap:2px;padding:4px}
  body[data-seto-v2-area="analyse"] .seto-v2-section-tabs a{padding:0 9px}
  .seto-v2-section-more-menu>summary{min-height:35px;padding:0 9px;font-size:10px}
  .seto-v2-section-more-popover{position:fixed;right:8px;left:auto;top:calc(var(--seto-v2-top-h) + var(--seto-v2-tabs-h) - 2px);min-width:min(260px,calc(100vw - 16px));max-width:calc(100vw - 16px)}
}
@media(max-width:560px){body[data-seto-v2-area="analyse"] .seto-v2-analysis-story-grid{grid-template-columns:1fr}}

/* SETO 2.1.227–2.1.234 – Erklären statt nur auflisten. */
.seto-v2-payroll-events{display:grid;gap:10px}
#setoV2PayrollEvents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.seto-v2-event-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title arrow" "text arrow";gap:3px 12px;align-items:center;min-height:66px;padding:12px 13px;border:1px solid var(--seto-border);border-radius:13px;background:var(--seto-card);color:var(--seto-text);text-decoration:none}
.seto-v2-event-card:hover{border-color:color-mix(in srgb,var(--seto-primary) 42%,var(--seto-border));background:color-mix(in srgb,var(--seto-primary) 5%,var(--seto-card))}
.seto-v2-event-card>span{grid-area:title;font-size:13px;font-weight:800}.seto-v2-event-card>small{grid-area:text;color:var(--seto-muted);font-size:12px;line-height:1.35}.seto-v2-event-card>b{grid-area:arrow;color:var(--seto-primary);font-size:12px;white-space:nowrap}
.seto-v2-event-chip{font-size:11px!important;min-height:30px}

.seto-v2-year-coverage{display:flex;flex-wrap:wrap;gap:7px}
.seto-v2-year-month-card{grid-template-columns:minmax(92px,1.2fr) repeat(3,minmax(78px,1fr)) auto;min-height:72px}
.seto-v2-year-month-card small{font-size:11px}.seto-v2-year-month-card strong{font-size:12px}.seto-v2-year-month-card em{font-size:11px;min-height:24px;display:inline-flex;align-items:center}
.seto-v2-year-loading{font-size:12px}

.seto-v2-profile-data-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 11px;border:1px dashed color-mix(in srgb,var(--seto-primary) 42%,var(--seto-border));border-radius:10px;color:var(--seto-primary);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.seto-v2-profile-data-link:hover{background:color-mix(in srgb,var(--seto-primary) 7%,transparent)}
.seto-v2-data-home-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--seto-primary) 28%,var(--seto-border));border-radius:14px;background:color-mix(in srgb,var(--seto-primary) 5%,var(--seto-card));color:var(--seto-text);text-decoration:none}
.seto-v2-data-home-note>span{display:grid;gap:3px}.seto-v2-data-home-note small{color:var(--seto-muted);font-size:12px}.seto-v2-data-home-note>b{color:var(--seto-primary);font-size:12px;white-space:nowrap}

@media(max-width:760px){
  #setoV2PayrollEvents{grid-template-columns:1fr}
  .seto-v2-payroll-shortcuts small,.seto-v2-payroll-detail-grid small,.seto-v2-payroll-disclosure>summary small{font-size:12px}
  .seto-v2-payroll-shortcuts strong,.seto-v2-payroll-detail-grid strong,.seto-v2-payroll-disclosure>summary strong{font-size:13px}
}
@media(max-width:620px){
  .seto-v2-year-month-card{grid-template-columns:1fr 1fr;grid-template-areas:"month status" "gross gross" "net payout";gap:7px 10px}
  .seto-v2-year-month-name{grid-area:month}.seto-v2-year-month-card>span:nth-of-type(2){grid-area:gross}.seto-v2-year-month-card>span:nth-of-type(3){grid-area:net}.seto-v2-year-month-card>span:nth-of-type(4){grid-area:payout}.seto-v2-year-month-card em{grid-area:status;justify-self:end}
}

/* Glass/Blur nur auf Navigations- und Overlay-Ebene; lange Inhaltskarten bleiben opak. */
body[data-seto-v2-area="abrechnung"] :where(.seto-v2-payroll-overview,.seto-v2-year-simple,.seto-v2-payroll-disclosure),
body[data-seto-v2-area="analyse"] :where(.salary-card,.analysis-content .card),
body[data-seto-v2-area="start"] :where(.start-card){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Lesbarkeit der neu aufgebauten Finanz- und Shellflächen. */
body[data-seto-v2-area="abrechnung"] .seto-v2-payroll-hero>div>span,
body[data-seto-v2-area="abrechnung"] .seto-v2-payroll-hero>div>small,
body[data-seto-v2-area="abrechnung"] .seto-v2-payroll-question-grid span,
body[data-seto-v2-area="abrechnung"] .seto-v2-payroll-question-grid small,
body[data-seto-v2-area="abrechnung"] .seto-v2-section-intro p{font-size:12px}
body[data-seto-v2-area="abrechnung"] .seto-v2-payroll-question-grid strong{font-size:21px}
body[data-seto-v2-area="abrechnung"] .seto-data-state{font-size:11px;min-height:25px}
body[data-seto-v2-area="start"] .seto-v2-home-hub[hidden]{display:none!important}

/* Profil/Daten: Datenaufgaben sind im Daten-Hub primär; alte Deep-Links funktionieren weiter. */
body[data-seto-v2-area="profil"] .tabs [data-seto-data-task="true"]{display:none!important}

/* SETO 2.1.228/2.1.234 – Mindestlesbarkeit für Shell- und Analyse-Navigation */
@media screen{
  body.seto-shell-v2-active :where(
    .seto-v2-profile-select>span,.seto-v2-payroll-disclosure>summary small,
    .seto-v2-analysis-story-grid>a>span,.seto-v2-analysis-story-grid small,
    .seto-v2-check-moved small,.seto-v2-check-moved>b,.seto-v2-inline-feature small,
    .seto-v2-event-chip,.seto-v2-more-head small,.seto-v2-more-context small,
    .seto-v2-more-section-head p,.seto-v2-more-section small
  ){font-size:11px!important;line-height:1.4}
  body[data-seto-v2-area="abrechnung"] :where(
    .seto-v2-payroll-hero>div>span,.seto-v2-payroll-hero>div>small,
    .seto-v2-payroll-question-grid span,.seto-v2-payroll-question-grid small,
    .seto-v2-payroll-events small
  ){font-size:12px!important;line-height:1.4}
  body[data-seto-v2-area="abrechnung"] .seto-v2-event-card small{font-size:12px!important}
}

/* SETO 2.1.227 – kanonischer vierter Datenstatus */
.seto-data-state[data-state="incomplete"]{color:var(--seto-data-forecast);border-style:dashed}


/* SETO 2.1.234 – UX-Abschluss: eindeutige Navigation, mobile Mehr-Zentrale, letzte Lesbarkeit */
.seto-v2-more-section-head p,.seto-v2-more-grid small{font-size:11px;line-height:1.4}
.seto-v2-more-context>span{font-size:10.5px}
.seto-v2-more-options{margin-top:8px}
.seto-v2-more-options>summary{display:flex;min-height:40px;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--seto-border);border-radius:11px;background:color-mix(in srgb,var(--seto-card-2) 76%,transparent);color:var(--seto-primary);font-size:11px;font-weight:800;cursor:pointer;list-style:none}
.seto-v2-more-options>summary::-webkit-details-marker{display:none}
.seto-v2-more-options>summary::after{content:'⌄';font-size:14px;transition:transform .15s ease}
.seto-v2-more-options[open]>summary::after{transform:rotate(180deg)}
.seto-v2-more-options>.seto-v2-more-grid{margin-top:7px}
@media(min-width:761px){.seto-v2-more-options>summary{display:none}.seto-v2-more-options>.seto-v2-more-grid{display:grid!important;margin-top:7px}}
@media(max-width:760px){
  .seto-v2-more-sheet{padding:14px}.seto-v2-more-head{margin-bottom:8px}.seto-v2-more-context{margin-bottom:10px;padding-bottom:10px}
  .seto-v2-more-section{padding:10px}.seto-v2-more-section-head{margin-bottom:8px}
  .seto-v2-more-grid>a,.seto-v2-more-grid>button{min-height:64px}
  .seto-v2-mobile-bottom b{font-size:10.5px;line-height:1.05}
}
@media(max-width:430px){
  .seto-v2-mobile-bottom b{font-size:10.5px}
  .seto-v2-more-grid>a,.seto-v2-more-grid>button{min-height:60px}
}
/* Korrigiert den 2.1.232-Selektor: die echten Container heißen .seto-v2-more-section. */
@media screen{body.seto-shell-v2-active :where(.seto-v2-more-section-head p,.seto-v2-more-section small){font-size:11px!important;line-height:1.4}}

/* 2.2.53: One area navigation inside the data hub (fallback remains in HTML). */
body.seto-shell-v2-active[data-seto-v2-area="import"] .data-hub-quicknav{display:none!important}
/* Abrechnung detail chooser uses the same accessible popover as Analyse. */
body[data-seto-v2-area="abrechnung"] .seto-v2-section-tabs-inner{overflow:visible}
body[data-seto-v2-area="abrechnung"] .seto-v2-section-more-menu{position:relative}
/* Progressive disclosure on mobile AND desktop: no silently expanded expert menu. */
.seto-v2-more-options:not([open])>:not(summary){display:none!important}
@media (min-width:761px){.seto-v2-more-options>summary{display:flex!important}}
/* Four primary groups with secondary support/administration nested in App & Sicherheit. */
.seto-v2-more-advanced{margin-top:12px}
.seto-v2-more-advanced-content{display:grid;gap:10px;margin-top:8px}
.seto-v2-more-advanced-content>.seto-v2-more-section{border-radius:12px;box-shadow:none;padding:10px}
.seto-v2-more-advanced-content .seto-v2-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:480px){.seto-v2-more-advanced-content .seto-v2-more-grid{grid-template-columns:1fr}}


/* Source: shared/seto-fintech-2254.css */
/* SETO 2.2.54 – Fintech-Cockpit und konsistente visuelle Hierarchie.
   Nur Präsentation: keine Formeln, keine Daten- oder Navigationsänderung.
   Nach der Shared-Shell und vor dem Kontrast-Layer geladen. */
:root {
  --seto-fin-bg:#f5f7fa;
  --seto-fin-surface:#ffffff;
  --seto-fin-subtle:#f7f9fc;
  --seto-fin-ink:#182638;
  --seto-fin-muted:#516174;
  --seto-fin-border:#dce4ed;
  --seto-fin-accent:#20527e;
  --seto-fin-accent-tint:#ebf2f8;
  --seto-fin-shadow:0 2px 12px rgba(22,39,57,.045);
  --seto-fin-radius:16px;
  --seto-fin-gap:16px;
}
:root[data-theme="dark"] {
  --seto-fin-bg:#111923;
  --seto-fin-surface:#1b2735;
  --seto-fin-subtle:#212f3f;
  --seto-fin-ink:#eef4fb;
  --seto-fin-muted:#b8c7d8;
  --seto-fin-border:#374a60;
  --seto-fin-accent:#a4cbed;
  --seto-fin-accent-tint:#23394c;
  --seto-fin-shadow:0 3px 16px rgba(0,0,0,.15);
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --seto-fin-bg:#111923;
    --seto-fin-surface:#1b2735;
    --seto-fin-subtle:#212f3f;
    --seto-fin-ink:#eef4fb;
    --seto-fin-muted:#b8c7d8;
    --seto-fin-border:#374a60;
    --seto-fin-accent:#a4cbed;
    --seto-fin-accent-tint:#23394c;
    --seto-fin-shadow:0 3px 16px rgba(0,0,0,.15);
  }
}

/* The shell's five destinations are deliberately unchanged. */
body.seto-shell-v2-active {
  --seto-v2-radius-card:var(--seto-fin-radius);
  --seto-v2-shadow-card:var(--seto-fin-shadow);
  --seto-v2-page:var(--seto-fin-bg);
  font-variant-numeric:tabular-nums;
}
body.seto-shell-v2-active .seto-shell-v2-top,
body.seto-shell-v2-active .seto-v2-section-tabs-inner {
  border-color:var(--seto-fin-border);
  box-shadow:0 3px 17px rgba(22,39,57,.065);
}
body.seto-shell-v2-active .seto-v2-card-surface,
body.seto-shell-v2-active .seto-v2-metric {
  border-color:var(--seto-fin-border)!important;
  border-radius:var(--seto-fin-radius)!important;
  box-shadow:var(--seto-fin-shadow)!important;
}
body.seto-shell-v2-active .seto-v2-metric {
  min-width:0;
  padding:17px 18px;
}
body.seto-shell-v2-active .seto-v2-metric>span {font-size:12px;line-height:1.4;letter-spacing:0;font-weight:650}
body.seto-shell-v2-active .seto-v2-metric>strong {font-size:clamp(22px,2.8vw,29px);line-height:1.18;overflow-wrap:anywhere}
body.seto-shell-v2-active .seto-v2-metric>small {font-size:11px;line-height:1.45}
body.seto-shell-v2-active .seto-data-state {font-size:11px;line-height:1.2;padding:4px 9px;white-space:normal}
body.seto-shell-v2-active :is(.seto-v2-more-grid>a,.seto-v2-more-grid>button) {border-radius:12px;box-shadow:none}
body.seto-shell-v2-active :is(.seto-v2-more-grid>a,.seto-v2-more-grid>button):focus-visible,
body.seto-shell-v2-active .seto-v2-section-tabs a:focus-visible {outline:3px solid var(--seto-fin-accent);outline-offset:2px}

/* Start cockpit: a simple numbered reading order – Heute, Geld, Freizeit, Handlungsbedarf. */
body.seto-start-page.seto-shell-v2-active {
  --start-bg:var(--seto-fin-bg);
  --start-card:var(--seto-fin-surface);
  --start-navy:var(--seto-fin-ink);
  --start-muted:var(--seto-fin-muted);
  --start-line:var(--seto-fin-border);
  background:var(--seto-fin-bg)!important;
}
body.seto-start-page.seto-shell-v2-active .start-dashboard-header {
  margin:0 0 16px!important;
  padding:24px 26px!important;
  border:1px solid var(--seto-fin-border)!important;
  border-radius:20px!important;
  background:var(--seto-fin-surface)!important;
  box-shadow:var(--seto-fin-shadow)!important;
  color:var(--seto-fin-ink)!important;
}
body.seto-start-page.seto-shell-v2-active .start-dashboard-header-inner {max-width:none}
body.seto-start-page.seto-shell-v2-active :is(.start-brand-lockup strong,.start-dashboard-header h1) {color:var(--seto-fin-ink)!important}
body.seto-start-page.seto-shell-v2-active :is(.start-brand-lockup small,.start-dashboard-eyebrow,.start-dashboard-header p) {color:var(--seto-fin-muted)!important}
body.seto-start-page.seto-shell-v2-active .start-dashboard-eyebrow {letter-spacing:.09em;font-size:11px!important}
body.seto-start-page.seto-shell-v2-active .start-dashboard-header h1 {font-size:clamp(29px,4vw,37px);line-height:1.15;letter-spacing:-.035em}
body.seto-start-page.seto-shell-v2-active .start-dashboard-meta {margin-top:11px}
body.seto-start-page.seto-shell-v2-active .start-dashboard-meta span {
  border-color:var(--seto-fin-border);background:var(--seto-fin-subtle)!important;
  color:var(--seto-fin-muted)!important;box-shadow:none;font-size:11px
}
body.seto-start-page.seto-shell-v2-active .start-dashboard-actions {gap:8px;min-width:0}
body.seto-start-page.seto-shell-v2-active .start-dashboard-actions a {
  min-height:44px;padding:9px 12px;border-radius:11px;border:1px solid var(--seto-fin-border);
  background:var(--seto-fin-subtle);color:var(--seto-fin-ink);box-shadow:none;font-size:12px;font-weight:750
}
body.seto-start-page.seto-shell-v2-active .start-dashboard-actions a[data-route="kalender"] {
  background:#20527e;color:#fff;border-color:#20527e
}
:root[data-theme="dark"] body.seto-start-page.seto-shell-v2-active .start-dashboard-actions a[data-route="kalender"] {background:#a4cbed;color:#102334;border-color:#a4cbed}
body.seto-start-page.seto-shell-v2-active .start-dashboard-actions a[data-route="abrechnung"] {
  background:var(--seto-fin-subtle);color:var(--seto-fin-ink);border-color:var(--seto-fin-border)
}
body.seto-start-page.seto-shell-v2-active .start-dashboard-actions a:focus-visible,
body.seto-start-page.seto-shell-v2-active .start-card-head>a:focus-visible {outline:3px solid var(--seto-fin-accent);outline-offset:3px}

body.seto-start-page.seto-shell-v2-active .start-card,
body.seto-start-page.seto-shell-v2-active .feedback-card {
  margin:0 0 var(--seto-fin-gap)!important;
  padding:19px 20px!important;
  border:1px solid var(--seto-fin-border)!important;
  border-radius:var(--seto-fin-radius)!important;
  background:var(--seto-fin-surface)!important;
  box-shadow:var(--seto-fin-shadow)!important;
  color:var(--seto-fin-ink)
}
body.seto-start-page.seto-shell-v2-active .start-important-card {position:static;z-index:auto;transform:none;margin-top:0!important}
body.seto-start-page.seto-shell-v2-active .start-card-head {align-items:center;gap:12px;margin-bottom:14px}
body.seto-start-page.seto-shell-v2-active .start-card-head small,
body.seto-start-page.seto-shell-v2-active .comment-kicker {font-size:11px!important;font-weight:750;letter-spacing:.065em;color:var(--seto-fin-muted)}
body.seto-start-page.seto-shell-v2-active .start-card-head h2 {font-size:clamp(17px,2.2vw,20px);letter-spacing:-.02em;color:var(--seto-fin-ink)}
body.seto-start-page.seto-shell-v2-active .start-card-head>a {
  max-width:48%;min-height:40px;padding:7px 10px;white-space:normal;text-align:center;
  border-color:var(--seto-fin-border);background:var(--seto-fin-subtle);
  color:var(--seto-fin-accent);font-size:11px
}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift {
  margin:0 0 var(--seto-fin-gap)!important;
  padding:20px 22px!important;
  border:1px solid var(--seto-fin-border)!important;
  background:var(--seto-fin-surface)!important;
  color:var(--seto-fin-ink)!important;
  box-shadow:var(--seto-fin-shadow)!important
}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift::after {display:none}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift .eyebrow {color:var(--seto-fin-muted)!important;font-size:11px!important}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift h2 {color:var(--seto-fin-ink)!important;font-size:clamp(21px,3vw,27px);letter-spacing:-.03em}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift p {color:var(--seto-fin-muted)!important;font-size:12px}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift-badge {background:var(--seto-fin-accent-tint);border-color:var(--seto-fin-border);color:var(--seto-fin-accent);font-size:11px}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift-actions {margin-top:14px!important}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift-actions a {
  min-height:44px;padding:9px 13px;border:1px solid var(--seto-fin-border);border-radius:11px;
  color:var(--seto-fin-accent);background:var(--seto-fin-accent-tint);font-size:12px
}
body.seto-start-page.seto-shell-v2-active .seto-v2-next-shift-actions a.secondary {background:var(--seto-fin-subtle);color:var(--seto-fin-ink)}

/* Money: current payout and regular monthly payout. Annual average opens on demand. */
body.seto-start-page.seto-shell-v2-active .payout-dashboard-top {
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  align-items:stretch;gap:10px;margin-bottom:12px
}
body.seto-start-page.seto-shell-v2-active .seto-v2-current-payout {
  min-width:0;margin:0!important;padding:18px!important;min-height:140px;
  border:1px solid var(--seto-fin-border)!important;border-radius:13px!important;
  background:var(--seto-fin-accent-tint)!important;color:var(--seto-fin-ink)!important;
  box-shadow:none!important;order:0
}
body.seto-start-page.seto-shell-v2-active .seto-v2-current-payout :is(strong,span,small) {color:var(--seto-fin-ink)!important}
body.seto-start-page.seto-shell-v2-active .seto-v2-current-payout strong {
  font-size:clamp(27px,3.2vw,39px)!important;letter-spacing:-.045em;line-height:1.16;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere
}
body.seto-start-page.seto-shell-v2-active .seto-v2-current-payout .seto-data-state {align-self:flex-start;background:var(--seto-fin-surface)!important;color:var(--seto-fin-accent)!important}
body.seto-start-page.seto-shell-v2-active .payout-average {
  min-width:0;min-height:140px;padding:15px!important;border:1px solid var(--seto-fin-border)!important;
  border-radius:13px;background:var(--seto-fin-subtle)!important;box-shadow:none!important
}
body.seto-start-page.seto-shell-v2-active .payout-average span {font-size:12px!important;text-transform:none;letter-spacing:0;font-weight:650;color:var(--seto-fin-muted)}
body.seto-start-page.seto-shell-v2-active .payout-average strong {font-size:clamp(24px,2.7vw,30px);color:var(--seto-fin-ink);line-height:1.2;overflow-wrap:anywhere}
body.seto-start-page.seto-shell-v2-active .payout-average small {font-size:11px!important;line-height:1.45;color:var(--seto-fin-muted)}
body.seto-start-page.seto-shell-v2-active .payout-details {border:1px solid var(--seto-fin-border);border-radius:12px;background:var(--seto-fin-subtle)}
body.seto-start-page.seto-shell-v2-active .payout-details summary {min-height:44px;display:flex;align-items:center;font-size:12px!important}
body.seto-start-page.seto-shell-v2-active .payout-chart-box,
body.seto-start-page.seto-shell-v2-active .year-summary-item {background:var(--seto-fin-subtle)!important;border-color:var(--seto-fin-border)!important}

/* Leisure is a compact four-tile row on wide screens. */
body.seto-start-page.seto-shell-v2-active .planning-compact-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px}
body.seto-start-page.seto-shell-v2-active .planning-group {
  min-width:0;border:1px solid var(--seto-fin-border);border-radius:12px;
  background:var(--seto-fin-subtle)!important;box-shadow:none;padding:13px
}
body.seto-start-page.seto-shell-v2-active .planning-group-title {border-color:var(--seto-fin-border)}
body.seto-start-page.seto-shell-v2-active .planning-group-title>span {font-size:12px!important;font-weight:650;color:var(--seto-fin-muted)}
body.seto-start-page.seto-shell-v2-active .planning-group-title>strong {font-size:clamp(22px,2.8vw,29px);color:var(--seto-fin-ink)!important;overflow-wrap:anywhere}
body.seto-start-page.seto-shell-v2-active .planning-group-title>small {font-size:11px!important;color:var(--seto-fin-muted)}
body.seto-start-page.seto-shell-v2-active .planning-mini-row>span {min-width:0;padding:8px;background:var(--seto-fin-surface)!important;border:1px solid var(--seto-fin-border)}
body.seto-start-page.seto-shell-v2-active .planning-mini-row :is(small,b) {overflow-wrap:anywhere;white-space:normal;text-overflow:clip}
body.seto-start-page.seto-shell-v2-active .planning-mini-row small {font-size:11px!important;color:var(--seto-fin-muted)}
body.seto-start-page.seto-shell-v2-active .planning-mini-row b {font-size:12px;color:var(--seto-fin-ink)}
body.seto-start-page.seto-shell-v2-active .planning-detail {font-size:11px!important;color:var(--seto-fin-muted)}

/* Clear action statuses; green only for success, not generic income. */
body.seto-start-page.seto-shell-v2-active .home-info-content {gap:8px}
body.seto-start-page.seto-shell-v2-active .home-info-item {
  min-width:0;grid-template-columns:minmax(78px,auto) minmax(0,1fr);gap:12px;
  border:1px solid var(--seto-fin-border);border-radius:11px;padding:11px 12px;
  background:var(--seto-fin-subtle)!important;font-size:12px!important;line-height:1.5
}
body.seto-start-page.seto-shell-v2-active .home-info-ok {font-size:12px;line-height:1.5}
body.seto-start-page.seto-shell-v2-active .start-feedback-details>summary {min-height:44px;font-size:13px;font-weight:700}
body.seto-start-page.seto-shell-v2-active .feedback-card {background:var(--seto-fin-surface)!important}

@media (max-width:900px) {
  body.seto-start-page.seto-shell-v2-active .payout-dashboard-top {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.seto-start-page.seto-shell-v2-active .payout-dashboard-top .seto-v2-current-payout {grid-column:auto}
  body.seto-start-page.seto-shell-v2-active .planning-compact-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:620px) {
  body.seto-start-page.seto-shell-v2-active .start-dashboard-header {margin:0 0 12px!important;padding:18px 15px!important;border-radius:16px!important}
  body.seto-start-page.seto-shell-v2-active .start-dashboard-header-inner {display:block}
  body.seto-start-page.seto-shell-v2-active .start-dashboard-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
  body.seto-start-page.seto-shell-v2-active .start-dashboard-actions a {min-width:0;padding:8px 4px;font-size:11px}
  body.seto-start-page.seto-shell-v2-active .start-card,
  body.seto-start-page.seto-shell-v2-active .feedback-card {padding:15px!important;margin-bottom:12px!important}
  body.seto-start-page.seto-shell-v2-active .start-card-head h2 {font-size:17px}
  body.seto-start-page.seto-shell-v2-active .start-card-head>a {font-size:11px}
  body.seto-start-page.seto-shell-v2-active .payout-dashboard-top {grid-template-columns:1fr;gap:9px}
  body.seto-start-page.seto-shell-v2-active .payout-dashboard-top .seto-v2-current-payout {grid-column:auto}
  body.seto-start-page.seto-shell-v2-active .payout-average,
  body.seto-start-page.seto-shell-v2-active .seto-v2-current-payout {min-height:0;padding:15px!important}
  body.seto-start-page.seto-shell-v2-active .planning-group {padding:10px}
  body.seto-start-page.seto-shell-v2-active .planning-mini-row {grid-template-columns:1fr;gap:4px}
  body.seto-start-page.seto-shell-v2-active .home-info-item {grid-template-columns:1fr;gap:4px}
  body.seto-start-page.seto-shell-v2-active .payout-chart-box {height:190px}
}
@media (max-width:360px) {
  body.seto-start-page.seto-shell-v2-active .start-dashboard-actions a {font-size:10px}
  body.seto-start-page.seto-shell-v2-active .planning-compact-grid {gap:7px!important}
  body.seto-start-page.seto-shell-v2-active .planning-group-title {grid-template-columns:minmax(0,1fr);grid-template-areas:'name' 'value' 'sub'}
  body.seto-start-page.seto-shell-v2-active .planning-group-title>strong {text-align:left}
}
@media (prefers-reduced-motion:reduce) {
  body.seto-shell-v2-active :is(.start-dashboard-actions a,.seto-v2-section-tabs a,.seto-v2-card-surface) {transition:none!important}
}
@media print {
  body.seto-shell-v2-active .start-card,body.seto-shell-v2-active .seto-v2-card-surface {box-shadow:none!important}
  body.seto-start-page.seto-shell-v2-active .start-dashboard-header {border:1px solid #cbd5e1!important}
}


/* Source: shared/seto-mobile-accessibility-2256.css */
/* SETO 2.2.57 – Mobile und Tastatur: ausschließlich Präsentation.
   Fachwerte, Kalenderstatus und Simulationsformeln bleiben unverändert. */
body.seto-shell-v2-active :is(.seto-v2-top-more,.seto-v2-more-close,.seto-v2-more-trigger,
.seto-v2-desktop-nav>a,.seto-v2-section-tabs a,.seto-v2-section-more-menu>summary,
.seto-v2-more-options>summary){min-height:44px}
body.seto-shell-v2-active :is(.seto-v2-mobile-bottom>a,.seto-v2-mobile-bottom>button){min-height:44px}
body.seto-shell-v2-active :is(.seto-v2-section-tabs a,.seto-v2-more-options>summary,
.seto-v2-mobile-bottom>a,.seto-v2-mobile-bottom>button):focus-visible{outline:3px solid var(--seto-fin-accent,#20527e);outline-offset:2px}
/* Der Fokus auf eine Frageüberschrift darf nicht von der fixierten Navigation verdeckt werden. */
html[data-seto-ui="v2"] :is(.simulation-mode-card,.analysis-depth-group,
.analysis-view-nav~section,[tabindex="-1"]){scroll-margin-top:calc(var(--seto-v2-top-h,64px) + var(--seto-v2-tabs-h,52px) + 18px)}
/* Keine quer scrollende Seite wegen flexibler Formulare und Finanzkennzahlen.
   Nur echte Tabellen dürfen in ihrem eigenen Bereich horizontal scrollen. */
body.seto-shell-v2-active :is(.analysis-content,main.shell,.card,.section-head,.field,.simulation-question-picker){min-width:0}
body.seto-shell-v2-active :is(.table-wrap,.work-model-table,.atz-table,
.lifecycle-decision-table,.lifecycle-horizon-table){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
body.seto-shell-v2-active .table-wrap[tabindex="0"]:focus-visible{outline:3px solid var(--seto-fin-accent,#20527e);outline-offset:2px;border-radius:8px}
.seto-table-scroll-note{display:none;margin:8px 0;color:var(--seto-fin-muted,#516174);font-size:.81rem;line-height:1.45}
@media(max-width:760px){
  .seto-table-scroll-note{display:block}
  body.seto-shell-v2-active :is(.seto-v2-more-sheet,.seto-v2-more-section,.seto-v2-section-tabs-inner){min-width:0}
  body.seto-shell-v2-active .seto-v2-section-tabs a{min-height:44px}
  body.seto-shell-v2-active .simulation-question-picker select{max-width:100%;font-size:16px}
  body.seto-shell-v2-active :is(.simulation-question-picker input,.scenario-secondary-grid input,
  .scenario-secondary-grid select){max-width:100%;min-width:0;font-size:16px}
}
@media(max-width:420px){
  html[data-seto-ui="v2"] body.seto-analyse-page .analysis-question-nav.analysis-view-nav{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px!important;
    overflow:visible!important;padding:6px!important
  }
  html[data-seto-ui="v2"] body.seto-analyse-page .analysis-question-nav.analysis-view-nav>a{
    display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;white-space:normal!important;
    text-align:center;padding:7px 8px!important;overflow-wrap:anywhere
  }
  html[data-seto-ui="v2"] body.seto-analyse-page .analysis-question-nav.analysis-view-nav .analysis-nav-extra{
    grid-column:1/-1;width:100%;min-width:0
  }
  html[data-seto-ui="v2"] body.seto-analyse-page .analysis-nav-extra>summary{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  body.seto-shell-v2-active :is(.seto-v2-more-overlay,.seto-v2-more-sheet,.seto-v2-section-tabs a,
  .simulation-choice,.seto-v2-skip-link){transition:none!important;animation:none!important}
  html:focus-within{scroll-behavior:auto!important}
}
@media print{.seto-table-scroll-note{display:none!important}}


/* Source: shared/seto-contrast.css */
/* SETO 2.1.032 – global contrast hardening
   Final presentation layer. Keeps semantic/status colors intact while ensuring
   readable foreground/background pairs in light and dark modes. */

/* ---------- shared readable tokens ---------- */
html[data-seto-ui="v2"]{
  --seto-readable-muted:#475467;
  --seto-readable-subtle:#344054;
  --seto-readable-link:#245f96;
}
html[data-seto-ui="v2"][data-theme="dark"]{
  --seto-readable-muted:#b9c5d3;
  --seto-readable-subtle:#d5dde7;
  --seto-readable-link:#8fc3ef;
  --seto-readable-accent:#8fc3ef;
}

/* Older module token families occasionally override the shared v2 tokens. */
html[data-seto-ui="v2"]{
  --muted:var(--seto-readable-muted)!important;
  --text-2:var(--seto-readable-subtle)!important;
  --import-muted:var(--seto-readable-muted)!important;
  --a-muted:var(--seto-readable-muted)!important;
  --analysis-muted:var(--seto-readable-muted)!important;
  --salary-muted:var(--seto-readable-muted)!important;
}
html[data-seto-ui="v2"][data-theme="dark"]{
  --muted:var(--seto-readable-muted)!important;
  --text-2:var(--seto-readable-subtle)!important;
  --import-muted:var(--seto-readable-muted)!important;
  --a-muted:var(--seto-readable-muted)!important;
  --analysis-muted:var(--seto-readable-muted)!important;
  --salary-muted:var(--seto-readable-muted)!important;
  --purple-text:#cfe6fa!important;
}

/* Common secondary text. Avoid pale grey on glass/white surfaces. */
html[data-seto-ui="v2"] body.seto-ui :is(.muted,.subtle,.hint,.sub,.source,.field-source,.menu-desc,.table-footnote,.basis-source){
  color:var(--seto-readable-muted)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-ui :is(label,.muted,.subtle,.hint,.sub,.source,.field-source,.menu-desc,.table-footnote,.basis-source){
  color:var(--seto-readable-muted)!important;
}

/* Accent text needs a lighter tint on dark backgrounds. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-ui :is(.eyebrow,.kicker,.panel-kicker,.admin-eyebrow,.import-kicker,.export-kicker,.tool-kicker,.vdn-kicker){
  color:var(--seto-readable-accent)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-ui h1{
  color:#dcecff!important;
}

/* ---------- importer ----------
   Unified shell made this header transparent while importer text stayed white. */
html[data-seto-ui="v2"] body[data-seto-v2-area="import"] .import-hero.seto-v2-page-header{
  padding:24px!important;
  border:1px solid rgba(143,195,239,.28)!important;
  border-radius: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)!important;
}
html[data-seto-ui="v2"] body[data-seto-v2-area="import"] .import-hero.seto-v2-page-header :is(h1,p,.back,.import-kicker,.pill){
  color:#fff!important;
}
html[data-seto-ui="v2"] body[data-seto-v2-area="import"] .import-hero.seto-v2-page-header p{color:rgba(255,255,255,.86)!important}
html[data-seto-ui="v2"] body[data-seto-v2-area="import"] .import-hero.seto-v2-page-header :is(.back,.import-kicker){color:#d7eafb!important}
html[data-seto-ui="v2"] body[data-seto-v2-area="import"] .import-hero.seto-v2-page-header .pill{
  background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.30)!important
}

/* ---------- admin ----------
   UI v2 intentionally uses a light hero surface: use dark copy on it. */
html[data-seto-ui="v2"] body.seto-admin-page .admin-hero{
  color:var(--seto-ink)!important;
}
html[data-seto-ui="v2"] body.seto-admin-page .admin-hero :is(h1,p){
  color:var(--seto-ink)!important;
}
html[data-seto-ui="v2"] body.seto-admin-page .admin-hero .admin-eyebrow{
  color:var(--seto-blue)!important;
}
html[data-seto-ui="v2"] body.seto-admin-page .admin-hero .admin-btn.primary{
  background:var(--seto-navy)!important;border-color:var(--seto-navy)!important;color:#fff!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-admin-page .admin-hero :is(h1,p){color:var(--seto-ink)!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-admin-page .admin-hero .admin-eyebrow{color:var(--seto-readable-accent)!important}

/* ---------- payroll ---------- */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .panel-head{
  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"] body.seto-payroll-page .panel-head :is(h2,p,strong,span){
  color:inherit!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .panel-head p{color:var(--seto-readable-muted)!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(.advanced-disclosure,.diagnostic-panel,.calendar-trace) summary{
  color:var(--seto-readable-subtle)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(.period-arrow,.icon-action,.secondary-button,.text-button,.user-chip){
  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"] body.seto-payroll-page .primary-button{
  background:#245f96!important;border-color:#2f75b5!important;color:#fff!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(.editor-head,.reconcile-summary>div,.calendar-basis-grid>div){
  color:var(--seto-ink)!important;
  border-color:var(--seto-line)!important;
}

/* ---------- calendar ---------- */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-calendar-page :is(.cal-nav .btn,.btn.icon,.btn.sm){
  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"] body.seto-calendar-page .cal-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"] body.seto-calendar-page .cal-toggle:has(input:checked){
  background:color-mix(in srgb,#2f75b5 22%,var(--seto-surface-solid))!important;
  color:#dcecff!important;
  border-color:rgba(143,195,239,.38)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-calendar-page .cal-toggle small{color:var(--seto-readable-muted)!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-calendar-page .menu-icon{color:#dcecff!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-calendar-page .menu-title{color:var(--seto-ink)!important}

/* ---------- analysis ---------- */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-analyse-page :is(label,.form-label,.simulation-form label){
  color:var(--seto-readable-muted)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-analyse-page :is(.eyebrow,.kicker,.panel-kicker){
  color:var(--seto-readable-accent)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-analyse-page h1{color:#dcecff!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-analyse-page :is(.secondary,.btn.secondary,.button.secondary){
  background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-line)!important;
}

/* ---------- forms ---------- */
html[data-seto-ui="v2"] body.seto-ui :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  color:var(--seto-ink)!important;
}
html[data-seto-ui="v2"] body.seto-ui :is(input,textarea)::placeholder{color:#667085!important;opacity:1}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-ui :is(input,textarea)::placeholder{color:#9eabba!important;opacity:1}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-ui :is(input:disabled,select:disabled,textarea:disabled){
  color:#b9c5d3!important;-webkit-text-fill-color:#b9c5d3!important;opacity:1;
}

/* ---------- legal/docs/public small copy ---------- */
html[data-seto-ui="v2"] body.seto-ui :is(.docs-toolbar,.sidebar,.page,.card) small{color:var(--seto-readable-muted)!important}

/* Focus indication must remain visible in both themes. */
html[data-seto-ui="v2"] :focus-visible{outline:3px solid #5b9bd5!important;outline-offset:2px}
html[data-seto-ui="v2"][data-theme="dark"] :focus-visible{outline-color:#8fc3ef!important}

/* ---------- 2.1.032 audit pass II: local light islands + manual theme coverage ---------- */

/* The payroll VDN is deliberately a printable light document even when the app is dark.
   Isolate its typography from global dark-mode tokens. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet{
  --ink:#111!important;
  --muted:#555f6b!important;
  --surface:#fff!important;
  --surface-2:#eef1f4!important;
  background:#fff!important;
  color:#111!important;
  border-color:#aeb4bb!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet :is(.vdn-company h1,.vdn-period-box strong,.vdn-person strong,.vdn-mini-block dd,.deduction-grid strong,.vdn-net strong,.vdn-table td,.vdn-table tfoot td){
  color:#111!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet :is(.vdn-kicker,.vdn-company p,.vdn-label,.vdn-period-box span,.vdn-block-title small,.vdn-mini-block dt,.deduction-grid span,.vdn-person .vdn-fsq-inline){
  color:#555f6b!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .vdn-person .vdn-fsq-inline{
  background:#f4f6f8!important;
  border-color:#b8bcc1!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .vdn-person .vdn-fsq-inline :is(.fsq-inline-title,strong){color:#111!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .vdn-block-title{
  background:#e4e8ec!important;
  color:#20262d!important;
  border-color:#7e858d!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .vdn-table th{
  background:#435264!important;
  color:#fff!important;
  border-color:#667384!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet :is(.vdn-mini-block,.deduction-grid,.vdn-net,.vdn-person){
  border-color:#8d949c!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet :is(.vdn-mini-block,.deduction-grid>div,.vdn-net>div){background:#f7f8f9!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .vdn-net .payout{background:#e4ebf3!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .vdn-net .payout strong{color:#17365d!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .vdn-empty{color:#555f6b!important}

/* Auth CSS historically reacted only to prefers-color-scheme. Respect SETO's explicit theme. */
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] :is(.link-button,.account-links a,.legal-mini a,.check-row a,.public-tools a){
  color:#8fc3ef!important;
}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] :is(.consent-box,.mini-note,.mode-card,.local-login-panel,.recovery-form){
  color:#d5dde7!important;
}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .consent-box{
  background:#222936!important;
  border-color:#3b4555!important;
}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .check-row{color:#c4cfdd!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .mini-note{color:#b9c5d3!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] :is(input,select,textarea){background:#222936!important;color:#f3f6fa!important;border-color:#465164!important}

/* Public pages also used OS preference only. Explicit app theme must win. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-start-page{
  --bg:#0f1117!important;
  --card:#1b202b!important;
  --text:#f3f6fa!important;
  --muted:#b9c5d3!important;
  --border:#3b4555!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-start-page :is(.tool-card strong,.section-heading .eyebrow,.account-section .eyebrow){color:#8fc3ef!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-start-page :is(.login-link,.tool-card,.account-section){background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-start-page :is(.section-heading p,.account-section p,.tool-card p,.public-footer,.public-brand small){color:var(--muted)!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-start-page .account-section .btn.primary{background:#2f75b5!important;color:#fff!important}

/* Browser-default links are too dark on minimal dark redirect/tool pages. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-ui a:not([class]){color:#8fc3ef}

/* Export/import workflow: hard-coded light surfaces need explicit dark counterparts. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-import-page :is(.export-workflow-block,.export-advanced-options,.export-selected-files-main,.export-step,.export-consent-compact){
  background:var(--seto-surface-solid)!important;
  border-color:var(--seto-line)!important;
  color:var(--seto-ink)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-import-page .workflow-number{background:#245f96!important;color:#fff!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-import-page :is(.export-privacy-details summary,.export-advanced-options summary,.export-preview-details summary){color:#d5dde7!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-import-page .export-step>span{background:#354052!important;color:#e8eef6!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-import-page .export-step.is-current{background:#172f49!important;color:#b9dcfb!important;border-color:#517da8!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-import-page .export-step.is-done{background:#153226!important;color:#8ce5aa!important;border-color:#337650!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-import-page .export-consent-compact:has(input:checked){background:#153226!important;border-color:#337650!important}

/* Admin counters and body-specific muted token were slightly below AA. */
html[data-seto-ui="v2"] body.dedicated-admin{--a-muted:#475467!important}
html[data-seto-ui="v2"][data-theme="dark"] body.dedicated-admin{--a-muted:#b9c5d3!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-admin-page .count-badge{
  background:#263b52!important;color:#dcecff!important;border:1px solid #3e6388!important;
}

/* Simulation has descriptive inline spans with hard-coded #667085. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-analyse-page :is(.advanced-details>summary span,.hero-copy>span:not(.eyebrow),.hero-metrics span,.avg-bar-item>span,.month-delta-card span,.trend-legend){
  color:#b9c5d3!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-analyse-page :is(.table-details>summary,.advanced-details>summary strong){color:#dcecff!important}

/* Documentation code and active navigation stay readable on dark cards. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-hilfe-page .nav-item.active{color:#cfe6fa!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-hilfe-page code{background:#222836!important;color:#e6edf6!important;border-color:#3c4657!important}

/* Near-AA legacy muted values in light mode: keep a single safer minimum. */
html[data-seto-ui="v2"] body.seto-ui :is(.admin-panel,.tool-card,.card,.panel,.section-head,.intro,.field) :is(p,small):not(.status-chip):not(.badge){
  text-decoration-thickness:auto;
}

/* ---------- 2.1.032 audit pass III ---------- */

/* Public calendar exporter: explicit theme selection must not depend on OS preference. */
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] body{
  background:#111827!important;color:#eef2f7!important;
}
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] .public-export :is(.hero,.card){
  background:#18212f!important;border-color:#344054!important;color:#eef2f7!important;
}
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] .public-export :is(.hero p,.note,.status,.brand small,.check small,.help ol){color:#b9c5d3!important}
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] .public-export :is(.field select,.field input[type="number"]){background:#111827!important;border-color:#475467!important;color:#eef2f7!important}
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] .public-export .check{border-color:#344054!important}
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] .public-export .privacy{background:#17324f!important;color:#c9ddf5!important}
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] .public-export .top>a:last-child{color:#8fc3ef!important}
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] .public-export .eyebrow{color:#8fc3ef!important}
html[data-seto-ui="v2"][data-seto-section="public"][data-theme="dark"] .public-export h1{color:#eef2f7!important}

/* Auth auxiliary tool links are light cards in light mode, dark cards in explicit dark mode. */
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .public-tools a{
  background:#222936!important;color:#b9dcfb!important;border-color:#3b4555!important;
}

/* Finish the VDN light-document island after generic small-text rules. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet small,
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .vdn-fsq-inline small{
  color:#555f6b!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page .vdn-sheet .sr-only{color:#111!important}

/* Import destructive controls must not keep a light card in dark theme. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-import-page .danger-ghost{
  background:#2a2021!important;color:#ffaaa4!important;border-color:#6c3f3d!important;
}

/* Analysis body copy: legacy #6b7785 values were just below AA on near-white cards. */
html[data-seto-ui="v2"] body.seto-analyse-page :is(.card p,.card small,.section-head p,.data-note,.progression-chart-note,.advanced-details>summary span,.hero-copy>span:not(.eyebrow),.hero-metrics span,.avg-bar-item>span,.month-delta-card span,.trend-legend){
  color:var(--seto-readable-muted)!important;
}

/* Docs small blue labels were 4.3:1 on the app background. */
html[data-seto-ui="v2"] body.seto-hilfe-page :is(.eyebrow,.kicker){color:#245f96!important}
html[data-seto-ui="v2"] body.seto-hilfe-page .nav-item.active{color:#17365d!important}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-hilfe-page :is(.eyebrow,.kicker,.nav-item.active){color:#cfe6fa!important}

/* Minimal redirect pages have no module typography layer. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-analyse-page > :is(main,section,div) :is(p,li){color:var(--seto-readable-muted)}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-analyse-page > :is(main,section,div) a:not([class]){color:#8fc3ef!important}

/* ---------- 2.1.032 audit pass IV: gradient islands + disabled controls ---------- */

/* Public landing hero is always dark/blue, independent from app theme. Keep all copy and
   navigation tiles in the hero on the same high-contrast palette. */
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero{
  color:#fff!important;
}
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero .hero-copy :is(h1,.eyebrow){color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero .hero-copy>p{color:rgba(255,255,255,.88)!important}
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero .hero-summary a{
  background:rgba(10,37,64,.28)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#fff!important;
}
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero .hero-summary a :is(span,strong,small,b){color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero .hero-summary a span{color:rgba(255,255,255,.76)!important}
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero .hero-summary a small{color:rgba(255,255,255,.86)!important}
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero .hero-actions .btn.secondary{
  background:rgba(255,255,255,.92)!important;color:#17365d!important;border-color:rgba(255,255,255,.96)!important;
}

/* Auth brand panel is another permanent dark gradient island. */
html[data-seto-ui="v2"][data-seto-section="auth"] .auth-brand-panel :is(.auth-brand strong,.auth-brand small,.auth-brand-copy h2){color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="auth"] .auth-brand-panel .auth-brand small{color:rgba(255,255,255,.78)!important}
html[data-seto-ui="v2"][data-seto-section="auth"] .auth-brand-panel .auth-brand-copy .eyebrow{color:#b9dcfb!important}
html[data-seto-ui="v2"][data-seto-section="auth"] .auth-brand-panel .auth-brand-copy p{color:rgba(255,255,255,.88)!important}
html[data-seto-ui="v2"][data-seto-section="auth"] .auth-brand-panel .auth-brand-footer a{color:rgba(255,255,255,.84)!important}

/* Disabled actions are still readable. Avoid white text on washed-out disabled buttons. */
html[data-seto-ui="v2"] body.seto-ui :is(button,.btn,.button,.primary-button,.secondary-button):disabled,
html[data-seto-ui="v2"] body.seto-ui :is(button,.btn,.button,.primary-button,.secondary-button)[aria-disabled="true"]{
  opacity:1!important;
  background:#e1e7ee!important;
  color:#526174!important;
  border-color:#c7d0dc!important;
  box-shadow:none!important;
  -webkit-text-fill-color:#526174!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-ui :is(button,.btn,.button,.primary-button,.secondary-button):disabled,
html[data-seto-ui="v2"][data-theme="dark"] body.seto-ui :is(button,.btn,.button,.primary-button,.secondary-button)[aria-disabled="true"]{
  background:#263243!important;
  color:#b9c5d3!important;
  border-color:#435064!important;
  -webkit-text-fill-color:#b9c5d3!important;
}

/* Small accent labels on plain light surfaces use the deeper accessible blue. */
html[data-seto-ui="v2"] body.seto-profil-page .eyebrow{color:#245f96!important}

/* Public hero tiles need an opaque-enough dark surface for white text. */
html[data-seto-ui="v2"][data-seto-section="public"] .public-hero .hero-summary a{background:rgba(6,31,57,.58)!important}


/* ---------- 2.1.032: Recovery visibility + complete theme/contrast audit ----------
   Recovery remains technically available, but is absent from the normal login/setup flow.
   Explicit theme selection always wins over legacy prefers-color-scheme rules. */
#showRecoveryBtn,
#setupRecoveryDeferred,
#setupRecoveryNext{
  display:none!important;
}

/* Light theme baseline: dark navy/near-black copy on white and pale surfaces. */
html[data-seto-ui="v2"]:not([data-theme="dark"]) body.seto-ui,
html[data-seto-ui="v2"][data-theme="light"] body.seto-ui{
  --seto-readable-muted:#475467!important;
  --seto-readable-subtle:#344054!important;
}

/* Payroll: only genuinely light islands keep dark copy in dark mode. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(
  .notice-box,
  .help-toc,
  .help-toc-head,
  .help-toc-head button,
  .help-article
){
  --ink:#111827!important;
  --text:#111827!important;
  --text-secondary:#344054!important;
  --muted:#475467!important;
  color:#17365d!important;
  -webkit-text-fill-color:#17365d!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(
  .notice-box,
  .help-toc,
  .help-toc-head,
  .help-article
) :is(h1,h2,h3,h4,strong,summary,label,td,th){
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(
  .notice-box,
  .help-toc,
  .help-toc-head,
  .help-article
) :is(p,small,.muted,.subtle,.hint,.basis-source){
  color:#475467!important;
  -webkit-text-fill-color:#475467!important;
}

/* Payroll dark controls are true dark surfaces; never force navy text onto them. */
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(
  .shift-stat,
  .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;
  -webkit-text-fill-color:var(--seto-ink)!important;
  border-color:var(--seto-line)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(input[readonly],select:disabled){
  background:var(--seto-surface-soft)!important;
  color:var(--seto-readable-muted)!important;
  -webkit-text-fill-color:var(--seto-readable-muted)!important;
  border-color:var(--seto-line)!important;
}
html[data-seto-ui="v2"][data-theme="dark"] body.seto-payroll-page :is(.badge-ts,.badge-ns,.badge-entry,.badge-holiday){
  background:rgba(91,155,213,.13)!important;
  color:#dcecff!important;
  -webkit-text-fill-color:#dcecff!important;
  border-color:rgba(143,195,239,.20)!important;
}

/* Explicit LIGHT must win even when the OS/browser itself prefers dark. */
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="auth"]{
  --bg:#f4f5f8!important;
  --card:#fff!important;
  --text:#1f2733!important;
  --muted:#475467!important;
  --border:#d9dee7!important;
}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="auth"] :is(input,select,textarea){
  background:#fff!important;color:#1f2733!important;border-color:#c7d0dc!important;
  -webkit-text-fill-color:#1f2733!important;
}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="auth"] :is(.btn.secondary,.public-tools a,.consent-box,.mode-card,.local-login-panel,.recovery-form){
  background:#f8fafc!important;color:#344054!important;border-color:#d9dee7!important;
}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="auth"] :is(.account-links a,.legal-mini a,.check-row a,.link-button){color:#245f96!important}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="auth"] .error{background:#feeceb!important;color:#991b1b!important}

html[data-seto-ui="v2"][data-theme="light"][data-seto-section="public"]{
  --bg:#f0f2f5!important;--card:#fff!important;--text:#1f2733!important;--muted:#475467!important;--border:#dfe5ec!important;
}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="public"] body{background:var(--bg)!important;color:var(--text)!important}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="public"] :is(.login-link,.tool-card,.account-section){background:#fff!important;color:#1f2733!important;border-color:#dfe5ec!important}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="public"] :is(.public-brand small,.section-heading p,.account-section p,.tool-card p,.public-footer){color:#475467!important}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="public"] .tool-card strong{color:#17365d!important}

/* Calendar legacy prefers-color-scheme rules previously overrode manual light mode. */
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="kalender"] body.seto-calendar-page .menu-icon{
  background:color-mix(in srgb,#2f75b5 14%,#fff)!important;color:#17365d!important;
}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="kalender"] body.seto-calendar-page .help-note{
  background:#e9f1fa!important;color:#344054!important;
}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="kalender"] body.seto-calendar-page .formula{
  background:rgba(0,0,0,.05)!important;color:#111827!important;
}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="kalender"] body.seto-calendar-page .compare-status.ok{color:#15803d!important}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="kalender"] body.seto-calendar-page .compare-status.warn{color:#9a5700!important}

/* Salary analysis navigation had an unguarded OS-dark rule. */
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="analyse"] .salary-analysis-nav a{
  background:#fff!important;color:#172033!important;border-color:#d8dee8!important;
}
html[data-seto-ui="v2"][data-theme="light"][data-seto-section="analyse"] .salary-analysis-nav a.active{
  background:#17365d!important;color:#fff!important;border-color:#17365d!important;
}

/* Small text on light surfaces: AA-safe dark navy/slate. */
html[data-seto-ui="v2"][data-theme="light"] body.seto-start-page :is(
  .overview-head small,
  .home-overview-grid>.overview-card:not(.overview-card-salary) .overview-head small,
  .stat-tile small,
  .salary-stat small,
  .salary-stat span,
  .start-card-head small
){color:#526174!important}
html[data-seto-ui="v2"][data-theme="light"] body.seto-import-page .import-brand small{color:#526174!important}
html[data-seto-ui="v2"][data-theme="light"] body.seto-import-page .import-card-badge{color:#526174!important}
html[data-seto-ui="v2"][data-theme="light"] body.seto-analyse-page .compare-arrow{color:#245f96!important}
html[data-seto-ui="v2"][data-theme="light"] body.seto-profil-page .password-error{color:#991b1b!important;border-color:#b42318!important}

/* Explicitly readable calendar/export labels. */
html[data-seto-ui="v2"] body.seto-calendar-page .legend-ferien{color:#245f96!important}
html[data-seto-ui="v2"] body.seto-import-page .export-drop-zone.is-locked .export-drop-icon{color:#526174!important}

/* 2.1.058: paired surfaces also before the UI adapter adds body classes. */
html[data-seto-ui="v2"] {
  --seto-paired-bg:#fff; --seto-paired-text:#24364b; --seto-paired-muted:#475467;
}
html[data-seto-ui="v2"][data-theme="dark"] {
  --seto-paired-bg:#1f2937; --seto-paired-text:#eef3f8; --seto-paired-muted:#b9c5d3;
}
html[data-seto-ui="v2"] body :is(.delete-card,.new-invite,.json-preview,.kb-release,.roadmap-tabs,.learning-level,.setup-choice .choice-icon) {
  background:var(--seto-paired-bg)!important; color:var(--seto-paired-text)!important;
}
html[data-seto-ui="v2"] body .learning-level:has(input:checked) {
  background:var(--seto-paired-bg)!important; border-color:var(--seto-readable-link)!important;
}
html[data-seto-ui="v2"] body :is(.delete-warning,.danger-note) {background:#fff2f2!important;color:#a51d27!important}
html[data-seto-ui="v2"] body .admin-btn.danger {background:#b4232b!important;border-color:#b4232b!important;color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="start"] body .setup-card h3 {color:var(--seto-paired-text)!important}
html[data-seto-ui="v2"][data-seto-section="start"] body :is(.start-card-head small,.setup-kicker,.simple-card p,.app-card p,.quick-card p) {color:var(--seto-paired-muted)!important}
html[data-seto-ui="v2"][data-seto-section="start"] body #nextShiftCalendarLink {background:var(--seto-paired-bg)!important;color:var(--seto-paired-text)!important}
html[data-seto-ui="v2"][data-seto-section="importer"] body .learning-level strong small {background:#e7f0ff!important;color:#244568!important}
/* A primary KPI is content, not a primary action button. */
html[data-seto-ui="v2"][data-seto-section="analyse"] body .user-kpi.primary {background:var(--seto-paired-bg)!important;color:var(--seto-paired-text)!important}
html[data-seto-ui="v2"] body .vdn-sheet .vdn-fsq-inline .fsq-help-popover {background:#fff!important;color:#24364b!important}
html[data-seto-ui="v2"] body .vdn-sheet .vdn-fsq-inline .fsq-help-popover :is(strong,small,p,span) {color:#24364b!important}
html[data-seto-ui="v2"] body .help-quick-card {background:#fff!important;color:#24364b!important}
html[data-seto-ui="v2"] body .help-quick-card :is(p,span,small,strong) {color:#24364b!important}
html[data-seto-ui="v2"] body .retro-grid article {background:var(--seto-paired-bg)!important;color:var(--seto-paired-text)!important}
html[data-seto-ui="v2"][data-seto-section="docs"] body .privacy-button:not(.secondary) {background:#245f96!important;color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="docs"] body .privacy-button.danger {background:#b4232b!important;color:#fff!important}
html[data-seto-ui="v2"][data-seto-section="start"] body {--start-muted:var(--seto-paired-muted)}
html[data-seto-ui="v2"][data-seto-section="start"] body .start-dashboard-eyebrow {color:var(--seto-readable-link)!important;opacity:1}
html[data-seto-ui="v2"] body .smart-storage-details > summary {color:var(--seto-readable-link)!important}
html[data-seto-ui="v2"] body .import-card strong {color:var(--seto-readable-link)!important}
html[data-seto-ui="v2"] body .st-month-table th small {color:var(--seto-paired-muted)!important;opacity:1}
html[data-seto-ui="v2"] body :is(.metric-toggle,.result-tabs) button:not(.active) {color:var(--seto-paired-muted)!important}
html[data-seto-ui="v2"] body .schritt-nr {background:#245f96!important;color:#fff!important}

/* 2.1.066: readable loading and recovery state on the start page. */
html[data-seto-ui="v2"] body .start-load-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:12px 0;border:1px solid var(--seto-paired-muted);border-radius:12px;background:var(--seto-paired-bg);color:var(--seto-paired-text)}
html[data-seto-ui="v2"] body .start-load-status[hidden]{display:none}
html[data-seto-ui="v2"] body .start-load-status span{display:block;color:var(--seto-paired-muted);font-size:13px}
html[data-seto-ui="v2"] body .start-load-status button{flex-shrink:0;min-height:44px;padding:10px 14px;border:1px solid #245f96;border-radius:8px;background:#245f96;color:#fff;font:inherit;cursor:pointer}
html[data-seto-ui="v2"] body .start-load-status button:focus-visible{outline:3px solid var(--seto-readable-link);outline-offset:3px}
@media(max-width:480px){html[data-seto-ui="v2"] body .start-load-status{align-items:stretch;flex-direction:column}}

/* SETO 2.1.078 – Profil-Abrechnungsbereiche */
html[data-seto-ui="v2"][data-seto-section="profil"] .profile-form-section{background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-line-strong)!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .profile-readonly-section{background:var(--seto-surface-soft)!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .profile-form-section :is(h3,h4,strong,summary){color:var(--seto-ink)!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .profile-form-section :is(label,small,.form-hint){color:var(--seto-readable-muted)!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .profile-form-section :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:var(--seto-surface-solid)!important;color:var(--seto-ink)!important;border-color:var(--seto-readable-muted)!important;opacity:1!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .profile-form-section :is(input[readonly],textarea[readonly],input:disabled,select:disabled,textarea:disabled){background:var(--seto-surface-soft)!important;color:var(--seto-readable-muted)!important;border-color:var(--seto-readable-muted)!important;opacity:1!important}
html[data-seto-ui="v2"][data-seto-section="profil"] .profile-form-section :is(input,select,textarea,summary):focus-visible{outline:3px solid var(--seto-readable-link)!important;outline-offset:2px!important;box-shadow:none!important}


/* SETO 2.1.159 – Analyse: UI2 changed the topbar from blue hero to glass surface;
   keep its copy/status on the corresponding surface palette. */
html[data-seto-ui="v2"][data-seto-section="analyse"] body.seto-analyse-page .topbar{color:var(--seto-ink)!important}
html[data-seto-ui="v2"][data-seto-section="analyse"] body.seto-analyse-page .topbar p{color:var(--seto-readable-muted,var(--seto-muted))!important}
html[data-seto-ui="v2"][data-seto-section="analyse"] body.seto-analyse-page .topbar .status{
  background:var(--seto-surface-soft)!important;color:var(--seto-ink)!important;border:1px solid var(--seto-line)!important;
}

/* SETO 2.1.159 – Auth: explicit SETO dark theme must not depend on OS prefers-color-scheme. */
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .auth-card h1{color:#f3f6fa!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] :is(.auth-text-action,.auth-more-content a,.auth-inline-button){color:#b9d8f3!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .login-mode-option{color:#b9c5d3!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .login-mode-option.active{
  background:#2a3241!important;color:#f3f6fa!important;border-color:#4a6079!important;box-shadow:none!important;
}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] :is(.auth-inline-button,.auth-more-content>a){background:#222936!important}

/* SETO 2.1.160 – Mini-App tiles follow the explicit SETO theme. */
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .auth-miniapp-tile{background:linear-gradient(135deg,#202938,#1b2230)!important;border-color:#344154!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .auth-miniapp-copy strong{color:#f4f7fb!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .auth-miniapp-copy small{color:#aebed0!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="dark"] .auth-miniapp-arrow{color:#8bc2ec!important}
html[data-seto-ui="v2"][data-seto-section="auth"][data-theme="light"] .auth-miniapp-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--blue) 6%),color-mix(in srgb,var(--card) 98%,transparent))!important}


/* Source: shared/flow/seto-flow-tokens.css */

:root{
--flow-bg:#EEF3F3;--flow-surface:#FFFFFF;--flow-surface-2:#F5F8F8;--flow-line:#C9D6D8;--flow-line-strong:#768D95;
--flow-ink:#0F2E3A;--flow-ink-2:#45606A;--flow-petrol:#0F4C5C;--flow-on-petrol:#FFFFFF;
--flow-magenta:#A3206F;--flow-on-magenta:#FFFFFF;--flow-teal:#0F6E6A;--flow-slate:#6A7E86;
--flow-plus:#18724A;--flow-minus:#B03A22;--flow-warn:#875800;--flow-focus:#A3206F;
--flow-shadow-float:0 12px 32px rgb(15 46 58 / .16);--flow-shadow-balance:0 6px 24px rgb(15 76 92 / .10);
--flow-s1:4px;--flow-s2:8px;--flow-s3:12px;--flow-s4:16px;--flow-s5:24px;--flow-s6:32px;--flow-s7:48px;--flow-s8:64px;
--flow-r-field:8px;--flow-r-button:10px;--flow-r-surface:14px;--flow-r-balance:22px;--flow-r-pill:999px;
--flow-ease:cubic-bezier(.2,.7,.2,1);--flow-t-fast:120ms;--flow-t-num:220ms;--flow-t-sheet:280ms;
--flow-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--flow-page-max:1200px;--flow-measure:68ch;--flow-control-col:420px;--flow-hit:44px;
color-scheme:light;
}
:root[data-theme="dark"]{
--flow-bg:#0A1A21;--flow-surface:#10252E;--flow-surface-2:#163039;--flow-line:#2A4A55;--flow-line-strong:#5E808A;
--flow-ink:#E6EFF0;--flow-ink-2:#9DB4BA;--flow-petrol:#6CC0D0;--flow-on-petrol:#06232B;
--flow-magenta:#F07AC0;--flow-on-magenta:#2A0620;--flow-teal:#4CC7B9;--flow-slate:#8CA0A7;
--flow-plus:#5DD39A;--flow-minus:#FF8A70;--flow-warn:#F2B84B;--flow-focus:#F07AC0;
--flow-shadow-float:0 12px 32px rgb(0 0 0 / .45);--flow-shadow-balance:0 6px 24px rgb(0 0 0 / .35);
color-scheme:dark;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){
--flow-bg:#0A1A21;--flow-surface:#10252E;--flow-surface-2:#163039;--flow-line:#2A4A55;--flow-line-strong:#5E808A;
--flow-ink:#E6EFF0;--flow-ink-2:#9DB4BA;--flow-petrol:#6CC0D0;--flow-on-petrol:#06232B;
--flow-magenta:#F07AC0;--flow-on-magenta:#2A0620;--flow-teal:#4CC7B9;--flow-slate:#8CA0A7;
--flow-plus:#5DD39A;--flow-minus:#FF8A70;--flow-warn:#F2B84B;--flow-focus:#F07AC0;
--flow-shadow-float:0 12px 32px rgb(0 0 0 / .45);--flow-shadow-balance:0 6px 24px rgb(0 0 0 / .35);color-scheme:dark}}
@media(prefers-reduced-motion:reduce){:root{--flow-t-fast:0ms;--flow-t-num:0ms;--flow-t-sheet:0ms}}


/* Source: shared/flow/seto-flow-bridge.css */
/* Restrained colour bridge; read-only existing payroll charts and calculations stay untouched. */
:root{
--seto-bg:var(--flow-bg);--seto-card:var(--flow-surface);--seto-card-2:var(--flow-surface-2);
--seto-text:var(--flow-ink);--seto-muted:var(--flow-ink-2);--seto-border:var(--flow-line);--seto-line:var(--flow-line);
--seto-primary:var(--flow-petrol);--seto-primary-hover:var(--flow-ink);--seto-link:var(--flow-petrol);--seto-focus:var(--flow-focus);
--seto-good:var(--flow-plus);--seto-warn:var(--flow-warn);--seto-danger:var(--flow-minus);
--seto-data-actual:var(--flow-petrol);--seto-data-calculated:var(--flow-slate);--seto-data-forecast:var(--flow-ink-2);
--seto-v2-glass-bg:var(--flow-surface);--seto-v2-glass-bg-strong:var(--flow-surface);--seto-v2-glass-line:var(--flow-line);
--seto-v2-glass-shine:transparent;--seto-v2-glass-shadow:none;--seto-v2-glass-shadow-soft:none;
}
/* Only style the analysis area in E1. Broad app-wide restyling needs visual regression. */
body[data-seto-primary="analyse"] .seto-v2-section-tabs{background:var(--flow-surface);border-color:var(--flow-line)}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-width:var(--flow-page-max);margin:auto;padding:4px}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a{min-width:0;text-align:center;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 5px;border-radius:var(--flow-r-field);font:600 13px/1.2 var(--flow-font);text-wrap:balance}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a.active{background:var(--flow-petrol);color:var(--flow-on-petrol)}
@media(max-width:600px){body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a{font-size:12px;padding:7px 2px}}
/* Six choices always remain directly accessible, including on 390 px handsets. */
html[data-seto-section="analyse"]{--seto-v2-tabs-h:58px;--seto-v2-page:var(--flow-bg)}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner{width:calc(100% - 28px);max-width:var(--flow-page-max);overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background:var(--flow-surface);border-color:var(--flow-line)}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a{white-space:normal;min-height:44px;font-weight:600;color:var(--flow-petrol)}
body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a.active{color:var(--flow-on-petrol)}
@media(max-width:600px){html[data-seto-section="analyse"]{--seto-v2-tabs-h:112px}body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner{width:calc(100% - 14px)}body[data-seto-primary="analyse"] .seto-v2-section-tabs-inner>a{min-height:44px}}


/* SETO Flow E7: verified contrast and mobile tab accessibility fixes.
   Keep overrides narrow: payroll/period engines and old UI are untouched. */
html[data-seto-section="analyse"] .flow-tabs [role="tab"]{min-height:44px}
html[data-seto-section="analyse"] .flow-tabs [role="tab"][aria-selected="true"]{
  background:var(--flow-petrol)!important;
  color:var(--flow-on-petrol)!important;
  border-color:var(--flow-petrol)!important;
}
html[data-seto-section="analyse"] .flow-tabs [role="tab"]:focus-visible{
  outline:3px solid var(--flow-focus)!important;outline-offset:2px;
}
/* The glass page headers must be legible before the app-shell assigns body classes. */
html[data-seto-section="analyse"] main.shell > header.topbar{
  color:var(--flow-ink)!important;
}
html[data-seto-section="analyse"] main.shell > header.topbar p{
  color:var(--flow-ink-2)!important;
}
html[data-seto-section="analyse"] main.shell > header.topbar .status{
  color:var(--flow-ink)!important;
}
/* Keep the local Tarif tabstrip below the fixed application header and section nav. */
body.seto-shell-v2-active[data-seto-v2-area="analyse"] .flow-tabs{
  top:calc(var(--seto-v2-top-h,64px) + var(--seto-v2-tabs-h,52px));
}
/* Dark theme legacy tariff-button rules have higher specificity than the
   generic Flow component. Explicit shell selector prevents low contrast. */
html[data-seto-ui="v2"][data-seto-section="analyse"] body.seto-shell-v2-active[data-seto-v2-area="analyse"] .flow-tabs [role="tab"][aria-selected="true"]{
  background:var(--flow-petrol)!important;
  color:var(--flow-on-petrol)!important;
  border-color:var(--flow-petrol)!important;
}

/* END analyse/flow-e6-runtime.css */

/* BEGIN shared/flow/seto-flow-core.css */
/* SETO: assembled UI-only Flow layers; original order preserved. */

/* BEGIN seto-flow.css */
/* SETO Flow controls: all appearance values derived from --flow-* tokens. */
.flow-page{background:var(--flow-bg);color:var(--flow-ink);font:400 16px/1.55 var(--flow-font);min-height:100vh;overflow-x:clip}
.flow-page *{box-sizing:border-box}
.flow-page h1,.flow-page h2,.flow-page h3{font-family:var(--flow-font);color:var(--flow-ink);line-height:1.2;margin:0 0 var(--flow-s3)}
.flow-page h1{font-size:clamp(26px,3vw,32px);font-weight:650}
.flow-page h2{font-size:clamp(20px,2.3vw,24px);font-weight:620}
.flow-page h3{font-size:18px;font-weight:600}
.flow-page p{max-width:var(--flow-measure);margin:0 0 var(--flow-s4)}
.flow-page a{color:var(--flow-petrol);text-decoration-thickness:1px;text-underline-offset:3px}
.flow-page :is(a,button,input,select,summary,[role="radio"],[role="switch"]):focus-visible{outline:3px solid var(--flow-focus);outline-offset:3px}
.flow-page :is(button,input,select,textarea){font:inherit;color:inherit}
.flow-page [hidden]{display:none}
.flow-container{max-width:var(--flow-page-max);margin:0 auto;padding:var(--flow-s7) var(--flow-s6) 110px}
.flow-lead{font-size:18px;line-height:1.5;color:var(--flow-ink-2)}
.flow-section{border-top:1px solid var(--flow-line);padding:var(--flow-s7) 0}
.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--flow-s4)}
.flow-question{border:1px solid var(--flow-line-strong);border-radius:var(--flow-r-surface);padding:var(--flow-s5);background:var(--flow-surface);text-decoration:none;display:block;min-height:108px;transition:border-color var(--flow-t-fast)}
.flow-question:hover{border-color:var(--flow-petrol)}
.flow-question h3{margin:0 0 var(--flow-s2)}
.flow-question small{display:block;color:var(--flow-ink-2);font-size:14px}
.flow-btn{border:1px solid var(--flow-line-strong);border-radius:var(--flow-r-button);min-height:var(--flow-hit);padding:9px 16px;background:var(--flow-surface);color:var(--flow-ink);cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--flow-s2)}
.flow-btn--primary{background:var(--flow-petrol);border-color:var(--flow-petrol);color:var(--flow-on-petrol)}
.flow-btn--quiet{background:transparent}
.flow-btn:disabled{opacity:.5;cursor:not-allowed}
.flow-field{display:grid;gap:var(--flow-s2);margin:0 0 var(--flow-s4);max-width:var(--flow-control-col)}
.flow-label{display:block;font-size:14px;font-weight:560}
.flow-field input:not([type="range"]),.flow-field select{width:100%;min-height:var(--flow-hit);padding:9px 12px;border:1px solid var(--flow-line-strong);border-radius:var(--flow-r-field);background:var(--flow-surface);color:var(--flow-ink)}
.flow-field small{color:var(--flow-ink-2)}
.flow-slider{--flow-position:50%;display:grid;gap:var(--flow-s2);max-width:var(--flow-control-col)}
.flow-slider-top{display:flex;justify-content:space-between;align-items:center;gap:var(--flow-s3)}
.flow-range-wrap{position:relative;min-height:44px}.flow-range-track{position:absolute;left:0;right:0;top:19px;height:6px;border-radius:4px;background:var(--flow-slate);pointer-events:none}.flow-range-active{height:100%;width:var(--flow-position);border-radius:4px;background:var(--flow-magenta)}
.flow-slider input[type="range"]{position:relative;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;cursor:pointer;background:transparent;touch-action:pan-y}
.flow-slider input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:transparent}
.flow-slider input[type="range"]::-moz-range-track{height:6px;border-radius:4px;background:transparent}
.flow-slider input[type="range"]::-moz-range-progress{height:6px;border-radius:4px;background:transparent}
.flow-slider input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:3px solid var(--flow-surface);width:28px;height:28px;border-radius:50%;background:var(--flow-magenta);box-shadow:0 0 0 2px var(--flow-magenta);margin-top:-11px}
.flow-slider input[type="range"]::-moz-range-thumb{border:3px solid var(--flow-surface);width:24px;height:24px;border-radius:50%;background:var(--flow-magenta);box-shadow:0 0 0 2px var(--flow-magenta)}
.flow-slider-scale{display:flex;justify-content:space-between;font-size:13px;color:var(--flow-ink-2)}
.flow-number{display:flex;align-items:center;max-width:var(--flow-control-col)}
.flow-number input{flex:1;min-width:0;text-align:center}
.flow-number .flow-btn{flex:0 0 var(--flow-hit);padding:0}
.flow-segment{display:flex;flex-wrap:wrap;gap:var(--flow-s1)}
.flow-segment [role="radio"]{min-height:44px;padding:9px 12px;border:1px solid var(--flow-line-strong);background:var(--flow-surface);border-radius:var(--flow-r-field);cursor:pointer}
.flow-segment [aria-checked="true"]{background:var(--flow-petrol);border-color:var(--flow-petrol);color:var(--flow-on-petrol)}
.flow-chips{display:flex;flex-wrap:wrap;gap:var(--flow-s2)}
.flow-chip{min-height:44px;padding:8px 14px;border:1px solid var(--flow-line-strong);background:var(--flow-surface);border-radius:var(--flow-r-pill);cursor:pointer}
.flow-chip[aria-pressed="true"]{border-color:var(--flow-petrol);color:var(--flow-petrol);font-weight:600}
.flow-switch{display:inline-flex;align-items:center;gap:var(--flow-s3);min-height:44px;border:0;background:transparent;cursor:pointer}
.flow-switch-track{width:46px;height:26px;border:1px solid var(--flow-line-strong);border-radius:var(--flow-r-pill);background:var(--flow-slate);position:relative}
.flow-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--flow-surface);border-radius:50%;transition:translate var(--flow-t-fast)}
.flow-switch[aria-checked="true"] .flow-switch-track{background:var(--flow-petrol)}
.flow-switch[aria-checked="true"] .flow-switch-track:after{translate:19px}
.flow-balance{padding:var(--flow-s6);border:1px solid var(--flow-line);border-radius:var(--flow-r-balance);background:var(--flow-surface);box-shadow:var(--flow-shadow-balance)}
.flow-balance-lead{font-size:clamp(18px,2vw,22px);line-height:1.45;font-weight:550;max-width:60ch}
.flow-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--flow-s5)}
.flow-balance-value{font-size:clamp(28px,4vw,44px);font-weight:700;font-variant-numeric:tabular-nums}
.flow-balance-time{color:var(--flow-teal)}
.flow-result-bar{position:sticky;top:0;z-index:10;background:var(--flow-surface);box-shadow:var(--flow-shadow-float);padding:8px 16px;min-height:56px}
.flow-compare-bars>div{margin:12px 0}
.flow-compare-bars meter{display:block;width:100%;height:14px;accent-color:var(--flow-petrol)}
.flow-reasons{list-style:none;padding:0;margin:0}
.flow-reasons li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--flow-line)}
.flow-badge{display:inline-block;padding:1px 9px;border:1px solid var(--flow-slate);border-radius:var(--flow-r-pill);font-size:12px;line-height:20px;color:var(--flow-ink-2)}
.flow-badge[data-kind="ist"]{border-color:var(--flow-petrol);color:var(--flow-petrol)}
.flow-badge[data-kind="annahme"],.flow-badge[data-kind="entwurf"]{border-color:var(--flow-warn);color:var(--flow-warn)}
.flow-badge[data-kind="offen"]{border-color:var(--flow-minus);color:var(--flow-minus)}
.flow-more{padding:var(--flow-s3);background:var(--flow-surface-2);border-radius:var(--flow-r-surface)}
.flow-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.flow-insight{border-left:3px solid var(--flow-petrol);padding:var(--flow-s3) var(--flow-s4)}
.flow-yearband{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;min-height:100px;align-items:end}
.flow-yearband button{min-width:0;padding:4px 0;min-height:44px;border:1px solid var(--flow-line-strong);border-radius:3px 3px 0 0;background:var(--flow-slate);cursor:pointer;color:var(--flow-on-petrol);font-size:11px}
.flow-yearband button[aria-checked="true"]{background:var(--flow-petrol)}
.flow-kpi{padding:var(--flow-s4);background:var(--flow-surface-2);border-radius:var(--flow-r-surface)}
.flow-kpi strong{display:block;font-size:clamp(24px,3vw,36px);font-variant-numeric:tabular-nums}
.flow-delta[data-direction="plus"]{color:var(--flow-plus)}
.flow-delta[data-direction="minus"]{color:var(--flow-minus)}
.flow-table-scroll{max-width:100%;overflow:auto;border:1px solid var(--flow-line);border-radius:var(--flow-r-surface)}
.flow-table{border-collapse:collapse;min-width:100%;font-size:14px;font-variant-numeric:tabular-nums}
.flow-table :is(th,td){padding:9px 12px;border-bottom:1px solid var(--flow-line);white-space:nowrap}
.flow-table th{position:sticky;top:0;text-align:left;background:var(--flow-surface-2)}
.flow-table td[data-number]{text-align:right}
.flow-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--flow-line)}
.flow-tabs [role="tab"]{min-height:44px;padding:9px 14px;border:0;border-bottom:3px solid transparent;background:transparent;cursor:pointer}
.flow-tabs [aria-selected="true"]{border-bottom-color:var(--flow-petrol);font-weight:600}
.flow-note{border-left:3px solid var(--flow-warn);padding:var(--flow-s3) var(--flow-s4);background:var(--flow-surface-2)}
.flow-subnav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.flow-subnav a{min-height:44px;text-align:center;padding:10px 3px;border:1px solid var(--flow-line-strong);border-radius:var(--flow-r-field)}
.flow-subnav [aria-current="page"]{background:var(--flow-petrol);color:var(--flow-on-petrol)}
.flow-state{padding:var(--flow-s5);border:1px solid var(--flow-line);border-radius:var(--flow-r-surface)}
.flow-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
@media(max-width:600px){.flow-container{padding:24px 16px 116px}.flow-balance{padding:20px}.flow-balance-grid{gap:12px}.flow-balance-value{font-size:26px}.flow-subnav{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-chips{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity}.flow-chip{flex:none;scroll-snap-align:start}}

/* G1: responsive Flow vocabulary and synchronously loaded shell clearance. */
:root{--seto-v2-top-h:64px;--seto-v2-tabs-h:52px}
html{scroll-padding-top:calc(var(--seto-v2-top-h) + var(--seto-v2-tabs-h) + 20px)}
.seto-v2-skip-link{position:fixed;left:-9999px;top:0;z-index:20000}
.seto-v2-skip-link:focus{left:12px;top:12px;background:var(--flow-surface);padding:10px 16px;border:2px solid var(--flow-focus);color:var(--flow-ink)}
.flow-pagehead{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:24px 0}
.flow-pagehead-actions{display:flex;gap:8px;flex-wrap:wrap}
.flow-sidenav{display:grid;gap:4px;padding:12px;border:1px solid var(--flow-line);border-radius:var(--flow-r-surface);background:var(--flow-surface)}
.flow-sidenav-link{display:flex;align-items:center;min-height:44px;padding:8px 12px;text-decoration:none;border-radius:var(--flow-r-field)}
.flow-sidenav-link[aria-current="page"]{color:var(--flow-petrol);background:var(--flow-surface-2);border-left:3px solid var(--flow-petrol)}
.flow-fieldset{border:0;border-top:1px solid var(--flow-line);margin:16px 0;padding:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.flow-fieldset legend{padding:0 12px 0 0;color:var(--flow-ink);font-weight:700;font-size:18px}
.flow-field[data-changed="true"]{border-left:3px solid var(--flow-magenta);padding-left:10px}
.flow-error{color:var(--flow-minus)}
.flow-savebar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 0;border-top:1px solid var(--flow-line)}
.flow-savebar>span{margin-right:auto;color:var(--flow-ink-2)}
.flow-statusbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:0;border:1px solid var(--flow-line);border-radius:var(--flow-r-surface);overflow:hidden}
.flow-statusbar-item{padding:16px;display:grid;gap:3px;border-right:1px solid var(--flow-line)}
.flow-statusbar-item span{font-size:13px;color:var(--flow-ink-2)}
.flow-statusbar-item strong{font-size:17px;font-variant-numeric:tabular-nums}
.flow-task-row{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--flow-line);padding:12px 0}
.flow-task-row p{color:var(--flow-ink-2);font-size:13px;margin:3px 0 0}
.flow-docsheet-head{border-bottom:1px solid var(--flow-line);padding:0 0 16px;margin-bottom:16px}
.flow-filterbar{display:grid;gap:6px}.flow-filterbar input{border:1px solid var(--flow-line-strong);border-radius:var(--flow-r-field);padding:9px 12px;min-height:44px;background:var(--flow-surface);color:var(--flow-ink)}
.flow-rowcards{display:grid;gap:12px}.flow-rowcard{padding:16px;border:1px solid var(--flow-line);border-radius:var(--flow-r-surface);background:var(--flow-surface)}
.flow-rowcard>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.flow-rowcard span{color:var(--flow-ink-2)}
.flow-steps{display:flex;flex-wrap:wrap;gap:16px;padding:0;list-style:none}.flow-steps li{padding:8px 12px;border-bottom:2px solid var(--flow-line);color:var(--flow-ink-2)}.flow-steps [aria-current="step"]{border-color:var(--flow-petrol);color:var(--flow-ink);font-weight:700}
@media(max-width:760px){.flow-pagehead,.flow-task-row{align-items:stretch;flex-direction:column}.flow-fieldset{grid-template-columns:1fr}.flow-savebar{flex-wrap:wrap}.flow-savebar>span{width:100%}}

/* END seto-flow.css */

/* BEGIN flow-g1-visual.css */
/* SETO Flow G1 – visuelles Fundament 2.5.0.
 * Reine Darstellung: keine Fachwerte, Formular-IDs, Events oder Speicherpfade werden geaendert.
 * Das Legacy-CSS bleibt bis zum jeweiligen Umbau der Seite geladen. */
:root{--flow-visual-shadow:0 7px 28px rgb(15 46 58 / .055);--flow-visual-ra:16px}
:root[data-theme="dark"]{--flow-visual-shadow:0 7px 28px rgb(0 0 0 / .22)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){--flow-visual-shadow:0 7px 28px rgb(0 0 0 / .22)}}
html{scroll-padding-top:calc(var(--seto-v2-top-h,64px) + var(--seto-v2-tabs-h,52px) + 20px)}
html,body{max-width:100%;overflow-x:clip}
body.seto-shell-v2-active{font-family:var(--flow-font);font-size:15px;line-height:1.55}
body.seto-shell-v2-active :is(button, a, input, select, summary, textarea):focus-visible{outline:3px solid var(--flow-focus);outline-offset:3px}
body.seto-shell-v2-active :is(button, input, select, textarea){font-family:var(--flow-font)}
/* Leise, wiedererkennbare Navigationsleiste nach der Referenz statt schwebender Cockpit-Kachel. */
body.seto-shell-v2-active .seto-shell-v2-top{background:var(--flow-surface);border:0;border-bottom:1px solid var(--flow-line);box-shadow:0 2px 14px rgb(15 46 58 / .045);border-radius:0;left:0;right:0;top:0;height:var(--seto-v2-top-h,64px);backdrop-filter:none}
body.seto-shell-v2-active .seto-v2-top-inner{max-width:1360px;width:calc(100% - 36px)}
body.seto-shell-v2-active .seto-v2-brand strong{font-size:15px;letter-spacing:0}
body.seto-shell-v2-active .seto-v2-desktop-nav a,
body.seto-shell-v2-active .seto-v2-more-trigger{min-height:44px;border-radius:12px;font-size:13px;font-weight:650;color:var(--flow-ink-2)}
body.seto-shell-v2-active .seto-v2-desktop-nav .active,
body.seto-shell-v2-active .seto-v2-more-trigger.active{background:var(--flow-cal-fs-bg);color:var(--flow-cal-fs-fg)}
body.seto-shell-v2-active .seto-v2-release{font-size:11px;border:0;font-weight:500}
body.seto-shell-v2-active .seto-v2-section-tabs-inner{box-shadow:none;border:0;background:transparent;backdrop-filter:none}
body.seto-shell-v2-active .seto-v2-section-tabs a{min-height:44px;font-size:13px;border-radius:11px}
body.seto-shell-v2-active .seto-v2-section-tabs a.active{background:var(--flow-petrol);color:var(--flow-on-petrol)}
body.seto-shell-v2-active .seto-v2-more-sheet{border-radius:var(--flow-r-balance);background:var(--flow-surface);color:var(--flow-ink);box-shadow:var(--flow-shadow-float)}
body.seto-shell-v2-active .seto-v2-more-section{border-color:var(--flow-line)}
body.seto-shell-v2-active .seto-v2-more-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.seto-shell-v2-active .seto-v2-more-section{min-width:0;background:var(--flow-surface);border:1px solid var(--flow-line);border-radius:var(--flow-r-surface)}
body.seto-shell-v2-active .seto-v2-more-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
body.seto-shell-v2-active .seto-v2-more-grid>a,body.seto-shell-v2-active .seto-v2-more-grid>button{min-height:44px;border-radius:var(--flow-r-field);box-shadow:none}
body.seto-shell-v2-active .seto-v2-more-head>div>small{display:none}

/* Seitenkopf und Aktionen. Keine doppelten Kicker visuell. */
body.seto-shell-v2-active :is(.seto-v2-page-header,.hero){margin-bottom:24px}
body.seto-shell-v2-active :is(.seto-v2-page-header h1,.hero h1){font-size:clamp(29px,3vw,38px);letter-spacing:-.025em;line-height:1.15;color:var(--flow-ink)}
body.seto-shell-v2-active :is(.seto-v2-page-header p,.hero .muted){font-size:14px;line-height:1.5;color:var(--flow-ink-2);max-width:72ch}
body.seto-shell-v2-active :is(.seto-v2-button,.button,.btn,.primary-button,.secondary-button){border-radius:var(--flow-r-button);min-height:44px}
/* Fintech-Flaechen: hell, Linien, sparsame Schatten, kein schwerer Glas-Look. */
body.seto-shell-v2-active :is(.seto-v2-card-surface,.summary-card,.panel,.start-card,.import-card){border-radius:var(--flow-visual-ra);box-shadow:var(--flow-visual-shadow)}
body.seto-shell-v2-active :is(.seto-v2-page-header,.panel-head) h2{letter-spacing:-.015em}
body.seto-shell-v2-active .seto-v2-eyebrow{text-transform:none;letter-spacing:normal;font-weight:600;font-size:12px}
body.seto-shell-v2-active :is(.table-wrap,.flow-table-scroll){max-width:100%;overflow-x:auto}
body.seto-shell-v2-active :is(table,.flow-table){font-variant-numeric:tabular-nums}
/* Profil: oberer Kennzahlenbereich und echte Seitenleiste, ohne Formulare umzuhängen. */
body[data-seto-v2-area="profil"] main.shell{max-width:1250px}
body[data-seto-v2-area="profil"] .hero .eyebrow{display:none}
body[data-seto-v2-area="profil"] .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 24px;border:1px solid var(--flow-line);border-radius:var(--flow-r-surface);background:var(--flow-surface);overflow:hidden;box-shadow:var(--flow-visual-shadow)}
body[data-seto-v2-area="profil"] .summary-card{display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:18px 20px;border:0;border-radius:0;box-shadow:none;background:transparent;border-right:1px solid var(--flow-line);border-bottom:1px solid var(--flow-line)}
body[data-seto-v2-area="profil"] .summary-card:nth-child(3n){border-right:0}
body[data-seto-v2-area="profil"] .summary-card:nth-last-child(-n+3){border-bottom:0}
body[data-seto-v2-area="profil"] .summary-card span{font-size:13px;color:var(--flow-ink-2)}
body[data-seto-v2-area="profil"] .summary-card strong{font-size:19px;line-height:1.3;margin:3px 0 0;color:var(--flow-ink)}
body[data-seto-v2-area="profil"] .summary-card small{font-size:12px}
body[data-seto-v2-area="profil"] .seto-v2-profile-layout{grid-template-columns:minmax(200px,245px) minmax(0,1fr);gap:20px}
body[data-seto-v2-area="profil"] .seto-v2-profile-layout>.tabs{background:var(--flow-surface);border-color:var(--flow-line);border-radius:var(--flow-r-surface);box-shadow:var(--flow-visual-shadow);padding:10px}
body[data-seto-v2-area="profil"] .seto-v2-profile-layout>.tabs .tab{min-height:48px;font-size:14px;font-weight:600;color:var(--flow-ink-2);border:0;border-left:3px solid transparent}
body[data-seto-v2-area="profil"] .seto-v2-profile-layout>.tabs .tab.active{background:var(--flow-surface-2);color:var(--flow-petrol);border-left-color:var(--flow-petrol)}
body[data-seto-v2-area="profil"] .seto-v2-profile-layout>.tabpanel{border:1px solid var(--flow-line);background:var(--flow-surface);border-radius:var(--flow-r-surface);padding:26px 30px;box-shadow:var(--flow-visual-shadow);min-width:0}
body[data-seto-v2-area="profil"] .panel-head{background:transparent;border-color:var(--flow-line)}
body[data-seto-v2-area="profil"] .panel-head h2{font-size:23px;color:var(--flow-ink)}
body[data-seto-v2-area="profil"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
body[data-seto-v2-area="profil"] .form-grid label{font-size:13px;color:var(--flow-ink);font-weight:600}
body[data-seto-v2-area="profil"] :is(input,select,textarea){background:var(--flow-surface);color:var(--flow-ink);border:1px solid var(--flow-line-strong);border-radius:var(--flow-r-field);min-height:44px}
body[data-seto-v2-area="profil"] .form-actions{padding-top:15px;border-top:1px solid var(--flow-line);flex-wrap:wrap}
body[data-seto-v2-area="profil"] :is(.profile-group-heading,.profile-form-section-head){padding-top:10px}
body[data-seto-v2-area="profil"] .button:not(.secondary){background:var(--flow-petrol);border-color:var(--flow-petrol);color:var(--flow-on-petrol)}
body[data-seto-v2-area="profil"] .button.secondary{border-color:var(--flow-line-strong);color:var(--flow-ink);background:var(--flow-surface)}
/* Abrechnung: Werte bleiben identisch; visuelles Raster bekommt luftige Zwischenraeume. */
body[data-seto-v2-area="abrechnung"] :is(.vdn-sheet,.year-card,.panel){border-radius:var(--flow-r-surface)}
body[data-seto-v2-area="abrechnung"] :is(.payroll-hero-summary,.year-total-grid){min-width:0;max-width:100%}
body[data-seto-v2-area="abrechnung"] .year-total-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-seto-v2-area="abrechnung"] .year-total-grid>*{min-width:0;overflow-wrap:anywhere}
/* Kalender: sehr klares ruhiges 7-Spalten-Gitter, ohne Rechen- oder Markierungslogik aendern. */
body[data-seto-v2-area="kalender"] .cal-wrap{min-width:0}
body[data-seto-v2-area="kalender"] .calendar-section-nav{border-color:var(--flow-line)}
body[data-seto-v2-area="kalender"] .calendar-section-link{min-height:44px;border-radius:var(--flow-r-button)}
body[data-seto-v2-area="kalender"] :is(.cal-day,.day-card,.day){border-radius:var(--flow-r-field)}
body[data-seto-v2-area="kalender"] :is(.btn,.entry-buttons button){min-height:44px}
/* Status-Chips – neue Markups koennen diese Palette sofort nutzen. */
.flow-status-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:23px;padding:2px 7px;font-size:11px;font-weight:750;line-height:1.2;border-radius:5px;color:var(--flow-ink);background:var(--flow-surface-2);white-space:nowrap}
.flow-status-chip[data-code="TS"]{color:var(--flow-cal-ts-fg);background:var(--flow-cal-ts-bg)}
.flow-status-chip[data-code="NS"]{color:var(--flow-cal-ns-fg);background:var(--flow-cal-ns-bg)}
.flow-status-chip[data-code="U"]{color:var(--flow-cal-u-fg);background:var(--flow-cal-u-bg)}
.flow-status-chip[data-code="FS"]{color:var(--flow-cal-fs-fg);background:var(--flow-cal-fs-bg)}
.flow-status-chip[data-code="KR"]{color:var(--flow-cal-kr-fg);background:var(--flow-cal-kr-bg)}
.flow-status-chip[data-code="ST"]{color:var(--flow-cal-st-fg);background:var(--flow-cal-st-bg)}
.flow-status-chip[data-code="AFZ"]{color:var(--flow-cal-afz-fg);background:var(--flow-cal-afz-bg)}
.flow-status-chip[data-code="ZT"]{color:var(--flow-cal-zt-fg);background:var(--flow-cal-zt-bg)}
.flow-status-chip[data-code="SU"]{color:var(--flow-cal-su-fg);background:var(--flow-cal-su-bg)}
.flow-status-chip[data-code="BU"]{color:var(--flow-cal-bu-fg);background:var(--flow-cal-bu-bg)}
.flow-status-chip[data-code="GT"]{color:var(--flow-cal-gt-fg);background:var(--flow-cal-gt-bg)}
/* Tablet und Handy: kein Querueberlauf, ausreichende Touch-Flaechen. */
@media(max-width:900px){
 body[data-seto-v2-area="profil"] .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-seto-v2-area="profil"] .summary-card:nth-child(n){border-right:1px solid var(--flow-line);border-bottom:1px solid var(--flow-line)}
 body[data-seto-v2-area="profil"] .summary-card:nth-child(2n){border-right:0}
 body[data-seto-v2-area="profil"] .summary-card:nth-last-child(-n+2){border-bottom:0}
 body[data-seto-v2-area="profil"] .seto-v2-profile-layout{grid-template-columns:minmax(160px,210px) minmax(0,1fr)}
 body[data-seto-v2-area="profil"] .seto-v2-profile-layout>.tabpanel{padding:20px}
}
@media(max-width:760px){
 body[data-seto-v2-area="profil"] .seto-v2-profile-layout{display:block}
 body[data-seto-v2-area="profil"] .seto-v2-profile-layout>.tabpanel{padding:18px}
 body[data-seto-v2-area="profil"] .form-grid{grid-template-columns:minmax(0,1fr)}
 body[data-seto-v2-area="abrechnung"] .year-total-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
 body.seto-shell-v2-active .seto-v2-top-inner{width:calc(100% - 24px)}
 body[data-seto-v2-area="profil"] .summary-grid{grid-template-columns:minmax(0,1fr)}
 body[data-seto-v2-area="profil"] .summary-card:nth-child(n){border-right:0;border-bottom:1px solid var(--flow-line)}
 body[data-seto-v2-area="profil"] .summary-card:last-child{border-bottom:0}
 body[data-seto-v2-area="abrechnung"] .year-total-grid{grid-template-columns:minmax(0,1fr)}
}
@media print{
 .flow-status-chip{print-color-adjust:exact;-webkit-print-color-adjust:exact}
 body.seto-shell-v2-active .seto-v2-mobile-bottom{display:none}
}

@media(max-width:760px){body.seto-shell-v2-active .seto-v2-more-sections{grid-template-columns:1fr;gap:10px}}

/* END flow-g1-visual.css */

/* BEGIN flow-finish-g5-g7.css */
/* SETO Flow 2.5.7: presentation-only completion pass. No !important, no remote assets. */
:root {
 --flow-soft-shadow: 0 8px 28px rgba(12, 54, 65, .045);
 --flow-soft-edge: color-mix(in srgb, var(--flow-ink-2, #42616c) 13%, transparent);
 --flow-soft-card: color-mix(in srgb, var(--flow-surface, #fff) 95%, var(--flow-accent, #0e4f60) 5%);
 --flow-soft-mint: color-mix(in srgb, var(--flow-cal-u-bg, #ddf1ee) 42%, var(--flow-surface, #fff) 58%);
}
html{scroll-padding-top:96px}
html:has(body[data-view]){scroll-padding-top:104px}
body{min-width:0}
:where(main,main>*,.app-page,.flow-profile-tabs,.table-scroll,.panel,.card){min-width:0}
:where(.app-page,.container,.data-hub,.admin-shell){max-width:1280px}
:where(.panel,.card,.summary-card,.security-card,.backup-card,.admin-panel,.admin-glass,.data-hub-section,.flow-card){
 border-radius:18px;
 border:1px solid var(--flow-soft-edge);
 box-shadow:var(--flow-soft-shadow);
}
:where(.panel,.card,.summary-card,.security-card,.backup-card,.admin-panel,.data-hub-section){background:var(--flow-surface, #fff)}
:where(.summary-card,.status-card,.st-kpis article,.retro-grid article,.shift-stat-grid article){
 background:var(--flow-soft-card);
 border:1px solid var(--flow-soft-edge);
 border-radius:16px;
}
:where(.summary-card,.status-card,.st-kpis article,.retro-grid article):nth-child(3n+2){background:var(--flow-soft-mint)}
:where(.summary-card,.status-card,.st-kpis article,.retro-grid article):nth-child(3n){background:color-mix(in srgb,var(--flow-cal-ns-bg,#e3e7f8) 36%,var(--flow-surface,#fff) 64%)}
:where(.panel-head,.subpage-head,.section-head){min-width:0}
:where(.subpage-head h1,.section-head h1,.hero h1){letter-spacing:-.025em;line-height:1.14}
:where(.vdn-kicker,.admin-eyebrow,.panel-kicker,.eyebrow,.kicker){text-transform:none;letter-spacing:normal}
:where(.app-page,.admin-shell) :where(.panel,.two-col,.retro-grid,.st-kpis){margin-block:12px 18px}
:where(.app-page,.data-hub,.admin-shell) :where(input,select,textarea){border-radius:10px;max-width:100%;min-width:0}
:where(.app-page,.data-hub,.admin-shell,.container) :where(button,.primary-button,.secondary-button,.button){min-height:40px}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--flow-focus,#bb267d);outline-offset:3px}
:where(.app-page,.data-hub,.admin-shell,.layout) :where(.table-scroll,.table-wrap){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
:where(.app-page,.admin-shell) :where(table){font-variant-numeric:tabular-nums}
:where(.app-page,.admin-shell) :where(td,th){overflow-wrap:anywhere}
.flow-catalog-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:16px 0 8px;color:var(--flow-ink-2,#42616c);font-size:.9rem}
.flow-catalog-footer button[hidden]{display:none}
.flow-detail-jump{display:flex;gap:6px;flex-wrap:wrap;padding:8px;margin:4px 0 14px;background:var(--flow-soft-card);border-radius:16px;border:1px solid var(--flow-soft-edge)}
.flow-detail-jump a{display:inline-flex;padding:9px 12px;min-height:40px;align-items:center;border:1px solid var(--flow-soft-edge);border-radius:10px;text-decoration:none;background:var(--flow-surface,#fff);color:var(--flow-ink,#143545);font-weight:600}
.flow-detail-jump a:hover,.flow-detail-jump a:focus-visible{background:var(--flow-soft-mint)}
[id^="flow-detail-"]{scroll-margin-top:128px}
/* Profile: visual sidenav, original tab buttons and ARIA relations remain canonical. */
body:has(.flow-profile-tabs) .flow-profile-tabs{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1;padding:12px;background:var(--flow-surface,#fff);border:1px solid var(--flow-soft-edge);border-radius:18px;box-shadow:var(--flow-soft-shadow)}
body:has(.flow-profile-tabs) .flow-profile-tabs .tab{border-radius:10px;min-height:44px;padding:11px 16px;text-align:left;white-space:normal;letter-spacing:normal;text-transform:none}
body:has(.flow-profile-tabs) .flow-profile-tabs .tab.active{background:var(--flow-soft-mint);color:var(--flow-ink,#143545);box-shadow:inset 3px 0 var(--flow-accent,#0e4f60)}
body:has(.flow-profile-tabs) .tabpanel{border-radius:18px;box-shadow:var(--flow-soft-shadow)}
body:has(.flow-profile-tabs) .summary-grid{gap:12px}
body:has(.flow-profile-tabs) .summary-card{padding:18px}
/* Modest, deliberate card color to distinguish tasks and month blocks. */
.data-hub-quicknav,.admin-tabs,.docs-toolbar,.year-flow-tabs{background:var(--flow-soft-card);border-radius:14px;border:1px solid var(--flow-soft-edge)}
.data-hub-quicknav a,.admin-tabs button{min-height:44px}
.docs-toolbar,.sidebar{scroll-margin-top:90px}
.doc-section{max-width:100%;min-width:0}
.doc-section :where(p,li){line-height:1.55}
.doc-section :where(.card,.notice){border-radius:16px}
.doc-section .help-task{box-shadow:var(--flow-soft-shadow)}
.admin-summary-grid{gap:12px}
.admin-summary-grid .summary-card{padding:18px}
.admin-panel{overflow-wrap:anywhere}
/* Restrict page-scaling/layout changes to the responsive presentation layer. */
@media(min-width:980px){
 body:has(.flow-profile-tabs) main:has(>.flow-profile-tabs){display:grid;grid-template-columns:minmax(195px,245px) minmax(0,1fr);gap:16px;align-items:start}
 body:has(.flow-profile-tabs) main:has(>.flow-profile-tabs) > :not(.flow-profile-tabs):not(.tabpanel){grid-column:1/-1}
 body:has(.flow-profile-tabs) .flow-profile-tabs{grid-column:1;grid-row:5;position:sticky;top:84px;flex-direction:column;max-height:calc(100vh - 104px);overflow-y:auto}
 body:has(.flow-profile-tabs) .tabpanel{grid-column:2;grid-row:5;min-width:0;margin:0}
}
@media(max-width:900px){
 .docs-toolbar,.sidebar{top:auto;max-width:100%}
 .flow-detail-jump{overflow-x:auto;flex-wrap:nowrap}
 .flow-detail-jump a{flex-shrink:0}
 .admin-tabs{top:auto}
}
@media(max-width:660px){
 :where(.app-page,.admin-shell) :where(.panel,.card){border-radius:14px}
 .flow-catalog-footer{align-items:stretch;flex-direction:column}
 /* The semantic table remains accessible; visual row cards avoid horizontal cropping. */
 .wage-catalog-table,.wage-catalog-table tbody,.wage-catalog-table tr,.wage-catalog-table td{display:block;width:100%;min-width:0}
 .wage-catalog-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .wage-catalog-table tbody{display:grid;gap:12px}
 .wage-catalog-table tr{padding:14px;border:1px solid var(--flow-soft-edge);border-radius:14px;background:var(--flow-surface,#fff)}
 .wage-catalog-table td{display:grid;grid-template-columns:minmax(90px,36%) minmax(0,1fr);gap:8px;border:0;padding:6px 0;overflow-wrap:anywhere;text-align:left}
 .wage-catalog-table td::before{content:attr(data-label);color:var(--flow-ink-2,#42616c);font-weight:600}
 .wage-catalog-table td:nth-child(2){font-weight:700}
 body:has(.flow-profile-tabs) .flow-profile-tabs{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity}
 body:has(.flow-profile-tabs) .flow-profile-tabs .tab{min-width:max-content;scroll-snap-align:start}
 .retro-grid,.st-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media print{
 .flow-detail-jump,.flow-catalog-footer,.flow-profile-tabs{display:none}
 :where(.panel,.card,.summary-card){box-shadow:none;background:white;color:black}
}

/* Compact help result list: keyboard-accessible buttons and legible snippets. */
.flow-help-results{max-width:980px;margin:16px auto;padding:12px;border-radius:18px;background:var(--flow-surface);border:1px solid var(--flow-soft-edge)}
.flow-help-results[hidden]{display:none}
.flow-help-result{display:flex;flex-direction:column;width:100%;gap:6px;padding:15px 16px;text-align:left;color:var(--flow-ink);background:transparent;border:0;border-bottom:1px solid var(--flow-soft-edge);border-radius:10px;cursor:pointer}
.flow-help-result:hover,.flow-help-result:focus-visible{background:var(--flow-soft-mint)}
.flow-help-result:last-child{border-bottom:0}
.flow-help-result small{color:var(--flow-ink-2);line-height:1.45}

/* The six existing profile summaries keep their original values and are directly actionable. */
body[data-seto-v2-area="profil"] .summary-grid > .summary-card{background:var(--flow-soft-card);border-color:var(--flow-soft-edge)}
body[data-seto-v2-area="profil"] .summary-grid > .summary-card:nth-child(3n+2){background:var(--flow-soft-mint)}
body[data-seto-v2-area="profil"] .summary-grid > .summary-card:nth-child(3n){background:color-mix(in srgb,var(--flow-cal-ns-bg) 27%,var(--flow-surface) 73%)}
.flow-summary-action{align-self:flex-start;display:inline-flex;align-items:center;min-height:35px;margin-top:8px;font-size:.82rem;color:var(--flow-petrol);font-weight:750;text-decoration:none}
.flow-summary-action:hover{text-decoration:underline}
/* Avoid layered sticky headers in mobile help, admin and todo lists. */
@media(max-width:900px){
 html[data-seto-section="docs"] .docs-toolbar{position:relative;top:auto;z-index:1}
 html[data-seto-section="docs"] .sidebar{position:relative;top:auto;height:auto;max-height:none}
 body.dedicated-admin .admin-tabs{position:relative;top:auto}
 .todo-filter-card{position:relative;top:auto}
}

/* 2.5.8: Die Profilseite besitzt ihr Layout selbst; keine Shell-DOM-Umordnung. */
.seto-v2-profile-layout{min-width:0}
.seto-v2-profile-layout>.tabpanel{min-width:0}
.seto-v2-profile-layout>.tabs{max-height:calc(100vh - 110px);overflow-y:auto}
.flow-profile-mobile-select label{font-size:.84rem;font-weight:750;letter-spacing:0;text-transform:none}
.flow-profile-savebar{position:sticky;bottom:12px;z-index:3;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 16px;margin-top:18px;background:var(--flow-surface,#fff);border:1px solid var(--flow-soft-edge);border-radius:15px;box-shadow:0 8px 30px rgba(10,45,60,.09)}
.flow-profile-savebar .flow-profile-edit-state{margin-right:auto;color:var(--flow-ink-2,#42616c);font-size:.86rem;font-weight:650}
.flow-profile-savebar[data-dirty="true"]{border-color:color-mix(in srgb,var(--flow-focus,#bd267c) 34%,var(--flow-soft-edge))}
.flow-profile-field-dirty{position:relative;border-left:3px solid var(--flow-focus,#bd267c);padding-left:9px}
.flow-profile-field-dirty-note{color:var(--flow-focus,#bd267c);font-size:.75rem;font-weight:650}
@media(max-width:760px){
 .seto-v2-profile-layout>.tabs{display:none}
 .flow-profile-savebar{bottom:calc(var(--seto-v2-bottom-h,70px) + 7px);padding:10px;border-radius:13px}
 .flow-profile-savebar .flow-profile-edit-state{flex-basis:100%}
 .flow-profile-savebar .button{flex:1}
}

/* 2.5.9: Icons are purely presentational; status values and tab handlers unchanged. */
body[data-seto-v2-area="profil"] .summary-grid>.summary-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-content:center;align-items:start;column-gap:12px;min-height:136px}
body[data-seto-v2-area="profil"] .summary-grid>.summary-card>.flow-profile-card-icon{grid-column:1;grid-row:1 / span 4;display:grid;place-items:center;width:42px;height:42px;margin:2px 0 0;border-radius:12px;background:color-mix(in srgb,var(--flow-petrol,#0e5061) 9%,var(--flow-surface,#fff) 91%);color:var(--flow-petrol,#0e5061)}
body[data-seto-v2-area="profil"] .summary-grid>.summary-card:nth-child(3n+2)>.flow-profile-card-icon{background:color-mix(in srgb,var(--flow-cal-u-bg,#dcf3eb) 65%,var(--flow-surface,#fff) 35%)}
body[data-seto-v2-area="profil"] .summary-grid>.summary-card:nth-child(3n)>.flow-profile-card-icon{background:color-mix(in srgb,var(--flow-cal-ns-bg,#e3e7f8) 65%,var(--flow-surface,#fff) 35%)}
.flow-profile-card-icon svg{width:23px;height:23px}
body[data-seto-v2-area="profil"] .summary-grid>.summary-card> :not(.flow-profile-card-icon){grid-column:2;min-width:0}
body[data-seto-v2-area="profil"] .summary-grid>.summary-card strong{white-space:normal;overflow-wrap:anywhere}
body[data-seto-v2-area="profil"] .summary-grid>.summary-card .flow-summary-action{margin-top:4px;min-height:31px}
body[data-seto-v2-area="profil"] .flow-profile-tabs .tab{display:flex;align-items:center;gap:11px}
.flow-profile-nav-icon{width:20px;height:20px;flex:0 0 20px}
@media(max-width:480px){body[data-seto-v2-area="profil"] .summary-grid>.summary-card{min-height:106px}}
@media(prefers-reduced-motion:reduce){.flow-summary-action{scroll-behavior:auto}}

/* END flow-finish-g5-g7.css */

/* BEGIN flow-g8-sections.css */
/* SETO 2.5.10 – dezente Bereichsmarkierungen: ausschließlich Darstellung.
   Keine Änderungen an Berechnung, DOM, Formularzustand oder Kalenderstatus.
   Bewusst ohne !important und ohne neue @imports bzw. Netzwerkressourcen. */
:root {
  --flow-g8-mist: color-mix(in srgb, var(--flow-surface, #fff) 86%, var(--flow-cal-fs-bg, #dcebee) 14%);
  --flow-g8-mint: color-mix(in srgb, var(--flow-surface, #fff) 82%, var(--flow-cal-u-bg, #ddf1ee) 18%);
  --flow-g8-violet: color-mix(in srgb, var(--flow-surface, #fff) 88%, var(--flow-cal-ns-bg, #e3e7f8) 12%);
  --flow-g8-edge: color-mix(in srgb, var(--flow-petrol, #0f4c5c) 24%, var(--flow-line, #c9d6d8) 76%);
}
/* Profil: Arbeitsbereiche sind auch ohne kräftige Vollflächen unterscheidbar. */
body[data-seto-v2-area="profil"] .profile-group-heading {
  background: var(--flow-g8-mist);
  border: 1px solid var(--flow-g8-edge);
  border-inline-start: 3px solid var(--flow-petrol, #0f4c5c);
  border-radius: 12px;
  padding: 12px 15px;
}
body[data-seto-v2-area="profil"] .profile-group-heading:nth-of-type(even) {
  background: var(--flow-g8-mint);
}
body[data-seto-v2-area="profil"] .summary-grid > .summary-card {
  border-color: var(--flow-g8-edge);
}
body[data-seto-v2-area="profil"] .tabpanel {
  border-color: var(--flow-g8-edge);
}
/* Kalender: Seitenleiste und Monatsfläche klar getrennt. Freitage-/Statusfarben
   und die magentafarbene Tagesauswahl werden NICHT überschrieben. */
body:has(.flow-calendar-layout) .flow-calendar-primary .month-block {
  border-color: var(--flow-g8-edge);
}
body:has(.flow-calendar-layout) .flow-calendar-sidebar > #flowCalendarSidebarMonth:not(:empty),
body:has(.flow-calendar-layout) .flow-calendar-sidebar > #calendarAnnotationsMonth:not(:empty) {
  background: var(--flow-g8-mist);
  border: 1px solid var(--flow-g8-edge);
  border-radius: 16px;
  padding: 13px;
}
body:has(.flow-calendar-layout) .flow-calendar-sidebar > #calendarAnnotationsMonth:not(:empty) {
  background: var(--flow-g8-violet);
}
/* Abrechnung: Abschnitte voneinander absetzen; Beträge und Dokumenteninhalt
   bleiben unangetastet. Der VDN-Nachweis behält seine eigene Druckdarstellung. */
html[data-seto-flow-payroll="g4"] body .g4-month-flow {
  border-color: var(--flow-g8-edge);
  background: var(--flow-g8-mist);
}
html[data-seto-flow-payroll="g4"] body .g4-highlights {
  border-color: var(--flow-g8-edge);
  background: var(--flow-g8-mint);
}
html[data-seto-flow-payroll="g4"] body .g4-year-sums {
  border: 1px solid var(--flow-g8-edge);
  background: var(--flow-g8-mist);
  border-radius: 15px;
}
/* Ruhigere Sektionen bei Daten und Administration. */
body[data-seto-v2-area="import"] :is(.data-hub-section, .backup-card),
body[data-seto-v2-area="admin"] :is(.admin-panel, .admin-glass) {
  border-color: var(--flow-g8-edge);
}
@media print {
  /* Farbflächen dienen nur zur Orientierung am Bildschirm. */
  body[data-seto-v2-area="profil"] .profile-group-heading,
  html[data-seto-flow-payroll="g4"] body :is(.g4-month-flow, .g4-highlights, .g4-year-sums) {
    background: #fff;
    box-shadow: none;
  }
}

/* END flow-g8-sections.css */

/* END shared/flow/seto-flow-core.css */