/* Shared product navigation; existing forms, roles and dialogs stay in place. */
.sn-unified{padding-bottom:76px}.sn-primary-nav{display:flex!important;justify-content:space-around;position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,640px);z-index:90;background:#fdfbf9;border:1px solid #e1d6dc;border-radius:18px 18px 0 0;padding:8px 10px max(8px,env(safe-area-inset-bottom));box-sizing:border-box}
.sn-primary-nav .bottom-nav__item{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;min-height:48px;padding:8px;color:#74666b;font:800 12px Nunito,sans-serif;text-decoration:none;border-radius:12px}.sn-primary-nav svg{width:26px;height:26px;flex-shrink:0}.sn-primary-nav .is-active{color:#5C2E48;background:#f0e6eb}
.sn-history-link{color:#5C2E48;text-decoration:none;font-size:13px;font-weight:800}.sn-current-charge{display:block;padding:12px 20px;background:#5C2E48;color:white;margin:12px 20px;border-radius:12px;text-decoration:none}.sn-current-charge[hidden]{display:none}
.sn-unified .sn-area-heading{padding:28px 24px 6px}.sn-area-heading h1{font-size:clamp(30px,5vw,40px);font-weight:900;letter-spacing:-1px;line-height:1.12;margin:8px 0 14px}.sn-area-heading p{color:#74666b;line-height:1.55;margin:0}.sn-area-heading .ds-eyebrow{color:#74666b}
.sn-unified .overview-layout{display:block;max-width:720px;margin:auto}body[data-sn-dashboard-area] .hero--greeting{display:none}.sn-area-card{margin:18px 24px}.sn-area-card h2{font-size:20px;margin:0 0 14px}.sn-area-card .card{padding:20px;margin:12px 0;gap:12px}.sn-area-card .card h3{margin:0;font-size:19px}.sn-area-card .card p{margin:0}.sn-area-card .btn{white-space:normal}.sn-area-error{color:#94384d}
/* Area selection only changes placement/visibility; original feature sections remain. */
body[data-sn-dashboard-area="teilen"] #section-wallboxen,body[data-sn-dashboard-area="teilen"] #section-belegung,body[data-sn-dashboard-area="teilen"] #section-stream,body[data-sn-dashboard-area="teilen"] #section-empty,body[data-sn-dashboard-area="teilen"] #section-onboarding,body[data-sn-dashboard-area="teilen"] #section-eichhinweis,body[data-sn-dashboard-area="teilen"] .overview-extras{display:none!important}
body[data-sn-dashboard-area="zuhause"] #sn-sharing,body[data-sn-dashboard-area="zuhause"] #section-invites,body[data-sn-dashboard-area="zuhause"] #section-objekt{display:none!important}
@media(max-width:600px){.sn-primary-nav{border-radius:0}.sn-unified .sn-area-heading{padding-inline:20px}.sn-area-card{margin-inline:20px}}

@media(max-width:380px){.sn-unified .nav__inner{padding-inline:12px;gap:6px}.sn-unified .nav__brand{gap:6px}.sn-unified .nav__brand-text{font-size:16px}.sn-unified .nav__brand-mark{width:20px;height:20px}.sn-unified .nav__inner>.row{gap:4px!important}.sn-unified .nav__inner .icon-btn,.sn-unified .nav__burger{width:30px;min-width:30px;height:34px}.sn-unified .sn-history-link{font-size:11px}}
@media(max-width:380px){.sn-unified .nav .nav__inner{flex-wrap:wrap;gap:6px;padding:10px 12px}.sn-unified .nav .nav__inner>.row{margin-left:auto}}

.sn-header-actions{margin-left:auto;gap:14px}.sn-load-state{margin:16px 24px;padding:14px 16px;border-radius:12px;background:var(--blue-tint,#f0e6eb);font-size:14px;line-height:1.5}.sn-load-state[hidden]{display:none}.sn-load-state[role="alert"]{border:1px solid var(--err,#94384d)}.sn-load-state button{margin-left:10px}.sn-history-link[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}.sn-unified input:disabled{opacity:.6}.sn-unified .hero__title{overflow-wrap:anywhere}

.sn-account-tier{flex-wrap:wrap;row-gap:12px}.sn-account-tier .list__main{min-width:120px}.sn-account-tier .list__trail{margin-left:auto}

/* Charging belongs to the wallbox; settings remain a separate destination. */
.sn-wallbox-card{padding:20px!important;gap:14px!important}.sn-wallbox-card h3{margin:0;font-size:20px}.sn-wallbox-card h3 a{color:inherit;text-decoration:none}.sn-wallbox-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #e1d6dc;padding-top:16px;font-size:13px}.sn-wallbox-links a{color:#5C2E48;font-weight:700}
[data-sn-charge-wallbox]{display:flex;flex-direction:column;gap:12px}[data-sn-charge-wallbox] p{margin:0}.sn-charge-status{font-weight:800;color:#74666b}.sn-charge-status[data-tone="live"]{color:#5C2E48}.sn-charge-status[data-tone="warn"]{color:#99631a}.sn-charge-person,.sn-charge-hint{font-size:13px;color:#74666b;line-height:1.5}.sn-charge-values{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.sn-charge-values strong{font-size:30px;letter-spacing:-.6px}.sn-charge-values span{font-size:13px;color:#74666b}.sn-charge-stop{color:#94384d!important;border-color:#bc8f9b!important}.sn-charge-feedback{background:#f0e6eb;border-radius:10px;padding:12px;font-size:13px;line-height:1.5}.sn-charge-refresh{align-self:flex-start;background:none;border:0;padding:6px 0;color:#5C2E48;font:700 13px Nunito,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sn-charge-location{font-size:13px;font-weight:700;display:grid;gap:6px}.sn-charge-location select{width:100%;padding:12px;border-radius:10px;border:1px solid #cdbec5;background:#fdfbf9;font:inherit}
.sn-unified{padding-bottom:calc(var(--sn-nav-height,76px) + var(--sn-charge-height,0px) + 24px)}
.sn-charge-dock{position:fixed;z-index:89;bottom:var(--sn-nav-height,76px);left:50%;transform:translateX(-50%);width:min(100%,640px);box-sizing:border-box;background:#5C2E48;color:#fff;border-radius:16px 16px 0 0;padding:12px 20px;font:14px Nunito,sans-serif;box-shadow:0 -4px 20px #3f1e3014}.sn-charge-dock[hidden]{display:none}.sn-charge-dock>a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;min-height:42px}.sn-charge-dock>a>span:nth-child(2){flex:1;min-width:0}.sn-charge-dock strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-charge-dock small{display:block;margin-top:4px;font-size:12px}.sn-charge-dot{background:#e7cee0;width:9px;height:9px;border-radius:100%;flex:none}.sn-charge-stale{display:block;font-size:12px;line-height:1.6}.sn-charge-stale button{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;padding:4px}.sn-charge-dock a:focus-visible,.sn-charge-dock button:focus-visible{outline:2px solid white;outline-offset:3px}

.sn-wizard-error{margin:0 24px 16px;padding:12px 16px;border:1px solid #bc8f9b;border-radius:12px;color:#94384d;font-size:14px;line-height:1.5}.sn-wizard-error[hidden]{display:none}

/* Shared app rules follow this legacy bridge and keep touch targets consistent. */
.sn-app.sn-unified .nav .nav__inner{flex-wrap:nowrap}
.sn-app.sn-unified .nav__inner .icon-btn,.sn-app.sn-unified .nav__burger{width:44px;min-width:44px;height:44px}
.sn-app.sn-unified .nav__drawer-hero{display:none}
.sn-app.sn-unified .nav__drawer-head{justify-content:space-between;align-items:center}
.sn-menu-title{font-size:20px;font-weight:800;color:var(--text-primary,#241920)}
.sn-app.sn-unified .nav__backdrop.is-open{display:block}
.sn-app.sn-unified .sn-menu-refresh{color:var(--text-primary,#241920);border-top:1px solid var(--ui-line,#e3d9d9)}
.sn-app.sn-unified .sn-primary-nav{border-color:var(--ui-line);background:var(--bg-surface)}
.sn-app.sn-unified .sn-primary-nav .is-active{color:var(--blue);background:var(--bg-base)}
.sn-app.sn-unified .sn-area-heading{padding:24px 20px 0}
.sn-app.sn-unified .sn-area-card{margin-inline:0}
.sn-app.sn-unified .sn-area-card{padding:0 20px!important}

@media(min-width:1000px){.sn-app.sn-unified .sn-primary-nav{border-radius:0;border:0;border-bottom:1px solid var(--ui-line);background:var(--bg-base)}}

@media(min-width:1000px){.sn-app.sn-unified .sn-primary-nav .is-active{background:var(--bg-surface)}}

/* Compact read-only status above the measured bottom navigation. */
body.sn-app.sn-live-status-shown{padding-bottom:calc(var(--sn-live-body-padding,0px) + var(--sn-live-status-space,0px))!important}
.sn-live-status[hidden],.sn-live-status [hidden]{display:none!important}
.sn-live-status{position:fixed;z-index:89;left:50%;bottom:calc(var(--sn-live-nav-height,0px) + 10px);transform:translateX(-50%);width:calc(100% - 24px);max-width:736px;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;padding:4px 12px;background:var(--bg-surface,#F4EEEA);color:var(--text-primary,#1A1418);border:1px solid var(--border-soft,#CDC3BB);border-radius:16px;box-shadow:0 4px 20px #3f1e3018;font-family:var(--font-sans,'Nunito',sans-serif)}
.sn-live-status__link{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;flex:1 1 220px;color:inherit;text-decoration:none}
.sn-live-status__copy{display:flex;flex-direction:column;min-width:0;gap:1px}
.sn-live-status__copy strong{font-size:14px;font-weight:800;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-live-status__line{font-size:12px;line-height:18px;color:var(--text-secondary,#5A4F49);overflow-wrap:anywhere}
.sn-live-status__dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--border-strong,#8E827D)}
.sn-live-status[data-live=true] .sn-live-status__dot{background:var(--blue,#5C2E48);box-shadow:0 0 0 4px var(--blue-tint,#ECDDE5)}
.sn-live-status__more{margin-left:auto;flex-shrink:0;color:var(--blue,#5C2E48);font-size:12px;font-weight:800}
.sn-live-status__note{font-size:12px;line-height:18px;color:var(--text-secondary,#5A4F49);padding:0 0 5px 19px;flex:1 1 180px}
.sn-live-status__retry{appearance:none;border:0;border-radius:8px;background:transparent;color:var(--blue,#5C2E48);font:800 12px/18px var(--font-sans,'Nunito',sans-serif);padding:8px 4px;min-height:44px;cursor:pointer}
.sn-live-status__retry:disabled{opacity:.6;cursor:wait}
.sn-live-status a:focus-visible,.sn-live-status button:focus-visible{outline:3px solid var(--blue,#5C2E48);outline-offset:3px}
@media(min-width:1000px){.sn-live-status{max-width:640px;bottom:calc(var(--sn-live-nav-height,0px) + 16px)}}
@media(prefers-reduced-motion:no-preference){.sn-live-status__link,.sn-live-status__retry{transition:background-color .15s ease}.sn-live-status__link:hover,.sn-live-status__retry:hover{background:var(--bg-base,#E9E2DD)}}