/* Scoped account statement layout. Keep financial calculations in the existing component. */
.ana-live-account{padding:clamp(18px,3vw,32px);border:1px solid #dde6f0;border-radius:20px;background:#fff;min-width:0}
.ana-live-account,.ana-live-account *{box-sizing:border-box}
.ana-live-account .admin-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}
.ana-live-account .admin-card-heading>div{min-width:0}
.ana-live-account .admin-card-heading h2{font-family:inherit;font-size:26px;font-weight:700;letter-spacing:-.6px;line-height:1.25;margin:8px 0 10px;color:#0b2b52}
.ana-live-account .admin-card-heading p{font-size:13px;line-height:1.6;color:#60738a;max-width:620px;margin:0}
.ana-live-account .secondary-button{flex-shrink:0;min-height:44px}
.ana-live-account .secondary-button:focus-visible{outline:3px solid #87b9f5;outline-offset:3px}
.ana-live-balance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 30px}
.ana-live-balance-highlight{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 28px;border-radius:16px;background:#0b2b52;color:#fff}
.ana-live-balance-highlight>span{font-size:14px;font-weight:600;color:#dbeaff}
.ana-live-balance-highlight>strong{font-size:42px;line-height:1.15;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fff;overflow-wrap:anywhere}
.ana-live-balance-highlight>small{font-size:12px;line-height:1.6;color:#dbeaff}
.ana-live-balance-metric{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;border:1px solid #e0e8f1;border-radius:14px;background:#f8fafd;min-width:0}
.ana-live-balance-metric>span{display:block;font-size:12px;font-weight:500;line-height:1.5;color:#5b6e85}
.ana-live-balance-metric>strong{display:block;font-size:24px;font-weight:700;color:#163858;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ana-live-balance-history-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.ana-live-balance-history-header h3{font-family:inherit;font-size:18px;font-weight:700;margin:0 0 6px;color:#0b2b52}
.ana-live-balance-history-header p{font-size:12px;line-height:1.6;color:#60738a;margin:0}
.ana-live-balance-history-header>span{padding:5px 10px;background:#eef3f9;border-radius:7px;color:#526780;font-size:11px;font-weight:700;letter-spacing:.8px}
.ana-live-balance-rows{border:1px solid #e0e8f1;border-radius:14px;overflow:hidden}
.ana-live-balance-row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(90px,max-content);align-items:center;gap:20px;padding:20px;background:#fff}
.ana-live-balance-row+.ana-live-balance-row{border-top:1px solid #e8edf4}
.ana-live-balance-row:nth-child(even){background:#fafcfe}
.ana-live-balance-row time{font-size:12px;color:#60738a;font-variant-numeric:tabular-nums}
.ana-live-balance-row>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.ana-live-balance-row>div>strong{font-size:13px;font-weight:650;color:#183858}
.ana-live-balance-row small{display:block;font-size:12px;line-height:1.6;color:#60738a;overflow-wrap:anywhere}
.ana-live-balance-row>strong{text-align:end;font-size:16px;color:#183858;font-variant-numeric:tabular-nums;white-space:nowrap}
.ana-live-balance-row>strong.ana-live-payment{color:#18734e}
.ana-live-account .ana-live-balance-note{font-size:12px;line-height:1.8;color:#60738a;margin:20px 0 0;padding:16px 18px;border-inline-start:3px solid #b8cce3;background:#f7f9fc;border-radius:0 8px 8px 0}
.ana-live-balance-warning{padding:14px 16px;background:#fff8e8;border:1px solid #ecd8a5;border-radius:10px;color:#72551b;font-size:13px;line-height:1.6}
@media(max-width:640px){
.ana-live-account .admin-card-heading{flex-direction:column;gap:16px}
.ana-live-account .admin-card-heading h2{font-size:23px}
.ana-live-balance-summary{grid-template-columns:1fr;gap:10px;margin-bottom:24px}
.ana-live-balance-highlight{padding:22px}
.ana-live-balance-highlight>strong{font-size:36px}
.ana-live-balance-metric{flex-direction:row;align-items:center;gap:16px;padding:16px}
.ana-live-balance-metric>span{max-width:65%}
.ana-live-balance-metric>strong{font-size:21px;text-align:end}
.ana-live-balance-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px}
.ana-live-balance-row time{grid-column:1/-1;font-size:11px}
.ana-live-balance-row>strong{align-self:start}
.ana-live-balance-history-header{align-items:flex-start}
}