:root{--bg:#f3f6fa;--panel:#fff;--ink:#172033;--muted:#6c778b;--line:#e4e9f1;--blue:#2979ff;--blue2:#1456bd;--green:#1cad75;--orange:#f59e42;--red:#d94b5b;--nav:#131b2c;--shadow:0 10px 28px rgba(23,32,51,.07)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}a{color:var(--blue2);text-decoration:none}button{border:1px solid #ccd5e2;background:#fff;color:var(--ink);border-radius:9px;padding:.62rem .9rem;cursor:pointer;font-weight:650}button:hover{border-color:var(--blue);color:var(--blue)}button.primary,.primary{background:var(--blue);border-color:var(--blue);color:white;padding:.72rem 1rem}button.primary:hover{background:var(--blue2);color:#fff}.top{height:68px;background:var(--nav);color:#fff;display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1180px)/2));gap:36px;box-shadow:0 3px 14px #0c122055}.brand{font-size:19px;font-weight:800;color:#fff;white-space:nowrap}.bolt{display:inline-grid;place-items:center;background:var(--blue);width:32px;height:32px;border-radius:9px;margin-right:8px}.top nav{display:flex;gap:22px;flex:1}.top nav a{color:#c7d0df;font-weight:600}.top nav a:hover{color:#fff}.profile{display:flex;align-items:center;gap:12px}.profile form{display:inline}.link{background:transparent;color:#c7d0df;border:0;padding:.3rem}.impersonation{background:#fff0cc;color:#684900;display:flex;justify-content:center;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid #f0ce7e}.impersonation form{display:inline}.impersonation button{padding:.35rem .7rem}.wrap{max-width:1180px;margin:0 auto;padding:34px 22px 0;min-height:calc(100vh - 68px)}footer{color:var(--muted);text-align:center;padding:48px 0 26px;font-size:13px}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.title-row h1{margin:0;font-size:30px;line-height:1.2}.title-row p{margin:.35rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800;font-size:12px}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px;margin-bottom:20px;box-shadow:var(--shadow)}.panel h2{font-size:18px;margin:0 0 18px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:18px}.alert.error{background:#ffeaed;color:#a62838;border:1px solid #ffc9d0}.alert.success{background:#e2f8ee;color:#08784a;border:1px solid #b9ebd4}.alert.warning{background:#fff5d9;color:#725300;border:1px solid #efd58d}.stack{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:650;color:#39445a}input{width:100%;border:1px solid #cbd4e1;border-radius:9px;padding:.72rem .8rem;background:#fff;color:var(--ink)}input:focus{outline:3px solid #2979ff22;border-color:var(--blue)}.login-shell{min-height:82vh;display:grid;place-items:center}.login-card{width:min(100%,430px);background:#fff;padding:38px;border:1px solid var(--line);border-radius:19px;box-shadow:0 24px 60px #1a2e5020}.login-card h1{text-align:center;margin:12px 0 4px}.login-card>p{text-align:center;margin:0 0 24px}.logo-big{margin:auto;display:grid;place-items:center;width:54px;height:54px;background:linear-gradient(135deg,var(--blue),#56a8ff);border-radius:15px;color:#fff;font-size:30px}.admin-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.admin-grid .panel{margin:0 0 20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--ink);box-shadow:var(--shadow);transition:.18s}.device-card:hover{transform:translateY(-2px);border-color:#b9cdf2}.device-top{display:flex;justify-content:space-between}.device-icon{display:grid;place-items:center;width:38px;height:38px;background:#e8f1ff;color:var(--blue);border-radius:10px;font-size:23px}.status{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:5px 9px;font-weight:700;font-size:12px;background:#eef1f5;color:#687388}.status i{width:8px;height:8px;border-radius:50%;background:#8993a4}.status.online{background:#dcf8eb;color:#08784a}.status.online i{background:var(--green);box-shadow:0 0 0 3px #1cad7522}.device-card h2{margin:18px 0 2px;font-size:17px}.power{font-size:28px;font-weight:800;margin:3px 0 14px}.device-meta{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:13px;margin-bottom:10px}.device-meta span{display:grid;color:var(--muted);font-size:12px}.device-meta b{color:var(--ink);font-size:14px}.device-card small{color:var(--muted)}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted)}.empty>div{font-size:35px;color:var(--blue)}.empty h2{color:var(--ink)}.collapsible fieldset{border:0;padding:18px 0;margin:0}.collapsible legend{font-weight:750}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#f9fbfd}.check input{width:auto}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:var(--shadow);display:grid;gap:4px}.stat.accent{background:linear-gradient(135deg,#1e67db,#3692ff);color:#fff;border:0}.stat span,.stat small{color:var(--muted)}.stat.accent span,.stat.accent small{color:#dbeaff}.stat strong{font-size:25px}.stat .small-value{font-size:16px;margin:7px 0}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phase-grid article{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:15px}.phase-grid h3{margin:0 0 9px}.phase-grid p{display:flex;justify-content:space-between;margin:6px 0}.phase-grid span{color:var(--muted)}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel-title h2{margin-bottom:4px}.panel-title p{margin:0}.period-tabs{display:flex;gap:5px}.period-tabs button{padding:.45rem .75rem}.period-tabs .active{background:var(--nav);color:#fff;border-color:var(--nav)}.chart-wrap{position:relative;height:330px;margin-top:18px}#energy-chart{width:100%;height:100%;display:block}#chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}#chart-empty[hidden]{display:none}.legend{display:flex;gap:18px;justify-content:center;color:var(--muted);font-size:13px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.blue{background:var(--blue)}.green{background:var(--green)}.orange{background:var(--orange)}.code-head{display:flex;align-items:center;justify-content:space-between;background:#172033;color:#fff;padding:9px 12px;border-radius:10px 10px 0 0}.code-head button{padding:.38rem .65rem;background:#27334a;color:#fff;border-color:#3e4b62}pre{margin:0 0 18px;background:#101827;color:#dce8ff;padding:18px;overflow:auto;border-radius:0 0 10px 10px;max-height:460px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.instructions{padding-left:22px}.instructions li{margin:7px 0}
@media(max-width:900px){.device-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.top{padding:0 14px;height:auto;min-height:60px;gap:10px;flex-wrap:wrap}.top nav{order:3;width:100%;padding-bottom:9px}.profile{margin-left:auto}.wrap{padding:24px 14px 0}.title-row{align-items:flex-start;flex-direction:column}.device-grid,.stat-grid,.phase-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,1fr)}.panel-title{flex-direction:column}.chart-wrap{height:260px}.login-card{padding:26px}.impersonation{align-items:flex-start;flex-wrap:wrap}.device-meta{justify-content:space-between}}

