.balance-label { gap: 8px; }
.balance-eye { margin-left: auto; flex-shrink: 0; width: 42px; height: 42px; color: white; background: #ffffff1c; border-radius: 50%; }
.balance-eye[aria-pressed="true"] { background: #ffffff38; }
.account-tabs { margin-bottom: 20px; }
.credit-overview { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 16px 6px 5px; font-size: 12px; }
.credit-overview small { display: block; margin-top: 5px; font-size: 10px; color: var(--muted); }
.credit-overview strong { text-align: right; font-size: 16px; font-variant-numeric: tabular-nums; }
.account-heading h1 { font-size: 23px; letter-spacing: -.6px; }
.account-heading p { color: var(--muted); font-size: 12px; line-height: 1.6; margin: 8px 0 20px; }
.account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
.account-card { background: white; border: 1px solid #e8edf5; border-radius: 18px; padding: 16px; min-width: 0; }
.account-card h2 { font-size: 14px; margin: 13px 0 12px; }
.account-symbol { display: inline-flex; color: #5372a4; }
.account-symbol .icon { width: 20px; height: 20px; }
.account-card .text-button { font-size: 11px; min-height: 40px; }
.account-value { display: block; font-size: 23px; letter-spacing: -.7px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.account-value .rub-equivalent { font-size: 12px; letter-spacing: 0; }
.account-card p { color: var(--muted); font-size: 10px; line-height: 1.6; margin: 12px 0 0; }
.account-card p.expense { color: var(--red); }
.account-negative { border-color: #eec7c1; background: #fff8f5; }
.account-caption { display: block; font-size: 10px; color: var(--muted); margin-bottom: 6px; }
.crypto-card, .account-card[data-account-card="crypto"] { grid-column: 1 / -1; }
.credit-card { grid-column: 1 / -1; background: #f0f3fc; }
.credit-card .secondary { font-size: 11px; padding: 9px 5px; min-height: 42px; margin-top: 14px; background: white; }
.credit-debt { border-top: 1px solid #d8e1f0; margin-top: 14px; padding-top: 12px; }
.credit-debt > span { display: block; color: var(--muted); font-size: 10px; margin-bottom: 5px; }
.credit-debt > strong { display: block; font-size: 18px; overflow-wrap: anywhere; }
.credit-debt .rub-equivalent { font-size: 11px; }
.account-transfer { margin-top: 18px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.account-valuation { margin: 20px 0; padding: 19px; border-radius: 18px; background: #e8eef9; }
.account-valuation h2 { font-size: 14px; margin-bottom: 14px; }
.account-valuation > strong { display: block; font-size: 26px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.account-valuation > strong .rub-equivalent { font-size: 15px; }
.account-valuation p, .account-valuation summary { font-size: 11px; line-height: 1.7; margin-top: 12px; }
.account-valuation summary { cursor: pointer; color: var(--blue); padding: 8px 0; }
.account-ledger { border-radius: 16px; overflow: hidden; background: white; }
.account-entry { display: flex; align-items: center; gap: 10px; width: 100%; padding: 17px 13px; text-align: left; border-bottom: 1px solid #eef1f7; }
.account-entry > span { flex: 1; min-width: 0; }
.account-entry b { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.account-entry small { display: block; font-size: 10px; color: var(--muted); line-height: 1.7; margin-top: 5px; overflow-wrap: anywhere; }
.account-entry > strong { font-size: 12px; text-align: right; max-width: 45%; overflow-wrap: anywhere; }
.account-entry > .icon-button { width: 30px; flex-shrink: 0; }
.account-shortcut { display: flex; gap: 10px; align-items: center; width: 100%; text-align: left; margin-top: 12px; padding: 13px 15px; border-radius: 13px; background: #eaf0fa; font-size: 11px; }
.account-shortcut > span { display: flex; gap: 8px; align-items: center; flex: 1; }
.account-shortcut .icon { width: 18px; height: 18px; flex-shrink: 0; }
.account-correction { font-size: 11px; line-height: 1.7; padding: 12px 5px 0; white-space: pre-line; }
.account-sheet .hint { font-size: 12px; }
.account-form-subtitle { font-size: 15px; margin-top: 24px; }
.account-sheet select, #operation-account-block select { width: 100%; min-width: 0; padding: 13px 11px; border: 1px solid #dce3ef; border-radius: 10px; color: var(--ink); background: white; font: inherit; font-size: 14px; }
#operation-account-block { margin-bottom: 19px; }
.reconcile-preview { font-size: 13px; line-height: 1.7; padding: 12px; background: #edf2fb; border-radius: 10px; margin-top: 12px; }
@media (max-width: 359px) {
  .account-grid { gap: 9px; }
  .account-card { padding: 12px; }
  .account-value { font-size: 20px; }
  .account-card h2 { font-size: 12px; }
  .balance-label { font-size: 11px; }
  .balance-eye { width: 40px; height: 40px; }
}
.cushion-details-panel{margin:10px 0 2px;padding:2px 15px 12px;border:1px solid #dce4f0;border-radius:18px;background:#fff;min-width:0}
.cushion-details-panel.is-opening{animation:cushion-details-in .16s ease-out}
.cushion-account-row{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1.25fr);gap:10px;align-items:center;min-width:0;padding:13px 0;border-bottom:1px solid var(--line)}
.cushion-account-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#eef3fb;color:#5e7ba8}
.cushion-account-icon>.icon{width:18px;height:18px}
.cushion-account-info{min-width:0;font-size:12px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.cushion-account-info small{display:block;font-size:10px;font-weight:400;line-height:1.45;color:var(--muted);margin-top:3px}
.cushion-account-money{min-width:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cushion-account-money>strong{display:block;font-size:15px;line-height:1.4;letter-spacing:-.2px}
.cushion-account-money>small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px;letter-spacing:0}
.cushion-estimate-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:11px;border-radius:10px;background:#f1f5fb;min-width:0}
.cushion-estimate-total>span{flex:1;min-width:0;max-width:50%;font-size:11px;line-height:1.45;color:#5d6f89}
.cushion-estimate-total>strong{min-width:0;max-width:56%;text-align:right;font-size:15px;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.cushion-estimate-total .rub-equivalent{font-size:10px;line-height:1.4;margin-top:3px}
.cushion-rate-note,.cushion-fx-note{font-size:10px;line-height:1.6;color:var(--muted);margin-top:9px;overflow-wrap:anywhere}
.cushion-fx-note{padding-top:9px;border-top:1px solid var(--line)}
.cushion-edit-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:8px 0 0;color:var(--blue);font-size:12px;line-height:1.45;text-align:left}
.cushion-edit-link>.icon{flex:none;width:17px;height:17px}
@keyframes cushion-details-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:359px){.cushion-details-panel{padding-left:12px;padding-right:12px}.cushion-account-row{grid-template-columns:29px minmax(0,1fr) minmax(0,1.3fr);gap:8px}.cushion-account-icon{width:29px;height:29px;border-radius:9px}.cushion-account-info{font-size:11px}.cushion-account-money>strong{font-size:14px}.cushion-account-money>small{font-size:10px}.cushion-estimate-total{gap:8px;padding:10px}.cushion-estimate-total>strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cushion-details-panel.is-opening{animation:none}}
.account-details-open{display:block;width:100%;min-width:0;min-height:0;padding:0;border-radius:10px;text-align:left}
.account-details-open .account-symbol{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#eaf0fa;color:#5b77a4}
.account-details-open .account-symbol>.icon{width:21px;height:21px}
.account-card-name{display:block;font-size:14px;font-weight:700;line-height:1.45;margin:13px 0 12px;overflow-wrap:anywhere}
.account-details-open>small,.account-details-hint{display:block;font-size:11px;line-height:1.5;color:var(--blue);margin-top:10px}
.account-details-hint>.icon{width:14px;height:14px;margin-left:3px}
.account-details-open:active{background:#f6f9ff}
.crypto-card .account-details-open,.credit-card .account-details-open{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:start}
.crypto-card .account-details-open>.account-symbol,.credit-card .account-details-open>.account-symbol{grid-column:1;grid-row:1/5}
.crypto-card .account-details-open>.account-card-name,.credit-card .account-details-open>.account-card-name{grid-column:2;margin:0 0 8px}
.crypto-card .account-details-open>.account-value,.credit-card .account-details-open>.account-value,.credit-card .account-details-open>.account-caption{grid-column:2}
.crypto-card .account-details-open>.account-details-hint,.credit-card .account-details-open>.account-details-hint{grid-column:2;margin-top:7px}
.account-card>.text-button{margin-top:7px;padding-left:0;padding-right:0;text-align:left}
.account-card>.account-edit.secondary{font-size:12px;line-height:1.45;min-height:44px;padding:10px 8px;margin-top:13px;background:#edf2fa}
.credit-card>.account-edit.secondary{background:#fff}
.account-detail-sheet{padding-bottom:max(24px,env(safe-area-inset-bottom))}
.account-detail-caption{font-size:12px;line-height:1.6;color:var(--muted);margin:4px 0 15px;overflow-wrap:anywhere}
.account-detail-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.account-detail-balances>div{min-width:0;padding:14px;border:1px solid #dce5f2;border-radius:14px;background:#f1f5fc}
.account-detail-balances>div:only-child{grid-column:1/-1}
.account-detail-balances>div>label,.account-detail-balances>div>span{display:block;font-size:11px;line-height:1.45;color:var(--muted)}
.account-detail-value{display:block;font-size:26px;line-height:1.3;font-weight:650;letter-spacing:-.6px;margin-top:8px;white-space:pre-line;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.account-detail-value .rub-equivalent{font-size:14px;line-height:1.4;margin-top:5px;letter-spacing:0}
.account-detail-rate{font-size:11px;line-height:1.6;color:var(--muted);margin:11px 2px 0;overflow-wrap:anywhere}
.account-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 11px}
.account-history-header h3{font-size:16px;line-height:1.45;letter-spacing:-.15px}
.account-history-header>span{font-size:10px;line-height:1.5;color:var(--muted);text-align:right}
.account-history-chart{min-width:0;padding:12px 8px 10px;border:1px solid #dfe7f2;border-radius:14px;background:#f5f8fd}
.account-history-chart svg{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}
.account-history-chart .history-grid{fill:none;stroke:#dce5f1;stroke-width:1;vector-effect:non-scaling-stroke}
.account-history-chart .history-line{fill:none;stroke:#315cfd;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.account-history-chart .history-debt-line{fill:none;stroke:#bd655b;stroke-width:2.25;stroke-dasharray:5 4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.account-history-chart .history-dot{fill:#315cfd;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.account-history-chart .history-debt-dot{fill:#bd655b}
.account-history-chart .history-axis{font-size:10px;line-height:1.4;fill:#72829b;color:#72829b;font-variant-numeric:tabular-nums}
.account-history-chart>.history-axis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:11px;line-height:1.5;margin:0 2px 6px}
.account-history-chart>.history-axis>span{min-width:0;overflow-wrap:anywhere}
.account-history-chart>.history-axis>span:last-child{text-align:right}
.account-history-chart text{font-family:inherit;fill:#72829b;font-size:10px}
.history-date-axis{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 3px 0;font-size:11px;line-height:1.5;color:var(--muted)}
.account-history-legend{display:flex;flex-wrap:wrap;gap:8px 15px;margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.5}
.account-history-legend>span{display:inline-flex;align-items:center;gap:6px}
.account-history-legend>span::before{content:"";display:inline-block;width:17px;border-top:2px solid #315cfd}
.account-history-legend>span:last-child::before{border-top:2px dashed #bd655b}
.account-history-note,.history-empty{font-size:11px;line-height:1.65;color:var(--muted);margin:11px 2px 0;overflow-wrap:anywhere}
.history-empty{margin:0;padding:20px 12px;text-align:center}
#account-detail-content>.secondary{margin-top:19px}
@media(max-width:359px){.account-card-name{font-size:12px}.account-detail-balances{grid-template-columns:1fr}.account-detail-balances>div{padding:13px}.account-detail-value{font-size:24px}.account-history-chart{padding-left:5px;padding-right:5px}.account-history-header{gap:8px}}
.account-detail-summary{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--theme-inset,#f1f5fc)}
#account-detail-content .account-detail-balances>div{padding:0;border:0;border-radius:0;background:transparent}
#account-detail-content .account-detail-balances>div+div{padding-left:12px;border-left:1px solid var(--line)}
.account-detail-summary>.account-detail-rate{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.account-detail-summary>.account-history-note{margin:7px 0 0}
.account-history-header{gap:8px;margin:18px 0 10px}
.account-history-header>h3{flex:1;min-width:0}
.account-history-header>.ux-info-button{margin-block:-8px}
@media(max-width:359px){#account-detail-content .account-detail-balances>div+div{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}}

/* Account surfaces share one inset and a readable secondary type size. */
#main .account-grid{gap:var(--ui-gap,12px)}
#main .account-grid>.account-card{padding:var(--ui-inset,16px);border-radius:var(--ui-card-radius,18px)}
#main .account-card .account-card-name{font-size:14px;line-height:1.45}
#main .account-card :is(.account-caption,.account-details-hint,p,.credit-debt>span,.rub-equivalent){font-size:12px;line-height:1.5}
#main .account-card .account-edit{min-height:var(--ui-touch,44px);border-radius:var(--ui-control-radius,12px);font-size:14px}
.account-details-open .account-symbol{color:var(--blue)}
.account-detail-summary,.account-history-chart{border-radius:var(--ui-card-radius,18px);padding:var(--ui-inset,16px)}
.account-detail-summary,.account-detail-sheet .account-history-chart{background:var(--ui-nested,var(--theme-inset,#f0f3f8));border:0;border-radius:var(--ui-nested-radius,14px)}
.account-detail-balances>div>span,.account-detail-rate,.account-history-header>span,.account-history-note,.history-empty{font-size:12px;line-height:1.5}
.account-history-header h3{font-size:16px}
.account-history-chart>.history-axis,.history-date-axis{font-size:12px;line-height:1.45}
.account-history-legend{font-size:12px}
.account-history-chart .history-grid{stroke:var(--line)}
.account-history-chart .history-line{stroke:var(--blue)}
.account-history-chart .history-dot{fill:var(--blue)}
.account-entry{padding:var(--ui-inset,16px);gap:var(--ui-gap,12px)}
.account-entry b,.account-entry>strong{font-size:14px;line-height:1.5}
.account-entry small{font-size:12px;line-height:1.5}
.account-entry>.icon-button{width:var(--ui-touch,44px);min-height:var(--ui-touch,44px)}
.account-ledger{border-radius:var(--ui-card-radius,18px)}
.account-form-subtitle{font-size:16px;margin-top:20px}
.transfer-account-balance{margin:8px 0 16px;color:var(--muted);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.account-sheet .reconcile-preview{padding:var(--ui-inset,16px);border-radius:var(--ui-control-radius,12px);font-size:14px}
@media(max-width:359px){#main .account-grid>.account-card{padding:12px}.account-history-chart{padding:12px}.account-history-chart>.history-axis{gap:8px}}