.region-checkpoint{color:#7463bc;background:#f3edff;border-radius:18px;padding:10px 15px;font-size:12px;margin-bottom:16px}.region-total{background:linear-gradient(110deg,#ebfffa,#f8edff)}.region-total>strong{display:block;font-size:clamp(28px,8vw,44px);line-height:1.4;overflow-wrap:anywhere}.region-balances{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;font-size:13px}.region-balances b{display:block;margin-top:6px;font-size:18px;overflow-wrap:anywhere}.region-account{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid #eeeaf7}.region-account>div{min-width:0;overflow-wrap:anywhere}.region-account>div:last-child{text-align:right}.region-account small{display:block;color:#7d879c;margin-top:6px}.region-country-button{margin-top:14px}#region-settings label,#region-account label{display:grid;gap:10px;margin-bottom:18px}
.regional-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-block:18px}.regional-quick button{min-width:0;font-size:13px;padding-inline:6px}.regional-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:10px}.regional-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:18px}.regional-dates input{min-width:0;width:100%}.regional-dates button{grid-column:1/-1}.regional-history{display:grid;gap:12px}.regional-history>div{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px;border-bottom:1px solid #eeeaf8}.regional-checkboxes{display:grid;gap:12px;max-height:280px;overflow:auto;margin-block:18px}.regional-checkboxes label{display:flex;gap:10px}.regional-checkboxes input{width:20px}.regional-ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}#regional-form .form-field,#regional-report label{display:grid;gap:8px;margin-bottom:18px}.mf-coming-soon{color:#138764;text-align:center;padding:22px;border-radius:18px;background:linear-gradient(125deg,#e3fbf1cc,#f4fff7aa);box-shadow:0 0 30px #8ce8bc55;font-weight:800}
.regional-account-name{display:flex;align-items:center;gap:12px}.regional-account-name>div{min-width:0}.regional-account-name .mf-bank-logo{flex:0 0 38px}