/* MAGNERION Energy 0.16 — Magenta Design System */
:root{color-scheme:dark;--magenta:#ff00aa;--magenta-deep:#c60086;--surface:#14131b;--surface2:#201e29;--edge:#393040;--text:#fff;--muted:#b5adc0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f8f6fb;background:#09090f}
html{background:#09090f;scroll-padding-bottom:calc(var(--nav-height,76px) + env(safe-area-inset-bottom,0px) + 12px)}body{background:radial-gradient(ellipse 75% 25% at 85% -5%,#69003b65,transparent),#09090f;color:#f8f6fb}
header{background:linear-gradient(120deg,#110d17,#240b20 80%,#3b0a2b);border-bottom:1px solid #68204f;padding:13px 16px;box-shadow:0 8px 35px #0005}
header .brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:.03em;color:#fff}
header .brand b{color:#ff00aa}
header .brand img{width:48px;height:48px;object-fit:contain;border-radius:13px;box-shadow:0 0 19px #ff00aa4a}
header .sub{color:#c7aebf;font-size:11px;margin-left:58px}
main{max-width:980px}.panel,.am-platform{background:linear-gradient(145deg,#1b1822,#13121a);border:1px solid #413044;border-radius:19px;box-shadow:0 8px 30px #0003}
h2,h3{color:#fff} .muted,small,.footer,.am-top p{color:#bcb1c2}
.am-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.am-top-row h1{flex:1;min-width:12rem}
.am-active-project{margin:2px 0 0!important;max-width:min(100%,16rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important;line-height:1.3;color:#ff9ad6!important;background:#211b27;border:1px solid #69405e;border-radius:99px;padding:4px 9px}
.am-active-project span{margin-right:6px;color:#d9bed1;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
input,select,textarea{background:#111018;border-color:#55405a;color:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #ff00aa;outline-offset:1px}input[type=range],input[type=checkbox]{accent-color:#ff00aa}
button,.filebtn{background:linear-gradient(110deg,#ff00aa,#e60089);color:white;box-shadow:0 4px 18px #ff00aa26;border-radius:12px}button.secondary,.filebtn.secondary{background:#292331;color:#f7eafa;border:1px solid #69405e;box-shadow:none}button.danger{background:#63213d}
.metric,.pvstat strong,.ok{color:#ff48c0}.device,.pvstat,.notice,.am-time-controls,.am-cat,.am-module{background:#211c29;border-color:#49374d;color:#f7eef8}.pill{background:#4b2140;color:#ffd4f0}
.am-progress{background:#34243b}.am-progress>div{background:linear-gradient(90deg,#e50089,#ff68d0)}
.am-nav{background:#0d0b12f5;border-top:1px solid #643053;box-shadow:0 -8px 35px #0009;backdrop-filter:blur(18px)}
.am-nav button{color:#c6b5c8}.am-nav button[aria-current="page"]{background:#42132f;color:#ff5fc7;box-shadow:inset 0 0 0 1px #a92a7a}
.am-jump{background:linear-gradient(135deg,#261b2c,#17141d);border:1px solid #613751;box-shadow:0 4px 20px #0003;min-height:100px}.am-jump:hover,.am-jump:focus-visible{border-color:#ff00aa}
.am-notice{background:#2c2030;border-color:#6d3d60}.am-status{color:#ffabd9}
.am-cat[aria-pressed=true]{background:#3b1832;border-color:#ff00aa}.am-module input{accent-color:#ff00aa}.am-module-open{background:#292331;color:#f7eafa;border:1px solid #69405e;box-shadow:none}
.am-time-quick button[aria-pressed="true"]{background:#ff00aa;color:#fff}.am-time-controls input[type=range]{accent-color:#ff00aa}
.am-storage-subs button{background:#211c29;color:#f7eefa;border-color:#69405e}.am-storage-subs button[aria-pressed="true"]{background:#3b1832;color:#fff;border-color:#ff00aa}
.am-limits{background:#211723;border-color:#743058}.am-limits summary{color:#ffd4f0}
#pvRoof{background:#120e19;border-color:#614260}#pvRoof .mod.selected{stroke:#ff00aa}#pvRoof .roofline{fill:#30213c}#pvRoof .mod{fill:#822c7b}
.mag-hero.am-hidden{display:none!important}
.mag-hero{background:linear-gradient(130deg,#230c21,#100e16 72%);border:1px solid #763053;border-radius:20px;padding:20px;margin:0 0 15px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 28px #0005}
.mag-hero img{width:78px;height:78px;border-radius:20px;box-shadow:0 0 30px #ff00aa45}.mag-hero strong{font-size:23px;letter-spacing:.02em;display:block}.mag-hero strong span{color:#ff00aa}.mag-hero p{margin:5px 0 0;color:#d6b9d0;font-size:12px}.mag-hero small{display:block;color:#ff78cf;margin-top:7px}
.mag-project-link{display:none!important}
.am-start-gaps{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.am-start-gaps button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:0;padding:12px 14px;text-align:left;background:#211c29;color:#f7eefa;border:1px solid #69405e;box-shadow:none;font:inherit}
.am-start-gaps button small{color:#d9bed1;font-weight:400}
.am-start-gaps p{margin:0;color:#d3b7cc;font-size:.9rem}
@media(max-width:420px){header .brand{font-size:17px}.mag-hero{padding:14px;gap:11px}.mag-hero img{width:61px;height:61px}.mag-hero strong{font-size:19px}.mag-project-link{font-size:11px;padding:10px 12px}}

/* 0.16.1: integrierte Energieplanung */
.mag-integrated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.mag-integrated-tile{background:#211723;border:1px solid #743058;border-radius:15px;padding:14px;min-width:0}.mag-integrated-tile small{display:block;color:#d8c1d0;font-size:.8rem;margin-bottom:6px}.mag-integrated-tile strong{display:block;font-size:1.35rem;color:#ff36b2;overflow-wrap:anywhere}.mag-switch{display:flex;align-items:center;gap:9px;margin:12px 0}.mag-switch input{width:20px;height:20px;accent-color:#ff00aa;flex-shrink:0}@media(max-width:370px){.mag-integrated-grid{grid-template-columns:1fr}}

/* 0.17 workspace switcher */
.mag-workspaces{background:linear-gradient(140deg,#211322,#110f17);border:1px solid #8b286b;border-radius:18px;padding:18px;margin:16px 0 22px;color:#f9eefa;box-shadow:0 6px 26px #0005}.mag-ws-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.mag-workspaces h2{margin:4px 0 6px;color:#fff}.mag-workspaces p{color:#d3b7cc;font-size:.9rem;margin:4px 0 12px}.mag-ws-kicker{color:#ff58bd;font-size:.72rem;letter-spacing:.12em;font-weight:700}.mag-ws-chip{border:1px solid #8b286b;border-radius:99px;padding:6px 10px;color:#ff9ad6;font-size:.72rem}.mag-workspaces label{display:block;color:#f4c9e5;margin-bottom:6px}.mag-ws-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.mag-ws-actions select{flex:1;min-width:180px;background:#241827;color:#fff;border:1px solid #99467c;border-radius:10px;padding:10px}.mag-ws-actions button{min-height:42px}.mag-ws-note{font-size:.8rem!important}

/* 0.18: Projektkarten und barrierearmes Eingabefenster */
.mag-ws-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:14px 0}.mag-ws-card{background:#211b27;color:#fff;border:1px solid #65445f;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:108px;padding:14px;box-shadow:none}.mag-ws-card.is-active{background:#3b1832;border-color:#ff00aa}.mag-ws-card strong{font-size:1rem}.mag-ws-card small{color:#d9bed1}.mag-ws-card span{font-size:.77rem;color:#ff77ca}
.mag-ws-dialog{background:#141019;color:#fff;border:1px solid #a63581;border-radius:20px;padding:24px;width:min(94vw,520px);max-height:90vh;overflow:auto;box-shadow:0 20px 100px #000b}.mag-ws-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.mag-ws-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.mag-ws-modal-head button{min-width:42px}.mag-ws-dialog input#magWsName{width:100%;box-sizing:border-box;padding:13px;margin:8px 0 18px}.mag-ws-dialog fieldset{border:0;padding:0;margin:0 0 14px}.mag-ws-dialog legend{margin-bottom:12px;color:#f4c9e5}.mag-ws-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mag-ws-types label{position:relative;cursor:pointer}.mag-ws-types input{position:absolute;opacity:0;width:1px;height:1px}.mag-ws-types span{display:flex;flex-direction:column;gap:8px;background:#211b27;border:2px solid #584253;border-radius:15px;padding:18px;min-height:104px;box-sizing:border-box}.mag-ws-types input:checked+span{border-color:#ff00aa;background:#3b1832}.mag-ws-types input:focus-visible+span{outline:3px solid #fff}.mag-ws-types small{color:#d9bed1}.mag-ws-dialog .mag-ws-actions button{flex:1}
.mag-sim-chart{width:100%;height:190px;background:#13101a;border:1px solid #51354a;border-radius:12px;margin-top:12px}.mag-sim-chart text{fill:#dac6d4;font:11px system-ui}.mag-sim-info{font-size:.85rem;color:#d6bdd0}.mag-sim-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}.mag-sim-controls label{display:block;margin-bottom:5px}.mag-sim-controls input,.mag-sim-controls select{width:100%;box-sizing:border-box}