.cards-dashboard{margin-top:22px;scroll-margin-top:18px}.cards-heading{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,var(--black),#28123e);color:#fff;border-radius:18px;padding:20px 22px;border-bottom:5px solid var(--yellow)}.cards-heading small{color:var(--yellow);font-weight:950;letter-spacing:.12em}.cards-heading h2{font-size:25px;margin:3px 0}.cards-heading p{margin:0;color:#d8d1e2}.cards-risk{background:#fff5d8;color:#8a5b00;border-radius:30px;padding:8px 12px;font-weight:900}.cards-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.card-kpi{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px;border-top:4px solid var(--signal)}.card-kpi span,.card-kpi small{display:block;color:var(--muted)}.card-kpi b{display:block;font-size:21px;margin:5px 0}.cards-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.cards-list{grid-row:span 2}.card-account{border:1px solid var(--border);border-left:5px solid var(--signal);border-radius:13px;padding:13px;margin:10px 0;display:grid;gap:7px}.card-account-head,.card-account-values,.category-row,.member-use,.future-row{display:flex;justify-content:space-between;gap:10px}.card-account-head small,.card-account-values span,.category-row small,.member-use small,.future-row small{color:var(--muted)}.usage-track,.category-track{height:8px;background:#eeeaf3;border-radius:20px;overflow:hidden}.usage-track i,.category-track i{height:100%;display:block;background:var(--signal);border-radius:20px}.invoice-chart{height:190px;display:flex;align-items:end;justify-content:space-around;border-bottom:2px solid var(--border);padding-top:30px}.invoice-column{width:24%;height:100%;display:flex;flex-direction:column;justify-content:end;text-align:center;gap:5px}.invoice-column i{display:block;background:linear-gradient(var(--purple),#b48cff);border-radius:9px 9px 0 0;min-height:8px}.invoice-column b{font-size:11px}.invoice-column small{color:var(--muted)}.member-use,.category-row,.future-row{align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.member-use>div,.category-row>div{flex:1}.member-use b,.category-row b{display:block}.member-use em{font-style:normal;font-weight:900}.category-row span{font-size:21px}.category-track{margin-top:4px}.card-alert-item{padding:11px;border-radius:11px;margin:8px 0}.card-alert-item.green{background:#ecfff2}.card-alert-item.yellow{background:#fff8df}.card-alert-item.red{background:#fff0f0}.future-row b{color:var(--purple)}@media(max-width:950px){.cards-kpis{grid-template-columns:1fr 1fr}.cards-grid{grid-template-columns:1fr}.cards-list{grid-row:auto}}@media(max-width:600px){.cards-heading{align-items:start;display:grid;gap:10px}.cards-kpis{grid-template-columns:1fr}.card-account-values{display:grid}}

/* De-para das categorias da fatura: como veio à esquerda, para onde vai à direita. */
.fat-depara{border:1px solid var(--border);border-radius:12px;padding:14px;margin:14px 0}
.fat-depara>b{font-size:14px}
.fat-depara .sub{margin:2px 0 10px}
.fat-depara-linha{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:6px 0}
.fat-depara-linha>span:first-child{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fat-depara-linha>span:nth-child(2){color:var(--muted)}
.fat-depara-linha select{width:100%;border:1px solid var(--border);border-radius:9px;padding:8px;font:inherit}
@media(max-width:640px){.fat-depara-linha{grid-template-columns:1fr;gap:4px}.fat-depara-linha>span:nth-child(2){display:none}}

/* Lista da fatura: data, descrição, categoria do emissor, categoria do GFP e valor. */
.fat-lista .imp-linha{grid-template-columns:92px minmax(200px,1fr) 150px 168px 110px}
@media(max-width:900px){.fat-lista .imp-linha{grid-template-columns:78px minmax(130px,1fr) 110px 130px 92px;gap:8px}}
@media(max-width:640px){
  .fat-lista .imp-linha{grid-template-columns:1fr 1fr;gap:4px 10px}
  .fat-lista .imp-linha.cabecalho{display:none}
  .fat-lista .imp-desc{grid-column:1/-1}
}