/* /Components/AuthShell.razor.rz.scp.css */
.auth-shell[b-8zuyr0dr59] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; color: var(--ink); }
.auth-brand-panel[b-8zuyr0dr59] { display: flex; flex-direction: column; justify-content: space-between; gap: 64px; padding: clamp(28px, 5vw, 80px); color: #fff; background: linear-gradient(160deg, #001f1b 45%, #073a32); }
.auth-brand[b-8zuyr0dr59] { display: inline-flex; align-items: center; gap: 14px; align-self: flex-start; color: white; font-size: 25px; font-weight: 600; letter-spacing: -.04em; text-decoration: none; }
.auth-mark[b-8zuyr0dr59] { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: var(--forest); background: var(--accent); font-size: 34px; }
.auth-eyebrow[b-8zuyr0dr59] { margin: 0 0 18px; color: var(--muted); font: 10px/1.5 Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; }
.auth-brand-panel .auth-eyebrow[b-8zuyr0dr59] { color: #98bcaa; }
.auth-brand-copy h2[b-8zuyr0dr59] { margin: 0 0 28px; font-size: clamp(36px, 4.5vw, 68px); font-weight: 350; letter-spacing: -.06em; line-height: 1.1; }
.auth-brand-copy h2 span[b-8zuyr0dr59] { color: #99cc9b; }
.auth-brand-copy > p:last-child[b-8zuyr0dr59] { max-width: 340px; color: #afc7bc; font-size: 15px; line-height: 1.8; }
.auth-footnote[b-8zuyr0dr59] { color: #98bcaa; font-size: 12px; }
.auth-content[b-8zuyr0dr59] { display: grid; place-items: center; padding: 64px 40px; }
.auth-card[b-8zuyr0dr59] { width: 100%; max-width: 440px; }
.auth-card h1[b-8zuyr0dr59] { margin: 0 0 18px; font-size: 40px; font-weight: 400; letter-spacing: -.05em; }
.auth-intro[b-8zuyr0dr59] { margin-bottom: 30px; color: var(--muted); line-height: 1.7; }
.auth-card[b-8zuyr0dr59]  .auth-notice { margin: 24px 0; padding: 17px 19px; border: 1px solid #cfe2c9; border-radius: 12px; background: var(--accent-soft); font-size: 13px; line-height: 1.65; }
.auth-card[b-8zuyr0dr59]  .auth-notice strong { display: block; margin-bottom: 5px; }
.auth-card[b-8zuyr0dr59]  .auth-notice p { margin: 0; }
.auth-card[b-8zuyr0dr59]  .auth-error { padding: 14px 16px; margin: 20px 0; border: 1px solid #e6b5ad; border-radius: 10px; background: var(--danger-soft); color: var(--danger); font-size: 14px; line-height: 1.5; }
.auth-card[b-8zuyr0dr59]  .auth-form label { display: block; font-weight: 600; font-size: 13px; margin-bottom: 10px; }
.auth-card[b-8zuyr0dr59]  .auth-form select { width: 100%; padding: 15px 14px; border: 1px solid var(--line); border-radius: 10px; background: white; color: var(--ink); }
.auth-card[b-8zuyr0dr59]  .auth-submit, .auth-card[b-8zuyr0dr59]  .auth-link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 22px; padding: 14px 24px; border: 0; border-radius: 24px; background: var(--forest); color: white; font-weight: 600; text-decoration: none; }
.auth-card[b-8zuyr0dr59]  .auth-submit { width: 100%; }
.auth-card[b-8zuyr0dr59]  .auth-submit:hover, .auth-card[b-8zuyr0dr59]  .auth-link:hover { background: var(--forest-raised); }
.auth-card[b-8zuyr0dr59]  .auth-secondary { display: inline-block; margin: 20px 0 0 18px; color: var(--forest); font-size: 14px; }
.auth-card[b-8zuyr0dr59]  .auth-description { margin-top: 18px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.auth-card[b-8zuyr0dr59]  .auth-description dt { margin-top: 12px; color: var(--ink); font-weight: 600; }
.auth-card[b-8zuyr0dr59]  .auth-description dd { margin: 3px 0 0; }
@media (max-width: 800px) { .auth-shell[b-8zuyr0dr59] { grid-template-columns: 1fr; } .auth-brand-panel[b-8zuyr0dr59] { gap: 28px; padding: 28px; } .auth-brand-copy h2[b-8zuyr0dr59] { font-size: 36px; margin: 0; } .auth-brand-copy > p[b-8zuyr0dr59], .auth-footnote[b-8zuyr0dr59] { display: none; } .auth-content[b-8zuyr0dr59] { padding: 40px 24px 60px; } .auth-card h1[b-8zuyr0dr59] { font-size: 34px; } }
/* /Components/EnergyDemandHero.razor.rz.scp.css */
.demand-hero[b-wcvjyoru51] { position: relative; overflow: hidden; padding: 32px 56px 112px; color: #fff; background: linear-gradient(0deg, #073a32 0%, #001f1b 52%); }
.demand-topline[b-wcvjyoru51] { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.demand-kicker[b-wcvjyoru51] { margin: 0; color: #8db89c; font: 500 10px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; text-transform: uppercase; }
.demand-status-line[b-wcvjyoru51] { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; color: #aec5ba; font-size: .73rem; }
.demand-connection[b-wcvjyoru51] { display: inline-flex; align-items: center; gap: 8px; color: #8fe880; }
.demand-connection i[b-wcvjyoru51] { width: 6px; height: 6px; border-radius: 50%; background: #4ac337; }
.demand-connection.unavailable[b-wcvjyoru51] { color: #f0bf98; }
.demand-connection.unavailable i[b-wcvjyoru51] { background: #e6ad73; }
.demand-connection.synthetic[b-wcvjyoru51] { color: #d9d2a0; }
.demand-connection.synthetic i[b-wcvjyoru51] { background: #d7c477; }
.demand-received[b-wcvjyoru51] { font-variant-numeric: tabular-nums; }
.demand-controls[b-wcvjyoru51] { position: relative; margin-top: 24px; }
.demand-layout[b-wcvjyoru51] { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px; margin-top: 38px; }
.demand-primary[b-wcvjyoru51], .demand-electrical[b-wcvjyoru51] { min-width: 0; }
.demand-heading[b-wcvjyoru51] { min-height: 44px; color: #fff; font-size: 1.8rem; font-weight: 300; line-height: 1.4; }
.demand-label[b-wcvjyoru51] { margin-top: 31px; }
.demand-number[b-wcvjyoru51] { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 14px; margin-top: 12px; }
.demand-value[b-wcvjyoru51] { font-size: clamp(5rem, 9.5vw, 9.25rem); font-weight: 200; line-height: .94; letter-spacing: -.075em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.demand-number.unavailable .demand-value[b-wcvjyoru51] { color: #b2c8bf; }
.demand-unit[b-wcvjyoru51] { padding-bottom: 8px; color: #61d84d; font-size: 1.25rem; font-weight: 400; }
.demand-trace[b-wcvjyoru51] { margin-top: 15px; }
.demand-trace svg[b-wcvjyoru51] { display: block; width: 100%; height: 76px; overflow: visible; }
.demand-trace-caption[b-wcvjyoru51] { margin: 7px 0 0; color: #92b2a4; font-size: .64rem; line-height: 1.6; font-variant-numeric: tabular-nums; }
.demand-trace-empty[b-wcvjyoru51] { display: flex; align-items: flex-end; width: 100%; height: 76px; padding-bottom: 8px; }
.demand-trace-empty span[b-wcvjyoru51] { width: 100%; height: 1px; background: #547669; opacity: .45; }
.demand-detail[b-wcvjyoru51] { margin: 13px 0 0; max-width: 580px; color: #b1c9bc; font-size: .74rem; line-height: 1.7; }
.demand-electrical[b-wcvjyoru51] { padding-left: 16px; padding-top: 7px; }
.demand-stats[b-wcvjyoru51] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 23px 0; border-top: 1px solid #ffffff20; border-bottom: 1px solid #ffffff20; }
.demand-stats div[b-wcvjyoru51] { min-width: 0; }
.demand-stats dt[b-wcvjyoru51] { color: #8db89c; font: 500 10px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .14em; text-transform: uppercase; }
.demand-stats dd[b-wcvjyoru51] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px; margin: 11px 0 4px; color: #fff; font-size: clamp(1.3rem, 2.1vw, 1.95rem); font-weight: 300; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.demand-stats dd span[b-wcvjyoru51] { color: #a5c4b4; font-size: .73rem; font-weight: 400; }
.demand-stats small[b-wcvjyoru51] { color: #8eafa0; font-size: .61rem; line-height: 1.5; }
.demand-phase-heading[b-wcvjyoru51] { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 27px; }
.demand-phase-heading > span[b-wcvjyoru51] { color: #8eafa0; font-size: .62rem; }
.demand-phases[b-wcvjyoru51] { display: grid; gap: 18px; margin-top: 20px; }
.demand-phase[b-wcvjyoru51] { display: grid; grid-template-columns: 22px minmax(24px, 1fr) auto; gap: 12px; align-items: center; }
.demand-phase-id[b-wcvjyoru51] { color: #9bc3ad; font: 400 .72rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.demand-phase-track[b-wcvjyoru51] { height: 5px; background: #ffffff15; border-radius: 10px; overflow: hidden; }
.demand-phase-track > div[b-wcvjyoru51] { height: 100%; background: #4ac337; border-radius: inherit; transition: width .2s ease; }
.demand-phase-values[b-wcvjyoru51] { color: #d5e4dc; font-size: .78rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.demand-phase-values small[b-wcvjyoru51] { color: #9ab8a9; font-size: .7rem; }
.demand-phase-values b[b-wcvjyoru51] { margin: 0 7px; color: #709c85; font-weight: 400; }
.demand-phase-note[b-wcvjyoru51] { margin: 20px 0 0; color: #8eafa0; font-size: .65rem; line-height: 1.7; }
@media (max-width: 1200px) {
    .demand-hero[b-wcvjyoru51] { padding-right: 32px; padding-left: 32px; }
    .demand-layout[b-wcvjyoru51] { gap: 28px; }
    .demand-electrical[b-wcvjyoru51] { padding-left: 0; }
    .demand-phase[b-wcvjyoru51] { grid-template-columns: 20px minmax(20px, 1fr); gap: 8px 10px; }
    .demand-phase-values[b-wcvjyoru51] { grid-column: 2; }
    .demand-phases[b-wcvjyoru51] { gap: 12px; }
}
@media (max-width: 900px) {
    .demand-hero[b-wcvjyoru51] { padding-top: 28px; }
    .demand-layout[b-wcvjyoru51] { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-top: 28px; }
    .demand-value[b-wcvjyoru51] { font-size: clamp(5.5rem, 16vw, 8rem); }
    .demand-electrical[b-wcvjyoru51] { padding-top: 0; }
    .demand-phase[b-wcvjyoru51] { grid-template-columns: 24px minmax(20px, 1fr) auto; }
    .demand-phase-values[b-wcvjyoru51] { grid-column: auto; }
    .demand-stats dd[b-wcvjyoru51] { font-size: 1.8rem; }
}
@media (max-width: 600px) {
    .demand-hero[b-wcvjyoru51] { padding: 23px 20px 96px; }
    .demand-topline[b-wcvjyoru51] { align-items: flex-start; flex-direction: column; gap: 10px; }
    .demand-status-line[b-wcvjyoru51] { gap: 8px 14px; font-size: .69rem; }
    .demand-layout[b-wcvjyoru51] { gap: 24px; }
    .demand-heading[b-wcvjyoru51] { font-size: 1.3rem; }
    .demand-label[b-wcvjyoru51] { margin-top: 24px; }
    .demand-value[b-wcvjyoru51] { font-size: clamp(3.9rem, 19vw, 6rem); letter-spacing: -.07em; }
    .demand-unit[b-wcvjyoru51] { padding-bottom: 4px; font-size: 1rem; }
    .demand-number[b-wcvjyoru51] { gap: 9px; }
    .demand-stats[b-wcvjyoru51] { gap: 9px; padding: 19px 0; }
    .demand-stats dt[b-wcvjyoru51] { font-size: 9px; letter-spacing: .1em; }
    .demand-stats dd[b-wcvjyoru51] { font-size: 1.45rem; }
    .demand-stats small[b-wcvjyoru51] { font-size: .58rem; }
    .demand-phase-values[b-wcvjyoru51] { font-size: .72rem; }
    .demand-phase-values b[b-wcvjyoru51] { margin: 0 4px; }
    .demand-phase-note[b-wcvjyoru51] { font-size: .62rem; }
}
@media (prefers-reduced-motion: reduce) { .demand-phase-track > div[b-wcvjyoru51] { transition: none; } }
.demand-contributions[b-wcvjyoru51] { max-height: 240px; overflow-y: auto; margin-top: 15px; padding-right: 8px; }
.demand-contributions > div[b-wcvjyoru51] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 0; border-bottom: 1px solid #ffffff19; font-size: 13px; }
.demand-contributions span[b-wcvjyoru51] { overflow-wrap: anywhere; min-width: 0; }
.demand-contributions small[b-wcvjyoru51] { display: block; margin-top: 5px; color: #a3bcae; font-size: 10px; }
.demand-contributions strong[b-wcvjyoru51] { flex-shrink: 0; color: #a4e89a; font-weight: 500; font-variant-numeric: tabular-nums; }

.demand-phase[b-wcvjyoru51] { grid-template-columns: minmax(90px, 1fr) minmax(24px, 1fr) auto; }
.demand-phase-id[b-wcvjyoru51] { overflow-wrap: anywhere; }
@media (max-width: 600px) { .demand-phase[b-wcvjyoru51] { grid-template-columns: minmax(70px, 1fr) minmax(20px, 1fr); } .demand-phase-values[b-wcvjyoru51] { grid-column: 2; } }
/* /Components/EnergyHistoryComparison.razor.rz.scp.css */
.comparison[b-h1dfksfiy3] { margin-top: 40px; min-width: 0; }
header[b-h1dfksfiy3] { padding-bottom: 17px; border-bottom: 1px solid var(--ink); }
.eyebrow[b-h1dfksfiy3] { margin: 0; font: 10px/1.6 Consolas, monospace; letter-spacing: .15em; color: var(--muted); text-transform: uppercase; }
h2[b-h1dfksfiy3] { margin: 4px 0 0; font-size: 25px; font-weight: 350; letter-spacing: -.035em; }
h2 span[b-h1dfksfiy3] { color: var(--muted); }
.source-notice[b-h1dfksfiy3] { margin-top: 18px; padding: 15px; border-left: 2px solid #d4c57d; color: #686038; background: #f7f6e9; font-size: 12px; line-height: 1.7; }
.source-notice p[b-h1dfksfiy3] { margin: 4px 0 0; }
.solar-empty[b-h1dfksfiy3] { display: grid; place-items: center; min-height: 160px; color: var(--muted); font-size: 13px; border-bottom: 1px solid var(--line); }
figure[b-h1dfksfiy3] { margin: 0; }
figcaption[b-h1dfksfiy3] { margin: 24px 0; color: var(--muted); font: 10px Consolas, monospace; }
.plot-wrap[b-h1dfksfiy3] { display: flex; gap: 12px; padding-top: 20px; }
.axis[b-h1dfksfiy3] { display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 54px; height: 240px; color: var(--muted); font: 10px Consolas, monospace; text-align: right; }
.axis span[b-h1dfksfiy3] { transform: translateY(-50%); }
.axis span:last-child[b-h1dfksfiy3] { transform: translateY(50%); }
.plot[b-h1dfksfiy3] { position: relative; display: flex; gap: 3px; flex: 1; min-width: 0; height: 268px; background: repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%); background-size: 100% 240px; background-repeat: no-repeat; }
.column[b-h1dfksfiy3] { display: flex; flex-direction: column; align-items: center; flex: 1 1 0; min-width: 0; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; cursor: crosshair; }
.column:focus-visible[b-h1dfksfiy3] { outline: 2px solid var(--forest); outline-offset: 3px; }
.track[b-h1dfksfiy3] { display: flex; align-items: flex-end; justify-content: center; flex: 1; min-height: 0; width: 100%; border-bottom: 1px solid #102f2966; }
.stack[b-h1dfksfiy3] { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; max-width: 28px; }
.segment[b-h1dfksfiy3] { display: block; flex-shrink: 0; width: 100%; }
.usage[b-h1dfksfiy3] { background: var(--energy-usage); }
.solar[b-h1dfksfiy3] { background: var(--energy-generation); }
.segment.solar + .segment.usage[b-h1dfksfiy3] { box-shadow: inset 0 1px 0 var(--surface); }
.bar[b-h1dfksfiy3] { width: 100%; max-width: 28px; }
.measured-zero[b-h1dfksfiy3] { height: 3px; background: #102f29b3; }
.missing[b-h1dfksfiy3] { height: 14%; background: repeating-linear-gradient(45deg,#c4d3cb 0 2px,transparent 2px 6px); }
.future[b-h1dfksfiy3] { height: 2px; background: #dce6df; }
.tick[b-h1dfksfiy3] { display: block; width: max-content; height: 28px; padding-top: 12px; color: var(--muted); font: 9px/1 Consolas, monospace; white-space: nowrap; }
.quiet[b-h1dfksfiy3] { visibility: hidden; }
.tooltip[b-h1dfksfiy3] { position: absolute; bottom: calc(100% + 8px); left: 50%; z-index: 4; display: grid; gap: 5px; width: max-content; max-width: 100%; padding: 12px; background: var(--forest); color: white; font-size: 12px; transform: translateX(-50%); visibility: hidden; pointer-events: none; text-align: left; }
.column:is(:hover,:focus-visible) .tooltip[b-h1dfksfiy3] { visibility: visible; }
.legend[b-h1dfksfiy3] { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; color: var(--muted); font-size: 11px; }
.legend span[b-h1dfksfiy3] { display: inline-flex; align-items: center; gap: 7px; }
.legend i[b-h1dfksfiy3] { width: 11px; height: 11px; }
.chart-note[b-h1dfksfiy3] { color: var(--muted); font-size: 11px; line-height: 1.7; }
details[b-h1dfksfiy3] { margin-top: 18px; font-size: 12px; }
.table-scroll[b-h1dfksfiy3] { overflow: auto; max-height: 360px; }
table[b-h1dfksfiy3] { width: 100%; border-collapse: collapse; text-align: left; }
th[b-h1dfksfiy3],td[b-h1dfksfiy3] { padding: 10px; border-bottom: 1px solid var(--line); }
@media(max-width:700px) { .axis[b-h1dfksfiy3] { flex-basis: 48px; } .plot-wrap[b-h1dfksfiy3] { gap: 8px; } .column:not(:first-child):not(:last-child) .tick[b-h1dfksfiy3] { visibility: hidden; } h2[b-h1dfksfiy3] { font-size: 22px; } }

.synthetic-note[b-h1dfksfiy3] { color: #75610c; font-size: 12px; padding: 10px 14px; background: #f7f6e9; }

.plot-wrap[b-h1dfksfiy3] { overflow-x: auto; padding-bottom: 14px; }
.axis[b-h1dfksfiy3] { position: sticky; left: 0; z-index: 2; background: var(--canvas); }

.tooltip[b-h1dfksfiy3] { display: none; }
/* /Components/EnergyRail.razor.rz.scp.css */
.energy-rail[b-ukqr5ju7r0] { position: sticky; top: 0; z-index: 40; align-self: start; display: flex; flex-direction: column; align-items: center; width: 84px; height: 100vh; padding: 28px 16px; color: #7fa396; background: #001f1b; }
.rail-brand[b-ukqr5ju7r0] { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; margin-bottom: 40px; border-radius: 50%; color: #001f1b; background: #4ac337; }
.energy-rail nav[b-ukqr5ju7r0] { display: flex; flex-direction: column; gap: 8px; }
.rail-link[b-ukqr5ju7r0] { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: #7fa396; text-decoration: none; transition: color .15s, background .15s; }
.rail-link:hover[b-ukqr5ju7r0], .rail-link:focus-visible[b-ukqr5ju7r0] { color: #fff; background: #073a32; }
.rail-link.active[b-ukqr5ju7r0] { background: #073a32; color: #4ac337; }
.rail-tooltip[b-ukqr5ju7r0] { position: absolute; left: 53px; z-index: 50; width: max-content; padding: 8px 11px; border-radius: 5px; color: #fff; background: #073a32; font-size: 12px; font-weight: 500; opacity: 0; pointer-events: none; box-shadow: 0 4px 12px #001f1b26; transition: opacity .15s; }
.rail-link:hover .rail-tooltip[b-ukqr5ju7r0], .rail-link:focus-visible .rail-tooltip[b-ukqr5ju7r0] { opacity: 1; }
.energy-rail :is(a, summary, button):focus-visible[b-ukqr5ju7r0] { outline: 2px solid #4ac337; outline-offset: 4px; }
.skip-link[b-ukqr5ju7r0] { position: fixed; left: 12px; top: -80px; z-index: 60; padding: 12px; border-radius: 8px; color: #001f1b; background: #4ac337; }
.skip-link:focus[b-ukqr5ju7r0] { top: 12px; }
.rail-account[b-ukqr5ju7r0] { position: relative; margin-top: auto; }
.rail-account summary[b-ukqr5ju7r0] { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #31534a; border-radius: 50%; color: #afc7bc; cursor: pointer; list-style: none; }
.rail-account summary[b-ukqr5ju7r0]::-webkit-details-marker { display: none; }
.rail-account[open] summary[b-ukqr5ju7r0], .rail-account summary:hover[b-ukqr5ju7r0] { background: #073a32; color: white; }
.account-menu[b-ukqr5ju7r0] { position: absolute; left: 57px; bottom: 0; z-index: 60; width: 246px; max-width: calc(100vw - 32px); padding: 20px; border: 1px solid #31534a; border-radius: 12px; color: white; background: #073a32; box-shadow: 0 10px 30px #001f1b33; overflow-wrap: anywhere; }
.account-menu strong[b-ukqr5ju7r0] { display: block; font-size: 15px; }
.account-role[b-ukqr5ju7r0] { display: block; margin-top: 6px; color: #b8d2c6; font-size: 12px; }
.account-menu p[b-ukqr5ju7r0] { margin: 14px 0; color: #b8d2c6; font-size: 12px; }
.account-menu button[b-ukqr5ju7r0] { display: flex; width: 100%; justify-content: space-between; padding: 12px 0 0; border: 0; border-top: 1px solid #31534a; color: #a5df96; background: transparent; font-size: 14px; }
@media (max-width: 900px) {
    .energy-rail[b-ukqr5ju7r0] { position: relative; width: 100%; height: auto; flex-direction: row; gap: 18px; padding: 16px 24px; }
    .rail-brand[b-ukqr5ju7r0] { margin: 0; }
    .energy-rail nav[b-ukqr5ju7r0] { flex-direction: row; gap: 6px; }
    .rail-account[b-ukqr5ju7r0] { margin: 0 0 0 auto; }
    .rail-tooltip[b-ukqr5ju7r0] { top: 52px; left: 50%; transform: translateX(-50%); }
    .account-menu[b-ukqr5ju7r0] { top: 54px; right: 0; left: auto; bottom: auto; }
}
@media (max-width: 400px) {
    .energy-rail[b-ukqr5ju7r0] { gap: 12px; padding: 14px 16px; }
    .energy-rail nav[b-ukqr5ju7r0] { gap: 2px; }
    .rail-link[b-ukqr5ju7r0], .rail-account summary[b-ukqr5ju7r0] { width: 38px; height: 40px; }
    .rail-tooltip[b-ukqr5ju7r0] { font-size: 11px; }
    .rail-link:last-child .rail-tooltip[b-ukqr5ju7r0] { left: auto; right: -8px; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .rail-link[b-ukqr5ju7r0], .rail-tooltip[b-ukqr5ju7r0] { transition: none; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-cjk0c8f73i] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-cjk0c8f73i] {
    flex: 1;
}

.sidebar[b-cjk0c8f73i] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-cjk0c8f73i] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-cjk0c8f73i]  a, .top-row[b-cjk0c8f73i]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-cjk0c8f73i]  a:hover, .top-row[b-cjk0c8f73i]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-cjk0c8f73i]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-cjk0c8f73i] {
        justify-content: space-between;
    }

    .top-row[b-cjk0c8f73i]  a, .top-row[b-cjk0c8f73i]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-cjk0c8f73i] {
        flex-direction: row;
    }

    .sidebar[b-cjk0c8f73i] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-cjk0c8f73i] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-cjk0c8f73i]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-cjk0c8f73i], article[b-cjk0c8f73i] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-cjk0c8f73i] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-cjk0c8f73i] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2jlu2rkqoy] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-2jlu2rkqoy] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-2jlu2rkqoy] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2jlu2rkqoy] {
    font-size: 1.1rem;
}

.bi[b-2jlu2rkqoy] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2jlu2rkqoy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2jlu2rkqoy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2jlu2rkqoy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2jlu2rkqoy] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-2jlu2rkqoy] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-2jlu2rkqoy] {
        padding-bottom: 1rem;
    }

    .nav-item[b-2jlu2rkqoy]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-2jlu2rkqoy]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-2jlu2rkqoy]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-2jlu2rkqoy] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-2jlu2rkqoy] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-2jlu2rkqoy] {
        display: none;
    }

    .nav-scrollable[b-2jlu2rkqoy] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ti55osomig],
.components-reconnect-repeated-attempt-visible[b-ti55osomig],
.components-reconnect-failed-visible[b-ti55osomig],
.components-pause-visible[b-ti55osomig],
.components-resume-failed-visible[b-ti55osomig],
.components-rejoining-animation[b-ti55osomig] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ti55osomig],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ti55osomig],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ti55osomig],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ti55osomig],
#components-reconnect-modal.components-reconnect-retrying[b-ti55osomig],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ti55osomig],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ti55osomig],
#components-reconnect-modal.components-reconnect-failed[b-ti55osomig],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ti55osomig] {
    display: block;
}


#components-reconnect-modal[b-ti55osomig] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ti55osomig 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ti55osomig 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ti55osomig 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ti55osomig]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ti55osomig 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ti55osomig {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ti55osomig {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ti55osomig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ti55osomig] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ti55osomig] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ti55osomig] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ti55osomig] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ti55osomig] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-ti55osomig] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ti55osomig] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ti55osomig 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ti55osomig] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ti55osomig {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/MachineMappingFields.razor.rz.scp.css */
.machine-mapping[b-ymmguc2azk] { display: grid; gap: 14px; margin-top: 16px; min-width: 0; }
label[b-ymmguc2azk] { display: grid; gap: 8px; font-size: 13px; font-weight: 500; min-width: 0; }
.help[b-ymmguc2azk] { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
/* /Components/Pages/Admin.razor.rz.scp.css */
.admin-main[b-60zrsup1x4] { background: var(--canvas); }
.admin-header[b-60zrsup1x4] { padding: 36px 56px 60px; color: #fff; background: linear-gradient(160deg, #001f1b 40%, #073a32); }
.admin-topline[b-60zrsup1x4] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 64px; color: #a9c8b7; font: 10px/1.5 Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.readonly-badge[b-60zrsup1x4] { padding: 8px 11px; border: 1px solid #31534a; border-radius: 20px; color: #b4dca9; white-space: nowrap; }
.admin-eyebrow[b-60zrsup1x4] { margin: 0 0 12px; color: var(--muted); font: 10px/1.5 Consolas, monospace; letter-spacing: .15em; text-transform: uppercase; }
.admin-header .admin-eyebrow[b-60zrsup1x4] { color: #9cbdaa; }
.admin-header h1[b-60zrsup1x4] { margin: 0 0 18px; font-size: clamp(32px, 4vw, 52px); font-weight: 350; letter-spacing: -.05em; }
.admin-header > p[b-60zrsup1x4] { color: #b0cabb; line-height: 1.7; }
.admin-controls[b-60zrsup1x4] { display: flex; align-items: end; gap: 24px; flex-wrap: wrap; margin-top: 34px; }
.admin-controls label[b-60zrsup1x4] { display: grid; gap: 8px; min-width: 240px; max-width: 100%; }
.admin-controls label > span[b-60zrsup1x4] { color: #9cbdaa; font-size: 12px; }
.admin-controls select[b-60zrsup1x4] { max-width: 100%; padding: 11px 32px 11px 0; border: 0; border-bottom: 1px solid #5c8b6b; color: #b7dfaa; background: #07312a; font-size: 20px; }
.admin-controls button[b-60zrsup1x4] { display: flex; gap: 20px; align-items: center; padding: 13px 19px; border: 1px solid #406951; border-radius: 24px; color: #c0e9b5; background: #073a32; font-size: 13px; }
.admin-controls :is(button, select):focus-visible[b-60zrsup1x4] { outline-color: var(--accent); }
.admin-content[b-60zrsup1x4] { padding: 0 56px 42px; }
.admin-overview[b-60zrsup1x4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: -25px; position: relative; border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 10px 24px #001f1b0d; background: white; overflow: hidden; }
.admin-overview > div[b-60zrsup1x4] { padding: 26px; border-right: 1px solid var(--line); }
.admin-overview > div:first-child[b-60zrsup1x4] { background: var(--accent-soft); }
.admin-overview > div:last-child[b-60zrsup1x4] { border-right: 0; }
.admin-overview span[b-60zrsup1x4], .history-health > div > span[b-60zrsup1x4] { display: block; margin-bottom: 12px; color: var(--muted); font-size: 12px; }
.admin-overview strong[b-60zrsup1x4] { display: block; font-size: 30px; font-weight: 400; letter-spacing: -.03em; }
.admin-overview small[b-60zrsup1x4], .history-health small[b-60zrsup1x4] { color: var(--muted); font-size: 13px; font-weight: 400; letter-spacing: 0; }
.admin-section[b-60zrsup1x4] { margin-top: 44px; }
.admin-section-heading[b-60zrsup1x4] { display: flex; justify-content: space-between; align-items: end; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid #759086; }
.admin-section-heading h2[b-60zrsup1x4] { margin: 0; font-size: 25px; font-weight: 400; letter-spacing: -.04em; }
.admin-section-heading > span[b-60zrsup1x4] { color: var(--muted); font-size: 12px; }
.meter-diagnostics[b-60zrsup1x4] { margin-top: 8px; }
.diagnostic-meter[b-60zrsup1x4] { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .6fr) minmax(0, 1fr); align-items: center; gap: 26px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.meter-name h3[b-60zrsup1x4] { margin: 0 0 6px; font-size: 16px; font-weight: 600; }
.meter-name > span[b-60zrsup1x4] { color: var(--muted); font: 11px/1.6 Consolas, monospace; overflow-wrap: anywhere; }
.connection-state[b-60zrsup1x4] { display: flex; align-items: center; gap: 9px; font-size: 13px; }
.connection-state strong[b-60zrsup1x4] { font-weight: 500; }
.status-dot[b-60zrsup1x4] { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: #b08b35; }
.status-dot.live[b-60zrsup1x4] { background: var(--accent); }
.diagnostic-meter > p[b-60zrsup1x4] { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.history-meter-selector[b-60zrsup1x4] { display: flex; align-items: center; gap: 18px; margin: 25px 0; font-size: 13px; }
.history-meter-selector select[b-60zrsup1x4] { max-width: 100%; padding: 12px 15px; border: 1px solid var(--line); border-radius: 9px; background: white; color: var(--ink); }
.history-health[b-60zrsup1x4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.history-health > div[b-60zrsup1x4] { padding: 23px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.history-health strong[b-60zrsup1x4] { font-size: 28px; font-weight: 400; letter-spacing: -.035em; }
.history-health p[b-60zrsup1x4] { margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.admin-status[b-60zrsup1x4], .admin-empty[b-60zrsup1x4] { margin: 24px 0; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: white; line-height: 1.7; }
.admin-status p[b-60zrsup1x4] { margin: 8px 0 0; }
.diagnostic-note[b-60zrsup1x4] { max-width: 800px; margin-top: 20px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.admin-footer[b-60zrsup1x4] { display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; line-height: 1.7; }
.admin-footer strong[b-60zrsup1x4] { color: var(--ink); font-weight: 600; }
.admin-footer a[b-60zrsup1x4] { margin-left: auto; color: #315e3b; }
@media (max-width: 1100px) { .admin-header[b-60zrsup1x4] { padding: 32px 32px 60px; } .admin-content[b-60zrsup1x4] { padding: 0 32px 40px; } .admin-overview strong[b-60zrsup1x4] { font-size: 25px; } .diagnostic-meter[b-60zrsup1x4] { grid-template-columns: 1.2fr .8fr; gap: 12px 20px; } .diagnostic-meter > p[b-60zrsup1x4] { grid-column: 1/-1; } }
@media (max-width: 700px) { .admin-header[b-60zrsup1x4] { padding: 24px 20px 50px; } .admin-content[b-60zrsup1x4] { padding: 0 20px 35px; } .admin-topline[b-60zrsup1x4] { align-items: start; margin-bottom: 36px; } .admin-overview[b-60zrsup1x4], .history-health[b-60zrsup1x4] { grid-template-columns: 1fr; } .admin-overview > div[b-60zrsup1x4] { padding: 20px; border-right: 0; border-bottom: 1px solid var(--line); } .admin-overview > div:last-child[b-60zrsup1x4] { border-bottom: 0; } .admin-controls[b-60zrsup1x4] { display: grid; } .admin-controls label[b-60zrsup1x4] { min-width: 0; } .admin-controls select[b-60zrsup1x4] { width: 100%; font-size: 17px; } .admin-controls button[b-60zrsup1x4] { justify-self: start; } .admin-section-heading[b-60zrsup1x4] { align-items: start; flex-direction: column; gap: 6px; } .diagnostic-meter[b-60zrsup1x4] { grid-template-columns: 1fr; gap: 12px; } .history-meter-selector[b-60zrsup1x4] { flex-direction: column; align-items: start; } .history-meter-selector select[b-60zrsup1x4] { width: 100%; } .admin-footer[b-60zrsup1x4] { align-items: start; flex-direction: column; } .admin-footer a[b-60zrsup1x4] { margin-left: 0; } }
/* Technician overview follows the unit layout; live diagnostics remain available below. */
.admin-main[b-60zrsup1x4] { background: white; }
.admin-header[b-60zrsup1x4] { padding: 28px 48px 26px; color: var(--ink); background: white; border-bottom: 1px solid var(--line); }
.admin-topline[b-60zrsup1x4] { margin-bottom: 32px; color: var(--muted); }
.readonly-badge[b-60zrsup1x4] { color: #526b5b; border-color: var(--line); }
.admin-header .admin-eyebrow[b-60zrsup1x4] { color: var(--muted); }
.admin-header h1[b-60zrsup1x4] { margin: 0 0 8px; font-size: clamp(26px, 3vw, 38px); font-weight: 550; letter-spacing: -.045em; }
.admin-header > .site-address[b-60zrsup1x4] { margin: 0; color: var(--muted); font-size: 14px; }
.admin-controls[b-60zrsup1x4] { margin-top: 24px; gap: 20px; }
.admin-controls label[b-60zrsup1x4] { min-width: 240px; }
.admin-controls label > span[b-60zrsup1x4] { color: var(--muted); }
.admin-controls select[b-60zrsup1x4] { padding: 10px 32px 10px 12px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: #f7f9f7; font-size: 14px; }
.admin-controls button[b-60zrsup1x4] { border-color: #cbd9d0; border-radius: 7px; color: #284f3a; background: white; }
.admin-controls :is(button, select):focus-visible[b-60zrsup1x4] { outline-color: var(--forest); }
.admin-content[b-60zrsup1x4] { padding: 0 48px 32px; }
.live-diagnostics[b-60zrsup1x4] { margin-top: 36px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.live-diagnostics > summary[b-60zrsup1x4] { padding: 22px 0; cursor: pointer; font-size: 16px; font-weight: 600; }
.diagnostics-summary-note[b-60zrsup1x4] { margin-left: 16px; color: var(--muted); font-size: 12px; font-weight: 400; }
.live-diagnostics[open][b-60zrsup1x4] { padding-bottom: 28px; }
.admin-overview[b-60zrsup1x4] { margin-top: 8px; box-shadow: none; }
.admin-footer[b-60zrsup1x4] { margin-top: 24px; border-top: 0; }
@media (max-width: 1100px) { .admin-header[b-60zrsup1x4] { padding: 26px 28px; } .admin-content[b-60zrsup1x4] { padding: 0 28px 32px; } }
@media (max-width: 700px) { .admin-header[b-60zrsup1x4] { padding: 24px 20px; } .admin-content[b-60zrsup1x4] { padding: 0 20px 24px; } .admin-topline[b-60zrsup1x4] { margin-bottom: 24px; } .admin-controls[b-60zrsup1x4] { display: flex; } .admin-controls label[b-60zrsup1x4] { min-width: 0; width: 100%; } .diagnostics-summary-note[b-60zrsup1x4] { display: block; margin: 8px 0 0 18px; } }
/* /Components/Pages/History.razor.rz.scp.css */
.history-workspace[b-6qi76hmvl0] { background: var(--canvas); }
.history-selectors[b-6qi76hmvl0] { display: flex; align-items: end; flex-wrap: wrap; gap: 12px 16px; min-width: 0; }
.history-selectors label[b-6qi76hmvl0] { display: flex; flex: 1 1 240px; flex-direction: column; gap: 9px; min-width: 0; max-width: 100%; }
.history-selectors label:last-child[b-6qi76hmvl0] { flex-basis: 220px; }
.selector-label[b-6qi76hmvl0] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .61rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: #7fb08c; }
.history-selectors select[b-6qi76hmvl0] { width: 100%; min-width: 0; max-width: 100%; padding: 0 20px 7px 0; border: 0; border-bottom: 1px dashed #4ac33799; border-radius: 0; color: white; background: transparent; font: inherit; font-size: clamp(1.1rem, 2.05vw, 1.8rem); font-weight: 350; letter-spacing: -.025em; cursor: pointer; text-overflow: ellipsis; }
.history-selectors label:last-child select[b-6qi76hmvl0] { color: #9dd9a0; }
.history-selectors select option[b-6qi76hmvl0] { color: var(--ink); background: white; font-size: 1rem; }
.history-selectors select:focus-visible[b-6qi76hmvl0] { outline: 2px solid var(--accent); outline-offset: 5px; }
.selector-divider[b-6qi76hmvl0] { align-self: end; padding-bottom: 9px; color: #4d7a6e; font-size: 1.7rem; font-weight: 300; }
.history-content[b-6qi76hmvl0] { position: relative; z-index: 1; margin-top: 0; padding: 0 56px 56px; min-width: 0; }
.history-eyebrow[b-6qi76hmvl0] { margin: 0; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .61rem; line-height: 1.6; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; }
.metric-label-row[b-6qi76hmvl0] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.history-value[b-6qi76hmvl0] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; margin: 16px 0 12px; color: var(--ink); font-size: clamp(2rem, 3.7vw, 3.75rem); font-weight: 350; line-height: 1.08; letter-spacing: -.065em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.history-value span[b-6qi76hmvl0] { color: var(--muted); font-size: .85rem; font-weight: 400; letter-spacing: 0; }
.history-metric > p:last-child[b-6qi76hmvl0] { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.7; }
.history-tag[b-6qi76hmvl0] { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 4px; font-size: .65rem; line-height: 1.4; white-space: nowrap; }
.history-tag.partial[b-6qi76hmvl0], .history-tag.synthetic[b-6qi76hmvl0] { color: #75610c; background: var(--warning-soft, #f7f6e9); border: 1px solid #e6e0a8; }
.history-tag.synthetic[b-6qi76hmvl0] { margin-left: auto; border: 0; background: #f7f6e9; }
.history-grid[b-6qi76hmvl0] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(250px, 1fr); align-items: start; gap: 32px; margin-top: 36px; }
.history-usage[b-6qi76hmvl0], .history-meter-panel[b-6qi76hmvl0] { min-width: 0; }
.history-section-heading[b-6qi76hmvl0] { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 15px; min-height: 65px; padding-bottom: 17px; border-bottom: 1px solid var(--ink); }
.history-section-heading h1[b-6qi76hmvl0], .history-section-heading h2[b-6qi76hmvl0] { margin: 4px 0 0; color: var(--ink); font-size: clamp(1.3rem, 1.7vw, 1.6rem); line-height: 1.35; letter-spacing: -.035em; font-weight: 350; }
.history-section-heading h1 span[b-6qi76hmvl0], .history-section-heading h2 span[b-6qi76hmvl0] { color: var(--muted); }
.history-controls[b-6qi76hmvl0] { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
.history-periods[b-6qi76hmvl0] { display: flex; align-items: center; gap: 16px; }
.history-periods button[b-6qi76hmvl0] { min-height: 36px; padding: 7px 0 5px; color: var(--muted); background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; font-size: .78rem; white-space: nowrap; }
.history-periods button.active[b-6qi76hmvl0] { color: var(--ink); border-bottom-color: var(--accent); font-weight: 650; }
.history-periods button:hover[b-6qi76hmvl0] { color: var(--ink); }
.history-refresh-button[b-6qi76hmvl0] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 9px 14px; border: 0; border-radius: 30px; color: white; background: var(--forest); font-size: .72rem; font-weight: 500; white-space: nowrap; }
.history-refresh-button:hover:not(:disabled)[b-6qi76hmvl0] { background: var(--forest-raised); }
.history-range[b-6qi76hmvl0] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 12px; margin: 14px 0 0; color: var(--muted); font-size: .65rem; line-height: 1.8; }
.history-results[b-6qi76hmvl0] { min-width: 0; }
.history-chart-card[b-6qi76hmvl0] { min-width: 0; margin: 0; padding: 0; }
.history-chart-unit[b-6qi76hmvl0] { margin: 24px 0 15px; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .62rem; }
.history-chart-wrap[b-6qi76hmvl0] { display: flex; gap: 12px; min-width: 0; padding-top: 20px; }
.history-axis[b-6qi76hmvl0] { display: flex; flex: 0 0 54px; flex-direction: column; justify-content: space-between; height: 288px; padding: 0; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .59rem; text-align: right; font-variant-numeric: tabular-nums; }
.history-axis span[b-6qi76hmvl0] { transform: translateY(-50%); }
.history-axis span:last-child[b-6qi76hmvl0] { transform: translateY(50%); }
.history-chart[b-6qi76hmvl0] { position: relative; display: flex; flex: 1; min-width: 0; gap: 3px; height: 316px; background: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), var(--line) calc(25% - 1px), var(--line) 25%); background-size: 100% 288px; background-repeat: no-repeat; }
.history-chart-column[b-6qi76hmvl0] { position: static; display: flex; flex: 1 1 0; flex-direction: column; align-items: center; min-width: 0; height: 100%; padding: 0; color: inherit; background: transparent; border: 0; border-radius: 0; cursor: crosshair; }
.history-chart-column:focus-visible[b-6qi76hmvl0] { outline: 2px solid var(--forest); outline-offset: 3px; }
.history-bar-track[b-6qi76hmvl0] { display: flex; align-items: flex-end; justify-content: center; flex: 1; min-height: 0; width: 100%; border-bottom: 1px solid #102f2966; }
.history-bar[b-6qi76hmvl0] { display: block; width: 100%; max-width: 28px; }
.history-bar.measured[b-6qi76hmvl0] { min-height: 3px; background: var(--energy-usage); }
.history-chart-column:is(:hover, :focus-visible) .history-bar.measured[b-6qi76hmvl0] { background: var(--energy-usage-hover); }
.history-bar.zero[b-6qi76hmvl0] { height: 3px !important; min-height: 3px; background: #102f29b3; }
.history-bar.missing[b-6qi76hmvl0] { max-width: none; height: 14%; background: repeating-linear-gradient(45deg, #c4d3cb 0 2px, transparent 2px 6px); opacity: .7; }
.history-bar.future[b-6qi76hmvl0] { max-width: none; height: 2px; background: #dce6df; }
.history-chart-label[b-6qi76hmvl0] { display: block; width: max-content; height: 28px; padding-top: 12px; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .54rem; line-height: 1; white-space: nowrap; }
.history-chart-column:first-child .history-chart-label[b-6qi76hmvl0] { align-self: start; }
.history-chart-column:last-child .history-chart-label[b-6qi76hmvl0] { align-self: end; }
.history-chart-label.quiet-label[b-6qi76hmvl0] { visibility: hidden; }
.history-tooltip[b-6qi76hmvl0] { position: absolute; z-index: 4; bottom: calc(100% + 8px); left: 50%; display: grid; gap: 5px; width: max-content; max-width: min(280px, 100%); padding: 12px 14px; color: white; background: var(--forest); text-align: left; font-size: .7rem; line-height: 1.5; box-shadow: 0 12px 30px #001f1b25; transform: translateX(-50%); visibility: hidden; opacity: 0; pointer-events: none; }
.history-tooltip .tooltip-period[b-6qi76hmvl0] { color: #7fb08c; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .61rem; letter-spacing: .12em; text-transform: uppercase; }
.history-tooltip strong[b-6qi76hmvl0] { font-size: .95rem; font-weight: 600; }
.history-tooltip > span:last-child[b-6qi76hmvl0] { color: #b9d0c5; font-size: .65rem; }
.history-chart-column:is(:hover, :focus-visible) .history-tooltip[b-6qi76hmvl0] { opacity: 1; visibility: visible; }
.history-chart-legend[b-6qi76hmvl0] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 24px; color: var(--muted); font-size: .65rem; line-height: 1.5; }
.history-chart-legend > span[b-6qi76hmvl0] { display: inline-flex; align-items: center; gap: 7px; }
.history-chart-legend i[b-6qi76hmvl0] { display: inline-block; width: 11px; height: 11px; }
.legend-measured[b-6qi76hmvl0] { background: var(--energy-usage); }
.legend-missing[b-6qi76hmvl0] { background: repeating-linear-gradient(45deg, #9fb2a8 0 2px, transparent 2px 4px); }
.history-chart-legend .legend-zero[b-6qi76hmvl0] { width: 13px; height: 3px; background: #102f29b3; }
.history-chart-legend .legend-future[b-6qi76hmvl0] { height: 3px; background: var(--line); }
.history-notice[b-6qi76hmvl0] { margin-top: 18px; padding: 13px 15px; border-left: 2px solid #d4c57d; color: #686038; background: #f7f6e9; font-size: .7rem; line-height: 1.7; }
.history-notice strong[b-6qi76hmvl0] { font-weight: 600; }
.history-notice p[b-6qi76hmvl0] { margin: 3px 0 0; }
.history-table-details[b-6qi76hmvl0] { margin-top: 25px; border-top: 1px solid var(--ink); }
.history-table-details summary[b-6qi76hmvl0] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; color: var(--ink); font-size: .78rem; font-weight: 550; cursor: pointer; list-style: none; }
.history-table-details summary[b-6qi76hmvl0]::-webkit-details-marker { display: none; }
.history-table-details summary small[b-6qi76hmvl0] { margin-left: 3px; color: var(--muted); font-weight: 400; font-size: .75rem; }
.table-chevron[b-6qi76hmvl0] { font-size: 1.2rem; transition: transform .15s; }
.history-table-details[open] .table-chevron[b-6qi76hmvl0] { transform: rotate(180deg); }
.history-table-scroll[b-6qi76hmvl0] { max-width: 100%; max-height: 360px; overflow: auto; }
.history-table[b-6qi76hmvl0] { width: 100%; border-collapse: collapse; text-align: left; font-size: .72rem; font-variant-numeric: tabular-nums; }
.history-table caption[b-6qi76hmvl0] { padding: 0 0 13px; color: var(--muted); text-align: left; font-size: .65rem; line-height: 1.7; }
.history-table th[b-6qi76hmvl0], .history-table td[b-6qi76hmvl0] { padding: 11px 10px 11px 0; border-top: 1px solid var(--line); line-height: 1.6; }
.history-table thead[b-6qi76hmvl0] { position: sticky; top: 0; background: var(--canvas); color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .6rem; letter-spacing: .06em; text-transform: uppercase; }
.history-table th[b-6qi76hmvl0] { font-weight: 500; }
.history-table td[b-6qi76hmvl0] { color: #395649; }
.table-state.muted[b-6qi76hmvl0] { color: var(--muted); }
.history-method[b-6qi76hmvl0] { margin-top: 25px; padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); }
.history-method h2[b-6qi76hmvl0] { margin: 0 0 7px; font-size: .74rem; font-weight: 600; }
.history-method p[b-6qi76hmvl0] { margin: 5px 0 0; font-size: .67rem; line-height: 1.8; }
.history-quality[b-6qi76hmvl0] { color: #75610c; }
.history-meter-list[b-6qi76hmvl0] { list-style: none; margin: 0; padding: 0; }
.history-meter-row[b-6qi76hmvl0] { display: grid; grid-template-columns: 22px minmax(0, 1fr) 18px; align-items: center; gap: 12px; width: 100%; padding: 17px 8px; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; text-align: left; }
.history-meter-row:hover[b-6qi76hmvl0] { background: white; }
.history-meter-row.selected[b-6qi76hmvl0] { background: var(--accent-soft); }
.meter-number[b-6qi76hmvl0] { color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .65rem; }
.meter-label[b-6qi76hmvl0] { display: grid; gap: 5px; min-width: 0; }
.meter-label strong[b-6qi76hmvl0] { overflow-wrap: anywhere; font-size: .82rem; line-height: 1.5; font-weight: 550; }
.meter-label small[b-6qi76hmvl0] { color: var(--muted); font-size: .65rem; line-height: 1.5; }
.meter-arrow[b-6qi76hmvl0] { color: #2b7a1f; font-size: 1.1rem; }
.history-meter-detail[b-6qi76hmvl0] { padding: 16px 12px 18px 42px; background: #e9f7e659; border-bottom: 1px solid var(--line); }
.meter-id[b-6qi76hmvl0] { margin: 0 0 14px; overflow-wrap: anywhere; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .59rem; line-height: 1.7; }
.history-meter-detail dl[b-6qi76hmvl0] { display: grid; gap: 13px; margin: 0; }
.history-meter-detail dl > div[b-6qi76hmvl0] { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 5px 12px; }
.history-meter-detail dt[b-6qi76hmvl0] { color: var(--muted); font-size: .66rem; }
.history-meter-detail dd[b-6qi76hmvl0] { margin: 0; font-size: 1rem; font-weight: 450; font-variant-numeric: tabular-nums; }
.history-meter-detail dd span[b-6qi76hmvl0] { font-size: .65rem; font-weight: 400; color: var(--muted); }
.history-meter-detail > p:last-child[b-6qi76hmvl0] { margin: 16px 0 0; color: var(--muted); font-size: .65rem; line-height: 1.8; }
.meter-help[b-6qi76hmvl0] { margin: 24px 0 0; color: var(--muted); font-size: .71rem; line-height: 1.85; }
.meter-help p[b-6qi76hmvl0] { margin: 0; }
.meter-help a[b-6qi76hmvl0] { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 18px; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #2b7a1f; text-decoration: none; font-weight: 500; }
.meter-help a:hover[b-6qi76hmvl0] { text-decoration: underline; }
.history-demo-note[b-6qi76hmvl0] { margin-top: 24px; padding: 17px; background: #f7f6e9; color: #686038; }
.history-demo-note .history-eyebrow[b-6qi76hmvl0] { color: #75610c; font-size: .58rem; }
.history-demo-note > p:last-child[b-6qi76hmvl0] { margin: 9px 0 0; font-size: .67rem; line-height: 1.85; }
.history-empty[b-6qi76hmvl0] { display: flex; flex-direction: column; align-items: start; gap: 12px; min-height: 300px; padding: 35px 5px; }
.history-empty h2[b-6qi76hmvl0] { margin: 0; color: var(--ink); font-size: 1.4rem; font-weight: 400; letter-spacing: -.035em; }
.history-empty p[b-6qi76hmvl0] { max-width: 650px; margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.8; }
.history-empty a[b-6qi76hmvl0] { color: #2b7a1f; font-size: .75rem; }
.history-loading-mark[b-6qi76hmvl0] { width: 35px; height: 4px; background: var(--accent); }
.history-error h2[b-6qi76hmvl0] { color: var(--danger); }
.visually-hidden[b-6qi76hmvl0] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 1250px) {
    .history-content[b-6qi76hmvl0] { padding-right: 32px; padding-left: 32px; }
    .history-grid[b-6qi76hmvl0] { gap: 26px; grid-template-columns: minmax(0, 1.8fr) minmax(240px, 1fr); }
    .history-controls[b-6qi76hmvl0] { width: 100%; justify-content: space-between; }
    .history-metric[b-6qi76hmvl0] { padding: 23px; }
}
@media (max-width: 1050px) {
    .history-grid[b-6qi76hmvl0] { grid-template-columns: minmax(0, 1fr); gap: 34px; }
    .history-controls[b-6qi76hmvl0] { width: auto; }
    .history-meter-panel[b-6qi76hmvl0] { max-width: none; }
    .history-meter-detail dl[b-6qi76hmvl0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .history-content[b-6qi76hmvl0] { padding: 0 24px 40px; }
    .history-metric[b-6qi76hmvl0] { padding: 20px; }
    .history-metrics[b-6qi76hmvl0] { grid-template-columns: minmax(0, 1fr); }
    .history-metric + .history-metric[b-6qi76hmvl0] { border-left: 0; border-top: 1px solid var(--line); }
    .history-value[b-6qi76hmvl0] { margin: 12px 0 9px; font-size: 2.8rem; }
    .history-controls[b-6qi76hmvl0] { width: 100%; justify-content: space-between; gap: 12px; }
    .history-section-heading h1[b-6qi76hmvl0], .history-section-heading h2[b-6qi76hmvl0] { font-size: 1.4rem; }
    .history-selectors[b-6qi76hmvl0] { gap: 14px; }
    .history-selectors label[b-6qi76hmvl0] { flex-basis: 100%; }
    .selector-divider[b-6qi76hmvl0] { display: none; }
    .history-selectors select[b-6qi76hmvl0] { font-size: 1.3rem; }
    .history-grid[b-6qi76hmvl0] { margin-top: 28px; }
    .history-chart[b-6qi76hmvl0] { height: 268px; gap: 2px; background-size: 100% 240px; }
    .history-axis[b-6qi76hmvl0] { height: 240px; flex-basis: 48px; font-size: .53rem; }
    .history-chart-wrap[b-6qi76hmvl0] { gap: 8px; }
    .history-chart-column:not(:first-child):not(:last-child) .history-chart-label[b-6qi76hmvl0] { visibility: hidden; }
    .history-chart-label[b-6qi76hmvl0] { font-size: .55rem; }
    .history-chart-legend[b-6qi76hmvl0] { gap: 10px 15px; font-size: .62rem; }
    .history-tag.synthetic[b-6qi76hmvl0] { margin-left: 0; }
    .history-meter-detail dl[b-6qi76hmvl0] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 400px) {
    .history-content[b-6qi76hmvl0] { padding-right: 16px; padding-left: 16px; }
    .history-periods[b-6qi76hmvl0] { gap: 12px; }
    .history-periods button[b-6qi76hmvl0] { font-size: .72rem; }
    .history-refresh-button[b-6qi76hmvl0] { font-size: .65rem; padding: 9px 11px; }
    .history-controls[b-6qi76hmvl0] { align-items: start; }
    .history-value[b-6qi76hmvl0] { font-size: 2.45rem; }
}
.history-overview[b-6qi76hmvl0] { padding: 36px 56px 28px; color: #fff; background: linear-gradient(150deg,#001f1b,#073a32); }
.overview-topline[b-6qi76hmvl0] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 28px; }
.overview-eyebrow[b-6qi76hmvl0] { margin: 0; color: #9cbdaa; font: 10px/1.7 Consolas, monospace; text-transform: uppercase; letter-spacing: .14em; }
.overview-topline h1[b-6qi76hmvl0] { margin: 8px 0 0; font-size: clamp(28px,3vw,40px); font-weight: 400; letter-spacing: -.04em; }
.overview-badge[b-6qi76hmvl0] { display: inline-block; padding: 5px 9px; border: 1px solid #658273; border-radius: 5px; color: #daecd9; font-size: 11px; line-height: 1.6; }
.overview-period-row[b-6qi76hmvl0] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px 24px; margin: 26px 0; }
.overview-period-row > p[b-6qi76hmvl0] { margin: 0; font-size: 14px; }
.overview-period-row > p span[b-6qi76hmvl0] { color: #a9c8b7; }
.history-overview .history-periods button[b-6qi76hmvl0] { color: #b9d0c5; }
.history-overview .history-periods button.active[b-6qi76hmvl0] { color: white; border-color: #67d552; }
.history-overview .history-refresh-button[b-6qi76hmvl0] { border: 1px solid #527b67; background: transparent; }
.overview-totals[b-6qi76hmvl0] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #31574a; border-bottom: 1px solid #31574a; }
.overview-totals section[b-6qi76hmvl0] { min-width: 0; padding: 28px 24px; }
.overview-totals section:first-child[b-6qi76hmvl0] { padding-left: 0; }
.overview-totals section + section[b-6qi76hmvl0] { border-left: 1px solid #31574a; }
.overview-value[b-6qi76hmvl0] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; margin: 15px 0 10px; color: #f3fff1; font-size: clamp(30px,4vw,58px); line-height: 1.15; font-weight: 350; letter-spacing: -.05em; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.overview-value span[b-6qi76hmvl0] { font-size: 14px; color: #a9c8b7; letter-spacing: 0; }
.overview-totals section:first-child .overview-value[b-6qi76hmvl0] { color: var(--energy-usage-highlight); }
.overview-totals section:nth-child(2) .overview-value[b-6qi76hmvl0] { color: var(--accent); }
.overview-detail[b-6qi76hmvl0] { margin: 0; max-width: 310px; color: #b9d0c5; font-size: 12px; line-height: 1.7; }
.overview-footer[b-6qi76hmvl0] { display: flex; justify-content: space-between; align-items: start; gap: 18px; margin-top: 20px; color: #b9d0c5; font-size: 11px; line-height: 1.7; }
.overview-footer > div[b-6qi76hmvl0] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.overview-footer > span[b-6qi76hmvl0] { white-space: nowrap; }
.coverage-detail[b-6qi76hmvl0] { color: #91b3a0; }
@media(max-width:1250px) { .history-overview[b-6qi76hmvl0] { padding: 32px; } .history-overview .history-controls[b-6qi76hmvl0] { width: auto; } }
@media(max-width:700px) { .history-overview[b-6qi76hmvl0] { padding: 28px 24px; } .overview-totals[b-6qi76hmvl0] { grid-template-columns: 1fr; } .overview-totals section[b-6qi76hmvl0] { padding: 22px 0; } .overview-totals section + section[b-6qi76hmvl0] { border-left: 0; border-top: 1px solid #31574a; } .overview-value[b-6qi76hmvl0] { font-size: 42px; } .overview-footer[b-6qi76hmvl0] { flex-direction: column; } .history-overview .history-controls[b-6qi76hmvl0] { width: 100%; } }

.history-periods[b-6qi76hmvl0] { flex-wrap: wrap; gap: 12px 18px; }
.history-chart-wrap[b-6qi76hmvl0] { overflow-x: auto; padding-bottom: 14px; }
.history-axis[b-6qi76hmvl0] { position: sticky; left: 0; z-index: 2; background: var(--canvas); }
.chart-scroll-hint[b-6qi76hmvl0] { font-size: 12px; color: var(--muted); }

.history-tooltip[b-6qi76hmvl0] { display: none; }

.history-input-note[b-6qi76hmvl0] { margin: 16px 0 0; color: #c2d7cf; font-size: .82rem; line-height: 1.5; }
/* /Components/Pages/Home.razor.rz.scp.css */
.home-main[b-5y39owlo5e] { min-width: 0; }
.monitor-heading[b-5y39owlo5e] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 14px; margin: 0; color: #fff; font-size: clamp(1.45rem, 2.5vw, 2rem); font-weight: 350; line-height: 1.45; letter-spacing: -.025em; }
.heading-slash[b-5y39owlo5e] { color: #4d7a6e; }
.heading-meter[b-5y39owlo5e] { color: #9dd9a0; }
.meter-heading-label[b-5y39owlo5e] { display: inline-block; min-width: 0; max-width: 100%; }
.meter-heading-label select[b-5y39owlo5e] { max-width: 100%; min-width: 0; padding: 2px 20px 5px 0; color: #9dd9a0; background: transparent; border: 0; border-bottom: 1px dashed #4ac33799; border-radius: 0; font: inherit; outline-offset: 5px; cursor: pointer; }
.meter-heading-label option[b-5y39owlo5e] { color: var(--ink); background: #fff; font-size: 1rem; }
.sr-only[b-5y39owlo5e] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.monitor-controls[b-5y39owlo5e] { display: flex; align-items: center; flex-wrap: wrap; gap: 13px 20px; padding: 0; margin: 0; }
.source-switch[b-5y39owlo5e] { display: inline-flex; gap: 4px; padding: 4px; background: #ffffff0b; border: 1px solid #ffffff1a; border-radius: 30px; }
.source-switch button[b-5y39owlo5e] { min-height: 35px; padding: 7px 16px; color: #b7cdc1; background: transparent; border: 0; border-radius: 24px; font-size: .78rem; }
.source-switch button:hover[b-5y39owlo5e] { color: white; background: #ffffff12; }
.source-switch button.active[b-5y39owlo5e] { color: var(--forest); background: var(--accent); font-weight: 650; }
.source-help[b-5y39owlo5e] { color: #9db8ad; font-size: .76rem; }
.setup-link[b-5y39owlo5e] { margin-left: auto; color: #9dd9a0; font-size: .75rem; text-decoration: none; }
.setup-link:hover[b-5y39owlo5e] { color: white; text-decoration: underline; }
.host-control[b-5y39owlo5e] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0; }
.host-control > span[b-5y39owlo5e] { color: #9db8ad; font-size: .72rem; }
.host-control input[b-5y39owlo5e] { width: 180px; min-width: 0; max-width: 100%; min-height: 38px; padding: 8px 10px; color: white; background: #ffffff0b; border: 1px solid #ffffff33; border-radius: 7px; font-size: .8rem; }
.host-control input[b-5y39owlo5e]::placeholder { color: #85a396; }
.polling-toggle[b-5y39owlo5e] { display: inline-flex; align-items: center; gap: 8px; color: #b7cdc1; font-size: .74rem; }
.polling-toggle input[b-5y39owlo5e] { width: 16px; height: 16px; margin: 0; accent-color: var(--accent); }
.monitor-refresh[b-5y39owlo5e] { display: inline-flex; align-items: center; gap: 8px; min-height: 37px; padding: 8px 13px; color: #d0e4d9; background: #ffffff0b; border: 1px solid #ffffff33; border-radius: 22px; font-size: .75rem; }
.monitor-refresh:hover[b-5y39owlo5e] { background: #ffffff16; color: white; }
.monitor-refresh span[b-5y39owlo5e] { font-size: 1.1rem; line-height: 1; }
.monitor-content[b-5y39owlo5e] { position: relative; z-index: 1; min-width: 0; max-width: 1800px; margin: -56px auto 0; padding: 0 56px 32px; }
.monitor-eyebrow[b-5y39owlo5e] { margin: 0; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .63rem; font-weight: 500; line-height: 1.6; letter-spacing: .18em; text-transform: uppercase; }
.monitor-summary[b-5y39owlo5e] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 20px 40px -24px #001f1b59; }
.summary-cell[b-5y39owlo5e] { min-width: 0; padding: 28px; }
.summary-cell + .summary-cell[b-5y39owlo5e] { border-left: 1px solid var(--line); }
.summary-highlight[b-5y39owlo5e] { background: var(--accent-soft); }
.summary-value[b-5y39owlo5e] { margin: 15px 0 13px; color: var(--ink); font-size: clamp(1.65rem, 3.4vw, 3.1rem); font-weight: 350; line-height: 1.05; letter-spacing: -.05em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.summary-hint[b-5y39owlo5e] { margin: 0; color: var(--muted); font-size: .73rem; line-height: 1.65; }
.monitor-notice[b-5y39owlo5e] { display: flex; align-items: flex-start; gap: 10px; margin-top: 24px; padding: 13px 17px; color: #6c641e; background: #f7f6e9; border: 1px solid #e7e4c8; border-radius: 8px; }
.notice-dot[b-5y39owlo5e] { flex: 0 0 6px; height: 6px; margin-top: 7px; border-radius: 50%; background: #a2933c; }
.monitor-notice p[b-5y39owlo5e] { margin: 0; font-size: .75rem; line-height: 1.7; }
.monitor-notice strong[b-5y39owlo5e] { font-weight: 650; }
.monitor-alert[b-5y39owlo5e] { margin-top: 24px; padding: 16px 18px; color: var(--danger); background: var(--danger-soft); border: 1px solid #eacbc5; border-radius: 8px; font-size: .8rem; line-height: 1.7; }
.monitor-alert p[b-5y39owlo5e] { margin: 4px 0 0; }
.monitor-columns[b-5y39owlo5e] { display: grid; grid-template-columns: minmax(0, 8fr) minmax(260px, 4fr); align-items: start; gap: 36px; margin-top: 42px; }
.phase-section[b-5y39owlo5e], .meter-section[b-5y39owlo5e] { min-width: 0; }
.section-heading[b-5y39owlo5e] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--ink); }
.section-heading h2[b-5y39owlo5e] { margin: 5px 0 0; color: var(--ink); font-size: 1.5rem; font-weight: 350; line-height: 1.35; letter-spacing: -.025em; }
.section-heading h2 span[b-5y39owlo5e] { color: var(--muted); }
.section-meta[b-5y39owlo5e] { max-width: 100%; padding-bottom: 3px; color: var(--muted); font-size: .72rem; }
.phase-state[b-5y39owlo5e] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; color: #2b7a1f; background: var(--accent-soft); border-radius: 5px; font-size: .66rem; font-weight: 500; }
.phase-state i[b-5y39owlo5e] { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.phase-table .warning .phase-state[b-5y39owlo5e] { color: #7a6a12; background: #f7f6e9; }
.phase-table .warning .phase-state i[b-5y39owlo5e] { background: #c9b21f; }
.phase-table .danger .phase-state[b-5y39owlo5e] { color: var(--danger); background: var(--danger-soft); }
.phase-table .danger .phase-state i[b-5y39owlo5e] { background: var(--danger); }
.phase-extra[b-5y39owlo5e] { margin-top: 17px; }
.phase-extra summary[b-5y39owlo5e] { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; color: #476856; font-size: .7rem; cursor: pointer; list-style: none; }
.phase-extra summary[b-5y39owlo5e]::-webkit-details-marker { display: none; }
.phase-extra summary span[b-5y39owlo5e] { font-size: 1rem; }
.phase-extra[open] summary span[b-5y39owlo5e] { transform: rotate(45deg); }
.phase-extra-values[b-5y39owlo5e] { padding: 13px; background: #eaf0eb; border-left: 2px solid var(--accent); }
.phase-extra-values dd[b-5y39owlo5e] { margin: 6px 0 0; font-size: .9rem; font-weight: 500; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.phase-reading-note[b-5y39owlo5e] { margin: 12px 0 0; color: var(--danger); font-size: .72rem; line-height: 1.65; }
.phase-spread[b-5y39owlo5e] { display: flex; justify-content: space-between; gap: 20px; padding-top: 19px; color: var(--muted); font-size: .75rem; }
.phase-spread strong[b-5y39owlo5e] { color: var(--ink); font-weight: 550; font-variant-numeric: tabular-nums; }
.phase-empty[b-5y39owlo5e] { padding: 50px 25px; text-align: center; border-bottom: 1px solid var(--line); }
.phase-empty > span[b-5y39owlo5e] { display: block; color: #b6c7bc; font-size: 2.5rem; }
.phase-empty h3[b-5y39owlo5e] { font-size: 1rem; font-weight: 500; }
.phase-empty p[b-5y39owlo5e] { margin: 0 auto; max-width: 380px; color: var(--muted); font-size: .8rem; line-height: 1.7; }
.meter-detail-card[b-5y39owlo5e] { padding: 25px 0 5px; }
.meter-source-tag[b-5y39owlo5e] { display: inline-flex; align-items: center; gap: 7px; color: #537761; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .64rem; text-transform: uppercase; letter-spacing: .12em; }
.meter-source-tag i[b-5y39owlo5e] { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.meter-detail-card h3[b-5y39owlo5e] { margin: 12px 0 7px; color: var(--ink); font-size: 1.2rem; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.meter-detail-caption[b-5y39owlo5e] { margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.7; }
.meter-info[b-5y39owlo5e] { margin: 21px 0 0; }
.meter-info div[b-5y39owlo5e] { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
.meter-info dt[b-5y39owlo5e] { color: var(--muted); font-size: .68rem; }
.meter-info dd[b-5y39owlo5e] { margin: 0; color: #3c5d4b; font-size: .73rem; overflow-wrap: anywhere; }
.monitor-section-link[b-5y39owlo5e] { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 22px; padding: 20px; color: var(--ink); background: var(--accent-soft); border: 1px solid #d3e4cc; border-radius: 10px; text-decoration: none; }
.monitor-section-link:hover[b-5y39owlo5e] { background: #dcf1d4; }
.monitor-section-link strong[b-5y39owlo5e] { display: block; margin-top: 7px; font-size: .88rem; font-weight: 550; line-height: 1.5; }
.monitor-section-link > span[b-5y39owlo5e] { color: #3a7f31; font-size: 1.3rem; }
.monitor-section-link.subtle-link[b-5y39owlo5e] { margin-top: 12px; background: transparent; border-color: var(--line); }
.monitor-section-link.subtle-link:hover[b-5y39owlo5e] { background: #fff; }
.meter-footnote[b-5y39owlo5e] { margin: 17px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.8; }
.simulation-section[b-5y39owlo5e] { margin-top: 42px; }
.simulation-columns[b-5y39owlo5e] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; gap: 30px; margin-top: 24px; }
.simulation-gauge[b-5y39owlo5e] { min-width: 0; }
.simulation-gauge[b-5y39owlo5e]  .pv-gauge { border-radius: 15px; box-shadow: none; }
.solar-controls[b-5y39owlo5e] { min-width: 0; padding: 25px 0; }
.solar-controls h3[b-5y39owlo5e] { margin: 8px 0 12px; font-size: 1.25rem; font-weight: 450; }
.solar-controls > p:not(.monitor-eyebrow)[b-5y39owlo5e] { margin: 10px 0 16px; color: var(--muted); font-size: .8rem; line-height: 1.7; }
.solar-field[b-5y39owlo5e] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); }
.solar-field span[b-5y39owlo5e] { color: #486153; font-size: .78rem; }
.solar-field input[b-5y39owlo5e] { width: 120px; min-width: 0; padding: 10px 12px; border: 1px solid #b7cdbb; border-radius: 8px; background: white; color: var(--ink); font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.solar-field input[aria-invalid="true"][b-5y39owlo5e] { border-color: var(--danger); }
.solar-controls > p.solar-help[b-5y39owlo5e] { color: var(--muted); font-size: .73rem; }
.solar-controls > p.solar-error[b-5y39owlo5e] { color: var(--danger); font-size: .76rem; }
.solar-presets[b-5y39owlo5e] { display: flex; flex-wrap: wrap; gap: 7px; }
.solar-presets button[b-5y39owlo5e] { min-height: 35px; padding: 7px 13px; color: #315c39; background: white; border: 1px solid #bfd1c2; border-radius: 20px; font-size: .75rem; }
.solar-presets button:hover[b-5y39owlo5e] { background: var(--accent-soft); }
.solar-results[b-5y39owlo5e] { margin: 23px 0 0; }
.solar-results > div[b-5y39owlo5e] { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-top: 1px solid var(--line); }
.solar-results dt[b-5y39owlo5e] { color: var(--muted); font-size: .76rem; }
.solar-results dd[b-5y39owlo5e] { margin: 0; color: var(--ink); font-size: .93rem; font-weight: 500; font-variant-numeric: tabular-nums; }
.monitor-footer[b-5y39owlo5e] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 45px; padding-top: 18px; color: #7d9184; border-top: 1px solid var(--line); font-size: .65rem; }

@media (max-width: 1200px) {
    .monitor-content[b-5y39owlo5e] { padding-inline: 30px; }
    .summary-cell[b-5y39owlo5e] { padding: 24px; }
    .monitor-columns[b-5y39owlo5e] { grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr); gap: 26px; }
    .summary-value[b-5y39owlo5e] { font-size: 2.35rem; }
}
@media (max-width: 900px) {
    .monitor-columns[b-5y39owlo5e] { grid-template-columns: minmax(0, 1fr); gap: 35px; }
    .simulation-columns[b-5y39owlo5e] { grid-template-columns: minmax(0, 1fr); }
    .solar-controls[b-5y39owlo5e] { padding-top: 0; }
    .meter-info div[b-5y39owlo5e] { grid-template-columns: 100px minmax(0, 1fr); }
    .meter-section[b-5y39owlo5e] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
    .meter-section > .section-heading[b-5y39owlo5e], .meter-detail-card[b-5y39owlo5e] { grid-column: 1 / -1; }
    .meter-footnote[b-5y39owlo5e] { grid-column: 1 / -1; }
    .monitor-section-link[b-5y39owlo5e] { margin-top: 18px; }
    .monitor-section-link.subtle-link[b-5y39owlo5e] { margin-top: 18px; }
}
@media (max-width: 600px) {
    .monitor-content[b-5y39owlo5e] { margin-top: -48px; padding: 0 20px 25px; }
    .monitor-heading[b-5y39owlo5e] { gap: 6px 10px; font-size: 1.4rem; }
    .meter-heading-label[b-5y39owlo5e] { width: 100%; }
    .monitor-controls[b-5y39owlo5e] { gap: 12px; }
    .source-switch button[b-5y39owlo5e] { padding-inline: 15px; }
    .source-help[b-5y39owlo5e] { font-size: .7rem; }
    .setup-link[b-5y39owlo5e] { margin-left: 0; }
    .host-control[b-5y39owlo5e] { width: 100%; }
    .host-control > span[b-5y39owlo5e] { width: 100%; }
    .host-control input[b-5y39owlo5e] { width: 100%; }
    .monitor-summary[b-5y39owlo5e] { grid-template-columns: minmax(0, 1fr); border-radius: 13px; }
    .summary-cell[b-5y39owlo5e] { padding: 22px; }
    .summary-cell + .summary-cell[b-5y39owlo5e] { border-left: 0; border-top: 1px solid var(--line); }
    .summary-value[b-5y39owlo5e] { margin: 11px 0; font-size: 2.5rem; }
    .summary-hint[b-5y39owlo5e] { font-size: .71rem; }
    .monitor-notice[b-5y39owlo5e] { padding: 12px 13px; }
    .monitor-notice p[b-5y39owlo5e] { font-size: .7rem; }
    .monitor-columns[b-5y39owlo5e] { margin-top: 31px; }
    .section-heading h2[b-5y39owlo5e] { font-size: 1.35rem; }
    .phase-extra-values[b-5y39owlo5e] { padding: 10px; }
    .phase-extra-values dd[b-5y39owlo5e] { font-size: .8rem; }
    .meter-section[b-5y39owlo5e] { display: block; }
    .simulation-section[b-5y39owlo5e] { margin-top: 32px; }
    .simulation-columns[b-5y39owlo5e] { gap: 17px; }
    .monitor-footer[b-5y39owlo5e] { margin-top: 30px; }
}
.monitor-controls :is(button, a, input):focus-visible[b-5y39owlo5e], .meter-heading-label select:focus-visible[b-5y39owlo5e] { outline: 3px solid var(--accent); outline-offset: 4px; }

/* One bounded meter list and one detail panel, regardless of inventory size. */
.monitor-columns[b-5y39owlo5e] { grid-template-columns: 250px minmax(0, 1fr); gap: 30px; }
.monitor-columns.single-meter[b-5y39owlo5e] { grid-template-columns: minmax(0, 1fr); }
.meter-browser[b-5y39owlo5e], .selected-meter-panel[b-5y39owlo5e] { min-width: 0; }
.meter-browser[b-5y39owlo5e] { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }
.meter-browser-heading[b-5y39owlo5e] { display: flex; align-items: center; justify-content: space-between; padding: 20px 18px 14px; }
.meter-browser-heading h2[b-5y39owlo5e] { margin: 0; font-size: 16px; font-weight: 600; }
.meter-browser-heading > span[b-5y39owlo5e] { padding: 3px 8px; border-radius: 12px; background: var(--canvas); color: var(--muted); font-size: 12px; }
.meter-search[b-5y39owlo5e] { display: block; padding: 0 12px 14px; }
.meter-search input[b-5y39owlo5e] { width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); background: #fafcfb; font-size: 12px; }
.meter-browser-list[b-5y39owlo5e] { max-height: 352px; overflow-y: auto; overscroll-behavior: contain; padding: 4px 8px; }
.meter-choice[b-5y39owlo5e] { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 10px; margin: 0 0 4px; border: 1px solid transparent; border-radius: 7px; text-align: left; background: transparent; color: var(--ink); }
.meter-choice:hover[b-5y39owlo5e] { background: #f4f8f3; }
.meter-choice.selected[b-5y39owlo5e] { border-color: #c6dfbe; background: var(--accent-soft); }
.meter-choice > span:nth-child(2)[b-5y39owlo5e] { min-width: 0; flex: 1; }
.meter-choice strong[b-5y39owlo5e] { display: block; font-size: 13px; font-weight: 550; overflow-wrap: anywhere; }
.meter-choice small[b-5y39owlo5e] { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.meter-choice-icon[b-5y39owlo5e] { color: #54785e; font-size: 21px; }
.meter-choice-arrow[b-5y39owlo5e] { color: #456b48; visibility: hidden; }
.meter-choice.selected .meter-choice-arrow[b-5y39owlo5e] { visibility: visible; }
.meter-browser-help[b-5y39owlo5e], .meter-browser-empty[b-5y39owlo5e] { padding: 14px 18px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.meter-browser-help[b-5y39owlo5e] { border-top: 1px solid var(--line); }
.selected-meter-panel[b-5y39owlo5e] { padding: 24px 28px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.selected-meter-panel .section-heading[b-5y39owlo5e] { border-color: var(--line); }
.phase-table-wrap[b-5y39owlo5e] { margin-top: 12px; }
.phase-table[b-5y39owlo5e] { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.phase-table th[b-5y39owlo5e], .phase-table td[b-5y39owlo5e] { padding: 18px 12px; border-bottom: 1px solid var(--line); text-align: right; }
.phase-table thead th[b-5y39owlo5e] { padding-top: 12px; padding-bottom: 12px; font-size: 11px; font-weight: 500; color: var(--muted); }
.phase-table th:first-child[b-5y39owlo5e] { text-align: left; padding-left: 0; }
.phase-table th:last-child[b-5y39owlo5e], .phase-table td:last-child[b-5y39owlo5e] { padding-right: 0; }
.phase-table td[b-5y39owlo5e] { font-size: 17px; font-weight: 400; white-space: nowrap; }
.phase-table .phase-table-power[b-5y39owlo5e] { font-size: 21px; font-weight: 550; }
.phase-table-name[b-5y39owlo5e] { margin-right: 14px; font-size: 15px; font-weight: 600; }
.phase-table .phase-state[b-5y39owlo5e] { font-weight: 400; }
.phase-extra-values[b-5y39owlo5e] { display: grid; gap: 12px; margin: 0; }
.phase-extra-values dt[b-5y39owlo5e] { color: var(--muted); font-size: 11px; }
.phase-electrical-grid[b-5y39owlo5e] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.phase-electrical-grid h3[b-5y39owlo5e] { font-size: 12px; font-weight: 600; }
.phase-extra[b-5y39owlo5e] { margin-top: 10px; }
.meter-section[b-5y39owlo5e] { display: block; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); }
.meter-section > summary[b-5y39owlo5e] { cursor: pointer; color: var(--ink); font-size: 13px; font-weight: 550; }
.meter-section > summary > span[b-5y39owlo5e] { float: right; margin-left: 12px; color: var(--muted); font-size: 11px; font-weight: 400; }
.meter-section .meter-detail-card[b-5y39owlo5e] { padding-top: 20px; }
@media (max-width: 1200px) { .monitor-columns[b-5y39owlo5e] { grid-template-columns: 215px minmax(0, 1fr); gap: 20px; } .selected-meter-panel[b-5y39owlo5e] { padding: 20px; } .phase-table td[b-5y39owlo5e] { font-size: 15px; } .phase-table .phase-table-power[b-5y39owlo5e] { font-size: 18px; } }
@media (max-width: 760px) { .monitor-columns[b-5y39owlo5e] { grid-template-columns: minmax(0, 1fr); gap: 20px; } .meter-browser-list[b-5y39owlo5e] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 200px; gap: 4px; } .meter-choice[b-5y39owlo5e] { margin: 0; } .meter-browser-help[b-5y39owlo5e] { padding: 10px 18px; } .phase-table th[b-5y39owlo5e], .phase-table td[b-5y39owlo5e] { padding: 16px 8px; } }
@media (max-width: 420px) { .selected-meter-panel[b-5y39owlo5e] { padding: 16px 12px; } .phase-table td[b-5y39owlo5e], .phase-table .phase-table-power[b-5y39owlo5e] { font-size: 13px; } .phase-table thead th[b-5y39owlo5e] { font-size: 10px; } .phase-table th[b-5y39owlo5e], .phase-table td[b-5y39owlo5e] { padding: 14px 5px; } .phase-table-name[b-5y39owlo5e] { display: block; margin: 0 0 6px; } .phase-state[b-5y39owlo5e] { font-size: 9px; padding: 3px 5px; } .phase-electrical-grid[b-5y39owlo5e] { grid-template-columns: 1fr; gap: 8px; } .phase-extra-values[b-5y39owlo5e] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .meter-choice-icon[b-5y39owlo5e] { display: none; } .meter-choice[b-5y39owlo5e] { padding: 10px 7px; } }

.detail-meter-select[b-5y39owlo5e] { max-width: 100%; margin-top: 12px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 6px; background: #f7f9f7; color: var(--ink); font-size: 12px; }
.phase-table-name[b-5y39owlo5e] { display: block; margin: 0 0 6px; max-width: 220px; overflow-wrap: anywhere; }
.phase-table td[b-5y39owlo5e] { white-space: normal; }
.phase-table th:first-child[b-5y39owlo5e] { max-width: 240px; }
/* /Components/Pages/Laundromat.razor.rz.scp.css */
.laundromat-main[b-1ir8qvoqim] { padding: 44px 48px 60px; }
header[b-1ir8qvoqim] { margin-bottom: 34px; }
.eyebrow[b-1ir8qvoqim] { color: var(--muted); font: 11px Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
h1[b-1ir8qvoqim] { margin: 12px 0; font-size: clamp(28px, 4vw, 40px); font-weight: 500; letter-spacing: -.04em; }
header > p:last-child[b-1ir8qvoqim] { color: var(--muted); font-size: 14px; line-height: 1.7; }
label[b-1ir8qvoqim] { display: block; margin-bottom: 8px; color: var(--muted); font-size: 12px; }
select[b-1ir8qvoqim] { max-width: 100%; padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: white; }
.site-card[b-1ir8qvoqim] { max-width: 820px; margin-top: 26px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: white; }
.site-heading[b-1ir8qvoqim] { display: flex; align-items: center; gap: 22px; padding: 32px; background: var(--accent-soft); }
.site-heading > span[b-1ir8qvoqim] { font-size: 38px; color: #28593a; }
.site-heading p[b-1ir8qvoqim] { margin: 0 0 8px; color: var(--muted); font-size: 12px; }
h2[b-1ir8qvoqim] { margin: 0; font-size: 30px; font-weight: 500; letter-spacing: -.03em; overflow-wrap: anywhere; }
dl[b-1ir8qvoqim] { display: grid; grid-template-columns: 2fr 1fr; margin: 0; }
dl > div[b-1ir8qvoqim] { padding: 30px 32px; }
dl > div + div[b-1ir8qvoqim] { border-left: 1px solid var(--line); }
dt[b-1ir8qvoqim] { margin-bottom: 12px; color: var(--muted); font-size: 12px; }
dd[b-1ir8qvoqim] { margin: 0; font-size: 22px; overflow-wrap: anywhere; }
.empty[b-1ir8qvoqim] { padding: 24px; border: 1px solid var(--line); border-radius: 12px; }
@media (max-width: 700px) { .laundromat-main[b-1ir8qvoqim] { padding: 28px 20px 40px; } dl[b-1ir8qvoqim] { grid-template-columns: 1fr; } dl > div + div[b-1ir8qvoqim] { border-left: 0; border-top: 1px solid var(--line); } .site-heading[b-1ir8qvoqim], dl > div[b-1ir8qvoqim] { padding: 24px; } }
/* /Components/Pages/ShellySetup.razor.rz.scp.css */
.setup-main[b-qy90h541ez] { padding: 38px 48px 60px; max-width: 1600px; }
.setup-main header[b-qy90h541ez] { margin-bottom: 30px; }
.eyebrow[b-qy90h541ez] { font: 11px Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
h1[b-qy90h541ez] { font-size: 38px; font-weight: 500; letter-spacing: -.04em; margin: 12px 0; }
h2[b-qy90h541ez] { font-size: 20px; font-weight: 550; margin: 0 0 22px; }
header > p:last-child[b-qy90h541ez], .help[b-qy90h541ez], small[b-qy90h541ez] { color: var(--muted); font-size: 12px; line-height: 1.7; }
.setup-toolbar[b-qy90h541ez] { display: flex; align-items: end; gap: 26px; margin-bottom: 24px; }
.setup-toolbar > label[b-qy90h541ez] { min-width: 280px; }
a[b-qy90h541ez] { color: #2d693e; font-size: 13px; }
label[b-qy90h541ez] { display: grid; gap: 8px; font-size: 13px; font-weight: 500; }
select[b-qy90h541ez], [b-qy90h541ez] input:not([type=checkbox]), [b-qy90h541ez] select { min-width: 0; width: 100%; padding: 11px 12px; border: 1px solid #c7d6cc; border-radius: 6px; background: white; color: var(--ink); }
[b-qy90h541ez] input:disabled { background: #f0f4f1; color: var(--muted); }
.setup-columns[b-qy90h541ez] { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 26px; align-items: start; }
.installation-list[b-qy90h541ez], .installation-form[b-qy90h541ez], .commissioning[b-qy90h541ez] { min-width: 0; padding: 26px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.installation-list[b-qy90h541ez] { padding: 20px 14px; }
.installation-list h2[b-qy90h541ez] { padding: 0 8px; font-size: 15px; line-height: 1.6; }
.installation-list button[b-qy90h541ez] { display: block; width: 100%; padding: 14px 12px; border: 1px solid transparent; border-radius: 7px; margin-bottom: 6px; background: transparent; text-align: left; color: var(--ink); }
.installation-list button.selected[b-qy90h541ez] { background: var(--accent-soft); border-color: #c1dcb9; }
.installation-list strong[b-qy90h541ez], .installation-list span[b-qy90h541ez] { display: block; overflow-wrap: anywhere; }
.installation-list span[b-qy90h541ez] { margin-top: 5px; color: var(--muted); font: 10px/1.6 Consolas, monospace; }
.installation-list .add-meter[b-qy90h541ez] { color: #326b3a; border: 1px solid var(--line); margin-top: 16px; }
fieldset[b-qy90h541ez] { min-width: 0; margin: 0 0 26px; padding: 20px 0 0; border: 0; border-top: 1px solid var(--line); }
legend[b-qy90h541ez] { padding-right: 15px; font-size: 14px; font-weight: 600; }
.field-grid[b-qy90h541ez] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.channel-fields[b-qy90h541ez] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 24px; }
.protocol-info[b-qy90h541ez] { padding: 15px; border-radius: 8px; background: #f4f7f4; font-size: 12px; }
.check-label[b-qy90h541ez] { display: flex; align-items: center; gap: 10px; margin-top: 24px; }
.check-label[b-qy90h541ez]  input { width: 18px; height: 18px; accent-color: #367d42; }
.notice[b-qy90h541ez] { margin: 18px 0; padding: 16px 18px; border: 1px solid #d9dfb9; border-radius: 8px; background: #f7f8eb; color: #5e641d; font-size: 13px; line-height: 1.7; }
.notice.error[b-qy90h541ez] { color: var(--danger); border-color: #dfbcb6; background: var(--danger-soft); }
.notice.success[b-qy90h541ez] { color: #296b36; border-color: #bbd9b6; background: var(--accent-soft); }
.save-actions[b-qy90h541ez] { display: flex; flex-wrap: wrap; gap: 12px; }
.save-actions button[b-qy90h541ez], .commissioning button[b-qy90h541ez] { padding: 12px 17px; border: 1px solid #c3d6c7; border-radius: 7px; color: #28593a; background: white; font-size: 13px; }
.save-actions button[type=submit][b-qy90h541ez] { color: white; background: #17523a; border-color: #17523a; }
.commissioning[b-qy90h541ez] { margin-top: 26px; }
.commissioning li[b-qy90h541ez] { padding: 6px 0; color: #426052; font-size: 13px; line-height: 1.8; }
.commissioning ol[b-qy90h541ez] { padding-left: 21px; }
.topic-list[b-qy90h541ez] { display: grid; gap: 10px; padding: 18px; border-radius: 8px; background: #f2f6f3; }
.topic-list code[b-qy90h541ez] { font-size: 12px; overflow-wrap: anywhere; }
.commissioning > a[b-qy90h541ez] { display: inline-block; margin-left: 20px; }
@media(max-width:1100px) { .setup-main[b-qy90h541ez] { padding: 28px; } .setup-columns[b-qy90h541ez] { grid-template-columns: 220px minmax(0,1fr); gap: 18px; } .channel-fields[b-qy90h541ez] { grid-template-columns: 1fr; } }
@media(max-width:760px) { .setup-main[b-qy90h541ez] { padding: 24px 20px; } .setup-columns[b-qy90h541ez], .field-grid[b-qy90h541ez] { grid-template-columns: 1fr; } .setup-toolbar[b-qy90h541ez] { flex-direction: column; align-items: stretch; } .setup-toolbar > label[b-qy90h541ez] { min-width: 0; } .commissioning > a[b-qy90h541ez] { display: block; margin: 18px 0 0; } .installation-form[b-qy90h541ez] { padding: 22px 18px; } }

.channel-mapping[b-qy90h541ez] { min-width: 0; }
/* /Components/Pages/StorageSetup.razor.rz.scp.css */
.storage-main[b-2hhe0tp0s0] { padding:40px 56px;min-width:0; } header[b-2hhe0tp0s0] { padding:28px;background:var(--forest);color:white; } header>p:first-child[b-2hhe0tp0s0] { color:var(--accent);font-size:11px;letter-spacing:.15em; } h1[b-2hhe0tp0s0] { font-size:32px;font-weight:400; } h2[b-2hhe0tp0s0] { font-weight:450; } section[b-2hhe0tp0s0] { margin-top:30px;padding:24px;background:var(--surface);border:1px solid var(--line); } p[b-2hhe0tp0s0] { line-height:1.7; } .notice[b-2hhe0tp0s0] { padding:12px;background:var(--warning-soft);color:var(--warning); } .table-wrap[b-2hhe0tp0s0] { overflow:auto; } table[b-2hhe0tp0s0] { width:100%;border-collapse:collapse;text-align:left; } th[b-2hhe0tp0s0],td[b-2hhe0tp0s0] { padding:12px;border-bottom:1px solid var(--line); } small[b-2hhe0tp0s0] { color:var(--muted);overflow-wrap:anywhere; } label[b-2hhe0tp0s0] { display:inline-flex;flex-direction:column;gap:8px;max-width:100%;margin:12px 20px 12px 0; } select[b-2hhe0tp0s0],button[b-2hhe0tp0s0] { padding:10px;font:inherit;max-width:100%; } .cutoff[b-2hhe0tp0s0] { font-size:18px; } @media(max-width:700px) { .storage-main[b-2hhe0tp0s0] { padding:24px 16px; } section[b-2hhe0tp0s0] { padding:16px; } }
/* /Components/Pages/Testing/Experiments.razor.rz.scp.css */
.experiment-shell[b-qc0c7eueop]{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:var(--canvas);color:var(--ink)}.experiment-sidebar[b-qc0c7eueop]{padding:30px 22px;background:var(--forest);color:var(--canvas);display:flex;flex-direction:column;gap:30px}.experiment-brand[b-qc0c7eueop]{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.experiment-mark[b-qc0c7eueop]{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;background:var(--accent);color:var(--forest);font-size:23px;font-weight:650;border-radius:8px}.experiment-brand small[b-qc0c7eueop],.experiment-brand strong[b-qc0c7eueop]{display:block}.experiment-brand small[b-qc0c7eueop]{font-size:10px;letter-spacing:1.5px;color:#b3ccc2;margin-bottom:4px}.experiment-brand strong[b-qc0c7eueop]{font-size:15px}.experiment-sidebar nav[b-qc0c7eueop]{display:grid;gap:7px}.experiment-sidebar nav a[b-qc0c7eueop]{padding:11px 12px;font-size:13px;text-decoration:none;color:#d3e6dc;border-radius:6px}.experiment-sidebar nav a[aria-current][b-qc0c7eueop]{color:#c2f3b8;background:var(--forest-raised);display:flex;justify-content:space-between}.experiment-sidebar nav span[b-qc0c7eueop]{color:#a8c8bb}.sidebar-note[b-qc0c7eueop]{border-top:1px solid #285247;padding-top:25px}.sidebar-note h2[b-qc0c7eueop]{font-size:24px;line-height:1.3;font-weight:500;margin:8px 0 13px}.sidebar-note p:not(.eyebrow)[b-qc0c7eueop]{font-size:13px;line-height:1.7;color:#b3ccc2}.sidebar-guide[b-qc0c7eueop]{display:flex;gap:12px;border:1px solid #285247;background:var(--forest-raised);border-radius:14px;padding:15px 13px}.sidebar-guide .step-number[b-qc0c7eueop]{background:#164d3d;color:#c2f3b8;width:26px;height:26px;font-family:Georgia,serif;font-style:italic}.sidebar-guide strong[b-qc0c7eueop]{font-size:12px}.sidebar-guide p[b-qc0c7eueop]{font-size:12px;line-height:1.6;color:#b3ccc2;margin:7px 0 10px}.sidebar-guide a[b-qc0c7eueop]{color:#a7e995;font-size:12px;text-underline-offset:3px}.history-section[b-qc0c7eueop]{border-top:1px solid #285247;padding-top:16px}.history-heading[b-qc0c7eueop]{display:flex;align-items:center;justify-content:space-between}.history-heading h2[b-qc0c7eueop]{font-size:13px;font-weight:500}.text-button[b-qc0c7eueop]{color:#d3e6dc;border:none;background:transparent;font-size:24px;padding:4px 9px}.history-empty[b-qc0c7eueop]{color:#b3ccc2;font-size:12px;line-height:1.7}.history-item[b-qc0c7eueop]{display:block;text-align:left;width:100%;margin-top:9px;padding:12px;background:transparent;border:1px solid #285247;border-radius:12px;color:#e5f1e9}.history-item:hover[b-qc0c7eueop],.history-item.selected[b-qc0c7eueop]{background:var(--forest-raised);border-color:#4b8a6d}.history-item strong[b-qc0c7eueop],.history-item span[b-qc0c7eueop],.history-item small[b-qc0c7eueop]{display:block;overflow-wrap:anywhere}.history-item strong[b-qc0c7eueop]{font-size:13px;line-height:1.5;font-weight:500}.history-item span[b-qc0c7eueop]{font-size:10px;letter-spacing:.4px;color:#a7e995;margin:6px 0}.history-item small[b-qc0c7eueop]{font-size:10px;color:#b3ccc2}.experiment-main[b-qc0c7eueop]{max-width:1560px;width:100%;padding:38px 42px 20px;margin:0 auto;align-self:start}.experiment-header[b-qc0c7eueop]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.experiment-header .eyebrow[b-qc0c7eueop]{color:var(--muted);font-size:10px;letter-spacing:1.1px}.experiment-header h1[b-qc0c7eueop]{font-size:36px;font-weight:600;letter-spacing:-1.2px;margin:9px 0 11px}.experiment-header p:not(.eyebrow)[b-qc0c7eueop]{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.header-badge[b-qc0c7eueop]{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:30px;padding:11px 16px;white-space:nowrap;background:var(--surface)}.header-badge span[b-qc0c7eueop]{padding:0 6px;color:var(--muted)}.lab-card[b-qc0c7eueop]{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;padding:26px;box-shadow:none}.card-heading[b-qc0c7eueop],.heading-with-step[b-qc0c7eueop]{display:flex;align-items:center;gap:13px}.card-heading[b-qc0c7eueop]{justify-content:space-between;margin-bottom:24px}.step-number[b-qc0c7eueop]{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:var(--accent-soft);color:var(--ink);border-radius:14px;font-size:12px;font-weight:700}.heading-with-step .eyebrow[b-qc0c7eueop]{font-size:9px;color:var(--muted);letter-spacing:1px;margin-bottom:4px}.card-heading h2[b-qc0c7eueop]{margin:0;font-size:21px;font-weight:500;letter-spacing:-.4px}.subtle-tag[b-qc0c7eueop]{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:7px 10px;white-space:nowrap}fieldset[b-qc0c7eueop]{border:0;padding:0;margin:0;min-width:0}fieldset:disabled[b-qc0c7eueop]{opacity:.72}.plan-first-row[b-qc0c7eueop]{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.lab-field[b-qc0c7eueop]{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.lab-field>span[b-qc0c7eueop]{font-size:12px;color:var(--ink);font-weight:500}.lab-field input[b-qc0c7eueop],.lab-field select[b-qc0c7eueop],.lab-field textarea[b-qc0c7eueop],.criteria-table input[b-qc0c7eueop]{font:inherit;font-size:13px;line-height:1.4;min-width:0;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:11px 12px;min-height:40px}.lab-field textarea[b-qc0c7eueop]{resize:vertical;line-height:1.6}.lab-field input[b-qc0c7eueop]::placeholder,.lab-field textarea[b-qc0c7eueop]::placeholder{color:var(--muted)}.lab-field input:focus[b-qc0c7eueop],.lab-field textarea:focus[b-qc0c7eueop],.lab-field select:focus[b-qc0c7eueop],.criteria-table input:focus[b-qc0c7eueop]{outline:2px solid #237529;outline-offset:2px}button:focus-visible[b-qc0c7eueop],a:focus-visible[b-qc0c7eueop],summary:focus-visible[b-qc0c7eueop]{outline:2px solid #237529;outline-offset:3px}.protocol-options[b-qc0c7eueop]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1px 0 19px}.protocol-choice[b-qc0c7eueop]{display:flex;align-items:flex-start;gap:10px;padding:16px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface)}.protocol-choice.chosen[b-qc0c7eueop]{border-color:#4a9c44;background:var(--accent-soft)}.protocol-choice input[b-qc0c7eueop],.lab-check input[b-qc0c7eueop]{accent-color:#237529;width:15px;height:15px;margin:2px 0 0;flex-shrink:0}.protocol-choice strong[b-qc0c7eueop],.protocol-choice small[b-qc0c7eueop]{display:block}.protocol-choice strong[b-qc0c7eueop]{font-size:13px;font-weight:600}.protocol-choice small[b-qc0c7eueop]{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.5}.notice[b-qc0c7eueop]{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;background:var(--accent-soft);border:1px solid #cde6c6;border-radius:12px;color:#315b33;font-size:12px;line-height:1.65;margin-bottom:19px;overflow-wrap:anywhere}.notice strong[b-qc0c7eueop]{font-size:11px;white-space:nowrap}.notice.simulation[b-qc0c7eueop]{background:var(--warning-soft);border-color:#ecd99e;color:var(--warning)}.notice.error[b-qc0c7eueop]{background:var(--danger-soft);border-color:#edc3bc;color:var(--danger)}.notice.success[b-qc0c7eueop]{background:var(--accent-soft);border-color:#cde6c6;color:#315b33}.field-grid[b-qc0c7eueop]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.field-grid.two[b-qc0c7eueop]{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-check[b-qc0c7eueop]{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin:2px 0 18px}.settings-section[b-qc0c7eueop]{border-top:1px solid var(--line);margin-top:6px}.settings-section summary[b-qc0c7eueop]{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:17px 0;font-size:12px;font-weight:600}.settings-section summary[b-qc0c7eueop]::-webkit-details-marker{display:none}.settings-section summary[b-qc0c7eueop]:before{content:'+';font-size:17px;line-height:1;color:var(--muted);font-weight:400}.settings-section[open] summary[b-qc0c7eueop]:before{content:'−'}.settings-section summary>span[b-qc0c7eueop]{margin-left:auto;font-size:10px;font-weight:400;color:var(--muted)}.settings-body[b-qc0c7eueop]{padding:0 0 18px}.settings-body>h3[b-qc0c7eueop]{font-size:13px;font-weight:600}.help[b-qc0c7eueop]{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 16px}.help a[b-qc0c7eueop]{color:#237529;text-underline-offset:3px}.plan-footer[b-qc0c7eueop]{border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.plan-footer p[b-qc0c7eueop]{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.plan-footer p strong[b-qc0c7eueop]{font-size:14px;color:var(--ink)}.plan-footer p span[b-qc0c7eueop]{color:var(--muted)}.primary-button[b-qc0c7eueop],.secondary-button[b-qc0c7eueop]{font:inherit;border-radius:999px;min-height:42px;padding:11px 20px;font-size:12px;font-weight:600;white-space:nowrap}.primary-button[b-qc0c7eueop]{color:var(--forest);background:var(--accent);border:1px solid var(--accent)}.primary-button:hover[b-qc0c7eueop]{background:#64d74e}.secondary-button[b-qc0c7eueop]{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.primary-button:disabled[b-qc0c7eueop],.secondary-button:disabled[b-qc0c7eueop]{opacity:.45;cursor:default}.running-card[b-qc0c7eueop]{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#cde6c6;background:var(--accent-soft)}.running-card h2[b-qc0c7eueop]{font-size:20px;font-weight:500;margin:8px 0 12px}.running-card p:not(.eyebrow)[b-qc0c7eueop]{font-size:13px;color:#315b33;margin:0 0 8px}.running-card small[b-qc0c7eueop]{font-size:11px;color:var(--muted)}.result-status[b-qc0c7eueop]{font-size:10px;font-weight:600;padding:8px 11px;border:1px solid #cde6c6;background:var(--accent-soft);border-radius:30px;white-space:nowrap}.result-status.simulated[b-qc0c7eueop]{border-color:#ecd99e;background:var(--warning-soft);color:var(--warning)}.result-meta[b-qc0c7eueop]{font-size:11px;color:var(--muted);margin:-7px 0 20px;line-height:1.8}.table-scroll[b-qc0c7eueop]{overflow-x:auto;max-width:100%;margin-bottom:16px}table[b-qc0c7eueop]{border-collapse:collapse;width:100%;font-size:12px;text-align:left}caption[b-qc0c7eueop]{text-align:left;caption-side:bottom;font-size:10px;color:var(--muted);padding-top:10px;line-height:1.7}th[b-qc0c7eueop],td[b-qc0c7eueop]{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}thead th[b-qc0c7eueop]{background:var(--canvas);color:var(--muted);font-weight:500;font-size:10px;line-height:1.65}thead th:first-child[b-qc0c7eueop]{border-radius:5px 0 0 5px}thead th:last-child[b-qc0c7eueop]{border-radius:0 5px 5px 0}tbody th[b-qc0c7eueop]{font-weight:600;color:var(--ink);white-space:nowrap}tbody td[b-qc0c7eueop]{font-variant-numeric:tabular-nums;color:var(--muted)}table th small[b-qc0c7eueop]{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.criteria-table input[b-qc0c7eueop]{min-width:80px;max-width:115px;padding:8px 10px;min-height:35px}.criteria-table th:first-child[b-qc0c7eueop]{min-width:170px}.metric-definitions[b-qc0c7eueop]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:1px solid var(--line);padding-top:14px;margin:4px 0 18px}.metric-definitions p[b-qc0c7eueop]{font-size:10px;line-height:1.75;color:var(--muted);margin:0}.metric-definitions strong[b-qc0c7eueop]{color:var(--ink);font-weight:600}.frozen-plan[b-qc0c7eueop]{margin:0 0 20px;display:grid;gap:12px}.frozen-plan>div[b-qc0c7eueop]{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;font-size:12px;line-height:1.7}.frozen-plan dt[b-qc0c7eueop]{color:var(--muted)}.frozen-plan dd[b-qc0c7eueop]{margin:0;color:var(--ink);overflow-wrap:anywhere}.sample-errors[b-qc0c7eueop]{padding-left:18px;font-size:11px;line-height:1.7;color:var(--warning);overflow-wrap:anywhere}.sample-errors li[b-qc0c7eueop]{margin:8px 0}.export-row[b-qc0c7eueop]{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;border-top:1px solid var(--line);padding-top:18px}.export-row span[b-qc0c7eueop]{font-size:11px;color:var(--muted);margin-right:auto}.export-row a[b-qc0c7eueop]{font-size:11px;color:#237529;text-decoration:none;padding:8px 10px;background:var(--accent-soft);border:1px solid #cde6c6;border-radius:5px}.section-intro[b-qc0c7eueop]{font-size:12px;color:var(--muted);line-height:1.75;margin:-6px 0 18px}.assessment-grid[b-qc0c7eueop]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.protocol-assessment[b-qc0c7eueop]{padding:17px;background:var(--canvas);border:1px solid var(--line);border-radius:8px}.protocol-assessment h3[b-qc0c7eueop]{font-size:16px;font-weight:500;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.protocol-assessment .lab-field>span[b-qc0c7eueop]{font-size:11px;line-height:1.6}.protocol-assessment .lab-field input[b-qc0c7eueop],.protocol-assessment .lab-field textarea[b-qc0c7eueop],.protocol-assessment .lab-field select[b-qc0c7eueop]{background:var(--surface);font-size:12px}.protocol-assessment .lab-field:last-child[b-qc0c7eueop]{margin-bottom:0}.assessment-footer[b-qc0c7eueop]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:9px 0 30px}.assessment-footer .help[b-qc0c7eueop]{margin:0;font-size:10px}.matrix-heading[b-qc0c7eueop]{padding-top:25px;border-top:1px solid var(--line)}.matrix-heading h3[b-qc0c7eueop]{margin:0 0 9px;font-size:18px;font-weight:500}.matrix-heading p[b-qc0c7eueop]{font-size:11px;color:var(--muted);margin:0 0 18px}.matrix-table[b-qc0c7eueop]{min-width:860px}.matrix-table th:not(:first-child)[b-qc0c7eueop]{min-width:95px}.matrix-table .total-score[b-qc0c7eueop]{font-size:17px;font-weight:600;color:#237529;background:var(--accent-soft)}.matrix-status[b-qc0c7eueop]{font-size:10px;max-width:200px;min-width:145px;line-height:1.6}.empty-state[b-qc0c7eueop]{padding:16px;background:var(--canvas);border-radius:10px;font-size:12px;color:var(--muted)}.empty-results[b-qc0c7eueop]{display:flex;gap:28px;align-items:center;padding:30px 24px 38px}.empty-results>span[b-qc0c7eueop]{white-space:nowrap;font-size:16px;color:var(--muted);border:1px solid var(--line);border-radius:14px;padding:14px 18px}.empty-results h2[b-qc0c7eueop]{font-size:18px;font-weight:400;color:var(--ink);margin:0 0 9px}.empty-results p[b-qc0c7eueop]{font-size:12px;line-height:1.75;color:var(--muted);margin:0;max-width:680px}.lab-footer[b-qc0c7eueop]{border-top:1px solid var(--line);padding:20px 0 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;letter-spacing:.7px}.lab-footer a[b-qc0c7eueop]{letter-spacing:0;color:#237529;text-decoration:none}
.experiment-sidebar a:focus-visible[b-qc0c7eueop],.experiment-sidebar button:focus-visible[b-qc0c7eueop]{outline-color:var(--accent)}
.result-toolbar[b-qc0c7eueop]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-7px 0 20px}.result-toolbar .result-meta[b-qc0c7eueop]{margin:0}.result-toolbar .secondary-button[b-qc0c7eueop]{font-size:10px;min-height:32px;padding:8px 11px}
@media(min-width:1700px){.experiment-main[b-qc0c7eueop]{padding-left:55px;padding-right:55px}.experiment-shell[b-qc0c7eueop]{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:1150px){.experiment-shell[b-qc0c7eueop]{grid-template-columns:230px minmax(0,1fr)}.experiment-sidebar[b-qc0c7eueop]{padding:25px 17px}.experiment-main[b-qc0c7eueop]{padding:28px 24px 18px}.lab-card[b-qc0c7eueop]{padding:22px}.header-badge[b-qc0c7eueop]{display:none}.assessment-grid[b-qc0c7eueop]{grid-template-columns:1fr}.protocol-assessment[b-qc0c7eueop]{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.protocol-assessment h3[b-qc0c7eueop]{grid-column:1/-1}.metric-definitions[b-qc0c7eueop]{gap:15px}.experiment-brand strong[b-qc0c7eueop]{font-size:13px}.protocol-choice[b-qc0c7eueop]{padding:13px 9px;gap:7px}.protocol-choice small[b-qc0c7eueop]{font-size:9px}.protocol-choice strong[b-qc0c7eueop]{font-size:12px}.field-grid[b-qc0c7eueop]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.experiment-shell[b-qc0c7eueop]{grid-template-columns:1fr}.experiment-sidebar[b-qc0c7eueop]{padding:18px 20px;gap:16px}.experiment-sidebar nav[b-qc0c7eueop]{grid-template-columns:1fr 1fr}.experiment-brand strong[b-qc0c7eueop]{font-size:15px}.sidebar-note[b-qc0c7eueop],.sidebar-guide[b-qc0c7eueop]{display:none}.history-section[b-qc0c7eueop]{padding-top:5px}.history-heading h2[b-qc0c7eueop]{margin:5px 0}.history-item[b-qc0c7eueop]{display:inline-block;width:190px;margin-right:8px;vertical-align:top}.history-section[b-qc0c7eueop]{white-space:nowrap;overflow-x:auto;padding-bottom:6px}.history-item strong[b-qc0c7eueop]{white-space:normal}.history-empty[b-qc0c7eueop]{margin:3px 0}.experiment-main[b-qc0c7eueop]{padding:26px 20px 18px}.experiment-header h1[b-qc0c7eueop]{font-size:31px}.lab-card[b-qc0c7eueop]{padding:21px}.metric-definitions[b-qc0c7eueop]{grid-template-columns:1fr;gap:10px}.notice[b-qc0c7eueop]{flex-direction:column;gap:3px}.card-heading h2[b-qc0c7eueop]{font-size:19px}.assessment-card .card-heading[b-qc0c7eueop]{align-items:flex-start}.subtle-tag[b-qc0c7eueop]{font-size:9px}.experiment-header[b-qc0c7eueop]{margin-bottom:24px}}
@media(max-width:500px){.experiment-main[b-qc0c7eueop]{padding:23px 12px 18px}.lab-card[b-qc0c7eueop]{padding:18px 15px}.plan-first-row[b-qc0c7eueop],.field-grid[b-qc0c7eueop],.field-grid.two[b-qc0c7eueop]{grid-template-columns:1fr}.protocol-options[b-qc0c7eueop]{grid-template-columns:1fr}.protocol-choice span[b-qc0c7eueop]{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px}.protocol-choice small[b-qc0c7eueop]{margin-top:0;font-size:10px}.protocol-choice strong[b-qc0c7eueop]{font-size:13px}.card-heading[b-qc0c7eueop]{gap:8px;flex-wrap:wrap}.subtle-tag[b-qc0c7eueop]{margin-left:47px}.settings-section summary[b-qc0c7eueop]{flex-wrap:wrap;gap:7px}.settings-section summary>span[b-qc0c7eueop]{width:100%;margin-left:20px}.plan-footer[b-qc0c7eueop],.running-card[b-qc0c7eueop],.assessment-footer[b-qc0c7eueop]{align-items:stretch;flex-direction:column;gap:15px}.primary-button[b-qc0c7eueop]{width:100%}.protocol-assessment[b-qc0c7eueop]{display:block}.frozen-plan>div[b-qc0c7eueop]{grid-template-columns:1fr;gap:2px}.export-row span[b-qc0c7eueop]{width:100%}.empty-results[b-qc0c7eueop]{padding:18px 8px 25px;gap:15px}.empty-results>span[b-qc0c7eueop]{font-size:11px;padding:10px}.empty-results h2[b-qc0c7eueop]{font-size:16px}.empty-results p[b-qc0c7eueop]{font-size:11px}.lab-footer[b-qc0c7eueop]{font-size:8px;gap:10px}.result-status[b-qc0c7eueop]{margin-left:47px}.experiment-header h1[b-qc0c7eueop]{font-size:29px}}
.experiment-sidebar .eyebrow[b-qc0c7eueop] { color: #b3ccc2; }
/* /Components/PvLoadGauge.razor.rz.scp.css */
.pv-gauge[b-kjpy0veu9p] {
    margin-bottom: 18px;
    padding: 24px 28px 20px;
    color: var(--surface);
    background: var(--forest);
    border: 1px solid var(--forest-raised);
    border-radius: var(--radius);
    box-shadow: none;
}

.gauge-header[b-kjpy0veu9p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.gauge-eyebrow[b-kjpy0veu9p] {
    margin: 0 0 6px;
    color: #b3ccc2;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.gauge-header h3[b-kjpy0veu9p] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.gauge-mode[b-kjpy0veu9p] {
    padding: 6px 10px;
    color: #e5f1e9;
    border: 1px solid #396055;
    border-radius: 20px;
    font-size: 0.75rem;
}

.gauge-body[b-kjpy0veu9p] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(160px, 0.8fr);
    align-items: center;
    gap: 20px;
    margin-top: 12px;
}

.gauge-dial[b-kjpy0veu9p] {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: auto;
    overflow: visible;
}

.gauge-tick[b-kjpy0veu9p] {
    stroke-width: 5;
    stroke-linecap: round;
}

.grid-tick[b-kjpy0veu9p] { stroke: #f07167; }
.solar-tick[b-kjpy0veu9p] { stroke: var(--accent); }
.empty-tick[b-kjpy0veu9p] { stroke: #28594b; }

.gauge-value[b-kjpy0veu9p] {
    fill: var(--surface);
    font-size: 65px;
    font-weight: 600;
    letter-spacing: -2px;
    font-variant-numeric: tabular-nums;
}

.gauge-caption[b-kjpy0veu9p] {
    fill: #c4dacf;
    font-size: 17px;
}

.gauge-scale[b-kjpy0veu9p] {
    fill: #b3ccc2;
    font-size: 14px;
}

.gauge-legend[b-kjpy0veu9p] { margin: 0; }
.gauge-legend > div + div[b-kjpy0veu9p] { margin-top: 26px; }

.gauge-legend dt[b-kjpy0veu9p] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 0.9rem;
    font-weight: 600;
}

.legend-dot[b-kjpy0veu9p] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.solar-dot[b-kjpy0veu9p] { background: var(--accent); }
.grid-dot[b-kjpy0veu9p] { background: #f07167; }

.gauge-legend dd[b-kjpy0veu9p] {
    display: grid;
    gap: 3px;
    margin: 7px 0 0 18px;
}

.gauge-legend strong[b-kjpy0veu9p] {
    font-size: 1.5rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.gauge-legend dd span[b-kjpy0veu9p] {
    color: #b3ccc2;
    font-size: 0.82rem;
}

.gauge-note[b-kjpy0veu9p] {
    margin: 22px 0 0;
    padding-top: 16px;
    border-top: 1px solid #285247;
    color: #e0eee5;
    font-size: 0.82rem;
    line-height: 1.5;
}

.export-note[b-kjpy0veu9p] { color: #8ee47d; }

.gauge-footnote[b-kjpy0veu9p] {
    margin: 18px 0 0;
    padding-top: 14px;
    border-top: 1px solid #285247;
    color: #b3ccc2;
    font-size: 0.78rem;
    line-height: 1.5;
}

@media (max-width: 680px) {
    .pv-gauge[b-kjpy0veu9p] { padding: 20px 18px; }
    .gauge-body[b-kjpy0veu9p] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .gauge-legend[b-kjpy0veu9p] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .gauge-legend > div + div[b-kjpy0veu9p] { margin-top: 0; }
    .gauge-legend strong[b-kjpy0veu9p] { font-size: 1.25rem; }
}
/* /Components/TechnicianLayoutPreview.razor.rz.scp.css */
.unit-preview[b-1xlaap8g76] { padding: 32px 0 0; }
.layout-heading[b-1xlaap8g76] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.eyebrow[b-1xlaap8g76] { margin: 0 0 9px; color: var(--muted); font: 10px/1.5 Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.layout-heading h2[b-1xlaap8g76] { margin: 0; font-size: 28px; font-weight: 500; letter-spacing: -.04em; }
.preview-badge[b-1xlaap8g76] { padding: 7px 12px; border: 1px solid #d7dfd9; border-radius: 20px; color: #53665b; background: #f3f6f4; font-size: 12px; white-space: nowrap; }
.preview-notice[b-1xlaap8g76] { margin: 14px 0 26px; max-width: 760px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.unit-workspace[b-1xlaap8g76] { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 30px; align-items: start; }
.unit-floor[b-1xlaap8g76] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px 24px; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background-color: #fafcfb; background-image: radial-gradient(#dbe4de .7px, transparent .7px); background-size: 16px 16px; }
.unit-tile[b-1xlaap8g76] { min-width: 0; padding: 18px 20px; border: 1px solid transparent; border-radius: 10px; background: transparent; text-align: left; color: var(--ink); transition: background .15s, border-color .15s; }
.unit-tile:hover[b-1xlaap8g76] { background: #ffffffc9; border-color: #b4c7bc; }
.unit-tile.selected[b-1xlaap8g76] { border-color: #7b9887; background: #fff; box-shadow: 0 3px 12px #14382908; }
.unit-tile:focus-visible[b-1xlaap8g76] { outline: 3px solid #235b40; outline-offset: 3px; }
.unit-heading[b-1xlaap8g76] { display: grid; gap: 5px; }
.unit-heading strong[b-1xlaap8g76] { font-size: 18px; font-weight: 600; }
.unit-heading > span[b-1xlaap8g76] { color: var(--muted); font: 10px/1.5 Consolas, monospace; letter-spacing: .06em; }
.unit-illustration[b-1xlaap8g76] { position: relative; display: block; max-width: 240px; margin: 22px auto 12px; }
.machine[b-1xlaap8g76] { display: block; width: 100%; }
.machine-body[b-1xlaap8g76] { fill: #fff; stroke: #234138; stroke-width: 3; }
.machine-line[b-1xlaap8g76] { stroke: #234138; stroke-width: 2.5; }
.machine-display[b-1xlaap8g76] { fill: #234138; }
.machine-window[b-1xlaap8g76] { stroke: #234138; stroke-width: 3; fill: #f1f5f2; }
.machine-detail[b-1xlaap8g76] { stroke: #b7c9be; stroke-width: 2; stroke-linecap: round; }
.unit-status-icon[b-1xlaap8g76] { position: absolute; right: -5px; bottom: 5px; display: grid; place-items: center; width: 42px; height: 42px; border: 3px solid currentColor; border-radius: 50%; font-size: 28px; font-weight: 650; line-height: 1; background: #fff; }
.power-off[b-1xlaap8g76] { color: #69776f; }
.power-on[b-1xlaap8g76] { color: #218343; }
.unit-status[b-1xlaap8g76] { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 12px; font-weight: 600; }
.unit-status > span[b-1xlaap8g76] { color: var(--muted); font-size: 10px; font-weight: 400; }
.dryer-tile[b-1xlaap8g76] { grid-column: 1; }
.floor-caption[b-1xlaap8g76] { align-self: end; padding: 0 0 5px; color: #738077; font-size: 10px; line-height: 1.6; }
.unit-details[b-1xlaap8g76] { overflow: hidden; border: 1px solid #c7d5cc; border-radius: 12px; background: white; }
.detail-title[b-1xlaap8g76] { padding: 24px; background: #f5f8f5; border-bottom: 1px solid var(--line); }
.detail-title h3[b-1xlaap8g76] { margin: 0 0 10px; font-size: 24px; font-weight: 500; letter-spacing: -.03em; }
.example-label[b-1xlaap8g76] { color: var(--muted); font-size: 11px; }
.unit-details dl[b-1xlaap8g76] { margin: 0; }
.unit-details dl > div[b-1xlaap8g76] { padding: 22px 24px; border-bottom: 1px solid var(--line); }
.unit-details dt[b-1xlaap8g76] { margin-bottom: 9px; font-size: 12px; font-weight: 600; }
.unit-details dd[b-1xlaap8g76] { margin: 0; font-size: 15px; line-height: 1.7; overflow-wrap: anywhere; }
.unit-details .unit-id[b-1xlaap8g76] { font: 13px/1.7 Consolas, monospace; }
.unit-details .notes[b-1xlaap8g76] { min-height: 160px; }
.unit-details .notes dd[b-1xlaap8g76] { color: var(--muted); font-size: 13px; }
.detail-status[b-1xlaap8g76] { padding: 20px 24px; }
.detail-status strong[b-1xlaap8g76] { font-size: 13px; }
.detail-status p[b-1xlaap8g76] { margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.layout-legend[b-1xlaap8g76] { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; margin-top: 18px; color: var(--muted); font-size: 12px; }
.layout-legend > span[b-1xlaap8g76] { display: flex; align-items: center; gap: 8px; }
.layout-legend i[b-1xlaap8g76] { display: grid; place-items: center; width: 19px; height: 19px; border: 1.5px solid currentColor; border-radius: 50%; font-style: normal; font-weight: 650; }
.legend-note[b-1xlaap8g76] { margin-left: auto; font-size: 11px; }
@media (min-width: 1550px) { .unit-floor[b-1xlaap8g76] { gap: 32px 50px; padding: 28px 42px; } .unit-workspace[b-1xlaap8g76] { grid-template-columns: minmax(0, 1fr) 330px; gap: 40px; } }
@media (max-width: 1150px) { .unit-workspace[b-1xlaap8g76] { grid-template-columns: minmax(0, 1fr) 250px; gap: 20px; } .unit-floor[b-1xlaap8g76] { padding: 15px; gap: 22px 10px; } .unit-tile[b-1xlaap8g76] { padding: 14px 10px; } }
@media (max-width: 760px) { .unit-workspace[b-1xlaap8g76] { grid-template-columns: 1fr; } .unit-floor[b-1xlaap8g76] { padding: 18px; } .unit-details .notes[b-1xlaap8g76] { min-height: 0; } .legend-note[b-1xlaap8g76] { margin-left: 0; } }
@media (max-width: 420px) { .unit-floor[b-1xlaap8g76] { padding: 9px; gap: 20px 6px; } .unit-tile[b-1xlaap8g76] { padding: 12px 7px; } .unit-heading strong[b-1xlaap8g76] { font-size: 16px; } .unit-heading > span[b-1xlaap8g76] { font-size: 9px; } .unit-status-icon[b-1xlaap8g76] { width: 31px; height: 31px; font-size: 21px; border-width: 2px; } .unit-status[b-1xlaap8g76] { font-size: 11px; } .layout-legend[b-1xlaap8g76] { gap: 14px; } }
@media (prefers-reduced-motion: reduce) { .unit-tile[b-1xlaap8g76] { transition: none; } }

.unit-status-icon svg[b-1xlaap8g76] { width: 24px; height: 24px; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }