/* Sheet Thống kê */
/* ============ Figma: Bottom sheet Thống kê ============ */
/* cao cố định = trần sheet: chuyển dashboard ⇄ chi tiết, đổi tháng không nhảy */
#statSheet{height:calc(100% - 80px)}
.st-bar{position:relative; width:100%; height:48px; display:flex; align-items:center; justify-content:center}
.st-bar .sheet__heading{max-width:calc(100% - 136px)}
/* Figma: Button / Gray, Content=Icon Only — ‹ › hai góc thanh đầu */
.st-bar .btn{position:absolute; top:2px}
.st-bar .btn:disabled{opacity:.3; cursor:default}
.st-left{left:16px}
.st-right{right:16px}
.st-right .icon{transform:scaleX(-1)}
.st-body{display:flex; flex-direction:column; gap:var(--spacing-16); padding:0 var(--spacing-16) var(--spacing-8)}
/* Figma: Section/Chart — donut 180, padding 16 */
.st-chart{display:flex; flex-direction:column; align-items:center; gap:var(--spacing-4); padding:var(--spacing-16)}
.donut{width:180px; height:180px; display:block; overflow:visible; filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}
.donut .ctr-amt{font:var(--text-body-large-emphasis); letter-spacing:var(--tracking-body-large-emphasis); fill:var(--color-text-primary)}
.donut .ctr-alt{font:var(--text-caption); letter-spacing:var(--tracking-caption); fill:var(--color-text-secondary)}
.donut .ctr-sub{font:var(--text-caption); letter-spacing:var(--tracking-caption); fill:var(--color-text-secondary)}
/* Figma: Section/Total-Expense_* , Section/Settlement — nền background/tertiary bo 12 */
.st-sec{background:var(--color-background-tertiary); border-radius:var(--radius-12); overflow:hidden}
.st-sec[hidden]{display:none}
.st-sec-title{margin:0; padding:var(--spacing-16) var(--spacing-16) var(--spacing-4);
  font:var(--text-all-cap); letter-spacing:var(--tracking-all-cap); color:var(--color-text-tertiary); text-transform:uppercase}
.list-items li:has(+ .st-note) .list-item::after{display:none}
/* ghi chú cuối mục không tính là một dòng */
.st-settle .list-item::after{left:0}
.st-settle .list-item__label{white-space:normal}
.st-note{padding:0 var(--spacing-16) var(--spacing-16); font:var(--text-footnote); letter-spacing:var(--tracking-footnote); color:var(--color-text-tertiary)}
.st-empty{padding:var(--spacing-16); font:var(--text-body-small); letter-spacing:var(--tracking-body-small); color:var(--color-text-tertiary)}
.drill-list{
  list-style:none; margin:0; padding:0 var(--spacing-2) var(--spacing-4);
  flex:1 1 auto; min-height:0; overflow-y:auto; scrollbar-width:thin;
  display:flex; flex-direction:column;
}
/* Figma: trang chi tiết — nền surface/secondary, padding 16 hai bên */
.st-detail{background:var(--color-background-secondary); padding:0 var(--spacing-16)}
.st-detail[hidden]{display:none}
.st-detail .drill-list{overflow:visible; flex:none; padding:0 0 var(--spacing-16)}