/* ================================================================
   ADMIN > การเงิน — รายการเงินเข้า
   ไฟล์แยกเพื่อไม่แตะ CSS ของ Admin ส่วนอื่น
   ================================================================ */

#adminView-payments{
  --money-cyan:#38bdf8;
  --money-green:#34d399;
  --money-text:#eef7fb;
  --money-sub:#8195a6;
}

#adminView-payments .admin-money-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin:6px 0 18px;
}

#adminView-payments .admin-money-eyebrow{
  display:block;
  margin-bottom:3px;
  font-size:8px;
  line-height:1;
  letter-spacing:2.2px;
  font-weight:900;
  color:var(--money-cyan);
  opacity:.85;
}

#adminView-payments .admin-money-head h2{
  margin:0;
  color:#fff;
  font-size:23px;
  line-height:1.18;
  font-weight:950;
}

#adminView-payments .admin-money-head p{
  margin:6px 0 0;
  color:#788c9d;
  font-size:10.5px;
  line-height:1.45;
}

#adminView-payments .admin-money-live{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.17);
  background:rgba(8,25,36,.70);
  color:#99aec0;
  font-size:9.5px;
  font-weight:800;
}

#adminView-payments .admin-money-live i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 10px rgba(52,211,153,.7);
}

#adminView-payments .admin-money-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-bottom:12px;
}

#adminView-payments .admin-money-stat{
  position:relative;
  min-height:78px;
  overflow:hidden;
  padding:13px 14px;
  border-radius:19px;
  border:1px solid rgba(56,189,248,.15);
  background:
    radial-gradient(circle at 100% 0,rgba(56,189,248,.10),transparent 48%),
    linear-gradient(150deg,rgba(10,28,39,.94),rgba(5,14,23,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.16);
}

#adminView-payments .admin-money-stat.wide{
  grid-column:1 / -1;
  min-height:84px;
}

#adminView-payments .admin-money-stat small{
  display:block;
  color:#7890a2;
  font-size:9px;
  font-weight:700;
  margin-bottom:7px;
}

#adminView-payments .admin-money-stat strong{
  display:block;
  color:#72e6ad;
  font-size:21px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.3px;
}

#adminView-payments .admin-money-stat.wide strong{
  font-size:26px;
}

#adminView-payments .admin-money-filterbar{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(120px,.7fr);
  gap:8px;
  margin-bottom:18px;
}

#adminView-payments .admin-money-search-wrap{
  height:48px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border-radius:16px;
  border:1px solid rgba(120,151,173,.18);
  background:rgba(7,19,29,.86);
}

#adminView-payments .admin-money-search-wrap > span{
  color:#748b9e;
  font-size:16px;
}

#adminView-payments .admin-money-search-wrap input,
#adminView-payments .admin-money-filterbar select{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#dce8ef;
  font-family:inherit;
  font-size:11px;
}

#adminView-payments .admin-money-search-wrap input::placeholder{
  color:#617586;
}

#adminView-payments .admin-money-filterbar select{
  height:48px;
  padding:0 11px;
  border:1px solid rgba(120,151,173,.18);
  border-radius:16px;
  background:#081621;
}

#adminView-payments .admin-money-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 1px 10px;
}

#adminView-payments .admin-money-list-head strong{
  color:#e7f0f5;
  font-size:13px;
  font-weight:900;
}

#adminView-payments .admin-money-list-head span{
  color:#75899a;
  font-size:9.5px;
}

#adminView-payments .admin-money-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

#adminView-payments .admin-money-card{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:12px;
  padding:14px;
  border-radius:21px;
  border:1px solid rgba(56,189,248,.16);
  background:
    radial-gradient(circle at 100% 0,rgba(16,185,129,.055),transparent 40%),
    linear-gradient(150deg,rgba(10,28,39,.96),rgba(5,14,23,.985));
  box-shadow:0 12px 30px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.025);
}

#adminView-payments .admin-money-avatar{
  width:52px;
  height:52px;
  border-radius:16px;
  overflow:hidden;
  background:#0c202e;
  border:1px solid rgba(56,189,248,.24);
  box-shadow:0 6px 18px rgba(0,0,0,.22);
}

