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

/* BEGIN shared/seto-section-glass.css */
/* SETO 2.1.156 – shared section language for Profile, Data Hub, Docs and Admin */
:root{
  --seto-glass-bg:rgba(255,255,255,.72);
  --seto-glass-bg-strong:rgba(255,255,255,.88);
  --seto-glass-bg-soft:rgba(247,250,255,.68);
  --seto-glass-border:rgba(23,54,93,.11);
  --seto-glass-shadow:0 18px 50px rgba(23,54,93,.08);
  --seto-glass-shadow-soft:0 8px 28px rgba(23,54,93,.06);
  --seto-glass-radius:24px;
  --seto-glass-radius-sm:16px;
  --seto-glass-accent:#2457a7;
  --seto-glass-accent-2:#17365d;
  --seto-glass-text:#172033;
  --seto-glass-muted:#667085;
}
:root[data-theme="dark"]{
  --seto-glass-bg:rgba(24,31,43,.76);
  --seto-glass-bg-strong:rgba(26,34,47,.92);
  --seto-glass-bg-soft:rgba(26,35,49,.68);
  --seto-glass-border:rgba(143,184,224,.13);
  --seto-glass-shadow:0 18px 52px rgba(0,0,0,.22);
  --seto-glass-shadow-soft:0 8px 30px rgba(0,0,0,.16);
  --seto-glass-accent:#7fb4ec;
  --seto-glass-accent-2:#dcecff;
  --seto-glass-text:#f3f6fa;
  --seto-glass-muted:#aab4c3;
}

body.seto-ui.seto-profil-page,
body.seto-ui.seto-import-page,
body.seto-ui.seto-hilfe-page,
body.seto-ui.seto-admin-page,
body.dedicated-admin{
  background:
    radial-gradient(circle at 8% -10%,rgba(74,144,226,.14),transparent 30rem),
    radial-gradient(circle at 96% 2%,rgba(111,66,193,.09),transparent 28rem),
    var(--seto-bg,#f3f5f7)!important;
}

.seto-section-glass{
  background:var(--seto-glass-bg);
  border:1px solid var(--seto-glass-border);
  box-shadow:var(--seto-glass-shadow);
  backdrop-filter:blur(22px) saturate(1.18);
  -webkit-backdrop-filter:blur(22px) saturate(1.18);
}
.seto-section-kicker{
  display:block;margin:0 0 7px;color:var(--seto-glass-accent);font-size:.72rem;
  font-weight:850;letter-spacing:.10em;text-transform:uppercase;
}
.seto-section-lead{color:var(--seto-glass-muted);max-width:760px;line-height:1.55}

/* Profile */
body.seto-profil-page .topbar{display:none!important}
body.seto-profil-page .shell{max-width:1180px;padding-top:22px}
body.seto-profil-page .hero{
  position:relative;overflow:hidden;align-items:center;margin:0 0 16px;padding:24px 26px;
  border:1px solid var(--seto-glass-border);border-radius:var(--seto-glass-radius);
  background:linear-gradient(135deg,color-mix(in srgb,var(--seto-glass-bg-strong) 90%,#dcecff),var(--seto-glass-bg));
  box-shadow:var(--seto-glass-shadow);backdrop-filter:blur(22px) saturate(1.2);
}
body.seto-profil-page .hero::after{
  content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(74,144,226,.18),transparent 67%);pointer-events:none
}
body.seto-profil-page .hero h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em}
body.seto-profil-page .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
body.seto-profil-page .summary-card{
  border:1px solid var(--seto-glass-border);background:var(--seto-glass-bg);border-radius:18px;
  box-shadow:var(--seto-glass-shadow-soft);backdrop-filter:blur(16px);padding:15px 16px;
}
body.seto-profil-page .summary-card strong{color:var(--seto-glass-accent-2);font-size:1.2rem}
body.seto-profil-page .tabs{
  position:sticky;top:calc(var(--seto-global-h,62px) + 8px);z-index:8;margin:0 0 14px;padding:5px;
  border:1px solid var(--seto-glass-border);border-radius:16px;background:var(--seto-glass-bg-strong);
  box-shadow:var(--seto-glass-shadow-soft);backdrop-filter:blur(20px);scrollbar-width:none;
}
body.seto-profil-page .tabs::-webkit-scrollbar{display:none}
body.seto-profil-page .tab{border:0!important;border-radius:11px;padding:10px 12px;font-size:.82rem}
body.seto-profil-page .tab.active{background:color-mix(in srgb,var(--seto-glass-accent) 13%,var(--seto-glass-bg-strong));color:var(--seto-glass-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seto-glass-accent) 18%,transparent)}
body.seto-profil-page .panel{
  border:1px solid var(--seto-glass-border);border-radius:22px;background:var(--seto-glass-bg);
  box-shadow:var(--seto-glass-shadow);backdrop-filter:blur(20px);padding:22px;
}
body.seto-profil-page .panel-head{border-color:var(--seto-glass-border)}
body.seto-profil-page .source,body.seto-profil-page .badge{background:var(--seto-glass-bg-soft);border-color:var(--seto-glass-border)}
body.seto-profil-page input,body.seto-profil-page select,body.seto-profil-page textarea{
  background:var(--seto-glass-bg-strong);border-color:var(--seto-glass-border)
}
body.seto-profil-page .yearbar,body.seto-profil-page .meta-box,body.seto-profil-page .info-box,
body.seto-profil-page .import-card,body.seto-profil-page .backup-card{background:var(--seto-glass-bg-soft);border-color:var(--seto-glass-border)}
body.seto-profil-page .profile-subnav,body.seto-profil-page .backup-task-nav{
  padding:5px;border:1px solid var(--seto-glass-border);border-radius:14px;background:var(--seto-glass-bg-soft)
}

