/* Resident financial accounts: Rent, Fine and Security Deposit */
.fa-panel{
  margin-top:18px;
  padding:18px;
  border:1px solid var(--ni-line,#dde5e8);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--ni-shadow-sm,0 5px 18px rgba(24,49,83,.065));
}
.fa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.fa-head h3{margin:3px 0;color:var(--ni-ink,#172435);font-size:19px}
.fa-head p{margin:0;color:var(--ni-muted,#687584);font-size:11px}
.fa-eyebrow{color:var(--ni-teal,#176b66);font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.fa-separate-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #d8e5e3;border-radius:999px;background:linear-gradient(120deg,#eef5f8,#edf7f2);color:var(--ni-teal,#176b66);font-size:9px;font-weight:900;white-space:nowrap}
.fa-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}
.fa-balances article{position:relative;overflow:hidden;min-height:96px;padding:14px;border:1px solid var(--ni-line,#dde5e8);border-radius:15px;background:#fff}
.fa-balances article::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#183153,#176b66,#4f7d35,#c69a32)}
.fa-balances span,.fa-balances strong,.fa-balances small{display:block}
.fa-balances span{color:var(--ni-muted,#687584);font-size:9px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.fa-balances strong{margin-top:6px;color:var(--ni-ink,#172435);font-size:22px;line-height:1.1}
.fa-balances small{margin-top:6px;color:#7a8790;font-size:8.5px;line-height:1.4}
.fa-terms{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:8px;margin:10px 0 15px}
.fa-terms div{padding:10px;border:1px solid rgba(23,107,102,.08);border-radius:11px;background:linear-gradient(125deg,rgba(24,49,83,.045),rgba(23,107,102,.06),rgba(79,125,53,.045),rgba(198,154,50,.06))}
.fa-terms span,.fa-terms b{display:block}.fa-terms span{color:var(--ni-muted,#687584);font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.fa-terms b{margin-top:4px;color:#273746;font-size:10px}
.fa-tabs{display:flex;gap:6px;padding:5px;border-radius:12px;background:#edf2f3}
.fa-tabs button{flex:1;min-height:38px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#596873;font-size:10px;font-weight:850;cursor:pointer}
.fa-tabs button:hover{background:rgba(255,255,255,.6)}
.fa-tabs button.active{background:#fff;color:var(--ni-teal,#176b66);box-shadow:0 4px 12px rgba(24,49,83,.08)}
.fa-account{display:none;margin-top:11px;padding:13px;border:1px solid var(--ni-line,#dde5e8);border-radius:14px;background:#fff}
.fa-account.active{display:block}
.fa-account-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:11px}
.fa-account-head strong,.fa-account-head small{display:block}.fa-account-head strong{color:#253442;font-size:12px}.fa-account-head small{margin-top:2px;color:#7a8790;font-size:9px}
.fa-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.fa-actions button{min-height:32px;padding:0 10px;border:1px solid #cad7db;border-radius:9px;background:#fff;color:var(--ni-teal,#176b66);font-size:9px;font-weight:850;cursor:pointer;transition:.16s ease}
.fa-actions button:hover,.fa-actions button.primary{border-color:transparent;background:linear-gradient(110deg,#183153,#176b66,#4f7d35);color:#fff;box-shadow:0 6px 14px rgba(23,107,102,.13)}
.fa-entries{display:grid;gap:6px}
.fa-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;border:1px solid #e6ecee;border-radius:10px;background:#f7f9fa}
.fa-entry strong,.fa-entry small{display:block}.fa-entry strong{color:#33434f;font-size:9.5px}.fa-entry small{margin-top:3px;color:#87929a;font-size:8px;line-height:1.4}
.fa-entry-money{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;font-weight:900}.fa-in{color:#237a52}.fa-out{color:#b42318}
.fa-legacy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:12px;border:1px solid rgba(198,154,50,.34);border-radius:12px;background:linear-gradient(120deg,rgba(198,154,50,.08),rgba(23,107,102,.045))}.fa-legacy strong,.fa-legacy span{display:block}.fa-legacy strong{color:#624b13;font-size:10px}.fa-legacy span{margin-top:3px;color:#786d54;font-size:8.5px}.fa-legacy button{min-height:32px;padding:0 10px;border:1px solid rgba(198,154,50,.5);border-radius:9px;background:#fff;color:#765811;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}
.fa-empty,.fa-loading,.fa-error{padding:22px;border-radius:11px;text-align:center;font-size:10px}.fa-empty,.fa-loading{background:#f6f8f9;color:#77848d}.fa-error{background:#fff0ee;color:#a83127}
@media(max-width:940px){.fa-terms{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.fa-head,.fa-account-head,.fa-legacy{align-items:flex-start;flex-direction:column}.fa-balances{grid-template-columns:1fr}.fa-terms{grid-template-columns:repeat(2,1fr)}.fa-actions{justify-content:flex-start}}
@media(max-width:430px){.fa-tabs{display:grid;grid-template-columns:1fr}.fa-terms{grid-template-columns:1fr}}