/* VENTZ ONE Portal Transformation
   Gemeinsame, sichtbare Oberflächenbausteine für Portal, Fachseiten und externe Zugänge. */

:root{
  --portal-ink:#171820;
  --portal-muted:#667085;
  --portal-canvas:#f1f4f8;
  --portal-surface:#fff;
  --portal-soft:#f7f8fb;
  --portal-line:#e2e6ed;
  --portal-dark:#15151a;
  --portal-dark-2:#25191e;
  --portal-accent:#e20d28;
  --portal-accent-dark:#a7081b;
  --portal-radius-lg:26px;
  --portal-radius-md:20px;
  --portal-shadow:0 18px 48px rgba(24,29,42,.09);
  --portal-shadow-soft:0 8px 24px rgba(24,29,42,.065);
}

.portal-modern{background:var(--portal-canvas)!important;color:var(--portal-ink)}
.portal-modern .shell{grid-template-columns:284px minmax(0,1fr)!important;background:radial-gradient(circle at 92% 2%,rgba(226,13,40,.09),transparent 29rem),var(--portal-canvas)!important}
.portal-modern .sidebar{
  width:284px!important;padding:25px 22px!important;border:0!important;
  background:linear-gradient(168deg,var(--portal-dark) 0%,#19171d 52%,var(--portal-dark-2) 100%)!important;
  color:#fff!important;box-shadow:18px 0 52px rgba(13,15,20,.14)!important
}
.portal-modern .sidebar::before{content:"";position:absolute;inset:0 0 auto;height:180px;background:radial-gradient(circle at 20% 0,rgba(226,13,40,.32),transparent 66%);pointer-events:none}
.portal-modern .sidebar>*{position:relative;z-index:1}
.portal-modern .ventz-brand{padding:2px 5px 22px;margin-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.1)}
.portal-modern .ventz-brand-copy b,.portal-modern .profile b{color:#fff!important}
.portal-modern .ventz-brand-copy small,.portal-modern .profile a{color:rgba(255,255,255,.62)!important}
.portal-modern .sidebar-core-nav{gap:5px!important}
.portal-modern .sidebar :is(.sidebar-core-nav,.sidebar-tree) a{color:rgba(255,255,255,.72)!important;border:1px solid transparent!important}
.portal-modern .sidebar :is(.sidebar-core-nav,.sidebar-tree) a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.08)!important}
.portal-modern .sidebar :is(.sidebar-core-nav,.sidebar-tree) a[aria-current="page"],
.portal-modern .sidebar-tree a.current{color:#fff!important;background:linear-gradient(110deg,rgba(226,13,40,.98),rgba(159,8,28,.88))!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 10px 26px rgba(180,5,31,.24)!important}
.portal-modern .sidebar-tree{border-top:1px solid rgba(255,255,255,.1)!important}
.portal-modern .sidebar-tree>small{color:#ff8796!important}
.portal-modern .sidebar-organization,.portal-modern .sidebar-calendar{border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important}
.portal-modern .sidebar-org-toggle,.portal-modern .sidebar-calendar :is(button,b){color:#fff!important}
.portal-modern .sidebar-calendar-grid,.portal-modern .sidebar-calendar-events{color:rgba(255,255,255,.68)!important}
.portal-modern .profile{border-top-color:rgba(255,255,255,.1)!important}
.portal-modern .sidebar .profile>div b{color:#fff!important}.portal-modern .sidebar .profile>a{color:rgba(255,255,255,.64)!important}.portal-modern .sidebar .profile>a:hover{color:#fff!important}
.portal-modern .profile .link-button{background:#fff!important;color:#1a1a20!important;box-shadow:none!important}
.portal-modern .nav-count{background:#fff!important;color:var(--portal-accent)!important}

.portal-modern .shell>main{width:100%!important;max-width:none!important;padding:22px 38px 64px!important;overflow-x:hidden!important}
.portal-modern .shell>main>*{width:100%;max-width:1240px!important;margin-left:auto;margin-right:auto}
.portal-commandbar{
  min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px!important;padding:9px 10px 9px 18px;
  border:1px solid rgba(255,255,255,.85);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 10px 35px rgba(24,29,42,.07);backdrop-filter:blur(18px)
}
.portal-command-context{display:flex;align-items:center;gap:12px;min-width:0}.portal-status-dot{width:11px;height:11px;border-radius:50%;background:#28b878;box-shadow:0 0 0 6px rgba(40,184,120,.12)}
.portal-command-context span:last-child{display:grid;min-width:0}.portal-command-context small{font-size:10px;font-weight:850;letter-spacing:.15em;color:var(--portal-muted)}.portal-command-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.portal-command-actions{display:flex!important;align-items:center!important;gap:8px!important}.portal-command-actions a{min-height:48px!important}
.portal-command-postbox{display:flex;align-items:center;gap:8px;padding:0 15px;border:1px solid var(--portal-line);border-radius:14px;background:#fff;font-size:13px;font-weight:800}.portal-command-postbox b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:#fee9ed;color:var(--portal-accent);font-size:11px}
.portal-command-ai{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;min-width:220px;padding:6px 12px 6px 7px;border-radius:14px;background:linear-gradient(115deg,#17171c,#3b1d25 72%,#6a1623);color:#fff!important;box-shadow:0 9px 24px rgba(29,19,24,.18);overflow:hidden;animation:portalAiAttention 3.6s ease-in-out infinite}
.portal-command-ai::before{content:"";position:absolute;z-index:0;inset:-45% auto -45% -42%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);transform:skewX(-18deg);pointer-events:none;animation:portalAiLightSweep 3.6s cubic-bezier(.4,0,.2,1) infinite}
.portal-command-ai::after{content:"";position:absolute;z-index:0;inset:1px;border:1px solid rgba(255,255,255,.22);border-radius:13px;pointer-events:none;animation:portalAiBorderPulse 3.6s ease-in-out infinite}
.portal-command-ai img{position:relative;z-index:1;width:36px;height:36px;border-radius:11px;animation:portalAiLogoPulse 3.6s ease-in-out infinite}.portal-command-ai span{position:relative;z-index:1;display:grid;flex:1}.portal-command-ai span b{font-size:12px;letter-spacing:.08em}.portal-command-ai small{color:rgba(255,255,255,.65);font-size:10px}.portal-command-ai>strong{position:relative;z-index:1;color:#ff98a5;animation:portalAiArrowNudge 3.6s ease-in-out infinite}
.portal-command-ai:hover,.portal-command-ai:focus-visible{box-shadow:0 12px 30px rgba(29,19,24,.25),0 0 0 3px rgba(226,13,40,.12)}
@media(prefers-reduced-motion:reduce){
  .portal-command-ai{animation-name:portalAiReducedGlow!important;animation-duration:5.5s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important}
  .portal-command-ai::after{animation-duration:5.5s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important}
  .portal-command-ai::before,.portal-command-ai img,.portal-command-ai>strong{animation:none}
  .portal-command-ai::before{left:68%;opacity:.18}
}
@keyframes portalAiAttention{0%,100%{box-shadow:0 9px 24px rgba(29,19,24,.18)}18%,30%{box-shadow:0 12px 30px rgba(29,19,24,.28),0 0 0 4px rgba(226,13,40,.10),0 0 24px rgba(226,13,40,.28)}}
@keyframes portalAiLightSweep{0%{left:-42%;opacity:0}10%{opacity:.95}34%,100%{left:118%;opacity:0}}
@keyframes portalAiBorderPulse{0%,100%{border-color:rgba(255,255,255,.22)}20%{border-color:rgba(255,139,153,.78)}}
@keyframes portalAiLogoPulse{0%,100%{filter:brightness(1);transform:scale(1)}20%{filter:brightness(1.22);transform:scale(1.08)}}
@keyframes portalAiArrowNudge{0%,100%{transform:translateX(0)}18%{transform:translateX(5px)}30%{transform:translateX(0)}}
@keyframes portalAiReducedGlow{0%,100%{box-shadow:0 9px 24px rgba(29,19,24,.18)}50%{box-shadow:0 10px 26px rgba(29,19,24,.22),0 0 0 3px rgba(226,13,40,.10)}}
.portal-modern .page-back-slot{margin-top:2px!important;margin-bottom:12px!important}.portal-modern .global-back{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:10px;color:var(--portal-muted)!important;font-size:12px!important;font-weight:800}.portal-modern .global-back:hover{background:#fff;color:var(--portal-ink)!important}

.portal-modern :is(.page-head,.performance-head,.comp-plan-head,.vzx-topbar,.lifecycle-page-head,.module-hero-v56){
  position:relative!important;isolation:isolate;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;
  margin-bottom:24px!important;padding:28px 30px!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:var(--portal-radius-lg)!important;
  background:linear-gradient(128deg,#fff 0%,#fff 58%,#f9e9ec 100%)!important;box-shadow:var(--portal-shadow-soft)!important;overflow:hidden!important
}
.portal-modern :is(.page-head,.performance-head,.comp-plan-head,.vzx-topbar,.lifecycle-page-head,.module-hero-v56)::after{content:"";position:absolute;z-index:-1;right:-55px;top:-105px;width:280px;height:280px;border:46px solid rgba(226,13,40,.055);border-radius:50%}
.portal-modern :is(.page-head,.performance-head,.comp-plan-head,.vzx-topbar,.lifecycle-page-head,.module-hero-v56)>div:first-child{min-width:0}
.portal-modern :is(.page-head,.performance-head,.comp-plan-head,.vzx-topbar,.lifecycle-page-head,.module-hero-v56) h1{margin:4px 0 7px!important;font-size:clamp(2.25rem,4.5vw,3.7rem)!important;line-height:.98!important;letter-spacing:-.055em!important;color:var(--portal-ink)!important}
.portal-modern :is(.page-head,.performance-head,.comp-plan-head,.vzx-topbar,.lifecycle-page-head,.module-hero-v56) p:not(.eyebrow){max-width:760px!important;margin:0!important;color:var(--portal-muted)!important;font-size:15.5px!important;line-height:1.55!important}
.portal-modern .eyebrow{color:var(--portal-accent)!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.17em!important}

.portal-modern .dashboard-welcome-card{
  padding:34px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:30px!important;
  background:radial-gradient(circle at 88% 20%,rgba(226,13,40,.42),transparent 26rem),linear-gradient(130deg,#15151a,#221a1f 70%,#431923)!important;
  color:#fff!important;box-shadow:0 24px 60px rgba(21,18,22,.2)!important
}
.portal-modern .dashboard-welcome-card h1,.portal-modern .dashboard-welcome-card p{color:#fff!important}.portal-modern .dashboard-welcome-card .eyebrow{color:#ff9ca8!important}
.portal-modern .dashboard-meta-card{border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:none!important}.portal-modern .dashboard-meta-card :is(span,small){color:rgba(255,255,255,.62)!important}.portal-modern .dashboard-meta-card strong{color:#fff!important}
.portal-modern .dashboard-clock-button{background:#fff!important;color:#17171c!important;box-shadow:none!important}

.portal-modern :is(.section-tile,.panel,.vzx-kpi,.performance-kpis>div,.performance-kpis>article,.kpi-card,.training-card,.employee-event-card,.comp-plan-lock,.shop-status-panel){
  border:1px solid var(--portal-line)!important;border-radius:var(--portal-radius-md)!important;background:var(--portal-surface)!important;box-shadow:var(--portal-shadow-soft)!important
}
.portal-modern .section-tile{min-height:146px!important;padding:23px!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.portal-modern .section-tile:hover{transform:translateY(-4px)!important;border-color:#f1b9c1!important;box-shadow:0 20px 42px rgba(25,29,42,.12)!important}
.portal-modern .section-tile h2{font-size:19px!important;line-height:1.12!important}.portal-modern .section-tile p:not(.eyebrow){font-size:13.5px!important;line-height:1.48!important;color:var(--portal-muted)!important}
.portal-modern .section-tile-icon{border-radius:15px!important;background:#f7eef0!important;box-shadow:inset 0 0 0 1px rgba(226,13,40,.06)}
.portal-modern .section-tile-arrow{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:var(--portal-soft)!important;color:var(--portal-ink)!important}
.portal-modern .section-tile-grid{gap:18px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}
.portal-modern .shell>main .portal-tile-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;width:100%!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
.portal-modern .shell>main .portal-tile-grid>.section-tile{width:100%!important;min-width:0!important;height:auto!important;min-height:140px!important;max-height:none!important;padding:18px!important;gap:12px!important;grid-template-columns:44px minmax(0,1fr) 30px!important;grid-template-rows:1fr!important;align-content:center!important;align-items:center!important;align-self:stretch!important;overflow:hidden!important}
.portal-modern .shell>main .portal-tile-grid>.section-tile>.section-tile-icon{width:44px!important;height:44px!important}.portal-modern .shell>main .portal-tile-grid>.section-tile>.section-tile-arrow{width:30px!important;height:30px!important}
.portal-modern .shell>main .portal-tile-grid>.section-tile>.section-tile-icon,.portal-modern .shell>main .portal-tile-grid>.section-tile>div,.portal-modern .shell>main .portal-tile-grid>.section-tile>.section-tile-arrow,.portal-modern .shell>main .portal-tile-grid>.section-tile>.section-tile-count,.portal-modern .shell>main .portal-tile-grid>.section-tile>b{grid-column:auto!important;grid-row:auto!important}.portal-modern .shell>main .portal-tile-grid>.section-tile>div{min-width:0!important}.portal-modern .shell>main .portal-tile-grid>.section-tile h2{overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:auto!important;hyphens:auto!important}.portal-modern .shell>main .portal-tile-grid>.section-tile p:not(.eyebrow){overflow-wrap:anywhere!important}
.portal-modern .shell>main .portal-tile-grid>.section-tile .eyebrow{overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:auto!important;hyphens:auto!important}
.portal-modern .shell>main .portal-tile-grid.portal-tile-grid--descriptive>.section-tile{height:auto!important;min-height:140px!important;max-height:none!important}
.portal-modern .training-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:18px!important;align-items:stretch!important}
.portal-modern .training-grid>.training-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;min-height:270px!important;padding:22px!important;overflow:hidden!important}.portal-modern .training-grid>.training-card .training-card-footer{margin-top:auto!important}
.portal-modern .portal-single-feature-grid,.portal-modern .section-tile-grid:has(> :only-child){grid-template-columns:minmax(0,1fr)!important;max-width:820px!important;margin-left:0!important}
.portal-modern .portal-single-feature-grid .section-tile{min-height:178px!important;grid-template-columns:72px minmax(0,1fr) 42px!important}.portal-modern .portal-single-feature-grid .section-tile-icon{width:58px!important;height:58px!important}

.portal-modern :is(.vzx-kpis,.performance-kpis,.comp-plan-kpis,.kpi-grid-v56){gap:14px!important}
.portal-modern :is(.vzx-kpi,.performance-kpis>div,.performance-kpis>article,.kpi-card){position:relative!important;overflow:hidden!important;min-height:116px!important;padding:20px!important}
.portal-modern :is(.vzx-kpi,.performance-kpis>div,.performance-kpis>article,.kpi-card)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--portal-accent),#ff8796)}
.portal-modern :is(.vzx-kpi,.performance-kpis>div,.performance-kpis>article,.kpi-card) b{font-size:28px!important;color:var(--portal-ink)!important}

.portal-modern :is(.panel,.vzx-board,.performance-worklist,.comp-plan-main-card,.comp-plan-team-card){border-radius:var(--portal-radius-lg)!important}
.portal-modern :is(.table-wrap,.vzx-tablescroll,.performance-table,.comp-year-table-wrap){border:1px solid var(--portal-line)!important;border-radius:18px!important;background:#fff!important;overflow:auto}
.portal-modern table{border-collapse:separate!important;border-spacing:0!important}.portal-modern table thead th{height:48px!important;background:#f5f7fa!important;color:#667085!important;font-size:10.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;border-bottom:1px solid var(--portal-line)!important}.portal-modern table tbody td{padding-top:15px!important;padding-bottom:15px!important;border-bottom:1px solid #edf0f4!important}.portal-modern table tbody tr:hover td{background:#fff9fa!important}

.portal-modern :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){border:1px solid #d8dde6!important;border-radius:13px!important;background:#fbfcfd!important;box-shadow:inset 0 1px 2px rgba(20,24,35,.025)!important;transition:border-color .18s,box-shadow .18s,background .18s!important}
.portal-modern :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{border-color:#e86a7c!important;background:#fff!important;box-shadow:0 0 0 4px rgba(226,13,40,.09)!important;outline:0!important}
.portal-modern :is(.btn.primary,button[type="submit"]:not(.quiet):not(.secondary):not(.danger)){border-radius:13px!important;background:linear-gradient(115deg,var(--portal-accent),var(--portal-accent-dark))!important;box-shadow:0 10px 22px rgba(198,8,34,.22)!important}
.portal-modern :is(.btn.quiet,.btn.secondary){border-color:var(--portal-line)!important;background:#fff!important;color:var(--portal-ink)!important;box-shadow:none!important}
.portal-modern :is(.status,.status-pill,.status-chip,.status-badge,.badge,.capacity-status){border-radius:999px!important;padding:7px 10px!important;font-size:10.5px!important;font-weight:850!important;letter-spacing:.035em!important}

.portal-modern :is(.empty,.empty-state,.empty-state-v56,.performance-empty,.vzx-empty,.events-empty-state){
  min-height:220px!important;padding:34px!important;border:1px dashed #d7dce5!important;border-radius:var(--portal-radius-lg)!important;
  background:radial-gradient(circle at 50% 0,rgba(226,13,40,.06),transparent 13rem),#fff!important;text-align:center!important;box-shadow:var(--portal-shadow-soft)!important
}
.portal-empty-state{display:grid!important;place-items:center!important;align-content:center!important;gap:10px!important;max-width:none!important}
.portal-empty-state h2{margin:0!important;font-size:24px!important}.portal-empty-state>p:not(.eyebrow){max-width:650px!important;margin:0 auto!important;color:var(--portal-muted)!important;line-height:1.55!important}
.portal-empty-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#fff,#f7e8eb);box-shadow:0 12px 28px rgba(163,11,34,.12);font-size:27px}
.portal-empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}.portal-empty-steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.portal-empty-steps span{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#f6f7f9;color:#5d6471;font-size:12px;font-weight:750}.portal-empty-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--portal-accent);font-size:10px}
.candidate-modern .candidate-portal-main .section-tile-grid:has(.candidate-empty-state){display:block!important;max-width:none!important}
.candidate-modern .candidate-empty-state{min-height:330px!important}

.portal-context-strip{display:flex;align-items:center;gap:15px;margin:-6px 0 20px;padding:16px 18px;border:1px solid #eadde0;border-radius:17px;background:linear-gradient(100deg,#fff,#fff8f9);box-shadow:var(--portal-shadow-soft)}
.portal-context-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#19191f;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em}.portal-context-strip>div{flex:1}.portal-context-strip p{margin:3px 0 0;color:var(--portal-muted);font-size:13px}.portal-context-strip .status-chip{background:#edf8f2!important;color:#197148!important}

.portal-modern .ai-command-center{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;margin-bottom:22px}
.portal-modern:not(.candidate-modern)>.ventz-ai-widget:not(.is-mounted){display:none!important}
.portal-modern .ai-assistant-primary{padding:26px!important}.ai-assistant-intro{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.ai-assistant-intro h2{margin:2px 0 7px;font-size:26px}.ai-assistant-intro p:not(.eyebrow){margin:0;color:var(--portal-muted);line-height:1.5}.ai-assistant-mark{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#17171c,#541b27);box-shadow:0 13px 28px rgba(23,20,24,.2)}.ai-assistant-mark img{width:48px;height:48px;border-radius:14px}.ai-prompt-form textarea{min-height:132px!important;font-size:16px!important;line-height:1.55!important}.ai-prompt-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.ai-prompt-actions small{color:var(--portal-muted)}
.ai-trust-panel{padding:26px;border-radius:var(--portal-radius-lg);background:linear-gradient(145deg,#17171c,#2e1a20);color:#fff;box-shadow:0 18px 44px rgba(23,20,24,.18)}.ai-trust-panel .eyebrow{color:#ff9baa!important}.ai-trust-panel h2{margin:5px 0 18px;font-size:25px}.ai-trust-panel ul{display:grid;gap:14px;margin:0 0 23px;padding:0;list-style:none}.ai-trust-panel li{display:grid;gap:3px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.055)}.ai-trust-panel li span{color:rgba(255,255,255,.64);font-size:12px;line-height:1.45}.ai-trust-panel>a{color:#ffadba;font-size:13px;font-weight:800}

.candidate-modern{min-height:100vh;background:radial-gradient(circle at 85% 0,rgba(226,13,40,.1),transparent 30rem),var(--portal-canvas)!important}.candidate-modern .candidate-portal-topbar{padding:14px 22px!important;border:0!important;background:linear-gradient(110deg,#15151a,#25191e)!important;box-shadow:0 12px 34px rgba(20,20,25,.16)!important}.candidate-modern .candidate-portal-brand :is(b,small){color:#fff!important}.candidate-modern .candidate-portal-brand small{opacity:.6}.candidate-modern .candidate-portal-logout button{background:#fff!important;color:#17171c!important;box-shadow:none!important}.candidate-modern .candidate-portal-main{padding-top:38px!important}.candidate-modern .page-head{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}.candidate-modern .section-tile-grid{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}

/* Öffentliche Startseite: sichtbarer Inhalt ohne vom Screenshot-Zeitpunkt abhängige Einblendanimation. */
.portal-public-modern .hero :is(.kicker,h1,.hero-text,.hero-actions,.proof,.product-frame,.mock-window),
.portal-public-modern .hero-inner>*{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}
.portal-public-modern .hero{min-height:720px;background:radial-gradient(circle at 73% 27%,rgba(226,13,40,.2),transparent 30rem)}
.portal-public-modern .site-nav{background:rgba(8,9,14,.84)!important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}
.portal-public-modern .product-frame{filter:drop-shadow(0 32px 64px rgba(0,0,0,.34))}
.portal-public-modern .module-card{border-color:rgba(255,255,255,.09)!important;border-radius:22px!important}

@media(max-width:1100px){
  .portal-modern .shell{grid-template-columns:238px minmax(0,1fr)!important}.portal-modern .sidebar{width:238px!important;padding:22px 16px!important}.portal-modern .shell>main{padding-left:24px!important;padding-right:24px!important}.portal-command-ai{min-width:178px}.portal-command-ai small{display:none}
  .portal-modern .ai-command-center{grid-template-columns:1fr}.ai-trust-panel ul{grid-template-columns:repeat(3,1fr)}
  .portal-modern .shell>main .portal-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1400px) and (min-width:1101px){
  .portal-modern .shell>main .portal-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .portal-modern .shell{display:block!important}.portal-modern .sidebar{width:min(88vw,340px)!important}.portal-modern .shell>main{height:auto!important;max-height:none!important;padding:0 16px 40px!important;overflow:visible!important}
  .portal-commandbar{margin-top:12px!important}.portal-command-context small{display:none}.portal-command-postbox{display:none}.portal-modern :is(.page-head,.performance-head,.comp-plan-head,.vzx-topbar,.lifecycle-page-head,.module-hero-v56){padding:23px!important}
}
@media(max-width:640px){
  .portal-commandbar{min-height:60px;padding:7px 8px 7px 13px;border-radius:16px}.portal-command-context strong{max-width:130px}.portal-command-ai{min-width:0;width:50px;padding:6px}.portal-command-ai span,.portal-command-ai>strong{display:none}.portal-command-ai img{width:38px;height:38px}
  .portal-modern :is(.page-head,.performance-head,.comp-plan-head,.vzx-topbar,.lifecycle-page-head,.module-hero-v56){align-items:flex-start!important;flex-direction:column!important;padding:21px 19px!important;border-radius:21px!important}.portal-modern :is(.page-head,.performance-head,.comp-plan-head,.vzx-topbar,.lifecycle-page-head,.module-hero-v56) h1{max-width:100%!important;font-size:clamp(2rem,8.8vw,2.2rem)!important;overflow-wrap:anywhere!important;hyphens:auto!important}
  .portal-modern .section-tile-grid{grid-template-columns:1fr!important}.portal-modern .section-tile{min-height:132px!important}.portal-modern .dashboard-welcome-card{padding:24px 20px!important}
  .portal-modern .shell>main .portal-tile-grid{grid-template-columns:1fr!important}.portal-modern .shell>main .portal-tile-grid>.section-tile{height:auto!important;min-height:108px!important;max-height:none!important}
  .portal-modern .shell>main .portal-tile-grid.portal-tile-grid--descriptive>.section-tile{height:auto!important;min-height:108px!important;max-height:none!important}
  .portal-context-strip{align-items:flex-start;flex-wrap:wrap}.portal-context-strip .status-chip{margin-left:59px}.ai-assistant-intro{display:grid}.ai-prompt-actions{align-items:stretch;flex-direction:column}.ai-prompt-actions .btn{width:100%}.ai-trust-panel ul{grid-template-columns:1fr}
  .portal-empty-steps{align-items:stretch;flex-direction:column}.portal-empty-steps span{justify-content:flex-start}.candidate-modern .candidate-portal-main{padding:22px 14px!important}
}