/* Data hub */
body.seto-import-page .importer-shell{max-width:1120px;padding-top:22px}
body.seto-import-page .import-hero{
  position:relative;overflow:hidden;margin:0 0 15px;padding:24px 26px;border:1px solid var(--seto-glass-border);
  border-radius:var(--seto-glass-radius);background:linear-gradient(135deg,var(--seto-glass-bg-strong),var(--seto-glass-bg));
  box-shadow:var(--seto-glass-shadow);backdrop-filter:blur(22px) saturate(1.2)
}
body.seto-import-page .import-hero h1{letter-spacing:-.045em}
body.seto-import-page .import-hero .back{display:none}
body.seto-import-page .data-hub-quicknav{
  display:flex;gap:6px;overflow:auto;margin:0 0 16px;padding:5px;border:1px solid var(--seto-glass-border);
  border-radius:15px;background:var(--seto-glass-bg-strong);box-shadow:var(--seto-glass-shadow-soft);backdrop-filter:blur(18px);scrollbar-width:none
}
body.seto-import-page .data-hub-quicknav::-webkit-scrollbar{display:none}
body.seto-import-page .data-hub-quicknav a{
  flex:0 0 auto;padding:9px 12px;border-radius:10px;color:var(--seto-glass-muted);text-decoration:none;font-weight:780;font-size:.82rem
}
body.seto-import-page .data-hub-quicknav a:hover{background:var(--seto-glass-bg-soft);color:var(--seto-glass-accent)}
body.seto-import-page .data-hub-overview,
body.seto-import-page .card,
body.seto-import-page .data-hub-section{
  border-color:var(--seto-glass-border)!important;background:var(--seto-glass-bg)!important;
  box-shadow:var(--seto-glass-shadow-soft)!important;backdrop-filter:blur(18px)
}
body.seto-import-page .data-hub-overview{padding:22px;border:1px solid var(--seto-glass-border);border-radius:22px}
body.seto-import-page .data-hub-task-card{
  background:var(--seto-glass-bg-soft)!important;border-color:var(--seto-glass-border)!important;border-radius:18px!important
}
body.seto-import-page .data-hub-task-card.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--seto-glass-accent) 12%,var(--seto-glass-bg-strong)),var(--seto-glass-bg))!important}
body.seto-import-page .vdn-drop-zone{background:var(--seto-glass-bg-soft)!important;border-color:color-mix(in srgb,var(--seto-glass-accent) 30%,var(--seto-glass-border))!important}
body.seto-import-page .advanced-panel{border-color:var(--seto-glass-border)!important;background:var(--seto-glass-bg-soft)!important}

