/* CLENA BEAUTY / FINANCEIRO 2026-10-15
   A compact, theme-aware ledger. Loaded after the base/mobile/theme layers.
   No Supabase schema changes, no business-rule overrides, no desktop regressions.
*/
html[data-beauty-theme] #section-finance{
  --f-good:#236c4f;--f-good-bg:#e5f5ed;
  --f-bad:#a44851;--f-bad-bg:#fbecef;
  --f-warn:#925f1b;--f-warn-bg:#fff2dc;
  --f-muted:var(--skin-muted);--f-line:var(--skin-border);
  --f-panel:var(--skin-surface);--f-raised:var(--skin-alt);
  min-width:0!important;max-width:100%!important;
}
html[data-beauty-theme="grafite"] #section-finance{
  --f-good:#8ad9b4;--f-good-bg:#23483c;
  --f-bad:#f1abb3;--f-bad-bg:#49313b;
  --f-warn:#f6d39b;--f-warn-bg:#51422e;
}
html[data-beauty-theme] #section-finance .finance-section-header{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:space-between!important;
  gap:12px!important;margin:0 0 12px!important;padding:0!important;
  min-width:0!important;width:100%!important;
}
html[data-beauty-theme] #section-finance .finance-section-header>div{min-width:0!important;flex:1 1 auto!important}
html[data-beauty-theme] #section-finance .finance-section-header h2{
  margin:0!important;font-size:clamp(20px,2.2vw,26px)!important;
  line-height:1.18!important;letter-spacing:-.04em!important;font-weight:850!important;
  color:var(--skin-ink)!important;
}
html[data-beauty-theme] #section-finance .finance-section-header .eyebrow{
  display:block!important;margin:0 0 5px!important;font-size:9px!important;
  color:var(--skin-accent)!important;background:transparent!important;
  border:0!important;padding:0!important;letter-spacing:.09em!important;
}
html[data-beauty-theme] #section-finance .finance-section-header p{
  color:var(--skin-muted)!important;font-size:12px!important;
  line-height:1.4!important;margin:4px 0 0!important;
}
html[data-beauty-theme] #newFinanceButton{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;max-width:max-content!important;min-width:0!important;
  flex:0 0 auto!important;height:38px!important;min-height:38px!important;
  padding:0 12px!important;margin:0!important;gap:6px!important;
  font-size:11.5px!important;font-weight:800!important;line-height:1!important;
  border-radius:10px!important;background:var(--skin-accent)!important;
  color:var(--skin-on-accent)!important;box-shadow:none!important;white-space:nowrap!important;
}
html[data-beauty-theme] #newFinanceButton i{font-size:16px!important;line-height:1!important;margin:0!important}