.solar-badge{display:inline-flex;vertical-align:middle;align-items:center;margin-left:10px;padding:5px 9px;border-radius:99px;background:#fff4cf;color:#8b5d00;font-size:11px;font-weight:800;letter-spacing:.02em}.solar-badge.small{margin-left:7px;padding:3px 7px}.card-direction{display:inline-flex;margin:-7px 0 13px;padding:4px 8px;border-radius:7px;font-size:12px;font-weight:800}.card-direction.import{color:#1260c9;background:#e6f0ff}.card-direction.export{color:#a84e0b;background:#fff0e3}
.solar-choice{display:flex;align-items:center;gap:13px;margin-top:16px;padding:15px;border:1px solid #f1d27c;border-radius:12px;background:#fffaf0;cursor:pointer}.solar-choice input{width:auto}.solar-choice-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ffcb45;color:#6e4900;font-size:22px}.solar-choice span:last-child{display:grid}.solar-choice small{color:var(--muted);font-weight:500}
.energy-flow{display:grid;grid-template-columns:minmax(380px,1.35fr) 1fr;align-items:center;gap:30px;margin-bottom:20px;padding:24px 28px;border-radius:17px;color:#fff;overflow:hidden;position:relative;box-shadow:0 14px 32px rgba(20,86,189,.14)}.energy-flow.importing{background:linear-gradient(125deg,#164ea4,#2785f5)}.energy-flow.exporting{background:linear-gradient(125deg,#9b4d0b,#f28b36)}.energy-flow.idle{background:linear-gradient(125deg,#536174,#8290a4)}
.flow-visual{display:grid;grid-template-columns:74px minmax(120px,1fr) 74px;align-items:center;position:relative}.flow-node{display:grid;place-items:center;gap:5px;position:relative;z-index:2}.flow-node span{display:grid;place-items:center;width:55px;height:55px;background:#ffffff20;border:1px solid #ffffff55;border-radius:15px;font-size:28px}.flow-node b{font-size:12px}.flow-line{height:3px;background:#ffffff55;position:relative;margin:0 8px}.flow-line i{position:absolute;top:-4px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff;animation:energyMove 2.2s linear infinite}.exporting .flow-line i{animation-direction:reverse}.idle .flow-line i{display:none}.flow-arrow:after{content:'→';position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);background:#fff;color:#1764c6;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:900}.exporting .flow-arrow:after{content:'←';color:#b65712}.idle .flow-arrow:after{content:'·';color:#657287}.sun-node{position:absolute;right:-18px;top:-19px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#ffcc42;color:#704900;box-shadow:0 0 25px #ffd76caa}.flow-copy{border-left:1px solid #ffffff3b;padding-left:28px}.flow-copy span{display:block;color:#dceaff;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.flow-copy strong{display:block;font-size:23px;margin:3px 0}.flow-copy p{margin:0;color:#eaf3ff}.exporting .flow-copy span,.exporting .flow-copy p{color:#fff0e4}@keyframes energyMove{from{left:0}to{left:calc(100% - 11px)}}
.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.history-head h2{font-size:23px;margin:0 0 3px}.history-head p{margin:0}.history-controls{display:flex;gap:12px;align-items:center}.mode-tabs,.history-head .period-tabs{display:flex;gap:4px;padding:4px;background:#eef2f7;border-radius:11px}.mode-tabs button,.history-head .period-tabs button{border:0;background:transparent;padding:.48rem .72rem;color:#667288}.mode-tabs button.active,.history-head .period-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #24355218}
.history-summary{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:stretch;margin:23px 0 16px}.history-summary article{display:grid;gap:2px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fafbfd}.history-summary span,.history-summary small{font-size:11px;color:var(--muted)}.history-summary strong{font-size:19px}.history-summary article:nth-child(1) strong{color:#1768d7}.history-summary article:nth-child(2) strong,.export-value{color:#d86d1f!important}.quality{align-self:center;justify-self:end;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap}.quality.complete{color:#08784a;background:#dcf8eb}.quality.incomplete{color:#8a5b00;background:#fff1c7}.quality.loading{color:#647085;background:#edf1f6}
.chart-surface{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fbfdff,#fff);padding:8px 12px 11px}.graph-panel .chart-wrap{height:355px;margin-top:0;position:relative}.chart-tooltip{position:absolute;z-index:5;display:grid;gap:3px;min-width:145px;padding:9px 11px;border:1px solid #d9e1ec;border-radius:9px;background:#fff;box-shadow:0 8px 24px #1c2c4826;pointer-events:none;font-size:12px}.chart-tooltip b{font-size:11px;color:var(--muted)}.chart-tooltip span{font-weight:700}.chart-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 11px 0 52px}.chart-footer .legend{justify-content:flex-start}.sample-count{font-size:12px;color:var(--muted)}#chart-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:4px;color:var(--ink)}#chart-empty span{color:var(--muted);font-size:13px}
.chart-tooltip[hidden]{display:none}
.device-settings{display:flex;align-items:center;justify-content:space-between;gap:24px}.device-settings h2{margin-bottom:3px}.device-settings p{margin:0}.device-settings form{display:flex;align-items:center;gap:14px}.switch-row{display:flex;align-items:center;gap:9px;cursor:pointer}.switch-row>input{position:absolute;opacity:0;pointer-events:none}.switch-ui{width:42px;height:24px;border-radius:99px;background:#cbd3df;position:relative;transition:.2s}.switch-ui:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #19243b44;transition:.2s}.switch-row input:checked+.switch-ui{background:#f0a62e}.switch-row input:checked+.switch-ui:after{transform:translateX(18px)}

@media(max-width:900px){.energy-flow{grid-template-columns:1fr}.flow-copy{border-left:0;border-top:1px solid #ffffff3b;padding:18px 0 0}.history-summary{grid-template-columns:repeat(3,1fr)}.quality{grid-column:1/-1;justify-self:start}.device-settings{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.history-head{flex-direction:column}.history-controls{width:100%;align-items:stretch;flex-direction:column}.mode-tabs,.history-head .period-tabs{justify-content:space-between}.mode-tabs button,.history-head .period-tabs button{flex:1}.history-summary{grid-template-columns:1fr}.quality{grid-column:auto}.graph-panel .chart-wrap{height:290px}.chart-footer{padding-left:8px;align-items:flex-start;gap:8px;flex-direction:column}.energy-flow{padding:21px 17px}.flow-visual{grid-template-columns:62px minmax(80px,1fr) 62px}.flow-node span{width:48px;height:48px}.flow-copy strong{font-size:20px}.device-settings form{width:100%;align-items:flex-start;flex-direction:column}}

.title-actions{display:flex;align-items:center;gap:10px}.screen-button{display:inline-flex;align-items:center;border:1px solid #cbd5e4;border-radius:9px;background:#fff;color:var(--ink);padding:.55rem .8rem;font-weight:700}.screen-button:hover{border-color:var(--blue);color:var(--blue)}.account-panel{max-width:560px}.phase-settings{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.phase-settings h2{margin-bottom:3px}.phase-settings p{margin:0}.phase-settings form{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) auto;align-items:end;gap:10px}.phase-settings label{font-size:12px}.phase-settings input{padding:.6rem .7rem}
.measurement-settings .settings-copy{margin-bottom:16px}.measurement-settings h2,.install-heading h2{margin-bottom:3px}.measurement-settings p,.install-heading p{margin:0}.measurement-settings form{display:grid;gap:16px}.measurement-settings .check:has(input:disabled){background:#f1f5fa;color:#758196}.install-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.install-content{padding-top:18px}.install-content[hidden]{display:none}
.display-page{margin:0;background:#0d1524;color:#edf4ff;min-width:1024px}.display-shell{width:100%;min-height:100vh;padding:22px 30px;background:radial-gradient(circle at 10% 0,#172b4f 0,transparent 34%),#0d1524}.display-header{height:58px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.display-header .brand{font-size:21px}.display-header .brand small{font-weight:500;color:#9eacc1;margin-left:10px}.display-head-right{display:flex;align-items:center;gap:13px}.display-head-right a{color:#afbdd1;font-size:13px}.display-head-right button{background:#24334d;border-color:#3a4b67;color:#fff}.display-clock{font-variant-numeric:tabular-nums;color:#c7d3e4;font-weight:650}.display-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.display-flow,.display-total,.display-phases,.display-history{border:1px solid #ffffff17;border-radius:15px;background:#151f31;box-shadow:0 12px 30px #0003}.display-flow{min-height:160px;padding:21px 26px;overflow:hidden}.display-flow.importing{background:linear-gradient(125deg,#173d78,#176dd2)}.display-flow.exporting{background:linear-gradient(125deg,#74380d,#d66b20)}.display-flow.idle{background:#202b3e}.display-flow p{margin:0;color:#c4d8f5;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.display-flow>strong{display:block;font-size:27px;margin:2px 0 12px}.display-flow>em{display:block;margin-top:8px;font-size:30px;font-style:normal;font-weight:850}.display-flow-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;color:#e9f3ff;font-size:13px}.display-flow-line i{height:2px;background:#ffffff66}.display-flow-line b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;color:#1768d7;font-size:18px}.display-flow.exporting .display-flow-line b{color:#b6500c}.display-total{display:grid;align-content:center;padding:20px 22px}.display-total span{color:#aebbd0;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}.display-total strong{font-size:27px;margin:4px 0}.display-total small{color:#93a3ba}.display-total.import strong{color:#5ca1ff}.display-total.export strong{color:#ff9d58}.display-phases{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:transparent;border:0;box-shadow:none}.display-phases article{background:#151f31;border:1px solid #ffffff17;border-radius:15px;padding:16px 20px}.display-phases h2{font-size:15px;color:#aebbd0;margin:0}.display-phases>article>strong{display:block;font-size:24px;margin:3px 0 8px}.display-phases p{display:flex;justify-content:space-between;margin:3px 0;color:#93a3ba;font-size:12px}.display-phases p b{color:#eaf1fb}.display-history{grid-column:1/-1;padding:14px 17px}.display-history-head{display:flex;align-items:center;gap:15px}.display-history-head>div:first-child{display:grid;margin-right:auto}.display-history-head span{font-size:12px;color:#96a6bc}.display-history-head b{font-size:13px}.display-history .mode-tabs,.display-history .period-tabs{background:#202c40}.display-history .mode-tabs button,.display-history .period-tabs button{color:#9facbf}.display-history .mode-tabs button.active,.display-history .period-tabs button.active{background:#35445d;color:#fff}.screen-summary{display:none}.display-history .chart-surface{margin-top:10px;background:#111b2b;border-color:#ffffff14}.display-history .chart-wrap{height:270px}.display-history .chart-tooltip{background:#1c293e;border-color:#3a4a63;color:#fff}.display-history .chart-footer{color:#aebbd0}.display-history .sample-count,.display-history .legend{color:#92a2b9}.display-page:fullscreen [data-fullscreen]{display:none}

@media(max-width:1100px){.phase-settings{align-items:flex-start;flex-direction:column}.phase-settings form{width:100%}.display-page{min-width:0}.display-grid{grid-template-columns:1fr 1fr}.display-flow{grid-column:1/-1}.display-phases,.display-history{grid-column:1/-1}.display-shell{padding:16px}.display-header{height:auto;align-items:flex-start}.display-head-right{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.title-actions{align-items:flex-start;flex-direction:column}.phase-settings form{grid-template-columns:1fr}.display-grid,.display-phases{grid-template-columns:1fr}.display-total,.display-flow,.display-phases,.display-history{grid-column:1}.display-header{gap:15px;flex-direction:column}.display-head-right{justify-content:flex-start}.display-page{overflow:auto}.display-history-head{align-items:flex-start;flex-wrap:wrap}}

.device-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.device-identity{display:flex;align-items:center;gap:16px;min-width:0}.device-identity>img,.device-identity-mark{width:68px;height:68px;object-fit:contain;border-radius:14px;background:#eef4ff;border:1px solid #dce7f8;padding:9px}.device-identity-mark{display:grid;place-items:center;color:var(--blue);font-size:35px}.device-identity h1{margin:0;font-size:27px}.device-identity .eyebrow{margin:0}.device-tags{display:flex;align-items:center;gap:9px;margin-top:6px}.device-tags .solar-badge{margin:0}.device-id{color:var(--muted);font-size:12px}.logo-settings{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:20px}.logo-settings h2{margin-bottom:3px}.logo-settings p{margin:0}.logo-preview{width:100px;height:68px;display:grid;place-items:center;border:1px dashed #c5cfdd;border-radius:11px;background:#f7f9fc;color:#8490a1;font-size:12px}.logo-preview img{max-width:90px;max-height:58px;object-fit:contain}.logo-actions{display:flex;align-items:center;gap:8px}.logo-actions form{display:flex;align-items:center;gap:8px}.file-button{display:inline-flex;max-width:180px;align-items:center;border:1px solid #cbd5e2;border-radius:9px;padding:.62rem .85rem;background:#fff;color:var(--ink);cursor:pointer}.file-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.display-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:18px;padding:0 4px}.display-identity{display:flex;align-items:center;gap:14px;min-width:0}.display-identity img{width:150px;height:58px;object-fit:contain;object-position:left center}.display-device-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#237cff;color:#fff;font-size:28px}.display-identity strong{font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-clock{justify-self:center;display:grid;text-align:center;line-height:1.15}.display-clock span{color:#8fa1ba;text-transform:capitalize;font-size:13px;letter-spacing:.04em}.display-clock strong{font-size:25px;font-variant-numeric:tabular-nums;margin-top:4px}.display-header>.status{justify-self:end}.display-flow,.display-total,.display-phases article,.display-history{box-shadow:0 14px 35px #050a1355}.display-total{position:relative;overflow:hidden}.display-total:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.display-total.import:before{background:#438fff}.display-total.export:before{background:#ff9147}.display-phases article{position:relative;overflow:hidden}.display-phases article:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#3385ff,#3fbda2)}.screen-power-only>h2{margin:0 0 10px;font-size:15px;color:#b8c6da;font-weight:700}.screen-power-only .chart-surface{margin-top:0}

@media(max-width:1100px){.device-hero{align-items:flex-start}.logo-settings{grid-template-columns:90px 1fr}.logo-actions{grid-column:1/-1}.display-header{grid-template-columns:1fr auto}.display-clock{grid-column:1/-1;grid-row:2;justify-self:center}.display-header>.status{grid-column:2;grid-row:1}}
@media(max-width:700px){.device-hero{align-items:flex-start;flex-direction:column}.logo-settings{grid-template-columns:1fr}.logo-actions,.logo-actions form{align-items:flex-start;flex-direction:column}.display-header{height:auto;grid-template-columns:1fr auto}.display-identity img{width:110px}.display-clock{padding-top:10px}}

.device-settings-area{margin-top:30px}.settings-section-title{margin:0 0 14px}.settings-section-title .eyebrow{margin:0 0 2px}.settings-section-title h2{margin:0;font-size:23px}.settings-section-title .muted{margin:3px 0 0}.settings-accordion{display:grid;gap:10px}.settings-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(23,32,51,.04);transition:border-color .18s,box-shadow .18s}.settings-card:has(.settings-card-head[aria-expanded="true"]){border-color:#cddcf4;box-shadow:0 10px 26px rgba(23,66,130,.08)}.settings-card-head{width:100%;min-height:78px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:16px 19px;border:0;border-radius:0;background:#fff;text-align:left;color:var(--ink)}.settings-card-head:hover{border:0;background:#f8fbff;color:var(--ink)}.settings-card-head:focus-visible{outline:3px solid #2979ff33;outline-offset:-3px}.settings-card-head>span:nth-child(2){display:grid;gap:2px}.settings-card-head strong{font-size:16px}.settings-card-head small{color:var(--muted);font-weight:500}.settings-card-head>i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f0f4fa;color:#607089;font-size:20px;font-style:normal;transition:transform .2s,background .2s}.settings-card-head[aria-expanded="true"]>i{transform:rotate(180deg);background:#e5efff;color:var(--blue)}.settings-card-icon{width:42px;height:42px;display:grid!important;place-items:center;border-radius:11px;background:#eaf2ff;color:var(--blue);font-size:20px;font-weight:800}.settings-card-icon.solar{background:#fff4d2;color:#9a6800}.settings-card-body{padding:20px;border-top:1px solid #edf0f5;background:#fcfdff}.settings-card-body[hidden]{display:none}.settings-note{margin:0 0 16px}.settings-name-form{display:grid;grid-template-columns:minmax(220px,520px) auto;align-items:end;justify-content:start;gap:10px}.settings-name-form label{min-width:0}.settings-divider{height:1px;margin:22px 0;background:var(--line)}.logo-config{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:20px}.logo-config h3{margin:0 0 3px;font-size:16px}.logo-config p{margin:0}.phase-settings-form{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:10px}.phase-settings-form label{font-size:12px}.phase-settings-form input{padding:.62rem .7rem}.solar-settings-form{display:flex;align-items:center;justify-content:space-between;gap:18px}.measurement-settings form{display:grid;gap:16px}.settings-card .install-content{padding-top:20px}.settings-card .install-content>p:first-child{margin-top:0}

@media(max-width:900px){.logo-config{grid-template-columns:90px 1fr}.logo-config .logo-actions{grid-column:1/-1}.phase-settings-form{grid-template-columns:repeat(3,1fr)}.phase-settings-form button{grid-column:1/-1;justify-self:start}}
@media(max-width:620px){.settings-card-head{grid-template-columns:38px 1fr auto;gap:11px;padding:14px}.settings-card-icon{width:38px;height:38px}.settings-card-head small{font-size:11px}.settings-card-body{padding:16px}.settings-name-form,.phase-settings-form,.logo-config{grid-template-columns:1fr}.settings-name-form button,.phase-settings-form button{justify-self:start}.logo-config .logo-actions{grid-column:auto}.solar-settings-form{align-items:flex-start;flex-direction:column}.logo-config .logo-actions,.logo-config .logo-actions form{align-items:flex-start;flex-direction:column}}

.price-panel{margin:0 0 20px;padding:20px 22px;background:linear-gradient(135deg,#112849,#173b6f);color:#fff;border:1px solid #ffffff17;border-radius:17px;box-shadow:0 14px 32px rgba(20,58,110,.16)}.price-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.price-head .eyebrow{margin:0;color:#89baff}.price-head h2{margin:1px 0 0;font-size:22px}.price-head p:not(.eyebrow){margin:1px 0 0;color:#aebed5;font-size:12px}.price-area-switch{display:flex;gap:4px;padding:4px;border-radius:11px;background:#0b1d37}.price-area-switch button{border:0;padding:.48rem .72rem;background:transparent;color:#9eb1cb;font-size:12px}.price-area-switch button:hover{color:#fff}.price-area-switch button.active{background:#2a78e8;color:#fff;box-shadow:0 3px 10px #0004}.price-content{display:grid;grid-template-columns:175px minmax(320px,1fr) 275px;align-items:end;gap:28px;margin-top:18px}.price-now{display:grid;align-content:end}.price-now>span,.price-facts span{color:#aabbd2;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.price-now>strong{font-size:33px;line-height:1.1;margin-top:4px}.price-now>small{color:#aebed5}.price-level{justify-self:start;margin-top:9px;padding:4px 8px;border-radius:99px;font-size:11px;font-style:normal;font-weight:800}.price-level.low{background:#164d40;color:#67e0b7}.price-level.normal{background:#3a4560;color:#d2dded}.price-level.high{background:#633521;color:#ffb57d}.price-chart{height:105px;display:flex;align-items:flex-end;gap:4px;padding-top:8px;border-bottom:1px solid #ffffff30}.price-bar-item{height:96px;min-width:3px;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.price-bar-item i{display:block;width:100%;min-height:18px;border-radius:3px 3px 0 0;background:#4a90f3;opacity:.72;transition:opacity .15s}.price-bar-item:hover i,.price-bar-item.current i{opacity:1;background:#69a7ff}.price-bar-item.current:after{content:'';position:absolute;top:0;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff24}.price-bar-item span{height:16px;margin-top:3px;color:#8fa4c0;font-size:9px}.price-bar-item .height-0{height:18px}.price-bar-item .height-1{height:24px}.price-bar-item .height-2{height:30px}.price-bar-item .height-3{height:37px}.price-bar-item .height-4{height:43px}.price-bar-item .height-5{height:49px}.price-bar-item .height-6{height:55px}.price-bar-item .height-7{height:61px}.price-bar-item .height-8{height:68px}.price-bar-item .height-9{height:74px}.price-bar-item .height-10{height:80px}.price-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.price-facts>div{display:grid;padding:10px;border:1px solid #ffffff17;border-radius:10px;background:#ffffff09}.price-facts strong{font-size:15px}.price-facts small{color:#91a6c2}.price-source{margin:14px 0 0;color:#879ab6;font-size:11px}.price-source a{color:#a9cdff;text-decoration:underline}.price-empty{display:grid;gap:3px;margin-top:16px;padding:18px;border:1px dashed #ffffff2b;border-radius:11px;color:#dce8f8}.price-empty span{color:#9fb1ca;font-size:13px}.price-panel.unavailable{background:linear-gradient(135deg,#263347,#35445a)}

@media(max-width:950px){.price-content{grid-template-columns:160px 1fr}.price-facts{grid-column:1/-1}}
@media(max-width:620px){.price-head{flex-direction:column}.price-area-switch{width:100%}.price-area-switch button{flex:1}.price-content{grid-template-columns:1fr;gap:16px}.price-facts{grid-column:auto}.price-chart{min-width:0}.price-panel{padding:18px 16px}}

.admin-customer-actions{display:flex;align-items:flex-start;gap:7px}.password-reset{min-width:108px}.password-reset summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ccd5e2;border-radius:9px;padding:.62rem .9rem;background:#fff;color:var(--ink);cursor:pointer;font-weight:650}.password-reset summary::-webkit-details-marker{display:none}.password-reset summary:hover{border-color:var(--blue);color:var(--blue)}.password-reset[open]{min-width:285px}.password-reset[open] summary{border-color:#a8c7f7;background:#eef5ff;color:var(--blue2)}.password-reset form{display:grid;gap:11px;margin-top:9px;padding:15px;border:1px solid #dbe4f1;border-radius:11px;background:#f8faff;white-space:normal}.password-reset form>strong{font-size:14px}.password-reset form>small{max-width:250px;color:var(--muted)}.password-reset label{font-size:12px}.password-reset input{padding:.6rem .7rem}.password-reset .primary{justify-self:start}

@media(max-width:700px){.admin-customer-actions{align-items:stretch;flex-direction:column}.password-reset[open]{min-width:250px}}

/* Samlet UX-lag */
:focus-visible{outline:3px solid #2979ff55;outline-offset:2px}.mobile-nav{display:none}.theme-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border-color:#ffffff24;background:#ffffff0d;color:#dbe6f5;font-size:18px}.theme-toggle:hover{background:#ffffff18;color:#fff}.profile>span{white-space:nowrap}
.dashboard-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:27px 0 14px}.dashboard-tools .eyebrow,.dashboard-tools h2,.dashboard-tools p{margin:0}.dashboard-tools h2{font-size:23px}.dashboard-tool-actions{display:flex;align-items:center;gap:9px}.view-switch{display:flex;gap:4px;padding:4px;border-radius:11px;background:#e9eef5}.view-switch button{border:0;padding:.46rem .72rem;background:transparent;color:var(--muted);font-size:12px}.view-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #24355218}[data-reorder-toggle].active{border-color:var(--blue);background:#eaf2ff;color:var(--blue2)}
.device-card-shell{min-width:0;position:relative}.device-card-shell .device-card{height:100%;display:flex;flex-direction:column}.device-card-shell .device-card>small{margin-top:auto}.card-open{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid var(--line);color:var(--blue2);font-size:12px;font-weight:800}.reorder-controls{display:none;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:7px;border:1px dashed #a9bad2;border-radius:10px;background:#f3f7fc;color:var(--muted);font-size:11px}.reorder-controls button{padding:.32rem .62rem}.device-grid.reordering .reorder-controls{display:flex}.device-grid.reordering .device-card-shell{cursor:grab}.device-grid.reordering .device-card{pointer-events:none;border-color:#a9c7f3}.device-card-shell.dragging{opacity:.45}.device-grid.compact{grid-template-columns:repeat(4,1fr)}.device-grid.compact .device-card{padding:15px}.device-grid.compact .device-top{align-items:center}.device-grid.compact .device-icon{width:32px;height:32px;font-size:18px}.device-grid.compact .device-card h2{margin:11px 0 0}.device-grid.compact .power{font-size:23px;margin:3px 0 8px}.device-grid.compact .device-meta,.device-grid.compact .device-card>small,.device-grid.compact .card-open{display:none}.device-grid.compact .card-direction{margin:0}.friendly-empty{border:1px dashed #c5d2e3;border-radius:15px;background:#ffffff99}.friendly-empty p{max-width:430px;margin:0 auto 18px}
.metric-symbol{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:3px;border-radius:6px;font-style:normal;font-size:12px;font-weight:900}.metric-symbol.import{background:#dcecff;color:#0068a3}.metric-symbol.export{background:#ffeadc;color:#b64f00}.metric-symbol.power-icon{background:#ffffff24;color:inherit}.metric-symbol.contact{background:#dcf8eb;color:#08784a}.direction-icon{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:4px;border-radius:50%;background:currentColor;color:inherit}.card-direction .direction-icon{background:#ffffffaa}.help-tip{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;opacity:.65;font-size:11px;font-weight:800;cursor:help;vertical-align:middle}.help-tip:after{content:attr(data-tip);position:absolute;z-index:30;left:50%;bottom:calc(100% + 9px);width:230px;padding:9px 11px;border-radius:9px;background:#101827;color:#fff;box-shadow:0 8px 24px #0004;font:12px/1.4 system-ui,sans-serif;text-align:left;transform:translateX(-50%) translateY(4px);opacity:0;visibility:hidden;pointer-events:none;transition:.15s}.help-tip:hover:after,.help-tip:focus:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.price-skeleton{display:grid;grid-template-columns:175px 1fr repeat(2,120px);align-items:end;gap:20px;height:112px;margin-top:18px}.price-skeleton i{display:block;height:78px;border-radius:11px;background:linear-gradient(90deg,#ffffff0b,#ffffff25,#ffffff0b);background-size:220% 100%;animation:skeleton 1.25s ease-in-out infinite}.price-skeleton i:nth-child(2){height:96px}.price-skeleton i:nth-child(3),.price-skeleton i:nth-child(4){height:64px}.price-skeleton[hidden],.price-loaded[hidden],.price-empty[hidden],.price-source[hidden]{display:none}.price-empty button{justify-self:start;margin-top:8px;background:#ffffff12;border-color:#ffffff35;color:#fff}.chart-wrap.chart-loading:before{content:'';position:absolute;z-index:4;inset:18px 20px 42px 62px;border-radius:10px;background:linear-gradient(100deg,#eef2f7 20%,#fafcff 38%,#eef2f7 56%);background-size:220% 100%;animation:skeleton 1.25s ease-in-out infinite}.display-page .chart-wrap.chart-loading:before,.dark-theme .chart-wrap.chart-loading:before{background:linear-gradient(100deg,#192538 20%,#26344a 38%,#192538 56%);background-size:220% 100%}@keyframes skeleton{to{background-position:-220% 0}}#chart-empty button{justify-self:center;margin-top:9px}.blue{background:#0072b2}.green{background:#009e73}.orange{background:#d55e00}
.layout-settings-form{display:grid;gap:17px}.layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.layout-option{cursor:pointer}.layout-option>input{position:absolute;width:1px;height:1px;opacity:0}.layout-option>span{height:100%;display:grid;gap:4px;padding:13px;border:2px solid var(--line);border-radius:12px;background:#fff;transition:.16s}.layout-option>input:checked+span{border-color:var(--blue);background:#f3f7ff;box-shadow:0 0 0 3px #2979ff12}.layout-option>input:focus-visible+span{outline:3px solid #2979ff44}.layout-option small{color:var(--muted);font-weight:500}.layout-preview{height:48px;display:block;position:relative;border-radius:7px;background:#162238}.layout-preview:before,.layout-preview:after{content:'';position:absolute;border-radius:3px;background:#3687ff}.layout-preview.balanced:before{inset:7px 46% 7px 7px}.layout-preview.balanced:after{inset:7px 7px 27px 58%}.layout-preview.focus:before{inset:7px 35% 7px 7px}.layout-preview.focus:after{inset:7px 7px 7px 71%;background:#ff9147}.layout-preview.compact:before{inset:7px 52% 25px 7px}.layout-preview.compact:after{inset:25px 7px 7px 7px;background:#41b795}
body:has(.display-flow.layout-focus) .display-grid{grid-template-columns:2.35fr 1fr}body:has(.display-flow.layout-focus) .display-flow{grid-row:span 2;min-height:320px;display:grid;align-content:center}body:has(.display-flow.layout-focus) .display-flow>strong{font-size:38px}body:has(.display-flow.layout-focus) .display-flow>em{font-size:44px}body:has(.display-flow.layout-focus) .display-phases,body:has(.display-flow.layout-focus) .display-history{grid-column:1/-1}body:has(.display-flow.layout-compact) .display-shell{padding:14px 22px}body:has(.display-flow.layout-compact) .display-header{height:58px;margin-bottom:10px}body:has(.display-flow.layout-compact) .display-grid{gap:10px}body:has(.display-flow.layout-compact) .display-flow{min-height:126px;padding:15px 20px}body:has(.display-flow.layout-compact) .display-flow>strong{font-size:22px}body:has(.display-flow.layout-compact) .display-flow>em{font-size:25px}body:has(.display-flow.layout-compact) .display-total{padding:14px 18px}body:has(.display-flow.layout-compact) .display-phases{gap:10px}body:has(.display-flow.layout-compact) .display-phases article{padding:11px 16px}body:has(.display-flow.layout-compact) .display-history{padding:10px 14px}body:has(.display-flow.layout-compact) .display-history .chart-wrap{height:220px}
.dark-theme{--bg:#0e1625;--panel:#151f31;--ink:#ecf3fd;--muted:#99a9bf;--line:#29364a;--nav:#0a101c;--shadow:0 12px 30px rgba(0,0,0,.2);color-scheme:dark}.dark-theme .panel,.dark-theme .device-card,.dark-theme .stat,.dark-theme .device-hero,.dark-theme .settings-card,.dark-theme .settings-card-head{background:var(--panel)}.dark-theme .settings-card-head:hover{background:#1a273b}.dark-theme .settings-card-body,.dark-theme .phase-grid article,.dark-theme .history-summary article,.dark-theme .chart-surface,.dark-theme .friendly-empty{background:#111b2b}.dark-theme input,.dark-theme .file-button,.dark-theme button{background:#172338;border-color:#39475c;color:var(--ink)}.dark-theme button.primary,.dark-theme .primary{background:var(--blue);border-color:var(--blue);color:#fff}.dark-theme .view-switch{background:#101a2a}.dark-theme .view-switch button{background:transparent}.dark-theme .view-switch button.active{background:#27364d}.dark-theme .device-identity>img,.dark-theme .device-identity-mark,.dark-theme .logo-preview{background:#17253a;border-color:#34445c}.dark-theme .check,.dark-theme .reorder-controls,.dark-theme .password-reset form{background:#162237;border-color:#34445c}.dark-theme .layout-option>span{background:#142034}.dark-theme .layout-option>input:checked+span{background:#172b48}.dark-theme .screen-button{background:#172338;border-color:#39475c;color:#eaf2ff}.dark-theme .chart-tooltip{background:#1b293d;border-color:#3a4a61;color:#fff}.dark-theme .alert.success{background:#12382d;color:#8ce2c0;border-color:#285e4d}.dark-theme .alert.error{background:#48212a;color:#ffabb5;border-color:#71313e}.dark-theme .metric-symbol.import{background:#143750;color:#73c8f0}.dark-theme .metric-symbol.export{background:#4a2c1c;color:#ffad72}.dark-theme footer{color:#8293aa}
.dark-theme .mode-tabs,.dark-theme .history-head .period-tabs{background:#0f1a2b;border:1px solid #2f3e54}.dark-theme .mode-tabs button,.dark-theme .history-head .period-tabs button{background:transparent;border:0;color:#aebdd2}.dark-theme .mode-tabs button:hover,.dark-theme .history-head .period-tabs button:hover{background:#1c2b41;color:#fff}.dark-theme .mode-tabs button.active,.dark-theme .history-head .period-tabs button.active{background:#304562;color:#fff;box-shadow:0 2px 8px #0005}
.dark-theme .login-card{background:var(--panel);border-color:var(--line)}.dark-theme .login-card h1{color:var(--ink)}.dark-theme .login-card>p{color:var(--muted)}
.header-spacer{flex:1}

@media(max-width:1000px){.device-grid.compact{grid-template-columns:repeat(3,1fr)}.price-skeleton{grid-template-columns:150px 1fr}.price-skeleton i:nth-child(n+3){display:none}}
@media(max-width:700px){body:not(.display-page){padding-bottom:68px}.top nav{display:none}.top{min-height:62px;padding-bottom:0}.profile>span{display:none}.mobile-nav{position:fixed;z-index:100;left:0;right:0;bottom:0;height:62px;display:flex;justify-content:space-around;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 -8px 25px #0b183018;backdrop-filter:blur(12px)}.mobile-nav a{min-width:82px;display:grid;place-content:center;text-align:center;gap:1px;color:var(--muted);font-size:10px;font-weight:750}.mobile-nav a span{font-size:20px;color:var(--blue)}.dashboard-tools{align-items:flex-start;flex-direction:column}.dashboard-tool-actions{width:100%;align-items:stretch;flex-direction:column}.view-switch{width:100%}.view-switch button{flex:1}.device-grid.compact{grid-template-columns:repeat(2,1fr)}.price-skeleton{grid-template-columns:1fr;height:150px}.price-skeleton i{height:130px!important}.price-skeleton i:nth-child(n+2){display:none}.layout-options{grid-template-columns:1fr}.help-tip:after{left:auto;right:-20px;transform:translateY(4px)}.help-tip:hover:after,.help-tip:focus:after{transform:translateY(0)}}
@media(max-width:430px){.device-grid.compact{grid-template-columns:1fr}.device-grid.compact .device-meta{display:flex}.device-grid.compact .device-card>small{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Roller, adresser og SMTP */
select{width:100%;border:1px solid #cbd4e1;border-radius:9px;padding:.72rem .8rem;background:#fff;color:var(--ink);font:inherit}select:focus{outline:3px solid #2979ff22;border-color:var(--blue)}
.span2{grid-column:2}.smtp-form{display:grid;grid-template-columns:2fr .7fr 1.4fr 1.4fr;gap:14px;align-items:end}.smtp-security{display:grid;align-content:center;min-height:48px;padding:8px 12px;border-radius:9px;background:#e8f7f1;color:#08784a}.smtp-security span{font-weight:800}.smtp-security small{color:#3e7764}.inline-form{display:flex;align-items:center;gap:7px}.inline-form select{min-width:165px}.inline-form button{white-space:nowrap}
.admin-create-panel{max-width:560px}.admin-settings-button{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);font-weight:750}.admin-settings-button span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e8f1ff;color:var(--blue);font-size:18px}.admin-settings-button:hover{border-color:#b9cdf2;color:var(--blue2)}.admin-settings-panel{padding:26px}.settings-page-heading{display:flex;align-items:center;gap:14px;margin-bottom:23px}.settings-page-heading h2,.settings-page-heading p{margin:0}.settings-page-icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:#e8f1ff;color:var(--blue);font-size:23px}
.address-form{display:grid;grid-template-columns:1.5fr 2fr .7fr 1.2fr auto;align-items:end;gap:12px}.address-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.address-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);transition:.18s}.address-card:hover{transform:translateY(-2px);border-color:#b9cdf2}.address-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:#e8f1ff;color:var(--blue);font-size:21px}.address-card h2{margin:0;font-size:18px}.address-card p{margin:3px 0 0;color:var(--muted)}.address-card .address-counts,.address-card em{grid-column:1/-1}.address-card em{font-style:normal;color:var(--blue2);font-size:12px;font-weight:800}.address-counts{display:flex;align-items:center;gap:10px}.address-counts span{padding:5px 9px;border-radius:99px;background:#eef3f9;color:var(--muted);font-size:12px}.address-counts b{color:var(--ink)}
.address-hero{position:relative;margin-bottom:22px;padding:27px 29px;border-radius:17px;background:linear-gradient(125deg,#154d9e,#2f89f4);color:#fff;box-shadow:0 14px 35px #1456bd22}.address-hero>a{display:inline-block;margin-bottom:17px;color:#dceaff;font-weight:700}.address-hero .eyebrow,.address-hero h1,.address-hero>p{margin:0}.address-hero .eyebrow{color:#dceaff}.address-hero h1{font-size:31px}.address-hero>p{color:#e7f1ff}.address-hero .address-counts{position:absolute;right:26px;bottom:26px}.address-hero .address-counts span{background:#ffffff20;color:#dceaff}.address-hero .address-counts b{color:#fff}.address-manage-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.address-manage-grid .panel{margin:0 0 20px}.address-manage-grid fieldset{margin:18px 0;padding:0;border:0}.address-manage-grid legend{margin-bottom:9px;font-weight:800}
.address-edit-button{margin-top:18px;border-color:#ffffff55;background:#ffffff17;color:#fff}.address-edit-button:hover{border-color:#fff;background:#ffffff25;color:#fff}.address-edit-panel{border-color:#bad0f2}.address-edit-panel .panel-title{margin-bottom:18px}
.customer-chip-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.customer-chip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.customer-chip>span{display:grid;min-width:0}.customer-chip b{overflow:hidden;text-overflow:ellipsis}.customer-chip small{color:var(--muted)}.customer-chip form{flex:0 0 auto}.inline-empty{grid-column:1/-1;padding:26px;border:1px dashed #c5d2e3;border-radius:13px;color:var(--muted);text-align:center}.customer-address{margin-bottom:27px;padding:20px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel) 68%,transparent)}.customer-address>header{display:flex;align-items:center;gap:13px;margin-bottom:17px}.customer-address>header div{flex:1}.customer-address>header h2,.customer-address>header p{margin:0}.customer-address>header p,.customer-address>header>span:last-child{color:var(--muted);font-size:13px}.electrician-device-grid{margin-bottom:20px}
[data-device-grid].reordering .reorder-controls{display:flex}[data-device-grid].reordering .device-card-shell{cursor:grab}[data-device-grid].reordering .device-card{pointer-events:none;border-color:#a9c7f3}[data-device-grid].compact .device-grid{grid-template-columns:repeat(4,1fr)}[data-device-grid].compact .device-card{padding:15px}[data-device-grid].compact .device-top{align-items:center}[data-device-grid].compact .device-icon{width:32px;height:32px;font-size:18px}[data-device-grid].compact .device-card h2{margin:11px 0 0}[data-device-grid].compact .power{font-size:23px;margin:3px 0 8px}[data-device-grid].compact .device-meta,[data-device-grid].compact .device-card>small,[data-device-grid].compact .card-open{display:none}[data-device-grid].compact .card-direction{margin:0}
.dark-theme label{color:#cbd6e6}.dark-theme select{background:#172338;border-color:#39475c;color:var(--ink)}.dark-theme .address-card,.dark-theme .customer-address{background:var(--panel)}.dark-theme .customer-chip,.dark-theme .inline-empty{background:#111b2b}.dark-theme .address-counts span{background:#202d41}.dark-theme .smtp-security{background:#12382d;color:#8ce2c0}.dark-theme .smtp-security small{color:#86bca8}
.dark-theme .admin-settings-button{background:var(--panel);border-color:var(--line);color:var(--ink)}.dark-theme .admin-settings-button span,.dark-theme .settings-page-icon{background:#172b48}
.active-role-badge{padding:3px 7px;border-radius:99px;background:#ffffff14;color:#aecdff;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.role-switch-form{display:inline}.role-switch-form button{padding:.42rem .7rem;border-color:#ffffff2b;background:#ffffff0d;color:#dce8f8;font-size:12px}.role-switch-form button:hover{background:#ffffff18;border-color:#ffffff50;color:#fff}.role-choice-shell{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:34px 0}.role-choice-card{width:min(100%,760px);text-align:center}.role-choice-card h1{margin:11px 0 4px;font-size:30px}.role-choice-card>p{margin:0 0 27px}.role-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left}.role-choice-grid form{display:flex}.role-choice-grid button{width:100%;min-height:235px;display:flex;align-items:flex-start;flex-direction:column;padding:26px;border-radius:17px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink)}.role-choice-grid button:hover{transform:translateY(-2px);border-color:#93b9f5;color:var(--ink)}.role-choice-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:13px;background:#e8f1ff;color:var(--blue);font-size:25px}.role-choice-grid strong{font-size:21px}.role-choice-grid small{margin-top:6px;color:var(--muted);font-weight:500}.role-choice-grid em{margin-top:auto;padding-top:25px;color:var(--blue2);font-style:normal;font-weight:800}.dark-theme .role-choice-grid button{background:var(--panel);border-color:var(--line)}.dark-theme .role-choice-grid button:hover{background:#1a273b;border-color:#426b9f}.dark-theme .role-choice-icon{background:#172b48;color:#73aaff}@media(max-width:700px){.role-choice-grid{grid-template-columns:1fr}.role-choice-grid button{min-height:190px}.profile>span,.active-role-badge{display:none}.role-switch-form button{font-size:0}.role-switch-form button:after{content:'Skift rolle';font-size:12px}}
.login-help-link{display:block;text-align:center;font-weight:700}.login-cancel-form{text-align:center;margin-top:13px}.login-wide-link{display:block;text-align:center}.security-code-input{text-align:center;font-size:24px;font-weight:800;letter-spacing:.25em;font-variant-numeric:tabular-nums}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.security-panel .panel-title,.pricing-settings .panel-title,.diagnostics-panel .panel-title,.report-table-panel .panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-title h2,.panel-title p{margin:0}.security-status,.diagnostic-health{padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap}.security-status.enabled,.diagnostic-health.good{background:#dff7ec;color:#08784a}.security-status.disabled{background:#eef1f5;color:#687388}.diagnostic-health.warning{background:#fff3d5;color:#795600}.diagnostic-health.bad{background:#ffeaed;color:#a62838}.pricing-form{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;align-items:end;margin-top:20px}.pricing-form button{height:44px}.pricing-note{margin:15px 0 0;color:var(--muted);font-size:12px}.diagnostics-panel{margin-top:20px}.diagnostic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.diagnostic-grid article{display:grid;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.diagnostic-grid span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.diagnostic-grid strong{margin:4px 0;font-size:17px}.diagnostic-grid small{color:var(--muted)}.diagnostic-note{margin:15px 0 0}.report-periods{display:flex;gap:5px;margin:-8px 0 18px;padding:4px;border-radius:11px;background:#e9eef5;width:max-content}.report-periods a{padding:7px 15px;border-radius:8px;color:var(--muted);font-weight:750}.report-periods a.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #24355218}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.report-summary article{display:grid;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.report-summary span{color:var(--muted);font-size:12px}.report-summary strong{font-size:22px}.report-disclaimer{text-align:center;color:var(--muted);font-size:11px}.dark-theme .security-status.enabled,.dark-theme .diagnostic-health.good{background:#12382d;color:#8ce2c0}.dark-theme .security-status.disabled{background:#202d41;color:#aab9cd}.dark-theme .diagnostic-health.warning{background:#49391a;color:#ffd47e}.dark-theme .diagnostic-health.bad{background:#48212a;color:#ffabb5}.dark-theme .diagnostic-grid article{background:#111b2b}.dark-theme .report-periods{background:#101a2a}.dark-theme .report-periods a.active{background:#27364d;color:#fff}@media(max-width:900px){.account-grid{grid-template-columns:1fr}.pricing-form{grid-template-columns:1fr 1fr}.diagnostic-grid,.report-summary{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pricing-form,.diagnostic-grid,.report-summary{grid-template-columns:1fr}}
@media print{.top,.mobile-nav,footer,.no-print,.impersonation{display:none!important}.wrap{max-width:none;padding:0;min-height:auto}.report-page{color:#000}.panel,.report-summary article{box-shadow:none;border-color:#bbb;background:#fff}.report-table-panel{padding:0;border:0}.report-table-panel table{font-size:10px}.report-disclaimer{margin-top:20px}body{background:#fff;color:#000}}
.price-cost-today{display:grid;margin-top:12px;padding-top:10px;border-top:1px solid #ffffff1c}.price-cost-today span{color:#aabbd2;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.price-cost-today b{font-size:18px}
@media(max-width:1000px){.smtp-form{grid-template-columns:1fr 1fr}.address-form{grid-template-columns:1fr 1fr}.address-grid{grid-template-columns:repeat(2,1fr)}[data-device-grid].compact .device-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.span2{grid-column:auto}.smtp-form,.address-form,.address-manage-grid,.customer-chip-list{grid-template-columns:1fr}.address-grid{grid-template-columns:1fr}.address-hero .address-counts{position:static;margin-top:18px}.inline-form{align-items:stretch;flex-direction:column}.customer-address{padding:14px}.customer-address>header{align-items:flex-start;flex-wrap:wrap}.customer-address>header>span:last-child{margin-left:55px;width:100%}[data-device-grid].compact .device-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){[data-device-grid].compact .device-grid{grid-template-columns:1fr}[data-device-grid].compact .device-meta{display:flex}[data-device-grid].compact .device-card>small{display:block}}