:root{--red:#df1025;--red2:#b9091b;--ink:#17171a;--muted:#71717a;--bg:#f5f5f7;--card:#fff;--line:#e7e7eb;--shadow:0 18px 50px rgba(20,20,30,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:38px}.brand span:last-child{display:flex;flex-direction:column}.brand small,.profile small{color:var(--muted)}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--red),var(--red2));color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(223,16,37,.25)}.logo.big{width:58px;height:58px;border-radius:19px;font-size:24px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:13px 14px;border-radius:12px;color:#444;font-weight:650}.sidebar nav a:hover{background:#f4f4f6;color:var(--red)}.profile{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.profile>a{grid-column:1/-1;color:var(--muted);font-size:14px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f1e8ea;color:var(--red);font-weight:800}main{padding:46px clamp(24px,5vw,72px)}.mobile-head{display:none}.page-head{max-width:850px;margin-bottom:30px}.page-head h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.04em;margin:6px 0 10px}.page-head p{color:var(--muted);font-size:18px}.eyebrow{font-size:12px!important;letter-spacing:.15em;color:var(--red)!important;font-weight:800}.back{font-size:14px;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature,.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.feature{padding:28px;min-height:245px;display:flex;flex-direction:column;transition:.2s}.feature:hover{transform:translateY(-4px);border-color:#d7c7ca}.feature h2{margin:28px 0 8px}.feature p{color:var(--muted);line-height:1.5}.feature>span:last-child{margin-top:auto;color:var(--red);font-weight:750}.icon{font-size:31px}.panel{padding:26px;margin-bottom:20px}.panel.narrow{max-width:650px}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.search{display:flex;gap:12px;margin-bottom:22px}.search input{flex:1}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #dcdce2;border-radius:12px;background:#fff;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(223,16,37,.09)}textarea{min-height:120px;resize:vertical}label{display:grid;gap:7px;font-weight:650;margin-bottom:15px}.btn{border:0;border-radius:12px;padding:13px 17px;font:inherit;font-weight:750;cursor:pointer}.primary{background:var(--red);color:#fff}.danger{background:#2c1719;color:#fff}.btn:disabled{opacity:.45}.result-grid{display:grid;gap:12px}.person-card{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.person-card:hover{border-color:#d2b8bd}.person-card>div:nth-child(2){flex:1}.person-card h3{margin:0 0 4px}.person-card p,.person-card small{margin:0;color:var(--muted)}.inline{display:flex;gap:8px;align-items:center}.inline input,.inline select{width:100px}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.info-cards>div,.salary-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.info-cards span,.salary-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.alert{padding:14px 16px;border-radius:14px;margin:14px 0}.error{background:#fff0f1;color:#9f0d1d}.success{background:#ebf8ef;color:#176b39}.empty{padding:24px;text-align:center;color:var(--muted)}.pdf{width:100%;height:760px;border:1px solid var(--line);border-radius:16px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#ffe8eb,transparent 35%),var(--bg)}.auth-card{width:min(430px,100%);padding:42px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.auth-card h1{font-size:36px;letter-spacing:-.04em;margin-bottom:8px}.muted,.hint{color:var(--muted)}.hint{font-size:13px;margin-top:20px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}@media(max-width:900px){.shell{display:block}.sidebar{position:static;height:auto;padding:16px;display:none}main{padding:24px 16px}.mobile-head{display:flex;gap:10px;align-items:center;margin-bottom:28px}.split{grid-template-columns:1fr}.search{flex-direction:column}.person-card{align-items:flex-start;flex-wrap:wrap}.inline{width:100%;flex-wrap:wrap}.pdf{height:600px}}

/* SAP-basierte WERKS/PERSK-Auswahl */
.admin-split{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}
.password-panel{align-self:start;position:sticky;top:24px}
.scope-picker{margin:24px 0}.scope-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.scope-toolbar p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.scope-actions{display:flex;gap:12px;flex-shrink:0}.text-button{border:0;background:transparent;color:var(--red);font:inherit;font-size:13px;font-weight:750;cursor:pointer;padding:4px}.scope-groups{display:grid;gap:12px;max-height:520px;overflow:auto;padding-right:5px}.scope-group{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.scope-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:#fafafa;border-bottom:1px solid var(--line)}.scope-area-check,.scope-option{margin:0;display:flex;align-items:center;gap:11px;cursor:pointer}.scope-area-check input,.scope-option input{width:18px;height:18px;margin:0;accent-color:var(--red);flex:0 0 auto}.scope-area-check span,.scope-option span{display:flex;align-items:baseline;gap:8px}.scope-area-check small,.scope-option small{color:var(--muted);font-weight:500}.scope-count{font-size:12px;color:var(--muted)}.scope-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;padding:12px}.scope-option{padding:11px 12px;border:1px solid transparent;border-radius:12px;font-size:14px}.scope-option:hover{background:#f7f7f8;border-color:var(--line)}.scope-option:has(input:checked){background:#fff1f3;border-color:#f0bdc4}.scope-option b{min-width:28px}
@media(max-width:900px){.admin-split{grid-template-columns:1fr}.password-panel{position:static}.scope-toolbar{flex-direction:column}.scope-options{grid-template-columns:1fr}}
.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.template-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;min-height:210px;box-shadow:var(--shadow)}.template-card:hover{transform:translateY(-3px);border-color:#d8bfc3}.template-card h3,.template-card p{margin:0}.template-card p,.template-card small{color:var(--muted)}.template-card b{margin-top:auto;color:var(--red)}.badge,.status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#f2f2f4;font-size:12px;font-weight:800}.status.active{background:#e9f8ef;color:#176b39}.status.draft{background:#fff4db;color:#8a5d00}.status.inactive{background:#eee;color:#666}.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.summary{align-self:start;position:sticky;top:24px}.summary p{line-height:1.5}.button-row,.toolbar{display:flex;gap:10px;flex-wrap:wrap}.field-help{color:var(--muted);font-weight:400}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;color:var(--muted);margin-top:4px}.chip-list{display:flex;gap:8px;flex-wrap:wrap}.chip-list code,td code{padding:6px 9px;border-radius:8px;background:#f5f5f7}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.field-row small{display:block;color:var(--muted);margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}@media(max-width:900px){.doc-layout{grid-template-columns:1fr}.summary{position:static}.form-grid{grid-template-columns:1fr}}

/* Mitarbeiterakte: Abwesenheiten IT2001 */
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-heading h2{margin:0}.count-badge{padding:8px 11px;border-radius:999px;background:#f2f2f4;color:var(--muted);font-size:13px;font-weight:750;white-space:nowrap}.absence-group+.absence-group{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.absence-group>h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px}.absence-group>h3 span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#f1f1f3;color:var(--muted);font-size:12px}.absence-list{display:grid;gap:10px}.absence-card{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(220px,1.7fr) auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:17px;background:#fff}.absence-card.current{border-left:4px solid #16834a}.absence-card.upcoming{border-left:4px solid #c67a00}.absence-card.past{border-left:4px solid #b8b8c0}.absence-date{display:grid;gap:3px}.absence-date span,.absence-main p{color:var(--muted);font-size:13px}.absence-main h4{margin:0 0 5px}.absence-main p{margin:0}.status-pill{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.current{background:#eaf8ef;color:#176b39}.status-pill.upcoming{background:#fff4df;color:#8b5700}.status-pill.past{background:#f1f1f3;color:#66666f}@media(max-width:720px){.panel-heading{align-items:center}.absence-card{grid-template-columns:1fr}.status-pill{justify-self:start}}
.danger-zone{border-color:#efc4c9;background:#fff8f9}.danger-zone h2{margin-top:0;color:#9f0d1d}.danger-zone p{color:var(--muted);line-height:1.5}.danger-zone .danger{background:#9f0d1d}.danger-zone .danger:hover{background:#7f0916}

/* Dokumentworkflow 2.0 */
.dark{background:#25252a;color:#fff}.summary-stack{align-self:start;position:sticky;top:24px}.summary-stack .summary{position:static}.mini-panel{padding:20px}.mini-panel h3{margin-top:0}.mini-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.mini-row:last-child{border-bottom:0}.mini-row span,.mini-row small{color:var(--muted)}.salary-summary{padding:16px;border-radius:16px;background:#f6f7f8;margin:12px 0}.salary-summary span,.salary-summary small{display:block;color:var(--muted)}.salary-summary b{display:block;font-size:24px;margin:5px 0}.signature-hint{font-size:13px;color:var(--muted)}.signature-hint a{color:var(--red);font-weight:750}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pdf-dialog{width:min(1100px,94vw);height:min(900px,92vh);padding:0;border:0;border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.pdf-dialog::backdrop{background:rgba(18,18,22,.58);backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0}.dialog-head button{border:0;background:#f1f1f3;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.pdf-dialog .pdf{height:calc(92vh - 76px);border:0;border-radius:0}.status-box{display:flex;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#f5f5f7;margin:16px 0}.document-list{display:grid;gap:10px}.document-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid var(--line);border-radius:15px}.document-row:hover{border-color:#d6bcc1}.document-row small{display:block;color:var(--muted);margin-top:5px}.workflow-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#eee;color:#555}.workflow-status.completed{background:#e8f7ee;color:#176b39}.workflow-status.employee_signature_pending{background:#fff2d8;color:#8a5900}.workflow-status.internal_signed{background:#e8efff;color:#264f9d}.workflow-status.created{background:#f1f1f3;color:#555}@media(max-width:900px){.summary-stack{position:static}.check-grid{grid-template-columns:1fr}.document-row{align-items:flex-start;flex-direction:column}.pdf-dialog{width:96vw;height:94vh}.pdf-dialog .pdf{height:calc(94vh - 76px)}}

/* =========================================================
   VENTZ ONE APP EXPERIENCE
   ========================================================= */
:root{
  --vo-red:#e1262f;
  --vo-red-dark:#a7000a;
  --vo-ink:#15161a;
  --vo-muted:#747986;
  --vo-bg:#f4f5f7;
  --vo-surface:rgba(255,255,255,.9);
  --vo-border:rgba(18,19,24,.08);
  --vo-shadow:0 24px 70px rgba(17,18,22,.11);
}

html.ventz-splash-active,html.ventz-splash-active body{overflow:hidden}

.ventz-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(225,38,47,.14),transparent 25rem),linear-gradient(145deg,#07080b,#111218 55%,#07080b);opacity:1;visibility:visible;transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility .55s linear}
.ventz-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.ventz-splash-inner{position:relative;z-index:2;display:grid;justify-items:center;width:min(78vw,430px)}
.ventz-splash-logo-wrap{width:min(66vw,390px);aspect-ratio:1;border-radius:44px;overflow:hidden;opacity:0;filter:blur(9px);transform:translateY(20px) scale(.87);animation:voSplashIn .95s cubic-bezier(.16,1,.3,1) .06s forwards,voSplashFloat 2.5s ease-in-out 1s infinite}
.ventz-splash-logo{display:block;width:100%;height:100%;object-fit:cover}
.ventz-splash-line{width:115px;height:2px;margin-top:12px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.11);opacity:0;animation:voFadeUp .45s ease .55s forwards}
.ventz-splash-line span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,#ff2431,transparent);animation:voLoader 1.05s ease-in-out .6s infinite}
.ventz-splash p{margin:14px 0 0;color:rgba(255,255,255,.68);font-size:11px;font-weight:800;letter-spacing:.28em;opacity:0;transform:translateY(8px);animation:voFadeUp .5s ease .68s forwards}
.ventz-splash-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.23}
.ventz-splash-orb-one{width:360px;height:360px;top:-170px;left:-110px;background:var(--vo-red)}
.ventz-splash-orb-two{width:330px;height:330px;right:-130px;bottom:-150px;background:#690008}
@keyframes voSplashIn{0%{opacity:0;filter:blur(9px);transform:translateY(20px) scale(.87)}70%{opacity:1;filter:blur(0);transform:translateY(-3px) scale(1.025)}100%{opacity:1;filter:blur(0);transform:none}}
@keyframes voSplashFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.008)}}
@keyframes voFadeUp{to{opacity:1;transform:none}}
@keyframes voLoader{from{transform:translateX(-150%)}to{transform:translateX(330%)}}

.ventz-brand{position:relative;display:flex!important;align-items:center;gap:12px}
.ventz-brand-logo{position:relative;z-index:2;width:56px;height:56px;border-radius:16px;object-fit:cover;box-shadow:0 10px 28px rgba(0,0,0,.2);animation:voBrandFloat 5s ease-in-out infinite}
.ventz-brand-glow{position:absolute;width:42px;height:42px;left:7px;top:8px;border-radius:16px;background:rgba(225,38,47,.4);filter:blur(16px);animation:voGlow 3.2s ease-in-out infinite}
.ventz-brand-copy{display:grid;line-height:1.05}
.ventz-brand-copy b{letter-spacing:.06em}
.ventz-brand-copy small{margin-top:5px;color:inherit;opacity:.55;letter-spacing:.14em;text-transform:uppercase}
@keyframes voBrandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes voGlow{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:.85;transform:scale(1.15)}}

.mobile-brand{position:relative;display:flex;align-items:center;gap:10px}.mobile-brand img{position:relative;z-index:2;width:42px;height:42px;border-radius:13px;object-fit:cover;animation:voBrandFloat 5s ease-in-out infinite}.mobile-brand .ventz-brand-glow{left:3px;top:3px;width:36px;height:36px}

.ventz-auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);background:var(--vo-bg)}
.ventz-login-visual{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:clamp(38px,6vw,90px);color:#fff;background:radial-gradient(circle at 50% 35%,rgba(225,38,47,.18),transparent 22rem),#090a0e}
.ventz-login-visual-logo{position:absolute;width:min(55vw,680px);aspect-ratio:1;left:50%;top:44%;transform:translate(-50%,-50%);object-fit:cover;opacity:.74;filter:saturate(.95);animation:voLoginFloat 7s ease-in-out infinite}
.ventz-login-visual-glow{position:absolute;width:400px;height:400px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(225,38,47,.22);filter:blur(95px)}
.ventz-login-visual-copy{position:relative;z-index:2;max-width:620px}.ventz-login-visual-copy span{color:#ff3944;font-weight:900;letter-spacing:.2em;font-size:12px}.ventz-login-visual-copy h2{margin:14px 0;font-size:clamp(42px,5vw,74px);line-height:.98;letter-spacing:-.05em}.ventz-login-visual-copy p{max-width:520px;color:rgba(255,255,255,.62);font-size:18px;line-height:1.55}
@keyframes voLoginFloat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.015)}}
.ventz-login-panel{display:grid;place-items:center;padding:34px}.ventz-auth-card{width:min(100%,520px)!important;padding:clamp(34px,5vw,58px)!important;border-radius:32px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(22px);box-shadow:var(--vo-shadow)!important}
.ventz-login-brand{position:relative;display:inline-flex;align-items:center;gap:12px;margin-bottom:38px}.ventz-login-brand img{position:relative;z-index:2;width:54px;height:54px;border-radius:16px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.16);animation:voBrandFloat 5s ease-in-out infinite}.ventz-login-brand>span:last-child{display:grid}.ventz-login-brand b{letter-spacing:.06em}.ventz-login-brand small{margin-top:4px;color:var(--vo-muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.ventz-auth-card h1{font-size:clamp(40px,5vw,62px)!important;line-height:.95!important;letter-spacing:-.055em!important;margin:10px 0 16px!important}.ventz-login-form{display:grid;gap:18px;margin-top:30px}.ventz-login-form label{display:grid;gap:8px;font-weight:750}.ventz-login-form input{min-height:56px;border-radius:16px!important;background:#fff!important}.ventz-login-button{display:flex;align-items:center;justify-content:space-between;min-height:56px;width:100%;padding:0 20px!important;border-radius:16px!important;box-shadow:0 16px 34px rgba(225,38,47,.22)}

.ventz-dashboard{display:grid;gap:28px}.ventz-dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.ventz-dashboard-hero h1{max-width:920px;margin:8px 0 12px;font-size:clamp(46px,6vw,86px);line-height:.94;letter-spacing:-.06em}.ventz-dashboard-subtitle{margin:0;color:var(--vo-muted);font-size:clamp(17px,1.7vw,22px)}
.ventz-date-card{display:grid;min-width:230px;gap:5px;padding:24px;border:1px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(255,255,255,.66);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(17,18,22,.08)}.ventz-date-card span,.ventz-date-card small{color:var(--vo-muted);font-size:12px}.ventz-date-card strong{font-size:18px}
.ventz-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ventz-app-card{position:relative;display:flex;min-height:310px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.88);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:var(--vo-shadow);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease}.ventz-app-card:before{content:"";position:absolute;right:-65px;bottom:-80px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(225,38,47,.13),transparent 68%);transition:transform .4s ease}.ventz-app-card:hover{transform:translateY(-8px);border-color:rgba(225,38,47,.2);box-shadow:0 32px 86px rgba(17,18,22,.15)}.ventz-app-card:hover:before{transform:scale(1.25)}.ventz-app-card-dark{color:#fff;border-color:transparent;background:radial-gradient(circle at 82% 22%,rgba(255,255,255,.11),transparent 14rem),linear-gradient(145deg,#191a20,#090a0d)}
.ventz-app-card-top{display:flex;align-items:center;justify-content:space-between}.ventz-app-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:rgba(225,38,47,.09);font-size:25px}.ventz-app-card-dark .ventz-app-icon{background:linear-gradient(145deg,#f22e39,#9e0009);box-shadow:0 16px 38px rgba(225,38,47,.3)}.ventz-app-tag{color:var(--vo-red);font-size:10px;font-weight:900;letter-spacing:.17em}.ventz-app-card h2{margin:0 0 10px;font-size:clamp(26px,2vw,35px);letter-spacing:-.035em}.ventz-app-card p{margin:0;color:var(--vo-muted);line-height:1.55}.ventz-app-card-dark p{color:rgba(255,255,255,.64)}.ventz-app-arrow{position:absolute;right:26px;bottom:22px;font-size:28px;transition:transform .2s ease}.ventz-app-card:hover .ventz-app-arrow{transform:translateX(5px)}
.ventz-dashboard-bottom{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.ventz-quick-panel,.ventz-system-card{padding:30px;border:1px solid rgba(255,255,255,.86);border-radius:30px;background:rgba(255,255,255,.78);box-shadow:0 22px 64px rgba(17,18,22,.08)}.ventz-quick-panel h2,.ventz-system-card h2{margin:6px 0 10px;font-size:30px}.ventz-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ventz-quick-grid a{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:17px 19px;border:1px solid var(--vo-border);border-radius:18px;background:rgba(255,255,255,.76);font-weight:800;transition:.18s ease}.ventz-quick-grid a:hover{transform:translateY(-3px);border-color:rgba(225,38,47,.24)}.ventz-quick-grid b{color:var(--vo-red);font-size:22px}.ventz-system-card{color:#fff;background:radial-gradient(circle at 85% 18%,rgba(225,38,47,.2),transparent 12rem),#121318}.ventz-system-card>p:not(.eyebrow){color:rgba(255,255,255,.62)}.ventz-system-card>div{display:flex;align-items:center;gap:10px;margin-top:30px;color:rgba(255,255,255,.75);font-size:13px}.ventz-system-card>div span{width:9px;height:9px;border-radius:50%;background:#35d27c;box-shadow:0 0 0 7px rgba(53,210,124,.1)}

@media(max-width:1200px){.ventz-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ventz-auth-page{grid-template-columns:1fr}.ventz-login-visual{display:none}.ventz-login-panel{min-height:100vh}.ventz-dashboard-hero{align-items:stretch;flex-direction:column}.ventz-date-card{min-width:0}.ventz-dashboard-bottom{grid-template-columns:1fr}}
@media(max-width:700px){.ventz-app-grid,.ventz-quick-grid{grid-template-columns:1fr}.ventz-app-card{min-height:260px}.ventz-splash p{font-size:9px;letter-spacing:.18em}.ventz-brand-copy{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}

/* =========================================================
   VENTZ ONE UX PATCH 2
   Ruhiger Splash + aufgeräumte Login-Inszenierung
   ========================================================= */

.ventz-splash {
    transition:
        opacity .9s cubic-bezier(.22,1,.36,1),
        visibility .9s linear;
}

.ventz-splash-logo-wrap {
    width: min(58vw, 330px);
    border-radius: 36px;
    animation:
        voSplashIn 1.2s cubic-bezier(.16,1,.3,1) .12s forwards,
        voSplashFloat 3.2s ease-in-out 1.35s infinite;
}

.ventz-splash-line {
    margin-top: 20px;
    animation-delay: .9s;
}

.ventz-splash p {
    margin-top: 18px;
    animation-delay: 1.05s;
}

.ventz-auth-page {
    grid-template-columns: minmax(480px, 1.05fr) minmax(430px, .95fr);
    min-height: 100vh;
}

.ventz-login-visual {
    position: relative;
    display: grid;
    align-items: stretch;
    min-height: 100vh;
    padding: clamp(42px, 6vw, 84px);
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 18% 14%, rgba(225,38,47,.17), transparent 22rem),
        linear-gradient(145deg, #101116 0%, #08090d 100%);
}

.ventz-login-visual-content {
    position: relative;
    z-index: 2;
    display: grid;
    align-content: center;
    justify-items: start;
    max-width: 690px;
}

.ventz-login-showcase-logo-wrap {
    position: relative;
    width: clamp(150px, 16vw, 220px);
    aspect-ratio: 1;
    margin-bottom: clamp(34px, 5vh, 60px);
    overflow: hidden;
    border-radius: 34px;
    box-shadow:
        0 34px 90px rgba(0,0,0,.42),
        0 0 60px rgba(225,38,47,.13);
    animation: voLoginLogoFloat 6s ease-in-out infinite;
}

.ventz-login-showcase-logo-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: inherit;
    pointer-events: none;
}

.ventz-login-showcase-logo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ventz-login-visual-copy {
    position: relative;
    z-index: 2;
    max-width: 660px;
}

.ventz-login-visual-copy span {
    color: #ff4650;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .2em;
}

.ventz-login-visual-copy h2 {
    max-width: 680px;
    margin: 17px 0 22px;
    font-size: clamp(44px, 5vw, 76px);
    line-height: .98;
    letter-spacing: -.052em;
}

.ventz-login-visual-copy p {
    max-width: 570px;
    margin: 0;
    color: rgba(255,255,255,.62);
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: 1.55;
}

.ventz-login-visual-footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    align-self: end;
    gap: 14px;
    color: rgba(255,255,255,.38);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}

.ventz-login-visual-footer span {
    display: block;
    width: 54px;
    height: 2px;
    background: var(--vo-red);
}

.ventz-login-visual-footer p {
    margin: 0;
}

.ventz-login-visual-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(105px);
    pointer-events: none;
}

.ventz-login-visual-glow-one {
    width: 360px;
    height: 360px;
    left: -170px;
    top: -120px;
    background: rgba(225,38,47,.22);
}

.ventz-login-visual-glow-two {
    width: 320px;
    height: 320px;
    right: -170px;
    bottom: -120px;
    background: rgba(120,0,8,.26);
}

@keyframes voLoginLogoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* Alte große Hintergrundlogo-Darstellung vollständig deaktivieren */
.ventz-login-visual-logo {
    display: none !important;
}

@media (max-width: 1050px) {
    .ventz-auth-page {
        grid-template-columns: 1fr;
    }

    .ventz-login-visual {
        display: none;
    }

    .ventz-login-panel {
        min-height: 100vh;
    }
}


/* FINAL CLEAN LOGIN OVERRIDES - 2026-06-20 */
.ventz-login-visual {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 0 !important;
    overflow: hidden !important;
    padding: clamp(46px, 6vw, 90px) !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 30% 28%, rgba(225,38,47,.16), transparent 25rem),
        linear-gradient(145deg, #08090d 0%, #111218 65%, #090a0e 100%) !important;
}
.ventz-login-visual-content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 720px !important;
}
.ventz-login-showcase-logo-wrap {
    position: relative !important;
    width: clamp(128px, 13vw, 178px) !important;
    aspect-ratio: 1 !important;
    margin: 0 0 38px 0 !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.38), 0 0 48px rgba(225,38,47,.12) !important;
}
.ventz-login-showcase-logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    transform: none !important;
}
.ventz-login-visual-copy {
    position: relative !important;
    z-index: 2 !important;
    max-width: 640px !important;
}
.ventz-login-visual-copy h2 {
    max-width: 640px !important;
    margin: 14px 0 18px !important;
    font-size: clamp(40px, 4.2vw, 68px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.045em !important;
}
.ventz-login-visual-copy p {
    max-width: 540px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.62) !important;
    font-size: clamp(16px, 1.25vw, 19px) !important;
    line-height: 1.55 !important;
}
.ventz-login-visual-footer {
    position: absolute !important;
    left: clamp(46px, 6vw, 90px) !important;
    bottom: 36px !important;
}
.ventz-login-visual-logo { display: none !important; }

.ventz-splash { transition: opacity .9s cubic-bezier(.22,1,.36,1), visibility .9s linear !important; }
.ventz-splash-logo-wrap {
    width: min(58vw, 330px) !important;
    animation: voSplashIn 1.15s cubic-bezier(.16,1,.3,1) .08s forwards, voSplashFloat 3s ease-in-out 1.2s infinite !important;
}