#adminView-payments .admin-money-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#adminView-payments .admin-money-avatar-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:22px;
}

#adminView-payments .admin-money-main{
  min-width:0;
}

#adminView-payments .admin-money-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

#adminView-payments .admin-money-person{
  min-width:0;
}

#adminView-payments .admin-money-person strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f4f8fa;
  font-size:13.5px;
  font-weight:900;
}

#adminView-payments .admin-money-person span{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#728697;
  font-size:9px;
}

#adminView-payments .admin-money-amount{
  flex:0 0 auto;
  color:#45e79a;
  font-size:18px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.25px;
  text-shadow:0 0 18px rgba(52,211,153,.16);
}

#adminView-payments .admin-money-kind{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:9px 0 8px;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.18);
  background:rgba(56,189,248,.065);
  color:#8fdcff;
  font-size:8px;
  font-weight:900;
}

#adminView-payments .admin-money-kind.rental{
  color:#fde68a;
  border-color:rgba(245,158,11,.20);
  background:rgba(245,158,11,.07);
}

#adminView-payments .admin-money-kind.trip-full{
  color:#8cecb8;
  border-color:rgba(52,211,153,.20);
  background:rgba(52,211,153,.07);
}

#adminView-payments .admin-money-kind-icon{
  font-size:8px;
  opacity:.9;
}

#adminView-payments .admin-money-description{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 6px;
  line-height:1.45;
}

#adminView-payments .admin-money-description strong{
  color:#dce8ee;
  font-size:10.5px;
  font-weight:900;
}

#adminView-payments .admin-money-description span{
  color:#a8bac7;
  font-size:10.5px;
  font-weight:700;
}

#adminView-payments .admin-money-subdetail{
  margin-top:5px;
  color:#708697;
  font-size:9px;
  line-height:1.45;
}

#adminView-payments .admin-money-foot{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 10px;
  margin-top:10px;
  padding-top:9px;
  border-top:1px dashed rgba(125,155,176,.12);
  color:#607687;
  font-size:8.5px;
}

#adminView-payments .admin-money-slip-btn{
  margin-left:auto;
  border:1px solid rgba(56,189,248,.18);
  border-radius:999px;
  padding:4px 8px;
  background:rgba(56,189,248,.065);
  color:#7dd3fc;
  font:800 8.5px/1.2 inherit;
}

#adminView-payments .admin-money-data-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:15px 2px 3px;
  padding:10px 11px;
  border-radius:14px;
  border:1px solid rgba(120,151,173,.10);
  background:rgba(8,18,27,.48);
}

#adminView-payments .admin-money-data-note > span{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(56,189,248,.10);
  color:#6bcfff;
  font-size:9px;
  font-weight:900;
}

#adminView-payments .admin-money-data-note p{
  margin:0;
  color:#5f7485;
  font-size:8.5px;
  line-height:1.5;
}

#adminView-payments .admin-money-empty{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px dashed rgba(120,151,173,.14);
  border-radius:20px;
  color:#718697;
}

#adminView-payments .admin-money-empty > div{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:9px;
  border-radius:15px;
  background:rgba(56,189,248,.07);
  color:#55c9ff;
  font-size:22px;
  font-weight:900;
}

#adminView-payments .admin-money-empty strong{
  color:#aebdc8;
  font-size:12px;
}

#adminView-payments .admin-money-empty span{
  margin-top:4px;
  color:#617484;
  font-size:9px;
}

@media (max-width:430px){
  #adminView-payments .admin-money-filterbar{
    grid-template-columns:1fr;
  }

  #adminView-payments .admin-money-card{
    grid-template-columns:48px minmax(0,1fr);
    padding:13px;
    gap:11px;
  }

  #adminView-payments .admin-money-avatar{
    width:48px;
    height:48px;
  }

  #adminView-payments .admin-money-amount{
    font-size:16px;
  }
}


/* ================================================================
   ADMIN > การเงิน — ล็อคแบบหน้าเข้าสู่ ADMIN
   ================================================================ */

#adminView-payments .admin-money-head-right{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

