/* Presentation only. Existing DSGVO palette remains unchanged. */
html[data-portal="kkd"] {
    --navy-950: #260d17; --navy-900: #451020; --navy-800: #68172c;
    --teal-600: #b4082c; --teal-500: #c62246; --teal-300: #f3b4c1;
    --ink: #381d29; --muted: #796775; --canvas: #faf6f7; --line: #eadde2;
    --portal-soft: #fbecef; --portal-dark: #8f0927; --portal-light: #efbac7;
    --portal-glow: rgba(198,34,70,.18);
}
html[data-portal="evkd"] {
    --navy-950: #16132e; --navy-900: #29204b; --navy-800: #41316d;
    --teal-600: #315dc1; --teal-500: #4d72cc; --teal-300: #c3c8f4;
    --ink: #282341; --muted: #716d85; --canvas: #f6f6fb; --line: #e0deed;
    --portal-soft: #efedf9; --portal-dark: #53238c; --portal-light: #cdc2ec;
    --portal-glow: rgba(83,35,140,.16);
}
.portal-framework { display: inline-block; margin-left: .5rem; padding: .25rem .55rem; border-radius: 6px; font-size: .65rem; vertical-align: middle; color: var(--teal-600); background: var(--portal-soft, #edfafa); }
html[data-portal="dsgvo"] .portal-framework { display: none; }
html:is([data-portal="kkd"], [data-portal="evkd"]) .app-shell { background: var(--canvas); }
html:is([data-portal="kkd"], [data-portal="evkd"]) .nav-shell {
    background: radial-gradient(circle at 10% 5%, var(--portal-glow), transparent 40%), linear-gradient(165deg, var(--navy-800), var(--navy-950));
}
html:is([data-portal="kkd"], [data-portal="evkd"]) .brand-mark { background: linear-gradient(145deg, var(--teal-600), var(--portal-dark)); font-size: .85rem; white-space: nowrap; }
html:is([data-portal="kkd"], [data-portal="evkd"]) .brand-copy strong { white-space: normal; line-height: 1.4; }
html:is([data-portal="kkd"], [data-portal="evkd"]) :is(.brand-copy small, .nav-label, .nav-icon, .sidebar-footer small, .shield) { color: var(--portal-light); }
html:is([data-portal="kkd"], [data-portal="evkd"]) .nav-item a.active { background: var(--portal-glow); box-shadow: inset 3px 0 var(--portal-light); }
html:is([data-portal="kkd"], [data-portal="evkd"]) :is(.topbar-title, .topbar-eyebrow) { color: var(--ink); }
html:is([data-portal="kkd"], [data-portal="evkd"]) .home-hero { background: radial-gradient(circle at 85% 15%, var(--portal-glow), transparent 30%), linear-gradient(140deg, white, var(--portal-soft)); }
html:is([data-portal="kkd"], [data-portal="evkd"]) :is(.security-core, .portal-card.featured, .portal-welcome-mark) { background: linear-gradient(145deg, var(--navy-800), var(--navy-950)); }
html:is([data-portal="kkd"], [data-portal="evkd"]) :is(.security-core small, .featured .portal-content small) { color: var(--portal-light); }
html:is([data-portal="kkd"], [data-portal="evkd"]) :is(.feature-icon, .portal-icon, .section-number, .heading-badge, .tenant-monogram, .core-check, .floating-card span) { color: var(--teal-600); background: var(--portal-soft); border-color: var(--line); }
html:is([data-portal="kkd"], [data-portal="evkd"]) .btn-primary { background: linear-gradient(135deg, var(--teal-600), var(--portal-dark)); box-shadow: 0 8px 20px var(--portal-glow); }
html:is([data-portal="kkd"], [data-portal="evkd"]) .btn-primary:hover { background: var(--portal-dark); }
html:is([data-portal="kkd"], [data-portal="evkd"]) .form-control:focus { border-color: var(--teal-600); box-shadow: 0 0 0 .2rem var(--portal-glow); }
.portal-login-brand { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; }
.portal-wordmark { display: grid; place-items: center; width: 76px; height: 76px; flex: 0 0 auto; border-radius: 20px; color: white; background: var(--portal-dark); font-size: 1.2rem; font-weight: 800; }
.portal-login-brand strong, .portal-login-brand small { display: block; }
.portal-login-brand small { margin-top: .3rem; color: var(--muted); }
@media (max-width: 900px) {
    html:is([data-portal="kkd"], [data-portal="evkd"]) .app-topbar { display: flex; height: auto; min-height: 70px; padding: .85rem 1rem; gap: .75rem; position: static; }
    html:is([data-portal="kkd"], [data-portal="evkd"]) .topbar-status { display: none; }
}