.df-leitungsportal{--primary:142 48% 28%;--primary-foreground:0 0% 100%;--ring:142 44% 34%;--accent:48 96% 53%;--accent-foreground:0 0% 16%;--success:142 45% 32%;--success-foreground:0 0% 100%;--muted:140 14% 96%;--secondary:140 12% 93%;--border:140 10% 87%;--nfc:142 48% 28%;--df-surface:140 18% 97%}.df-leitungsportal.bg-df-surface{background-color:hsl(var(--df-surface))}.df-leitungsportal .df-brand-stripe{background:linear-gradient(90deg, hsl(var(--primary)) 0%, hsl(var(--primary)) 72%, hsl(var(--accent)) 72%, hsl(var(--accent)) 100%);height:2px}.df-leitungsportal .df-portal-tabs-list{border-bottom:1px solid hsl(var(--border));background:0 0;border-radius:0;justify-content:flex-start;gap:0;width:100%;min-width:0;height:auto;padding:0}.df-leitungsportal .df-portal-tab{color:hsl(var(--muted-foreground));box-shadow:none;background:0 0;border-bottom:2px solid #0000;border-radius:0;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s;position:relative}.df-leitungsportal .df-portal-tab:hover{color:hsl(var(--foreground));background:0 0}.df-leitungsportal .df-portal-tab[data-state=active]{border-bottom-color:hsl(var(--primary));color:hsl(var(--primary));box-shadow:none;background:0 0}.df-leitungsportal .df-portal-tab:focus-visible{box-shadow:inset 0 0 0 2px hsl(var(--ring) / .35);outline:none}.df-leitungsportal .border-df{border-color:hsl(var(--primary) / .2)}.df-leitungsportal .shadow-df{box-shadow:0 1px 3px hsl(var(--primary) / .06)}