#adminView-payments .admin-money-order-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 9px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.16);
  background:rgba(56,189,248,.06);
  color:#7dd3fc;
  font-size:8.5px;
  font-weight:900;
}

.swal2-container.admin-finance-lock-container{
  z-index:2147483000!important;
}

.admin-finance-login-popup{
  width:min(90vw,390px)!important;
  padding:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(3,10,17,.72),rgba(3,10,17,.92)),
    url('https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=1200&q=84')
    center/cover no-repeat!important;
  border:1px solid rgba(56,189,248,.22)!important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.72),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.admin-finance-lock-html{
  margin:0!important;
  padding:0!important;
}

.admin-finance-login-shell{
  padding:28px 24px 24px;
  color:#fff;
  text-align:center;
}

.admin-finance-login-logo{
  display:block;
  width:72px;
  height:72px;
  margin:0 auto 14px;
  border-radius:20px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 28px rgba(0,0,0,.34);
}

.admin-finance-login-copy span{
  display:block;
  margin-bottom:5px;
  color:#57cfff;
  font-size:8px;
  letter-spacing:2.2px;
  font-weight:900;
}

.admin-finance-login-copy h2{
  margin:0;
  color:#fff;
  font-size:24px;
  font-weight:950;
}

.admin-finance-login-copy p{
  margin:6px 0 18px;
  color:#8da0b1;
  font-size:10px;
  line-height:1.45;
}

.admin-finance-login-field{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  height:54px;
  padding:0 12px;
  border-radius:16px;
  border:1px solid rgba(86,152,186,.28);
  background:rgba(4,15,24,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.admin-finance-login-lock{
  flex:0 0 auto;
  color:#6fbfdc;
  font-size:17px;
}

.admin-finance-login-field input{
  min-width:0;
  flex:1;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  letter-spacing:3px;
  text-align:left;
}

.admin-finance-login-field input::placeholder{
  color:#667d8e;
  letter-spacing:0;
  font-size:11px;
  font-weight:600;
}

.admin-finance-login-eye{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:0;
  border-radius:10px;
  background:rgba(56,189,248,.06);
  color:#7dcff0;
  font-size:14px;
}

.admin-finance-login-error{
  display:none;
  margin-top:8px;
  padding:8px 10px;
  border-radius:11px;
  background:rgba(239,68,68,.09);
  border:1px solid rgba(239,68,68,.18);
  color:#fca5a5;
  font-size:9.5px;
  font-weight:700;
}

.admin-finance-login-error.show{
  display:block;
}

.admin-finance-login-submit{
  width:100%;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid rgba(56,189,248,.30);
  border-radius:14px;
  background:linear-gradient(135deg,#0284c7,#0369a1);
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  box-shadow:0 8px 24px rgba(2,132,199,.18);
}

.admin-finance-login-submit:disabled{
  opacity:.6;
}

.admin-finance-login-cancel{
  margin-top:10px;
  padding:8px 12px;
  border:0;
  background:transparent;
  color:#8296a8;
  font-family:inherit;
  font-size:10px;
  font-weight:800;
}

.admin-finance-login-field input.shake{
  animation:adminFinanceFieldShake .35s ease;
}

.admin-finance-locked-state{
  min-height:55vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#8ca0b0;
}

.admin-finance-locked-icon{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:24px;
  margin-bottom:14px;
  background:rgba(56,189,248,.07);
  border:1px solid rgba(56,189,248,.16);
  font-size:28px;
}

.admin-finance-locked-state strong{
  color:#e7f2f7;
  font-size:16px;
}

.admin-finance-locked-state span{
  margin-top:5px;
  font-size:10px;
}

.admin-finance-locked-state button{
  margin-top:15px;
  border:1px solid rgba(56,189,248,.28);
  border-radius:13px;
  padding:9px 14px;
  background:rgba(56,189,248,.08);
  color:#7dd3fc;
  font-family:inherit;
  font-size:10px;
  font-weight:900;
}

@keyframes adminFinanceFieldShake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-7px)}
  40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}
  80%{transform:translateX(2px)}
}


/* ================================================================
   Finance Ledger v7 — loading/error/real-ledger notes
   ================================================================ */
