/* Theme entry: LIGHT
 * Phase 0 (transitional): re-exports legacy admin.css imports + theme-light.css overrides.
 * Subsequent phases will replace these imports with shared/* + theme-light/*.
 */
@import url("./admin/base.css?v=uifix-4");
@import url("./admin/components.css?v=wide-swal-full-1");
@import url("./admin/pages.css?v=bethistory-ui-1");
@import url("./admin/security-admins.css?v=feature-15");
@import url("./admin/theme-light.css?v=1");

/* Bank/Wallet/Autopeer logo size guards (from legacy admin.css) */
.truewallet-logo,
.home-balance-logo.truewallet-logo,
.acc-stat-wallet-logo,
.account-table-wallet-logo{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:7px!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.truewallet-logo>img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}
.home-balance-logo.autopeer-logo{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.94)!important;
  padding:4px!important;
  border:0!important;
  box-shadow:0 4px 10px rgba(0,0,0,.18)!important;
}
.home-balance-logo.autopeer-logo>img,
.home-balance-logo.autopeer-logo img[src*="/admin/assets/autopeer-logo"]{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
  transform:none!important;
}
.users-bank-logo,
.acc-sum-logo,
img[src*="/assets/banks/"],
img[src*="/admin/assets/autopeer-logo"]{
  /* ขนาดเท่าโลโก้ TrueWallet (28px/มุม 7) เพื่อให้คอลัมน์ธนาคารดูเป็นชุดเดียวกัน */
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  object-fit:contain!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
img[src*="/assets/banks/"]{
  border-radius:7px!important;
}
img[src*="/admin/assets/autopeer-logo"]{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:8px!important;
}
.home-balance-logo img[src*="/admin/assets/autopeer-logo"]{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  object-fit:contain!important;
}
.home-feed-icon img[src*="/admin/assets/autopeer-logo"],
.home-pending-logo img[src*="/admin/assets/autopeer-logo"],
.notify-icon img[src*="/admin/assets/autopeer-logo"]{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  object-fit:contain!important;
}
.notify-autopeer-logo{
  display:block;
  border-radius:8px!important;
}

/* Top balance strip light theme tone (from legacy admin.css) */
:root[data-admin-theme="light"] .top-agent-bar .agent-bal-pill{
  background:linear-gradient(180deg,#ffffff,#eefdf7);
  border-color:rgba(33,185,122,.22);
  box-shadow:0 8px 18px rgba(42,159,110,.10),inset 0 1px 0 rgba(255,255,255,.95);
}
:root[data-admin-theme="light"] .top-agent-bar .ab-name{color:#5b8875}
:root[data-admin-theme="light"] .top-agent-bar .ab-val{color:#176e4a}
:root[data-admin-theme="light"] .top-agent-bar .ab-refresh{
  color:#17a66a;
  border-color:rgba(33,185,122,.20);
  background:#eefdf7;
}


/* wallet-mini-28 */
/* โลโก้ TrueWallet ขนาดเล็กในตาราง (สมาชิก/ประวัติ) ให้เท่าโลโก้ธนาคาร 28px
   ยกเว้นตัวที่ใช้ในการ์ดยอดเงินหน้าแรกและตารางบัญชี ซึ่งตั้งขนาดไว้เองอยู่แล้ว */
.truewallet-logo:not(.home-balance-logo):not(.acc-stat-wallet-logo):not(.account-table-wallet-logo){
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:7px!important;
}


/* bank-col-align */
/* คอลัมน์ "ธนาคาร" ในตารางสมาชิก (คอลัมน์ที่ 4)
   แถวธนาคารเป็น <img> ส่วนแถววอเลทเป็น <span> ทำให้ตำแหน่งเยื้องกัน
   บังคับจัดกึ่งกลางทั้งหัวตารางและช่องข้อมูล จะได้ตรงกันทุกแถวและตรงกับหัวคอลัมน์ */
#usersTable table th:nth-child(4),
#usersTable table td:nth-child(4){
  text-align:center!important;
}
#usersTable table td:nth-child(4) > *{
  display:inline-flex!important;
  vertical-align:middle!important;
  margin:0 auto!important;
  float:none!important;
}