:root{--navy:#06111f;--navy2:#0d2239;--blue:#1f6fd1;--blue-soft:#eaf3ff;--green:#2ca86f;--red:#e5484d;--text:#142033;--muted:#667085;--line:#dfe5ec;--panel:#fff;--bg:#f4f7fb;--shadow:0 8px 24px rgba(16,24,40,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}.hidden{display:none!important}.topbar{min-height:78px;background:linear-gradient(100deg,var(--navy),#092744);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 30px;box-shadow:0 2px 12px rgba(0,0,0,.2)}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand strong,.login-brand strong{display:block;font-size:20px}.brand span,.login-brand span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.78;margin-top:3px}.wa-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:linear-gradient(145deg,#173a60,#091d32);color:#fff;font-weight:800;letter-spacing:-1px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}.wa-mark.small{width:42px;height:42px;border-radius:10px;font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.user-name{font-size:13px;opacity:.85}.tabs{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;padding:0 30px;gap:28px}.tab-button{border:0;background:transparent;padding:17px 3px 14px;color:#64748b;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.tab-button.active{color:var(--blue);border-color:var(--blue)}main{padding:26px 30px 40px;max-width:1680px;margin:0 auto}.view{display:none}.active-view{display:block}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.page-heading h1{margin:0 0 5px;font-size:27px}.page-heading p{margin:0;color:var(--muted)}.last-updated{font-size:13px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.panel-header{min-height:54px;display:flex;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:14px;letter-spacing:.2px;text-transform:uppercase}.panel-header h2 span{font-weight:500;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:390px 1fr 1.25fr;grid-template-rows:380px 510px;gap:14px}.tenant-panel{grid-row:1/3}.summary-panel{grid-column:2}.month-panel{grid-column:3}.comparison-panel{grid-column:2}.pie-panel{grid-column:3}.tenant-table-wrap{height:calc(100% - 54px);overflow:auto}.tenant-table,.report-table{width:100%;border-collapse:collapse}.tenant-table th,.tenant-table td{padding:6px 14px;border-bottom:1px solid #edf0f4;text-align:left;font-size:13px}.tenant-table th{position:sticky;top:0;background:#f8fafc;text-transform:uppercase;font-size:11px;color:#596579}.tenant-table th:last-child,.tenant-table td:last-child{text-align:right}.tenant-name{display:flex;align-items:center;gap:10px}.tenant-num{display:grid;place-items:center;min-width:28px;height:24px;padding:0 6px;background:var(--blue-soft);border-radius:7px;color:var(--blue);font-weight:700;font-size:11px}.meter-label{color:var(--muted);font-size:11px}.summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px;height:calc(100% - 54px);align-items:center}.metric-card{border:1px solid #c9dcf6;border-radius:12px;padding:24px;background:linear-gradient(145deg,#fff,#f8fbff);min-height:160px;display:flex;flex-direction:column;justify-content:center}.metric-card.green{border-color:#bde8cf;background:linear-gradient(145deg,#fff,#f4fff8)}.metric-card.red{border-color:#f2c8ca;background:linear-gradient(145deg,#fff,#fff7f7)}.metric-label{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700;color:#5e6a7d}.metric-value{font-size:34px;font-weight:800;color:var(--blue);margin:10px 0 4px}.metric-card.green .metric-value{color:var(--green)}.metric-card.red .metric-value{color:var(--red)}.metric-sub{color:var(--muted);font-size:12px}.chart-wrap{height:calc(100% - 54px);padding:18px}.chart-wrap.tall{padding:16px}.report-controls{padding:18px;display:flex;align-items:end;gap:18px;margin-bottom:15px}.control-group{display:flex;flex-direction:column;gap:8px;min-width:290px}.control-group.grow{flex:1}.control-group label{font-size:12px;font-weight:700;text-transform:uppercase;color:#5c687b}.control-group select{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff}.range-buttons{display:flex}.range-buttons button{height:44px;padding:0 20px;border:1px solid var(--line);background:#fff;color:#475467;cursor:pointer}.range-buttons button:first-child{border-radius:8px 0 0 8px}.range-buttons button:last-child{border-radius:0 8px 8px 0}.range-buttons button+button{border-left:0}.range-buttons button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.report-actions{display:flex;gap:8px}.primary-button,.secondary-button,.ghost-button{height:44px;border-radius:8px;padding:0 18px;font-weight:700;cursor:pointer}.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff}.secondary-button{border:1px solid var(--line);background:#fff;color:#344054}.ghost-button{height:38px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}.report-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.report-metric{min-height:130px;padding:20px}.report-table-panel{overflow:hidden}.report-header{justify-content:space-between}.report-header span{font-size:12px;color:var(--muted)}.report-table-wrap{overflow:auto;max-height:560px}.report-table th,.report-table td{padding:12px 16px;border-bottom:1px solid #edf0f4;font-size:13px}.report-table thead th{position:sticky;top:0;background:#eef5ff;text-align:left}.report-table th:not(:first-child),.report-table td:not(:first-child){text-align:right}.report-table tfoot th{background:#fff3b8;font-size:14px}.login-view{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#173a60,var(--navy) 55%)}.login-card{width:min(460px,92vw);background:#fff;padding:34px;border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.35)}.login-brand{margin-bottom:28px;color:var(--navy)}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 24px}.login-card label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:13px;margin-bottom:15px}.login-card input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px}.login-card input:focus{outline:3px solid rgba(31,111,209,.18);border-color:var(--blue)}.login-card .primary-button{width:100%;margin-top:5px}.primary-button:disabled{opacity:.65;cursor:wait}.form-message{font-size:13px;color:var(--red);margin-top:12px}.global-message{padding:12px 14px;margin-bottom:15px;border:1px solid #f2c8ca;background:#fff7f7;color:#a2262a;border-radius:9px;font-size:13px}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:330px 1fr;grid-template-rows:auto}.tenant-panel{grid-row:1/4}.month-panel,.pie-panel,.summary-panel,.comparison-panel{grid-column:2}.report-controls{flex-wrap:wrap}.report-actions{width:100%;justify-content:flex-end}}
@media(max-width:760px){.topbar{padding:14px 16px;align-items:flex-start}.brand strong{font-size:16px}.user-name{display:none}.tabs{padding:0 16px}.dashboard-grid{display:block}.panel{margin-bottom:14px}.tenant-panel{height:520px}.summary-panel{height:auto}.summary-cards{grid-template-columns:1fr;height:auto}.month-panel,.comparison-panel,.pie-panel{height:390px}.page-heading{align-items:flex-start;gap:10px;flex-direction:column}main{padding:20px 14px}.report-controls{display:block}.control-group{min-width:0;margin-bottom:14px}.range-buttons{display:grid;grid-template-columns:1fr 1fr}.range-buttons button,.range-buttons button:first-child,.range-buttons button:last-child{border:1px solid var(--line);border-radius:7px;margin:3px}.report-actions{justify-content:stretch}.report-actions button{flex:1}.report-summary-grid{grid-template-columns:1fr}.report-header{align-items:flex-start;gap:8px;flex-direction:column}}
@media print{.topbar,.tabs,.report-controls,.page-heading,.report-summary-grid,.global-message{display:none!important}body{background:#fff}.view{display:none!important}#reportsView{display:block!important}main{padding:0}.panel{box-shadow:none;border:0}.report-table-wrap{max-height:none;overflow:visible}.report-table thead th{position:static}}

.report-mode-tabs{display:flex;gap:8px;margin-bottom:15px}.report-mode-tabs button{height:42px;padding:0 18px;border:1px solid var(--line);background:#fff;color:#475467;border-radius:8px;font-weight:700;cursor:pointer}.report-mode-tabs button.active{background:var(--navy2);border-color:var(--navy2);color:#fff}.report-mode{display:none}.active-report-mode{display:block}.report-controls input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff}.control-group.compact{min-width:180px;max-width:220px}.report-note{min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:12px;line-height:1.45}.meter-subtotal td,.meter-subtotal th{font-weight:800;background:#eef5ff}.meter-group-row td{background:#f8fafc;font-weight:800;text-transform:uppercase;font-size:11px;color:#475467}.missing-reading{color:var(--red);font-size:11px}.billing-chart-panel{height:390px;margin-bottom:15px}.billing-chart-wrap{height:calc(100% - 54px)}.positive-change{color:#b42318;font-weight:700}.negative-change{color:#067647;font-weight:700}.neutral-change{color:var(--muted)}
@media(max-width:760px){.report-mode-tabs{overflow:auto}.report-mode-tabs button{white-space:nowrap}.control-group.compact{max-width:none}.billing-chart-panel{height:360px}}
@media print{.report-mode-tabs{display:none!important}.report-mode{display:none!important}.report-mode.active-report-mode{display:block!important}.active-report-mode .report-controls{display:none!important}.billing-chart-panel{page-break-after:avoid}.report-table-panel{page-break-inside:auto}}

/* Customer portal branding */
.ct-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:linear-gradient(145deg,#173a60,#091d32);color:#fff;font-weight:800;letter-spacing:-1px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}
.ct-mark.small{width:42px;height:42px;border-radius:10px;font-size:14px}
.login-view{position:relative;overflow:hidden;background:linear-gradient(135deg,#071625 0%,#0d2239 52%,#132a43 100%)}
.login-view:before,.login-view:after{content:"";position:absolute;pointer-events:none;background:rgba(255,255,255,.025);transform:rotate(-28deg);border-radius:40px}
.login-view:before{width:720px;height:170px;left:-240px;bottom:80px}.login-view:after{width:580px;height:130px;right:-190px;top:110px}
.login-card{position:relative;z-index:1;width:min(560px,92vw);padding:44px 48px 0;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.38);overflow:hidden}
.customer-login-brand{justify-content:center;margin:0 0 30px}
.customer-logo{display:block;width:min(245px,70%);height:auto;object-fit:contain}
.login-card h1{text-align:center;font-size:34px;letter-spacing:-.02em;margin:0 0 9px}
.login-card .login-intro{text-align:center;font-size:16px;line-height:1.45;max-width:410px;margin:0 auto 30px}
.login-card label{font-size:13px;margin-bottom:18px}
.login-card input{height:50px;border-radius:9px;font-size:15px;background:#fff}
.login-card input#loginUsername{background:#f4f8fe}
.password-field{position:relative}.password-field input{width:100%;padding-right:48px}
.password-toggle{position:absolute;right:5px;top:5px;width:40px;height:40px;border:0;background:transparent;color:#5e6a7d;font-size:19px;cursor:pointer;border-radius:7px}.password-toggle:hover{background:#f1f5f9}
.login-card .primary-button{height:50px;font-size:16px;margin:2px 0 0}
.login-footer{display:flex;align-items:center;gap:12px;margin:34px -48px 0;padding:22px 48px;border-top:1px solid var(--line);background:#fbfcfe;color:#475467}
.login-footer strong,.login-footer span{display:block}.login-footer strong{font-size:13px}.login-footer span{font-size:12px;margin-top:3px;color:var(--muted)}
.secure-icon{width:32px;height:32px;border:2px solid #64748b;border-radius:9px;display:grid!important;place-items:center;font-weight:800;color:#64748b!important;margin:0!important}
@media(max-width:600px){.login-card{padding:34px 24px 0}.login-card h1{font-size:29px}.customer-logo{width:min(220px,78%)}.login-footer{margin:28px -24px 0;padding:19px 24px}.top-actions{gap:8px}.top-actions .user-name{display:block;font-size:11px;max-width:145px;text-align:right}.brand span{font-size:9px}}

/* 2026-08-26 energy cost + period controls */
.summary-cards{grid-template-columns:1fr 1fr;align-content:start}.energy-cost-card{grid-column:1/-1;display:flex;align-items:center;gap:18px}.cost-icon{width:44px;height:44px;border-radius:999px;background:#35b86b;color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.rate-editor{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:var(--muted)}.rate-editor label{font-weight:700;color:#526176}.rate-editor input{width:92px;border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:#fff;color:var(--text)}.rate-save-button{border:1px solid #b9d7c5;background:#fff;color:#1f7a49;border-radius:7px;padding:6px 10px;font-weight:700;cursor:pointer}.rate-save-button:hover{background:#f1fbf5}.chart-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.period-toggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.period-toggle button{border:0;border-right:1px solid var(--line);background:#fff;color:#526176;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer}.period-toggle button:last-child{border-right:0}.period-toggle button.active{background:var(--blue);color:#fff}.report-summary-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.report-table th:last-child,.report-table td:last-child{text-align:right}.metric-sub.cost-sub{font-weight:700;color:#2ca866}
@media(max-width:1100px){.report-summary-grid.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-panel-header{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.report-summary-grid.four-up{grid-template-columns:1fr}.summary-cards{grid-template-columns:1fr}.energy-cost-card{grid-column:auto}.period-toggle{width:100%}.period-toggle button{flex:1}}

/* 2026-08-26 v2 dashboard polish */
.energy-cost-card .metric-value{font-size:26px;line-height:1.05}.energy-cost-card{padding-top:14px;padding-bottom:14px}.energy-cost-card>div:last-child{min-width:0;flex:1}.rate-editor{row-gap:8px}.chart-panel-header{min-width:0;flex-wrap:wrap}.chart-panel-header h2{min-width:0;flex:1 1 220px}.chart-panel-header .period-toggle{flex:0 0 auto;margin-left:auto}.comparison-panel .panel-header,.pie-panel .panel-header{padding-right:14px}.comparison-panel .period-toggle button,.pie-panel .period-toggle button{padding-left:9px;padding-right:9px}.pie-panel .chart-wrap{padding-top:4px}
@media(max-width:1250px){.comparison-panel .chart-panel-header,.pie-panel .chart-panel-header{align-items:flex-start}.comparison-panel .period-toggle,.pie-panel .period-toggle{margin-left:0}}


/* 2026-08-26 v3 compact cost card + breaker share percentages */
.energy-cost-card{min-height:92px!important;padding:11px 14px!important;gap:12px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center}
.energy-cost-card .cost-icon{width:34px;height:34px;font-size:18px;grid-row:1/3}
.energy-cost-card .metric-label{font-size:10px;line-height:1.1}
.energy-cost-card .metric-value{font-size:22px!important;line-height:1;margin:4px 0 2px!important}
.energy-cost-card .rate-editor{margin-top:4px;font-size:10px;gap:4px;flex-wrap:nowrap}
.energy-cost-card .rate-editor label{font-size:10px;white-space:nowrap}
.energy-cost-card .rate-editor input{width:72px;padding:4px 6px;font-size:10px}
.energy-cost-card .rate-save-button{padding:4px 8px;font-size:10px}
.energy-cost-card #rateSaveStatus{font-size:10px;margin-top:2px}
.pie-panel .chart-wrap{padding-right:10px}
@media(max-width:1250px){.energy-cost-card .rate-editor{flex-wrap:wrap}.energy-cost-card{min-height:104px!important}}

/* 2026-08-26 v4 compact summary + always-visible blended-rate editor */
.summary-cards{padding:14px 18px 16px!important;gap:10px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:112px 88px!important;align-content:start!important;height:calc(100% - 54px)!important}
.summary-cards>.metric-card:not(.energy-cost-card){min-height:112px!important;padding:14px 18px!important}
.summary-cards>.metric-card:not(.energy-cost-card) .metric-value{font-size:30px;margin:6px 0 3px}
.energy-cost-card{grid-column:1/-1!important;min-height:88px!important;height:88px!important;padding:10px 14px!important;display:block!important}
.energy-cost-card .cost-icon{display:none!important}
.energy-cost-card>div:last-child{height:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 16px;grid-template-areas:"label editor" "value editor" "status status";column-gap:16px;align-items:center}
.energy-cost-card .metric-label{grid-area:label;font-size:10px!important;line-height:1.1;margin:0!important}
.energy-cost-card .metric-value{grid-area:value;font-size:24px!important;line-height:1!important;margin:2px 0 0!important;white-space:nowrap}
.energy-cost-card .rate-editor{grid-area:editor;margin:0!important;display:grid!important;grid-template-columns:auto 10px 74px auto auto;align-items:center;gap:4px!important;flex-wrap:nowrap!important;white-space:nowrap}
.energy-cost-card .rate-editor label{font-size:10px!important;white-space:nowrap}
.energy-cost-card .rate-editor input{width:74px!important;padding:5px 6px!important;font-size:11px!important}
.energy-cost-card .rate-save-button{padding:5px 8px!important;font-size:10px!important}
.energy-cost-card #rateSaveStatus{grid-area:status;font-size:9px!important;line-height:1.1;margin:0!important;align-self:end}
@media(max-width:1250px){.summary-cards{grid-template-rows:auto auto!important}.energy-cost-card{height:auto!important;min-height:104px!important}.energy-cost-card>div:last-child{grid-template-columns:1fr;grid-template-areas:"label" "value" "editor" "status";row-gap:4px}.energy-cost-card .rate-editor{justify-self:start}}

/* 2026-08-26 MeterSight header branding */
.metersight-brand{display:flex;align-items:center;min-width:0}
.metersight-header-logo{display:block;height:40px;width:auto;max-width:220px;object-fit:contain}
@media(max-width:760px){.metersight-header-logo{height:34px;max-width:185px}.topbar{padding-left:16px;padding-right:16px}}

/* 2026-08-26 v8 summary spacing cleanup */
.summary-cards{padding:18px!important;gap:14px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:106px 80px!important;align-content:start!important;height:calc(100% - 54px)!important;overflow:hidden!important}
.summary-cards>.metric-card:not(.energy-cost-card){height:106px!important;min-height:0!important;padding:13px 16px!important;margin:0!important;justify-content:center!important}
.summary-cards>.metric-card:not(.energy-cost-card) .metric-label{font-size:11px!important;line-height:1.15!important;margin:0!important}
.summary-cards>.metric-card:not(.energy-cost-card) .metric-value{font-size:29px!important;line-height:1.05!important;margin:5px 0 2px!important}
.summary-cards>.metric-card:not(.energy-cost-card) .metric-sub{font-size:11px!important;line-height:1.2!important;margin:0!important}
.energy-cost-card{grid-column:1/-1!important;height:80px!important;min-height:0!important;margin:0!important;padding:10px 14px!important;display:block!important;overflow:hidden!important}
.energy-cost-card .cost-icon{display:none!important}
.energy-cost-card>div:last-child{height:100%!important;display:grid!important;grid-template-columns:minmax(150px,1fr) auto!important;grid-template-rows:18px 32px!important;grid-template-areas:"label editor" "value editor"!important;column-gap:18px!important;row-gap:2px!important;align-items:center!important}
.energy-cost-card .metric-label{grid-area:label!important;font-size:10px!important;line-height:1!important;margin:0!important;align-self:end!important}
.energy-cost-card .metric-value{grid-area:value!important;font-size:22px!important;line-height:1!important;margin:0!important;white-space:nowrap!important;align-self:start!important}
.energy-cost-card .rate-editor{grid-area:editor!important;margin:0!important;display:grid!important;grid-template-columns:auto 10px 68px auto auto!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;justify-self:end!important}
.energy-cost-card .rate-editor label{font-size:10px!important;white-space:nowrap!important}
.energy-cost-card .rate-editor input{width:68px!important;height:28px!important;padding:4px 6px!important;font-size:10px!important}
.energy-cost-card .rate-save-button{height:28px!important;padding:4px 8px!important;font-size:10px!important}
.energy-cost-card #rateSaveStatus{display:none!important}
@media(max-width:1250px){.summary-cards{grid-template-rows:auto auto!important;height:auto!important;overflow:visible!important}.summary-cards>.metric-card:not(.energy-cost-card){height:auto!important;min-height:106px!important}.energy-cost-card{height:auto!important;min-height:88px!important}.energy-cost-card>div:last-child{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;grid-template-areas:"label" "value" "editor"!important;row-gap:5px!important}.energy-cost-card .rate-editor{justify-self:start!important}}

/* 2026-09-10 Bronze v11 persistent billing-cycle layout */
.dashboard-grid{grid-template-rows:420px 510px}
.summary-cards{grid-template-rows:106px 182px!important}
.energy-cost-card{height:182px!important;min-height:182px!important;overflow:visible!important}
.energy-cost-card>div:last-child{display:grid!important;grid-template-columns:minmax(150px,1fr) auto!important;grid-template-rows:18px 32px 14px auto!important;grid-template-areas:"label editor" "value editor" "rate-status rate-status" "billing billing"!important;column-gap:18px!important;row-gap:2px!important}
.energy-cost-card .rate-editor{grid-area:editor!important}
.energy-cost-card #rateSaveStatus{grid-area:rate-status!important;display:block!important;font-size:9px!important}
.billing-cycle-settings{grid-area:billing;border-top:1px solid #d7e8dd;margin-top:7px;padding-top:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center}
.billing-cycle-settings>label{grid-column:1/-1;color:#526176;font-size:10px;font-weight:700}
.billing-cycle-control{grid-column:1/-1;display:flex;align-items:center;gap:8px}
.billing-cycle-control select{height:31px;min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;padding:0 9px;background:#fff;color:var(--text);font-size:10px}
.billing-cycle-note{font-size:9px;color:var(--muted)}
.billing-cycle-settings #billingCycleSaveStatus{text-align:right;font-size:9px!important;color:var(--muted)}
@media(max-width:1250px){.dashboard-grid{grid-template-rows:auto}.summary-cards{grid-template-rows:auto!important}.energy-cost-card{height:auto!important;min-height:182px!important}.energy-cost-card>div:last-child{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto auto!important;grid-template-areas:"label" "value" "editor" "rate-status" "billing"!important}.billing-cycle-settings{width:100%}}