.admin-finance-loading-ledger,
.admin-finance-ledger-error{
  min-height:48vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  color:#8da2b1;
}

.admin-finance-loading-ledger > span{
  width:34px;
  height:34px;
  margin-bottom:12px;
  border-radius:50%;
  border:3px solid rgba(56,189,248,.12);
  border-top-color:#38bdf8;
  animation:adminFinanceLedgerSpin .8s linear infinite;
}

.admin-finance-loading-ledger strong,
.admin-finance-ledger-error strong{
  color:#e7f4fa;
  font-size:13px;
}

.admin-finance-ledger-error span{
  margin-top:6px;
  font-size:10px;
  line-height:1.5;
}

.admin-finance-ledger-error button{
  margin-top:14px;
  border:1px solid rgba(56,189,248,.26);
  border-radius:12px;
  padding:9px 14px;
  background:rgba(56,189,248,.08);
  color:#7dd3fc;
  font-family:inherit;
  font-size:10px;
  font-weight:900;
}

.admin-money-data-note-warn{
  margin-top:8px;
  border-color:rgba(245,158,11,.16)!important;
  background:rgba(245,158,11,.045)!important;
}

.admin-money-kind.remaining{
  border-color:rgba(168,85,247,.20);
  background:rgba(168,85,247,.07);
  color:#d8b4fe;
}

@keyframes adminFinanceLedgerSpin{
  to{transform:rotate(360deg)}
}


/* ================================================================
   Finance v8 — แยกตามทริป + ยอดเดิม
   ================================================================ */

.admin-money-stat em{
  display:block;
  margin-top:5px;
  color:#7590a1;
  font-size:8.5px;
  font-style:normal;
  font-weight:700;
}

.admin-finance-trip-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin:16px 0 14px;
}

.admin-finance-trip-toolbar .admin-money-search-wrap{
  flex:1;
}

.admin-finance-trip-count{
  flex:0 0 auto;
  color:#7dd3fc;
  font-size:9px;
  font-weight:900;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(56,189,248,.06);
  border:1px solid rgba(56,189,248,.14);
}

.admin-finance-section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin:6px 2px 12px;
}

.admin-finance-section-title strong{
  display:block;
  color:#ecf7fb;
  font-size:16px;
  font-weight:950;
}

.admin-finance-section-title span{
  display:block;
  margin-top:3px;
  color:#718696;
  font-size:9px;
}

.admin-finance-trip-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.admin-finance-trip-card{
  width:100%;
  padding:16px;
  border:1px solid rgba(56,189,248,.14);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(11,35,47,.88),rgba(5,18,28,.92));
  color:#fff;
  text-align:left;
  font-family:inherit;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.12);
}

.admin-finance-trip-card:active{
  transform:scale(.985);
}

.admin-finance-trip-top{
  display:flex;
  align-items:center;
  gap:11px;
}

.admin-finance-trip-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(56,189,248,.08);
  border:1px solid rgba(56,189,248,.13);
  color:#67d7ff;
  font-size:19px;
  font-weight:950;
}

.admin-finance-trip-title{
  flex:1;
  min-width:0;
}

.admin-finance-trip-title strong{
  display:block;
  color:#edf8fb;
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.admin-finance-trip-title span{
  display:block;
  margin-top:3px;
  color:#79909f;
  font-size:8.5px;
}

.admin-finance-trip-arrow{
  color:#5c7a8b;
  font-size:26px;
  line-height:1;
}

.admin-finance-trip-total{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-top:15px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.055);
}

.admin-finance-trip-total small{
  color:#8498a6;
  font-size:9px;
  font-weight:700;
}

.admin-finance-trip-total strong{
  color:#6ee7b7;
  font-size:21px;
  font-weight:950;
}

.admin-finance-trip-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.admin-finance-trip-meta span{
  padding:5px 8px;
  border-radius:999px;
  background:rgba(148,163,184,.055);
  border:1px solid rgba(148,163,184,.09);
  color:#879aaa;
  font-size:8px;
  font-weight:800;
}

.admin-finance-trip-meta span.live{
  color:#69d5ff;
  border-color:rgba(56,189,248,.13);
  background:rgba(56,189,248,.05);
}

