/* ===== history-vault.css (v1): หน้าประวัติแบบ "คลังเอกสารอัจฉริยะ" — มือถือเท่านั้น =====
   โซน A Vault Header · B Credit Command · C Command Search · D Smart Timeline · E Floating Nav
   ทองใช้เฉพาะจุดนำสายตา · ฟ้า = ทบทวน · เขียวมิ้นต์ = สำเร็จ
   ลบไฟล์นี้ + บรรทัด <link> ใน index.html = กลับไปใช้ history-polish.css v13 */
.vault-head{display:none}
@media (max-width:767px){
  :root,.history-panel,#authLoggedIn{--v-gold:#9ea2a7;--v-gold-line:rgba(158,162,167,.45);--v-navy:#0E1624;--v-card:#11151B;--v-line:#2B303A;--d-gold:#9ea2a7;--d-mint:#83D8B4;--d-sky:#85BCEB;--v-pend:#F4A66A;--d-card:#11151B;--d-line:#2B303A}

  /* ---------- โซน A: Vault Header ---------- */
  .vault-head{
    position:relative;display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:14px 14px;
    border:1px solid var(--v-line);border-radius:20px;overflow:hidden;
    background:radial-gradient(120% 140% at 0% 0%,rgba(156,160,165,.16),transparent 55%),linear-gradient(160deg,#101a2b,#0A0D13 70%);
  }
  .vault-head::after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--v-gold-line),transparent)}
  .vault-badge{flex:0 0 auto;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;
    background:linear-gradient(160deg,#16233a,#0A0F18);border:1px solid var(--v-gold-line);box-shadow:0 0 18px rgba(156,160,165,.18),inset 0 0 0 1px rgba(255,255,255,.04);color:var(--v-gold)}
  .vault-badge svg{width:34px;height:34px}
  .vault-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
  .vault-txt b{font-size:1.28rem;font-weight:700;line-height:1.2;color:var(--h-text,#f5f5f5);letter-spacing:.01em}
  .vault-txt small{font-size:.86rem;line-height:1.35;color:var(--h-sub,#8b8e98)}

  /* ---------- โซน B: Credit Command (ฮับเครดิต) ---------- */
  .pay-hub{margin:0 0 12px;padding:14px;border:1px solid var(--v-line);border-radius:18px;
    background:linear-gradient(160deg,#101011 0%,#121317 55%);box-shadow:none}
  .pay-hub .ph-bal p{margin:2px 0 0;display:flex;align-items:baseline;gap:8px}
  .pay-hub .ph-bal b{font-size:2.5rem;font-weight:700;line-height:1;color:var(--v-gold);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
  .pay-hub .ph-bal small{font-size:.9rem;color:var(--h-sub,#8b8e98)}
  .pay-hub .ph-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:12px 0;border:1px solid var(--v-line);border-radius:14px;background:rgba(0,0,0,.25)}
  .pay-hub .ph-stat{min-height:52px;padding:6px 4px;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-variant-numeric:tabular-nums}
  .pay-hub .ph-stat+.ph-stat{border-left:1px solid var(--v-line)}
  .pay-hub .ph-stat span{font-size:.74rem;color:var(--h-sub,#8b8e98)}
  .pay-hub .ph-stat b{font-size:1.15rem;line-height:1}
  .pay-hub .ph-stat.is-done b{color:var(--d-mint,#7FCFB0)}
  .pay-hub .ph-stat.is-pend b{color:var(--d-sky,#8DB9D8)}
  .pay-hub .ph-topup{width:100%;min-height:48px;border:0;border-radius:14px;background:var(--v-gold);color:#101011;font:inherit;font-weight:700}

  /* ---------- โซน C: Command Search ---------- */
  .hist-tools{position:sticky;top:0;z-index:4;margin:0 -2px 10px;padding:6px 2px 8px;background:linear-gradient(#08090b 82%,rgba(8,9,11,0))}
  .hist-search{order:-1;margin:0 0 8px}
  .hist-tools{display:flex;flex-direction:column}
  .hist-search input{min-height:48px;border-radius:16px;background:var(--v-card);border:1px solid var(--v-line);transition:border-color .2s,box-shadow .2s}
  .hist-search input:focus{border-color:var(--v-gold-line);box-shadow:0 0 0 3px rgba(156,160,165,.12);outline:0}
  .lib-seg{display:flex;gap:8px;margin:0;padding:2px 0;border:0;border-radius:0;background:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .lib-seg::-webkit-scrollbar{display:none}
  .lib-seg-b{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid var(--v-line);border-radius:999px;background:var(--v-card);scroll-snap-align:start;transition:background .2s,color .2s,border-color .2s}
  .lib-seg-b.is-on{background:var(--v-gold);border-color:var(--v-gold);color:#101011}
  .lib-chips{margin:8px 0 0}

  /* ---------- โซน D: Smart Timeline ---------- */
  #histList .hr-day{margin:18px 0 0}
  #histList .hr-day-list{position:relative;gap:12px;padding-left:22px}
  #histList .hr-day-list::before{content:"";position:absolute;left:6px;top:14px;bottom:14px;width:2px;border-radius:2px;
    background:linear-gradient(180deg,var(--v-gold-line),rgba(156,160,165,.08))}
  #histList .hr2{position:relative;background:var(--v-card);border-radius:18px;transition:border-color .2s,transform .15s}
  #histList .hr2:active{transform:scale(.99)}
  #histList .hr2::before{content:"";position:absolute;left:-21px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;
    background:#0A0D13;border:2px solid var(--v-gold-line)}
  #histList .hr-day:first-of-type .hr2:first-child{border-color:var(--v-gold-line);box-shadow:0 0 0 1px rgba(156,160,165,.10),0 8px 22px rgba(0,0,0,.4)}
  #histList .hr-day:first-of-type .hr2:first-child::before{background:var(--v-gold);border-color:var(--v-gold);box-shadow:0 0 10px rgba(156,160,165,.6)}
  #histList .hr2.is-pinned{border-color:var(--v-gold-line)}
  #histList .hr2 .hr-thumb{width:64px;height:84px;border-radius:9px;box-shadow:0 6px 14px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08);transform:rotate(-1.5deg)}
  @media (max-width:360px){#histList .hr2 .hr-thumb{width:54px;height:72px}#histList .hr-day-list{padding-left:18px}#histList .hr2::before{left:-17px}}

  /* ---------- โซน E: Floating Navigation (ปุ่มปัจจุบันเป็นสีทอง + เส้นเน้นบางด้านบน) ---------- */
  .bottom-nav .bn-item{position:relative}
  .bottom-nav .bn-item.is-on{color:var(--v-gold)}
  .bottom-nav .bn-item.is-on::before{content:"";position:absolute;left:28%;right:28%;top:0;height:2px;border-radius:0 0 2px 2px;background:var(--v-gold);box-shadow:0 0 8px rgba(156,160,165,.55)}

  /* ---------- รอบ 2: การ์ดเอกสาร · กลุ่มวันพับได้ · สีสถานะ + ข้อความกำกับ ---------- */
  .hist-tabs .hist-tab{font-weight:600}
  .hist-tabs .hist-tab.is-on{background:#22262E;color:var(--h-text,#f5f5f5)}
  .hr2 .hr-no{display:block;margin:0;font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--v-gold);text-transform:uppercase}
  .hr2 .hr-review{display:inline-flex;align-items:center;padding:3px 9px;border-radius:9px;background:rgba(133,188,235,.12);color:var(--d-sky);font-size:.76rem;font-weight:600}
  .hr2 .hr-state{padding:3px 9px;border-radius:9px;background:rgba(131,216,180,.12)}
  .hr-day-h{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
  .hr-day-n{font-style:normal;font-size:.74rem;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--d-chip,#22252B);color:var(--h-sub,#8b8e98)}
  .hr-day-chev{flex:0 0 auto;font-style:normal;font-size:1.1rem;line-height:1;color:var(--h-sub,#8b8e98);transition:transform .2s}
  .hr-day.is-collapsed .hr-day-chev{transform:rotate(-90deg)}
  .hr-day.is-collapsed .hr-day-list{display:none}
  .pay-row.is-pending .hist-status{color:var(--v-pend);background:rgba(244,166,106,.12)}
  .pay-row.is-credited .hist-status{color:var(--d-mint);background:rgba(131,216,180,.12)}
  .pay-row{border-color:var(--v-line);border-radius:16px;background:var(--v-card)}

  /* ---------- รอบ 3: Financial Document Timeline (แท็บเครดิตและชำระเงิน) ---------- */
  .pay-hub{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;row-gap:10px;padding:12px;margin:0 0 10px;border-radius:18px;background:linear-gradient(160deg,#101011 0%,#11151B 60%)}
  .pay-hub .ph-top{display:contents}
  .pay-hub .ph-top>div{display:none}
  .pay-hub .ph-ico{grid-column:1;grid-row:1;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--v-gold);border:1px solid var(--v-gold-line);background:transparent}
  .pay-hub .ph-bal{grid-column:2;grid-row:1;margin:0;padding:0;background:none;min-width:0}
  .pay-hub .ph-bal span{display:block;font-size:.78rem;color:var(--h-sub,#8b8e98)}
  .pay-hub .ph-bal p{margin:0}
  .pay-hub .ph-bal b{font-size:1.9rem}
  .pay-hub .ph-bal small{font-size:.8rem}
  .pay-hub .ph-topup{grid-column:3;grid-row:1;width:auto;min-height:40px;margin:0;padding:0 14px;border:1px solid var(--v-gold);border-radius:12px;background:transparent;color:var(--v-gold);font-size:.88rem;font-weight:700;white-space:nowrap}
  .pay-hub .ph-topup span{margin-right:5px;font-size:1.05rem}
  .pay-hub .ph-stats{grid-column:1/-1;grid-row:2;margin:0}
  .pay-hub .ph-stat{min-height:44px}
  .pay-hub .ph-stat b{font-size:1.05rem}
  .ph-search{margin:0 0 8px}
  .ph-search input{min-height:46px;border-radius:14px;background:var(--v-card);border:1px solid var(--v-line)}
  .hist-filters{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 0 6px;padding:2px 0;scrollbar-width:none}
  .hist-filters::-webkit-scrollbar{display:none}
  .hist-chip{flex:0 0 auto;min-height:36px;padding:0 14px;border-radius:999px;background:var(--v-card);border:1px solid var(--v-line);color:var(--h-sub,#8b8e98);font-weight:600}
  .hist-chip.is-on{background:rgba(158,162,167,.14);border-color:var(--v-gold);color:var(--v-gold)}
  .hist-chip[data-status="pending"]::before,.hist-chip[data-status="done"]::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--v-pend)}
  .hist-chip[data-status="done"]::before{background:var(--d-mint)}
  .pay-day{margin:16px 0 0}
  .pay-day-h{display:flex;align-items:center;gap:8px;margin:0 0 8px 2px;font-size:.92rem;font-weight:700;color:var(--h-text,#f5f5f5)}
  .pay-day-h::before{content:"";width:16px;height:16px;border:1.6px solid var(--v-gold);border-radius:5px;border-top-width:4px;box-sizing:border-box}
  .pay-day-h::after{content:"";flex:1;height:1px;background:var(--v-line)}
  .pay-list{border:1px solid var(--v-line);border-radius:16px;background:var(--v-card)}
  .pay-row+.pay-row{border-top:1px solid var(--v-line)}
  .pay-row{border:0;border-radius:0;background:transparent}
  .pay-row-top{align-items:center;gap:10px}
  .pay-thumb{flex:0 0 auto;width:42px;height:54px;border-radius:7px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
  .pay-row .hist-ico{width:32px;height:32px;border-radius:10px;border:1px solid var(--v-gold-line);background:transparent;color:var(--v-gold)}
  .pay-row .hist-ico svg{width:16px;height:16px}
  .pay-row .hist-main{gap:3px}
  .pay-row .hist-main>b{font-size:.98rem}
  .pay-row .hist-status{align-self:flex-start;padding:2px 9px;border-radius:999px;font-size:.74rem;font-weight:700;border:1px solid currentColor}
  .pay-row.is-pending .hist-status{border-color:rgba(244,166,106,.5)}
  .pay-row.is-credited .hist-status{border-color:rgba(131,216,180,.5)}
  .pay-row .hist-amt{font-size:1.05rem;font-weight:700;color:var(--v-gold)}
  @media (max-width:360px){.pay-thumb{display:none}.pay-hub .ph-bal b{font-size:1.6rem}}

  .pay-row .hist-ico{display:none}

  /* ---------- รอบ 4: บัญชีของฉัน — การ์ดเครดิตรวม · การ์ดบริการกะทัดรัด · เมนูตั้งค่าเป็นกลุ่ม ---------- */
  #authLoggedIn .wallet-head{display:none}
  #authLoggedIn .acct-row{border:1px solid var(--v-line);border-radius:18px;background:var(--v-card);margin:0 0 12px}
  #authLoggedIn .wallet{padding:0;background:none;border:0;box-shadow:none}
  #authLoggedIn .wallet-total{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:12px;margin:0 0 12px;padding:14px;
    border:1px solid var(--v-gold-line);border-radius:20px;background:linear-gradient(160deg,#101011 0%,#11151B 62%);box-shadow:0 0 0 1px rgba(158,162,167,.08),0 10px 26px rgba(0,0,0,.4)}
  #authLoggedIn .wallet-total-label{grid-column:1;grid-row:1;align-self:end;font-size:.82rem;color:var(--h-sub,#8b8e98)}
  #authLoggedIn .wallet-total-num{grid-column:1;grid-row:2;margin:0;display:flex;align-items:baseline;gap:8px}
  #authLoggedIn .wallet-total-num b{font-size:2.6rem;line-height:1;color:var(--v-gold)}
  #authLoggedIn .wallet-total-num small{font-size:.85rem}
  #authLoggedIn .wallet-rows{grid-column:2;grid-row:1/3;display:grid;gap:6px;min-width:128px;margin:0;padding:0 0 0 14px;border:0;border-left:1px solid var(--v-line)}
  #authLoggedIn .wallet-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
  #authLoggedIn .wallet-rows dt{font-size:.78rem}
  #authLoggedIn .wallet-rows dd{font-size:.78rem}
  #authLoggedIn .wallet-rows dd b{font-size:1.1rem}
  #authLoggedIn .wallet-quick{grid-column:1/-1;grid-row:3;margin:0}
  #authLoggedIn .wallet-total .wallet-topup{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;border:0;border-radius:14px;background:var(--v-gold);color:#101011;font-size:1rem;font-weight:700;box-shadow:none}
  #authLoggedIn .wallet-total .wallet-topup::before{content:"+";margin-right:8px;font-size:1.3rem;line-height:1}

  #authLoggedIn .wallet-list-head{margin:6px 2px 8px}
  #authLoggedIn .wallet-list-title{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:700}
  #authLoggedIn .wallet-list-title::before{content:"";width:3px;height:14px;border-radius:2px;background:var(--v-gold)}
  #authLoggedIn .wallet-cards{gap:10px}
  #authLoggedIn .wallet-card{padding:12px 14px;border-radius:18px;background:var(--v-card);border-color:var(--v-line);display:grid;grid-template-columns:1fr auto;row-gap:10px}
  #authLoggedIn .wallet-card::after{display:none}
  #authLoggedIn .wallet-card-top{grid-column:1/-1;gap:10px}
  #authLoggedIn .wallet-ico{width:40px;height:40px;border-radius:12px;border:1px solid var(--v-gold-line);background:transparent}
  #authLoggedIn .wallet-card-name b{font-size:1rem}
  #authLoggedIn .wallet-card-name small{font-size:.78rem}
  #authLoggedIn .wallet-badge{padding:3px 10px;font-size:.74rem}
  #authLoggedIn .wallet-card-use{display:none}
  #authLoggedIn .wallet-card-bottom{grid-column:1/-1;margin:0;padding:10px 0 0;border-top:1px solid var(--v-line)}
  #authLoggedIn .wallet-card-num b{font-size:1.6rem}
  #authLoggedIn .wallet-card-num small{font-size:.74rem}
  #authLoggedIn .wallet-card .wallet-topup{min-height:38px;padding:0 14px;border:1px solid var(--v-gold-line);border-radius:999px;background:transparent;color:var(--v-gold);font-size:.84rem;font-weight:700}

  #authLoggedIn .acct-menu{position:relative;margin:16px 0 0;padding:0;border:1px solid var(--v-line);border-radius:18px;background:var(--v-card);overflow:hidden}
  #authLoggedIn .acct-menu::before{content:"การตั้งค่า";display:flex;align-items:center;gap:8px;padding:12px 14px 6px;font-size:.84rem;font-weight:700;color:var(--h-sub,#8b8e98)}
  #authLoggedIn .menu-item{min-height:56px;border-color:var(--v-line)}
  #authLoggedIn .menu-ico{border:1px solid var(--v-gold-line);background:transparent;color:var(--v-gold);border-radius:12px}
  #authLoggedIn .acct-out{margin-top:12px;border:1px solid rgba(229,72,77,.35);border-radius:16px;background:rgba(229,72,77,.06);color:#f7a6ab}

  /* ---------- รอบ 5: บัญชีของฉัน — Modern SaaS + Colorful Fintech (เรียบ ไม่มีแสงวิ่ง) ----------
     ฟ้า = เครดิตตรวจ/ข้อมูลบัญชี · เขียว = เครดิตเสียง/ความเป็นส่วนตัว · ม่วง = การแสดงผล · อำพัน = ปุ่มเติมเครดิต */
  #authLoggedIn{--a-card:#1A2230;--a-line:rgba(255,255,255,.07);--a-amber:#959aa0;--a-blue:#5BA8FF;--a-green:#39D6A0;--a-purple:#A78BFA;--a-orange:#FF9F59}
  #authLoggedIn .acct-row{background:var(--a-card);border-color:var(--a-line)}
  #authLoggedIn .acct-avatar{box-shadow:none;border-color:var(--a-blue)}
  #authLoggedIn .wallet-total{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:10px;padding:14px;background:var(--a-card);border:1px solid var(--a-line);box-shadow:none;border-radius:20px}
  #authLoggedIn .wallet-total-label{grid-column:1/-1;grid-row:1;align-self:auto}
  #authLoggedIn .wallet-total-num{grid-column:1/-1;grid-row:2}
  #authLoggedIn .wallet-total-num b{color:var(--a-amber);font-size:2.4rem}
  #authLoggedIn .wallet-rows{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0;padding:0;border:0}
  #authLoggedIn .wallet-rows>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:14px;background:rgba(91,168,255,.12)}
  #authLoggedIn .wallet-rows>div:nth-child(1) dt{color:var(--a-blue)}
  #authLoggedIn .wallet-rows>div:nth-child(2){background:rgba(57,214,160,.12)}
  #authLoggedIn .wallet-rows>div:nth-child(2) dt{color:var(--a-green)}
  #authLoggedIn .wallet-rows dt{font-size:.8rem;font-weight:600}
  #authLoggedIn .wallet-rows dd{font-size:.8rem;color:var(--h-sub,#9aa3b2)}
  #authLoggedIn .wallet-rows dd b{font-size:1.25rem;color:var(--h-text,#f5f5f5)}
  #authLoggedIn .wallet-quick{grid-column:1/-1;grid-row:4}
  #authLoggedIn .wallet-total .wallet-topup{background:var(--a-amber);color:#0f0f10;border-radius:14px}

  #authLoggedIn .wallet-list-title::before{background:var(--a-blue)}
  #authLoggedIn .wallet-card{background:var(--a-card);border-color:var(--a-line);box-shadow:none}
  #authLoggedIn .wallet-card-check .wallet-ico{background:rgba(91,168,255,.14);border-color:transparent;color:var(--a-blue)}
  #authLoggedIn .wallet-card-voice .wallet-ico{background:rgba(57,214,160,.14);border-color:transparent;color:var(--a-green)}
  #authLoggedIn .wallet-card-bottom{border-top-color:var(--a-line)}
  #authLoggedIn .wallet-card-num b{color:var(--h-text,#f5f5f5)}
  #authLoggedIn .wallet-card-check .wallet-topup{border-color:rgba(91,168,255,.5);color:var(--a-blue)}
  #authLoggedIn .wallet-card-voice .wallet-topup{border-color:rgba(57,214,160,.5);color:var(--a-green)}

  #authLoggedIn .acct-menu{background:var(--a-card);border-color:var(--a-line)}
  #authLoggedIn .menu-item{border-color:var(--a-line)}
  #authLoggedIn .menu-ico{border:0;background:rgba(91,168,255,.14);color:var(--a-blue)}
  #authLoggedIn #privBtn .menu-ico{background:rgba(57,214,160,.14);color:var(--a-green)}
  #authLoggedIn #dispBtn .menu-ico{background:rgba(167,139,250,.14);color:var(--a-purple)}
  #authLoggedIn .acct-menu::before{color:var(--h-sub,#9aa3b2)}
  #authLoggedIn .acct-out{background:rgba(255,92,92,.08);border-color:rgba(255,92,92,.3)}

  /* ---------- รอบ 6: บัญชีของฉัน — VELLUM Black Wallet (ดำสนิท เรียบ มีสีเฉพาะจุด) ----------
     พื้น #090A0C · การ์ด #131417 · เส้น #292A2F · ทอง #a3a6ab เฉพาะปุ่มเติมเครดิต · ฟ้า #72B4FF = เครดิตตรวจ · เขียว #55D9A6 = เครดิตเสียง */
  #authLoggedIn{--a-card:#131417;--a-line:#292A2F;--a-amber:#a3a6ab;--a-blue:#72B4FF;--a-green:#55D9A6;--a-purple:#A78BFA}
  body[data-sheet="acct"] #authCard,body[data-sheet="acct"] #authCard .sheet-body{background:#090A0C}
  #authLoggedIn .wallet-total{padding:16px;background:var(--a-card);border:1px solid var(--a-line);border-radius:20px;grid-template-columns:1fr;row-gap:8px}
  #authLoggedIn .wallet-total-label{grid-column:1;font-size:.84rem;color:#92949C}
  #authLoggedIn .wallet-total-num{grid-column:1;grid-row:2}
  #authLoggedIn .wallet-total-num b{color:#F4F4F5;font-size:2.8rem}
  #authLoggedIn .wallet-total-num small{font-size:1rem;color:#92949C}
  #authLoggedIn .wallet-rows{display:none}
  #authLoggedIn .wallet-quick{grid-column:1;grid-row:3;margin-top:6px}
  #authLoggedIn .wallet-total .wallet-topup{min-height:50px;background:var(--a-amber);color:#0f1011;border-radius:14px;font-weight:700}

  #authLoggedIn .wallet-list-head{margin:18px 2px 8px}
  #authLoggedIn .wallet-list-title{font-size:.86rem;font-weight:600;color:#92949C}
  #authLoggedIn .wallet-list-title::before{content:none}
  #authLoggedIn .wallet-cards{display:block;border:1px solid var(--a-line);border-radius:18px;background:var(--a-card);overflow:hidden}
  #authLoggedIn .wallet-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;column-gap:14px;row-gap:0;align-items:center;padding:14px 16px;border:0;border-radius:0;background:transparent;animation:none}
  #authLoggedIn .wallet-card+.wallet-card{border-top:1px solid var(--a-line)}
  #authLoggedIn .wallet-card-top,#authLoggedIn .wallet-card-bottom{display:contents}
  #authLoggedIn .wallet-ico{grid-column:1;grid-row:1;width:48px;height:48px;border-radius:14px}
  #authLoggedIn .wallet-card-check .wallet-ico{background:rgba(114,180,255,.14);color:var(--a-blue)}
  #authLoggedIn .wallet-card-voice .wallet-ico{background:rgba(85,217,166,.14);color:var(--a-green)}
  #authLoggedIn .wallet-card-name{grid-column:2;grid-row:1}
  #authLoggedIn .wallet-card-name b{font-size:1rem;color:#F4F4F5}
  #authLoggedIn .wallet-card-name small{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#92949C}
  #authLoggedIn .wallet-badge,#authLoggedIn .wallet-card .wallet-topup{display:none}
  #authLoggedIn .wallet-card-num{grid-column:3;grid-row:1;text-align:right}
  #authLoggedIn .wallet-card-num b{font-size:1.7rem;color:#F4F4F5}
  #authLoggedIn .wallet-card-num small{font-size:0;line-height:0;margin:0}
  #authLoggedIn .wallet-card-num small::after{content:"เครดิต";font-size:.78rem;line-height:1.4;color:#92949C}
  #authLoggedIn .pane[data-pane="services"]::after{content:"แสดงยอดเครดิตคงเหลือจากบัญชีของคุณ";display:block;margin:12px 4px 0;font-size:.8rem;color:#92949C}

  #authLoggedIn .acct-row,#authLoggedIn .acct-menu{background:var(--a-card);border-color:var(--a-line)}
  #authLoggedIn .menu-item{border-color:var(--a-line)}
  #authLoggedIn .acct-menu::before{color:#92949C}

  /* ---------- รอบ 7: บัญชีของฉัน — VELLUM Black Label · Wallet Dashboard แผงเดียว ----------
     พื้น #090A0C · การ์ด #131417 · เส้น #292A2F · ฟ้า #73B5FF ตรวจสัญญา · เขียว #55D9A6 เสียง · ม่วง #B69AFF ตั้งค่า · ทอง #a3a6ab แบรนด์ */
  #authLoggedIn{--a-card:#131417;--a-line:#292A2F;--a-amber:#a3a6ab;--a-blue:#73B5FF;--a-green:#55D9A6;--a-purple:#B69AFF}
  #authLoggedIn .pane[data-pane="services"]{display:none!important}
  #authLoggedIn .acct-row{padding:14px;border-radius:20px}
  #authLoggedIn .acct-label{display:block;font-size:1.05rem;font-weight:700;color:#F4F4F5}
  #authLoggedIn .acct-mail{display:block;margin-top:2px;font-size:.92rem;font-weight:400;color:#92949C}
  #authLoggedIn .acct-info::after{content:"✓ ข้อมูลบัญชี";display:block;margin-top:3px;font-size:.84rem;font-weight:600;color:var(--a-green)}
  #authLoggedIn .acct-check{display:none}
  #authLoggedIn .acct-avatar{border-color:var(--a-amber);box-shadow:none}

  #authLoggedIn .wallet-total{position:relative;grid-template-columns:1fr;padding:16px 16px 14px;border-radius:20px}
  #authLoggedIn .wallet-total::before{content:"";position:absolute;right:16px;top:16px;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23F0C75E" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M20 7V5a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2"/%3E%3Cpath d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"/%3E%3C/svg%3E") center/contain no-repeat}
  #authLoggedIn .wallet-total-label{grid-row:1;font-size:.88rem;color:#92949C}
  #authLoggedIn .wallet-total-num{grid-row:2}
  #authLoggedIn .wallet-total-num b{font-size:3rem;color:#F4F4F5;letter-spacing:-.01em}
  #authLoggedIn .wallet-rows{display:grid;grid-row:3;grid-template-columns:1fr 1fr;gap:0;margin:6px 0 4px;padding:14px 0 0;border:0;border-top:1px solid var(--a-line)}
  #authLoggedIn .wallet-rows>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:center;padding:0 0 0 0;background:none;border-radius:0}
  #authLoggedIn .wallet-rows>div+div{padding-left:16px;border-left:1px solid var(--a-line)}
  #authLoggedIn .wallet-rows dt{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:500;color:#C9CBD2}
  #authLoggedIn .wallet-rows dt::before{content:"";flex:0 0 auto;width:36px;height:36px;border-radius:11px;background-position:center;background-repeat:no-repeat;background-size:20px}
  #authLoggedIn .wallet-rows>div:nth-child(1) dt::before{background-color:rgba(115,181,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2373B5FF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2"/%3E%3Ccircle cx="12" cy="12" r="3"/%3E%3C/svg%3E")}
  #authLoggedIn .wallet-rows>div:nth-child(2) dt::before{background-color:rgba(85,217,166,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2355D9A6" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="9" y="3" width="6" height="11" rx="3"/%3E%3Cpath d="M5 11a7 7 0 0 0 14 0M12 18v3"/%3E%3C/svg%3E")}
  #authLoggedIn .wallet-rows>div:nth-child(1) dt{color:#C9CBD2}
  #authLoggedIn .wallet-rows>div:nth-child(2) dt{color:#C9CBD2}
  #authLoggedIn .wallet-rows dd{grid-column:1/-1;margin:0;font-size:.84rem;color:#92949C}
  #authLoggedIn .wallet-rows dd b{font-size:1.7rem;color:#F4F4F5}
  #authLoggedIn .wallet-quick{grid-row:4;margin-top:8px}
  #authLoggedIn .wallet-total .wallet-topup{min-height:52px;border-radius:15px;background:var(--a-amber);color:#0f1011;font-size:1.02rem}
  #authLoggedIn .wallet-total .wallet-topup::after{content:"↗";margin-left:8px;font-size:.9rem}

  #authLoggedIn .acct-menu{border-radius:20px;margin-top:14px}
  #authLoggedIn .acct-menu::before{padding:14px 16px 6px;font-size:.95rem;font-weight:700;color:#F4F4F5}
  #authLoggedIn .menu-ico{width:44px;height:44px;border-radius:13px}
  #authLoggedIn .acct-out{border-radius:18px;min-height:54px}

  /* ---------- รอบ 8: Midnight Credit Console — แผงเครดิตแผงเดียว ปรับละเอียด ----------
     พื้น #08090B · แผง #111317 · ทอง #a6a9ae · ฟ้า #79B8FF · เขียว #5CE0B0 · ตัวอักษรรอง #9297A1 */
  #authLoggedIn{--a-card:#111317;--a-amber:#a6a9ae;--a-blue:#79B8FF;--a-green:#5CE0B0}
  body[data-sheet="acct"] #authCard,body[data-sheet="acct"] #authCard .sheet-body{background:#08090B}
  #authLoggedIn .wallet-total{grid-template-columns:1fr;row-gap:6px;padding:16px;background:#111317;border:1px solid var(--a-line)}
  #authLoggedIn .wallet-total::before{content:"";right:auto;left:auto;position:static;display:none}
  #authLoggedIn .wallet-total-label{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#9297A1}
  #authLoggedIn .wallet-total.has-credit .wallet-total-label::after{content:"พร้อมใช้งาน";padding:4px 12px 4px 24px;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--a-green);background:rgba(92,224,176,.12) radial-gradient(circle at 12px 50%,var(--a-green) 0 4px,transparent 4.5px)}
  #authLoggedIn .wallet-total-num b{font-size:3rem;color:#F4F4F5}
  #authLoggedIn .wallet-total-num small{color:#9297A1}
  #authLoggedIn .wallet-rows{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 6px;padding:14px 0 0;border-top:1px solid var(--a-line)}
  #authLoggedIn .wallet-rows>div,#authLoggedIn .wallet-rows>div+div{display:block;padding:14px;border:0;border-radius:16px}
  #authLoggedIn .wallet-rows>div:nth-child(1){background:rgba(121,184,255,.10)}
  #authLoggedIn .wallet-rows>div:nth-child(2){background:rgba(92,224,176,.10)}
  #authLoggedIn .wallet-rows dt{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.95rem;font-weight:600}
  #authLoggedIn .wallet-rows>div:nth-child(1) dt{color:var(--a-blue)}
  #authLoggedIn .wallet-rows>div:nth-child(2) dt{color:var(--a-green)}
  #authLoggedIn .wallet-rows dt::before{width:22px;height:22px;border-radius:0;background-color:transparent!important;background-size:22px}
  #authLoggedIn .wallet-rows dd{display:block;font-size:0;color:#9297A1}
  #authLoggedIn .wallet-rows dd b{font-size:2rem;line-height:1.1;color:#F4F4F5}
  #authLoggedIn .wallet-rows dd::after{content:"ครั้งที่ใช้ได้";display:block;margin-top:6px;font-size:.84rem}
  #authLoggedIn .wallet-total .wallet-topup{min-height:52px;background:var(--a-amber)}
  #authLoggedIn .wallet-total .wallet-topup::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border:1.7px solid currentColor;border-radius:50%;font-size:1rem;line-height:1}
  #authLoggedIn .wallet-total::after{content:"ยอดรวมจากเครดิตทุกประเภท";grid-row:5;margin-top:8px;font-size:.8rem;color:#9297A1}

  /* ---------- รอบ 9: บัญชีของฉัน — Minimal Premium (สเปกสุดท้าย) ----------
     พื้น #090A0C · การ์ด #141619 · เน้น #a0a4aa · สถานะ #55DDB0 · ฟ้า #80B9FF · รอง #999DA7
     ระยะ: ขอบ 20 · ระหว่างส่วน 20 · มุมการ์ด 18 · ปุ่มเติม 54 · แถวเมนู 56
     แอนิเมชัน: เข้าหน้า 300ms ไล่ทีละส่วน (fade + เลื่อนขึ้น 10px) · ตัวเลขนับ 600ms · กดปุ่ม 150ms · สลับแผง 220ms · เคารพ Reduce Motion */
  #authLoggedIn{--a-card:#141619;--a-amber:#a0a4aa;--a-green:#55DDB0;--a-blue:#80B9FF;font-family:'IBM Plex Sans Thai','Anuphan','Sarabun',system-ui,sans-serif}
  body[data-sheet="acct"] #authCard,body[data-sheet="acct"] #authCard .sheet-body{background:#090A0C}
  body[data-sheet="acct"] #authCard .sheet-body{padding-left:20px;padding-right:20px}
  #authLoggedIn .acct-row{margin:0 0 20px;padding:12px 14px;border-radius:18px}
  #authLoggedIn .acct-avatar{width:46px;height:46px}
  #authLoggedIn .wallet-total{margin:0 0 20px;border-radius:18px;background:var(--a-card)}
  #authLoggedIn .wallet-total-label{color:#999DA7}
  #authLoggedIn .wallet-total-num b{font-size:2.9rem;font-weight:600}
  #authLoggedIn .wallet-rows dd::after{color:#999DA7}
  #authLoggedIn .wallet-rows>div:nth-child(1){background:rgba(128,185,255,.10)}
  #authLoggedIn .wallet-rows>div:nth-child(1) dt{color:var(--a-blue)}
  #authLoggedIn .wallet-rows>div:nth-child(2){background:rgba(85,221,176,.10)}
  #authLoggedIn .wallet-rows>div:nth-child(2) dt{color:var(--a-green)}
  #authLoggedIn .wallet-total.has-credit .wallet-total-label::after{color:var(--a-green);background-color:rgba(85,221,176,.12)}
  #authLoggedIn .wallet-total .wallet-topup{min-height:54px;background:var(--a-amber);transition:transform .15s ease,opacity .15s ease}
  #authLoggedIn .wallet-total .wallet-topup:active{transform:scale(.97);opacity:.92}
  #authLoggedIn .acct-menu{margin-top:0;border-radius:18px;background:var(--a-card)}
  #authLoggedIn .menu-item{min-height:56px}
  #authLoggedIn .acct-out{margin-top:20px;transition:transform .15s ease}
  #authLoggedIn .acct-out:active,#authLoggedIn .menu-item:active{transform:scale(.985)}

  @keyframes vcIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  #authLoggedIn .acct-row{animation:vcIn .3s ease both}
  #authLoggedIn .wallet-total{animation:vcIn .3s ease .06s both}
  #authLoggedIn .acct-menu{animation:vcIn .3s ease .12s both}
  #authLoggedIn .acct-out{animation:vcIn .3s ease .18s both}
  @media (prefers-reduced-motion:reduce){#authLoggedIn .acct-row,#authLoggedIn .wallet-total,#authLoggedIn .acct-menu,#authLoggedIn .acct-out{animation:none}#authLoggedIn .wallet-topup,#authLoggedIn .acct-out{transition:none}}

  @media (prefers-reduced-motion:reduce){#histList .hr2,.hist-search input,.lib-seg-b{transition:none}}
}