/* Period row: clearly separated from KPI content, not a fake fourth KPI. */
html[data-beauty-theme] #section-finance .finance-summary-shell.clena-finance-overview{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;gap:10px!important;width:100%!important;
  margin:0 0 13px!important;padding:0!important;border:0!important;
  border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;
}
html[data-beauty-theme] #section-finance .finance-month-card.clena-finance-period{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:space-between!important;gap:12px!important;
  min-height:55px!important;height:auto!important;margin:0!important;
  padding:9px 14px!important;border-radius:13px!important;
  border:1px solid var(--f-line)!important;background:var(--f-panel)!important;
  box-shadow:none!important;color:var(--skin-ink)!important;
}
html[data-beauty-theme] #section-finance .finance-month-card>.finance-summary-icon{display:none!important}
html[data-beauty-theme] #section-finance .finance-month-copy{
  display:flex!important;flex-direction:row!important;justify-content:space-between!important;
  align-items:center!important;gap:12px!important;min-width:0!important;
  flex:1 1 auto!important;width:100%!important;
}
html[data-beauty-theme] #section-finance .finance-month-copy>small{
  margin:0!important;flex:0 0 auto!important;white-space:nowrap!important;
  color:var(--skin-muted)!important;font-size:11px!important;
  font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important;
}
html[data-beauty-theme] #section-finance .finance-month-control{
  min-width:0!important;max-width:185px!important;width:185px!important;
  position:relative!important;flex:0 1 185px!important;
}
html[data-beauty-theme] #section-finance .finance-month-control input[type="month"]{
  display:block!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:35px!important;min-height:35px!important;
  padding:5px 9px!important;margin:0!important;
  border:1px solid var(--f-line)!important;border-radius:9px!important;
  background:var(--skin-input)!important;color:var(--skin-ink)!important;
  color-scheme:inherit!important;font-size:13px!important;
  font-weight:750!important;line-height:1.2!important;
  box-shadow:none!important;outline:none!important;
}
html[data-beauty-theme] #section-finance .finance-month-control input[type="month"]:focus{
  border-color:var(--skin-accent)!important;box-shadow:0 0 0 2px var(--skin-soft)!important;
}
html[data-beauty-theme] #section-finance .finance-summary-cards.clena-finance-totals{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;padding:0!important;margin:0!important;
  min-width:0!important;overflow:visible!important;scroll-snap-type:none!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card{
  position:relative!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;
  gap:8px!important;min-width:0!important;min-height:112px!important;
  width:auto!important;margin:0!important;padding:13px 15px!important;
  border:1px solid var(--f-line)!important;border-radius:14px!important;
  background:var(--f-panel)!important;color:var(--skin-ink)!important;
  box-shadow:none!important;transition:border-color .15s ease!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card:hover{
  transform:none!important;background:var(--f-panel)!important;
  border-color:var(--skin-line)!important;box-shadow:none!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card.balance{
  grid-column:auto!important;background:var(--f-panel)!important;
  border-color:var(--skin-line)!important;color:var(--skin-ink)!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card>div{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  min-width:0!important;width:100%!important;gap:0!important;
}
html[data-beauty-theme] #section-finance .finance-summary-icon{
  width:28px!important;height:28px!important;min-width:28px!important;
  border-radius:9px!important;display:grid!important;place-items:center!important;
  font-size:15px!important;box-shadow:none!important;margin:0!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card.receivable .finance-summary-icon{
  color:var(--f-good)!important;background:var(--f-good-bg)!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card.payable .finance-summary-icon{
  color:var(--f-bad)!important;background:var(--f-bad-bg)!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card.balance .finance-summary-icon{
  color:var(--skin-accent)!important;background:var(--skin-soft)!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card small{
  display:block!important;margin:0 0 6px!important;
  font-size:11px!important;line-height:1.3!important;font-weight:750!important;
  letter-spacing:0!important;text-transform:none!important;
  white-space:normal!important;color:var(--skin-muted)!important;opacity:1!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card strong{
  display:block!important;margin:0!important;min-width:0!important;
  max-width:100%!important;color:var(--skin-ink)!important;
  font-size:clamp(17px,2vw,25px)!important;font-weight:850!important;
  line-height:1.2!important;letter-spacing:-.035em!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums!important;
  text-shadow:none!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card.balance strong{
  color:var(--skin-ink)!important;
}
html[data-beauty-theme] #section-finance .finance-summary-card div>span{
  display:block!important;margin:5px 0 0!important;
  font-size:10.5px!important;font-weight:500!important;line-height:1.35!important;
  color:var(--skin-muted)!important;opacity:1!important;
  white-space:normal!important;overflow:visible!important;
  overflow-wrap:anywhere!important;text-overflow:clip!important;
}

/* Search and filters share one compact visual baseline. */
html[data-beauty-theme] #section-finance .finance-filterbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) 180px 178px!important;
  gap:8px!important;align-items:center!important;justify-content:stretch!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0 0 9px!important;padding:8px!important;
  background:var(--f-panel)!important;border:1px solid var(--f-line)!important;
  border-radius:13px!important;box-shadow:none!important;
}
html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select){
  position:relative!important;display:flex!important;align-items:center!important;
  box-sizing:border-box!important;min-width:0!important;width:100%!important;
  min-height:39px!important;height:39px!important;margin:0!important;
  border:1px solid var(--f-line)!important;border-radius:9px!important;
  background:var(--skin-alt)!important;box-shadow:none!important;overflow:hidden!important;
}
html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select):focus-within{
  border-color:var(--skin-accent)!important;box-shadow:0 0 0 2px var(--skin-soft)!important;
}
html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select)>i:first-child{
  display:grid!important;place-items:center!important;flex:0 0 32px!important;
  width:32px!important;height:auto!important;color:var(--skin-muted)!important;
  font-size:15px!important;pointer-events:none!important;
}
html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select) :is(input,select){
  display:block!important;flex:1 1 auto!important;min-width:0!important;
  width:100%!important;max-width:100%!important;height:37px!important;min-height:37px!important;
  margin:0!important;padding:0 28px 0 0!important;
  border:0!important;outline:none!important;box-shadow:none!important;
  background:transparent!important;color:var(--skin-ink)!important;
  font-size:12px!important;font-weight:650!important;
  line-height:1.2!important;
}
html[data-beauty-theme] #section-finance .finance-search input{padding-right:7px!important}
html[data-beauty-theme] #section-finance .finance-select-arrow{
  right:9px!important;top:50%!important;transform:translateY(-50%)!important;
  font-size:14px!important;color:var(--skin-muted)!important;
  pointer-events:none!important;
}

/* Ledger: stable columns, single lightweight row per financial transaction. */
html[data-beauty-theme] #section-finance .finance-list-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;min-height:33px!important;padding:3px 2px 7px!important;
}
html[data-beauty-theme] #section-finance .finance-list-header strong{
  font-size:13px!important;font-weight:850!important;color:var(--skin-ink)!important;
}
html[data-beauty-theme] #section-finance .finance-list-header small{
  font-size:11px!important;color:var(--skin-muted)!important;font-weight:650!important;
}
html[data-beauty-theme] #section-finance .finance-list-premium{
  display:block!important;width:100%!important;min-width:0!important;
  padding:0!important;margin:0!important;gap:0!important;
  border:1px solid var(--f-line)!important;border-radius:14px!important;
  background:var(--f-panel)!important;box-shadow:none!important;
  overflow:hidden!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-shell{
  display:block!important;min-width:0!important;width:100%!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-head,
html[data-beauty-theme] #section-finance .finance-ledger-row{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr) 110px 140px 15px!important;
  align-items:center!important;gap:14px!important;min-width:0!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-head{
  min-height:38px!important;padding:9px 15px!important;
  background:var(--skin-alt)!important;border:0!important;
  color:var(--skin-muted)!important;
  font-size:10px!important;font-weight:800!important;letter-spacing:.025em!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-head span:nth-child(4){
  text-align:right!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-row{
  box-sizing:border-box!important;position:relative!important;cursor:pointer!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;padding:10px 15px!important;min-height:61px!important;
  border:0!important;border-top:1px solid var(--f-line)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--skin-ink)!important;text-align:left!important;font:inherit!important;
  transition:background .12s ease!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-row:nth-child(even){
  background:color-mix(in srgb,var(--skin-alt) 38%,transparent)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-row:hover,
html[data-beauty-theme] #section-finance .finance-ledger-row:focus-visible{
  background:var(--skin-soft)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-row:focus-visible{
  outline:2px solid var(--skin-accent)!important;outline-offset:-3px!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-date{
  display:block!important;min-width:0!important;
  color:var(--skin-muted)!important;font-size:11px!important;font-weight:750!important;
  font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-description{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  gap:2px!important;min-width:0!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-description strong{
  display:block!important;min-width:0!important;color:var(--skin-ink)!important;
  font-size:12.5px!important;font-weight:850!important;line-height:1.25!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-description small{
  color:var(--skin-muted)!important;font-size:10.5px!important;font-weight:500!important;
  line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-status{
  display:inline-flex!important;justify-self:start!important;align-items:center!important;
  min-height:24px!important;max-width:100%!important;padding:3px 8px!important;
  border-radius:999px!important;border:1px solid transparent!important;
  font-size:10px!important;font-weight:800!important;line-height:1.1!important;
  white-space:nowrap!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-status.is-paid{
  color:var(--f-good)!important;background:var(--f-good-bg)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-status.is-overdue{
  color:var(--f-bad)!important;background:var(--f-bad-bg)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-status.is-pending{
  color:var(--f-warn)!important;background:var(--f-warn-bg)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-status.is-cancelled{
  color:var(--skin-muted)!important;background:var(--skin-alt)!important;
  border-color:var(--f-line)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-amount{
  justify-self:end!important;text-align:right!important;min-width:0!important;
  font-size:13px!important;font-weight:850!important;line-height:1.2!important;
  letter-spacing:-.02em!important;white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;color:var(--skin-ink)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-row.receivable .finance-ledger-amount{
  color:var(--f-good)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-row.payable .finance-ledger-amount{
  color:var(--f-bad)!important;
}
html[data-beauty-theme] #section-finance .finance-ledger-chevron{
  display:grid!important;place-items:center!important;color:var(--skin-muted)!important;
  font-size:16px!important;
}
html[data-beauty-theme] #section-finance .finance-list-premium>.empty-state{
  min-height:145px!important;padding:25px 15px!important;
  border:0!important;background:var(--f-panel)!important;box-shadow:none!important;
  border-radius:0!important;
}
html[data-beauty-theme] #section-finance .finance-list-premium>.empty-state i{
  background:var(--skin-soft)!important;color:var(--skin-accent)!important;
}
html[data-beauty-theme] #section-finance .finance-list-premium>.empty-state p{
  color:var(--skin-muted)!important;font-size:12px!important;
}

/* Details dialog: all fields visible, no data loss, quiet management actions. */
html[data-beauty-theme] .modal-card[data-modal="finance-details"]{
  max-width:540px!important;background:var(--skin-surface)!important;
}
html[data-beauty-theme] .finance-detail{
  display:grid!important;gap:13px!important;width:100%!important;min-width:0!important;
  color:var(--skin-ink)!important;
}
html[data-beauty-theme] .finance-detail-hero{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
  gap:15px!important;min-width:0!important;padding:5px 0 13px!important;
  border-bottom:1px solid var(--skin-border)!important;
}
html[data-beauty-theme] .finance-detail-hero h3{
  margin:2px 0 6px!important;font-size:18px!important;font-weight:850!important;
  color:var(--skin-ink)!important;line-height:1.3!important;letter-spacing:-.025em!important;
  overflow-wrap:anywhere!important;
}
html[data-beauty-theme] .finance-detail-hero small{
  display:block!important;margin:0 0 5px!important;color:var(--skin-muted)!important;
  font-size:11px!important;
}
html[data-beauty-theme] .finance-detail-hero strong{
  flex:0 0 auto!important;font-size:18px!important;font-weight:850!important;
  color:var(--skin-ink)!important;white-space:nowrap!important;
}
html[data-beauty-theme] .finance-detail-hero.payable strong{color:var(--f-bad)!important}
html[data-beauty-theme] .finance-detail-hero.receivable strong{color:var(--f-good)!important}
html[data-beauty-theme] .finance-detail-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;margin:0!important;
}
html[data-beauty-theme] .finance-detail-grid>div{
  display:grid!important;align-content:start!important;gap:4px!important;
  min-width:0!important;padding:10px!important;border-radius:10px!important;
  background:var(--skin-alt)!important;border:1px solid var(--skin-border)!important;
}
html[data-beauty-theme] .finance-detail-grid>div.is-full{grid-column:1/-1!important}
html[data-beauty-theme] .finance-detail-grid dt{
  margin:0!important;font-size:10px!important;line-height:1.2!important;
  font-weight:800!important;color:var(--skin-muted)!important;
}
html[data-beauty-theme] .finance-detail-grid dd{
  margin:0!important;font-size:12px!important;line-height:1.45!important;
  font-weight:700!important;color:var(--skin-ink)!important;
  overflow-wrap:anywhere!important;white-space:pre-wrap!important;
}
html[data-beauty-theme] .finance-detail-actions{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:8px!important;margin-top:2px!important;
}
html[data-beauty-theme] .finance-detail-actions button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;width:auto!important;max-width:100%!important;min-width:0!important;
  min-height:39px!important;height:39px!important;margin:0!important;padding:8px 12px!important;
  font-size:11.5px!important;line-height:1!important;white-space:nowrap!important;
  border-radius:10px!important;box-shadow:none!important;
}
html[data-beauty-theme] .finance-detail-actions .finance-detail-remove{
  margin-left:auto!important;background:transparent!important;border:1px solid transparent!important;
  color:var(--f-bad)!important;
}

/* Entry modal: segmented type, concise inputs, collapsible optional information. */
html[data-beauty-theme] .modal-card[data-modal="finance"]{
  max-width:630px!important;background:var(--skin-surface)!important;
}
html[data-beauty-theme] .finance-form .finance-kind-switch{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;margin:0 0 2px!important;width:100%!important;
}
html[data-beauty-theme] .finance-form .finance-kind-switch label{
  display:block!important;min-width:0!important;position:relative!important;cursor:pointer!important;
}
html[data-beauty-theme] .finance-form .finance-kind-switch input{
  position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;
}
html[data-beauty-theme] .finance-form .finance-kind-switch label>span{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;min-height:41px!important;height:41px!important;padding:7px!important;
  border:1px solid var(--skin-border)!important;border-radius:10px!important;
  background:var(--skin-alt)!important;color:var(--skin-muted)!important;
  font-size:12px!important;font-weight:800!important;line-height:1.2!important;
}
html[data-beauty-theme] .finance-form .finance-kind-switch input:checked+span{
  color:var(--skin-accent)!important;background:var(--skin-soft)!important;
  border:2px solid var(--skin-accent)!important;
}
html[data-beauty-theme] .finance-form .finance-kind-switch input:focus-visible+span{
  outline:2px solid var(--skin-accent)!important;outline-offset:2px!important;
}
html[data-beauty-theme] .finance-form .finance-kind-switch i{font-size:17px!important}
html[data-beauty-theme] .finance-form .finance-form-fields{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;align-items:start!important;
}
html[data-beauty-theme] .finance-form .finance-form-fields>.full{grid-column:1/-1!important}
html[data-beauty-theme] .finance-form .finance-form-fields .field{min-width:0!important}
html[data-beauty-theme] .finance-form .finance-form-fields .field input,
html[data-beauty-theme] .finance-form .finance-form-fields .field select{
  min-width:0!important;width:100%!important;min-height:43px!important;
  height:43px!important;padding:8px 10px!important;font-size:14px!important;
  color:var(--skin-ink)!important;background:var(--skin-input)!important;
  border-color:var(--skin-border)!important;border-radius:10px!important;
}
html[data-beauty-theme] .finance-form .finance-extra-details{
  display:block!important;min-width:0!important;border:1px solid var(--skin-border)!important;
  border-radius:11px!important;padding:0 10px!important;background:var(--skin-alt)!important;
}
html[data-beauty-theme] .finance-form .finance-extra-details summary{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;min-height:40px!important;cursor:pointer!important;
  font-size:11.5px!important;font-weight:800!important;color:var(--skin-ink)!important;
  list-style:none!important;
}
html[data-beauty-theme] .finance-form .finance-extra-details summary::-webkit-details-marker{display:none}
html[data-beauty-theme] .finance-form .finance-extra-details summary i{
  font-size:15px!important;color:var(--skin-accent)!important;
}
html[data-beauty-theme] .finance-form .finance-extra-details[open] summary i{transform:rotate(180deg)!important}
html[data-beauty-theme] .finance-form .finance-extra-fields{
  padding:3px 0 12px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
html[data-beauty-theme] .finance-form .finance-extra-fields .full{grid-column:1/-1!important}
html[data-beauty-theme] .finance-form .finance-extra-fields input,
html[data-beauty-theme] .finance-form .finance-extra-fields textarea{
  min-height:43px!important;padding:8px 10px!important;
  background:var(--skin-input)!important;color:var(--skin-ink)!important;
  border:1px solid var(--skin-border)!important;border-radius:10px!important;
  font-size:14px!important;
}
html[data-beauty-theme] .finance-form .finance-extra-fields textarea{min-height:69px!important}
html[data-beauty-theme] .finance-form .finance-paid-field[hidden]{display:none!important}
html[data-beauty-theme] .finance-form .modal-footer{
  grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;
  gap:8px!important;position:sticky!important;
}
html[data-beauty-theme] .finance-form .modal-footer button{
  width:100%!important;min-height:43px!important;font-size:12px!important;
}

@media(max-width:930px) and (min-width:761px){
  html[data-beauty-theme] #section-finance .finance-filterbar{
    grid-template-columns:minmax(0,1fr) 145px 145px!important;
  }
  html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select) :is(input,select){
    font-size:11px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-head,
  html[data-beauty-theme] #section-finance .finance-ledger-row{
    grid-template-columns:65px minmax(0,1fr) 95px 122px 12px!important;gap:9px!important;
  }
}
@media(max-width:760px){
  html[data-beauty-theme] #section-finance .finance-section-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;
    gap:8px!important;align-items:center!important;margin:0 0 10px!important;
  }
  html[data-beauty-theme] #section-finance .finance-section-header h2{font-size:19px!important}
  html[data-beauty-theme] #section-finance .finance-section-header .eyebrow,
  html[data-beauty-theme] #section-finance .finance-section-header p{display:none!important}
  html[data-beauty-theme] #newFinanceButton{
    grid-column:2!important;grid-row:1!important;justify-self:end!important;
    display:grid!important;place-items:center!important;
    width:38px!important;height:38px!important;min-width:38px!important;
    max-width:38px!important;min-height:38px!important;padding:0!important;
    font-size:0!important;border-radius:10px!important;
  }
  html[data-beauty-theme] #newFinanceButton i{font-size:19px!important}
  html[data-beauty-theme] #section-finance .finance-summary-shell.clena-finance-overview{
    gap:8px!important;margin-bottom:10px!important;
  }
  html[data-beauty-theme] #section-finance .finance-month-card.clena-finance-period{
    min-height:47px!important;padding:7px 10px!important;border-radius:11px!important;
  }
  html[data-beauty-theme] #section-finance .finance-month-copy{gap:8px!important}
  html[data-beauty-theme] #section-finance .finance-month-copy>small{
    font-size:11px!important;line-height:1.2!important;
  }
  html[data-beauty-theme] #section-finance .finance-month-control{
    width:170px!important;max-width:170px!important;flex:0 1 170px!important;
  }
  html[data-beauty-theme] #section-finance .finance-month-control input[type="month"]{
    height:33px!important;min-height:33px!important;font-size:15px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-cards.clena-finance-totals{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;overflow:visible!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card{
    min-height:91px!important;gap:6px!important;padding:10px!important;
    border-radius:11px!important;scroll-snap-align:none!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card.balance{
    grid-column:1/-1!important;min-height:82px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-icon{
    width:24px!important;height:24px!important;min-width:24px!important;
    border-radius:7px!important;font-size:13px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card small{
    font-size:10px!important;margin-bottom:4px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card strong{
    font-size:clamp(15px,4.3vw,20px)!important;line-height:1.15!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card.balance strong{font-size:20px!important}
  html[data-beauty-theme] #section-finance .finance-summary-card div>span{
    font-size:10px!important;margin-top:4px!important;
  }
  html[data-beauty-theme] #section-finance .finance-filterbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;padding:8px!important;margin-bottom:9px!important;
    border-radius:11px!important;
  }
  html[data-beauty-theme] #section-finance .finance-search{
    grid-column:1/-1!important;
  }
  html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select){
    min-height:38px!important;height:38px!important;border-radius:9px!important;
  }
  html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select)>i:first-child{
    flex:0 0 28px!important;width:28px!important;font-size:14px!important;
  }
  html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select) :is(input,select){
    height:36px!important;min-height:36px!important;font-size:12px!important;
    padding-right:22px!important;
  }
  html[data-beauty-theme] #section-finance .finance-search input{font-size:14px!important;padding-right:7px!important}
  html[data-beauty-theme] #section-finance .finance-list-header{
    min-height:29px!important;padding:2px 2px 5px!important;
  }
  html[data-beauty-theme] #section-finance .finance-list-premium{
    border-radius:11px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-head{display:none!important}
  html[data-beauty-theme] #section-finance .finance-ledger-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto 13px!important;
    grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:5px!important;
    min-height:64px!important;padding:10px 11px!important;align-items:center!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-description{
    grid-column:1!important;grid-row:1!important;gap:3px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-description strong{font-size:12px!important}
  html[data-beauty-theme] #section-finance .finance-ledger-description small{font-size:10px!important}
  html[data-beauty-theme] #section-finance .finance-ledger-amount{
    grid-column:2!important;grid-row:1!important;font-size:12.5px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-date{
    grid-column:1!important;grid-row:2!important;line-height:1.25!important;font-size:10.5px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-status{
    grid-column:2!important;grid-row:2!important;justify-self:end!important;
    min-height:20px!important;padding:3px 7px!important;font-size:9px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-chevron{
    grid-column:3!important;grid-row:1/span 2!important;font-size:14px!important;
  }
  html[data-beauty-theme] .modal-card[data-modal="finance-details"],
  html[data-beauty-theme] .modal-card[data-modal="finance"]{
    max-width:100%!important;
  }
  html[data-beauty-theme] .finance-detail-hero{gap:10px!important}
  html[data-beauty-theme] .finance-detail-hero strong{font-size:16px!important}
  html[data-beauty-theme] .finance-detail-hero h3{font-size:16px!important}
  html[data-beauty-theme] .finance-detail-grid{gap:7px!important}
  html[data-beauty-theme] .finance-detail-grid>div{padding:9px!important}
  html[data-beauty-theme] .finance-form .finance-form-fields{gap:8px!important}
  html[data-beauty-theme] .finance-form .finance-form-fields .field input,
  html[data-beauty-theme] .finance-form .finance-form-fields .field select{
    font-size:16px!important;min-height:42px!important;height:42px!important;
  }
  html[data-beauty-theme] .finance-form .finance-extra-fields input,
  html[data-beauty-theme] .finance-form .finance-extra-fields textarea{
    font-size:16px!important;
  }
  html[data-beauty-theme] .finance-detail-actions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  html[data-beauty-theme] .finance-detail-actions button{
    width:100%!important;min-width:0!important;max-width:100%!important;
  }
  html[data-beauty-theme] .finance-detail-actions .finance-detail-remove{
    margin:0!important;grid-column:1/-1!important;justify-self:center!important;
    width:max-content!important;
  }
}
@media(max-width:370px){
  html[data-beauty-theme] #section-finance .finance-month-control{width:148px!important;max-width:148px!important}
  html[data-beauty-theme] #section-finance .finance-filterbar{gap:6px!important;padding:6px!important}
  html[data-beauty-theme] #section-finance :is(.finance-search,.finance-select)>i:first-child{
    flex:0 0 23px!important;width:23px!important;font-size:13px!important;
  }
  html[data-beauty-theme] #section-finance .finance-select select{font-size:11px!important}
  html[data-beauty-theme] #section-finance .finance-summary-card strong{font-size:15px!important}
  html[data-beauty-theme] #section-finance .finance-ledger-row{gap:5px!important;padding:9px!important}
  html[data-beauty-theme] .finance-detail-hero{flex-wrap:wrap!important}
  html[data-beauty-theme] .finance-form .finance-form-fields{grid-template-columns:1fr!important}
  html[data-beauty-theme] .finance-form .finance-extra-fields{grid-template-columns:1fr!important}
}