.sc-front{max-width:1120px;margin:0 auto;color:#1d2327}.sc-front *{box-sizing:border-box}.sc-page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:0 0 22px}.sc-page-head h2{font-size:30px;line-height:1.15;margin:4px 0 7px}.sc-page-head p{margin:0}.sc-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#646970;font-weight:600}.sc-device-chip{min-width:190px;padding:12px 14px;border:1px solid #dcdcde;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:2px}.sc-device-chip span{font-size:12px;color:#646970}.sc-device-chip strong{font-size:15px}.sc-muted{color:#646970}.sc-filter-card{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(380px,1.5fr);gap:14px 24px;align-items:end;padding:18px;border:1px solid #dcdcde;border-radius:12px;background:#fff;margin-bottom:18px}.sc-filter-title{display:flex;flex-direction:column;gap:4px}.sc-filter-title span{font-size:13px;color:#646970}.sc-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.sc-filter label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}.sc-filter input{width:100%;min-height:40px;border:1px solid #8c8f94;border-radius:6px;padding:6px 9px;background:#fff}.sc-filter button{min-height:40px;padding:0 18px;border:0;border-radius:6px;background:#2271b1;color:#fff;font-weight:600;cursor:pointer}.sc-filter button:hover{background:#135e96}.sc-filter-applied{grid-column:1/-1;padding-top:10px;border-top:1px solid #f0f0f1;font-size:13px;color:#646970}.sc-warning,.sc-login-required,.sc-panel,.sc-empty{padding:14px 16px;margin:14px 0;border:1px solid #dba617;border-radius:8px;background:#fff8e5}.sc-tabs{display:flex;gap:4px;padding:5px;border:1px solid #dcdcde;border-radius:10px;background:#f6f7f7;margin:20px 0}.sc-tabs button{flex:1;min-height:42px;padding:8px 14px;border:0;border-radius:7px;background:transparent;color:#50575e;font-weight:600;cursor:pointer}.sc-tabs button:hover{background:#fff}.sc-tabs button.is-active{background:#fff;color:#1d2327;box-shadow:0 1px 3px rgba(0,0,0,.08)}.sc-tabs-ready .sc-tab-panel{display:none}.sc-tabs-ready .sc-tab-panel.is-active{display:block}.sc-tab-panel{padding:6px 0 12px}.sc-section-intro,.sc-block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:14px 0}.sc-section-intro h3,.sc-block-head h3,.sc-reading-guide h3{margin:0 0 4px;font-size:20px}.sc-section-intro p,.sc-block-head p{margin:0}.sc-cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:16px 0 22px}.sc-metric-card{position:relative;overflow:hidden;border:1px solid #dcdcde;border-radius:12px;background:#fff;padding:17px;display:flex;flex-direction:column;gap:7px}.sc-metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2271b1}.sc-metric-cheia:before{opacity:.72}.sc-metric-vazio:before{opacity:.45}.sc-metric-total{background:#f6f7f7}.sc-metric-total:before{background:#1d2327}.sc-metric-card>span{font-size:13px;color:#646970;font-weight:600}.sc-metric-card>strong{font-size:24px;line-height:1.1}.sc-metric-card>strong small{font-size:13px;font-weight:500;color:#646970}.sc-metric-card>em{font-size:13px;color:#50575e;font-style:normal}.sc-summary-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.8fr);gap:14px}.sc-summary-block{border:1px solid #dcdcde;border-radius:12px;background:#fff;padding:18px}.sc-reading-guide dl{margin:14px 0 0}.sc-reading-guide dl>div{padding:11px 0;border-top:1px solid #f0f0f1}.sc-reading-guide dt{font-weight:700}.sc-reading-guide dd{margin:3px 0 0;color:#646970;font-size:13px}.sc-period-chart{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:18px;min-height:240px;align-items:end}.sc-period-col{display:grid;grid-template-rows:auto 150px auto auto;gap:5px;text-align:center;min-width:0}.sc-period-value{font-weight:600;font-size:13px}.sc-period-track{height:150px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #c3c4c7}.sc-period-bar{width:min(58px,70%);border-radius:6px 6px 0 0;background:#2271b1}.sc-period-cheia{opacity:.72}.sc-period-vazio{opacity:.45}.sc-period-col small{color:#646970}.sc-chart-toggle{display:flex;border:1px solid #c3c4c7;border-radius:7px;overflow:hidden;background:#fff}.sc-chart-toggle button{border:0;background:transparent;padding:8px 13px;cursor:pointer;color:#2c3338}.sc-chart-toggle button+button{border-left:1px solid #c3c4c7}.sc-chart-toggle button.is-active{background:#2271b1;color:#fff}.sc-trend-wrap{overflow-x:auto;padding:2px 0 8px}.sc-trend-chart{display:flex;align-items:end;gap:8px;min-height:330px;padding:20px 14px 8px;border:1px solid #dcdcde;border-radius:12px;background:#fff;min-width:max(100%,calc(var(--sc-bars,1) * 46px))}.sc-trend-col{display:grid;grid-template-rows:auto 240px auto;gap:5px;align-items:end;text-align:center;flex:1 0 36px;min-width:36px}.sc-trend-value{font-size:11px;color:#50575e;white-space:nowrap}.sc-trend-track{height:240px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #c3c4c7}.sc-trend-bar{width:min(30px,82%);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:4px 4px 0 0;background:#2271b1;transition:height .2s ease}.sc-seg{display:block;width:100%}.sc-seg-ponta{background:#135e96}.sc-seg-cheia{background:#4f94c8}.sc-seg-vazio{background:#9bc2df}.sc-cost-mode .sc-trend-bar{background:#2271b1}.sc-cost-mode .sc-seg{background:transparent!important}.sc-trend-col>small{font-size:10px;color:#646970;white-space:nowrap}.sc-chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;color:#50575e}.sc-chart-legend span{display:inline-flex;align-items:center;gap:6px}.sc-chart-legend i,.sc-period-dot{display:inline-block;width:11px;height:11px;border-radius:3px}.sc-leg-ponta,.sc-dot-ponta{background:#135e96}.sc-leg-cheia,.sc-dot-cheia{background:#4f94c8}.sc-leg-vazio,.sc-dot-vazio{background:#9bc2df}.sc-table-card{overflow:hidden;border:1px solid #dcdcde;border-radius:12px;background:#fff}.sc-table{width:100%;border-collapse:collapse}.sc-table th,.sc-table td{padding:14px 16px;border-bottom:1px solid #f0f0f1;text-align:right}.sc-table th{background:#f6f7f7;color:#50575e;font-size:13px}.sc-table th:first-child,.sc-table td:first-child{text-align:left}.sc-table tr:last-child td{border-bottom:0}.sc-table .sc-period-dot{margin-right:9px;vertical-align:-1px}.sc-total{font-weight:700;background:#fbfbfc}.sc-history{display:flex;flex-direction:column;gap:10px}.sc-history-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.4fr) auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid #dcdcde;border-radius:12px;background:#fff}.sc-history-main{display:flex;flex-direction:column;gap:4px}.sc-history-date{font-size:13px;color:#646970}.sc-history-main>strong{font-size:18px}.sc-history-main small{color:#646970}.sc-history-periods{display:flex;gap:14px;flex-wrap:wrap}.sc-history-periods span{font-size:13px;color:#646970}.sc-history-periods strong{color:#1d2327}.sc-history-cost{font-size:20px;font-weight:700;white-space:nowrap}
@media(max-width:820px){.sc-filter-card{grid-template-columns:1fr}.sc-cards{grid-template-columns:repeat(2,minmax(140px,1fr))}.sc-summary-grid{grid-template-columns:1fr}.sc-history-card{grid-template-columns:1fr}.sc-history-cost{text-align:left}.sc-page-head{flex-direction:column}.sc-device-chip{width:100%}}
@media(max-width:600px){.sc-page-head h2{font-size:25px}.sc-filter{grid-template-columns:1fr 1fr}.sc-filter button{grid-column:1/-1}.sc-tabs{overflow-x:auto;justify-content:flex-start}.sc-tabs button{flex:0 0 auto;min-width:112px}.sc-cards{grid-template-columns:1fr 1fr}.sc-metric-card{padding:14px}.sc-metric-card>strong{font-size:20px}.sc-section-intro{align-items:flex-start;flex-direction:column}.sc-period-chart{gap:8px}.sc-period-col{grid-template-rows:auto 130px auto auto}.sc-period-track{height:130px}.sc-table th,.sc-table td{padding:12px 10px}.sc-trend-col{flex-basis:32px}}

/* v1.1.1: stronger dashboard surfaces so theme styles cannot flatten cards/tabs. */
.sc-front .sc-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:16px!important;margin:18px 0 26px!important}
.sc-front .sc-metric-card{display:flex!important;position:relative!important;overflow:hidden!important;min-height:132px!important;padding:20px 20px 18px 22px!important;border:1px solid #d5d9dd!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.08)!important;flex-direction:column!important;justify-content:center!important;gap:8px!important}
.sc-front .sc-metric-card:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:6px!important;background:#2271b1!important}
.sc-front .sc-metric-card>span{display:block!important;margin:0!important;font-size:13px!important;line-height:1.3!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#50575e!important}
.sc-front .sc-metric-card>strong{display:block!important;margin:0!important;font-size:28px!important;line-height:1.1!important;font-weight:700!important;color:#1d2327!important}
.sc-front .sc-metric-card>strong small{font-size:14px!important;font-weight:600!important;color:#646970!important}
.sc-front .sc-metric-card>em{display:block!important;margin:0!important;font-size:14px!important;font-style:normal!important;color:#50575e!important}
.sc-front .sc-metric-cheia:before{opacity:.72!important}.sc-front .sc-metric-vazio:before{opacity:.45!important}
.sc-front .sc-metric-total{background:#f5f7f9!important;border-color:#b9c0c7!important}.sc-front .sc-metric-total:before{background:#1d2327!important;opacity:1!important}
.sc-front .sc-tabs{display:flex!important;gap:6px!important;padding:6px!important;border:1px solid #d5d9dd!important;border-radius:12px!important;background:#eef1f4!important;margin:22px 0!important}
.sc-front .sc-tabs button{appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:1 1 0!important;min-height:44px!important;margin:0!important;padding:9px 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#50575e!important;font:inherit!important;font-weight:700!important;cursor:pointer!important;text-align:center!important}
.sc-front .sc-tabs button:hover{background:#fff!important;color:#1d2327!important}
.sc-front .sc-tabs button.is-active{background:#2271b1!important;color:#fff!important;box-shadow:0 2px 7px rgba(0,0,0,.12)!important}
.sc-front.sc-tabs-ready .sc-tab-panel{display:none!important}.sc-front.sc-tabs-ready .sc-tab-panel.is-active{display:block!important}
@media(max-width:820px){.sc-front .sc-cards{grid-template-columns:repeat(2,minmax(140px,1fr))!important}}
@media(max-width:600px){.sc-front .sc-cards{grid-template-columns:1fr!important}.sc-front .sc-metric-card{min-height:112px!important}.sc-front .sc-tabs{overflow-x:auto!important;justify-content:flex-start!important}.sc-front .sc-tabs button{flex:0 0 auto!important;min-width:118px!important}}

/* v1.6.0: consumption averages */
.sc-front .sc-average-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin:18px 0 24px}
.sc-front .sc-average-card{display:flex;flex-direction:column;gap:7px;min-height:150px;padding:18px;border:1px solid #d5d9dd;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.sc-front .sc-average-card>span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.035em;color:#50575e}
.sc-front .sc-average-card>strong{font-size:25px;line-height:1.1;color:#1d2327}
.sc-front .sc-average-card>strong small{font-size:13px;color:#646970}
.sc-front .sc-average-card>em{font-size:13px;font-style:normal;color:#646970}
.sc-front .sc-average-card>div{margin-top:auto;padding-top:9px;border-top:1px solid #f0f0f1;font-size:12px;color:#646970}
.sc-front .sc-average-card>div b{color:#1d2327}
.sc-front .sc-average-selector{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(360px,1.3fr);gap:22px;align-items:end;padding:18px;border:1px solid #dcdcde;border-radius:14px;background:#f6f7f7}
.sc-front .sc-average-selector h3{margin:0 0 5px}.sc-front .sc-average-selector p{margin:0}
.sc-front .sc-average-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.sc-front .sc-average-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#50575e}
.sc-front .sc-average-form input{width:100%;min-height:42px;border:1px solid #8c8f94;border-radius:8px;background:#fff;color:#1d2327}
.sc-front .sc-average-form button{min-height:42px;padding:8px 16px;border:0;border-radius:8px;background:#2271b1;color:#fff;font-weight:700;cursor:pointer}
@media(max-width:900px){.sc-front .sc-average-cards{grid-template-columns:repeat(2,minmax(150px,1fr))}.sc-front .sc-average-selector{grid-template-columns:1fr}}
@media(max-width:600px){.sc-front .sc-average-cards{grid-template-columns:1fr}.sc-front .sc-average-form{grid-template-columns:1fr}.sc-front .sc-average-form button{width:100%}}

/* v1.6.1: uninvoiced settlement summary */
.sc-front .sc-metric-unbilled{background:#fffaf0!important}
.sc-front .sc-metric-unbilled:before{background:#b26200!important}

/* v1.6.2: settlement status inside Total card */
.sc-front .sc-metric-total{grid-column:span 1;min-height:190px!important}
.sc-front .sc-total-status{display:grid;gap:7px;margin-top:4px;padding-top:10px;border-top:1px solid #dcdcde}
.sc-front .sc-total-status>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:12px;line-height:1.35}
.sc-front .sc-total-status b{font-weight:700;color:#2c3338}
.sc-front .sc-total-status span{text-align:right;color:#50575e}
@media(max-width:600px){.sc-front .sc-total-status>div{flex-direction:column;gap:2px}.sc-front .sc-total-status span{text-align:left}}

/* v1.7.1: responsive refinement for narrow devices */
.sc-front{width:100%;max-width:1120px;padding-inline:clamp(10px,2vw,18px)}
.sc-front img,.sc-front svg,.sc-front canvas{max-width:100%;height:auto}
.sc-front input,.sc-front select,.sc-front button{max-width:100%;font:inherit}
.sc-front select{width:100%;min-height:40px;border:1px solid #8c8f94;border-radius:6px;padding:6px 34px 6px 9px;background-color:#fff;color:#1d2327}
.sc-front .sc-filter{min-width:0}
.sc-front .sc-filter>*{min-width:0}
.sc-front .sc-filter-card,.sc-front .sc-summary-grid,.sc-front .sc-average-selector,.sc-front .sc-history-card{min-width:0}
.sc-front .sc-summary-block{min-width:0}
.sc-front .sc-metric-card,.sc-front .sc-average-card{min-width:0}
.sc-front .sc-metric-card>strong,.sc-front .sc-average-card>strong{overflow-wrap:anywhere}
.sc-front .sc-history-main,.sc-front .sc-history-periods{min-width:0}
.sc-front .sc-history-main small,.sc-front .sc-history-date{overflow-wrap:anywhere}
.sc-front .sc-table-card{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:680px){
  .sc-front{padding-inline:10px}
  .sc-front .sc-page-head{gap:14px;margin-bottom:16px}
  .sc-front .sc-page-head h2{font-size:24px;line-height:1.2}
  .sc-front .sc-device-chip{min-width:0;width:100%;padding:10px 12px}
  .sc-front .sc-filter-card{padding:14px;gap:12px;margin-bottom:14px}
  .sc-front .sc-filter{grid-template-columns:1fr!important;gap:10px}
  .sc-front .sc-filter button{grid-column:auto!important;width:100%}
  .sc-front .sc-filter input,.sc-front .sc-filter select{min-width:0;width:100%}
  .sc-front .sc-filter-applied{padding-top:8px;line-height:1.45}

  .sc-front .sc-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:6px!important;padding:6px!important}
  .sc-front .sc-tabs button{flex:none!important;min-width:0!important;width:100%!important;min-height:42px!important;padding:8px 6px!important;white-space:normal!important;line-height:1.2!important}
  .sc-front .sc-tabs button:last-child:nth-child(odd){grid-column:1/-1}

  .sc-front .sc-section-intro,.sc-front .sc-block-head{align-items:flex-start;flex-direction:column;gap:8px;margin:12px 0}
  .sc-front .sc-section-intro h3,.sc-front .sc-block-head h3,.sc-front .sc-reading-guide h3{font-size:18px}
  .sc-front .sc-cards{grid-template-columns:1fr!important;gap:10px!important;margin:14px 0 18px!important}
  .sc-front .sc-metric-card{min-height:0!important;padding:15px 15px 14px 18px!important;gap:6px!important;border-radius:12px!important}
  .sc-front .sc-metric-card>strong{font-size:24px!important}
  .sc-front .sc-metric-total{min-height:0!important}
  .sc-front .sc-total-status{gap:9px}
  .sc-front .sc-total-status>div{flex-direction:column;align-items:flex-start;gap:2px}
  .sc-front .sc-total-status span{text-align:left}

  .sc-front .sc-summary-grid{grid-template-columns:1fr;gap:10px}
  .sc-front .sc-summary-block{padding:14px;border-radius:12px}
  .sc-front .sc-period-chart{gap:6px;min-height:205px}
  .sc-front .sc-period-col{grid-template-rows:auto 115px auto auto;gap:4px}
  .sc-front .sc-period-track{height:115px}
  .sc-front .sc-period-bar{width:min(44px,72%)}
  .sc-front .sc-period-value{font-size:11px}
  .sc-front .sc-period-col strong{font-size:12px}
  .sc-front .sc-period-col small{font-size:11px}

  .sc-front .sc-average-cards{grid-template-columns:1fr!important;gap:10px;margin:14px 0 18px}
  .sc-front .sc-average-card{min-height:0;padding:15px;border-radius:12px}
  .sc-front .sc-average-card>strong{font-size:23px}
  .sc-front .sc-average-selector{padding:14px;gap:14px}
  .sc-front .sc-average-form{grid-template-columns:1fr!important;gap:10px}
  .sc-front .sc-average-form input,.sc-front .sc-average-form button{width:100%;min-width:0}

  .sc-front .sc-chart-toggle{width:100%}
  .sc-front .sc-chart-toggle button{flex:1;min-height:40px}
  .sc-front .sc-trend-wrap{margin-inline:-2px;padding-bottom:10px}
  .sc-front .sc-trend-chart{min-height:285px;padding:14px 8px 7px;gap:5px;min-width:max(100%,calc(var(--sc-bars,1) * 38px))}
  .sc-front .sc-trend-col{grid-template-rows:auto 205px auto;flex-basis:29px;min-width:29px}
  .sc-front .sc-trend-track{height:205px}
  .sc-front .sc-trend-bar{width:min(24px,86%)}
  .sc-front .sc-trend-value{font-size:10px}
  .sc-front .sc-chart-legend{gap:10px;font-size:12px}

  .sc-front .sc-history{gap:8px}
  .sc-front .sc-history-card{grid-template-columns:1fr!important;gap:10px;padding:14px;border-radius:12px}
  .sc-front .sc-history-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .sc-front .sc-history-periods span{display:flex;flex-direction:column;gap:2px;font-size:11px}
  .sc-front .sc-history-cost{font-size:19px;text-align:left}
}

@media(max-width:480px){
  .sc-front{padding-inline:8px}
  .sc-front .sc-tabs{grid-template-columns:1fr!important}
  .sc-front .sc-tabs button:last-child:nth-child(odd){grid-column:auto}
  .sc-front .sc-filter-card,.sc-front .sc-summary-block,.sc-front .sc-average-selector{border-radius:10px}
  .sc-front .sc-period-chart{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .sc-front .sc-period-col{grid-template-rows:auto 100px auto auto}
  .sc-front .sc-period-track{height:100px}
  .sc-front .sc-history-periods{grid-template-columns:1fr}

  .sc-front .sc-table-card{overflow:visible;border:0;background:transparent}
  .sc-front .sc-table,.sc-front .sc-table tbody,.sc-front .sc-table tr,.sc-front .sc-table td{display:block;width:100%}
  .sc-front .sc-table thead{display:none}
  .sc-front .sc-table tr{margin:0 0 9px;border:1px solid #dcdcde;border-radius:10px;background:#fff;overflow:hidden}
  .sc-front .sc-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px!important;border-bottom:1px solid #f0f0f1;text-align:right!important}
  .sc-front .sc-table td:last-child{border-bottom:0}
  .sc-front .sc-table td:nth-child(1)::before{content:"Período"}
  .sc-front .sc-table td:nth-child(2)::before{content:"Consumo"}
  .sc-front .sc-table td:nth-child(3)::before{content:"Valor estimado"}
  .sc-front .sc-table td::before{font-size:12px;font-weight:700;color:#646970;text-align:left}
  .sc-front .sc-table td:first-child{font-weight:700}
  .sc-front .sc-table .sc-total{background:#f5f7f9}
}