.admin-finance-trip-detail-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.admin-finance-trip-back{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(56,189,248,.15);
  background:rgba(56,189,248,.055);
  color:#8edcff;
  font-family:inherit;
  font-size:27px;
}

.admin-finance-trip-detail-head span{
  display:block;
  color:#52cafa;
  font-size:7.5px;
  font-weight:950;
  letter-spacing:1.8px;
}

.admin-finance-trip-detail-head h2{
  margin:2px 0 0;
  color:#fff;
  font-size:20px;
  font-weight:950;
}

.admin-finance-trip-detail-head p{
  margin:3px 0 0;
  color:#7c91a0;
  font-size:9px;
}

.admin-finance-trip-detail-total{
  margin-bottom:14px;
  padding:17px;
  border-radius:21px;
  border:1px solid rgba(56,189,248,.14);
  background:linear-gradient(145deg,rgba(9,34,46,.9),rgba(4,17,26,.92));
}

.admin-finance-trip-detail-total > small{
  color:#8298a7;
  font-size:9px;
  font-weight:800;
}

.admin-finance-trip-detail-total > strong{
  display:block;
  margin-top:4px;
  color:#6ee7b7;
  font-size:29px;
  font-weight:950;
}

.admin-finance-trip-detail-total > div{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}

.admin-finance-trip-detail-total > div span{
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#8197a5;
  font-size:8px;
  font-weight:800;
}

.admin-money-badge-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.admin-money-history-badge,
.admin-money-live-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  font-size:7px;
  font-weight:950;
}

.admin-money-history-badge{
  color:#fbbf24;
  background:rgba(245,158,11,.07);
  border:1px solid rgba(245,158,11,.14);
}

.admin-money-live-badge{
  color:#67d7ff;
  background:rgba(56,189,248,.06);
  border:1px solid rgba(56,189,248,.13);
}

.admin-money-card.is-historical{
  border-color:rgba(245,158,11,.10);
}

.admin-money-kind.historical-deposit,
.admin-money-kind.historical-full,
.admin-money-kind.historical-rental{
  color:#fbbf24;
  background:rgba(245,158,11,.06);
  border-color:rgba(245,158,11,.14);
}

@media (min-width:760px){
  .admin-finance-trip-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* ================================================================
   Finance v10 — สลับ รายทริป / เงินเข้าเรียลไทม์แบบธนาคาร
   ================================================================ */

.admin-finance-mode-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:14px 0 16px;
  padding:5px;
  border-radius:18px;
  background:rgba(4,15,23,.72);
  border:1px solid rgba(56,189,248,.10);
}

.admin-finance-mode-btn{
  min-height:47px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  color:#6e8494;
  font-family:inherit;
}

.admin-finance-mode-btn span{
  font-size:14px;
}

.admin-finance-mode-btn b{
  font-size:10px;
  font-weight:900;
}

.admin-finance-mode-btn.active{
  color:#eefaff;
  background:linear-gradient(145deg,rgba(15,48,63,.96),rgba(7,28,40,.96));
  border-color:rgba(56,189,248,.25);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16);
}

.admin-bank-balance{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:19px;
  border-radius:23px;
  background:
    radial-gradient(circle at 88% 18%,rgba(16,185,129,.12),transparent 30%),
    linear-gradient(145deg,rgba(11,41,49,.94),rgba(4,20,29,.96));
  border:1px solid rgba(52,211,153,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.admin-bank-balance small{
  display:block;
  color:#7e949f;
  font-size:9px;
  font-weight:800;
}

.admin-bank-balance strong{
  display:block;
  margin-top:4px;
  color:#6ee7b7;
  font-size:31px;
  line-height:1;
  font-weight:950;
}

.admin-bank-balance > div:first-child > span{
  display:block;
  margin-top:7px;
  color:#59727f;
  font-size:8px;
  font-weight:800;
}

.admin-bank-live-orb{
  width:63px;
  height:63px;
  flex:0 0 63px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-radius:22px;
  background:rgba(16,185,129,.06);
  border:1px solid rgba(52,211,153,.13);
}

.admin-bank-live-orb span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 0 5px rgba(52,211,153,.08),0 0 18px rgba(52,211,153,.5);
  animation:adminBankPulse 1.8s ease-in-out infinite;
}

.admin-bank-live-orb b{
  color:#6ee7b7;
  font-size:7px;
  letter-spacing:1.4px;
}

.admin-bank-latest{
  position:relative;
  margin-top:10px;
  padding:16px 17px;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(8,29,40,.9),rgba(4,18,27,.92));
  border:1px solid rgba(56,189,248,.12);
}

