.preferences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:24px}.preferences-grid label{display:grid;gap:10px;max-width:360px}.preferences-grid select{padding:10px;border:1px solid #36505e;border-radius:7px;background:#0d212b;color:#d6e6ed}.preferences-grid p{line-height:1.6}.email-panel{margin-bottom:20px}
.pq-report-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 16px}.pq-report-actions span{font-size:12px;color:var(--demo-muted);line-height:1.5}
html[data-theme=light] body.demo-theme{--text:#142c40;--muted:#50687a;--line:#cddae4;--blue:#126bca;background:#f3f6fa;color:#142c40}
html[data-theme=light] .demo-theme :is(.demo-main,.demo-shell){background:#f3f6fa;color:#142c40}
html[data-theme=light] .demo-theme :is(.demo-topbar,.demo-sidebar,.panel,.panel-dark,.admin-tabs,.admin-savebar,.breaker-modal-card,.device-card,.pq-config-card,.event-detection-card,.notification-editor,.email-panel,.email-schedule){background:#fff;color:#142c40;border-color:#cddae4}
html[data-theme=light] .demo-theme :is(.panel-header,.device-card-head,.pq-config-head,.event-detection-head,.system-status-grid>div,.campus-kpis>div,.dashboard-kpi,.dashboard-card,.metric-card,.report-metric,.summary-list>div,.smtp-settings-grid,.notification-guidance,.notification-status,.history-recording-controls){background:#f7faff;color:#142c40;border-color:#cddae4}
html[data-theme=light] .demo-theme :is(h1,h2,h3,h4,strong,label,th,.user-name,.tab-button,.secondary-button,.ghost-button,.dark-select,.control-group label,.metric-label,.metric-value,.top-clock){color:#142c40}
html[data-theme=light] .demo-theme :is(p,small,.breadcrumb,.side-label,.panel-subtitle,.report-note,.metric-sub,.heading-status,.test-result,.admin-empty,.notification-guidance,.notification-status,.email-notice){color:#50687a}
html[data-theme=light] .demo-theme :is(input,select,textarea,.secondary-button,.ghost-button,.range-buttons button,.report-mode-tabs button){background:#fff;color:#142c40;border-color:#b8cad7}
html[data-theme=light] .demo-theme :is(input,select,textarea):focus-visible{outline:3px solid #8ac3f4;outline-offset:2px}
html[data-theme=light] .demo-theme :is(.top-nav,.side-nav,.admin-tabs) button.active,html[data-theme=light] .demo-theme :is(.range-buttons,.report-mode-tabs) button.active{background:#e1efff;color:#095bab;border-color:#2980d1}
html[data-theme=light] .demo-theme :is(.dark-table,.report-table,.email-history table){color:#142c40;background:#fff}
html[data-theme=light] .demo-theme :is(.dark-table,.report-table,.email-history table) :is(th,td){border-color:#d8e2eb;background:transparent;color:inherit}
html[data-theme=light] .demo-theme :is(.dark-table,.report-table,.email-history table) thead{background:#eaf2fc;color:#233e54}
html[data-theme=light] .demo-theme :is(.dashboard-good,.ok-text,.negative-change){color:#087344}html[data-theme=light] .demo-theme :is(.dashboard-warn,.warn-text,.positive-change,.severity-high){color:#a53f12}
html[data-theme=light] .demo-theme :is(.primary-button,.danger-button){color:#fff}html[data-theme=light] .demo-theme .danger-button{background:#a32932}
html[data-theme=light] .demo-theme :is(.asset-overlay,.campus-callout,.breaker-modal-body,.switchgear-sidebar){background:#fffffff0;color:#142c40;border-color:#b8cad7}
html[data-theme=light] .demo-theme .login-view{background:#eaf1f8}html[data-theme=light] .demo-theme :is(.login-card,.login-footer,.activation-step){background:#fff;color:#142c40;border-color:#cddae4}
html[data-theme=light] .demo-theme .global-message{background:#fff3ee;color:#9a3412;border-color:#edc5b8}
html[data-theme=light] .demo-theme .preferences-grid select{background:#fff;color:#142c40}

.notification-routing-head,.notification-recipient{grid-template-columns:1.4fr 1.8fr repeat(5,minmax(78px,.7fr)) 36px!important}.notification-recipient-list{overflow:auto}.notification-recipient{min-width:900px}

.dashboard-live-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-live-strip strong{white-space:normal;overflow-wrap:anywhere}
html[data-theme=light] body.demo-theme{--demo-muted:#50687a;--demo-line:#cddae4}
html[data-theme=light] .demo-theme :is(.panel,.metric-card,.admin-savebar){box-shadow:0 4px 18px rgba(28,54,75,.06)}
html[data-theme=light] .demo-theme .dashboard-live-strip{background:#d8e2eb;border-color:#d8e2eb}
html[data-theme=light] .demo-theme :is(.dashboard-live-strip>div,.energy-kpi-card,.alarm-rule-row,.target-picker>summary,.target-picker-menu,.distribution-donut::after){background:#fff;border-color:#cddae4;color:#142c40}
html[data-theme=light] .demo-theme :is(.admin-tabs button,.dashboard-live-strip span,.dashboard-live-strip small,.distribution-donut span,.dashboard-empty,.last-updated,.energy-kpi-card p,.target-picker>summary span){color:#50687a}
html[data-theme=light] .demo-theme .admin-tabs button:hover{background:#eaf2fc;color:#095bab}
html[data-theme=light] .demo-theme :is(.target-check,.alarm-rule-source strong){color:#142c40!important}
html[data-theme=light] .demo-theme .target-check:hover{background:#eaf2fc}
html[data-theme=light] .demo-theme .target-picker-menu legend{color:#095bab}
@media(max-width:700px){.dashboard-live-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

html[data-theme=light] .demo-theme :is(.sys-node,.gauge-card,.alarm-summary>div,.meter-measure,.meter-eng-block,.pq-card,.energy-card,.pq-summary-grid>div,.pq-collector-card,.pq-config-capability,.device-profile-box,.profile-notice,.sftp-credential-editor,.notification-recipient,.trend-point-picker,.trend-check,.alarm-source-picker,.report-parameter-grid>div){background:#f7faff;color:#142c40;border-color:#cddae4}
html[data-theme=light] .demo-theme :is(.meter-eng-block strong,.phase-row strong,.pq-value-grid strong,.energy-table strong,.peak-grid strong,.io-table strong,.pq-large-value strong){background:#fff;color:#142c40;border-color:#cddae4}
html[data-theme=light] .demo-theme :is(.maintenance-head span,.maintenance-facts span,.system-status-grid span,.sys-link em,.pq-summary-grid span,.pq-collector-card>div span,.pq-config-capability span,.trend-table-head span,.trend-check,.report-header span,.notification-routing-head){color:#50687a}
html[data-theme=light] .demo-theme :is(.maintenance-badge,.maintenance-badge.success,.sys-node>span,.ok-text){color:#087344}
html[data-theme=light] .demo-theme :is(.maintenance-badge.failed,.warn-text){color:#a32932}
html[data-theme=light] .demo-theme :is(.panel-dark,.system-diagram){box-shadow:0 4px 18px rgba(28,54,75,.06)}
html[data-theme=light] .demo-theme :is(.report-parameter-grid,.pq-collector-status){background:#d8e2eb}
html[data-theme=light] .demo-theme :is(.trend-quick-ranges button,.meter-tabs button){background:#fff;color:#36536b;border-color:#b8cad7}
html[data-theme=light] .demo-theme :is(.trend-quick-ranges button.active,.meter-tabs button.active){background:#e1efff;color:#095bab;border-color:#2980d1}
html[data-theme=light] .demo-theme :is(.pq-capability-badge,.waveform-ready,.pq-event-link){color:#095bab!important}
html[data-theme=light] .demo-theme :is(.one-line-reading strong,.ol-live-stack strong){color:#65dcf4!important}