.training-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.training-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.training-stats>div,.training-card{padding:22px;border:1px solid var(--vo-border);border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(20,22,28,.07)}.training-stats span{color:var(--vo-muted);font-size:12px}.training-stats b{font-size:30px}.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.training-card{display:grid;gap:17px;min-height:250px;transition:.2s}.training-card:hover{transform:translateY(-5px)}.training-card-top,.training-card-footer,.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.training-category{color:var(--vo-red);font-weight:900;font-size:11px}.traffic{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.traffic i{width:10px;height:10px;border-radius:50%}.traffic-green i{background:#20b86a}.traffic-yellow i{background:#f1b51c}.traffic-red i{background:#e32636}.occupancy-bar{height:9px;border-radius:999px;background:#eceef2;overflow:hidden}.occupancy-bar span{display:block;height:100%;background:linear-gradient(90deg,#20b86a,#f1b51c 75%,#e32636)}.course-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:28px;margin-bottom:20px;border-radius:28px;color:white;background:#111218}.course-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.course-facts div{padding:15px;border-radius:15px;background:rgba(255,255,255,.08);display:grid}.course-facts span{font-size:11px;color:#aaa}.training-detail-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:20px}.attendee-list{display:grid;gap:10px}.attendee-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--vo-border);border-radius:16px}.attendee-main{display:grid}.attendee-main span{color:var(--vo-muted);font-size:12px}.booking-badge,.invited-badge{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.booking-booked{background:#def7ea;color:#14784a}.booking-waitlist{background:#fff1bf;color:#8a6300}.booking-cancelled{background:#ffe1e4;color:#8b1821}.invited-badge{background:#e2f3ff;color:#175f8c}.inline-edit{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:8px}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.search-person{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:10px 0}.training-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.span-2{grid-column:span 2}.role-picker{margin:18px 0;padding:16px;border:1px solid var(--vo-border);border-radius:18px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.role-option{display:flex!important;gap:10px;padding:12px;border:1px solid var(--vo-border);border-radius:14px}.role-option input{width:auto!important}.role-option span{display:grid}.role-option small{color:var(--vo-muted)}.btn.small{min-height:34px;padding:7px 10px;font-size:12px}@media(max-width:1000px){.training-grid{grid-template-columns:repeat(2,1fr)}.training-detail-grid,.course-hero{grid-template-columns:1fr}}@media(max-width:700px){.training-grid,.training-stats,.training-form .form-grid,.role-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.attendee-row{grid-template-columns:auto 1fr}.training-head{display:block}}
/* SAP-Schnittstellendiagnose */
.sap-diagnostic-search{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.sap-diagnostic-search label{flex:1;min-width:260px}.sap-diagnostic-search .btn{margin-bottom:0}.sap-diagnostic-summary{margin:22px 0}.sap-diagnostic-grid{align-items:start}.diagnostic-table{display:grid;gap:0}.diagnostic-table>div{display:grid;grid-template-columns:minmax(160px,230px) 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line,#e5e7eb)}.diagnostic-table>div:last-child{border-bottom:0}.diagnostic-table span{color:var(--muted,#747986)}.diagnostic-table b{overflow-wrap:anywhere}.raw-json-panel{margin-top:22px}.raw-json-panel summary{cursor:pointer}.raw-json-panel pre{margin-top:18px;padding:18px;border-radius:16px;background:#111;color:#f5f5f5;white-space:pre-wrap;overflow:auto;font-size:13px;line-height:1.55}.page-actions{display:flex;justify-content:flex-end;margin:-12px 0 20px}@media(max-width:760px){.diagnostic-table>div{grid-template-columns:1fr;gap:4px}.page-actions{justify-content:flex-start}}
.nav-count,.count-pill{display:inline-flex;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:999px;align-items:center;justify-content:center;background:#e51f2a;color:#fff;font-size:.78rem;font-weight:800}.message-unread{background:#fff5f5;border-left:4px solid #e51f2a}.calendar-head{display:flex;align-items:center;justify-content:space-between}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem}.calendar-weekdays{text-align:center;margin-bottom:.45rem}.calendar-day{min-height:82px;border:1px solid #e1e1e8;border-radius:12px;padding:.5rem;background:#fff}.calendar-day.outside{opacity:.35}.calendar-day.today{outline:2px solid #222}.calendar-day.has-absence{background:#fff1f1}.calendar-day small{display:block;margin-top:.3rem;font-size:.68rem}.cancel-box{margin-top:1rem}.cancel-box form{display:grid;gap:.8rem;margin-top:.8rem}.check-row{display:flex;gap:.6rem;align-items:flex-start}

/* Dashboard 2026-06-20: kompakte Statusboxen und gruppierte Module */
.dashboard-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:16px;margin:0 0 24px}.status-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;border-radius:22px;background:#fff;box-shadow:var(--vo-shadow);border:1px solid rgba(255,255,255,.9)}.status-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(225,38,47,.09);font-size:20px}.status-tile b{display:block;font-size:18px}.status-tile small{color:var(--vo-muted)}.status-number{display:grid;min-width:38px;height:38px;padding:0 10px;place-items:center;border-radius:999px;background:#e51f2a;color:#fff;font-weight:900}.compact-modules .ventz-app-card{min-height:245px}.compact-modules .module-wide{grid-column:span 2}.module-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.module-tabs a{padding:10px 16px;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(17,18,22,.07);font-weight:800}.my-event-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-event{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-bottom:1px solid #ececf1}.mini-event span{color:var(--vo-muted);font-size:.92rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.kpi-card{padding:22px;border-radius:24px;background:#fff;box-shadow:var(--vo-shadow)}.kpi-card span,.kpi-card small{display:block;color:var(--vo-muted)}.kpi-card b{display:block;margin:8px 0;font-size:38px}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag-list span{padding:8px 12px;border-radius:999px;background:#f2f2f5;font-weight:700}@media(max-width:900px){.dashboard-status-grid,.my-event-columns,.kpi-grid{grid-template-columns:1fr 1fr}.compact-modules .module-wide{grid-column:span 1}}@media(max-width:650px){.dashboard-status-grid,.my-event-columns,.kpi-grid{grid-template-columns:1fr}}

/* Bereichs-Kacheln und Controlling-Filter */
.section-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.section-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:180px;padding:26px;border-radius:26px;background:#fff;border:1px solid var(--vo-border);box-shadow:var(--vo-shadow);transition:.2s}.section-tile:hover{transform:translateY(-4px)}.section-tile-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(225,38,47,.09);font-size:26px}.section-tile h2{margin:5px 0 8px}.section-tile p{margin:0;color:var(--vo-muted)}.section-tile>b{font-size:34px}.muted-tile{opacity:.65}.filter-bar{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.filter-bar label{display:grid;gap:7px;min-width:190px;font-weight:800}.filter-bar input,.filter-bar select{min-height:44px}.refresh-panel{margin-top:22px}@media(max-width:760px){.section-tile-grid{grid-template-columns:1fr}.section-tile{grid-template-columns:auto 1fr}.section-tile>span:last-child,.section-tile>b{grid-column:2}}

.completion-callout{padding:20px 22px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,#fff2f3,#fff);border:1px solid rgba(221,41,54,.18)}
.completion-callout h2{margin:2px 0 6px}.completion-callout p:last-child{margin-bottom:0;color:#5f6673}
.completion-form{margin-bottom:24px}.completion-person{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #eceef2}
.completion-person label{display:flex;gap:7px;align-items:center;font-weight:700;white-space:nowrap}.completion-actions{justify-content:flex-end;margin-top:18px}
@media(max-width:850px){.completion-person{grid-template-columns:auto 1fr}.completion-person label{grid-column:2}}

.certificate-download{margin-top:18px;display:inline-flex;width:max-content}.completion-callout.success{border-color:#b7e4c7;background:#f1fbf4}

/* Persönliche Einstellungen, Profilfoto und sichere Unterschrift */
.avatar-photo{object-fit:cover;display:block;background:#ececf1;color:transparent}.profile .avatar-photo{width:44px;height:44px;border-radius:50%}.employee-title-row{display:flex;align-items:center;gap:18px}.employee-profile-photo{width:76px;height:76px;border-radius:24px;object-fit:cover;box-shadow:0 12px 32px rgba(17,18,22,.14)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.settings-card{margin:0}.settings-card#signature{grid-column:1/-1}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.settings-photo-preview,.settings-photo-placeholder{width:92px;height:92px;border-radius:28px;object-fit:cover;flex:0 0 auto}.settings-photo-placeholder{display:grid;place-items:center;background:#f4e7e9;color:var(--red);font-size:34px;font-weight:900}.settings-form{display:grid;gap:8px;margin-top:18px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.consent-box{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fafafa}.consent-box input{width:auto;margin-top:3px}.consent-box span{display:grid;gap:5px}.consent-box small,.security-note p,.locked-setting p,.signature-state small{color:var(--muted);font-weight:400}.security-note{padding:17px 18px;border-radius:16px;background:#eef8f2;border:1px solid #cce8d7}.security-note p{margin:5px 0 0}.signature-state{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:15px}.signature-state>div{display:grid;gap:3px}.status-dot{width:11px;height:11px;border-radius:50%;background:#aaa}.status-dot.ok{background:#20a55a}.settings-disabled{opacity:.62}.locked-setting{padding:20px;border-radius:16px;background:#f3f3f5;border:1px dashed #c9c9d0}.signature-password-field{padding:14px 16px;border-radius:16px;background:#fff7e8;border:1px solid #efd7a0}.signature-password-field small{color:var(--muted);font-weight:400}.search-person-name{display:flex;align-items:center;gap:10px}
body.accent-navy{--red:#214d7a;--red2:#153553}body.accent-anthracite{--red:#45484e;--red2:#24262a}body.accent-purple{--red:#6d3bb5;--red2:#49227f}body.accent-petrol{--red:#087b78;--red2:#045653}body.compact-ui main{padding-top:28px}body.compact-ui .panel{padding:19px}body.compact-ui .feature{min-height:205px;padding:21px}
body.theme-dark{--ink:#f4f4f6;--muted:#a9abb4;--bg:#121318;--card:#1b1c22;--line:#30323b;--shadow:0 18px 50px rgba(0,0,0,.28);background:var(--bg);color:var(--ink)}body.theme-dark .sidebar,body.theme-dark .panel,body.theme-dark .feature,body.theme-dark .person-card,body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.theme-dark .settings-card{background:#1b1c22;color:var(--ink)}body.theme-dark .sidebar nav a{color:#d7d8dd}body.theme-dark .consent-box,body.theme-dark .locked-setting{background:#24262d}body.theme-dark .signature-password-field{background:#30291c}
@media(prefers-color-scheme:dark){body.theme-system{--ink:#f4f4f6;--muted:#a9abb4;--bg:#121318;--card:#1b1c22;--line:#30323b;--shadow:0 18px 50px rgba(0,0,0,.28);background:var(--bg);color:var(--ink)}body.theme-system .sidebar,body.theme-system .panel,body.theme-system .feature,body.theme-system .person-card,body.theme-system input,body.theme-system select,body.theme-system textarea{background:#1b1c22;color:var(--ink)}}
@media(max-width:850px){.settings-grid{grid-template-columns:1fr}.settings-card#signature{grid-column:auto}.two-col{grid-template-columns:1fr}.employee-title-row{align-items:flex-start}.employee-profile-photo{width:60px;height:60px;border-radius:19px}}


/* Einstellungen 2.0: klare Navigation und verständlicher Signatur-Workflow */
.settings-page-head{margin-bottom:16px}.settings-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.settings-nav a{padding:10px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;box-shadow:0 7px 20px rgba(17,18,22,.05)}.settings-nav a.is-disabled{opacity:.45}.settings-grid-clean{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-intro{margin:5px 0 0;color:var(--muted);max-width:720px}.upload-field{display:grid;gap:7px}.upload-field>span{font-weight:800}.settings-form label>small,.option-help{display:block;margin-top:6px;color:var(--muted);font-weight:400;line-height:1.45}.settings-check{padding:13px 0}.settings-signature-card{grid-column:1/-1}.signature-badge{align-self:flex-start;padding:8px 12px;border-radius:999px;background:#f1f2f5;color:var(--muted);font-size:12px;font-weight:900}.signature-badge.ready{background:#eaf8ef;color:#167544}.signature-security-note{display:flex;align-items:flex-start;gap:14px;margin:18px 0}.security-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:13px;background:#dff2e6}.signature-step{display:flex;align-items:center;gap:13px;margin:20px 0 10px}.signature-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font-weight:900}.signature-step>div{display:grid;gap:3px}.signature-step small{color:var(--muted)}.signature-state-large{padding:18px;margin:20px 0}.signature-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.signature-option-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fafafa}.signature-option-panel h3{margin:0 0 6px}.password-change-details{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line)}.password-change-details summary{cursor:pointer;font-weight:800}.password-change-details label{margin-top:13px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:18px 20px;border:1px solid #efc4c7;border-radius:18px;background:#fff7f7}.danger-zone>div{display:grid;gap:4px}.danger-zone small{color:var(--muted)}
body.theme-dark .settings-nav a,body.theme-dark .signature-option-panel,body.theme-dark .password-change-details{background:#24262d}body.theme-dark .danger-zone{background:#2b2022;border-color:#5b3438}
@media(max-width:850px){.settings-grid-clean,.signature-options-grid{grid-template-columns:1fr}.settings-signature-card{grid-column:auto}.danger-zone{align-items:flex-start;flex-direction:column}}


/* 2026-06-20: reduzierte Navigation, Organisation und Mitarbeiterkurzprofil */
.sidebar-core-nav{display:grid;gap:.35rem}.sidebar-tree{margin:1.35rem 0 0;padding-top:1rem;border-top:1px solid var(--line,#e5e7eb);display:grid;gap:.4rem}.sidebar-tree>small{font-size:.65rem;letter-spacing:.16em;font-weight:800;color:#d92931}.sidebar-tree a{font-size:.86rem;color:#6b7280;text-decoration:none;padding:.25rem 0}.sidebar-tree a span{margin-right:.45rem}.sidebar-tree a.current{color:#111318;font-weight:800}.sidebar-organization{margin-top:1.2rem;border:1px solid #ececf0;border-radius:16px;background:#fafafa;overflow:hidden}.sidebar-org-toggle{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;padding:.8rem .9rem;font-weight:800;cursor:pointer}.sidebar-org-content{display:none;padding:0 .9rem .9rem;gap:.65rem}.sidebar-org-content.open{display:grid}.sidebar-org-content p,.sidebar-org-content a,.person-link-button{margin:0;display:grid;gap:.1rem;text-decoration:none;color:inherit;border:0;background:transparent;text-align:left;padding:.15rem 0;cursor:pointer}.sidebar-org-content small{font-size:.67rem;color:#818693}.sidebar-org-content b{font-size:.78rem;line-height:1.25}.person-drawer-backdrop{position:fixed;inset:0;background:rgba(17,19,24,.34);z-index:1200}.person-drawer{position:fixed;right:0;top:0;bottom:0;width:min(480px,94vw);background:#fff;z-index:1201;box-shadow:-25px 0 70px rgba(0,0,0,.18);transform:translateX(105%);transition:transform .22s ease;padding:2rem;overflow:auto}.person-drawer.open{transform:translateX(0)}.person-drawer-close{position:absolute;right:1rem;top:1rem;border:0;background:#f2f2f4;width:38px;height:38px;border-radius:50%;font-size:1.45rem;cursor:pointer}.drawer-loading{padding:4rem 1rem;text-align:center;color:#7d8290}.quick-profile{padding-top:1.4rem}.quick-profile-head{display:flex;align-items:center;gap:1rem;padding-right:2rem}.quick-profile-photo{width:82px;height:82px;border-radius:24px;object-fit:cover}.quick-profile-photo.fallback{display:grid;place-items:center;background:#f9e9ea;color:#d92931;font-size:1.45rem;font-weight:900}.quick-profile-head h2{margin:.25rem 0}.quick-profile-head span{color:#7b8190}.quick-profile-facts{display:grid;gap:.75rem;margin:1.7rem 0}.quick-profile-facts>div,.quick-profile-facts>button{display:grid;gap:.2rem;padding:1rem;border:1px solid #ececf0;border-radius:15px;background:#fafafa;text-align:left}.quick-profile-facts button{cursor:pointer}.quick-profile-facts small{color:#808692}.quick-profile-actions{display:flex;flex-wrap:wrap;gap:.6rem}.quick-profile-note{font-size:.76rem;color:#818693;margin-top:1rem}.people-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}.directory-person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;border:1px solid #e8e8ed;background:#fff;border-radius:18px;text-align:left;cursor:pointer}.directory-person:hover{border-color:#d92931;box-shadow:0 12px 28px rgba(17,19,24,.08)}.directory-person span:not(.avatar){display:grid;gap:.2rem}.directory-person small{color:#7f8490}.directory-person i{font-style:normal;font-size:1.25rem}.directory-filter{min-width:min(330px,100%);border:1px solid #dddfe5;border-radius:12px;padding:.8rem 1rem}@media(max-width:900px){.sidebar-tree,.sidebar-organization{display:none}.person-drawer{padding:1.2rem}.people-directory-grid{grid-template-columns:1fr}}

/* Zeit-, Standort- und Wetteranzeige */
.ventz-hero-info-cards{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap;justify-content:flex-end}
.ventz-weather-card{display:flex;align-items:center;gap:16px;min-width:310px;padding:22px 24px;border:1px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(255,255,255,.66);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(17,18,22,.08);color:inherit;text-decoration:none}
.ventz-weather-card>div:last-child{display:grid;gap:5px}.ventz-weather-card span,.ventz-weather-card small{color:var(--vo-muted);font-size:12px}.ventz-weather-card strong{font-size:17px}.ventz-weather-icon{font-size:34px;line-height:1}.ventz-weather-empty:hover{transform:translateY(-2px)}
.validated-location{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#edf9f1;border:1px solid #cdebd7}.validated-location>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2ca866;color:white;font-weight:800}.validated-location>div{display:grid}.validated-location small{color:var(--vo-muted)}
@media(max-width:1100px){.ventz-hero-info-cards{justify-content:stretch}.ventz-date-card,.ventz-weather-card{flex:1;min-width:260px}}
@media(max-width:650px){.ventz-hero-info-cards{display:grid}.ventz-weather-card{min-width:0}}

/* Organisationspyramide */
.organization-page-head{max-width:980px}.org-overview-strip{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.35rem 1.55rem;margin:0 0 1.3rem;border:1px solid #e8e8ed;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);box-shadow:0 18px 48px rgba(17,19,24,.06)}.org-overview-strip>div:first-child{display:flex;align-items:center;gap:1rem}.org-overview-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#111318;color:#fff;font-size:1.45rem}.org-overview-strip small{font-size:.66rem;letter-spacing:.14em;font-weight:900;color:#d92931}.org-overview-strip h2{margin:.22rem 0 0;font-size:1.45rem}.org-overview-stats{display:flex;gap:.65rem}.org-overview-stats>div{min-width:110px;padding:.8rem 1rem;border-radius:17px;background:#f4f4f6;text-align:center}.org-overview-stats b{display:block;font-size:1.45rem}.org-overview-stats span{font-size:.7rem;color:#777d89}.org-pyramid{display:grid;gap:0;margin-bottom:1.6rem}.org-pyramid-level{display:grid;grid-template-columns:repeat(var(--org-columns),minmax(320px,1fr));gap:1rem;align-items:start}.org-unit-card{position:relative;border:1px solid #e4e5ea;border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(17,19,24,.065);overflow:hidden}.org-unit-root{border-color:#d9a9ac;box-shadow:0 18px 48px rgba(217,41,49,.09)}.org-unit-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.25rem 1.25rem .9rem}.org-unit-header h2{margin:.2rem 0 .1rem;font-size:1.28rem}.org-unit-header small{color:#8a8f99}.org-headcount{display:grid;place-items:center;min-width:66px;padding:.58rem .72rem;border-radius:17px;background:#111318;color:#fff}.org-headcount b{font-size:1.25rem;line-height:1}.org-headcount span{font-size:.62rem;margin-top:.18rem;color:#d8d8dc}.org-unit-meta{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 1.25rem 1rem}.org-unit-meta span{padding:.35rem .58rem;border-radius:999px;background:#f3f3f5;color:#686e79;font-size:.68rem;font-weight:700}.org-member-list{display:grid;border-top:1px solid #ececf0}.org-person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;width:100%;padding:.85rem 1.15rem;border:0;border-bottom:1px solid #f0f0f2;background:#fff;text-align:left;cursor:pointer}.org-person:last-child{border-bottom:0}.org-person:hover{background:#fafafa}.org-person-manager{background:linear-gradient(90deg,#fff7f7,#fff)}.org-person-copy{display:grid;gap:.2rem;min-width:0}.org-person-name{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.org-person-name em{padding:.2rem .42rem;border-radius:999px;background:#fee7e8;color:#c82129;font-size:.59rem;font-style:normal;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.org-person-copy small{color:#858a95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-person i{font-style:normal;font-size:1.15rem}.org-empty-unit{padding:1.2rem;color:#858a95;font-size:.82rem}.org-level-connector{height:46px;display:grid;place-items:center}.org-level-connector span{position:relative;width:2px;height:46px;background:#d7d8dd}.org-level-connector span:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid #d7d8dd;border-bottom:2px solid #d7d8dd}.org-directory-panel{margin-top:.5rem}@media(max-width:1100px){.org-pyramid-level{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:700px){.org-overview-strip{align-items:flex-start;flex-direction:column}.org-overview-stats{width:100%}.org-overview-stats>div{flex:1;min-width:0}.org-pyramid-level{grid-template-columns:1fr}.org-level-connector{height:32px}.org-level-connector span{height:32px}.org-unit-header{padding:1rem}.org-unit-meta{padding:0 1rem .85rem}}

/* Globale Zertifikatsgestaltung */
.settings-layout{display:grid;gap:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700}.form-grid label span{font-size:.86rem}.form-grid small{font-weight:400;color:var(--muted,#6b7280)}.form-grid .span-2{grid-column:1/-1}.certificate-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.certificate-layout-card{position:relative;display:block;border:1px solid #e4e7ec;border-radius:18px;padding:14px;cursor:pointer;transition:.2s;background:#fff}.certificate-layout-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.09)}.certificate-layout-card:has(input:checked){border:2px solid var(--accent,#d71920);padding:13px;box-shadow:0 0 0 4px rgba(215,25,32,.08)}.certificate-layout-card>input{position:absolute;top:14px;right:14px;accent-color:var(--accent,#d71920)}.certificate-layout-card>strong{display:block;margin-top:12px;font-size:1.05rem}.certificate-layout-card>p{margin:5px 0 0;color:var(--muted,#667085);font-size:.9rem}.certificate-mini{aspect-ratio:1.414/1;border-radius:10px;overflow:hidden;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;position:relative;background:#fff}.certificate-mini:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at center,transparent 0 14px,rgba(0,0,0,.025) 15px 16px);pointer-events:none}.certificate-mini span,.certificate-mini b,.certificate-mini i,.certificate-mini small{position:relative;z-index:1}.certificate-mini span{font-size:.58rem;font-weight:800;letter-spacing:.08em}.certificate-mini b{font-size:.92rem;margin:10px 0}.certificate-mini i{font-family:Georgia,serif;font-size:.8rem}.certificate-mini small{font-size:.52rem;margin-top:9px}.certificate-mini.classic{border:5px double #a98746;font-family:Georgia,serif;color:#342b21}.certificate-mini.modern{align-items:flex-start;padding-left:30%;border:1px solid #dfe3e8;color:#111827}.certificate-mini.modern:before{content:"";position:absolute;left:0;top:0;bottom:0;width:23%;background:#eceff3}.certificate-mini.modern span{position:absolute;top:0;left:0;right:0;height:15%;background:var(--accent,#d71920)}.certificate-mini.academy{background:#faf8f4;border:1px solid #eadfd2}.certificate-mini.academy span{position:absolute;top:0;left:0;right:0;padding:8px;background:var(--accent,#d71920);color:#fff}.danger-zone{margin-top:24px}@media(max-width:900px){.certificate-layout-grid,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}


/* 2026-06-20: quadratische VENTZ-ONE-Systemkachel, immer letzte Kachel rechts */
.ventz-system-quote-card{
    position:relative;
    order:999;
    grid-column:-2 / -1;
    aspect-ratio:1 / 1;
    min-width:0;
    min-height:0;
    padding:22px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:stretch;
    gap:18px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:30px;
    color:#fff;
    background:
        radial-gradient(circle at 86% 16%,rgba(225,38,47,.24),transparent 11rem),
        linear-gradient(145deg,#191a20,#08090c);
    box-shadow:0 24px 58px rgba(17,18,22,.18);
}
.ventz-system-quote-card:after{
    content:"";
    position:absolute;
    right:-58px;
    bottom:-72px;
    width:190px;
    height:190px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.07);
}
.ventz-system-brand{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.ventz-system-brand img{
    display:block;
    width:52px;
    height:52px;
    flex:0 0 52px;
    object-fit:cover;
    border-radius:15px;
    box-shadow:0 14px 30px rgba(0,0,0,.32);
}
.ventz-system-brand>div{display:grid;gap:5px;min-width:0}
.ventz-system-brand strong{font-size:16px;letter-spacing:.01em}
.ventz-system-status{
    display:flex;
    align-items:center;
    gap:7px;
    color:rgba(255,255,255,.62);
    font-size:9px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.ventz-system-status i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#34c97b;
    box-shadow:0 0 0 5px rgba(52,201,123,.12);
}
.ventz-system-quote-card blockquote{
    position:relative;
    z-index:1;
    margin:0;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.78);
    font-size:clamp(13px,1vw,16px);
    font-weight:650;
    line-height:1.45;
    font-style:normal;
}
.training-management-grid .section-tile-branding{
    background:linear-gradient(145deg,#fff,#fff7f7);
    border-color:rgba(225,38,47,.16);
}
.section-tile-arrow{font-size:1.45rem;font-weight:800;color:var(--red)}
@media(max-width:1200px){
    .ventz-system-quote-card{grid-column:2 / 3}
}
@media(max-width:700px){
    .ventz-system-quote-card{grid-column:1 / -1;aspect-ratio:auto;min-height:220px}
}


/* 2026-06-20: Systemkachel kompakt – etwa halbe Höhe einer normalen Dashboard-Kachel */
.ventz-system-quote-card{
    aspect-ratio:auto;
    height:132px;
    min-height:132px;
    max-height:132px;
    padding:18px 20px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:22px;
}
.ventz-system-quote-card .ventz-system-brand{
    align-self:center;
}
.ventz-system-quote-card blockquote{
    align-self:center;
    margin:0;
    padding:0 0 0 22px;
    border-top:0;
    border-left:1px solid rgba(255,255,255,.14);
    font-size:13px;
    line-height:1.35;
}
@media(max-width:700px){
    .ventz-system-quote-card{
        grid-column:1 / -1;
        height:124px;
        min-height:124px;
        max-height:124px;
        padding:16px 18px;
        grid-template-columns:auto minmax(0,1fr);
        gap:15px;
    }
    .ventz-system-brand img{
        width:44px;
        height:44px;
        flex-basis:44px;
        border-radius:13px;
    }
    .ventz-system-brand strong{font-size:14px}
    .ventz-system-status{font-size:8px}
    .ventz-system-quote-card blockquote{
        padding-left:15px;
        font-size:12px;
    }
}

/* NL-Netz 2026-06-21 */
.nl-dashboard-card{background:linear-gradient(135deg,#0d3347,#184d65)!important;color:#fff}.nl-dashboard-card p,.nl-dashboard-card .ventz-app-tag{color:#d8edf5!important}.nl-head{max-width:1180px;margin:auto}.nl-toolbar{max-width:1180px;margin:0 auto 18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.nl-filter{display:flex;flex-wrap:wrap;gap:9px 16px}.nl-filter b{width:100%}.nl-filter label{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:7px 12px;font-size:13px}.nl-sync-state{text-align:right}.nl-sync-state span,.nl-sync-state small{display:block;color:#6b7280}.nl-stage{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(420px,620px) 1fr;gap:28px;align-items:start}.germany-map{background:radial-gradient(circle at 45% 40%,#fff 0,#f5f7f9 66%,#edf1f4 100%);border-radius:28px;padding:18px;box-shadow:0 18px 55px rgba(15,35,50,.10)}.germany-map svg{width:100%;height:auto;filter:drop-shadow(0 12px 18px rgba(13,51,71,.12))}.state polygon,.state circle{fill:color-mix(in srgb,#edf1f4 calc(100% - var(--heat,0)*75%),#df3340);stroke:#fff;stroke-width:7;cursor:pointer;transition:transform .18s ease,fill .25s ease,filter .18s ease;transform-box:fill-box;transform-origin:center}.state:hover polygon,.state:hover circle{transform:scale(1.035);filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}.state.active polygon,.state.active circle{fill:#df3340}.state text{font:700 20px Arial;fill:#17384a;text-anchor:middle;pointer-events:none}.state.active text{fill:#fff}.nl-detail{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:26px;min-height:420px;box-shadow:0 16px 45px rgba(15,35,50,.08)}.nl-empty{text-align:center;padding:80px 20px;color:#6b7280}.nl-empty span{font-size:52px;font-weight:800;color:#e5e7eb}.nl-back{border:0;background:none;padding:0;margin-bottom:18px;font-weight:700;cursor:pointer}.branch-grid{display:grid;gap:14px;margin-top:20px}.branch-card{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:16px;border:1px solid #e5e7eb;border-radius:18px;transition:transform .18s,box-shadow .18s}.branch-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.branch-logo{width:78px;height:68px;border-radius:14px;background:#f4f6f8;display:grid;place-items:center;overflow:hidden}.branch-logo img{max-width:90%;max-height:80%;object-fit:contain}.branch-logo span{font-size:36px;font-weight:800;color:#aab3ba}.branch-card small{display:block;color:#6b7280;margin-top:5px}.branch-numbers{display:flex;gap:18px;margin-top:12px}.branch-numbers span{font-size:11px;text-transform:uppercase;color:#6b7280}.branch-numbers strong{display:block;font-size:20px;color:#17384a}.system-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.system-stat-grid>div{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.system-stat-grid span,.system-stat-grid small{display:block;color:#6b7280}.system-stat-grid b{font-size:30px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.api-search{display:grid;grid-template-columns:1fr auto 1fr auto;gap:12px;align-items:end}.api-search label{display:grid;gap:6px}.api-search input{padding:12px;border:1px solid #d9dee3;border-radius:10px}.api-results pre{max-height:350px;overflow:auto;background:#101b23;color:#d9edf6;padding:15px;border-radius:12px}.panel-head{display:flex;justify-content:space-between;align-items:center}.logo-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.logo-admin-card{border:1px solid #e5e7eb;border-radius:18px;padding:15px;display:grid;grid-template-columns:76px 1fr;gap:14px}.logo-preview{width:76px;height:66px;border-radius:12px;background:#f2f4f6;display:grid;place-items:center;overflow:hidden}.logo-preview img{max-width:92%;max-height:84%;object-fit:contain}.logo-preview span{font-size:38px;font-weight:800;color:#adb5bd}.logo-admin-card small,.logo-admin-card em{display:block}.logo-admin-card em{font-style:normal;font-size:12px;margin-top:6px}.logo-admin-card em.ok{color:#15803d}.logo-admin-card em.missing{color:#dc2626}.logo-admin-card form{grid-column:1/-1;display:flex;gap:8px;align-items:center}.logo-admin-card input[type=file]{max-width:180px}@media(max-width:900px){.nl-stage{grid-template-columns:1fr}.nl-toolbar{align-items:flex-start;flex-direction:column}.nl-sync-state{text-align:left}.system-stat-grid{grid-template-columns:repeat(2,1fr)}.api-search{grid-template-columns:1fr}.api-search>span{display:none}}@media(max-width:560px){.system-stat-grid{grid-template-columns:1fr}.germany-map{padding:5px}.state text{font-size:16px}}

/* NL-Netz 2026-06-21: reale Deutschlanddarstellung, Personalbereiche als Filter */
.nl-toolbar-clean{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:stretch;margin-bottom:22px}
.nl-filter-wrap,.nl-sync-state,.nl-map-shell{background:#fff;border:1px solid #e4e7ec;border-radius:22px;box-shadow:0 14px 38px rgba(15,34,48,.07)}
.nl-filter-wrap{padding:18px 20px}.nl-filter-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.nl-filter-title small{display:block;color:#788290;margin-top:3px}.nl-filter-actions{display:flex;gap:7px}.nl-filter-actions button,.nl-reset-map{border:0;background:#eef2f5;border-radius:999px;padding:8px 13px;font-weight:700;cursor:pointer}.nl-company-filter{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 8px}.nl-company-chip{min-width:190px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid #e5e8ec;border-radius:15px;padding:10px 12px;cursor:pointer;background:#fff}.nl-company-chip input{position:absolute;opacity:0}.nl-company-chip:has(input:checked){border-color:#e5424d;box-shadow:0 0 0 2px rgba(229,66,77,.1)}.nl-company-logo{width:42px;height:42px;border-radius:11px;background:#f2f4f6;display:grid;place-items:center;overflow:hidden}.nl-company-logo img{width:100%;height:100%;object-fit:contain}.nl-company-chip strong,.nl-company-chip small{display:block}.nl-company-chip strong{font-size:13px}.nl-company-chip small{font-size:11px;color:#77808a;margin-top:2px}.nl-sync-state{padding:18px;text-align:right;display:flex;flex-direction:column;justify-content:center}.nl-sync-state span,.nl-sync-state small{font-size:12px;color:#7c8490}.nl-sync-state b{margin:5px 0;font-size:14px}
.nl-map-shell{padding:22px}.nl-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.nl-map-header h2{margin:4px 0 0}.nl-map-layout{display:grid;grid-template-columns:minmax(440px,1.15fr) minmax(330px,.85fr);gap:24px;align-items:start}.germany-map-real{min-height:690px;background:linear-gradient(145deg,#f7f9fb,#eef2f5);border-radius:20px;padding:16px;overflow:hidden}.nl-map-viewport{position:relative;width:min(100%,560px);aspect-ratio:760/982;margin:auto;overflow:hidden;border-radius:18px;transition:all .45s ease;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%)}.nl-map-image{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(.45) brightness(1.08) contrast(.96);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.nl-map-hotspots{position:absolute;inset:0;width:100%;height:100%}.state-hotspot{cursor:pointer}.state-hotspot>*{fill:rgba(229,66,77,0);stroke:rgba(255,255,255,.05);stroke-width:3;transition:fill .18s,filter .18s}.state-hotspot:hover>*{fill:rgba(229,66,77,.2);filter:drop-shadow(0 0 10px rgba(229,66,77,.28))}.state-hotspot[data-heat="1"]>*{fill:rgba(229,66,77,.08)}.state-hotspot[data-heat="2"]>*{fill:rgba(229,66,77,.15)}.state-hotspot[data-heat="3"]>*{fill:rgba(229,66,77,.24)}.state-hotspot[data-heat="4"]>*{fill:rgba(229,66,77,.34)}.state-hotspot.active>*{fill:rgba(229,66,77,.32);stroke:#fff}.nl-map-viewport.is-zoomed .nl-map-image,.nl-map-viewport.is-zoomed .nl-map-hotspots,.nl-map-viewport.is-zoomed .nl-map-markers{transform:scale(2.15);transform-origin:var(--zoom-x) var(--zoom-y)}.nl-map-hotspots,.nl-map-markers{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.nl-map-markers{position:absolute;inset:0;pointer-events:none}.nl-location-marker{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:13px;border:3px solid white;background:white;box-shadow:0 8px 20px rgba(15,34,48,.25);display:grid;place-items:center;overflow:hidden;pointer-events:auto;cursor:pointer;transition:width .2s,height .2s,transform .2s}.nl-location-marker:hover{width:55px;height:55px;z-index:5}.nl-location-marker img{width:100%;height:100%;object-fit:contain}.nl-location-marker span{font-weight:900;font-size:22px;color:#e5424d}.nl-map-legend{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#7b8490;margin-top:12px}.nl-map-legend i{width:24px;height:6px;border-radius:99px;background:#f7d6d9}.nl-map-legend i:nth-of-type(2){background:#f0a5aa}.nl-map-legend i:nth-of-type(3){background:#e96e77}.nl-map-legend i:nth-of-type(4){background:#e1323d}.nl-detail{min-height:690px;background:#fbfcfd;border:1px solid #e5e8ec;border-radius:20px;padding:20px;overflow:auto;max-height:760px}.nl-detail-head{padding-bottom:16px;border-bottom:1px solid #e6e9ed;margin-bottom:14px}.nl-detail-head h2{margin:5px 0}.nl-detail-head p{margin:0;color:#78818d}.branch-grid{display:grid;gap:12px}.branch-card{display:grid;grid-template-columns:62px 1fr;gap:13px;padding:14px;background:white;border:1px solid #e5e8ec;border-radius:16px;transition:.2s}.branch-card:hover,.branch-card.focus{border-color:#e5424d;box-shadow:0 8px 20px rgba(229,66,77,.1);transform:translateY(-1px)}.branch-logo{width:62px;height:62px;border-radius:13px;background:#f2f4f6;display:grid;place-items:center;overflow:hidden}.branch-logo img{width:100%;height:100%;object-fit:contain}.branch-logo span{font-size:28px;font-weight:900;color:#e5424d}.branch-content>small{font-size:10px;color:#87909a}.branch-content>b{display:block;margin:2px 0 5px}.branch-content p{font-size:12px;color:#68727e;line-height:1.45;margin:0 0 10px}.branch-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.branch-numbers span{background:#f3f5f7;border-radius:10px;padding:7px;text-align:center;font-size:10px;color:#68717c}.branch-numbers strong{display:block;font-size:16px;color:#142737}.nl-empty{display:grid;place-items:center;text-align:center;min-height:260px;color:#78818d}.nl-empty h2{color:#172936;margin:8px 0}.nl-empty span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#e5424d;text-transform:uppercase}
@media(max-width:980px){.nl-toolbar-clean,.nl-map-layout{grid-template-columns:1fr}.nl-sync-state{text-align:left}.germany-map-real{min-height:auto}.nl-detail{min-height:320px}.nl-map-viewport{max-width:500px}}
@media(max-width:620px){.nl-map-shell{padding:12px}.nl-company-chip{min-width:160px}.nl-map-layout{gap:12px}.germany-map-real{padding:6px}.nl-map-viewport.is-zoomed .nl-map-image,.nl-map-viewport.is-zoomed .nl-map-hotspots,.nl-map-viewport.is-zoomed .nl-map-markers{transform:scale(1.8)}}
/* NL-Netz GeoJSON-Karte V3 */
.nl-geo-map{position:relative;width:100%;min-height:640px;background:linear-gradient(145deg,#f9fbfc,#edf3f6);border-radius:24px;overflow:hidden}.nl-geo-map svg{width:100%;height:640px;display:block;transition:all .45s ease}.geo-state{fill:#e7eef2;stroke:#fff;stroke-width:5;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .2s,filter .2s,opacity .2s}.geo-state[data-heat="1"]{fill:#f7d8dc}.geo-state[data-heat="2"]{fill:#efadb4}.geo-state[data-heat="3"]{fill:#e86b76}.geo-state[data-heat="4"],.geo-state.active{fill:#df3340}.geo-state:hover{filter:brightness(.96) drop-shadow(0 7px 8px rgba(18,46,62,.22))}.geo-marker{cursor:pointer;filter:drop-shadow(0 4px 7px rgba(0,0,0,.25))}.geo-marker circle{fill:#fff;stroke:#df3340;stroke-width:4;vector-effect:non-scaling-stroke}.geo-marker text{font:800 22px Arial;fill:#172936}.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#667784;font-weight:700;background:#f4f7f9}.map-loading[hidden]{display:none}.map-attribution{display:block;text-align:center;color:#7c8992;margin-top:8px}.mail-group-grid,.area-result-grid{display:grid;gap:14px;margin-top:18px}.mail-group-card,.area-result-card{border:1px solid #e3e8ec;border-radius:16px;padding:16px;background:#fff}.mail-members>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f3}.mail-members small{display:block;color:#71808a}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form input{min-width:260px}.area-result-card img{max-width:82px;max-height:44px;object-fit:contain}

.nl-type-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.nl-type-filter a{padding:10px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;color:var(--ink);text-decoration:none}.nl-type-filter a.active{background:var(--ink);color:#fff}.mail-autocomplete{position:relative;min-width:320px;flex:1}.mail-autocomplete input{width:100%}.mail-suggestions{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:50;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;max-height:280px;overflow:auto}.mail-suggestions button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:10px;cursor:pointer}.mail-suggestions button:hover{background:#f2f4f6}.mail-suggestions small{display:block;color:var(--muted);margin-top:2px}.settings-focus{animation:settingsPulse .65s ease}@keyframes settingsPulse{0%{transform:scale(1)}45%{transform:scale(1.018);box-shadow:0 0 0 5px rgba(229,66,77,.12),var(--shadow)}100%{transform:scale(1)}}.sync-live-panel #schedulerLive>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.sync-running{color:#d97706;font-weight:800}.sync-idle{color:#168247;font-weight:800}.sidebar{z-index:100}.app-shell main{min-width:0}.nl-map-shell{position:relative;z-index:1}

/* VENTZ ONE zentrale Akzentfarben */
.status-number,.btn.primary,.ventz-app-tag,.status-icon{background:var(--red)!important}.status-number,.btn.primary{color:#fff!important}.text-button,.eyebrow{color:var(--red)!important}input[type=checkbox],input[type=radio]{accent-color:var(--red)!important}.settings-pulse{animation:settingsPulse .8s ease}@keyframes settingsPulse{0%{transform:scale(1)}35%{transform:scale(1.025);box-shadow:0 0 0 6px color-mix(in srgb,var(--red) 18%,transparent),var(--vo-shadow)}100%{transform:scale(1)}}.sync-job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.sync-job-card{border:1px solid var(--line);border-radius:22px;padding:20px;background:#fff}.sync-job-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.sync-job-card dl div{padding:10px;border-radius:12px;background:#f6f7f9}.sync-job-card dt{font-size:12px;color:var(--muted)}.sync-job-card dd{margin:4px 0 0;font-weight:800}.sync-job-card pre{white-space:pre-wrap;max-height:180px;overflow:auto}

/* Einheitliches benutzerbezogenes Farbschema */
body{--accent:var(--red);--accent-dark:var(--red2);--accent-soft:color-mix(in srgb,var(--red) 10%,#fff);--accent-border:color-mix(in srgb,var(--red) 24%,#fff)}
.ventz-app-card:not(.ventz-app-card-dark):not(.nl-dashboard-card){background:linear-gradient(145deg,#fff 0%,var(--accent-soft) 160%);border-color:var(--accent-border)}
.ventz-app-card:not(.ventz-app-card-dark):before{background:radial-gradient(circle,color-mix(in srgb,var(--red) 18%,transparent),transparent 68%)}
.ventz-app-card:hover{border-color:color-mix(in srgb,var(--red) 45%,#fff)}
.ventz-app-icon,.status-icon{background:var(--red)!important;color:#fff!important}
.ventz-app-tag{background:transparent!important;color:var(--red)!important}
.status-tile{background:linear-gradient(145deg,#fff 0%,var(--accent-soft) 170%);border-color:var(--accent-border)}
.status-number{background:var(--red)!important;color:#fff!important}
.nav-count,.count-badge,.status-chip{background:var(--red)!important;color:#fff!important}
.nl-dashboard-card{background:linear-gradient(145deg,var(--red2),var(--red))!important;color:#fff!important}
.nl-dashboard-card .ventz-app-icon{background:rgba(255,255,255,.18)!important;color:#fff!important}
.nl-dashboard-card .ventz-app-tag,.nl-dashboard-card p{color:#fff!important}
.admin-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.admin-hub-grid{grid-template-columns:1fr}}

/* Exakte Standortmarkierung: kleiner Punkt mit Verbindung zum Logo */
.marker-tail{stroke:var(--red);stroke-width:2.5;vector-effect:non-scaling-stroke;opacity:.8}
.marker-dot{fill:var(--red);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.geo-marker-callout circle{fill:#fff;stroke:var(--red);stroke-width:3;vector-effect:non-scaling-stroke}
.geo-marker-callout:hover{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 7px 10px rgba(0,0,0,.3))}
.geo-state[data-heat="1"]{fill:color-mix(in srgb,var(--red) 24%,#fff)}
.geo-state[data-heat="2"]{fill:color-mix(in srgb,var(--red) 45%,#fff)}
.geo-state[data-heat="3"]{fill:color-mix(in srgb,var(--red) 70%,#fff)}
.geo-state[data-heat="4"],.geo-state.active{fill:var(--red)}
/* People Analytics – vorgerenderte, schnelle CO-Ansicht */
.co-filter{display:grid;grid-template-columns:2fr 1.2fr .8fr 1fr auto;gap:14px;align-items:end}.co-filter label{margin:0}.co-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.co-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.mini-chart{height:205px;display:flex;gap:10px;align-items:end;padding:20px 8px 0;border-bottom:1px solid var(--border,#e5e7eb)}.mini-col{flex:1;min-width:20px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.mini-bar{width:100%;min-height:3px;border-radius:8px 8px 2px 2px;background:var(--accent,#d92332);opacity:.82}.mini-value{font-size:11px;font-weight:800;margin-bottom:5px}.mini-col small{font-size:10px;margin-top:7px}.movement-chart{display:grid;gap:9px}.movement-row{display:grid;grid-template-columns:35px 1fr 70px;gap:10px;align-items:center;font-size:12px}.move-track{height:12px;background:#eef0f3;border-radius:99px;position:relative;overflow:hidden}.move-track i{position:absolute;height:50%;left:0}.move-track .entry{top:0;background:#43a66f}.move-track .exit{bottom:0;background:var(--accent,#d92332)}.movement-row b{text-align:right;font-size:11px}.donut-wrap{display:flex;align-items:center;gap:28px;min-height:200px}.co-donut{--internal:50;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--accent,#d92332) calc(var(--internal)*1%),#e8ebef 0);position:relative}.co-donut:after{content:"";position:absolute;inset:30px;background:var(--card,#fff);border-radius:50%}.absence-bars{display:grid;gap:9px}.absence-bars>div{display:grid;grid-template-columns:34px 1fr 48px;align-items:center;gap:10px;font-size:11px}.absence-bars i{display:block;height:9px;background:#edf0f3;border-radius:99px;overflow:hidden}.absence-bars i b{display:block;height:100%;background:var(--accent,#d92332);border-radius:99px}.formula-panel{margin-top:18px}.formula-panel p{max-width:1100px}.kpi-card{transition:transform .16s ease,box-shadow .16s ease}.kpi-card:hover{transform:translateY(-2px)}
@media(max-width:1200px){.co-kpis{grid-template-columns:repeat(3,1fr)}.co-filter{grid-template-columns:repeat(2,1fr)}.co-grid{grid-template-columns:1fr}}@media(max-width:700px){.co-kpis{grid-template-columns:repeat(2,1fr)}.co-filter{grid-template-columns:1fr}.movement-row{grid-template-columns:30px 1fr 62px}}


/* ======================================================================
   VENTZ ONE – ruhiges Premium-Farbsystem
   Große Flächen bleiben neutral. Die gewählte Akzentfarbe wird nur für
   Icons, Buttons, aktive Zustände, Zähler und feine Interaktionen genutzt.
   ====================================================================== */
:root {
  --vo-surface: #ffffff;
  --vo-surface-soft: #f8f9fb;
  --vo-page: #f3f4f6;
  --vo-border-soft: #e7e9ee;
  --vo-ink-soft: #25272d;
}

body {
  background: var(--vo-page) !important;
}

/* Standardmodule: weiß, ruhig, ohne farbige Großflächen */
.ventz-app-card,
.ventz-app-card:not(.ventz-app-card-dark):not(.nl-dashboard-card),
.nl-dashboard-card {
  background: var(--vo-surface) !important;
  color: var(--vo-ink-soft) !important;
  border: 1px solid var(--vo-border-soft) !important;
  box-shadow: 0 14px 42px rgba(18, 22, 32, .07) !important;
}

.ventz-app-card::before,
.ventz-app-card:not(.ventz-app-card-dark)::before,
.nl-dashboard-card::before {
  background: none !important;
  display: none !important;
}

.ventz-app-card:hover,
.nl-dashboard-card:hover {
  transform: translateY(-5px) !important;
  border-color: color-mix(in srgb, var(--red) 32%, var(--vo-border-soft)) !important;
  box-shadow: 0 22px 58px rgba(18, 22, 32, .11) !important;
}

/* Kleine, hochwertige Akzente statt vollflächiger Farbe */
.ventz-app-card:not(.ventz-app-card-dark)::after,
.nl-dashboard-card::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 30px 0 0 30px;
  background: var(--red);
  opacity: 0;
  transition: opacity .2s ease;
}

.ventz-app-card:not(.ventz-app-card-dark):hover::after,
.nl-dashboard-card:hover::after {
  opacity: 1;
}

.ventz-app-card p,
.nl-dashboard-card p {
  color: var(--vo-muted) !important;
}

.ventz-app-card h2,
.nl-dashboard-card h2,
.ventz-app-arrow,
.nl-dashboard-card .ventz-app-arrow {
  color: var(--vo-ink-soft) !important;
}

.ventz-app-icon,
.nl-dashboard-card .ventz-app-icon,
.status-icon {
  background: var(--red) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.ventz-app-tag,
.nl-dashboard-card .ventz-app-tag {
  background: transparent !important;
  color: var(--red) !important;
}

/* Controlling bleibt die einzige dunkle Premium-Kachel */
.ventz-app-card-dark {
  color: #fff !important;
  border-color: transparent !important;
  background: radial-gradient(circle at 82% 22%, rgba(255,255,255,.09), transparent 14rem),
              linear-gradient(145deg, #202228, #0d0e12) !important;
  box-shadow: 0 22px 60px rgba(12, 13, 17, .22) !important;
}

.ventz-app-card-dark h2,
.ventz-app-card-dark .ventz-app-arrow {
  color: #fff !important;
}

.ventz-app-card-dark p {
  color: rgba(255,255,255,.66) !important;
}

.ventz-app-card-dark .ventz-app-tag {
  color: rgba(255,255,255,.76) !important;
}

.ventz-app-card-dark .ventz-app-icon {
  background: var(--red) !important;
  color: #fff !important;
}

/* Niederlassungsnetz und Administration bleiben hell */
.nl-dashboard-card {
  background: #fff !important;
}

/* Statuskacheln: neutral; Farbe nur bei tatsächlich offenen Vorgängen */
.status-tile {
  background: #fff !important;
  border: 1px solid var(--vo-border-soft) !important;
  box-shadow: 0 12px 34px rgba(18, 22, 32, .06) !important;
}

.status-tile:hover {
  border-color: color-mix(in srgb, var(--red) 28%, var(--vo-border-soft)) !important;
  transform: translateY(-2px);
}

.status-number {
  background: var(--red) !important;
  color: #fff !important;
}

.status-tile-zero .status-icon {
  background: #eef0f3 !important;
  color: #5d626d !important;
}

.status-tile-zero .status-number {
  background: #343840 !important;
  color: #fff !important;
}

.status-tile-zero {
  border-color: var(--vo-border-soft) !important;
}

/* Navigations- und Postboxzähler nur bei Inhalt farbig; neutrale Nullwerte */
.nav-count,
.count-badge,
.status-chip {
  background: var(--red) !important;
  color: #fff !important;
}

.nav-count[data-count="0"],
.count-badge[data-count="0"],
.status-chip[data-count="0"] {
  background: #343840 !important;
}

/* Keine unnötigen Verläufe auf Standardflächen */
.panel,
.feature,
.kpi-card,
.section-tile,
.sync-job-card,
.info-cards > div,
.salary-card {
  background: #fff !important;
  border-color: var(--vo-border-soft) !important;
}

/* Akzentfarbe bleibt auf echten Interaktionen */
.btn.primary,
.primary,
button.primary {
  background: var(--red) !important;
  color: #fff !important;
}

.btn.primary:hover,
.primary:hover,
button.primary:hover {
  filter: brightness(.94);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--red) 12%, transparent) !important;
}

/* Dashboard etwas luftiger und moderner */
.ventz-app-grid {
  gap: 20px !important;
}

.compact-modules .ventz-app-card {
  min-height: 238px !important;
}

@media (max-width: 700px) {
  .ventz-app-card:not(.ventz-app-card-dark)::after,
  .nl-dashboard-card::after {
    border-radius: 24px 0 0 24px;
  }
}


/* FINAL 2026-06-21: Dashboard konsequent neutral + Cache-Busting */
body .compact-modules .ventz-app-card:not(.ventz-app-card-dark),
body .compact-modules .nl-dashboard-card,
body .compact-modules a.nl-dashboard-card {
  background:#ffffff !important;
  background-image:none !important;
  color:#202228 !important;
  border:1px solid #e5e8ed !important;
  box-shadow:0 12px 34px rgba(18,22,32,.065) !important;
}
body .compact-modules .ventz-app-card:not(.ventz-app-card-dark)::before,
body .compact-modules .nl-dashboard-card::before {display:none !important;background:none !important;}
body .compact-modules .ventz-app-card:not(.ventz-app-card-dark) h2,
body .compact-modules .nl-dashboard-card h2,
body .compact-modules .ventz-app-card:not(.ventz-app-card-dark) .ventz-app-arrow,
body .compact-modules .nl-dashboard-card .ventz-app-arrow {color:#202228 !important;}
body .compact-modules .ventz-app-card:not(.ventz-app-card-dark) p,
body .compact-modules .nl-dashboard-card p {color:#747985 !important;}
body .compact-modules .ventz-app-card:not(.ventz-app-card-dark) .ventz-app-tag,
body .compact-modules .nl-dashboard-card .ventz-app-tag {color:var(--red) !important;background:transparent !important;}
body .compact-modules .ventz-app-card:not(.ventz-app-card-dark) .ventz-app-icon,
body .compact-modules .nl-dashboard-card .ventz-app-icon {background:var(--red) !important;color:#fff !important;}
body .compact-modules .ventz-app-card:not(.ventz-app-card-dark):hover,
body .compact-modules .nl-dashboard-card:hover {background:#fff !important;border-color:color-mix(in srgb,var(--red) 28%,#e5e8ed) !important;transform:translateY(-4px) !important;}
body .compact-modules .ventz-app-card-dark {background:linear-gradient(145deg,#202228,#0e0f13) !important;color:#fff !important;}
body .compact-modules .ventz-app-card-dark h2,
body .compact-modules .ventz-app-card-dark .ventz-app-arrow {color:#fff !important;}
body .compact-modules .ventz-app-card-dark p {color:rgba(255,255,255,.66) !important;}
body .dashboard-status-grid .status-tile-zero {background:#fff !important;border-color:#e5e8ed !important;}
body .dashboard-status-grid .status-tile-zero .status-icon {background:#eef0f3 !important;color:#565c67 !important;}
body .dashboard-status-grid .status-tile-zero .status-number {background:#343840 !important;color:#fff !important;}

/* Synchronisationscenter: alle Jobs sichtbar und getrennt */
.sync-center-panel .sync-job-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr)) !important;align-items:stretch;}
.sync-center-panel .sync-job-card{min-width:0;background:#fff !important;}
.local-jobs-panel{border-top:3px solid color-mix(in srgb,var(--red) 35%,#fff) !important;}
.local-job-grid{grid-template-columns:repeat(2,minmax(280px,1fr)) !important;}
.local-job-card{position:relative;}
.local-job-card::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 4px 4px 0;background:var(--red);opacity:.65;}
@media(max-width:850px){.local-job-grid{grid-template-columns:1fr !important;}}

/* ======================================================================
   VENTZ ONE · MODERN UX 2026
   Ruhige, social-first Oberfläche: starke Typografie, klare Hierarchie,
   neutrale Flächen und einzelne, bewusste Farbakzente.
   ====================================================================== */
:root{
  --modern-bg:#f5f6f8;
  --modern-card:rgba(255,255,255,.92);
  --modern-card-solid:#fff;
  --modern-ink:#111318;
  --modern-muted:#6f7580;
  --modern-line:#e8eaee;
  --modern-shadow:0 16px 48px rgba(17,19,24,.075);
  --modern-shadow-hover:0 24px 70px rgba(17,19,24,.13);
  --modern-radius:26px;
}
body.ventz-body{background:
  radial-gradient(circle at 75% -15%,color-mix(in srgb,var(--red) 7%,transparent),transparent 30rem),
  var(--modern-bg)!important;color:var(--modern-ink)}
.shell{background:transparent!important}
.sidebar{background:rgba(255,255,255,.86)!important;border-right:1px solid rgba(17,19,24,.06)!important;backdrop-filter:blur(24px);box-shadow:8px 0 36px rgba(17,19,24,.035)}
.sidebar nav a,.sidebar-tree a{border-radius:14px;transition:.18s ease}
.sidebar nav a:hover,.sidebar-tree a:hover{background:#f0f2f5!important;transform:translateX(2px)}
.sidebar nav a.current,.sidebar-tree a.current{background:#111318!important;color:#fff!important}
main{background:transparent!important}
.ventz-dashboard{padding:clamp(28px,3vw,56px)!important;max-width:1720px;margin:auto}
.ventz-dashboard-hero{align-items:center!important;margin-bottom:22px!important}
.ventz-dashboard-hero h1{font-size:clamp(44px,5vw,76px)!important;letter-spacing:-.055em!important;line-height:.94!important;font-weight:850!important}
.ventz-dashboard-subtitle{font-size:17px!important;color:var(--modern-muted)!important;margin-top:14px!important}
.eyebrow,.ventz-app-tag{letter-spacing:.18em!important;font-size:10px!important;font-weight:900!important}
.ventz-date-card,.ventz-weather-card{background:rgba(255,255,255,.84)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 14px 44px rgba(17,19,24,.07)!important;backdrop-filter:blur(20px);border-radius:20px!important}
.dashboard-status-grid{gap:12px!important;margin:16px 0 32px!important}
.status-tile{border-radius:18px!important;min-height:68px!important;padding:12px 14px!important;background:rgba(255,255,255,.88)!important;border:1px solid var(--modern-line)!important;box-shadow:0 10px 28px rgba(17,19,24,.055)!important}
.status-tile-zero .status-icon{background:#f1f2f4!important;color:#252830!important}.status-tile-zero .status-number{background:#23262d!important}
.ventz-app-grid.compact-modules{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
.compact-modules .ventz-app-card{grid-column:span 3;min-height:220px!important;padding:24px!important;border-radius:var(--modern-radius)!important;background:var(--modern-card)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:var(--modern-shadow)!important;backdrop-filter:blur(18px);overflow:hidden;isolation:isolate;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease!important}
.compact-modules .ventz-app-card.module-wide{grid-column:span 6}
.compact-modules .ventz-app-card:hover{transform:translateY(-7px) scale(1.006)!important;box-shadow:var(--modern-shadow-hover)!important;border-color:color-mix(in srgb,var(--module-accent,var(--red)) 28%,#fff)!important}
.compact-modules .ventz-app-card::after{content:""!important;display:block!important;position:absolute!important;inset:auto -15% -55% auto!important;width:230px!important;height:230px!important;border-radius:50%!important;background:radial-gradient(circle,color-mix(in srgb,var(--module-accent,var(--red)) 12%,transparent),transparent 68%)!important;opacity:.9!important;z-index:-1!important;pointer-events:none}
.compact-modules .ventz-app-card::before{display:none!important}
.compact-modules .ventz-app-card h2{font-size:clamp(25px,2vw,34px)!important;letter-spacing:-.035em!important;margin-bottom:9px!important;color:var(--modern-ink)!important}
.compact-modules .ventz-app-card p{font-size:13px!important;color:var(--modern-muted)!important;max-width:95%;line-height:1.55!important}
.compact-modules .ventz-app-card-top{align-items:center!important}
.compact-modules .ventz-app-icon{width:48px!important;height:48px!important;border-radius:15px!important;background:color-mix(in srgb,var(--module-accent,var(--red)) 12%,#fff)!important;color:var(--module-accent,var(--red))!important;border:1px solid color-mix(in srgb,var(--module-accent,var(--red)) 14%,#fff)!important;box-shadow:none!important;font-size:20px!important}
.compact-modules .ventz-app-tag{color:color-mix(in srgb,var(--module-accent,var(--red)) 78%,#111)!important}
.compact-modules .ventz-app-arrow{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f1f2f4;color:#16181d!important;right:20px!important;bottom:20px!important;transition:.2s ease}
.compact-modules .ventz-app-card:hover .ventz-app-arrow{background:var(--module-accent,var(--red));color:#fff!important;transform:translateX(3px)}
.module-learning{--module-accent:#e24656}.module-skills{--module-accent:#7b61ff}.module-absence{--module-accent:#3f8cff}.module-organization{--module-accent:#20242c}.module-people{--module-accent:#635bff}.module-documents{--module-accent:#f08738}.module-payroll{--module-accent:#23a26d}.module-network{--module-accent:#227c9d}.module-admin{--module-accent:#59606d}
.compact-modules .ventz-app-card-dark{--module-accent:#ff4458;background:linear-gradient(145deg,#17191f,#0b0c10)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:0 24px 70px rgba(10,11,14,.2)!important}
.compact-modules .ventz-app-card-dark::after{background:radial-gradient(circle,rgba(255,68,88,.22),transparent 68%)!important}
.compact-modules .ventz-app-card-dark h2{color:#fff!important}.compact-modules .ventz-app-card-dark p{color:rgba(255,255,255,.62)!important}.compact-modules .ventz-app-card-dark .ventz-app-icon{background:rgba(255,68,88,.16)!important;color:#ff6b7a!important;border-color:rgba(255,255,255,.08)!important}.compact-modules .ventz-app-card-dark .ventz-app-tag{color:#ff7b88!important}.compact-modules .ventz-app-card-dark .ventz-app-arrow{background:rgba(255,255,255,.1);color:#fff!important}
.ventz-system-quote-card{grid-column:span 6!important;border-radius:var(--modern-radius)!important;background:linear-gradient(145deg,#111318,#241318)!important;box-shadow:var(--modern-shadow)!important}
.page-head h1{font-size:clamp(38px,4.4vw,66px)!important;letter-spacing:-.05em!important;line-height:1!important}
.panel,.feature,.section-tile,.sync-job-card,.area-result-card,.logo-admin-card{border-radius:22px!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--modern-line)!important;box-shadow:0 12px 38px rgba(17,19,24,.055)!important}
.admin-hub-grid .ventz-app-card{min-height:250px!important}
.empty-state.compact{padding:28px;border:1px dashed #d9dce2;border-radius:18px;background:#fafbfc}.empty-state.compact p{margin:8px 0 0;color:var(--modern-muted)}
.geo-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;background:#eef0f3;color:#5c626d}.geo-success,.geo-ok{background:#e7f7ef;color:#167247}.geo-running{background:#e7f1ff;color:#2563a8}.geo-error{background:#fff0f1;color:#bf2534}.geo-pending{background:#f2f3f5;color:#69707b}
/* Kartenmarker: kontrastreich auf jeder Heatmap-Farbe */
.marker-tail{stroke:#fff!important;stroke-width:4!important;opacity:1!important;filter:drop-shadow(0 1px 2px rgba(17,19,24,.72))}
.marker-dot{fill:#fff!important;stroke:#151820!important;stroke-width:2.4!important;filter:drop-shadow(0 2px 5px rgba(17,19,24,.35))}
.geo-marker-callout circle{fill:#fff!important;stroke:#151820!important;stroke-width:2.5!important}
.nl-geo-map{background:#eef1f5!important;border-radius:28px!important}
.geo-state{stroke:#fff!important;stroke-width:3.5!important}.geo-state.active{filter:brightness(.92) saturate(.85)}
/* Synchronisationscenter modern und lesbar */
.sync-job-grid{gap:14px!important}.sync-job-card{box-shadow:none!important;border:1px solid var(--modern-line)!important}.sync-job-card:hover{border-color:#cfd3da!important;transform:translateY(-2px)}
.sync-state{border-radius:999px!important;padding:5px 8px!important;background:#eef0f3!important;color:#252830!important}
.btn.primary{border-radius:13px!important;box-shadow:0 8px 20px color-mix(in srgb,var(--red) 18%,transparent)!important}
@media(max-width:1250px){.compact-modules .ventz-app-card{grid-column:span 6}.compact-modules .ventz-app-card.module-wide{grid-column:span 6}.ventz-system-quote-card{grid-column:span 12!important}}
@media(max-width:720px){.ventz-dashboard{padding:22px 16px!important}.ventz-app-grid.compact-modules{grid-template-columns:1fr!important}.compact-modules .ventz-app-card,.compact-modules .ventz-app-card.module-wide,.ventz-system-quote-card{grid-column:1!important;min-height:195px!important}.ventz-dashboard-hero h1{font-size:44px!important}}

/* Document Center 2026 presentation UX */
.doc-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.doc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.doc-kpis>div{background:var(--surface,#fff);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(16,24,40,.04)}.doc-kpis span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.doc-kpis b{font-size:28px}.doc-workspace-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-bottom:18px}.doc-action-card{min-height:190px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;color:inherit;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;box-shadow:0 14px 45px rgba(15,23,42,.05)}.doc-action-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(15,23,42,.09);border-color:color-mix(in srgb,var(--accent,#df2734) 35%,#ddd)}.doc-action-card.accent{background:linear-gradient(145deg,#13151b,#25212a);color:#fff}.doc-action-card small{letter-spacing:.14em;font-weight:800;color:var(--accent,#df2734)}.doc-action-card h2{margin:8px 0}.doc-action-card p{color:var(--muted)}.doc-action-card.accent p{color:#c4c7cf}.doc-action-icon{width:46px;height:46px;border-radius:15px;background:var(--accent,#df2734);color:#fff;display:grid;place-items:center;font-size:21px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.pipeline-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}.pipeline-steps div{padding:16px;border-radius:16px;background:#f5f6f8;display:grid;grid-template-columns:30px 1fr;gap:4px 10px}.pipeline-steps i{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;font-style:normal}.pipeline-steps span{font-size:11px;color:var(--muted)}.pipeline-steps .active{background:color-mix(in srgb,var(--accent,#df2734) 10%,#fff)}.template-search{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0}.template-search input{max-width:520px}.template-grid.presentation .template-card{position:relative;min-height:220px;padding-top:64px}.template-symbol{position:absolute;top:18px;left:18px;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--accent,#df2734) 12%,#fff);color:var(--accent,#df2734);display:grid;place-items:center;font-size:18px;font-weight:900}.creation-stepper{display:flex;gap:8px;margin:0 0 18px}.creation-stepper span{flex:1;padding:10px 14px;border-radius:999px;background:#eef0f3;color:#707783;font-size:12px;font-weight:800;text-align:center}.creation-stepper .done{color:#1c7a47;background:#eaf8f0}.creation-stepper .active{background:#17191f;color:#fff}.doc-form-panel{padding:28px}.form-intro{display:flex;align-items:center;justify-content:space-between}.live-pill{font-size:11px;font-weight:800;color:#1c7a47;background:#eaf8f0;padding:7px 10px;border-radius:999px}.form-field.enhanced{margin-bottom:17px}.form-field.enhanced label{display:block;font-weight:800;margin-bottom:7px}.form-field.enhanced label b{color:var(--accent,#df2734)}.form-field.enhanced small{display:block;color:var(--muted);margin-top:6px}.smart-input{position:relative}.smart-input span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--muted)}.salary-calculator{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#17191f;color:#fff;padding:16px;border-radius:20px;margin:22px 0}.salary-calculator div{padding:10px;border-right:1px solid #343740}.salary-calculator div:last-child{border:0}.salary-calculator small{display:block;color:#9ea3ad;font-size:10px;letter-spacing:.1em}.salary-calculator b{font-size:18px}.sticky-actionbar{position:sticky;bottom:12px;display:flex;gap:10px;padding:12px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;margin-top:24px;box-shadow:0 15px 40px rgba(15,23,42,.12)}.employee-snapshot{text-align:center}.employee-avatar{width:58px;height:58px;margin:0 auto 10px;border-radius:18px;background:#17191f;color:#fff;display:grid;place-items:center;font-weight:900}.employee-snapshot dl{text-align:left}.employee-snapshot dl div{padding:10px 0;border-bottom:1px solid var(--line)}.employee-snapshot dt{font-size:11px;color:var(--muted);text-transform:uppercase}.employee-snapshot dd{margin:3px 0 0;font-weight:700}.workflow-preview{display:flex;flex-wrap:wrap;gap:7px}.workflow-preview span{font-size:11px;padding:7px 9px;background:#f0f1f3;border-radius:999px}.workflow-preview .done{background:#eaf8f0;color:#1c7a47}.document-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.success-check{width:56px;height:56px;border-radius:18px;background:#eaf8f0;color:#1c7a47;display:grid;place-items:center;font-size:28px;font-weight:900}.workflow-timeline{margin:24px 0}.workflow-timeline>div{display:flex;gap:14px;padding:11px 0;position:relative}.workflow-timeline i{width:30px;height:30px;border-radius:50%;background:#eef0f3;display:grid;place-items:center;font-style:normal;font-weight:800}.workflow-timeline .complete i{background:#1c7a47;color:#fff}.workflow-timeline span{display:flex;flex-direction:column}.workflow-timeline small{color:var(--muted)}.send-panel textarea{resize:vertical}
@media(max-width:950px){.doc-kpis{grid-template-columns:1fr 1fr}.doc-workspace-grid,.document-result-grid{grid-template-columns:1fr}.pipeline-steps{grid-template-columns:1fr 1fr}.salary-calculator{grid-template-columns:1fr 1fr}.doc-hero{align-items:flex-start;flex-direction:column}}


/* Dashboard full-width and text-safe layout fix 2026-06-21 */
.shell > main{min-width:0;padding:30px 34px!important}
.ventz-dashboard{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.ventz-dashboard-hero,.dashboard-status-grid,.ventz-app-grid.compact-modules{width:100%!important}
.ventz-app-grid.compact-modules{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))!important;gap:18px!important}
.compact-modules .ventz-app-card{grid-column:auto!important;min-width:0!important;min-height:230px!important}
.compact-modules .ventz-app-card.module-wide{grid-column:span 2!important}
.compact-modules .ventz-app-card>div,.compact-modules .ventz-app-card-top{min-width:0!important}
.compact-modules .ventz-app-card h2{font-size:clamp(25px,1.85vw,34px)!important;line-height:1.08!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important;max-width:calc(100% - 8px)!important}
.compact-modules .ventz-app-card p{max-width:calc(100% - 38px)!important;overflow-wrap:anywhere!important}
.compact-modules .ventz-app-tag{max-width:58%;text-align:right;white-space:normal!important;line-height:1.25!important}
@media(max-width:1500px){
  .ventz-app-grid.compact-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .compact-modules .ventz-app-card.module-wide{grid-column:span 2!important}
}
@media(max-width:820px){
  .shell > main{padding:22px 16px!important}
  .ventz-app-grid.compact-modules{grid-template-columns:1fr!important}
  .compact-modules .ventz-app-card.module-wide{grid-column:span 1!important}
}

/* Document workflow & integrations */
.document-workflow-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:22px;align-items:start}.workflow-timeline.modern>div{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:12px 0;position:relative}.workflow-timeline.modern i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef1f4;font-style:normal;font-weight:800}.workflow-timeline.modern .complete i{background:#e8f7ee;color:#16834a}.workflow-timeline.modern .active i{background:var(--accent);color:#fff}.workflow-timeline.modern small{display:block;color:var(--muted);margin-top:3px}.workflow-callout{padding:16px;border-radius:16px;background:#f5f7f9;margin-top:16px}.workflow-action-grid,.delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workflow-action-grid>*,.delivery-grid>*{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.integration-placeholder{opacity:.72}.timeline-log>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.approval-grid,.integration-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.approval-card textarea{width:100%}.integration-card form{display:grid;gap:12px}.send-panel.compact{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}@media(max-width:950px){.document-workflow-layout{grid-template-columns:1fr}.workflow-action-grid,.delivery-grid{grid-template-columns:1fr}}

/* Performance & Goals */
.module-performance{background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%);border-color:#e8e2ff}.module-performance .ventz-app-icon{background:#6d5dfc;color:#fff}.module-performance .ventz-app-tag{color:#6d5dfc}
.perf-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.perf-focus{background:linear-gradient(135deg,#17171c,#2c2649);color:#fff}.perf-focus .btn{margin-top:20px}.perf-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:#8b7cff}.perf-progress,.goal-bar{height:8px;background:#ececf2;border-radius:999px;overflow:hidden;margin:16px 0}.perf-progress i,.goal-bar i{display:block;height:100%;background:linear-gradient(90deg,#6d5dfc,#b15cff);border-radius:inherit}.perf-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.perf-mini-card{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #e7e7ee;border-radius:16px;background:#fff;text-decoration:none;color:inherit}.perf-mini-card em{color:#6d5dfc;font-style:normal;font-weight:700}.perf-team-list{display:flex;flex-direction:column;gap:8px}.perf-team-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid #ededf2;border-radius:14px;color:inherit;text-decoration:none}.perf-team-row div:first-child{display:flex;flex-direction:column}.perf-team-row span{color:#777}.perf-step-chips{display:flex;gap:6px;flex-wrap:wrap}.perf-step-chips span{padding:6px 9px;border-radius:999px;background:#f2f1ff;color:#5144c9;font-size:12px}.perf-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.perf-timeline-step{display:flex;align-items:center;gap:8px;color:#9a9aa5}.perf-timeline-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee}.perf-timeline-step.done{color:#19191f;font-weight:700}.perf-timeline-step.done b{background:#6d5dfc;color:#fff}.perf-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.perf-layout main{display:flex;flex-direction:column;gap:18px}.sticky-panel{position:sticky;top:20px}.goal-card{padding:18px 0;border-bottom:1px solid #ececf1}.goal-head{display:flex;justify-content:space-between;align-items:center}.goal-head>div{display:flex;align-items:center;gap:10px}.traffic{width:10px;height:10px;border-radius:50%;background:#2cad70}.traffic.yellow{background:#e5a72e}.traffic.red{background:#db3c4a}.create-panel{margin-top:16px;padding:14px;border:1px dashed #c9c6e8;border-radius:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.form-grid .span-2{grid-column:1/-1}.feedback-bars{display:flex;flex-direction:column;gap:10px;margin:14px 0}.feedback-bars>div{display:grid;grid-template-columns:180px 1fr 45px;gap:12px;align-items:center}.feedback-bars i{height:8px;background:#eee;border-radius:999px;overflow:hidden}.feedback-bars b{display:block;height:100%;background:#6d5dfc}.feedback-form fieldset{border:0;border-bottom:1px solid #eee;padding:18px 0}.feedback-form legend{font-size:18px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.stat-grid>div{background:#fff;border:1px solid #e9e9ef;border-radius:16px;padding:16px}.stat-grid span{display:block;color:#777}.stat-grid b{font-size:28px}
@media(max-width:900px){.perf-hero-grid,.perf-layout{grid-template-columns:1fr}.perf-timeline{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.feedback-bars>div{grid-template-columns:120px 1fr 40px}}


.approval-preview{margin:14px 0;border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:10px;background:#f8fafc}.approval-preview summary{cursor:pointer;font-weight:800;margin:2px 0 10px}.approval-pdf-frame{width:100%;height:520px;border:0;border-radius:12px;background:white}.live-notification-toast{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;flex-direction:column;gap:3px;min-width:290px;padding:16px 18px;border-radius:16px;background:#111318;color:#fff;text-decoration:none;box-shadow:0 18px 50px rgba(0,0,0,.25);animation:toastIn .25s ease}.live-notification-toast span{font-size:.82rem;opacity:.75}@keyframes toastIn{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
/* Performance v3 */
.year-switcher{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}.year-card{display:grid;gap:4px;min-width:120px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(17,18,22,.05)}.year-card b{font-size:28px}.year-card span{color:var(--muted);font-size:12px}.year-card.active{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 12%,transparent)}.performance-cycle-head{display:flex;justify-content:space-between;align-items:center}.meeting-check{display:grid;gap:5px;padding:12px;margin:12px 0;border-radius:14px;background:#f2f3f5;font-size:12px}.meeting-check.clear{background:#eaf8ef;color:#176b39}.meeting-check.conflict{background:#fff0f1;color:#9a1f2c}.published-rating{padding:10px 12px;margin:10px 0;border-radius:12px;background:#f4f5f7}.approval-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.approval-pair>div{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px}.approval-pair span{color:var(--muted)}
/* Performance V4 + Development mode */
.mode-switch-form{margin:18px 0}.mode-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer}.mode-switch input{position:absolute;opacity:0}.mode-switch span{width:54px;height:30px;border-radius:999px;background:#cbd5e1;position:relative;transition:.2s}.mode-switch span:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003;transition:.2s}.mode-switch input:checked+span{background:#16a34a}.mode-switch input:checked+span:after{transform:translateX(24px)}
.danger-zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.danger-card{border:1px solid #fecaca;background:#fffafa;border-radius:18px;padding:18px}.danger-card.full{grid-column:1/-1}.danger-card h3{margin-top:0}.danger-card form{display:grid;gap:10px}.btn.danger{background:#991b1b;color:#fff;border-color:#991b1b}.meeting-summary-card{border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:18px}.meeting-actions{display:flex;gap:10px;flex-wrap:wrap}.goal-draft-note{padding:12px 14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.private-draft-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#f1f5f9;font-size:.75rem;font-weight:700}.employee-prep-note{padding:12px 14px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe}
@media(max-width:800px){.danger-zone-grid{grid-template-columns:1fr}.danger-card.full{grid-column:auto}}
.perf-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.perf-hub-card{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 16px 40px rgba(17,18,22,.06);transition:.18s}.perf-hub-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(17,18,22,.1)}.perf-hub-card.hr{background:linear-gradient(135deg,#fff,#f7f5ff)}.perf-hub-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#f0edff;color:#5f50dc;font-weight:900;font-size:20px}.perf-hub-card h2{margin:2px 0 7px}.perf-hub-card p{margin:0;color:var(--muted)}.performance-subnav,.settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.performance-subnav a,.settings-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:inherit;text-decoration:none;font-weight:700;font-size:13px}.performance-subnav a.active,.settings-nav a.active{background:#17171c;color:#fff;border-color:#17171c}.perf-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-tile{display:block;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;color:inherit;text-decoration:none}.settings-tile>span{font-size:12px;font-weight:900;color:var(--red)}.settings-tile h3{margin:10px 0 7px}.settings-tile p{margin:0;color:var(--muted)}.question-list{display:grid;gap:8px}.question-row{border:1px solid var(--line);border-radius:14px;padding:12px}.question-row summary{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;cursor:pointer}.question-row summary em{font-style:normal;color:var(--muted);font-size:12px}.scale-items{display:grid;gap:8px;margin-top:18px}.scale-item-row{display:grid;grid-template-columns:80px 1fr 2fr 56px 90px auto;gap:8px;align-items:center}.notification-rule{display:grid;grid-template-columns:1.3fr auto auto auto 80px 1.2fr 1.6fr auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.notification-rule>div{display:grid}.notification-rule span{font-size:12px;color:var(--muted)}@media(max-width:900px){.perf-hub-grid,.perf-settings-grid{grid-template-columns:1fr}.perf-hub-card{grid-template-columns:52px 1fr}.perf-hub-card>strong{grid-column:2}.scale-item-row,.notification-rule{grid-template-columns:1fr}}

/* Fast document preview */
.pdf-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.pdf-dialog .dialog-head h2{margin:0}.pdf-dialog .dialog-head small{display:block;color:var(--muted);margin-top:3px}.preview-dialog-actions{display:flex;align-items:center;gap:8px}.preview-dialog-actions>#closePreview{width:38px;height:38px;border:0;border-radius:50%;font-size:22px;cursor:pointer}.preview-dialog-actions .btn{white-space:nowrap}@media(max-width:720px){.pdf-dialog .dialog-head{align-items:flex-start}.preview-dialog-actions{flex-wrap:wrap;justify-content:flex-end}.preview-dialog-actions .btn{font-size:12px;padding:8px 10px}}


/* Performance cycle activation status */
.cycle-status-panel{display:grid;gap:20px}.cycle-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cycle-status-head h2{margin:4px 0 0}.cycle-badge{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:900}.cycle-badge.draft{background:#f1f2f5;color:#60636d}.cycle-badge.planned{background:#fff4d8;color:#8b5c00}.cycle-badge.started{background:#e9f2ff;color:#225eaa}.cycle-badge.running,.cycle-badge.completed{background:#e7f7ed;color:#176b39}.cycle-state-callout{display:grid;gap:5px;padding:17px 18px;border-radius:16px;border:1px solid var(--line)}.cycle-state-callout strong{font-size:16px}.cycle-state-callout span{color:var(--muted);font-size:13px}.cycle-state-callout.success-state{background:#edf9f1;border-color:#bfe5cb}.cycle-state-callout.planned-state{background:#fff9e9;border-color:#f1dd9d}.cycle-state-callout.draft-state{background:#f6f7f9}.cycle-start-form{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:16px;background:#17171c;color:#fff}.cycle-start-form>div{display:grid;gap:4px}.cycle-start-form span{font-size:13px;color:#c9c9cf}.cycle-start-form .btn{white-space:nowrap}.cycle-start-form .btn:disabled{opacity:.45;cursor:not-allowed}.cycle-running-actions{display:flex;align-items:center;gap:14px;padding:14px 0}.cycle-running-actions span{font-size:13px;color:var(--muted)}@media(max-width:760px){.cycle-status-head,.cycle-start-form,.cycle-running-actions{align-items:stretch;flex-direction:column}.cycle-start-form .btn{width:100%}}


/* Unified page hierarchy: every authenticated subpage gets one consistently
   aligned back link. Legacy links inside individual templates are hidden. */
.page-back-slot{max-width:100%;margin:0 0 14px;display:flex;align-items:center}
.global-back{display:inline-flex;align-items:center;min-height:28px;font-size:14px;font-weight:650;color:var(--muted);transition:color .18s ease,transform .18s ease}
.global-back:hover{color:var(--red);transform:translateX(-2px)}
.page-back-slot~.page-head .back,.page-back-slot~.back{display:none!important}
.page-back-slot+.page-head{margin-top:0}

/* Keep the module breadcrumb present and readable on every desktop module. */
.sidebar-tree{display:grid;gap:6px;margin:22px 0 18px}
.sidebar-tree>small{padding:0 14px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.18em}
.sidebar-tree>a{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:650}
.sidebar-tree>a.current{background:var(--ink);color:#fff;font-weight:800}
.sidebar-tree>a:not(.current):hover{background:#f4f4f6;color:var(--ink)}
@media(max-width:900px){.page-back-slot{margin-bottom:10px}.global-back{font-size:13px}}

/* VENTZ ONE Zeit & Abwesenheit */
.time-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#16181d,#2b2f37);color:#fff;margin-bottom:20px}.time-hero span,.time-hero small{display:block;color:#c9cdd5}.time-hero strong{display:block;font-size:46px;margin:4px 0}.big-clock{min-width:180px;min-height:64px;font-size:20px}.time-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.time-links a{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #e5e7eb}.quota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px}.quota-card{background:#fff;border:1px solid #e7e9ee;border-radius:18px;padding:20px}.quota-card span,.quota-card small{display:block;color:#687080}.quota-card strong{display:block;font-size:34px;margin:6px 0}.approval-card{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #eceef2}.text-danger{color:#b42318;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid .span-2{grid-column:1/-1}@media(max-width:760px){.time-hero{align-items:stretch;flex-direction:column}.approval-card{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}

/* V15 kompakte Zeit- und Teamnavigation */
.ventz-hero-info-cards{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap;justify-content:flex-end}
.ventz-quick-clock{min-width:190px;background:#111;color:#fff;border-radius:24px;padding:16px 18px;display:grid;grid-template-columns:1fr;gap:5px;box-shadow:0 16px 34px rgba(0,0,0,.18)}
.ventz-quick-clock button{background:#000;color:#fff;border:1px solid #333;border-radius:12px;padding:12px 18px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.ventz-quick-clock span{font-size:.72rem;color:#bbb;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.ventz-quick-clock strong{font-size:1.35rem;font-variant-numeric:tabular-nums}
.compact-head{margin-bottom:18px}.subtile-grid{display:grid;gap:18px}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.team-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.subtile{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;text-decoration:none;color:inherit;box-shadow:0 12px 28px rgba(15,23,42,.06)}.subtile:hover{transform:translateY(-2px)}.subtile-dark{background:#111;color:#fff}.subtile-icon{font-size:1.8rem}.subtile small{font-weight:800;letter-spacing:.08em}.subtile h2{margin:.25rem 0}.subtile p{margin:0;opacity:.72}.subtile em{display:inline-block;margin-top:8px;background:#e11d2e;color:#fff;border-radius:999px;padding:3px 8px;font-style:normal;font-size:.75rem}
.compact-quota-grid{margin-bottom:16px}.calendar-panel{overflow:hidden}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-toolbar a{font-size:1.5rem;text-decoration:none;color:#111;padding:5px 12px}.absence-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.absence-day{min-height:96px;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer}.absence-day b{font-size:1.05rem}.absence-day span{font-size:.72rem;line-height:1.2}.absence-day.selected{outline:3px solid #111}.day-weekend{background:#f2f2f2}.day-free{background:#e9edf2}.day-holiday{background:#eee7ff}.day-absence{background:#dff3e5;border-color:#58a66b}.day-pending{background:#fff2c7;border-color:#d6a600}.day-today{box-shadow:inset 0 0 0 2px #e11d2e}.calendar-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.legend{padding:5px 9px;border-radius:999px;font-size:.75rem}.legend.absence{background:#dff3e5}.legend.pending{background:#fff2c7}.legend.holiday{background:#eee7ff}.legend.free{background:#e9edf2}.legend.weekend{background:#f2f2f2}
.team-calendar-scroll{overflow:auto}.team-calendar{display:grid;grid-template-columns:220px repeat(var(--days),36px);min-width:max-content;border-top:1px solid #ddd;border-left:1px solid #ddd}.team-name-head,.team-day-head,.team-name-cell,.team-day-cell{border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:42px}.team-name-head,.team-day-head{position:sticky;top:0;background:#fff;z-index:2;font-weight:800;display:flex;align-items:center;justify-content:center}.team-name-head{left:0;z-index:3}.team-name-cell{position:sticky;left:0;background:#fff;z-index:1;padding:8px 12px;display:flex;flex-direction:column}.team-day-cell{position:relative}.team-day-cell span{position:absolute;left:2px;top:5px;font-size:9px;writing-mode:vertical-rl;max-height:32px;overflow:hidden}.team-day-cell.day-absence{background:#dff3e5}.team-day-cell.day-pending{background:#fff2c7}.team-day-cell.day-weekend{background:#f2f2f2}.team-day-cell.day-today{box-shadow:inset 2px 0 #2563eb,inset -2px 0 #2563eb}
@media(max-width:900px){.two-up,.team-hub-grid{grid-template-columns:1fr}.ventz-hero-info-cards{justify-content:flex-start}.absence-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}

.settings-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-subcard{padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fafafa}.settings-subcard h3{margin:0 0 10px}@media(max-width:800px){.settings-split-grid{grid-template-columns:1fr}}

/* V18 Feiertage / Teamkalender */
.team-calendar-full{width:100%;max-width:none;margin-left:0;margin-right:0}.team-calendar-scroll{width:100%;overflow:auto}.team-calendar{width:100%;grid-template-columns:minmax(230px,280px) repeat(var(--days),minmax(30px,1fr));min-width:1100px}.team-day-cell.day-absence-0100{background:#dff3e5}.team-day-cell.day-absence-0110{background:#d8f3f0}.team-day-cell.day-absence-0190{background:#dceaff}.team-day-cell.day-absence-0200{background:#ffdede}.team-day-cell.day-absence-0210{background:#ffe8d1}.team-day-cell.day-holiday{background:#eadcff}.team-day-cell.day-birthday{background:#ffe2f2}.team-day-cell[class*="birthday"]::after{content:"🎂";display:block;text-align:center;font-size:15px;line-height:40px}.legend.sick{background:#ffdede}.legend.education{background:#dceaff}.legend.birthday{background:#ffe2f2}

/* V19: Kalender-Mehrfachauswahl mit automatischem Auslassen */
.absence-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 8px;text-align:center;font-size:.75rem;font-weight:800;color:#667085}.absence-day.day-not-selectable{cursor:pointer}.absence-day.range-skipped{outline:2px dashed #9ca3af;outline-offset:-4px;opacity:.78}.absence-day.selected{outline:3px solid #111;outline-offset:-3px;background:#dcefe2}.selection-summary{margin-top:14px;padding:10px 12px;border-radius:12px;background:#f5f6f8;font-weight:700}.legend.selected-workday{background:#dcefe2}.legend.skipped{background:#eceff3;border:1px dashed #9ca3af}.compact-request-panel input[readonly]{background:#f6f7f9;cursor:default}
@media(max-width:900px){.absence-calendar-weekdays{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V19.4 Dashboard-Kopf: Kommen/Gehen, Arbeitszeit, Datum, Wetter */
.ventz-dashboard-hero{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:24px!important}
.ventz-dashboard-heading{min-width:0}
.ventz-hero-info-cards{width:100%!important;display:grid!important;grid-template-columns:minmax(180px,220px) minmax(230px,280px) minmax(230px,280px) minmax(300px,1fr)!important;gap:14px!important;align-items:stretch!important;justify-content:start!important}
.ventz-clock-action-card{margin:0;min-width:0}
.ventz-clock-action-card button{width:100%;height:100%;min-height:138px;border:0;border-radius:22px;background:#08090b;color:#fff;display:grid;place-items:center;padding:24px;font-size:clamp(28px,2.5vw,42px);line-height:1;font-weight:950;letter-spacing:.09em;cursor:pointer;box-shadow:0 18px 44px rgba(9,10,12,.22);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.ventz-clock-action-card button:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(9,10,12,.28);background:#15171b}
.ventz-clock-action-card button:active{transform:translateY(0)}
.ventz-worktime-card{min-height:138px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 44px rgba(17,19,24,.07);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.ventz-worktime-card span{font-size:12px;color:var(--vo-muted);font-weight:750}
.ventz-worktime-card strong{font-size:clamp(30px,2.7vw,42px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:#111318}
.ventz-date-card,.ventz-weather-card{min-height:138px!important;box-sizing:border-box}
.ventz-date-card{min-width:0!important;padding:22px 24px!important;display:flex!important;flex-direction:column;justify-content:center;gap:8px!important}
.ventz-date-card strong{font-size:19px!important}.ventz-date-card small{font-size:15px!important;font-variant-numeric:tabular-nums}
.ventz-weather-card{min-width:0!important;padding:22px 24px!important}
@media(max-width:1350px){.ventz-hero-info-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ventz-clock-action-card button,.ventz-worktime-card,.ventz-date-card,.ventz-weather-card{min-height:126px!important}}
@media(max-width:760px){.ventz-hero-info-cards{grid-template-columns:1fr!important}.ventz-clock-action-card button,.ventz-worktime-card,.ventz-date-card,.ventz-weather-card{min-height:112px!important}.ventz-clock-action-card button{font-size:32px}.ventz-worktime-card strong{font-size:34px}}

/* V19.5 Team-Zeitkonten: Monatsveraenderung und aufklappbarer Mitarbeiterkalender */
.team-employee-link{display:inline-flex;flex-direction:column;color:inherit;text-decoration:none}.team-employee-link:hover b{text-decoration:underline}.text-positive{color:#16794a}.time-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.time-detail-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}.time-detail-summary span{font-size:.78rem;color:#667085}.time-detail-summary b{font-size:1.45rem}.team-time-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.team-time-day{min-height:165px;border:1px solid #e5e7eb;border-radius:14px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:8px}.team-time-day header{display:flex;align-items:center;justify-content:space-between}.team-time-day header b{font-size:1.1rem}.team-time-day header span{font-size:.72rem;color:#667085}.team-time-day em{font-size:.72rem;font-style:normal;font-weight:700}.team-time-day dl{margin:auto 0 0;display:grid;gap:3px}.team-time-day dl div{display:flex;justify-content:space-between;gap:8px;font-size:.75rem}.team-time-day dt{color:#667085}.team-time-day dd{margin:0;font-weight:700}.team-time-day small{font-size:.66rem;line-height:1.3;color:#475467}.team-time-day.day-weekend{background:#f2f2f2}.team-time-day.day-free{background:#e9edf2}.team-time-day.day-holiday{background:#eee7ff}.team-time-day.day-absence{background:#dff3e5;border-color:#58a66b}.team-time-day.day-pending{background:#fff2c7;border-color:#d6a600}.team-time-day.day-today{box-shadow:inset 0 0 0 2px #e11d2e}@media(max-width:1000px){.team-time-month{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.time-detail-summary{grid-template-columns:1fr}.team-time-month{grid-template-columns:1fr}}

/* V19.7 – einheitliche Genehmigungen */
.approval-overview-panel{padding:22px}.approval-overview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.team-approval-list{display:grid;gap:16px}.team-approval-card{border:1px solid var(--line,#e5e7eb);border-radius:18px;background:#fff;overflow:hidden}.team-approval-person{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#fafafa;border-bottom:1px solid var(--line,#e5e7eb)}.team-approval-person h3{margin:0 0 3px}.team-approval-person small{color:#6b7280}.approval-request-row{display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(220px,300px);align-items:end;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line,#e5e7eb)}.approval-request-main p{margin:6px 0}.approval-request-main small{color:#6b7280}.approval-kind{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#fff0f0;color:#c62828;font-size:.72rem;font-weight:800;letter-spacing:.08em}.time-request-row .approval-kind{background:#eef4ff;color:#2357a5}.approval-action-form{margin:0}.approval-action-form label{display:grid;gap:6px;font-size:.8rem;color:#6b7280}.approval-action-form input{min-height:42px;border:1px solid #d9dde5;border-radius:12px;padding:0 12px}.approval-approve,.approval-reject{min-height:44px;border-radius:12px;padding:0 16px;font-weight:700}.team-account-strip{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:1px;background:#e8ebf0}.team-account-strip>div{background:#f7f8fa;padding:14px 16px}.team-account-strip span{display:block;color:#6b7280;font-size:.78rem;margin-bottom:5px}.team-account-strip b{font-size:1.05rem}.no-open-approval .team-approval-person{border-bottom:0}.status-chip.success{background:#eaf8ef;color:#17733a}.status-chip.warning{background:#fff3d6;color:#8a5a00}@media(max-width:1050px){.approval-request-row{grid-template-columns:1fr}.team-account-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.team-account-strip{grid-template-columns:1fr}.team-approval-person{align-items:flex-start;flex-direction:column}}

/* V19.8 Korrekturen */
.ventz-dashboard-hero{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:28px!important}
.ventz-hero-info-cards{width:auto!important;margin-left:auto!important;display:grid!important;grid-template-columns:185px 230px 230px 310px!important;gap:12px!important;justify-content:end!important;flex:0 0 auto!important}
.ventz-clock-action-card button,.ventz-worktime-card,.ventz-date-card,.ventz-weather-card{min-height:116px!important;height:116px!important;border-radius:20px!important}
.ventz-clock-action-card button{font-size:28px!important;padding:16px!important}
.ventz-worktime-card{padding:18px 20px!important}.ventz-worktime-card strong{font-size:34px!important}
.ventz-date-card,.ventz-weather-card{padding:18px 20px!important}
.approval-overview-panel{padding:18px}.team-approval-list{gap:10px}.team-approval-card{border-radius:15px}.team-approval-person{padding:12px 16px}.approval-request-row{grid-template-columns:minmax(260px,1fr) auto minmax(190px,240px);padding:12px 16px;gap:10px}.approval-request-main p{margin:3px 0}.approval-kind{margin-bottom:4px}.team-account-strip>div{padding:10px 14px}.reject-details summary{cursor:pointer;color:#a32020;font-weight:800;list-style:none}.reject-details[open]{display:grid;gap:8px}.reject-details label{margin-top:8px}.missing-time-action{display:inline-flex;padding:8px 12px;border-radius:10px;background:#d92732;color:white!important;font-weight:800;text-decoration:none}.time-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-weight:750;font-size:.8rem}.time-status.success{background:#e9f8ef;color:#16733d}.time-status.neutral{background:#eef1f5;color:#536070}.month-nav{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;margin-bottom:14px}.month-nav a{font-size:24px;text-decoration:none}.correction-day-panel{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:28px}.existing-events>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.tracking-start-field{display:grid;gap:6px;min-width:220px}.mode-form{display:flex;align-items:end;gap:16px;flex-wrap:wrap}
@media(max-width:1450px){.ventz-dashboard-hero{align-items:stretch!important;flex-direction:column!important}.ventz-hero-info-cards{margin-left:0!important;grid-template-columns:repeat(4,minmax(180px,1fr))!important;width:100%!important}}
@media(max-width:900px){.ventz-hero-info-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.correction-day-panel{grid-template-columns:1fr}.approval-request-row{grid-template-columns:1fr}}

/* V20.2 – Vacancy actions */
.table-actions{white-space:nowrap;text-align:right}.table-actions form{margin:0}.button.danger{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:10px 14px;background:#2c1719;color:#fff;font:inherit;font-weight:800;cursor:pointer}.button.danger:hover{background:#4b1f24}.button.danger:focus-visible{outline:3px solid rgba(223,16,37,.22);outline-offset:2px}

/* V23: Persönliches Dokumentenarchiv */
.my-doc-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.my-doc-category{padding:24px}.my-doc-category-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid #ececf1}.my-doc-category-head h2{margin:0 0 4px}.my-doc-category-head p{margin:0;color:var(--vo-muted)}.my-doc-category-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:16px;background:var(--accent-soft);font-size:23px}.my-doc-list{display:flex;flex-direction:column}.my-doc-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 2px;border-bottom:1px solid #ececf1;transition:transform .18s ease}.my-doc-row:last-child{border-bottom:0}.my-doc-row:hover{transform:translateX(4px)}.my-doc-file-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#f2f2f5;color:var(--vo-red);font-size:11px;font-weight:900}.my-doc-row b,.my-doc-row small{display:block}.my-doc-row small{margin-top:4px;color:var(--vo-muted)}.my-doc-open{font-weight:850}.empty-state{text-align:center;padding:54px}.empty-state-icon{font-size:48px}.empty-state h2{margin:14px 0 8px}@media(max-width:800px){.my-doc-category-grid{grid-template-columns:1fr}.my-doc-row{grid-template-columns:auto 1fr}.my-doc-open{grid-column:2}}

/* V24 compact document category tiles */
.my-doc-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:22px}.my-doc-tile{appearance:none;border:1px solid var(--line,#e4e7ec);background:var(--panel,#fff);border-radius:18px;padding:18px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(16,24,40,.06);color:inherit}.my-doc-tile:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.1)}.my-doc-tile-icon{font-size:24px}.my-doc-tile span{display:flex;flex-direction:column;gap:3px}.my-doc-tile small{font-size:10px;letter-spacing:.13em}.my-doc-tile b{font-size:18px}.my-doc-tile em{font-style:normal;font-size:12px;opacity:.72}.my-doc-tile strong{display:grid;place-items:center;min-width:38px;height:38px;border-radius:999px;background:#2d1113;color:#fff;font-size:16px}.my-doc-table-panel[hidden]{display:none}.my-doc-table-panel{scroll-margin-top:24px}

.postbox-card{align-items:flex-start;gap:14px;padding:14px 16px}.postbox-card .attendee-main{min-width:0}.postbox-card .attendee-main span{display:block;line-height:1.4;margin:.25rem 0}.postbox-card .button-row{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}

/* V26: SAP-Schnittstellen und kompakte Postbox */
.sap-config-card{border-top:4px solid var(--accent)}.sap-endpoint-list{display:grid;gap:12px}.sap-endpoint-row{border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.sap-endpoint-main>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sap-endpoint-main code{font-size:.72rem;padding:3px 7px;background:#f0f2f4;border-radius:7px}.endpoint-url{display:block;margin-top:8px;font-family:monospace;font-size:.78rem;overflow-wrap:anywhere}.sap-endpoint-row details{grid-column:1/-1}.add-endpoint{margin-top:18px}.span-2{grid-column:1/-1}.status-ok{background:#e7f7ed;color:#147544}.status-error{background:#fff0f0;color:#ba1822}.status-partial{background:#fff6df;color:#8a6200}.postbox-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.postbox-toolbar>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 16px;display:flex;gap:7px;align-items:baseline}.postbox-toolbar form{margin-left:auto}.postbox-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.postbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.postbox-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:0 8px 28px rgba(22,30,40,.04)}.postbox-item.is-unread{border-color:#ef9da3;box-shadow:0 8px 28px rgba(229,31,42,.08)}.postbox-item-head,.postbox-item-foot{display:flex;justify-content:space-between;gap:12px;align-items:center}.postbox-category{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.postbox-item h3{margin:12px 0 7px}.postbox-item p{margin:0 0 16px;line-height:1.45;color:var(--muted)}.postbox-item-foot>span{font-size:.78rem;color:var(--muted)}.postbox-item-foot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}.postbox-archive details{border-top:1px solid var(--line);padding:10px 0}.postbox-archive summary{display:grid;gap:4px;cursor:pointer}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed var(--line);border-radius:18px;padding:32px;text-align:center}@media(max-width:1000px){.postbox-layout{grid-template-columns:1fr}.postbox-grid{grid-template-columns:1fr}}

/* Dashboard V27: klare Trennung zwischen persönlichem Selbstservice, Führung und Fachbereichen */
.dashboard-module-group{margin:30px 0 38px}
.dashboard-group-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 16px}
.dashboard-group-head h2{margin:2px 0 0;font-size:clamp(25px,2vw,34px);letter-spacing:-.035em}
.dashboard-group-head>p{max-width:520px;margin:0;color:var(--vo-muted);text-align:right;line-height:1.5}
.dashboard-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboard-tile-grid .section-tile{min-height:190px}
.compact-dashboard-group{margin-top:18px}
.dashboard-footer-grid{grid-template-columns:1fr;margin-top:10px}
.dashboard-footer-grid .ventz-system-quote-card{grid-column:1/-1}
.section-tile-dark{color:#fff;border-color:#111;background:#111}
.section-tile-dark p:not(.eyebrow){color:rgba(255,255,255,.68)}
.section-tile-dark .eyebrow{color:#fff}
.section-tile-dark .section-tile-icon{background:#e51f2a;color:#fff}
@media(max-width:1100px){.dashboard-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dashboard-group-head{display:block}.dashboard-group-head>p{margin-top:8px;text-align:left}.dashboard-tile-grid{grid-template-columns:1fr}}

/* =========================================================
   V28 · Produktkonsolidierung, Recruiting und modulare Verträge
   ========================================================= */
.page-head > .back{display:none!important}
.dashboard-hero-v28{padding-bottom:28px}
.nl-network-stage{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr) 260px;gap:34px;align-items:center;overflow:hidden;margin:0 0 28px;padding:30px 34px;border-radius:28px;background:linear-gradient(125deg,#0d0e11 0%,#17191e 58%,#2b1115 100%);color:#fff;text-decoration:none;box-shadow:0 24px 60px rgba(15,16,20,.18)}
.nl-network-stage:after{content:"";position:absolute;inset:auto -80px -150px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(226,30,48,.35),transparent 65%)}
.nl-network-stage-map{position:relative;height:145px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);display:grid;place-items:center}
.nl-network-stage-map>span{font-size:70px;line-height:1;color:#fff}.nl-network-stage-map i{position:absolute;width:9px;height:9px;border-radius:50%;background:#e31d31;box-shadow:0 0 0 7px rgba(227,29,49,.15)}
.nl-network-stage-map i:nth-of-type(1){left:35%;top:26%}.nl-network-stage-map i:nth-of-type(2){left:59%;top:42%}.nl-network-stage-map i:nth-of-type(3){left:40%;top:67%}.nl-network-stage-map i:nth-of-type(4){left:68%;top:72%}
.nl-network-stage h2{font-size:clamp(27px,3vw,45px);margin:4px 0 8px}.nl-network-stage p{max-width:760px;color:rgba(255,255,255,.74);margin:0 0 18px}.nl-stage-action{font-weight:800}.nl-network-stage aside{position:relative;z-index:1;padding-left:25px;border-left:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.nl-network-stage aside b{font-size:21px}.nl-network-stage aside span{font-size:18px;color:#ff8993}.nl-network-stage aside small{margin-top:13px;color:rgba(255,255,255,.56);line-height:1.4}
.personal-service-grid .section-tile{min-height:180px}.dashboard-quote{margin-top:26px}

.recruiting-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.recruiting-kpi{display:flex;flex-direction:column;min-height:138px;padding:22px;border:1px solid #e1e3e8;border-radius:22px;background:#fff;color:#121318;text-decoration:none;box-shadow:0 11px 35px rgba(17,24,39,.05)}.recruiting-kpi span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.recruiting-kpi b{font-size:38px;margin:8px 0}.recruiting-kpi small{color:#6a6e78}.recruiting-kpi-dark{background:#111216;color:#fff}.recruiting-kpi-dark small{color:#b6bac4}
.recruiting-filter-panel{margin-bottom:22px}.filter-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.filter-row label{min-width:220px;flex:1}.filter-row label span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.recruiting-vacancy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.recruiting-vacancy-card{padding:25px;border:1px solid #e0e2e6;border-radius:24px;background:#fff;color:#111318;text-decoration:none;box-shadow:0 13px 38px rgba(17,24,39,.055);transition:.2s ease}.recruiting-vacancy-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(17,24,39,.1)}.recruiting-vacancy-card.is-filled{opacity:.72}.recruiting-vacancy-head{display:flex;justify-content:space-between;gap:18px}.recruiting-vacancy-head h2{margin:10px 0 0}.recruiting-vacancy-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.recruiting-vacancy-card dl div{padding:12px;border-radius:14px;background:#f5f6f8}.recruiting-vacancy-card dt{font-size:11px;color:#777b85}.recruiting-vacancy-card dd{margin:4px 0 0;font-weight:800}.recruiting-vacancy-stats{display:flex;gap:18px;padding-top:16px;border-top:1px solid #eceef1;color:#656a75}.recruiting-vacancy-stats b{color:#111318}
.vacancy-process-hero{display:grid;grid-template-columns:1fr auto;gap:30px;margin-bottom:20px}.vacancy-process-hero dl{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px}.vacancy-process-hero dl div{padding:12px 14px;border-radius:14px;background:#f4f5f7}.vacancy-process-hero dt{font-size:11px;color:#737781}.vacancy-process-hero dd{font-weight:800;margin:5px 0 0}.recruiting-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.application-stack{display:grid;gap:16px}.application-card{padding:20px;border:1px solid #e3e5e9;border-radius:20px;background:#fcfcfd}.application-card-head{display:flex;justify-content:space-between;gap:16px}.application-card-head h3{margin:0 0 4px}.application-card-head p{margin:0;color:#6a6e78}.application-facts{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.application-facts>*{padding:7px 10px;border-radius:999px;background:#f0f2f5;color:#4f5560;font-size:12px}.application-summary{padding:15px;border-radius:16px;background:#fff;border:1px solid #eceef1}.application-summary p{margin:5px 0}.application-summary span{color:#d49400}.application-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.application-actions>form{display:flex;gap:8px;flex-wrap:wrap;flex:1}.application-actions details{position:relative}.application-actions details[open]{width:100%;padding:15px;border-radius:16px;background:#fff;border:1px solid #e5e7eb}.application-actions details>summary{list-style:none;cursor:pointer}.interview-list{margin-top:16px;padding-top:15px;border-top:1px solid #e6e8eb}.interview-list>div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:10px 0;border-bottom:1px solid #eee}.interview-list small{grid-column:1}.activity-log{margin-top:12px}.activity-log>div{padding:10px 0;border-top:1px solid #eceef1}.activity-log span{display:block;font-size:11px;color:#777b85}.activity-log p{margin:4px 0 0}.process-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.process-list li{position:relative;padding-left:28px;color:#858995}.process-list li:before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;border:2px solid #c8ccd3}.process-list li.done{color:#15171b;font-weight:700}.process-list li.done:before{background:#e31d31;border-color:#e31d31;box-shadow:inset 0 0 0 3px #fff}
.candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.candidate-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:start;padding:21px;border:1px solid #e2e4e8;border-radius:21px;background:#fff;color:#111318;text-decoration:none}.candidate-card h2{margin:8px 0 4px}.candidate-card p{margin:0 0 8px}.candidate-card>div:nth-child(2)>div{margin-top:15px}.candidate-avatar{width:52px;height:52px;border-radius:16px;background:#121317;color:#fff;display:grid;place-items:center;font-weight:900}.recruiting-candidate-form{max-width:1050px}.span-2{grid-column:1/-1}.check-line{display:flex!important;align-items:center;gap:9px}.check-line input{width:auto!important}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-grid div{padding:13px;border-radius:14px;background:#f5f6f8}.detail-grid dt{font-size:11px;color:#777b85}.detail-grid dd{margin:5px 0 0;font-weight:700}
.proposal-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.proposal-summary{margin:16px 0;padding:20px;border-radius:18px;background:#111216;color:#fff}.proposal-summary p:last-child{font-size:17px;line-height:1.5}.proposal-rating{font-size:21px;color:#d69c00}.proposal-decision form{display:grid;gap:12px}.proposal-decision .btn{width:100%;justify-content:center}.status-callout{padding:18px;border-radius:18px;background:#f2f4f6}.status-callout b{font-size:18px}.status-callout p{margin-bottom:0}

.postbox-commandbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:13px}.postbox-metrics{display:flex;gap:9px;flex-wrap:wrap}.postbox-metrics span{padding:10px 13px;border-radius:14px;background:#fff;border:1px solid #e1e3e7}.postbox-metrics b{font-size:20px;margin-right:5px}.postbox-filters,.view-switcher{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.postbox-filters a,.view-switcher a{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid #e0e3e7;color:#5d626d;text-decoration:none;font-weight:700;font-size:13px}.postbox-filters a.active,.view-switcher a.active{background:#121317;color:#fff;border-color:#121317}.postbox-v28-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.postbox-v28-list{display:grid;gap:12px}.postbox-v28-card{position:relative;display:grid;grid-template-columns:6px 1fr;overflow:hidden;border:1px solid #e2e4e8;border-radius:21px;background:#fff}.postbox-v28-marker{background:#d6d9df}.postbox-v28-card.is-unread .postbox-v28-marker{background:#e31d31}.postbox-v28-content{padding:19px 21px}.postbox-v28-content header,.postbox-v28-content footer{display:flex;justify-content:space-between;gap:15px;align-items:center}.postbox-v28-content h2{margin:9px 0 8px;font-size:19px}.postbox-v28-content>p{margin:10px 0 15px;color:#525762}.postbox-context{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:13px;background:#f3f4f6}.postbox-context span{color:#6e737d;font-size:13px}.postbox-next{font-size:12px;color:#777c86}.postbox-v28-archive details{padding:12px 0;border-top:1px solid #eceef1}.postbox-v28-archive summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer}.postbox-v28-archive summary span{font-weight:750}.btn.quiet{background:#f1f2f4;color:#4e535c;border-color:transparent}.approval-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;border-radius:16px;background:#111216;color:#fff}.approval-summary b{font-size:23px;margin-right:5px}.approval-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.approval-facts div{padding:10px;border-radius:12px;background:#f4f5f7}.approval-facts dt{font-size:10px;color:#737781}.approval-facts dd{margin:4px 0 0;font-weight:700}

@media(max-width:1180px){.nl-network-stage{grid-template-columns:170px 1fr}.nl-network-stage aside{display:none}.recruiting-kpi-grid{grid-template-columns:repeat(2,1fr)}.candidate-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.nl-network-stage{grid-template-columns:1fr}.nl-network-stage-map{height:100px}.recruiting-vacancy-grid,.candidate-grid{grid-template-columns:1fr}.recruiting-detail-layout,.proposal-layout,.postbox-v28-layout{grid-template-columns:1fr}.vacancy-process-hero{grid-template-columns:1fr}.postbox-v28-archive{order:2}}
@media(max-width:620px){.recruiting-kpi-grid{grid-template-columns:1fr}.recruiting-vacancy-card dl,.detail-grid,.approval-facts{grid-template-columns:1fr}.postbox-v28-content header,.postbox-v28-content footer,.postbox-commandbar{align-items:flex-start;flex-direction:column}.nl-network-stage{padding:24px}.application-actions>form{flex-direction:column}.application-actions>form>*{width:100%}}
/* V28 personal time workspace */
.time-self-overview{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-bottom:22px}.time-self-overview>article{background:#fff;border:1px solid #e4e6ea;border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.time-clock-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#111!important;color:#fff!important}.time-clock-card .eyebrow,.time-clock-card span,.time-clock-card small{color:#d6d8dc}.time-clock-card h2,.time-balance-card h2{font-size:42px;margin:4px 0}.clock-button{min-width:150px}.time-balance-card strong{display:block;color:#c91524;margin-top:10px}.time-balance-alert{border-color:#e0202e!important;background:#fff6f6!important}.time-rule-card h3{font-size:24px;margin:8px 0}.time-rule-card span,.time-rule-card small{display:block;color:#69707d;margin-top:5px}.time-month-head{display:flex;justify-content:space-between;align-items:center;text-align:center;gap:20px;margin-bottom:18px}.time-month-head h2{margin:3px 0}.time-month-table .time-event-chip{display:inline-block;padding:4px 8px;margin:2px;border-radius:999px;background:#f1f2f4;font-size:12px}.time-month-table .status-missing,.time-month-table .status-incomplete{background:#fff8f0}@media(max-width:1000px){.time-self-overview{grid-template-columns:1fr}.time-clock-card{align-items:flex-start;flex-direction:column}.clock-button{width:100%}}

/* ======================================================================
   VENTZ ONE V29 · EINHEITLICHES KACHEL- UND COCKPIT-LAYOUT
   ====================================================================== */
:root{
  --v29-content:1480px;
  --v29-gap:18px;
  --v29-radius:22px;
  --v29-border:#e3e6eb;
  --v29-card:#ffffff;
  --v29-muted:#69707b;
  --v29-shadow:0 10px 30px rgba(18,24,36,.055);
  --v29-shadow-hover:0 18px 44px rgba(18,24,36,.10);
  --v29-red:#df1f32;
}
html,body{max-width:100%;overflow-x:hidden}
.shell{grid-template-columns:248px minmax(0,1fr)!important;max-width:100%}
.shell>main{min-width:0!important;overflow-x:hidden;padding:32px clamp(20px,3vw,48px)!important}
.shell>main>*{width:100%;max-width:var(--v29-content);margin-left:auto;margin-right:auto}
.page-back-slot{margin-bottom:16px!important}
.page-head{max-width:var(--v29-content)!important;margin-bottom:24px!important}
.page-head h1{max-width:1050px;font-size:clamp(38px,4vw,62px)!important}
.page-head>p:not(.eyebrow){max-width:900px;font-size:17px!important;line-height:1.55}

/* Einheitliche Raster: 3 / 2 / 1 Spalten ohne horizontales Überlaufen */
.section-tile-grid,
.ventz-app-grid,
.subtile-grid,
.card-grid,
.training-management-grid,
.admin-hub-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--v29-gap)!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  margin-top:18px!important;
  margin-bottom:26px!important;
}

/* Gemeinsames Erscheinungsbild für Navigationskacheln */
.section-tile,
.subtile,
.ventz-app-card,
.feature,
.perf-hub-card,
.doc-action-card,
.settings-tile,
.template-card,
.training-card,
.my-doc-tile,
.candidate-card,
.recruiting-vacancy-card{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--v29-border)!important;
  border-radius:var(--v29-radius)!important;
  background:var(--v29-card)!important;
  color:#111318!important;
  box-shadow:var(--v29-shadow)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.section-tile:hover,
.subtile:hover,
.ventz-app-card:hover,
.feature:hover,
.perf-hub-card:hover,
.doc-action-card:hover,
.settings-tile:hover,
.template-card:hover,
.training-card:hover,
.my-doc-tile:hover,
.candidate-card:hover,
.recruiting-vacancy-card:hover{
  transform:translateY(-3px)!important;
  border-color:#cfd4dc!important;
  box-shadow:var(--v29-shadow-hover)!important;
}

/* Hauptkachel: einheitliche Maße und sichere Typografie */
.section-tile{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:16px!important;
  min-height:154px!important;
  padding:22px!important;
}
.section-tile>div{min-width:0!important}
.section-tile h2{
  margin:4px 0 7px!important;
  font-size:clamp(20px,1.35vw,25px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  overflow-wrap:break-word!important;
}
.section-tile p:not(.eyebrow){margin:0!important;color:var(--v29-muted)!important;font-size:14px!important;line-height:1.45!important}
.section-tile .eyebrow{margin:0!important;line-height:1.2!important}
.section-tile-icon{
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  height:50px!important;
  border-radius:15px!important;
  background:#f8e9eb!important;
  color:var(--tile-accent,var(--v29-red))!important;
  border:1px solid color-mix(in srgb,var(--tile-accent,var(--v29-red)) 10%,#fff)!important;
  font-size:21px!important;
  font-weight:850!important;
}
.section-tile-arrow,
.section-tile>span:last-child:not(.section-tile-icon),
.section-tile>b{
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  min-width:34px!important;
  height:34px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#f1f3f5!important;
  color:#20242b!important;
  font-size:16px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.section-tile>b{font-size:18px!important;min-width:42px!important}
.section-tile:hover .section-tile-arrow,
.section-tile:hover>span:last-child:not(.section-tile-icon){background:var(--tile-accent,var(--v29-red))!important;color:#fff!important}
.section-tile-dark,
.subtile-dark,
.recruiting-kpi-dark{
  background:#fff!important;
  color:#111318!important;
  border-color:var(--v29-border)!important;
}
.section-tile-dark p:not(.eyebrow),.subtile-dark p,.recruiting-kpi-dark small{color:var(--v29-muted)!important}
.section-tile-dark .eyebrow{color:var(--tile-accent,var(--v29-red))!important}
.section-tile-dark .section-tile-icon{background:#f8e9eb!important;color:var(--tile-accent,var(--v29-red))!important}

/* Akzentzuordnung bleibt subtil und einheitlich */
.tile-accent-time{--tile-accent:#3069c8}.tile-accent-absence{--tile-accent:#d18a14}.tile-accent-documents{--tile-accent:#dc5b2b}
.tile-accent-performance{--tile-accent:#6b57d9}.tile-accent-learning{--tile-accent:#bd3e68}.tile-accent-qualification{--tile-accent:#9b6a16}
.tile-accent-team{--tile-accent:#277b68}.tile-accent-approval{--tile-accent:#208255}.tile-accent-change{--tile-accent:#6c7480}
.tile-accent-hr{--tile-accent:#df1f32}.tile-accent-controlling{--tile-accent:#2d566f}.tile-accent-admin{--tile-accent:#515966}
.tile-accent-people{--tile-accent:#4f63c6}.tile-accent-payroll{--tile-accent:#16865b}.tile-accent-talent{--tile-accent:#c13a4e}

/* Dashboard: kompakt, geordnet, ohne leere Überbreite */
.ventz-dashboard.dashboard-v29{max-width:var(--v29-content)!important;padding:0!important;margin:0 auto!important;display:grid!important;gap:0!important}
.dashboard-welcome-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);
  gap:28px;
  align-items:center;
  padding:28px;
  margin-bottom:20px;
  border:1px solid var(--v29-border);
  border-radius:26px;
  background:linear-gradient(135deg,#fff 0%,#fbf7f8 100%);
  box-shadow:var(--v29-shadow);
}
.dashboard-welcome-copy{min-width:0}.dashboard-welcome-copy h1{margin:5px 0 9px;font-size:clamp(38px,4vw,62px);line-height:.98;letter-spacing:-.05em}.dashboard-welcome-copy>p:last-child{margin:0;color:var(--v29-muted);font-size:16px}
.dashboard-welcome-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.dashboard-meta-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:112px;padding:16px;border:1px solid var(--v29-border);border-radius:18px;background:#fff}
.dashboard-meta-card span{color:var(--v29-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dashboard-meta-card strong{margin-top:8px;font-size:17px;line-height:1.25;overflow-wrap:break-word}.dashboard-meta-card small{margin-top:auto;color:var(--v29-muted)}
.dashboard-time-card strong{font-variant-numeric:tabular-nums;font-size:23px}.dashboard-time-card form{margin-top:auto}.dashboard-clock-button{width:100%;padding:7px 10px;border:0;border-radius:10px;background:#111318;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.dashboard-weather-card small{position:absolute;right:14px;top:12px;font-size:20px}

.nl-network-stage-v29{grid-template-columns:150px minmax(0,1fr) 230px!important;gap:24px!important;min-height:188px!important;margin:0 0 18px!important;padding:24px 28px!important;border-radius:24px!important}
.nl-network-stage-v29 .nl-network-stage-map{height:126px!important;border-radius:18px!important}.nl-network-stage-v29 .nl-network-stage-map>span{font-size:58px!important}
.nl-network-stage-v29 h2{font-size:clamp(28px,2.5vw,39px)!important}.nl-network-stage-v29 p{font-size:14px!important;line-height:1.5!important;margin-bottom:13px!important}
.nl-network-stage-fact{position:relative;z-index:1;padding-left:22px;border-left:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column}.nl-network-stage-fact b{font-size:19px}.nl-network-stage-fact span{margin-top:3px;color:#ff8793}.nl-network-stage-fact small{margin-top:10px;color:rgba(255,255,255,.58);line-height:1.4}

.dashboard-status-grid-v29{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 0 26px!important;max-width:none!important}
.status-tile{min-width:0!important;min-height:74px!important;padding:13px 16px!important;border:1px solid var(--v29-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--v29-shadow)!important}
.status-tile>div{min-width:0}.status-tile b{font-size:16px!important}.status-tile small{display:block;overflow-wrap:break-word}
.dashboard-module-group{margin:0 0 30px!important;padding-top:2px}
.dashboard-group-head{align-items:flex-end!important;margin-bottom:13px!important}.dashboard-group-head h2{font-size:clamp(25px,2vw,32px)!important}.dashboard-group-head>p{font-size:14px!important;max-width:480px!important}
.dashboard-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important}
.dashboard-tile-grid .section-tile{min-height:154px!important}
.dashboard-quote{margin:0 0 8px!important;min-height:88px!important;padding:18px 22px!important;border-radius:20px!important}

/* HR- und Modul-Hubs */
.hr-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ventz-app-card{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 34px!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:154px!important;
  padding:22px!important;
  justify-content:initial!important;
}
.ventz-app-card::before,.ventz-app-card::after{display:none!important}
.ventz-app-card-top{display:contents!important}.ventz-app-icon{grid-column:1;grid-row:1;display:grid!important;place-items:center!important;width:50px!important;height:50px!important;border-radius:15px!important;background:#f8e9eb!important;color:var(--v29-red)!important;border:0!important;font-size:21px!important}
.ventz-app-card>div:not(.ventz-app-card-top){grid-column:2;grid-row:1;min-width:0}.ventz-app-card h2{margin:4px 0 7px!important;font-size:clamp(20px,1.35vw,25px)!important;line-height:1.12!important;color:#111318!important}.ventz-app-card p{margin:0!important;color:var(--v29-muted)!important;font-size:14px!important;line-height:1.45!important}.ventz-app-tag{position:absolute;left:90px;top:22px;color:var(--v29-red)!important}.ventz-app-card h2{padding-top:12px}.ventz-app-arrow{position:static!important;grid-column:3;grid-row:1;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:999px!important;background:#f1f3f5!important;color:#20242b!important;font-size:16px!important}
.ventz-app-card:hover .ventz-app-arrow{background:var(--v29-red)!important;color:#fff!important;transform:none!important}
.admin-hub-grid .ventz-app-card{min-height:154px!important}

.subtile{
  display:grid!important;grid-template-columns:52px minmax(0,1fr) 34px!important;gap:16px!important;align-items:center!important;min-height:154px!important;padding:22px!important
}.subtile-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#f8e9eb;color:var(--v29-red);font-size:21px!important}.subtile>div{min-width:0}.subtile small{color:var(--v29-red);font-size:10px}.subtile h2{margin:4px 0 7px!important;font-size:clamp(20px,1.35vw,25px)!important}.subtile p{color:var(--v29-muted)!important;font-size:14px;line-height:1.45}.subtile>b{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#f1f3f5;font-size:16px}.subtile:hover>b{background:var(--v29-red);color:#fff}

.perf-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--v29-gap)!important}.perf-hub-card{grid-template-columns:52px minmax(0,1fr) auto!important;min-height:154px!important;padding:22px!important}.perf-hub-icon{width:50px!important;height:50px!important;border-radius:15px!important}.perf-hub-card h2{font-size:clamp(20px,1.35vw,25px)!important}.perf-hub-card>strong{font-size:13px;white-space:nowrap}

.doc-workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--v29-gap)!important}.doc-action-card{min-height:178px!important;padding:22px!important}.doc-action-card.accent{background:#fff!important;color:#111318!important}.doc-action-card.accent p{color:var(--v29-muted)!important}.doc-action-card small{color:var(--v29-red)!important}.doc-action-card h2{font-size:24px!important}.doc-action-icon{width:48px!important;height:48px!important;border-radius:15px!important}.doc-action-card>b{color:#20242b!important;font-size:13px}

/* Karten in Listen und Auswertungen harmonisieren, ohne Formulare zu verändern */
.kpi-card,.recruiting-kpi{border:1px solid var(--v29-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--v29-shadow)!important}
.recruiting-kpi{min-height:126px!important;padding:19px!important}.recruiting-kpi b{font-size:32px!important}.recruiting-kpi-dark{color:#111318!important}
.candidate-card,.recruiting-vacancy-card,.template-card,.training-card{border-radius:20px!important}
.muted-tile{opacity:.68!important;background:#f8f9fa!important}.muted-tile:hover{transform:none!important;box-shadow:var(--v29-shadow)!important}

/* Sichere Text- und Größenregeln für jede Kachel */
.section-tile *,.subtile *,.ventz-app-card *,.perf-hub-card *,.doc-action-card *,.feature *,.settings-tile *,.template-card *,.training-card *,.candidate-card *,.recruiting-vacancy-card *{min-width:0}
.section-tile h2,.subtile h2,.ventz-app-card h2,.perf-hub-card h2,.doc-action-card h2,.feature h2,.settings-tile h3,.template-card h3,.training-card h2,.candidate-card h2,.recruiting-vacancy-card h2{overflow-wrap:break-word;word-break:normal;hyphens:auto}

@media(max-width:1280px){
  .section-tile-grid,.ventz-app-grid,.subtile-grid,.card-grid,.training-management-grid,.admin-hub-grid,.dashboard-tile-grid,.hr-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-welcome-card{grid-template-columns:1fr}.dashboard-welcome-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nl-network-stage-v29{grid-template-columns:130px minmax(0,1fr)!important}.nl-network-stage-fact{display:none}
}
@media(max-width:860px){
  .shell{display:block!important}.shell>main{padding:22px 16px!important}
  .section-tile-grid,.ventz-app-grid,.subtile-grid,.card-grid,.training-management-grid,.admin-hub-grid,.dashboard-tile-grid,.hr-tile-grid,.perf-hub-grid,.doc-workspace-grid{grid-template-columns:1fr!important}
  .dashboard-welcome-meta{grid-template-columns:1fr 1fr}.dashboard-time-card{grid-column:1/-1}
  .nl-network-stage-v29{grid-template-columns:1fr!important}.nl-network-stage-v29 .nl-network-stage-map{height:90px!important}.nl-network-stage-copy{min-width:0}
  .dashboard-status-grid-v29{grid-template-columns:1fr!important}
  .dashboard-group-head{display:block!important}.dashboard-group-head>p{text-align:left!important;margin-top:7px!important}
}
@media(max-width:560px){
  .dashboard-welcome-card{padding:21px}.dashboard-welcome-meta{grid-template-columns:1fr}.dashboard-time-card{grid-column:auto}
  .section-tile,.subtile,.ventz-app-card,.perf-hub-card{grid-template-columns:46px minmax(0,1fr)!important;padding:18px!important;min-height:142px!important}.section-tile-icon,.subtile-icon,.ventz-app-icon,.perf-hub-icon{width:44px!important;height:44px!important}.section-tile-arrow,.section-tile>span:last-child:not(.section-tile-icon),.section-tile>b,.subtile>b,.ventz-app-arrow,.perf-hub-card>strong{grid-column:2!important;justify-self:start!important;margin-top:4px}.ventz-app-tag{left:80px;top:18px}.nl-network-stage-v29{padding:21px!important}
}
/* V29 dashboard row safety: old span declarations must never create implicit columns */
.ventz-dashboard.dashboard-v29{grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important}
.ventz-dashboard.dashboard-v29>*{grid-column:1/-1!important;min-width:0!important}
.ventz-dashboard.dashboard-v29 .ventz-system-quote-card{grid-column:1/-1!important}

/* V30 Korrekturen */
.shell{background:linear-gradient(90deg,var(--card) 0 248px,var(--bg) 248px)!important}
.training-card{position:relative!important}
.training-card-top{align-items:flex-start!important;min-height:28px;padding-right:132px!important}
.capacity-status{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;gap:7px;max-width:120px;padding:7px 10px;border-radius:999px;background:#f4f5f7;color:#30343b;font-size:11px;font-weight:850;line-height:1.15;text-align:left;white-space:normal}
.capacity-status i{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.capacity-green i{background:#20b86a}.capacity-yellow i{background:#f1b51c}.capacity-red i{background:#e32636}
.error-page-card{max-width:760px;margin:8vh auto;padding:42px;border:1px solid var(--v29-border);border-radius:28px;background:#fff;box-shadow:var(--v29-shadow)}
.error-page-card h1{margin:8px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.04em}.error-page-card>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px;line-height:1.6}.error-page-card>small{display:block;margin:18px 0;color:var(--muted)}.error-page-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:18px;background:#fff0f1;color:var(--red);font-size:28px;font-weight:900}
.btn.quiet{display:inline-flex;align-items:center;justify-content:center;background:#f1f2f4;color:#30343b}
@media(max-width:700px){.training-card-top{padding-right:0!important}.capacity-status{position:static;max-width:none;margin-left:auto}}
.decision-dialog{width:min(560px,calc(100vw - 32px));border:0;border-radius:24px;padding:0;background:#fff;box-shadow:0 30px 90px rgba(15,20,30,.28)}.decision-dialog::backdrop{background:rgba(15,18,24,.42);backdrop-filter:blur(3px)}.decision-dialog form{padding:26px}.decision-dialog .dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.decision-dialog h2{margin:4px 0 0}.dialog-close{width:38px;height:38px;border:0;border-radius:50%;background:#f1f2f4;font-size:22px;cursor:pointer}.decision-dialog .button-row{justify-content:flex-end;margin-top:16px}

/* V30 · Fehlerkorrekturen und verdichtete Arbeitslisten */
.date-range-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-grid-clean{align-items:start}.settings-card.settings-wide{grid-column:1/-1}.settings-card{height:auto!important}.settings-card .settings-form{margin-top:14px}.settings-card .button-row{margin-top:8px}
.approval-filter-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}.approval-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:10px 14px;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none}.approval-filter span{font-weight:780}.approval-filter b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:#f2f3f5}.approval-filter.active{border-color:#e62b36;box-shadow:0 8px 24px rgba(217,39,50,.1)}.approval-filter.active b{background:#d92732;color:#fff}
.approval-worklist{padding:0!important;overflow:hidden}.approval-worklist-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.approval-worklist-head h2{margin:3px 0 0}.approval-worklist-head small{color:var(--muted)}.approval-worklist-items{display:grid}.approval-workitem{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fff}.approval-workitem:last-child{border-bottom:0}.approval-workitem:hover{background:#fcfcfd}.approval-workitem-kind{display:grid;gap:4px}.approval-workitem-kind>span{font-size:.7rem;letter-spacing:.1em;font-weight:900;color:#d92732}.approval-workitem-kind small{color:var(--muted)}.approval-workitem-main{min-width:0}.approval-workitem-main h3{margin:0 0 5px;font-size:1.05rem}.approval-workitem-main p{margin:0 0 4px}.approval-workitem-main small{display:block;color:var(--muted);line-height:1.45}.secondary-id{margin-left:8px;color:var(--muted);font-size:.78rem;font-weight:500}.approval-workitem-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.approval-workitem-actions form{margin:0}.inline-warning{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;padding:8px 10px;border-radius:10px;background:#fff5dc;color:#7a5200;font-size:.8rem}.owner-note{margin-top:8px!important;color:#4e5664}.vacancy-request-item .approval-workitem-kind{min-width:150px}
.decision-dialog{width:min(560px,calc(100vw - 28px));border:0;border-radius:22px;padding:0;box-shadow:0 28px 80px rgba(10,16,25,.25)}.decision-dialog::backdrop{background:rgba(11,14,20,.48);backdrop-filter:blur(4px)}.decision-dialog form{display:grid;gap:18px;padding:24px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dialog-head h2{margin:4px 0 0}.dialog-close{border:0;background:#f1f2f5;width:36px;height:36px;border-radius:12px;font-size:24px;cursor:pointer}.decision-dialog label{display:grid;gap:7px;font-weight:750}.decision-dialog textarea{min-height:120px}
.sidebar{min-height:100vh}.shell{min-height:100vh}
@media(max-width:1050px){.approval-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.approval-workitem{grid-template-columns:120px minmax(0,1fr)}.approval-workitem-actions{grid-column:2;justify-content:flex-start}}
@media(max-width:700px){.date-range-row{grid-template-columns:1fr}.approval-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-workitem{grid-template-columns:1fr;gap:9px}.approval-workitem-actions{grid-column:1}.approval-workitem-kind{display:flex;justify-content:space-between}.secondary-id{display:block;margin:2px 0 0}.settings-card.settings-wide{grid-column:auto}}

/* V30 · aufgeräumte persönliche Einstellungen */
.settings-grid-clean{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.settings-grid-clean>#profile-photo,.settings-grid-clean>#appearance{min-height:100%}
.settings-grid-clean>#location,.settings-grid-clean>#mail-groups{grid-column:auto}
.settings-grid-clean>#notifications,.settings-grid-clean>#signature{grid-column:1/-1}
.settings-grid-clean .panel{padding:22px}
.settings-grid-clean .inline-form{align-items:end}
.settings-grid-clean .mail-group-grid{margin-top:14px}
.settings-grid-clean .settings-split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:980px){.settings-grid-clean{grid-template-columns:1fr}.settings-grid-clean>#location,.settings-grid-clean>#mail-groups,.settings-grid-clean>#notifications,.settings-grid-clean>#signature{grid-column:1}}

/* V31 · einheitliche Aktionen, Recruiting, Zeitberichtigung und Vorschau */
.btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;
  min-height:44px;padding:11px 16px!important;border:1px solid transparent!important;border-radius:13px!important;
  background:#f0f2f5;color:#24272d;font:inherit;font-weight:800!important;line-height:1.15;text-decoration:none!important;
  cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,20,28,.09)}
.btn.primary{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.btn.danger{background:#32191d!important;color:#fff!important;border-color:#32191d!important}
.btn.quiet{background:#f1f2f4!important;color:#30343b!important;border-color:#e4e6ea!important}
.btn.small{min-height:38px;padding:9px 13px!important;border-radius:11px!important;font-size:.84rem}
.btn:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}
summary.btn{list-style:none}summary.btn::-webkit-details-marker{display:none}
.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.application-actions{align-items:center}.application-actions>form{align-items:center}.application-actions select,.application-actions input{min-height:42px}
.application-actions details>summary.btn{width:auto}
.inline-preview-link{font-weight:800;color:#b31324!important;background:#fff0f1!important}
.candidate-profile-actions{margin-top:20px}
.candidate-application-row{align-items:flex-start}.candidate-application-row span{min-width:0}.candidate-application-row small{display:block;margin-top:4px;line-height:1.35}.candidate-application-row strong{font-size:.75rem;text-align:right}
.vacancy-assignment-card form .btn{width:100%}.vacancy-assignment-card select{line-height:1.35}
.inline-preview-dialog{width:min(1120px,calc(100vw - 34px));height:min(88vh,900px);padding:0;border:0;border-radius:24px;background:#fff;box-shadow:0 35px 110px rgba(9,13,21,.32);overflow:hidden}
.inline-preview-dialog::backdrop{background:rgba(10,13,19,.52);backdrop-filter:blur(4px)}
.inline-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fff}.inline-preview-head h2{margin:2px 0 0}.inline-preview-frame{display:block;width:100%;height:calc(100% - 82px);border:0;background:#f5f6f8}.inline-preview-loading{display:grid;place-items:center;height:calc(100% - 82px);color:var(--muted)}
.correction-day-panel-v31{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:24px;align-items:start}.correction-day-panel-v31 h2{margin:3px 0}
.time-event-list-v31{display:grid;gap:9px;margin-top:16px}.time-event-row-v31{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:#fff}.time-event-row-v31.is-muted{opacity:.58}.time-event-kind{display:flex;align-items:center;gap:11px}.time-event-kind>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff0f1;color:var(--red);font-weight:900}.time-event-kind small{display:block;margin-top:3px;color:var(--muted)}.time-event-state{white-space:nowrap}.correction-new-form{margin:0;padding:20px;border-radius:18px;background:#f7f8fa;border:1px solid #eaecf0}.dialog-actions{justify-content:flex-end}.time-approval-list-v31{display:grid;gap:10px;margin-top:16px}.time-approval-card-v31{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:16px}.time-approval-card-v31 p{margin:5px 0}.time-approval-card-v31 small{color:var(--muted)}.approval-button-row{display:flex;gap:8px;align-items:center}.approval-button-row form{margin:0}
.settings-split-grid{align-items:stretch!important}.settings-subcard{display:flex!important;flex-direction:column!important;height:100%!important}.settings-subcard>.btn{margin-top:auto!important;width:100%}.settings-subcard label:last-of-type{margin-bottom:18px}
.training-card-top{padding-right:155px!important}.capacity-status{top:18px!important;right:18px!important;max-width:145px!important;justify-content:flex-start}.capacity-status.capacity-red{background:#fff0f1;color:#a41425}.capacity-status.capacity-yellow{background:#fff7df;color:#795300}.capacity-status.capacity-green{background:#eaf8ef;color:#176b39}
.smart-input input[data-number-format]{padding-right:50px}
@media(max-width:900px){.correction-day-panel-v31{grid-template-columns:1fr}.inline-preview-dialog{height:92vh}.time-event-row-v31{grid-template-columns:1fr auto}.time-event-state{grid-column:1}.time-approval-card-v31{grid-template-columns:1fr}.approval-button-row{justify-content:flex-start}}
@media(max-width:620px){.time-event-row-v31{grid-template-columns:1fr}.time-event-state{grid-column:auto}.time-event-row-v31>.btn{justify-self:stretch}.approval-button-row{display:grid;grid-template-columns:1fr 1fr}.approval-button-row .btn{width:100%}.training-card-top{padding-right:0!important}.capacity-status{position:static!important;max-width:none!important;margin-left:auto}.inline-preview-dialog{width:calc(100vw - 18px);border-radius:18px}}


/* =========================================================
   V32 · Detailkorrekturen, Berechtigungen und Genehmigungsfluss
   ========================================================= */
[hidden]{display:none!important}
.postbox-v28-layout{align-items:start!important}
.postbox-v28-list{align-self:start;min-width:0}
.postbox-v28-archive{align-self:start!important;position:sticky!important;top:22px;max-height:calc(100dvh - 44px);overflow:auto;overscroll-behavior:contain}
.postbox-v28-archive details[open]{height:auto!important}
.sidebar{height:100dvh!important;min-height:100dvh!important;overflow-y:auto;overscroll-behavior:contain}
.sidebar .profile{position:sticky;bottom:-28px;z-index:4;margin-top:auto;padding:20px 0 28px;background:#fff;box-shadow:0 -14px 24px rgba(255,255,255,.96)}
.capacity-status{display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:none!important;white-space:nowrap!important;line-height:1!important;text-align:left!important}
.capacity-status>span{display:inline-block;white-space:nowrap}
.capacity-status i{display:block;margin:0!important}
.quick-profile-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.quick-profile-actions .btn{min-width:0}.quick-profile-browser-fallback{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quick-profile-browser-fallback .btn{margin-left:auto}
.status-badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#f2f3f5;color:#3d424b;font-size:.78rem;font-weight:800;white-space:nowrap}
.approval-worklist-tools{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.approval-worklist-tools form{margin:0}
.overlap-dialog-body{display:grid;gap:18px;padding:24px}.overlap-content{display:grid;gap:10px;max-height:55vh;overflow:auto}.overlap-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff}.overlap-row>div{display:grid;gap:4px}.overlap-row span{color:var(--muted);font-size:.84rem}.overlap-row strong{white-space:nowrap;font-size:.88rem}.empty-state.compact{padding:20px}
.process-status{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:7px 11px;border-radius:999px;background:#eef1f4;color:#313641;font-size:.76rem;font-weight:900;letter-spacing:.02em}.process-status i{width:8px;height:8px;border-radius:50%;background:#8c929d}.process-status.running{background:#eaf8ef;color:#176b39}.process-status.running i{background:#20ad62}.process-status.done{background:#eef0f3;color:#555c68}.process-status.done i{background:#6c7480}
.admin-full-access-note{margin:18px 0;padding:17px 18px;border:1px solid #cfe8d8;border-radius:16px;background:#effaf3}.admin-full-access-note b{color:#176b39}.admin-full-access-note p{margin:6px 0 0;color:#53615a;line-height:1.45}.role-option.is-disabled-by-admin{opacity:.45}
.approval-request-row{grid-template-columns:minmax(0,1fr) auto auto auto!important}
@media(max-width:1050px){.postbox-v28-archive{position:static!important;max-height:none}.approval-worklist-tools{justify-content:flex-start}.approval-worklist-head{align-items:flex-start;flex-direction:column}.approval-request-row{grid-template-columns:1fr!important}.overlap-row{align-items:flex-start;flex-direction:column}.overlap-row strong{white-space:normal}}
@media(max-width:900px){.sidebar .profile{position:static;box-shadow:none}.postbox-v28-layout{grid-template-columns:1fr!important}}
@media(max-width:620px){.capacity-status{position:static!important;margin:0!important}.training-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.quick-profile-actions{display:grid;grid-template-columns:1fr}.quick-profile-browser-fallback .btn{width:100%;margin-left:0}}


/* V33 consistency and interaction fixes */
.sidebar{position:sticky;top:0;height:100vh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.sidebar-core-nav,.sidebar-tree,.sidebar-organization{flex:0 0 auto}.profile{margin-top:auto;position:sticky;bottom:0;background:var(--surface,#fff);z-index:4;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(20,24,32,.08)}
.event-capacity-status,.capacity-label,.seat-status{display:inline-flex!important;align-items:center!important;gap:9px!important;white-space:nowrap}.event-capacity-status i,.capacity-label i,.seat-status i{margin:0!important;flex:0 0 auto}
.postbox-v28-layout{align-items:start}.postbox-v28-list{min-width:0}.postbox-v28-archive{align-self:start;max-height:calc(100vh - 180px);overflow:auto;min-height:0}.postbox-v28-archive details[open]{max-height:280px;overflow:auto}
.decision-dialog{border:0;border-radius:24px;box-shadow:0 28px 90px rgba(10,15,25,.28);padding:0;max-width:min(680px,calc(100vw - 32px));width:100%}.decision-dialog::backdrop{background:rgba(10,15,25,.48);backdrop-filter:blur(3px)}.decision-dialog>form{padding:28px}
.status-chip,.process-status,.badge{border-radius:999px!important;padding:6px 10px!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important;display:inline-flex!important;align-items:center!important;gap:7px!important}
.application-stack{display:grid;gap:24px}.application-card-v33{border:1px solid rgba(20,24,32,.10)!important;border-radius:22px!important;padding:24px!important;background:#fff!important;box-shadow:0 12px 35px rgba(18,24,32,.055)!important}.application-card-v33+.application-card-v33{margin-top:0!important}.activity-log>div{position:relative;padding:0 0 18px 24px;border-left:2px solid rgba(220,35,45,.18)}.activity-log>div:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#df2732}.activity-log>div:last-child{padding-bottom:0}
.vacancy-picker-dialog{max-width:min(820px,calc(100vw - 32px))}.vacancy-picker-list{display:grid;gap:10px;max-height:52vh;overflow:auto;margin:12px 0 20px}.vacancy-picker-row{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(20,24,32,.10);border-radius:16px;cursor:pointer}.vacancy-picker-row:has(input:checked){border-color:#df2732;background:rgba(223,39,50,.055)}.vacancy-picker-row small{display:block;color:#667085;margin-top:4px}.vacancy-picker-row input{margin-top:4px}
.filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin:0 0 20px}.filter-bar label{display:grid;gap:6px}.btn.tiny{padding:6px 9px;font-size:.72rem}
.time-event-list-v31{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.time-event-row-v31{display:grid!important;grid-template-columns:minmax(180px,1fr) auto auto auto!important;gap:14px!important;align-items:center!important;min-width:0!important}.time-event-row-v31>*{min-width:0}
@media(max-width:900px){.filter-bar{grid-template-columns:1fr 1fr}.time-event-row-v31{grid-template-columns:1fr auto}.postbox-v28-archive{max-height:none}.sidebar{position:relative;height:auto;min-height:0}.profile{position:relative}}

/* V34 Recruiting: interne Teilnehmende */
.employee-multiselect{position:relative;border:1px solid var(--line);border-radius:14px;background:#fff;padding:8px;min-height:52px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;transition:border-color .18s,box-shadow .18s}
.employee-multiselect:focus-within{border-color:var(--red);box-shadow:0 0 0 4px rgba(229,45,55,.08)}
.employee-multiselect>[data-employee-search]{border:0!important;box-shadow:none!important;outline:0;flex:1;min-width:230px;padding:8px 6px;background:transparent}
.employee-chips{display:contents}.employee-chip{display:inline-flex;align-items:center;gap:7px;background:#f5f1f2;border:1px solid #eadfe1;border-radius:999px;padding:7px 8px 7px 11px;max-width:100%}
.employee-chip b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-chip small{color:var(--muted);font-size:.76rem}.employee-chip button{border:0;background:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;color:var(--ink)}
.employee-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:120;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(20,24,32,.15);padding:6px;max-height:290px;overflow:auto}
.employee-suggestions button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.employee-suggestions button:hover,.employee-suggestions button:focus{background:#f5f6f8}.employee-suggestions b{display:block}.employee-suggestions small{display:block;color:var(--muted);margin-top:3px}.employee-suggestions-empty{padding:12px;margin:0;color:var(--muted)}

/* Einheitlicher Bestätigungsdialog */
.ventz-confirm-dialog{border:0;padding:0;background:transparent;max-width:min(520px,calc(100vw - 32px));width:100%;}
.ventz-confirm-dialog::backdrop{background:rgba(15,16,20,.52);backdrop-filter:blur(5px);}
.ventz-confirm-card{background:#fff;border:1px solid rgba(15,16,20,.08);border-radius:24px;box-shadow:0 30px 90px rgba(15,16,20,.24);padding:28px;display:grid;grid-template-columns:48px 1fr;gap:18px;}
.ventz-confirm-icon{width:48px;height:48px;border-radius:16px;background:#fff0f1;color:#df2632;display:grid;place-items:center;font-weight:900;font-size:22px;}
.ventz-confirm-copy h2{margin:2px 0 10px;font-size:26px;line-height:1.1;}
.ventz-confirm-copy p:last-child{margin:0;color:#5f6470;line-height:1.55;}
.ventz-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px;}
@media(max-width:560px){.ventz-confirm-card{grid-template-columns:40px 1fr;padding:22px;border-radius:20px}.ventz-confirm-icon{width:40px;height:40px;border-radius:13px}.ventz-confirm-actions{flex-direction:column-reverse}.ventz-confirm-actions .btn{width:100%}}

/* V36 Leistung & Ziele: klarer Startprozess und verständliche Benachrichtigungen */
.performance-start-panel{max-width:1100px}.performance-start-options{display:grid;align-content:center;gap:10px;padding:8px 0}.performance-start-summary{display:grid;gap:5px;padding:16px 18px;border-radius:16px;background:#f6f7f9;border:1px solid var(--line)}.performance-start-summary span{color:var(--muted);font-size:13px}.notification-card-list{display:grid;gap:16px}.notification-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.notification-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.notification-card-head h3{margin:0 0 5px}.notification-card-head p{margin:0;color:var(--muted)}.notification-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notification-card-grid label{display:grid;gap:7px;font-weight:800}.notification-card-grid small{font-weight:400;color:var(--muted)}.notification-card-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.notification-card-actions .btn{margin-left:auto}.status-pill{display:inline-flex;padding:8px 11px;border-radius:999px;background:#f1f2f5;color:#656873;font-size:12px;font-weight:900}.status-pill.is-active{background:#e7f7ed;color:#176b39}@media(max-width:760px){.notification-card-grid{grid-template-columns:1fr}.notification-card-actions .btn{width:100%;margin-left:0}.notification-card-head{flex-direction:column}}

/* V37 – Personalakte als digitaler Aktenschrank, stabile Seitenleiste und Kapazitätsabstand */
@media (min-width:901px){
  .sidebar{position:sticky!important;top:0!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding-bottom:168px!important}
  .sidebar .profile{position:absolute!important;left:22px!important;right:22px!important;bottom:0!important;margin:0!important;padding:20px 0 max(28px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 20%,#fff 100%)!important;box-shadow:none!important;z-index:10!important}
}
.capacity-status{gap:14px!important;padding-left:12px!important}.capacity-status i{margin-right:0!important}

.employee-search-panel{max-width:none}.employee-search-results{margin-top:22px}.employee-file-result{grid-template-columns:auto minmax(0,1fr) auto!important;min-height:84px}.employee-result-copy{min-width:0}.employee-result-copy h3{margin:0 0 4px}.employee-result-copy p{margin:0;color:var(--ink);font-weight:700;white-space:normal}.employee-result-copy small{display:block;margin-top:5px;color:var(--muted)}.employee-result-arrow{font-size:20px;font-weight:900}
.employee-file-head{max-width:none}.employee-file-identity{display:flex;align-items:center;gap:20px}.employee-file-identity h1{margin:0 0 7px}.employee-file-identity p{margin:0 0 5px;max-width:1000px}.employee-file-identity small{color:var(--muted)}.employee-file-photo{width:88px;height:88px;border-radius:24px;object-fit:cover;box-shadow:0 12px 30px rgba(17,19,24,.12)}.employee-file-photo-fallback{display:grid;place-items:center;background:#f8e8ea;color:var(--red);font-size:28px;font-weight:900}
.file-cabinet-shell{background:linear-gradient(145deg,#252229,#151418);border-radius:30px;padding:28px;box-shadow:0 28px 70px rgba(17,19,24,.18)}.file-cabinet-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;color:#fff}.file-cabinet-topbar h2{font-size:32px;margin:4px 0}.file-cabinet-topbar p:not(.eyebrow){margin:0;color:#c7c4ca}.file-cabinet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.file-drawer{background:#ece8e4;border-radius:20px;padding:10px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.08),0 14px 28px rgba(0,0,0,.16)}.file-drawer-label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px 16px}.file-drawer-label>div{display:flex;align-items:center;gap:11px}.file-drawer-label h3{margin:0;font-size:18px}.file-folder-icon{color:var(--red);font-size:20px}.file-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#fff;font-weight:900}.file-drawer-body{min-height:118px;background:#fff;border-radius:14px;padding:9px;box-shadow:inset 0 1px 4px rgba(0,0,0,.06)}.file-document{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border-radius:11px;border-bottom:1px solid #eee}.file-document:last-child{border-bottom:0}.file-document:hover{background:#f7f7f9}.file-document-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fae9eb;color:var(--red);font-size:10px;font-weight:950}.file-document-copy{display:grid;gap:3px;min-width:0}.file-document-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-document-copy small{color:var(--muted)}.file-document-status{font-size:11px;font-weight:850;padding:7px 9px;border-radius:999px;background:#f1f2f4;white-space:nowrap}.file-document-arrow{font-weight:900}.file-drawer-empty{display:grid;place-items:center;min-height:98px;color:var(--muted);font-size:14px;text-align:center}
@media(max-width:900px){.file-cabinet-grid{grid-template-columns:1fr}.file-cabinet-topbar{align-items:flex-start;flex-direction:column}.employee-file-identity{align-items:flex-start}.file-cabinet-shell{padding:18px;border-radius:22px}}
@media(max-width:620px){.employee-file-identity{flex-direction:column}.file-document{grid-template-columns:auto minmax(0,1fr) auto}.file-document-status{grid-column:2}.file-cabinet-topbar .btn{width:100%}}


/* V38 – feste App-Shell: nur der Hauptinhalt scrollt */
@media (min-width:901px){
  html,body{height:100%;overflow:hidden!important}
  body.ventz-body{height:100dvh;min-height:100dvh;overflow:hidden!important}
  .shell{
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr)!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .sidebar{
    position:relative!important;
    inset:auto!important;
    width:270px!important;
    height:100dvh!important;
    min-height:0!important;
    padding:28px 22px!important;
    padding-bottom:28px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .sidebar .brand{flex:0 0 auto!important}
  .sidebar-core-nav,.sidebar-tree,.sidebar-organization{flex:0 0 auto}
  .sidebar .profile{
    position:static!important;
    inset:auto!important;
    flex:0 0 auto!important;
    margin-top:auto!important;
    padding:20px 0 0!important;
    border-top:1px solid var(--line)!important;
    background:#fff!important;
    box-shadow:none!important;
    z-index:auto!important;
  }
  .shell>main{
    min-width:0!important;
    width:auto!important;
    height:100dvh!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
}

/* V38 – Veranstaltungsstatus: Punkt und Text sauber nebeneinander */
.capacity-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  column-gap:16px!important;
  row-gap:0!important;
  min-width:max-content!important;
  max-width:none!important;
  padding:9px 13px!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
.capacity-status>i{
  display:block!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  flex:0 0 10px!important;
  margin:0!important;
}
.capacity-status>span{display:block!important;white-space:nowrap!important}

.event-capacity-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:16px!important;
  width:auto!important;
  height:auto!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.event-capacity-inline i{
  display:block!important;
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
  border-radius:50%!important;
  margin:0!important;
}
.event-capacity-inline span{display:block!important;white-space:nowrap!important}
.event-capacity-green i{background:#20b86a!important}
.event-capacity-yellow i{background:#f1b51c!important}
.event-capacity-red i{background:#e32636!important}

@media(max-width:900px){
  html,body,body.ventz-body{height:auto;overflow:auto!important}
  .shell>main{height:auto;overflow:visible!important}
}


/* V45 Dashboard: Arbeitszeit und Anwesenheit kompakt in einer Kachel */
.dashboard-time-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.dashboard-time-values>div{min-width:0}
.dashboard-time-values span{font-size:9px;letter-spacing:.055em;white-space:nowrap}
.dashboard-time-values strong{display:block;margin-top:3px;font-size:15px;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.dashboard-time-card form{margin-top:8px}
.dashboard-time-card .dashboard-clock-button{padding:6px 8px;font-size:12px}
@media(max-width:420px){.dashboard-time-values{gap:5px}.dashboard-time-values span{font-size:8px}.dashboard-time-values strong{font-size:14px}}

/* V49 Bestellcenter */
.shop-center{max-width:1500px}.shop-hero{display:flex;justify-content:space-between;gap:32px;align-items:end;padding:22px 0 30px}.shop-hero h1{font-size:clamp(2.2rem,4vw,4.4rem);margin:.2rem 0}.shop-budget{min-width:260px;background:#071426;color:#fff;border-radius:24px;padding:24px;display:grid;gap:4px}.shop-budget strong{font-size:2rem}.shop-budget small{opacity:.72}.shop-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:10px 0 24px}.shop-search{flex:1;max-width:620px;background:#fff;border:1px solid #dfe4ea;border-radius:16px;padding:0 18px;display:flex;align-items:center;gap:10px}.shop-search input{width:100%;border:0;background:transparent;padding:15px 0;font:inherit}.shop-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shop-category-card{min-height:300px;border-radius:26px;background-size:cover;background-position:center;display:flex;align-items:end;padding:26px;color:#fff;text-decoration:none;box-shadow:0 18px 45px rgba(10,22,40,.12);transition:.2s transform,.2s box-shadow}.shop-category-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(10,22,40,.2)}.shop-category-card h2{font-size:2rem;margin:6px 0}.shop-category-card span,.shop-category-card p{opacity:.84}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{overflow:hidden;background:#fff;border:1px solid #e0e5ea;border-radius:24px;box-shadow:0 14px 35px rgba(12,25,45,.07)}.product-image{height:190px;background-size:cover;background-position:center;padding:16px}.product-image span{background:rgba(255,255,255,.92);border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:800}.product-body{padding:20px}.product-body h2{font-size:1.15rem;margin:0 0 8px}.product-body p{color:#667085;min-height:62px}.product-buy{display:flex;justify-content:space-between;align-items:end;gap:12px}.product-buy strong{font-size:1.35rem}.product-buy label{font-size:.75rem}.product-buy input{display:block;width:68px;margin-top:4px}.orders-panel{margin-top:42px;background:#fff;border:1px solid #e0e5ea;border-radius:24px;padding:24px}.status-pill{display:inline-flex;border-radius:999px;background:#eef2f6;padding:6px 10px;font-weight:700;font-size:.78rem}@media(max-width:1000px){.shop-category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shop-hero{align-items:stretch;flex-direction:column}.shop-budget{min-width:0}.shop-toolbar{align-items:stretch;flex-direction:column}.shop-search{max-width:none}.shop-category-grid,.product-grid{grid-template-columns:1fr}.shop-category-card{min-height:230px}}

/* V50 · reduziertes Zeitkonto */
.time-account-head{margin-bottom:12px}.time-account-head h1{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:2px}.time-detail-summary-delicate{grid-template-columns:repeat(3,minmax(130px,220px));justify-content:start;gap:10px;margin-bottom:14px}.time-detail-summary-delicate>div{border-radius:14px;padding:12px 14px;gap:4px;box-shadow:none}.time-detail-summary-delicate span{font-size:.7rem}.time-detail-summary-delicate b{font-size:1.05rem}.time-account-calendar{padding:20px;max-width:1100px}.time-calendar-toolbar{margin-bottom:12px}.time-calendar-toolbar h2{font-size:1.25rem}.time-calendar-toolbar a{font-size:1rem;border-radius:999px;width:34px;height:34px;display:grid;place-items:center;padding:0}.time-calendar-toolbar a:hover{background:#f2f4f7}.time-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:6px}.time-weekdays span{text-align:center;font-size:.68rem;font-weight:800;color:#667085;text-transform:uppercase;letter-spacing:.08em}.team-time-month-delicate{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.team-time-empty{min-height:82px}.team-time-day-delicate{min-height:82px;padding:9px;border-radius:12px;gap:5px;justify-content:flex-start}.team-time-day-delicate header b{font-size:.9rem}.team-time-day-delicate header span{display:none}.team-time-day-delicate .day-balance{margin:auto 0;font-size:1rem;font-weight:800;text-align:center}.team-time-day-delicate .balance-up{color:#16834f}.team-time-day-delicate .balance-down{color:#cf2e2e}.team-time-day-delicate .balance-zero{color:#98a2b3;font-weight:650}.team-time-day-delicate small{text-align:center;font-size:.58rem;line-height:1.15;color:#667085}.team-time-day-delicate.day-weekend{background:#f7f8fa}.team-time-day-delicate.day-free{background:#f7f8fa}.team-time-day-delicate.day-holiday{background:#f4f0ff}.team-time-day-delicate.day-absence{background:#eff9f2;border-color:#b7dec3}.team-time-day-delicate.day-pending{background:#fff8e5;border-color:#ecd695}.time-calendar-legend{font-size:.72rem;color:#667085}.time-calendar-legend span{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.positive{background:#16834f}.legend-dot.negative{background:#cf2e2e}.legend-dot.neutral{background:#98a2b3}@media(max-width:800px){.time-detail-summary-delicate{grid-template-columns:repeat(3,1fr)}.time-account-calendar{padding:12px;overflow:auto}.time-weekdays,.team-time-month-delicate{min-width:680px}.team-time-empty,.team-time-day-delicate{min-height:78px}}@media(max-width:560px){.time-detail-summary-delicate{grid-template-columns:1fr 1fr 1fr}.time-detail-summary-delicate>div{padding:10px}.time-detail-summary-delicate b{font-size:.92rem}}

/* V51 Meine Daten */
.my-data-page{max-width:1180px}.my-data-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 22px}.my-data-head h1{margin:4px 0 8px}.my-data-head p:last-child{color:var(--vo-muted);margin:0}.my-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.data-card,.history-card{background:#fff;border:1px solid var(--vo-border);border-radius:26px;box-shadow:var(--vo-shadow);padding:28px}.data-card-head{display:flex;gap:16px;align-items:center;margin-bottom:20px}.data-card-head h2{margin:3px 0 0}.data-icon{width:50px;height:50px;border-radius:16px;background:rgba(225,38,47,.09);display:grid;place-items:center;font-size:22px}.current-data{background:#f7f8fa;border-radius:18px;padding:18px 20px;margin-bottom:24px}.current-data span{display:block;font-size:12px;color:var(--vo-muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.current-data strong{font-size:18px;display:block;overflow-wrap:anywhere}.current-data p{margin:5px 0 0;color:var(--vo-muted)}.form-section-title{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:0 0 16px}.form-section-title span{font-size:13px;color:var(--vo-muted)}.master-data-form{display:grid;gap:15px}.master-data-form label{display:grid;gap:7px;font-weight:800}.master-data-form input{width:100%;min-width:0;min-height:48px;border-radius:13px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.two .small-field{grid-column:auto}.wide{width:100%;justify-content:center}.address-search-wrap{position:relative}.address-results{position:absolute;z-index:30;top:76px;left:0;right:0;background:#fff;border:1px solid var(--vo-border);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.15);overflow:hidden}.address-results button{display:block;width:100%;border:0;background:#fff;padding:13px 15px;text-align:left;font:inherit;cursor:pointer}.address-results button:hover{background:#f6f7f9}.validation-note{font-size:13px;color:var(--vo-muted);background:#f7f8fa;padding:11px 13px;border-radius:12px}.validation-note.valid{color:#147a43;background:#edf8f1}.validation-note.invalid{color:#b42318;background:#fff1f0}.history-card{margin-top:22px}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f1f3f5;font-size:12px;font-weight:800}.status-saved_sap{background:#eaf7ef;color:#147a43}.status-sap_error{background:#fff0ef;color:#b42318}@media(max-width:850px){.my-data-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.my-data-head{align-items:start}.data-card,.history-card{padding:20px}}

/* V52 Meine Daten: Auswahl zuerst, getrennte ruhige Detailseiten */
.my-data-hub,.my-data-detail{max-width:1180px}.hub-head,.detail-head{margin:30px 0 26px}.hub-head h1,.detail-head h1{margin:5px 0 8px}.hub-head>p:last-child,.detail-head p:last-child{color:var(--vo-muted);margin:0}.my-data-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.my-data-choice{min-height:230px;background:#fff;border:1px solid var(--vo-border);border-radius:28px;padding:30px;display:grid;grid-template-columns:62px 1fr 42px;gap:20px;align-items:center;text-decoration:none;color:inherit;box-shadow:var(--vo-shadow);transition:.2s ease}.my-data-choice:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(20,28,45,.12)}.choice-icon{width:62px;height:62px;border-radius:19px;background:rgba(225,38,47,.09);display:grid;place-items:center;font-size:27px}.my-data-choice h2{margin:5px 0 9px;font-size:27px}.my-data-choice p:last-child{margin:0;color:var(--vo-muted);line-height:1.55}.choice-arrow{width:42px;height:42px;border-radius:50%;background:#f3f4f6;display:grid;place-items:center;font-size:20px}.master-detail-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr);gap:24px;align-items:start}.current-master-card,.edit-master-card{background:#fff;border:1px solid var(--vo-border);border-radius:26px;box-shadow:var(--vo-shadow)}.current-master-card{padding:30px;position:sticky;top:24px}.current-master-card h2{font-size:27px;margin:10px 0 8px;overflow-wrap:anywhere}.current-master-card p{color:var(--vo-muted);margin:4px 0}.live-badge{display:inline-flex;margin-top:22px;padding:8px 12px;border-radius:999px;background:#edf8f1;color:#147a43;font-size:12px;font-weight:800}.edit-master-card{padding:30px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.section-heading h2{margin:4px 0 0}.section-heading>p{max-width:430px;color:var(--vo-muted);margin:0;line-height:1.5}.clean-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clean-form-grid .span-2{grid-column:span 2}.master-data-form label{font-weight:800}.master-data-form input{font-size:16px}.bank-form{max-width:620px}.iban-current{letter-spacing:.04em}.compact-history{margin-top:24px}.address-results{top:78px}.master-data-form .btn.primary{justify-self:start;min-width:220px}.bank-layout .current-master-card{min-height:210px}
@media(max-width:850px){.my-data-choice-grid,.master-detail-layout{grid-template-columns:1fr}.my-data-choice{min-height:0;padding:23px;grid-template-columns:52px 1fr 36px}.choice-icon{width:52px;height:52px}.current-master-card{position:static}.section-heading{display:block}.section-heading>p{margin-top:10px}.clean-form-grid{grid-template-columns:1fr}.clean-form-grid .span-2{grid-column:auto}.edit-master-card,.current-master-card{padding:22px}}

/* V54 integrated module design */
.one-module-hub,.one-detail-page{max-width:1240px;margin:0 auto;padding:34px 28px 70px}.one-module-head{margin:34px 0 28px}.one-module-head.split{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.one-module-head h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:.35rem 0 .8rem}.one-module-head>p,.one-module-head div>p{max-width:720px;color:var(--muted)}.one-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 36px}.one-action-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.one-action-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;min-height:170px;padding:26px;border:1px solid var(--border);border-radius:24px;background:var(--panel);box-shadow:0 12px 30px rgba(15,23,42,.06);color:inherit;text-decoration:none;transition:.2s}.one-action-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.1)}.one-action-card.compact{min-height:135px}.one-action-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--soft-red);font-size:1.55rem;font-weight:800}.one-action-card small,.one-current-card small,.one-card-head small{font-weight:800;letter-spacing:.16em;color:var(--accent);font-size:.72rem}.one-action-card h2{margin:.3rem 0 .5rem;font-size:1.45rem}.one-action-card p{margin:0;color:var(--muted)}.one-current-card,.one-form-card,.one-list-card{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:26px;margin:20px 0;box-shadow:0 12px 30px rgba(15,23,42,.05)}.one-current-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.one-current-card h2{font-size:1.6rem;margin:.45rem 0}.one-status{padding:8px 12px;border-radius:999px;font-weight:750;font-size:.82rem}.one-status.ok{background:#eaf8ef;color:#15723a}.one-status.warn{background:#fff4dd;color:#8a5a00}.one-card-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.one-card-head h2{margin:.35rem 0}.one-card-head>p{max-width:520px;color:var(--muted)}.one-form{display:grid;gap:18px}.one-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.one-form label{display:grid;gap:8px;font-weight:750}.one-form input,.one-form textarea,.shop-search-input{width:100%;padding:14px 15px;border:1px solid var(--border);border-radius:13px;background:var(--input-bg,#fff);font:inherit}.one-form .full{grid-column:1/-1}.one-form-card.narrow{max-width:760px}.inline-hint{padding:13px 16px;border-radius:14px;background:#fff7e9;color:#765218}.budget-pill{min-width:230px;padding:18px 22px;border-radius:20px;background:#11141a;color:#fff;display:grid;gap:4px}.budget-pill b{font-size:1.8rem}.budget-pill span{font-size:.85rem;color:#d9dde5}.visual-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-category{min-height:250px;border-radius:24px;background-size:cover;background-position:center;padding:24px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 32px rgba(15,23,42,.13)}.visual-category h2{font-size:1.7rem;margin:.35rem 0}.section-title{margin:36px 0 18px}.shop-toolbar{display:flex;gap:12px;align-items:center;margin:18px 0}.shop-search-input{max-width:420px}.product-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--panel);box-shadow:0 10px 25px rgba(15,23,42,.06)}.product-card img{width:100%;height:190px;object-fit:cover}.product-card>div{padding:19px}.product-card h3{font-size:1.2rem;margin:.4rem 0}.product-card p{color:var(--muted);min-height:44px}.product-card footer{display:flex;justify-content:space-between;align-items:end;gap:12px}.product-card footer b{font-size:1.25rem}.product-card footer label{display:grid;gap:5px;font-size:.75rem}.product-card .qty{width:70px;padding:8px;border:1px solid var(--border);border-radius:10px}.event-list-modern{display:grid;gap:12px}.event-list-modern article{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px}.event-date{font-weight:800}.status-chip{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--soft-red);font-weight:750;font-size:.78rem}.empty-copy{color:var(--muted)}
@media(max-width:900px){.one-action-grid,.one-action-grid.three,.visual-category-grid,.product-card-grid{grid-template-columns:1fr 1fr}.one-module-head.split{align-items:flex-start;flex-direction:column}.one-form-grid{grid-template-columns:1fr}.one-form .full{grid-column:auto}}
@media(max-width:640px){.one-module-hub,.one-detail-page{padding:22px 16px 50px}.one-action-grid,.one-action-grid.three,.visual-category-grid,.product-card-grid{grid-template-columns:1fr}.one-action-card{min-height:140px;padding:20px;grid-template-columns:48px 1fr auto}.one-action-icon{width:46px;height:46px}.one-current-card,.one-card-head{align-items:flex-start;flex-direction:column}.shop-toolbar{align-items:stretch;flex-direction:column}.event-list-modern article{grid-template-columns:1fr}.budget-pill{width:100%}}

/* V55 Event- und Bestellcenter */
.budget-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:20px;margin:22px 0}.budget-overview>div:not(.budget-bar){display:grid;gap:5px}.budget-overview span{color:var(--muted);font-size:.85rem}.budget-overview b{font-size:1.25rem}.budget-bar{grid-column:1/-1;height:10px;border-radius:999px;background:#e9edf2;overflow:hidden}.budget-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit;max-width:100%}.budget-pill{text-decoration:none}.add-cart-form{display:flex;gap:8px;align-items:center}.add-cart-form input{width:64px;padding:10px;border:1px solid var(--border);border-radius:10px}.cart-row{display:grid;grid-template-columns:82px 1fr 80px 110px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.cart-row img{width:82px;height:70px;object-fit:cover;border-radius:12px}.cart-row h3,.cart-row p{margin:.2rem 0}.cart-row input{width:74px;padding:10px;border:1px solid var(--border);border-radius:10px}.checkout-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.warning-box{padding:12px 14px;border-radius:12px;background:#fff4dd;color:#8a5a00}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.kpi-grid>div{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px;display:grid;gap:6px}.kpi-grid span{color:var(--muted);font-size:.82rem}.kpi-grid b{font-size:1.9rem}.event-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.event-admin-card{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--panel);box-shadow:0 10px 25px rgba(15,23,42,.06)}.event-admin-card>img{width:100%;height:190px;object-fit:cover}.event-admin-card>div{padding:22px}.event-admin-card h2{margin:.7rem 0}.mini-kpis{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.mini-kpis span{padding:7px 10px;border-radius:999px;background:#f2f4f7;font-size:.78rem}.btn.danger{background:#fff0f0;color:#b01820;border-color:#ffd0d0}.checkin-page video{width:100%;min-height:300px;border-radius:18px;background:#101217}.check-result{margin-top:14px;padding:14px;border-radius:12px}.check-result.ok{background:#eaf8ef;color:#15723a}.check-result.error{background:#fff0f0;color:#b01820}.settings-note{padding:18px;border-radius:16px;background:#f6f7f9}.one-action-card.muted{opacity:.78}.form-actions{display:flex;justify-content:flex-end;gap:10px}.toggle-line{display:flex!important;align-items:center;gap:10px}.toggle-line input{width:auto}.one-form select,.one-module-head select{padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
@media(max-width:900px){.budget-overview,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-grid,.event-admin-grid{grid-template-columns:1fr}}
@media(max-width:640px){.budget-overview,.kpi-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:70px 1fr}.cart-row input,.cart-row>b{grid-column:2}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}

/* V56 – Event-Management und Bestellcenter als echte Enterprise-Workflows */
.module-hub-v56,.module-list-v56,.analytics-v56,.event-builder-v56,.events-employee-v56,.shop-category-v56,.cart-v56,.settings-detail-v56,.checkin-v56{max-width:1280px;margin:0 auto;padding:34px 30px 74px}.module-hero-v56{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:34px 0 28px;padding:30px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#fbf7f8 100%);box-shadow:0 16px 38px rgba(15,23,42,.065)}.module-hero-v56.compact{padding:24px 28px}.module-hero-v56 h1{margin:.25rem 0 .65rem;font-size:clamp(2.35rem,4.8vw,4.7rem);line-height:.95;letter-spacing:-.055em}.module-hero-v56.compact h1{font-size:clamp(2rem,3.6vw,3.8rem)}.module-hero-v56 p:not(.eyebrow){margin:0;max-width:720px;color:var(--muted);font-size:1rem;line-height:1.55}.hero-stat,.hero-cart{min-width:220px;display:grid;gap:4px;padding:20px 22px;border-radius:22px;background:#101318;color:#fff;text-decoration:none}.hero-stat small,.hero-cart small{font-size:.68rem;letter-spacing:.16em;font-weight:850;color:#ff7c89}.hero-stat strong,.hero-cart strong{font-size:2.1rem;line-height:1}.hero-stat span,.hero-cart span{color:#d6d9df;font-size:.86rem}.module-card-grid-v56{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module-card-v56{display:grid;grid-template-columns:56px minmax(0,1fr) 34px;align-items:center;gap:17px;min-height:162px;padding:24px;border:1px solid var(--border);border-radius:24px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.055);transition:.2s}.module-card-v56:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.11);border-color:#cdd2da}.module-card-v56.featured{background:linear-gradient(135deg,#111419,#262b34);color:#fff;border-color:#111419}.module-card-v56.featured p{color:#cdd2db}.module-card-v56 small{font-size:.68rem;font-weight:850;letter-spacing:.16em;color:var(--accent)}.module-card-v56 h2{margin:.25rem 0 .45rem;font-size:1.38rem;letter-spacing:-.03em}.module-card-v56 p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.module-card-v56>b{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#f1f3f5}.module-card-v56.featured>b{background:rgba(255,255,255,.13)}.module-icon-v56{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#f8e9eb;color:var(--accent);font-size:1.45rem;font-weight:850}.module-card-v56.featured .module-icon-v56{background:rgba(255,255,255,.1);color:#fff}.builder-progress{display:flex;align-items:center}.builder-progress span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eceff3;color:#7a818c;font-weight:850}.builder-progress span.active{background:var(--accent);color:#fff}.builder-progress i{width:30px;height:2px;background:#e2e5e9}.event-wizard-card{border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.065);overflow:hidden}.wizard-step{display:none;padding:32px}.wizard-step.active{display:block}.wizard-head{margin-bottom:26px}.wizard-head small{font-weight:850;letter-spacing:.16em;color:var(--accent)}.wizard-head h2{margin:.4rem 0 .5rem;font-size:2rem;letter-spacing:-.035em}.wizard-head p{margin:0;color:var(--muted)}.event-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px}.event-type-card{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;padding:22px;border:2px solid var(--border);border-radius:20px;cursor:pointer}.event-type-card:has(input:checked){border-color:var(--accent);background:#fff6f7}.event-type-card input{position:absolute;opacity:0}.event-type-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#f2f4f6;font-size:1.4rem}.event-type-card h3{margin:0 0 5px}.event-type-card p{margin:0;color:var(--muted);font-size:.9rem}.form-grid-v56{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid-v56 label,.settings-form-v56>label,.option-panel>label,.check-form-v56 label{display:grid;gap:8px;font-weight:800}.form-grid-v56 .wide{grid-column:1/-1}.form-grid-v56 input,.form-grid-v56 textarea,.form-grid-v56 select,.settings-form-v56 input,.settings-form-v56 textarea,.settings-form-v56 select,.option-panel input,.check-form-v56 input,.filter-input,.filter-bar-v56 input,.filter-bar-v56 select,.shop-filter-v56 input,.shop-filter-v56 select{width:100%;padding:14px 15px;border:1px solid var(--border);border-radius:13px;background:#fff;font:inherit}.form-grid-v56 small,.settings-form-v56 small,.option-panel small{font-weight:500;color:var(--muted)}.option-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:24px;padding:20px;border-radius:18px;background:#f7f8fa}.switch-line{display:flex!important;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:#fff;cursor:pointer}.switch-line>input{position:absolute;opacity:0}.switch-line>span{position:relative;width:46px;height:26px;border-radius:99px;background:#dfe3e8;flex:0 0 auto}.switch-line>span:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.switch-line:has(input:checked)>span{background:var(--accent)}.switch-line:has(input:checked)>span:after{transform:translateX(20px)}.switch-line div{display:grid}.switch-line small{color:var(--muted);font-weight:500}.target-columns{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;margin-top:20px}.target-columns.disabled{opacity:.4;pointer-events:none}.target-columns h3{margin-top:0}.check-list{display:grid;gap:8px}.check-list.scroll{max-height:340px;overflow:auto;padding-right:6px}.check-list label{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid var(--border);border-radius:13px;cursor:pointer}.check-list label:has(input:checked){border-color:var(--accent);background:#fff6f7}.check-list small{color:var(--muted)}.question-builder{border:1px solid var(--border);border-radius:20px;padding:20px}.question-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.question-toolbar h3,.question-toolbar p{margin:.2rem 0}.question-toolbar p{color:var(--muted)}.question-row{display:grid;grid-template-columns:24px 150px minmax(180px,1fr) minmax(180px,.7fr) 90px 34px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.question-row select,.question-row input{width:100%;padding:11px;border:1px solid var(--border);border-radius:11px}.question-row>button{border:0;border-radius:9px;background:#fff0f0;color:#b01820;font-size:1.2rem}.required-check{display:flex;align-items:center;gap:5px;font-size:.8rem}.required-check input{width:auto}.drag{color:#a1a6ae}.publish-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.publish-summary span{padding:8px 11px;border-radius:999px;background:#eaf8ef;color:#197443;font-weight:750;font-size:.82rem}.wizard-actions{display:flex;justify-content:space-between;gap:12px;padding:20px 32px;border-top:1px solid var(--border);background:#fafbfc}.wizard-actions>div{display:none;gap:10px;margin-left:auto}.employee-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.employee-event-card{overflow:hidden;border:1px solid var(--border);border-radius:26px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}.event-cover{min-height:240px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#222831,#0f1115);background-size:cover;background-position:center;color:#fff}.event-cover h2{margin:.4rem 0;font-size:2rem}.event-cover p,.event-cover span{margin:0;color:#e7e9ed}.event-body{padding:24px}.event-body>p{color:var(--muted);line-height:1.55}.response-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.response-buttons input{position:absolute;opacity:0}.response-buttons span{display:block;text-align:center;padding:12px 8px;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-weight:800}.response-buttons label:has(input:checked) span{background:#111419;color:#fff;border-color:#111419}.event-question{display:grid;gap:7px;margin:14px 0}.event-question select,.event-question textarea{padding:12px;border:1px solid var(--border);border-radius:12px}.multi-options{display:flex;gap:10px;flex-wrap:wrap}.response-state{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:14px}.response-state.yes{background:#eaf8ef;color:#17703d}.response-state.no{background:#fff0f0;color:#a5272f}.response-state.maybe{background:#fff5df;color:#805800}.response-state span{font-size:.82rem}.ticket-card{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;margin-top:18px;padding:18px;border:1px dashed #b9bec7;border-radius:18px;background:#fafbfc}.ticket-card img{width:130px;height:130px}.ticket-card div{display:grid;gap:5px}.ticket-card small{color:var(--accent);font-weight:850;letter-spacing:.12em}.ticket-card b{font-size:1.15rem}.event-admin-grid-v56{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.event-admin-card-v56{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}.event-admin-cover{min-height:200px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#252b35,#111419);background-size:cover;background-position:center;color:#fff}.event-admin-cover h2{margin:.4rem 0;font-size:1.75rem}.event-admin-cover p{margin:0}.event-admin-content{padding:22px}.event-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.event-facts span{display:grid;padding:10px;border-radius:12px;background:#f3f5f7;font-size:.76rem}.event-facts b{font-size:1.2rem}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.cancel-event{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.cancel-event summary{cursor:pointer;color:#b01820;font-weight:800}.cancel-event form{display:grid;gap:10px;margin-top:10px}.cancel-event textarea{padding:12px;border:1px solid var(--border);border-radius:12px}.status-badge{display:inline-flex;align-items:center;width:max-content;padding:7px 10px;border-radius:999px;background:#eef1f4;color:#525a65;font-size:.76rem;font-weight:850}.status-badge.published,.status-badge.approved,.status-badge.yes{background:#eaf8ef;color:#197443}.status-badge.draft,.status-badge.pending_approval{background:#fff4dd;color:#825800}.status-badge.cancelled,.status-badge.rejected,.status-badge.no{background:#fff0f0;color:#a5272f}.kpi-grid-v56{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.kpi-grid-v56>div{display:grid;gap:5px;padding:20px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}.kpi-grid-v56 small{color:var(--accent);font-weight:850;letter-spacing:.12em}.kpi-grid-v56 b{font-size:2rem}.kpi-grid-v56 span{color:var(--muted)}.filter-bar-v56,.shop-filter-v56{display:flex;align-items:center;gap:10px;margin:18px 0}.filter-bar-v56>*{flex:1}.filter-bar-v56 button{flex:0 0 auto}.data-card-v56{padding:22px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05);overflow:auto}.data-card-v56 table{width:100%;border-collapse:collapse}.data-card-v56 th,.data-card-v56 td{padding:13px 11px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.data-card-v56 th{font-size:.74rem;color:var(--muted);letter-spacing:.08em}.data-card-v56 td small{display:block;color:var(--muted);margin-top:4px}.checkin-layout-v56{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin:20px 0}.scanner-card{position:relative;overflow:hidden;min-height:420px;border-radius:24px;background:#111419}.scanner-card video{width:100%;height:420px;object-fit:cover}.scanner-card p{position:absolute;left:18px;right:18px;bottom:14px;margin:0;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.65);color:#fff;text-align:center}.scan-frame{position:absolute;inset:50% auto auto 50%;width:220px;height:220px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:24px;box-shadow:0 0 0 999px rgba(0,0,0,.2)}.check-form-v56{display:grid;align-content:start;gap:16px;padding:24px;border:1px solid var(--border);border-radius:24px;background:#fff}.walkin-toggle{display:flex!important;align-items:flex-start;gap:9px!important;padding:13px;border-radius:12px;background:#fff5df;font-size:.87rem}.walkin-toggle input{width:auto}.check-result-v56{display:grid;gap:4px;padding:16px;border-radius:14px}.check-result-v56:empty{display:none}.check-result-v56.ok{background:#eaf8ef;color:#197443}.check-result-v56.error{background:#fff0f0;color:#a5272f}.table-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.table-head input{max-width:330px;padding:11px;border:1px solid var(--border);border-radius:11px}.budget-dashboard-v56{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;padding:20px;border:1px solid var(--border);border-radius:22px;background:#fff}.budget-dashboard-v56>div{display:grid;gap:5px}.budget-dashboard-v56 small{color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.1em}.budget-dashboard-v56 b{font-size:1.35rem}.budget-track{grid-column:1/-1;height:10px;border-radius:99px;background:#e8ebef;overflow:hidden}.budget-track i{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#d71920,#ff6471)}.shop-section-v56{margin-top:38px}.section-head-v56{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.section-head-v56 h2{margin:.2rem 0;font-size:2rem}.section-head-v56>p{color:var(--muted)}.visual-category-grid-v56{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-category-grid-v56>a{min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border-radius:24px;background-size:cover;background-position:center;color:#fff;text-decoration:none;box-shadow:0 14px 32px rgba(15,23,42,.13);transition:.2s}.visual-category-grid-v56>a:hover{transform:translateY(-4px)}.visual-category-grid-v56 h2{margin:.35rem 0;font-size:1.8rem}.favorite-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.favorite-strip>a{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:16px;background:#fff;color:inherit;text-decoration:none}.favorite-strip img{width:72px;height:68px;object-fit:cover;border-radius:11px}.favorite-strip div{display:grid}.favorite-strip small{color:var(--accent);font-weight:800}.product-grid-v56{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card-v56{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055)}.product-image{position:relative}.product-image img{display:block;width:100%;height:210px;object-fit:cover}.product-image>span{position:absolute;left:14px;bottom:14px;padding:7px 9px;border-radius:999px;background:#111419;color:#fff;font-size:.66rem;font-weight:850;letter-spacing:.1em}.favorite-button{position:absolute;right:13px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#9aa0a8;font-size:1.1rem;cursor:pointer}.favorite-button.active{color:var(--accent)}.product-content{padding:19px}.product-content>small{color:var(--accent);font-weight:800}.product-content h3{margin:.45rem 0;font-size:1.25rem}.product-content>p{min-height:48px;color:var(--muted);line-height:1.45}.product-meta{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.product-meta b{font-size:1.3rem}.product-meta span{color:var(--muted);font-size:.78rem}.ajax-cart-form{display:grid;grid-template-columns:80px 1fr;gap:10px}.ajax-cart-form label{display:grid;gap:4px;font-size:.7rem;font-weight:800}.ajax-cart-form input{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px}.cart-toast{position:fixed;right:24px;bottom:24px;z-index:999;padding:14px 18px;border-radius:14px;background:#111419;color:#fff;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.cart-toast.show{opacity:1;transform:none}.cart-layout-v56{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:start}.cart-layout-v56 aside{display:grid;gap:18px;position:sticky;top:20px}.cart-item-v56{display:grid;grid-template-columns:88px minmax(0,1fr) 90px 110px;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.cart-item-v56 img{width:88px;height:76px;object-fit:cover;border-radius:12px}.cart-item-v56 h3,.cart-item-v56 span{margin:.2rem 0}.cart-item-v56 small{color:var(--accent);font-weight:800}.cart-item-v56 label{display:grid;gap:4px;font-size:.72rem}.cart-item-v56 input{width:78px;padding:10px;border:1px solid var(--border);border-radius:10px}.budget-card-v56,.checkout-card-v56{padding:22px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05)}.budget-card-v56>small{color:var(--accent);font-weight:850;letter-spacing:.12em}.budget-card-v56 dl{margin:16px 0}.budget-card-v56 dl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.budget-card-v56 dd{font-weight:850}.warning-box-v56,.success-box-v56{padding:13px;border-radius:13px;font-size:.86rem}.warning-box-v56{background:#fff4dd;color:#805800}.success-box-v56{background:#eaf8ef;color:#197443}.checkout-card-v56{display:grid;gap:14px}.checkout-card-v56 label{display:grid;gap:7px;font-weight:800}.checkout-card-v56 input,.checkout-card-v56 textarea{padding:13px;border:1px solid var(--border);border-radius:12px;font:inherit}.checkout-card-v56>small{text-align:center;color:var(--muted)}.settings-form-v56{display:grid;gap:20px;padding:28px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05)}.settings-form-v56>.btn{justify-self:start}.role-grid-v56{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-grid-v56 article{padding:22px;border:1px solid var(--border);border-radius:20px;background:#fff}.role-grid-v56 small{color:var(--accent);font-weight:850}.role-grid-v56 p{color:var(--muted)}.info-box-v56{margin-top:20px;padding:22px;border-radius:20px;background:#f4f6f8}.assortment-grid-v56{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.assortment-grid-v56 form{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:16px;border:1px solid var(--border);border-radius:20px;background:#fff}.assortment-grid-v56 img{width:130px;height:145px;object-fit:cover;border-radius:14px}.assortment-grid-v56 small{color:var(--accent);font-weight:800}.assortment-grid-v56 h3{margin:.3rem 0 .7rem}.mini-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-form-grid label{display:grid;gap:4px;font-size:.72rem}.mini-form-grid input{width:100%;padding:9px;border:1px solid var(--border);border-radius:9px}.inline-check{display:inline-flex;gap:6px;margin:9px 12px 9px 0;font-size:.8rem}.approval-grid-v56{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.approval-grid-v56 article{padding:22px;border:1px solid var(--border);border-radius:22px;background:#fff}.approval-head{display:flex;justify-content:space-between;gap:18px}.approval-head small{color:var(--accent);font-weight:850}.approval-head h2{margin:.3rem 0}.approval-head p{color:var(--muted)}.approval-head>b{font-size:1.5rem}.approval-grid-v56 ul{padding:0;list-style:none}.approval-grid-v56 li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.approval-grid-v56 form{display:grid;gap:10px}.approval-grid-v56 textarea{padding:12px;border:1px solid var(--border);border-radius:12px}.analytics-columns-v56{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.ranking-list{padding-left:22px}.ranking-list li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border)}.empty-state-v56{grid-column:1/-1;display:grid;place-items:center;text-align:center;min-height:280px;padding:34px;border:1px dashed #cfd4db;border-radius:24px;background:#fafbfc}.empty-state-v56>span{font-size:2rem}.empty-state-v56 h2{margin:.6rem 0}.empty-state-v56 p{max-width:520px;color:var(--muted)}
@media(max-width:1000px){.module-card-grid-v56,.visual-category-grid-v56,.product-grid-v56{grid-template-columns:repeat(2,1fr)}.employee-event-grid,.event-admin-grid-v56,.approval-grid-v56,.assortment-grid-v56,.analytics-columns-v56{grid-template-columns:1fr}.checkin-layout-v56,.cart-layout-v56{grid-template-columns:1fr}.cart-layout-v56 aside{position:static}.target-columns{grid-template-columns:1fr}.question-row{grid-template-columns:24px 130px 1fr 1fr}.question-row .required-check,.question-row>button{grid-row:2}.favorite-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.module-hub-v56,.module-list-v56,.analytics-v56,.event-builder-v56,.events-employee-v56,.shop-category-v56,.cart-v56,.settings-detail-v56,.checkin-v56{padding:22px 16px 55px}.module-hero-v56{align-items:flex-start;flex-direction:column;padding:22px}.module-card-grid-v56,.visual-category-grid-v56,.product-grid-v56,.event-type-choice,.form-grid-v56,.kpi-grid-v56,.budget-dashboard-v56,.role-grid-v56{grid-template-columns:1fr}.module-card-v56{min-height:138px;padding:20px}.hero-stat,.hero-cart{width:100%}.wizard-step{padding:22px}.wizard-actions{padding:16px;flex-wrap:wrap}.wizard-actions>div{width:100%;flex-direction:column}.wizard-actions .btn{width:100%}.option-panel{grid-template-columns:1fr}.question-row{grid-template-columns:1fr;padding:14px 0}.question-row .drag{display:none}.question-row .required-check,.question-row>button{grid-row:auto}.response-buttons{grid-template-columns:1fr}.ticket-card{grid-template-columns:100px 1fr}.ticket-card img{width:100px;height:100px}.filter-bar-v56,.shop-filter-v56,.section-head-v56,.table-head{align-items:stretch;flex-direction:column}.favorite-strip{grid-template-columns:1fr}.cart-item-v56{grid-template-columns:72px 1fr}.cart-item-v56 label,.cart-item-v56>b{grid-column:2}.assortment-grid-v56 form{grid-template-columns:90px 1fr}.assortment-grid-v56 img{width:90px;height:110px}.module-hero-v56 h1{font-size:2.5rem}.scanner-card,.scanner-card video{min-height:330px;height:330px}}

/* V57: Adressvorschläge immer direkt im Sichtfeld unter dem Suchfeld */
.address-search-wrap{position:relative;z-index:80}.address-search-wrap>label{display:grid;gap:7px}.address-search-wrap .address-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:500;max-height:320px;overflow-y:auto;background:#fff;border:1px solid var(--vo-border);border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.20)}.address-search-wrap .address-results[hidden]{display:none}.edit-master-card,.master-detail-layout,.my-data-detail{overflow:visible}.address-search-wrap .address-results button{padding:14px 16px;line-height:1.35}

/* V58 · Eventzielgruppen, QR-Ticket, Walk-in und Stammdatenhistorie */
.target-default-note{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;margin:0 0 16px;border-radius:14px;background:#f7f8fa;border:1px solid var(--border)}.target-default-note span{color:var(--muted)}
.target-mode-tabs,.tab-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.target-mode-tabs label,.tab-row button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.target-mode-tabs label.selected,.tab-row button.active{background:#111419;color:#fff;border-color:#111419}.target-mode-tabs input{position:absolute;opacity:0;pointer-events:none}
.check-list.lined{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}.check-list.lined label{margin:0;padding:13px 14px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px}.check-list.lined label:last-child{border-bottom:0}.check-list.lined label:hover{background:#fafbfc}.check-list.lined small{color:var(--muted)}
.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.city-grid label{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:14px;background:#fff;font-weight:750}.reminder-options{display:flex;gap:9px;flex-wrap:wrap}.reminder-options label{border:1px solid var(--border);border-radius:999px;padding:9px 12px;background:#fff}.reminder-options input{margin-right:6px}
.event-type-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(225,38,47,.10)}
/* BV-Formular: durchgehende Abschnitte statt versteckter Wizard-Schritte */
.wizard-block{padding:30px 32px;border-top:1px solid var(--border)}.wizard-block:first-of-type{border-top:0}.wizard-block .event-type-choice,.wizard-block .form-grid-v56{margin-bottom:0}.wizard-block .wizard-head{margin-bottom:20px}.wizard-block .wizard-head h2{font-size:1.6rem}.bv-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bv-type-grid .event-type-card{grid-template-columns:44px 1fr;padding:16px;gap:13px}.bv-type-grid .event-type-card>span{width:44px;height:44px;font-size:1.2rem}.bv-type-grid .event-type-card h3{font-size:1rem}.bv-type-grid .event-type-card p{font-size:.8rem}.prefill-note{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding:14px 16px;border-radius:14px;background:#eaf8ef;color:#197443}.prefill-note>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:#bfe9cd;font-weight:900}.prefill-note b{display:block}.prefill-note small{color:#2d8a57}.wizard-actions.single{justify-content:flex-end}.wizard-actions.single .btn{flex:0 0 auto}
@media(max-width:700px){.bv-type-grid{grid-template-columns:1fr}.wizard-block{padding:22px}}
/* BV-Detailseite */
.hero-actions-v56{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.bv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.bv-col{display:grid;align-content:start;gap:0}.bv-search-wrap{position:relative;margin-bottom:14px}.bv-search-wrap>input{width:100%;padding:13px 15px;border:1px solid var(--border);border-radius:13px;font:inherit}#bv-results{list-style:none;margin:6px 0 0;padding:6px;position:absolute;left:0;right:0;z-index:30;display:none;max-height:300px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.14)}#bv-results li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:10px}#bv-results li:hover{background:#fafbfc}#bv-results li span{display:grid}#bv-results li small{color:var(--muted)}#bv-results li em{font-style:normal;color:#197443;font-size:.8rem;font-weight:800}#bv-results .bv-empty{color:var(--muted);justify-content:flex-start}#bv-results .btn{padding:7px 12px;font-size:.8rem}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--muted);cursor:pointer;text-decoration:none;font-size:.9rem}.icon-btn:hover{border-color:#cdd2da;color:var(--accent)}.bv-guest-details,.bv-log-details{margin-top:14px}.bv-guest-details summary,.bv-log-details summary{cursor:pointer;font-weight:800;color:var(--muted);font-size:.88rem}.bv-taxlist{margin:0;display:grid;gap:0}.bv-taxlist>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border)}.bv-taxlist>div:last-child{border-bottom:0}.bv-taxlist dt{margin:0;color:var(--muted)}.bv-taxlist dd{margin:0;font-weight:850}.bv-disclaimer{margin:14px 0 0;font-size:.78rem;color:var(--muted);line-height:1.5}.bv-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;font-weight:600}.bv-check input{width:auto}.bv-total-row{font-weight:850;border-top:2px solid var(--border)}.bv-total-row td{border-bottom:0!important}.bv-manage-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.bv-manage-box h3{margin:0 0 12px;font-size:1.05rem}.bv-log{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.bv-log li{font-size:.8rem;color:var(--muted);padding:8px 11px;background:#f7f8fa;border-radius:9px}
@media(max-width:850px){.bv-detail-grid{grid-template-columns:1fr}}
.qr-dialog{width:min(92vw,620px);border:0;border-radius:28px;padding:34px;text-align:center;box-shadow:0 30px 100px rgba(15,23,42,.35)}.qr-dialog::backdrop{background:rgba(5,10,20,.72)}.qr-dialog img{display:block;width:min(72vw,430px);height:min(72vw,430px);object-fit:contain;margin:18px auto;background:#fff;padding:18px;border-radius:20px}.qr-dialog b{display:block;font-size:1.25rem}.qr-close{position:absolute;right:18px;top:14px;width:38px;height:38px;border:0;border-radius:50%;font-size:1.5rem;cursor:pointer}.ticket-card.qr-open{width:100%;border:0;text-align:left;cursor:pointer}
.checkin-layout-v58{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.scanner-card-v58,.check-panel-v58{background:#fff;border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.camera-shell{position:relative;overflow:hidden;border-radius:18px;background:#0a0d12;aspect-ratio:4/3}.camera-shell video{width:100%;height:100%;object-fit:cover}.scanner-status{display:grid;gap:4px;margin:14px 0}.scanner-status span{color:var(--muted)}.people-results{display:grid;gap:8px;margin-top:10px;max-height:360px;overflow:auto}.person-result{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:#fff;text-align:left;cursor:pointer}.person-result:hover{border-color:#adb5bd;background:#fafbfc}.person-result span{display:grid;gap:3px}.person-result small{color:var(--muted)}.person-result em{font-style:normal;font-size:.76rem;font-weight:850;color:var(--accent)}
.history-timeline{display:grid;gap:10px}.history-entry{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff}.history-entry.future{border-color:#e9c46a;background:#fffaf0}.history-date{display:grid;align-content:start}.history-date small{color:var(--muted)}.history-content{display:grid;gap:5px}.history-content p{margin:0;color:var(--muted)}.future-badge{display:inline-flex;margin-left:8px;padding:5px 8px;border-radius:999px;background:#fff0c2;color:#775500;font-size:.72rem;font-weight:850}
@media(max-width:900px){.city-grid{grid-template-columns:repeat(2,1fr)}.checkin-layout-v58{grid-template-columns:1fr}.history-entry{grid-template-columns:1fr}.target-default-note{flex-direction:column;gap:4px}}
@media(max-width:560px){.city-grid{grid-template-columns:1fr}.qr-dialog{padding:24px 16px}.qr-dialog img{width:78vw;height:78vw}.person-result{align-items:flex-start;flex-direction:column}}


/* =========================================================
   VENTZ ONE V59 – RESPONSIVE DEVICE LAYER
   Desktop, Laptop, Tablet, Smartphone, Touch und Safe Areas
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{min-width:320px;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
button,input,select,textarea{font-size:16px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
.shell>main{width:100%;max-width:100vw}
.mobile-menu-button,.mobile-sidebar-backdrop{display:none}

/* Flexible Inhalte statt fester Breiten */
.panel,.feature,.ventz-app-card,.module-card,.settings-card,.scanner-card-v58,.check-panel-v58{min-width:0}
.card-grid,.ventz-app-grid,.ventz-quick-grid,.settings-grid,.module-grid{align-items:stretch}
.table-wrap,.responsive-table,.data-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}

/* Touch-Ziele */
@media (pointer:coarse){
  .btn,button,.sidebar a,.ventz-app-card,.feature{min-height:44px}
  input,select,textarea{min-height:48px}
  .btn,button{touch-action:manipulation}
}

/* Kleine Laptops / große Tablets */
@media(max-width:1180px){
  .shell{grid-template-columns:220px minmax(0,1fr)!important}
  .sidebar{padding:22px 16px!important}
  .shell>main{padding:28px 24px!important}
  .ventz-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .checkin-layout-v58,.split,.two-column,.form-grid-2{grid-template-columns:1fr!important}
}

/* Tablet und Smartphone: Off-Canvas Navigation */
@media(max-width:900px){
  body.mobile-nav-open{overflow:hidden}
  .shell{display:block!important;background:var(--bg)!important}
  .shell>main{padding:0 16px 28px!important;overflow:visible!important}
  .mobile-head{position:sticky;top:0;z-index:1100;display:flex!important;align-items:center;gap:12px;min-height:66px;margin:0 -16px 22px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
  .mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}
  .mobile-brand img{width:40px;height:40px;border-radius:12px;object-fit:cover}
  .mobile-brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-menu-button{display:grid;width:44px;height:44px;place-content:center;gap:5px;padding:0;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(17,19,24,.08)}
  .mobile-menu-button span{display:block;width:20px;height:2px;border-radius:9px;background:var(--ink);transition:.2s}
  body.mobile-nav-open .mobile-menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.mobile-nav-open .mobile-menu-button span:nth-child(2){opacity:0}
  body.mobile-nav-open .mobile-menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .sidebar{position:fixed!important;z-index:1200;display:flex!important;left:0;top:0;bottom:0;width:min(86vw,340px);height:100dvh!important;min-height:0!important;padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom))!important;overflow-y:auto;transform:translateX(-105%);transition:transform .25s cubic-bezier(.22,1,.36,1);box-shadow:24px 0 70px rgba(0,0,0,.18)}
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .sidebar-tree,.sidebar-organization{display:grid!important}
  .mobile-sidebar-backdrop{position:fixed;z-index:1150;display:block;inset:0;border:0;background:rgba(15,16,20,.42);backdrop-filter:blur(2px)}
  .page-back-slot{margin-top:0}
  .page-head{max-width:none}
  .page-head h1,.ventz-dashboard-hero h1{font-size:clamp(34px,9vw,54px)!important}
  .ventz-dashboard-hero{gap:16px}
  .ventz-app-grid,.card-grid,.ventz-quick-grid,.settings-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ventz-app-card,.feature{min-height:220px!important;padding:22px!important}
  .panel{padding:20px!important;border-radius:20px!important}
  .form-row,.form-grid,.event-target-grid,.shop-settings-grid{grid-template-columns:1fr!important}
  .checkin-layout-v58{grid-template-columns:1fr!important}
  dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:auto}
}

/* Smartphone */
@media(max-width:640px){
  .shell>main{padding-left:12px!important;padding-right:12px!important}
  .mobile-head{margin-left:-12px;margin-right:-12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .ventz-app-grid,.card-grid,.ventz-quick-grid,.settings-grid,.module-grid,.info-cards{grid-template-columns:1fr!important}
  .ventz-app-card,.feature{min-height:190px!important;border-radius:22px!important;padding:20px!important}
  .page-head{margin-bottom:20px}
  .page-head h1{font-size:clamp(31px,10vw,44px)!important;line-height:1!important}
  .page-head p{font-size:16px!important}
  .panel{padding:16px!important;margin-bottom:14px!important}
  .btn,.primary,.danger{width:100%;justify-content:center;text-align:center}
  .button-row,.actions,.form-actions,.wizard-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .search,.inline{flex-direction:column!important;align-items:stretch!important}
  .inline input,.inline select{width:100%!important}
  .person-card,.person-result{align-items:flex-start!important;flex-direction:column!important}
  .camera-shell{aspect-ratio:3/4}
  .pdf{height:70dvh!important}
  table{min-width:680px}
  .hide-on-mobile{display:none!important}
}

/* Sehr kleine Smartphones */
@media(max-width:390px){
  .shell>main{padding-left:10px!important;padding-right:10px!important}
  .mobile-head{margin-left:-10px;margin-right:-10px}
  .ventz-app-card,.feature,.panel{border-radius:18px!important}
  .ventz-app-card h2,.feature h2{font-size:24px!important}
}

/* Landscape Smartphone */
@media(max-height:520px) and (orientation:landscape) and (max-width:950px){
  .mobile-head{min-height:54px;padding-top:5px;padding-bottom:5px}
  .sidebar{width:min(72vw,360px)}
  .camera-shell{max-height:70dvh;aspect-ratio:16/9}
}

/* iPhone / Android Safe Areas */
@supports(padding:max(0px)){
  body{padding-bottom:env(safe-area-inset-bottom)}
}

/* V60 QR scanner and VENTZ ONE modal */
.qr-reader-shell{min-height:360px;display:grid;place-items:center;background:#0a0d12}.qr-reader-shell>div{width:100%!important}.qr-reader-shell video{width:100%!important;height:100%!important;object-fit:cover;border-radius:18px}.qr-reader-shell img[alt="Info icon"]{display:none}.scanner-placeholder{display:grid;place-items:center;gap:8px;color:#fff}.scanner-placeholder span{font-size:2.4rem}.one-modal-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:rgba(15,18,24,.58);backdrop-filter:blur(8px)}.one-modal-backdrop[hidden]{display:none}.one-modal{position:relative;width:min(520px,100%);padding:30px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.28)}.one-modal>small{display:block;margin:12px 0 6px;color:var(--accent);font-weight:900;letter-spacing:.13em}.one-modal h2{margin:.2rem 0 1rem;font-size:1.65rem}.one-modal p{color:var(--muted);line-height:1.55}.one-modal-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fcebed;color:var(--accent);font-size:1.35rem;font-weight:900}.one-modal-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f4f5f7;font-size:1.35rem;cursor:pointer}.one-modal-person{display:grid;gap:4px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#fafbfc}.one-modal-person b{font-size:1.05rem}.one-modal-person span,.one-modal-person small{color:var(--muted)}.one-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:600px){.one-modal{padding:24px 20px;border-radius:22px}.one-modal-actions{flex-direction:column-reverse}.one-modal-actions .btn{width:100%}.qr-reader-shell{min-height:320px}}

/* V61: semantischer POST-Logout im Stil eines Navigationslinks */
.logout-form{margin:0}.link-button{appearance:none;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}.link-button:hover{text-decoration:underline}.link-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}


/* V62 – zentrale Navigation, Fokus und Accessibility */
.skip-link{position:fixed;left:1rem;top:1rem;z-index:10000;transform:translateY(-180%);background:#fff;color:#17171a;padding:.75rem 1rem;border-radius:.625rem;box-shadow:0 .5rem 1.5rem rgb(20 20 30 / .18);font-weight:700}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgb(199 14 32 / .38);outline-offset:3px}
.page-back-slot{margin-bottom:1rem}
.global-back{display:inline-flex;align-items:center;min-height:44px;padding:.55rem .75rem;border-radius:.625rem;text-decoration:none;font-weight:650}
.global-back:hover{background:rgba(199,14,32,.07)}
body.drawer-open{overflow:hidden}
.person-drawer[aria-hidden="false"]{visibility:visible}
.live-notification-toast{min-height:44px}
@media (prefers-reduced-motion:reduce){.ventz-splash{display:none!important}.skip-link{transition:none!important}}

/* V64 review remediation: shared accessibility and interaction states */
[hidden] { display: none !important; }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.technical-reference {
  display: block;
  color: var(--muted, #687182);
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .02em;
  margin-top: .25rem;
}
.profile-camera-video {
  display: block;
  width: 100%;
  max-width: 480px;
  border-radius: 16px;
  background: #111;
}
.ventz-toast-region {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 2400;
  display: grid;
  gap: 10px;
  width: min(380px, calc(100vw - 36px));
  pointer-events: none;
}
.ventz-toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 16px;
  background: rgba(20,27,40,.96);
  color: #fff;
  box-shadow: 0 18px 45px rgba(10,20,40,.28);
  text-decoration: none;
}
.ventz-toast.error { border-color: rgba(224,65,65,.55); }
.ventz-toast.success { border-color: rgba(42,166,105,.55); }
form[aria-busy="true"] { cursor: progress; }
.btn.is-loading, button.is-loading { position: relative; opacity: .78; cursor: progress; }
[aria-current="page"] { font-weight: 700; }
.icon-btn, .dialog-close, .person-drawer-close, .one-modal-close, .qr-close {
  min-width: 44px;
  min-height: 44px;
}
:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--accent, #d71920) 60%, white);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* V65: Form controls must always be visibly recognizable as editable fields. */
:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){
  border:1px solid #cfd3da!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(17,24,39,.015);
}
:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea):hover{border-color:#aeb4be!important}
:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea):focus{border-color:var(--accent,var(--red))!important;box-shadow:0 0 0 3px rgba(223,16,37,.10)!important}
:where(input,select,textarea):disabled{background:#f1f3f5!important;color:#777!important}

/* V70 Stabilisierung: Splash blockiert die Anwendung ohne JavaScript nicht. */
html:not(.js) .ventz-splash{display:none!important}html:not(.js),html:not(.js) body{overflow:auto!important}
.sync-state[data-state=OK],.sync-state[data-state=SUCCESS],.sync-state[data-state=COMPLETED]{background:#e7f7ed!important;color:#176b39!important}.sync-state[data-state=ERROR],.sync-state[data-state=FAILED]{background:#fff0ef!important;color:#b42318!important}.sync-state[data-state=RUNNING]{background:#fff4df!important;color:#8b5700!important}