.admin-bank-latest:after{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  right:-35px;
  top:-40px;
  border-radius:50%;
  background:rgba(56,189,248,.055);
  filter:blur(3px);
}

.admin-bank-latest-label{
  display:flex;
  align-items:center;
  gap:7px;
  color:#6f8796;
  font-size:8px;
  font-weight:900;
}

.admin-bank-latest-label span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#34d399;
}

.admin-bank-latest > strong{
  display:block;
  margin-top:7px;
  color:#6ee7b7;
  font-size:22px;
  font-weight:950;
}

.admin-bank-latest p{
  margin:4px 0 0;
  color:#d8e8ef;
  font-size:10px;
  font-weight:800;
}

.admin-bank-latest small{
  display:block;
  margin-top:3px;
  color:#657d8b;
  font-size:8px;
}

.admin-bank-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  gap:8px;
  margin:15px 0 12px;
}

.admin-bank-toolbar select{
  min-width:0;
  border:1px solid rgba(56,189,248,.13);
  border-radius:14px;
  background:rgba(4,17,26,.82);
  color:#b6c7d0;
  padding:0 10px;
  font-family:inherit;
  font-size:9px;
  font-weight:800;
  outline:none;
}

.admin-bank-list-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:6px 2px 10px;
}

.admin-bank-list-head strong{
  display:block;
  color:#edf7fb;
  font-size:15px;
  font-weight:950;
}

.admin-bank-list-head div span{
  display:block;
  margin-top:2px;
  color:#6e8391;
  font-size:8px;
}

.admin-bank-list-head > span{
  color:#7190a1;
  font-size:8px;
  font-weight:800;
}

.admin-bank-feed{
  display:flex;
  flex-direction:column;
  gap:13px;
}

.admin-bank-day-group{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.admin-bank-day-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 3px;
}

.admin-bank-day-title strong{
  color:#93a8b4;
  font-size:9px;
  font-weight:900;
}

.admin-bank-day-title span{
  color:#607784;
  font-size:7px;
}

.admin-bank-day-list{
  overflow:hidden;
  border-radius:20px;
  background:rgba(5,18,27,.76);
  border:1px solid rgba(56,189,248,.085);
}

.admin-bank-row{
  display:flex;
  gap:11px;
  padding:14px 13px;
  background:transparent;
}

.admin-bank-row + .admin-bank-row{
  border-top:1px solid rgba(255,255,255,.045);
}

.admin-bank-avatar{
  position:relative;
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:15px;
  overflow:visible;
  background:rgba(56,189,248,.07);
  border:1px solid rgba(56,189,248,.10);
}

.admin-bank-avatar img,
.admin-bank-avatar .admin-money-avatar-fallback{
  width:100%;
  height:100%;
  border-radius:14px;
  object-fit:cover;
}

.admin-bank-avatar i{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#34d399;
  border:2px solid #06141d;
}

.admin-bank-main{
  flex:1;
  min-width:0;
}

.admin-bank-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:9px;
}

.admin-bank-person{
  min-width:0;
  flex:1;
}

.admin-bank-person strong{
  display:block;
  color:#eaf6fa;
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.admin-bank-person span{
  display:block;
  margin-top:3px;
  color:#748a98;
  font-size:7.8px;
  line-height:1.35;
}

.admin-bank-money{
  flex:0 0 auto;
  text-align:right;
}

.admin-bank-money strong{
  display:block;
  color:#6ee7b7;
  font-size:13px;
  font-weight:950;
}

.admin-bank-money span{
  display:block;
  margin-top:2px;
  color:#3f9b7b;
  font-size:7px;
  font-weight:900;
}

.admin-bank-bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:8px;
  color:#5f7684;
  font-size:7px;
}