/* Documentation */
body.seto-hilfe-page{--docs-local-top:72px}
body.seto-hilfe-page .docs-toolbar{
  top:var(--seto-global-h,62px)!important;height:auto;min-height:58px;padding:9px max(14px,calc((100vw - 1260px)/2));
  background:var(--seto-glass-bg-strong)!important;border-bottom:1px solid var(--seto-glass-border)!important;
  box-shadow:var(--seto-glass-shadow-soft);backdrop-filter:blur(22px) saturate(1.2)
}
body.seto-hilfe-page .docs-toolbar-title strong{color:var(--seto-glass-accent-2)}
body.seto-hilfe-page .docs-toolbar-title span{color:var(--seto-glass-muted)}
body.seto-hilfe-page .search{background:var(--seto-glass-bg-soft)!important;border-color:var(--seto-glass-border)!important;border-radius:13px!important}
body.seto-hilfe-page .layout{max-width:1260px;margin:0 auto;gap:16px;padding:18px 14px 60px}
body.seto-hilfe-page .sidebar{
  top:calc(var(--seto-global-h,62px) + 74px)!important;height:calc(100vh - var(--seto-global-h,62px) - 90px)!important;
  margin:0;padding:10px;border:1px solid var(--seto-glass-border);border-radius:20px;background:var(--seto-glass-bg)!important;
  box-shadow:var(--seto-glass-shadow-soft);backdrop-filter:blur(18px)
}
body.seto-hilfe-page .nav-item{border-radius:10px!important}
body.seto-hilfe-page #content{min-width:0}
body.seto-hilfe-page .doc-section.active>.hero,
body.seto-hilfe-page .section-head{
  border:1px solid var(--seto-glass-border);border-radius:22px;background:var(--seto-glass-bg);
  box-shadow:var(--seto-glass-shadow-soft);backdrop-filter:blur(18px);padding:22px!important
}
body.seto-hilfe-page .doc-section .card,
body.seto-hilfe-page .notice{
  border-color:var(--seto-glass-border)!important;background:var(--seto-glass-bg)!important;
  box-shadow:var(--seto-glass-shadow-soft);backdrop-filter:blur(16px)
}
body.seto-hilfe-page .help-task{border-radius:18px!important}

