*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}:root{--grund: #edf1eb;--karte: #ffffff;--creme: #f2f4ef;--tinte: #17231c;--gedaempft: #626f67;--salbei: #2dbd5c;--tief: #236b4d;--schatten: 0 12px 32px rgba(24,54,37,.08);--radius-karte: 22px;--radius-pille: 999px;--gedaempft-flaeche: #e7ece5;--gedaempft-kreis: color-mix(in srgb, var(--tinte) 15%, var(--gedaempft) 85%);--radius-sheet: 16px;--radius-button: 12px;--schatten-gross: 0 24px 70px rgba(24,54,37,.13);--blau: #2e7fd0;--gruen-live: #2dbd5c;--akzent-gold: #f4ca4d;--surface-raised: rgba(255,255,255,.82);--solar-gelb: #efb81f;--warn-orange: #ec775e;--destruktiv: #c85e48;--destruktiv-vordergrund: #150b06;--warn-text-auf-gelb: #a77700;--kontur-farbe: rgba(28,49,37,.1);--grundflaeche-gradient: radial-gradient(circle at 75% -20%, rgba(46,127,208,.13), transparent 30%);--scrim: rgba(23, 35, 28, .55);--kontur: 1px solid var(--kontur-farbe);--radius: var(--radius-karte);--background: var(--grund);--foreground: var(--tinte);--card: var(--karte);--card-foreground: var(--tinte);--primary: var(--tief);--primary-foreground: #ffffff;--secondary: var(--creme);--secondary-foreground: var(--tinte);--muted: var(--creme);--muted-foreground: var(--gedaempft);--accent: var(--salbei);--accent-foreground: var(--tinte);--border: color-mix(in srgb, var(--gedaempft) 24%, transparent);--input: color-mix(in srgb, var(--gedaempft) 40%, transparent);--ring: var(--tief);--good: var(--tief);--good-bg: rgba(35,107,77,.12);--warn: #b13015;--warn-bg: rgba(177,48,21,.12);--bad: #a24431;--bad-bg: rgba(162,68,49,.12);--destructive: var(--bad);--bad-foreground: #ffffff;--shadow: var(--schatten);--shadow-gross: var(--schatten-gross)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--grund: #0f1713;--karte: #18231d;--creme: #202d25;--tinte: #edf5ef;--gedaempft: #91a398;--gedaempft-kreis: color-mix(in srgb, var(--tinte) 25%, var(--gedaempft) 75%);--salbei: #2dbd5c;--tief: #70d19f;--schatten: 0 12px 32px rgba(0,0,0,.22);--gedaempft-flaeche: #26352b;--schatten-gross: 0 24px 70px rgba(0,0,0,.34);--surface-raised: rgba(24,35,29,.9);--kontur-farbe: rgba(233,245,237,.09);--kontur: 1px solid var(--kontur-farbe);--background: var(--grund);--foreground: var(--tinte);--card: var(--karte);--card-foreground: var(--tinte);--primary: var(--tief);--primary-foreground: #0c1b13;--secondary: var(--creme);--secondary-foreground: var(--tinte);--muted: var(--creme);--muted-foreground: var(--gedaempft);--accent: var(--salbei);--accent-foreground: var(--tinte);--border: color-mix(in srgb, var(--gedaempft) 22%, transparent);--input: color-mix(in srgb, var(--gedaempft) 38%, transparent);--ring: var(--tief);--good: var(--tief);--good-bg: rgba(112,209,159,.16);--warn: #ec775e;--warn-bg: rgba(236,119,94,.14);--bad: #d58473;--bad-bg: rgba(213,132,115,.14);--destructive: var(--bad);--bad-foreground: #0f1713;--shadow: var(--schatten);--shadow-gross: var(--schatten-gross)}}:root[data-theme=dark]{--grund: #0f1713;--karte: #18231d;--creme: #202d25;--tinte: #edf5ef;--gedaempft: #91a398;--gedaempft-kreis: color-mix(in srgb, var(--tinte) 25%, var(--gedaempft) 75%);--salbei: #2dbd5c;--tief: #70d19f;--schatten: 0 12px 32px rgba(0,0,0,.22);--gedaempft-flaeche: #26352b;--schatten-gross: 0 24px 70px rgba(0,0,0,.34);--surface-raised: rgba(24,35,29,.9);--kontur-farbe: rgba(233,245,237,.09);--kontur: 1px solid var(--kontur-farbe);--background: var(--grund);--foreground: var(--tinte);--card: var(--karte);--card-foreground: var(--tinte);--primary: var(--tief);--primary-foreground: #0c1b13;--secondary: var(--creme);--secondary-foreground: var(--tinte);--muted: var(--creme);--muted-foreground: var(--gedaempft);--accent: var(--salbei);--accent-foreground: var(--tinte);--border: color-mix(in srgb, var(--gedaempft) 22%, transparent);--input: color-mix(in srgb, var(--gedaempft) 38%, transparent);--ring: var(--tief);--good: var(--tief);--good-bg: rgba(112,209,159,.16);--warn: #ec775e;--warn-bg: rgba(236,119,94,.14);--bad: #d58473;--bad-bg: rgba(213,132,115,.14);--destructive: var(--bad);--bad-foreground: #0f1713;--shadow: var(--schatten);--shadow-gross: var(--schatten-gross)}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/portal/assets/outfit-latin-variable-Bc-8i84L.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/portal/assets/outfit-latin-variable-Bc-8i84L.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/portal/assets/outfit-latin-variable-Bc-8i84L.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/portal/assets/outfit-latin-variable-Bc-8i84L.woff2) format("woff2")}body{margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;color:var(--foreground);background:var(--grundflaeche-gradient),var(--background);-webkit-font-smoothing:antialiased}.portal-text-display{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;line-height:1.15}.portal-text-titel{font-size:1.3125rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.portal-text-label{font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--gedaempft)}.portal-text-meta{font-size:11px;font-weight:500;line-height:1.4;color:var(--gedaempft)}.portal-text-hero{font-weight:700;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.portal-zahl{font-variant-numeric:tabular-nums;font-weight:700;color:var(--tief)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:calc(var(--radius) - 4px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}button{font-family:inherit}.portal-splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100vh;color:var(--muted-foreground)}.portal-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:portal-spin .8s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}.portal-login-layout{display:flex;min-height:100vh}.portal-login-brand-panel{flex:0 0 38%;max-width:460px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:48px 40px;background:linear-gradient(155deg,var(--salbei),var(--tief));color:#fff}.portal-login-brand-icon .portal-leaf{width:56px;height:56px}.portal-login-brand-eyebrow{display:block;margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffc7}.portal-login-brand-text h1{margin:0 0 12px;font-size:2rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#fff}.portal-login-brand-text p{margin:0;font-size:.95rem;color:#ffffffe0}.portal-login-brand-trust{display:flex;flex-direction:column;gap:4px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22);font-size:.85rem}.portal-login-brand-trust span{font-weight:600;color:#fff}.portal-login-brand-trust small{color:#ffffffc7}@media(max-width:900px){.portal-login-brand-panel{display:none}}.portal-auth-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px}.portal-auth-card{width:100%;max-width:400px;background:var(--card);border:var(--kontur);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.portal-auth-wordmark{margin-bottom:20px}.portal-auth-wortmarke{display:inline-flex;align-items:center;gap:10px}.portal-auth-wortmarke .portal-leaf{width:30px;height:30px}.portal-auth-wortmarke b{font-size:1.75rem;font-weight:700;letter-spacing:-.01em}.portal-auth-wortmarke-lokal{color:var(--tinte)}.portal-auth-wortmarke-kraft{color:var(--tief)}.portal-auth-card h1{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0 0 20px;color:var(--foreground)}.portal-auth-card h1.portal-auth-untertitel{font-size:1.3125rem;font-weight:700;color:var(--gedaempft)}.portal-field{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;font-size:.875rem;color:var(--muted-foreground)}.portal-field input,.portal-field select{width:100%;padding:10px 12px;border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);font-size:.95rem;font-family:inherit;color:var(--foreground);background:var(--card)}.portal-field input:focus,.portal-field select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 22%,transparent)}.portal-field input:disabled,.portal-field select:disabled{background:var(--muted);color:var(--muted-foreground)}.portal-button{display:inline-block;width:100%;padding:10px 16px;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);border-radius:calc(var(--radius) - 2px);font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}.portal-button:hover:not(:disabled){filter:brightness(1.06)}.portal-button:disabled{opacity:.6;cursor:not-allowed}.portal-button-link{margin-top:8px}.portal-auth-links{display:flex;flex-direction:column;gap:6px;margin-top:16px}.portal-link-button{background:none;border:none;color:var(--accent);font-size:.875rem;cursor:pointer;padding:4px 0;text-align:left;text-decoration:none}.portal-link-button:hover{text-decoration:underline}.portal-archiv-aktionen{display:inline-flex;gap:12px}.portal-hint{font-size:.875rem;color:var(--muted-foreground);margin:0 0 16px}.portal-blueprint-block{margin:0 0 16px}.portal-blueprint-titel{margin:0 0 8px;font-size:.9rem;font-weight:700}.portal-blueprint-textarea{width:100%;height:120px;margin:0 0 8px;padding:10px;font-family:monospace;font-size:.72rem;line-height:1.4;color:var(--foreground);background:var(--secondary);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);resize:vertical}.portal-pille{display:inline-flex;align-items:center;gap:6px;background:var(--creme);color:var(--gedaempft);border-radius:var(--radius-pille);padding:4px 12px;font-size:.75rem;margin:0 8px 8px 0}.portal-error{font-size:.875rem;color:var(--destructive);background:var(--bad-bg);border-radius:calc(var(--radius) - 2px);padding:8px 12px;margin:0 0 16px}.portal-sso-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.portal-window-frame{min-height:100vh;display:flex;justify-content:center;padding:28px 24px}.portal-app{width:100%;max-width:1440px;height:calc(100vh - 56px);border-radius:28px;overflow:hidden;box-shadow:var(--schatten-gross);border:var(--kontur);display:grid;grid-template-columns:238px minmax(0,1fr)}@media(max-width:780px){.portal-window-frame{padding:10px}.portal-app{height:calc(100vh - 20px);border-radius:20px}}.portal-sidebar{display:flex;flex-direction:column;gap:4px;padding:20px 14px;background:var(--card);border-right:var(--kontur);overflow-y:auto}.portal-sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 6px 20px;min-width:0}.portal-sidebar-brand-text{display:flex;flex-direction:column;line-height:1.1;min-width:0;overflow:hidden}.portal-sidebar-eyebrow{margin-bottom:2px}.portal-sidebar-brand-text b{font-size:1.02rem;font-weight:700;letter-spacing:-.02em;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-brand-tag{font-size:.72rem;font-weight:500;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-leaf{width:22px;height:22px;flex:none}.portal-sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.portal-sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:calc(var(--radius) - 6px);font-size:.875rem;font-weight:500;color:var(--muted-foreground);text-decoration:none}.portal-sidebar-link svg{flex:none}.portal-sidebar-link:hover{background:var(--secondary);color:var(--foreground)}.portal-sidebar-link-active{background:var(--tinte);color:var(--grund);font-weight:600;box-shadow:var(--schatten)}.portal-profile-teaser{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border-top:var(--kontur);border-radius:calc(var(--radius) - 6px);text-decoration:none;color:var(--foreground)}.portal-profile-teaser:hover{background:var(--secondary)}.portal-profile-avatar{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--creme);color:var(--primary);font-size:.8rem;font-weight:700}.portal-profile-text{display:flex;flex-direction:column;min-width:0;overflow:hidden;line-height:1.25}.portal-profile-text strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-profile-chevron{margin-left:auto;flex:none;color:var(--muted-foreground)}.portal-sidebar-scrim{display:none}.portal-main-col{display:flex;flex-direction:column;min-width:0;height:100%;overflow-y:auto}.portal-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--card);border-bottom:var(--kontur);position:sticky;top:0;z-index:20}.portal-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.portal-header-datum{text-transform:capitalize}.portal-header-titel{margin:0;font-size:1.3125rem;font-weight:700;letter-spacing:-.01em}.portal-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.portal-theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:calc(var(--radius) - 2px);background:transparent;border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer}.portal-theme-toggle:hover{color:var(--foreground);border-color:var(--input)}.portal-hamburger{display:none;place-items:center;width:36px;height:36px;border-radius:calc(var(--radius) - 2px);background:transparent;border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;flex:none}@media(max-width:1050px)and (min-width:781px){.portal-app{grid-template-columns:76px minmax(0,1fr)}.portal-sidebar{align-items:center;padding:20px 10px}.portal-sidebar-brand{padding:0 0 20px}.portal-sidebar-link{justify-content:center;width:44px;padding:10px}.portal-sidebar-brand-text,.portal-nav-label,.portal-profile-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portal-profile-teaser{justify-content:center}.portal-profile-chevron{display:none}}@media(max-width:780px){.portal-app{grid-template-columns:1fr}.portal-hamburger{display:inline-grid}.portal-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:40;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--schatten-gross);overflow-y:auto}.portal-sidebar.portal-sidebar-open{transform:translate(0)}.portal-sidebar-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:35}.portal-sidebar-scrim.portal-sidebar-scrim-open{display:block}}.portal-main{flex:1;padding:28px 24px 60px;max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.portal-card{background:var(--card);border:var(--kontur);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.portal-card h1{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0 0 16px}.portal-card h2{font-size:1.3125rem;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.portal-profile-list{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 20px;font-size:.9rem}.portal-profile-list dt{color:var(--muted-foreground)}.portal-profile-list dd{margin:0}.portal-dashboard-grid-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(250px,.85fr);gap:16px;align-items:start}@media(max-width:1000px){.portal-dashboard-grid-layout{grid-template-columns:1fr}}.portal-puls-seite,.portal-gemeinschaft-view{display:flex;flex-direction:column;gap:16px}.portal-karte-breit{grid-column:1 / -1}.portal-rechte-spalte-stack{display:flex;flex-direction:column;gap:16px}.portal-verbrauchsmix-hauptwert{display:flex;flex-direction:column;align-items:center;gap:2px;margin:4px 0 0}.portal-verbrauchsmix-hauptwert strong{font-size:1.7rem;font-weight:700;letter-spacing:-.03em}.portal-verbrauchsmix-hauptwert span{font-size:.75rem;color:var(--gedaempft)}.portal-verbrauchsmix-donut-wrap{margin:4px 0 0}.portal-verbrauchsmix-legende{justify-content:center}.portal-verbrauchsmix-disclaimer{text-align:center;margin:8px 0 0}.portal-verbrauchsmix-detail-donut-zeile{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:4px 0}.portal-verbrauchsmix-donut-wrap-detail{flex:0 0 auto;width:140px}.portal-verbrauchsmix-detail-donut-zeile .portal-verbrauchsmix-legende{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.portal-energie-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.portal-energie-periode{padding-top:12px;border-top:1px solid var(--border)}.portal-energie-periode:first-child{border-top:none;padding-top:0}.portal-energie-periode-kopf{font-weight:600;font-size:.9rem;margin-bottom:8px}.portal-energie-balken-zeile{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted-foreground);margin-bottom:8px}.portal-energie-balken-zeile:last-child{margin-bottom:0}.portal-energie-balken-track{height:8px;border-radius:var(--radius-pille);background:var(--secondary);overflow:hidden}.portal-energie-balken-fill{height:100%;border-radius:var(--radius-pille);background:linear-gradient(90deg,var(--salbei),var(--tief))}.portal-energie-anteil-zeile{font-size:.85rem;color:var(--muted-foreground);margin-bottom:8px}.portal-energie-anteil-zeile:last-child{margin-bottom:0}.portal-konditionen{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.portal-konditionen-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.portal-konditionen-item{padding:12px;background:var(--secondary);border-radius:calc(var(--radius-karte) - 4px);display:flex;flex-direction:column;gap:8px}.portal-konditionen-kopf{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.portal-konditionen-tarifname{font-size:.85rem;color:var(--muted-foreground)}.portal-konditionen-preise{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 16px;margin:0}.portal-konditionen-preise>div{display:flex;flex-direction:column;gap:2px}.portal-konditionen-preise dt{font-size:.72rem;color:var(--muted-foreground)}.portal-konditionen-preise dd{margin:0;font-size:.9rem}.portal-energie-view{display:flex;flex-direction:column;gap:20px}.portal-tarif-grid{display:flex;flex-direction:column;gap:12px}.portal-tarif-karte{display:grid;grid-template-columns:minmax(200px,.8fr) 2fr;gap:20px;align-items:center;padding:16px;background:var(--secondary);border-radius:calc(var(--radius-karte) - 4px)}.portal-tarif-karte-kopf{display:flex;flex-direction:column;gap:4px;min-width:0}.portal-tarif-karte-kopf .portal-pille{width:fit-content}.portal-tarif-karte-werte{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px}.portal-tarif-metric{display:flex;flex-direction:column;gap:2px}.portal-tarif-metric span{font-size:.72rem;color:var(--muted-foreground)}.portal-tarif-metric strong{font-size:.95rem}@media(max-width:700px){.portal-tarif-karte,.portal-tarif-karte-werte{grid-template-columns:1fr}}.portal-bilanz-karte .portal-tarif-karte-werte{margin-bottom:16px}.portal-bilanz-balken-gruppe{display:flex;flex-direction:column;gap:16px;margin:0 0 20px}.portal-bilanz-balken{display:flex;flex-direction:column;gap:6px}.portal-bilanz-balken-kopf{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--muted-foreground)}.portal-bilanz-balken-track{display:flex;height:10px;border-radius:5px;overflow:hidden}.portal-bilanz-balken-segment{height:100%}.portal-zp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.portal-zp-karte{display:flex;flex-direction:column;background:var(--secondary);border:var(--kontur);border-radius:var(--radius-sheet);padding:18px}.portal-zp-karte-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px}.portal-zp-karte-icon{width:39px;height:39px;flex:none;border-radius:13px;background:var(--karte);color:var(--tief);box-shadow:var(--schatten);display:grid;place-items:center}.portal-zp-karte-titel{font-size:1rem;margin:14px 0 2px}.portal-zp-karte-untertitel{margin:0;font-size:.8rem;color:var(--gedaempft)}.portal-zp-karte-werte{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px;border-top:var(--kontur);margin-top:16px;padding-top:14px}.portal-zp-karte-fuss{display:flex;align-items:center;justify-content:space-between;border-top:var(--kontur);margin-top:14px;padding-top:12px}@media(max-width:700px){.portal-zp-grid,.portal-zp-karte-werte{grid-template-columns:1fr}}.portal-gemeinschaft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.portal-kennzahl{display:flex;flex-direction:column;gap:4px}.portal-kennzahl strong{font-size:.9rem}.portal-kennzahl span{font-size:.85rem;color:var(--muted-foreground)}.portal-deckung-zentriert{align-items:center;text-align:center;gap:8px}.portal-deckung-zentriert-abschluss{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.portal-table-wrap{overflow-x:auto}.portal-geraete-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.portal-geraete-karte{display:flex;flex-direction:column;background:var(--secondary);border:var(--kontur);border-radius:var(--radius-sheet);padding:18px}.portal-geraete-karte-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.portal-geraete-karte-icon{width:39px;height:39px;flex:none;border-radius:13px;background:var(--karte);color:var(--tief);box-shadow:var(--schatten);display:grid;place-items:center}.portal-geraete-karte-titel{display:flex;align-items:center;gap:8px;font-size:1rem;margin:14px 0 2px}.portal-geraete-karte-untertitel{margin:10px 0 0;padding-top:12px;border-top:var(--kontur);font-size:.8rem;color:var(--gedaempft)}.portal-geraete-karte-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;border-top:var(--kontur);margin-top:14px;padding-top:12px}.portal-geraete-karte-stand{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:12px}.portal-geraete-karte-typ{margin:0 0 10px;font-size:.75rem;color:var(--gedaempft)}.portal-online-label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--gedaempft)}.portal-online-label i{width:7px;height:7px;border-radius:50%;background:var(--salbei);box-shadow:0 0 0 4px color-mix(in srgb,var(--salbei) 16%,transparent)}.portal-geraete-karte-hero{margin:10px 0 4px}.portal-geraete-karte-hero-wert{display:block;font-size:1.7rem;font-weight:700;letter-spacing:-.03em;color:var(--foreground)}.portal-geraete-karte-hero-kontext{display:block;margin:2px 0 12px;font-size:.75rem;color:var(--gedaempft)}.portal-geraete-karte-oeffnen{display:inline-flex;align-items:center;gap:3px;background:none;border:none;padding:0;color:var(--primary);font-weight:700;font-size:.8rem;text-decoration:none;cursor:pointer}.portal-geraete-karte-oeffnen:hover{text-decoration:underline}@media(max-width:700px){.portal-geraete-liste{grid-template-columns:1fr}}.portal-puls-inaktive-toggle{margin-top:10px;font-size:.85rem}.portal-table{width:100%;border-collapse:collapse;font-size:.9rem}.portal-table th{text-align:left;padding:10px 12px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.portal-table td{padding:12px;border-top:1px solid var(--border);vertical-align:middle}.portal-archiv-titel{display:inline-flex;align-items:center;gap:10px;font-weight:600}.portal-archiv-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border-radius:calc(var(--radius) - 8px);background:var(--creme);color:var(--tief)}.portal-table tbody tr:hover{background:var(--secondary)}.portal-archiv-titel span:not(.portal-archiv-icon){display:flex;flex-direction:column;gap:1px;font-weight:400}.portal-archiv-titel span:not(.portal-archiv-icon) strong{font-weight:600}.portal-archiv-titel span:not(.portal-archiv-icon) small{font-size:.72rem;color:var(--muted-foreground);font-weight:400}.portal-pillen-gruppe{display:inline-flex;gap:3px;background:var(--secondary);padding:3px;border-radius:var(--radius-pille)}.portal-pillen-gruppe button{border:none;background:transparent;color:var(--muted-foreground);padding:6px 12px;border-radius:var(--radius-pille);font-size:.78rem;font-weight:600}.portal-pillen-gruppe button.active{background:var(--card);color:var(--tief);box-shadow:0 2px 8px #00000012}.portal-archiv-oeffnen{width:30px;height:30px;border:none;border-radius:calc(var(--radius) - 8px);background:var(--secondary);color:var(--primary);display:grid;place-items:center}.portal-archiv-oeffnen:hover{background:var(--creme)}.portal-abrechnung-dokumente-zeile td{background:var(--secondary);padding:6px 16px 10px}.portal-abrechnung-dokumente{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.portal-abrechnung-dokumente li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:.8rem}.portal-abrechnung-dokument-aktionen{display:inline-flex;gap:12px}.portal-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pille);font-size:.75rem;font-weight:600}.portal-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.portal-badge-good{color:var(--good);background:var(--good-bg)}.portal-badge-warn{color:var(--warn);background:var(--warn-bg)}.portal-badge-bad{color:var(--bad);background:var(--bad-bg)}.portal-badge-neutral{color:var(--muted-foreground);background:var(--secondary)}.portal-stammdaten,.portal-zaehlpunkte{display:flex;flex-direction:column;gap:16px}.portal-abos-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.portal-abo-karte{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:var(--radius-karte);background:var(--secondary);border:1px solid var(--border)}.portal-abo-karte-kopf{display:flex;align-items:center;justify-content:space-between}.portal-abo-karte h3{margin:12px 0 0;font-size:1rem}.portal-abo-karte-untertitel{margin:0 0 8px;font-size:.78rem;color:var(--muted-foreground)}.portal-abo-kennzahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0;padding-top:12px;border-top:1px solid var(--border)}.portal-abo-kennzahlen dt{font-size:11px;color:var(--muted-foreground);margin:0 0 2px}.portal-abo-kennzahlen dd{margin:0;font-size:.85rem;font-weight:600}.portal-abo-details-oeffnen{margin-top:10px;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;border:none;border-radius:var(--radius-button);background:var(--tief);color:var(--card);padding:9px 14px;font-size:.8rem;font-weight:700}.portal-change-request-field{padding:12px 0;border-top:1px solid var(--border)}.portal-change-request-field:first-of-type{border-top:none;padding-top:0}.portal-success{font-size:.875rem;color:var(--good);background:var(--good-bg);border-radius:calc(var(--radius) - 2px);padding:8px 12px;margin:0 0 16px}.portal-wunsch-liste{list-style:none;margin:0;padding:0}.portal-wunsch-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;border-top:1px solid var(--border);font-size:.9rem}.portal-wunsch-item:first-child{border-top:none;padding-top:0}.portal-wunsch-feld{font-weight:600;min-width:80px}.portal-wunsch-wert{color:var(--muted-foreground)}.portal-wunsch-datum{margin-left:auto;font-size:.8rem;color:var(--muted-foreground)}.portal-footer{padding:14px 20px;text-align:center;border-top:1px solid var(--border)}.portal-login-legal-link{display:block;margin:20px auto 0;text-align:center}.portal-rechtliches{display:flex;flex-direction:column;gap:20px}.portal-rechtliches h1.portal-auth-untertitel{font-size:1.3125rem;font-weight:700;color:var(--gedaempft);margin:0}.portal-rechtliches-text{font-size:.9rem;white-space:pre-wrap;margin:0}.portal-button-inline{width:auto;padding:8px 16px}.portal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.portal-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--card);border:var(--kontur);border-radius:var(--radius-sheet);box-shadow:var(--shadow-gross);padding:24px}.portal-modal h2{font-size:1.3125rem;font-weight:700;letter-spacing:-.01em;margin:0 0 16px}.portal-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}.portal-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;justify-content:flex-end;z-index:50}.portal-drawer{width:100%;max-width:430px;height:100%;overflow-y:auto;background:var(--card);border-left:var(--kontur);box-shadow:var(--shadow-gross);padding:20px;display:flex;flex-direction:column;gap:14px}@media(max-width:700px){.portal-drawer{max-width:100%}}.portal-drawer-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.portal-drawer-kopf-text h2{margin:4px 0 2px;font-size:1.3125rem;letter-spacing:-.01em}.portal-drawer-kopf-text p{margin:0;font-size:.8rem;color:var(--muted-foreground)}.portal-drawer-schliessen{flex:none;width:32px;height:32px;border-radius:50%;border:none;background:var(--secondary);color:var(--gedaempft);display:grid;place-items:center}.portal-drawer-schliessen:hover{color:var(--primary)}.portal-drawer-hauptwert{padding:22px;border-radius:var(--radius-karte);background:linear-gradient(135deg,color-mix(in srgb,var(--salbei) 14%,var(--card)),color-mix(in srgb,var(--tief) 12%,var(--card)));display:flex;flex-direction:column;gap:2px}.portal-drawer-hauptwert span{font-size:.7rem;color:var(--muted-foreground)}.portal-drawer-hauptwert strong{font-size:2rem;letter-spacing:-.02em}.portal-drawer-hauptwert small{font-size:.7rem;color:var(--muted-foreground)}.portal-drawer-statuszeile{padding:11px 13px;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-drawer-statuszeile small{font-size:.7rem;color:var(--muted-foreground)}.portal-drawer-tabelle{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);overflow:hidden}.portal-drawer-tabelle>div{padding:10px 13px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-drawer-tabelle>div:first-child{border-top:none}.portal-drawer-tabelle dt,.portal-drawer-tabelle span:first-child{font-size:.72rem;color:var(--muted-foreground)}.portal-drawer-tabelle dd,.portal-drawer-tabelle strong{margin:0;font-size:.78rem}.portal-drawer-aktionen{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.portal-drawer-aktion-primaer{width:100%;border:none;border-radius:var(--radius-button);background:var(--primary);color:var(--card);padding:13px 15px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:.85rem}.portal-drawer-aktion-sekundaer{width:100%;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--secondary);color:var(--tief);padding:13px 15px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:.85rem}.portal-drawer-sektion{padding:14px;background:var(--secondary);border-radius:calc(var(--radius) - 2px)}.portal-drawer-sektion h3{margin:0 0 8px;font-size:.78rem}.portal-drawer-sektion-zeile{padding:8px 0;border-top:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.portal-drawer-sektion-zeile:first-of-type{border-top:none}.portal-drawer-sektion-zeile span:first-child{font-size:.72rem;color:var(--muted-foreground)}.portal-drawer-sektion-zeile strong{font-size:.78rem;text-align:right}.portal-drawer-sektion-zeile small{display:block;font-size:11px;color:var(--muted-foreground)}.portal-radio-group{border:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.portal-radio-group legend{font-size:.875rem;color:var(--muted-foreground);padding:0;margin-bottom:4px}.portal-radio-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);font-size:.9rem;cursor:pointer}.portal-radio-option:has(input:checked){border-color:var(--ring);background:color-mix(in srgb,var(--primary) 8%,transparent)}.portal-field-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.875rem;margin:4px 0 16px;cursor:pointer}.portal-credential-alles-kopieren{display:flex;justify-content:flex-end;margin:0 0 8px}.portal-credential-list{margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.portal-credential-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:var(--secondary);border-radius:calc(var(--radius) - 2px)}.portal-credential-row dt{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);flex:none}.portal-credential-row dd{margin:0;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.portal-credential-row code{font-size:.85rem;word-break:break-all;-webkit-user-select:all;user-select:all}.portal-copy-button{flex:none;padding:3px 8px;font-size:.75rem;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);color:var(--foreground);cursor:pointer}.portal-copy-button:hover{border-color:var(--input)}.portal-copy-button-kopiert{border-color:var(--gruen-live, var(--salbei));color:var(--gruen-live, var(--salbei))}.portal-credential-row .portal-error{flex:1 1 100%;margin:4px 0 0;padding:4px 8px;font-size:.75rem}.portal-chart{display:flex;flex-direction:column;gap:6px}.portal-chart-svg{width:100%;height:auto;display:block}.portal-chart-achse{font-size:9px;fill:var(--muted-foreground)}.portal-chart-legende{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;color:var(--muted-foreground)}.portal-chart-legende li{display:inline-flex;align-items:center;gap:5px}.portal-chart-legende-farbe{width:9px;height:9px;border-radius:2px;display:inline-block;flex:none}.portal-chart-leer{padding:24px 0;text-align:center}.portal-chart-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.8rem}.portal-chart-titel{font-weight:600;color:var(--foreground)}.portal-chart-peak{color:var(--muted-foreground);margin-left:auto}.portal-chart-svg-wrap{position:relative}.portal-chart-ladestelle{display:flex;align-items:center;justify-content:center}.portal-geraeteleistung-karte{margin-top:16px}.portal-geraeteleistung-summe{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--foreground)}.portal-geraeteleistung-balken-eigen{fill:var(--primary)}.portal-geraeteleistung-balken-gemeinschaft{fill:color-mix(in srgb,var(--blau) 55%,transparent)}.portal-geraeteleistung-legende-eigen{background:var(--primary)}.portal-geraeteleistung-legende-gemeinschaft{background:color-mix(in srgb,var(--blau) 55%,transparent)}.portal-eg-produktion{margin-top:6px}.portal-eg-produktion-titel{font-size:.72rem;color:var(--muted-foreground);font-weight:500}.portal-chart-scrub-linie{stroke:var(--muted-foreground);stroke-width:1;stroke-dasharray:2 2}.portal-chart-hoverzone{fill:transparent;cursor:pointer}.portal-chart-tooltip{position:absolute;transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);box-shadow:var(--shadow);padding:6px 10px;font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:5}.portal-chart-tooltip-zeit{font-weight:600;color:var(--foreground);margin-bottom:2px}.portal-chart-tooltip-wert{color:var(--muted-foreground)}.portal-puls-live{display:flex;flex-direction:column;gap:10px}.portal-puls-live-gesamt .portal-zahl{font-size:.85rem;font-weight:500;color:var(--muted-foreground)}.portal-puls-werte-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 16px;margin:0}.portal-puls-werte-liste>div{display:flex;flex-direction:column;gap:3px}.portal-puls-werte-liste dt{font-size:.72rem;color:var(--muted-foreground)}.portal-puls-werte-liste dd{margin:0;font-weight:500;font-size:.82rem;color:var(--foreground)}.portal-batterie-laden{color:var(--gruen-live)}.portal-batterie-entladen{color:var(--akzent-gold)}.portal-batterie-soc-zeile{display:block;margin-top:4px}.portal-puls-werte-abgesetzt{display:flex;flex-direction:column;gap:6px}.portal-puls-zeile-abgesetzt{background:var(--karte);border:var(--kontur);border-radius:calc(var(--radius-sheet) - 6px);padding:8px 10px;display:flex;flex-direction:column;gap:4px}.portal-puls-zeile-label{font-size:.72rem;color:var(--muted-foreground)}.portal-puls-zeile-wert{display:flex;flex-wrap:wrap;gap:4px 14px}.portal-puls-zeile-wert .portal-zahl{display:inline-flex;align-items:center;gap:3px;font-weight:500;font-size:.82rem}.portal-puls-zeile-gesamt-wert{font-weight:600}.portal-bereich-umschalter{display:flex;gap:6px;flex-wrap:wrap}.portal-bereich-button{padding:4px 10px;border-radius:calc(var(--radius) - 4px);border:1px solid var(--border);background:var(--card);font-size:.8rem;cursor:pointer;color:var(--foreground)}.portal-bereich-button:hover{border-color:var(--input)}.portal-bereich-button-active{border-color:var(--ring);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:600}.portal-puls-verlauf{margin-top:4px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.portal-chart-karte-reorder-wrap{position:relative}.portal-chart-reorder-aktionen{position:absolute;top:0;right:0;display:flex;gap:2px;z-index:1}.portal-chart-reorder-button{display:grid;place-items:center;width:22px;height:22px;border-radius:calc(var(--radius-button) - 4px);border:var(--kontur);background:var(--karte);color:var(--gedaempft);cursor:pointer}.portal-chart-reorder-button:hover:not(:disabled){color:var(--foreground);border-color:var(--input)}.portal-chart-reorder-button:disabled{opacity:.35;cursor:default}.portal-puls-diagnose{margin-top:4px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.portal-puls-diagnose-wr{padding:12px 14px;border-radius:calc(var(--radius-karte) - 4px);background:var(--secondary)}.portal-puls-diagnose-titel{margin:0 0 8px;font-size:.85rem;font-weight:600}.portal-puls-ereignisse{margin-top:4px;padding-top:10px;border-top:1px solid var(--border)}.portal-puls-ereignis-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.portal-puls-ereignis{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;border-radius:calc(var(--radius-karte) - 4px);background:var(--secondary);font-size:.85rem}.portal-puls-ereignis-aktiv{background:color-mix(in srgb,var(--bad) 14%,var(--secondary));border:1px solid color-mix(in srgb,var(--bad) 35%,transparent)}.portal-puls-ereignis-zeitraum{color:var(--muted-foreground);font-size:.78rem;white-space:nowrap}.portal-puls-ereignis-meldung{flex:1}.portal-puls-ereignis-wr{font-size:.72rem;color:var(--muted-foreground);font-family:monospace}.portal-puls-ereignis-code{font-size:.7rem;font-family:monospace;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);padding:1px 6px}.portal-puls-ereignis-quelle{font-size:.7rem;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);padding:1px 6px}.portal-puls-ereignis-weitere{background:none;border:none;padding:4px 0;color:var(--muted-foreground);font-size:.82rem;cursor:pointer;text-decoration:underline}.portal-puls-ereignis-weitere:hover{color:var(--foreground)}.portal-puls-ereignis-badge{margin-left:8px}.portal-panel-timemachine{margin-top:4px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.portal-zeitcursor{display:flex;flex-direction:column;gap:8px}.portal-zeitcursor-erfassung{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:pointer}.portal-zeitcursor-steuerzeile{display:flex;align-items:center;gap:10px}.portal-ertrag-stunden{margin-top:4px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.portal-panel-navigation{display:flex;align-items:center;gap:10px}.portal-panel-tag-anzeige{font-size:.85rem;color:var(--muted-foreground);margin-left:4px}.portal-panel-gesamt{display:flex;align-items:baseline}.portal-panel-gesamt-wert{font-size:1.3125rem}.portal-panel-wr-gruppe h4{font-size:.85rem;font-weight:700;margin:0 0 8px}.portal-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.portal-panel-kachel{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:calc(var(--radius-karte) - 4px);background:var(--secondary);border:1px solid transparent}.portal-panel-kachel-auffaellig{border-color:var(--bad);background:var(--bad-bg)}.portal-panel-kachel-kopf-zeile{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.portal-panel-kachel-eyebrow{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.portal-panel-kachel-titel{margin:0;font-size:.9rem;font-weight:700}.portal-panel-kachel-wert{font-size:1.375rem}.portal-panel-fuellstand-wrap{position:relative}.portal-panel-fuellstand-track{height:88px;width:100%;border-radius:calc(var(--radius) - 2px);background:var(--card);overflow:hidden;display:flex;align-items:flex-end}.portal-panel-fuellstand-fill{width:100%;border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0;background:linear-gradient(180deg,var(--tief),var(--salbei));transition:height .3s ease}.portal-panel-fuellstand-fill-auffaellig{background:linear-gradient(180deg,var(--bad),var(--warn))}.portal-panel-fuellstand-prozent{position:absolute;top:6px;right:8px;padding:1px 6px;border-radius:var(--radius-pille);font-size:11px;font-weight:700;color:#fff;background:#00000059}.portal-panel-kachel-ertrag{font-size:.72rem;color:var(--muted-foreground)}.portal-timemachine-page{display:flex;flex-direction:column;gap:16px}.portal-time-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.portal-time-header-text{text-align:center}.portal-time-header-text h2{margin:0}.portal-back-action{display:inline-flex;align-items:center;gap:4px;color:var(--muted-foreground);font-size:.85rem;text-decoration:none;white-space:nowrap}.portal-back-action:hover{color:var(--primary);text-decoration:underline}.portal-history-pille{justify-self:end;display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pille);background:var(--secondary);color:var(--muted-foreground);font-size:.75rem;font-weight:600;white-space:nowrap}.portal-time-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.7fr);gap:16px;align-items:start}.portal-time-stage{display:flex;flex-direction:column;gap:14px}.portal-snapshot-panel{display:flex;flex-direction:column;gap:14px;position:sticky;top:16px}.portal-snapshot-hauptwert{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 0;text-align:center}.portal-snapshot-hauptwert strong{font-size:2.25rem}.portal-snapshot-hauptwert span{font-size:.8rem;color:var(--muted-foreground)}.portal-snapshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}.portal-snapshot-grid dt{font-size:.7rem;color:var(--muted-foreground);margin:0 0 2px}.portal-snapshot-grid dd{margin:0;font-size:1rem}.portal-inverter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.portal-inverter-karte{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--radius-karte);background:var(--card);box-shadow:var(--schatten);color:inherit;text-decoration:none;transition:transform .15s ease}.portal-inverter-karte:hover{transform:translateY(-2px)}.portal-inverter-karte h3{margin:0;font-size:.85rem;font-weight:700}.portal-inverter-karte-kopf{display:flex;justify-content:flex-end}.portal-mini-meter{height:5px;border-radius:var(--radius-pille);background:var(--secondary);overflow:hidden}.portal-mini-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--tief),var(--salbei))}.portal-inverter-open{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;color:var(--primary);font-weight:600}.portal-event-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.portal-event-strip strong{display:block}.portal-event-strip small{color:var(--muted-foreground)}.portal-event-strip button{flex:none}.portal-panel-context{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-panel-context>div:first-child{display:flex;align-items:center;gap:12px}.portal-panel-context small{display:block;color:var(--muted-foreground);font-size:.72rem}.portal-panel-context strong{display:block}.portal-panel-insight{display:flex;align-items:flex-start;gap:10px}.portal-panel-insight strong{display:block}.portal-panel-insight small{display:block;color:var(--muted-foreground)}@media(max-width:900px){.portal-time-layout{grid-template-columns:1fr}.portal-snapshot-panel{position:static}}@media(max-width:560px){.portal-time-header{grid-template-columns:1fr;text-align:center}.portal-history-pille{justify-self:center}}.portal-deckungsring-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.portal-deckungsring{position:relative;display:inline-grid;place-items:center}.portal-deckungsring-svg{display:block}.portal-deckungsring-spur{stroke:var(--gedaempft)}.portal-deckungsring-fortschritt{stroke:var(--tief);transition:stroke-dasharray .3s ease}.portal-deckungsring-text{position:absolute;font-size:1.75rem}.portal-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portal-live-dot-wrapper{display:inline-flex;align-items:center;margin-right:8px}.portal-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gedaempft);box-shadow:0 0 0 4px color-mix(in srgb,var(--gedaempft) 25%,transparent)}.portal-live-dot-aktiv{background:var(--gruen-live);box-shadow:0 0 0 4px color-mix(in srgb,var(--gruen-live) 25%,transparent)}.portal-kartenkopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.portal-kartenkopf-eyebrow{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gedaempft)}.portal-kartenkopf-titel{margin:0;font-size:1.3125rem;font-weight:700;letter-spacing:-.01em}.portal-kartenkopf-aktion{flex-shrink:0}.portal-flow-wrap{container-type:inline-size}.portal-flow{display:grid;grid-template-columns:1fr minmax(24px,72px) auto minmax(24px,72px) 1fr;grid-template-areas:"sonne ls mitte lh haus" ".     .  ln    .  .   " ".     nr nr    nr .   ";align-items:center;gap:8px;margin:24px 0 16px}.portal-flow-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}.portal-flow-node-sonne{grid-area:sonne}.portal-flow-node-haus{grid-area:haus}.portal-flow-node span{font-size:12px;color:var(--gedaempft)}.portal-flow-icon-sonne{color:var(--solar-gelb)}.portal-flow-icon-haus{color:var(--gruen-live)}.portal-flow-icon-netz{color:var(--blau)}.portal-flow-line{width:100%;height:2px;background:var(--gedaempft-flaeche);justify-self:stretch;position:relative;overflow:hidden}.portal-flow-line-sonne{grid-area:ls}.portal-flow-line-haus{grid-area:lh}.portal-flow-line-pulse{position:absolute;top:0;left:-30%;width:24px;height:2px;background:linear-gradient(90deg,transparent,var(--gruen-live));animation:portal-pulse-flow 2.3s infinite ease-in-out}.portal-flow-line-sonne .portal-flow-line-pulse{animation-delay:0s}.portal-flow-line-haus .portal-flow-line-pulse{animation-delay:-.575s}@keyframes portal-pulse-flow{0%{left:-30%}to{left:110%}}.portal-flow-center{grid-area:mitte;width:clamp(72px,22cqi,124px);height:clamp(72px,22cqi,124px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;justify-self:center;background:radial-gradient(circle,color-mix(in srgb,var(--gruen-live) 14%,var(--karte)) 55%,color-mix(in srgb,var(--gruen-live) 28%,var(--karte)));box-shadow:inset 0 0 0 7px var(--karte),0 0 0 1px color-mix(in srgb,var(--gruen-live) 25%,transparent);color:var(--gruen-live)}.portal-flow-center strong{font-size:clamp(15px,5cqi,22px);color:var(--tinte);letter-spacing:-.02em}.portal-flow-center-leer{font-size:11px!important;font-weight:600;color:var(--gedaempft-kreis)!important}.portal-flow-center span{font-size:11px;color:var(--gedaempft-kreis)}.portal-flow-netzlinie{grid-area:ln;display:flex;justify-content:center;align-items:stretch;gap:6px;height:64px;margin:4px 0}.portal-flow-netzlinie-segment{position:relative;width:2px;overflow:hidden}.portal-flow-netzlinie-ruhend{background:var(--gedaempft-flaeche)}.portal-flow-netzlinie-puls{position:absolute;left:0;top:-30%;width:2px;height:28px}.portal-flow-netzlinie-bezug .portal-flow-netzlinie-puls{background:linear-gradient(180deg,var(--blau),transparent);animation:portal-pulse-flow-vertikal-aufwaerts 2.3s infinite ease-in-out;animation-delay:-1.15s}.portal-flow-netzlinie-einspeisung .portal-flow-netzlinie-puls{background:linear-gradient(180deg,transparent,var(--gruen-live));animation:portal-pulse-flow-vertikal 2.3s infinite ease-in-out;animation-delay:-1.725s}.portal-flow-netzlinie-batterie-laden .portal-flow-netzlinie-puls{background:linear-gradient(180deg,transparent,var(--gruen-live));animation:portal-pulse-flow-vertikal 2.3s infinite ease-in-out;animation-delay:-.2875s}.portal-flow-netzlinie-batterie-entladen .portal-flow-netzlinie-puls{background:linear-gradient(180deg,var(--akzent-gold),transparent);animation:portal-pulse-flow-vertikal-aufwaerts 2.3s infinite ease-in-out;animation-delay:-.2875s}@keyframes portal-pulse-flow-vertikal-aufwaerts{0%{top:110%}to{top:-30%}}.portal-flow-netzrow{grid-area:nr;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:4px}.portal-flow-netz-werte{display:flex;align-items:center;gap:10px}.portal-flow-netz-bezug{display:flex;align-items:center;gap:2px;color:var(--blau)}.portal-flow-bezug-icon{transform:scaleX(-1)}.portal-flow-netz-einspeisung{display:flex;align-items:center;gap:2px;color:var(--gruen-live)}.portal-flow-node-weitere{color:var(--gedaempft)}.portal-flow-icon-batterie-laden{color:var(--gruen-live)}.portal-flow-icon-batterie-entladen,.portal-flow-quellen-icon-batterie{color:var(--akzent-gold)}.portal-flow-batterie-soc{font-size:12px;font-weight:600;color:var(--gedaempft)}@container (max-width: 560px){.portal-flow{grid-template-columns:1fr;grid-template-areas:"sonne" "nr" "mitte" "haus";justify-items:center;gap:12px}.portal-flow-line,.portal-flow-netzlinie{display:none}.portal-flow-netzrow{margin-bottom:0}}@keyframes portal-pulse-flow-vertikal{0%{top:-30%}to{top:110%}}.portal-flow-bilanz-hinweis{color:var(--warn)}.portal-flow-quellen{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.portal-flow-quellen-icon-sonne{color:var(--solar-gelb)}.portal-flow-quellen-icon-netz{color:var(--blau);transform:scaleX(-1)}.portal-flow-quellen-icon-weitere{color:var(--gedaempft)}.portal-flow-deckung-kompakt{display:flex;align-items:center;gap:12px;margin:4px 0}.portal-flow-deckung-kompakt .portal-deckungsring-wrap{flex:none}.portal-flow-deckung-kompakt .portal-hint{margin:0}.portal-credit-box{display:flex;flex-direction:column;gap:4px;margin:16px 0;padding:18px;border-radius:var(--radius-sheet);background:var(--creme)}.portal-credit-box-gutschrift{background:color-mix(in srgb,var(--gruen-live) 12%,var(--creme))}.portal-kpi-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.portal-kpi-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--radius-sheet);background:var(--creme)}.portal-kpi-tile strong{font-size:1.375rem;letter-spacing:-.02em}.portal-kpi-tile span{font-size:12px;color:var(--gedaempft)}.portal-deckung-chips{display:flex;flex-direction:column;align-items:center;gap:6px}@media(max-width:700px){.portal-kpi-trio{grid-template-columns:1fr}}