.admin-bank-bottom button{
  margin-left:auto;
  padding:4px 7px;
  border-radius:8px;
  border:1px solid rgba(56,189,248,.12);
  background:rgba(56,189,248,.04);
  color:#6ecdf3;
  font-family:inherit;
  font-size:7px;
  font-weight:900;
}

.admin-bank-empty{
  min-height:250px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#6f8592;
}

.admin-bank-empty div{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  border-radius:19px;
  background:rgba(56,189,248,.06);
  color:#53c9f8;
  font-size:25px;
  font-weight:950;
}

.admin-bank-empty strong{
  color:#dcecf2;
  font-size:13px;
}

.admin-bank-empty span{
  margin-top:4px;
  font-size:8px;
}

@keyframes adminBankPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.72);opacity:.55}
}

@media (max-width:430px){
  .admin-bank-toolbar{
    grid-template-columns:minmax(0,1fr) 104px;
  }
}


/* ================================================================
   Finance v11 — การ์ดรายทริปใช้รูปทริปจริงเป็นพื้นหลัง
   เปลี่ยนไอคอน ฿/B เป็น Bootstrap Icons cash-stack ผ่าน jsDelivr
   ================================================================ */

.admin-finance-trip-card.has-trip-photo{
  position:relative;
  isolation:isolate;
  min-height:190px;
  padding:0;
  overflow:hidden;
  background:#06131c;
  border:1px solid rgba(97,205,255,.20);
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-bg{
  position:absolute;
  inset:0;
  z-index:-4;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.025);
  filter:saturate(.94) contrast(1.06) brightness(.78);
  transition:transform .45s ease,filter .45s ease;
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-photo-shade{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,10,16,.94) 0%,rgba(3,13,20,.79) 45%,rgba(3,13,20,.40) 100%),
    linear-gradient(0deg,rgba(2,9,14,.94) 0%,rgba(2,11,17,.22) 61%,rgba(2,10,16,.40) 100%);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-photo-glow{
  position:absolute;
  inset:auto -30px -60px auto;
  z-index:-2;
  width:180px;
  height:180px;
  border-radius:50%;
  pointer-events:none;
  background:rgba(45,212,191,.12);
  filter:blur(42px);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:190px;
  padding:16px;
}

.admin-finance-trip-card.has-trip-photo:active{
  transform:scale(.985);
}

@media (hover:hover){
  .admin-finance-trip-card.has-trip-photo:hover .admin-finance-trip-bg{
    transform:scale(1.07);
    filter:saturate(1.02) contrast(1.08) brightness(.84);
  }
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(14,61,76,.90),rgba(5,31,43,.90));
  border:1px solid rgba(108,220,255,.28);
  box-shadow:
    0 8px 20px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-icon img{
  width:23px;
  height:23px;
  object-fit:contain;
  filter:
    invert(81%)
    sepia(26%)
    saturate(1228%)
    hue-rotate(151deg)
    brightness(105%)
    contrast(101%);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-icon.icon-fallback::before{
  content:"฿";
  color:#67d7ff;
  font-size:20px;
  font-weight:950;
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-title strong{
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.78);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-title span{
  color:#b0c2cb;
  text-shadow:0 1px 8px rgba(0,0,0,.72);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-arrow{
  color:#d2eef8;
  text-shadow:0 2px 10px rgba(0,0,0,.7);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-total{
  border-top:1px solid rgba(255,255,255,.12);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-total small{
  color:#b6c7ce;
  text-shadow:0 1px 8px rgba(0,0,0,.78);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-total strong{
  color:#72f0ba;
  text-shadow:0 2px 14px rgba(0,0,0,.68);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-meta span{
  background:rgba(3,16,24,.54);
  border-color:rgba(255,255,255,.10);
  color:#c6d5dc;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.admin-finance-trip-card.has-trip-photo .admin-finance-trip-meta span.live{
  color:#8fe5ff;
  border-color:rgba(90,208,255,.20);
  background:rgba(10,76,100,.30);
}