/* Admin – keep dedicated safety controls, align the visual shell */
body.dedicated-admin.seto-admin-page .admin-topbar{
  top:var(--seto-global-h,62px);height:48px;padding:0 max(14px,calc((100vw - 1120px)/2));
  background:var(--seto-glass-bg-strong);border-color:var(--seto-glass-border);box-shadow:var(--seto-glass-shadow-soft);backdrop-filter:blur(20px)
}
body.dedicated-admin .admin-brand strong{font-size:14px!important;color:var(--seto-glass-accent-2)!important}
body.dedicated-admin .admin-brand span{font-size:11px!important}
body.dedicated-admin .admin-shell{width:min(1120px,calc(100% - 28px));padding-top:16px}
body.dedicated-admin .admin-hero{
  min-height:0!important;padding:24px 26px!important;border:1px solid var(--seto-glass-border)!important;border-radius:24px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--seto-glass-accent-2) 94%,#355f8c),color-mix(in srgb,var(--seto-glass-accent) 88%,#4f82b4))!important;
  box-shadow:var(--seto-glass-shadow)!important
}
body.dedicated-admin .admin-state{width:100%;box-sizing:border-box;margin:10px 0 12px;border-color:var(--seto-glass-border);background:var(--seto-glass-bg-strong);border-radius:12px}
body.dedicated-admin .admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.dedicated-admin .summary-card,
body.dedicated-admin .admin-panel{
  border:1px solid var(--seto-glass-border)!important;background:var(--seto-glass-bg)!important;
  box-shadow:var(--seto-glass-shadow-soft)!important;backdrop-filter:blur(18px)
}
body.dedicated-admin .admin-tabs{
  top:calc(var(--seto-global-h,62px) + 56px)!important;border-color:var(--seto-glass-border)!important;
  background:var(--seto-glass-bg-strong)!important;box-shadow:var(--seto-glass-shadow-soft)!important;backdrop-filter:blur(20px)
}
body.dedicated-admin .admin-tabs button.active{background:color-mix(in srgb,var(--seto-glass-accent-2) 92%,#000)!important}
body.dedicated-admin .admin-create-card,
body.dedicated-admin .system-grid article,
body.dedicated-admin .privacy-note,
body.dedicated-admin .user-row,
body.dedicated-admin .list-row,
body.dedicated-admin .feedback-row,
body.dedicated-admin .learning-row{border-color:var(--seto-glass-border)!important;background:var(--seto-glass-bg-soft)!important}

@media(max-width:900px){
  body.seto-profil-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.seto-hilfe-page .layout{display:block!important}
  body.seto-hilfe-page .sidebar{position:relative!important;top:auto!important;height:auto!important;max-height:none!important;margin-bottom:12px;overflow:auto}
  body.seto-hilfe-page .sidebar nav{display:flex;gap:5px;overflow:auto;scrollbar-width:none}
  body.seto-hilfe-page .sidebar nav::-webkit-scrollbar{display:none}
  body.seto-hilfe-page .nav-group-title,body.seto-hilfe-page .sidebar-foot{display:none!important}
  body.seto-hilfe-page .nav-item{flex:0 0 auto!important;white-space:nowrap}
}
@media(max-width:700px){
  body.seto-profil-page .shell,body.seto-import-page .importer-shell{padding-top:12px}
  body.seto-profil-page .hero,body.seto-import-page .import-hero{padding:18px;border-radius:19px}
  body.seto-profil-page .summary-grid{grid-template-columns:1fr 1fr;gap:8px}
  body.seto-profil-page .summary-card{padding:12px;border-radius:15px}
  body.seto-profil-page .panel{padding:15px;border-radius:18px}
  body.seto-import-page .data-hub-overview{padding:15px;border-radius:18px}
  body.seto-import-page .data-hub-quicknav{margin-left:0;margin-right:0}
  body.seto-hilfe-page .docs-toolbar{padding:8px 10px}
  body.seto-hilfe-page .docs-toolbar-title span{display:none}
  body.seto-hilfe-page .layout{padding:10px 9px 80px}
  body.seto-hilfe-page .doc-section.active>.hero,body.seto-hilfe-page .section-head{padding:17px!important;border-radius:18px}
  body.dedicated-admin.seto-admin-page .admin-topbar{height:auto;min-height:46px;padding:6px 10px}
  body.dedicated-admin .admin-shell{width:min(100% - 18px,1120px)}
  body.dedicated-admin .admin-hero{padding:19px!important;border-radius:19px!important}
  body.dedicated-admin .admin-summary-grid{grid-template-columns:1fr 1fr}
  body.dedicated-admin .admin-tabs{top:auto}
}
@media(max-width:430px){body.seto-profil-page .summary-grid{grid-template-columns:1fr}}

/* END shared/seto-section-glass.css */

/* BEGIN shared/flow/seto-flow-screen.css */
/* SETO screen CSS; source order: tokens, then flow core. */

/* BEGIN SCREEN 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 SCREEN seto-flow-tokens.css */

/* BEGIN SCREEN 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 SCREEN seto-flow-core.css */

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


/* SETO 2.5.14 – only the existing profile summary, no business-logic changes.
   A compact 2-column mobile overview with subtle differentiated surfaces.
   Desktop retains its original three-column grid. No !important declarations. */
@media screen and (max-width:660px){
  body[data-seto-v2-area="profil"] .summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  body[data-seto-v2-area="profil"] .summary-grid > .summary-card{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    gap:4px;
    min-height:150px;
    padding:13px;
    border:1px solid var(--flow-soft-edge,#c9dce1);
    border-radius:15px;
    box-shadow:var(--flow-soft-shadow,0 5px 16px rgba(20,53,69,.06));
  }
  body[data-seto-v2-area="profil"] .summary-grid > .summary-card:nth-child(n){
    border:1px solid var(--flow-soft-edge,#c9dce1);
  }
  body[data-seto-v2-area="profil"] .summary-grid > .summary-card > .flow-profile-card-icon{
    grid-column:1;
    grid-row:auto;
    width:35px;
    height:35px;
    margin:0 0 2px;
  }
  body[data-seto-v2-area="profil"] .summary-grid > .summary-card > :not(.flow-profile-card-icon){
    grid-column:1;
  }
  body[data-seto-v2-area="profil"] .summary-grid > .summary-card span:not(.flow-profile-card-icon){
    font-size:12px;
    line-height:1.3;
    overflow-wrap:anywhere;
  }
  body[data-seto-v2-area="profil"] .summary-grid > .summary-card strong{
    font-size:16px;
    line-height:1.25;
    margin:0;
  }
  body[data-seto-v2-area="profil"] .summary-grid > .summary-card small{
    font-size:11px;
    line-height:1.25;
  }
  body[data-seto-v2-area="profil"] .summary-grid > .summary-card .flow-summary-action{
    align-self:end;
    margin-top:auto;
    padding-top:8px;
    font-size:12px;
    min-height:28px;
    overflow-wrap:anywhere;
  }
}


/* G8 2.5.15: stable touch targets; no data or form-handler changes. */
html[data-seto-section="profil"] body[data-seto-v2-area="profil"] .summary-grid > .summary-card .flow-summary-action{
  display:inline-flex;align-items:center;min-height:44px;min-width:90px;
  padding:8px 4px;box-sizing:border-box;text-underline-offset:3px;
}
html[data-seto-section="profil"] body[data-seto-v2-area="profil"] .summary-grid > .summary-card .flow-summary-action:focus-visible{
  outline:3px solid var(--flow-magenta,#a3206f);outline-offset:2px;border-radius:6px;
}