/* HU_Accounts — shared styling. Prefix `acct-` / `hu-acct-`. */
#page-profile .acct-sec{ background:#fff; border:1px solid #E7E0D6; border-radius:24px;
  padding:clamp(18px,3vw,26px); margin:18px 0 0; }
#page-profile .acct-head{ display:flex; justify-content:space-between; gap:16px;
  flex-wrap:wrap; align-items:flex-start; margin:0 0 16px; }
.acct-eb{ font-size:.68rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase;
  margin:0 0 6px; color:#8B7A4F !important; -webkit-text-fill-color:#8B7A4F !important; }
.acct-h{ font-family:'Playfair Display',Georgia,serif !important; font-size:1.25rem !important;
  font-weight:700 !important; margin:0 0 6px !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.acct-sub{ margin:0; font-size:.88rem; line-height:1.65; max-width:56ch;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.acct-total{ font-size:.85rem; margin:0;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.acct-total strong{ font-size:1.1rem;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.acct-list{ display:flex; flex-direction:column; gap:9px; margin:0 0 16px; }
.acct-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  background:#FBF9F5 !important; border:1px solid #EFE7DA !important; border-radius:16px;
  padding:13px 16px; }
.acct-n{ flex:1 1 160px; min-width:0; font-size:.94rem; font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.acct-src{ display:block; font-size:.74rem; font-weight:600; margin-top:2px;
  color:#8B94A0 !important; -webkit-text-fill-color:#8B94A0 !important; }
.acct-b{ font-size:.95rem; font-weight:800; flex:none;
  color:#3F6B3A !important; -webkit-text-fill-color:#3F6B3A !important; }
.acct-b.is-neg, .acct-row.is-neg .acct-b{
  color:#9A4B4B !important; -webkit-text-fill-color:#9A4B4B !important; }
.acct-acts{ display:flex; gap:6px; flex:none; }
.acct-mini{ min-height:44px; padding:10px 13px; border-radius:11px; cursor:pointer; font:inherit;
  font-size:.78rem; font-weight:800; background:#fff !important;
  border:1px solid #E3DACB !important;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.acct-mini:hover{ background:#F4F0E9 !important; }
.acct-mini.is-x{ color:#9A5B5B !important; -webkit-text-fill-color:#9A5B5B !important; }
.acct-mini:focus-visible, .acct-i:focus-visible, .acct-b:focus-visible,
.hu-acct-sel:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
.acct-empty{ padding:22px; border-radius:16px; border:1px dashed #E0D6C6;
  background:#FBF9F5; margin:0 0 16px; }
.acct-empty p{ margin:0; font-size:.9rem;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.acct-add{ display:flex; gap:9px; flex-wrap:wrap; }
.acct-i{ box-sizing:border-box; min-height:48px; padding:12px 15px; border-radius:13px; font:inherit;
  font-size:.92rem; flex:1 1 180px; min-width:0; background:#fff !important;
  border:1px solid #E3DACB !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.acct-i.is-num{ flex:0 1 140px; }
.acct-b.is-go, button.acct-b{ display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:13px 20px; border-radius:999px; cursor:pointer; font:inherit;
  font-size:.86rem; font-weight:800; background:#fff !important;
  border:1px solid #E3DACB !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
button.acct-b.is-go{ background:#5F8F5A !important; border-color:#5F8F5A !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
button.acct-b.is-x{ background:#9A4B4B !important; border-color:#9A4B4B !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
.acct-note{ margin:16px 0 0; padding:14px 16px; border-radius:14px; font-size:.83rem; line-height:1.65;
  background:#FBF3E3 !important;
  color:#6B5427 !important; -webkit-text-fill-color:#6B5427 !important; }
.hu-acct-sel{ box-sizing:border-box; width:100%; min-height:48px; padding:12px 15px;
  border-radius:13px; font:inherit; font-size:.92rem; background:#fff !important;
  border:1px solid #E3DACB !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.hu-acct-none{ font-size:.85rem; margin:0;
  color:#8B5A2E !important; -webkit-text-fill-color:#8B5A2E !important; }
.acct-f{ margin:0 0 13px; }
.acct-fl{ display:block; margin:0 0 6px; font-size:.7rem; font-weight:800; letter-spacing:.13em;
  text-transform:uppercase; color:#6D7683 !important; -webkit-text-fill-color:#6D7683 !important; }
#acctSheet{ position:fixed; inset:0; z-index:9650; display:none; align-items:center;
  justify-content:center; background:rgba(20,28,44,.5); padding:16px;
  font-family:'Nunito',system-ui,sans-serif; }
#acctSheet.is-open{ display:flex; }
#acctSheet .acct-box{ display:block !important; height:auto !important; width:100%; max-width:460px;
  max-height:calc(100dvh - 40px); overflow-y:auto; background:#fff !important;
  border-radius:24px; padding:24px; }
#acctSheet .acct-box-h{ display:flex !important; flex-direction:row !important;
  justify-content:space-between; align-items:flex-start; gap:12px; margin:0 0 12px; }
#acctSheet .acct-box-t{ font-family:'Playfair Display',Georgia,serif !important;
  font-size:1.2rem !important; font-weight:700 !important; margin:0 !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#acctSheet .acct-box-x{ flex:none; width:44px; height:44px; min-height:44px; border-radius:50%;
  cursor:pointer; font:inherit; border:0 !important; background:#F1EDE8 !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#acctSheet .acct-box-b{ font-size:.92rem; line-height:1.7;
  color:#3E4B65 !important; -webkit-text-fill-color:#3E4B65 !important; }
#acctSheet .acct-box-f{ display:flex !important; flex-direction:row !important; gap:10px;
  justify-content:flex-end; flex-wrap:wrap; margin:18px 0 0; }
#lvxSec .lvp-pays{ display:flex; flex-direction:column; gap:9px; margin:0 0 12px; }
#lvxSec .lvp-pay{ display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  background:#fff !important; border:1px solid #E3E7EC !important; border-radius:15px;
  padding:13px 16px; }
#lvxSec .lvp-pay.is-paid{ background:#F6F8F5 !important; }
#lvxSec .lvp-pay-t{ flex:1 1 150px; min-width:0; font-size:.92rem; font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#lvxSec .lvp-pay-a{ display:block; font-size:.74rem; font-weight:600; margin-top:2px;
  color:#8B94A0 !important; -webkit-text-fill-color:#8B94A0 !important; }
#lvxSec .lvp-pay-m{ font-size:.95rem; font-weight:800; flex:none;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#lvxSec .lvp-pay-s{ font-size:.76rem; font-weight:800; flex:none;
  color:#3F6B3A !important; -webkit-text-fill-color:#3F6B3A !important; }
#lvxSec .lvp-mini.is-go{ background:#5F8F5A !important; border-color:#5F8F5A !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
#acctToast{ position:fixed; left:50%; bottom:26px; transform:translate(-50%,14px); z-index:9800;
  background:#243447 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:14px 24px; border-radius:999px; font:700 .87rem/1.35 'Nunito',system-ui,sans-serif;
  opacity:0; pointer-events:none; transition:opacity .2s, transform .2s;
  max-width:calc(100vw - 32px); text-align:center; }
#acctToast.on{ opacity:1; transform:translate(-50%,0); }
@media (max-width:620px){
  .acct-acts{ width:100%; }
  .acct-mini{ flex:1 1 auto; }
  .acct-add .acct-i, .acct-add button{ flex:1 1 100%; }
}