/* ==================================================================
   GlobalShip | Account Dashboard (standalone module, scoped under .account-dash)
   Mobile-first: bottom nav on mobile, sidebar + grid on desktop.
   ================================================================== */
*{ margin:0; padding:0; box-sizing:border-box; }
body{
  background:#e9ebf1;
  min-height:100vh;
}
.account-dash{
  --acct-navy:#0b1c3f;
  --acct-navy-2:#0f2450;
  --acct-orange:#F5A623;
  --acct-orange-dark:#E08E00;
  --acct-soft:#F4F6FB;
  --acct-card:#FFFFFF;
  --acct-border:#ECEDF2;
  --acct-dark:#171821;
  --acct-muted:#8A8D98;
  --acct-shadow: 0 10px 30px rgba(23,24,33,0.06);
  width:100%;
  min-height:100vh;
  background:var(--acct-soft);
  position:relative;
  padding-bottom:90px;
}
.account-dash *{ font-family:'Segoe UI',Roboto,-apple-system,sans-serif; }

.account-dash .dash-content{ padding:20px 20px 10px; }

/* ---- Header ---- */
.account-dash .logo-badge{
  width:38px;height:38px;
  background:var(--acct-orange);
  border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  font-size:18px;
  box-shadow:0 6px 14px rgba(245,166,35,0.35);
}
.account-dash .brand-name{
  font-weight:700;
  font-size:20px;
  color:var(--acct-dark);
}
.account-dash .bell-btn{
  width:40px;height:40px;
  background:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--acct-shadow);
  position:relative;
  color:var(--acct-dark);
}
.account-dash .bell-dot{
  position:absolute;
  top:8px;right:9px;
  width:8px;height:8px;
  background:var(--acct-orange);
  border-radius:50%;
  border:2px solid #fff;
}

.account-dash .greeting{
  color:var(--acct-muted);
  font-size:14px;
  margin-top:18px;
}
.account-dash .headline{
  font-size:26px;
  font-weight:800;
  line-height:1.25;
  color:var(--acct-dark);
  margin-top:2px;
}
.account-dash .headline .accent{ color:var(--acct-orange); }
.account-dash .sub-copy{
  color:var(--acct-muted);
  font-size:13.5px;
  margin-top:6px;
  line-height:1.4;
}

/* ---- Offer image slider ---- */
.account-dash .offer-slider{
  position:relative;
  margin-top:14px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 32px rgba(11,28,63,0.20);
  touch-action:pan-y;
}
.account-dash .offer-slider__track{
  display:flex;
  transition:transform .5s ease;
}
.account-dash .offer-slide{
  position:relative;
  min-width:100%;
  height:180px;
  display:block;
  text-decoration:none;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.account-dash .offer-slide img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.account-dash .offer-slider__arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  display:none;
  width:36px; height:36px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,0.92);
  color:var(--acct-navy);
  align-items:center; justify-content:center;
  font-size:15px;
  box-shadow:0 4px 14px rgba(11,28,63,0.25);
  cursor:pointer;
  transition:all .2s;
}
.account-dash .offer-slider__arrow--prev{ left:12px; }
.account-dash .offer-slider__arrow--next{ right:12px; }
.account-dash .offer-slider__arrow:hover{ background:#F5A623; color:#fff; }
.account-dash .offer-slider__dots{
  position:absolute;
  bottom:12px;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  display:flex;
  gap:6px;
}
.account-dash .offer-slider__dots button{
  width:7px; height:7px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,0.45);
  padding:0;
  cursor:pointer;
  transition:all .25s;
}
.account-dash .offer-slider__dots button.active{
  width:22px;
  border-radius:6px;
  background:#F5A623;
}

@media (min-width:992px){
  .account-dash .offer-slider{ border-radius:22px; }
  .account-dash .offer-slide{ height:320px; }
  .account-dash .offer-slider__arrow{ display:flex; width:44px; height:44px; font-size:18px; }
  .account-dash .offer-slider__arrow--prev{ left:18px; }
  .account-dash .offer-slider__arrow--next{ right:18px; }
}

/* ---- Section titles ---- */
.account-dash .section-title{
  font-weight:700;
  font-size:16px;
  color:var(--acct-dark);
}
.account-dash .section-link{
  font-size:13px;
  color:var(--acct-orange);
  font-weight:600;
  text-decoration:none;
}
.account-dash .section-action{
  display:inline-flex; align-items:center; gap:6px;
  background:#FFF3D9;
  border:1px solid #F0C979;
  color:#E08E00;
  font-size:12px; font-weight:800;
  padding:7px 14px;
  border-radius:999px;
  text-decoration:none;
  transition:background .15s, color .15s;
}
.account-dash .section-action:hover{ background:#FFE8BD; color:#E08E00; }
.account-dash .section-action i{ font-size:12px; }

/* ---- Active shipment card ---- */
.account-dash .shipment-hero-card{
  background:
    radial-gradient(140px 140px at 88% -12%, rgba(245,166,35,0.30), transparent 62%),
    radial-gradient(200px 180px at -12% 112%, rgba(15,36,80,0.9), transparent 72%),
    linear-gradient(135deg,#0f2450 0%,#0b1c3f 100%);
  border-radius:22px;
  padding:18px;
  color:#fff;
  margin-top:12px;
  box-shadow:0 18px 42px rgba(11,28,63,0.38);
  position:relative;
  overflow:hidden;
}
.account-dash .shipment-hero-card::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:3px;
  background:linear-gradient(90deg, transparent 5%, rgba(245,166,35,0.95) 50%, transparent 95%);
}
.account-dash .shipment-hero-card::after{
  content:"";
  position:absolute;
  right:-40px; bottom:-52px;
  width:150px; height:150px;
  background:radial-gradient(closest-side, rgba(245,166,35,0.16), transparent 70%);
  pointer-events:none;
}
.account-dash .live-dot{
  width:7px;height:7px;
  background:#3DDC84;
  border-radius:50%;
  display:inline-block;
  margin-right:6px;
  box-shadow:0 0 0 3px rgba(61,220,132,0.25);
  animation:acct-live 1.8s ease-out infinite;
}
@keyframes acct-live{
  0%{ box-shadow:0 0 0 0 rgba(61,220,132,0.45); }
  70%{ box-shadow:0 0 0 8px rgba(61,220,132,0); }
  100%{ box-shadow:0 0 0 0 rgba(61,220,132,0); }
}
.account-dash .shipment-id{
  font-size:19px;
  font-weight:800;
  margin-top:8px;
}
.account-dash .route-text{
  font-size:13px;
  color:#C4C9DC;
  margin-top:2px;
}
.account-dash .route-text i{ color:#F5A623; }
.account-dash .status-pill{
  background:rgba(61,220,132,0.15);
  color:#3DDC84;
  font-size:11px;
  font-weight:700;
  padding:4px 10px;
  border-radius:20px;
  display:inline-block;
}
.account-dash .status-pill.status-delivery{
  background:rgba(245,166,35,0.16);
  color:#F5A623;
}
.account-dash .status-pill.status-picked{
  background:rgba(61,132,255,0.16);
  color:#5B9BFF;
}
.account-dash .swap-nav{
  display:flex;
  align-items:center;
  gap:6px;
}
.account-dash .swap-arrow{
  width:26px; height:26px;
  border-radius:50%;
  border:1px solid var(--acct-border);
  background:#fff;
  color:var(--acct-dark);
  display:flex; align-items:center; justify-content:center;
  font-size:12px;
  transition:all .2s;
}
.account-dash .swap-arrow:hover{
  border-color:var(--acct-orange);
  color:var(--acct-orange);
  background:rgba(245,166,35,0.06);
}
.account-dash .swap-count{
  font-size:11px;
  font-weight:700;
  color:var(--acct-muted);
  min-width:34px;
  text-align:center;
}
.account-dash .shipment-hero-swap{ position:relative; }
.account-dash .shipment-hero-swap .shipment-hero-card{ animation:swap-fade .35s ease; }
@keyframes swap-fade{
  from{ opacity:0; transform:translateX(10px); }
  to{ opacity:1; transform:translateX(0); }
}
.account-dash .eta-label{
  font-size:10.5px;
  color:#8A8D98;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.account-dash .eta-value{
  font-size:13px;
  font-weight:700;
  color:#fff;
}
.account-dash .box-illustration{
  position:absolute;
  right:14px;
  top:14px;
  width:88px;
  height:88px;
  background:linear-gradient(145deg,#F5A623,#E08E00);
  border-radius:20px;
  display:flex;align-items:center;justify-content:center;
  font-size:36px;
  color:#fff;
  box-shadow:0 12px 26px rgba(224,142,0,0.45);
  transform:rotate(6deg);
}
.account-dash .box-illustration::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  box-shadow:0 0 0 6px rgba(245,166,35,0.14), 0 0 32px rgba(245,166,35,0.35);
}
.account-dash .dots-row{
  display:flex;
  gap:5px;
  margin-top:16px;
  position:relative;
  z-index:1;
}
.account-dash .dot{
  width:5px;height:5px;
  border-radius:50%;
  background:#4A4C5A;
}
.account-dash .dot.active{ background:var(--acct-orange); width:14px; border-radius:4px; }

/* ---- Quick actions ---- */
.account-dash .quick-actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin-top:12px;
}
.account-dash .qa-item{
  background:#fff;
  border-radius:14px;
  padding:10px 4px;
  text-align:center;
  box-shadow:var(--acct-shadow);
  border:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
}
.account-dash .qa-icon{
  width:36px;height:36px;
  background:var(--acct-orange);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  font-size:15px;
}
.account-dash .qa-label{
  font-size:10px;
  font-weight:700;
  color:var(--acct-dark);
  line-height:1.2;
}

/* ---- Recent shipments ---- */
.account-dash .ship-card{
  background:#fff;
  border-radius:18px;
  padding:14px;
  box-shadow:var(--acct-shadow);
  display:flex;
  align-items:center;
  margin-top:12px;
}
.account-dash .ship-thumb{
  width:50px;height:50px;
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
  color:#fff;
  flex-shrink:0;
}
.account-dash .ship-thumb.delivered{ background:linear-gradient(145deg,#38C172,#21A65E); }
.account-dash .ship-thumb.transit{ background:linear-gradient(145deg,#5B5D6E,#2B2D3A); }
.account-dash .badge-status{
  font-size:10.5px;
  font-weight:700;
  padding:3px 9px;
  border-radius:20px;
}
.account-dash .badge-delivered{ background:#E4F8EC; color:#22B14C; }
.account-dash .badge-transit{ background:#EAF1FF; color:#3D7BFF; }
.account-dash .ship-id{
  font-weight:700;
  font-size:14px;
  color:var(--acct-dark);
  margin-top:4px;
}
.account-dash .ship-route{
  font-size:12px;
  color:var(--acct-muted);
}
.account-dash .ship-date{
  font-size:11px;
  color:var(--acct-muted);
  margin-top:2px;
}
.account-dash .chev{
  color:#C7C9D3;
  font-size:16px;
}

/* ---- Delivery overview (stats) ---- */
.account-dash .stats-card{
  background:#fff;
  border-radius:18px;
  padding:18px;
  box-shadow:var(--acct-shadow);
  margin-top:12px;
}
.account-dash .stats-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.account-dash .stat-tile{
  background:var(--acct-soft);
  border-radius:14px;
  padding:12px 8px;
  text-align:center;
}
.account-dash .stat-num{
  font-size:20px;
  font-weight:800;
  color:var(--acct-dark);
}
.account-dash .stat-label{
  font-size:10.5px;
  color:var(--acct-muted);
  margin-top:2px;
  font-weight:600;
}
.account-dash .on-time-row{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:var(--acct-muted);
  margin-top:16px;
  font-weight:600;
}
.account-dash .acct-progress{ height:8px; border-radius:20px; background:#EFF0F5; margin-top:6px; overflow:hidden; }
.account-dash .acct-progress-bar{ background:linear-gradient(90deg,#F5A623,#E08E00); border-radius:20px; height:100%; }

/* ---- Bottom nav (mobile) ---- */
.account-dash .bottom-nav{
  position:fixed;
  bottom:0; left:0; right:0;
  background:#fff;
  border-radius:26px 26px 0 0;
  box-shadow:0 -8px 24px rgba(0,0,0,0.08);
  display:flex;
  justify-content:space-around;
  align-items:center;
  padding:14px 6px 22px 6px;
  z-index:100;
}
.account-dash .nav-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:#B4B6C0;
  font-size:10.5px;
  font-weight:600;
  text-decoration:none;
}
.account-dash .nav-item.active{ color:var(--acct-orange); }
.account-dash .nav-item i{ font-size:19px; }

/* ---- Desktop-only blocks ---- */
.account-dash .dash-sidebar{ display:none; }
.account-dash .dash-grid{ display:grid; grid-template-columns:1fr; }

/* ---- Common topbar (mobile + desktop) ---- */
.account-dash .dash-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.account-dash .topbar-left{ display:flex; align-items:center; gap:12px; min-width:0; }
.account-dash .topbar-brand{ display:flex; align-items:center; gap:10px; }
.account-dash .topbar-heading{ display:none; }
body.inner-page .account-dash .topbar-heading{ display:block; min-width:0; }
body.inner-page .account-dash .topbar-title{
  font-size:10.5px; color:var(--acct-muted); font-weight:600; line-height:1.1;
}
body.inner-page .account-dash .dash-topbar h1{
  font-size:15px; font-weight:800; color:var(--acct-dark);
  margin:2px 0 0; line-height:1.25;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.account-dash .topbar-actions{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.account-dash .search-box{
  display:none;
  align-items:center; gap:9px;
  background:#fff; border-radius:14px;
  padding:11px 15px; width:100%;
  box-shadow:var(--acct-shadow);
  flex:1;
}
.account-dash .search-box i{ color:var(--acct-muted); font-size:15px; }
.account-dash .search-box input{
  border:none; outline:none; background:transparent;
  font-size:13.5px; color:var(--acct-dark); width:100%;
}
.account-dash .search-icon-btn{
  width:40px;height:40px;
  background:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--acct-shadow);
  color:var(--acct-dark);
  font-size:16px;
}
.account-dash .avatar{
  width:42px;height:42px;border-radius:50%;
  background:linear-gradient(145deg,#0f2450,#0b1c3f);
  color:#fff; font-weight:700; font-size:15px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px rgba(11,28,63,0.3);
  border:none;
}

/* ==================================================================
   Create Shipment
   ================================================================== */
.account-dash .shipment-page{ margin-top:6px; }

/* Steps */
.account-dash .shipment-steps{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
}
.account-dash .step{
  display:flex;
  align-items:center;
  gap:8px;
}
.account-dash .step-num{
  width:32px;height:32px;
  border-radius:50%;
  background:#E9EBF1;
  color:var(--acct-muted);
  font-weight:700;
  font-size:13px;
  display:flex;align-items:center;justify-content:center;
}
.account-dash .step.active .step-num{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff;
  box-shadow:0 6px 14px rgba(11,28,63,0.3);
}
.account-dash .step-label{
  font-size:12.5px;
  font-weight:600;
  color:var(--acct-muted);
}
.account-dash .step.active .step-label{ color:var(--acct-dark); }
.account-dash .step-line{
  flex:1;
  height:2px;
  background:#E9EBF1;
  border-radius:2px;
  max-width:60px;
}

/* Form cards */
.account-dash .form-card{
  background:#fff;
  border-radius:18px;
  padding:18px;
  box-shadow:var(--acct-shadow);
  margin-bottom:14px;
}
.account-dash .form-label{
  font-size:12px;
  font-weight:700;
  color:var(--acct-dark);
  margin-bottom:6px;
}
.account-dash .form-control,
.account-dash .form-select{
  border:1px solid #E7E9F0;
  border-radius:12px;
  padding:11px 14px;
  font-size:13.5px;
  color:var(--acct-dark);
  background:var(--acct-card);
  box-shadow:none;
  height:auto;
}
.account-dash .form-control::placeholder{ color:#B6B8C4; }
.account-dash .form-control:focus,
.account-dash .form-select:focus{
  border-color:var(--acct-orange);
  box-shadow:0 0 0 3px rgba(245,166,35,0.12);
  background:var(--acct-card);
}
.account-dash .form-select{
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238A8D98' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:14px 14px;
  padding-right:38px;
}
.account-dash input[type=number]::-webkit-outer-spin-button,
.account-dash input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.account-dash input[type=number]{ -moz-appearance:textfield; appearance:textfield; }
.account-dash .form-check-label{
  font-size:13px;
  color:var(--acct-muted);
}
/* neutralise inner inputs of prefix/suffix groups */
.account-dash .input-group-var .form-control,
.account-dash .input-group-var .form-select{
  border:none;
  background:transparent;
  box-shadow:none;
  padding:11px 12px;
}
.account-dash .input-group-var .form-control:focus,
.account-dash .input-group-var .form-select:focus{
  border:none;
  box-shadow:none;
}

/* Service / payment option cards */
.account-dash .service-option input{ display:none; }
.account-dash .service-option__body{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  background:var(--acct-soft);
  border:2px solid transparent;
  border-radius:14px;
  padding:14px 10px;
  text-align:center;
  cursor:pointer;
  transition:all .2s;
  height:100%;
}
.account-dash .service-option__body i{
  font-size:22px;
  color:var(--acct-muted);
}
.account-dash .service-option__name{
  font-size:13px;
  font-weight:700;
  color:var(--acct-dark);
}
.account-dash .service-option__meta{
  font-size:11px;
  color:var(--acct-muted);
}
.account-dash .service-option input:checked + .service-option__body{
  border-color:var(--acct-orange);
  background:rgba(245,166,35,0.07);
}
.account-dash .service-option input:checked + .service-option__body i{
  color:var(--acct-orange);
}

/* Buttons */
.account-dash .btn-cancel{
  background:#fff;
  color:var(--acct-dark);
  border:1px solid #E7E9F0;
  border-radius:12px;
  padding:12px 18px;
  font-weight:600;
  font-size:14px;
}
.account-dash .btn-cancel:hover{
  background:var(--acct-soft);
  color:var(--acct-dark);
}
.account-dash .btn-submit{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff;
  border:none;
  border-radius:12px;
  padding:12px 18px;
  font-weight:700;
  font-size:14px;
  box-shadow:0 10px 20px rgba(11,28,63,0.30);
}
.account-dash .btn-submit:hover{ color:#fff; opacity:.92; }

/* ==================================================================
   Shipments list
   ================================================================== */
.account-dash .shipment-filters{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:16px;
}
.account-dash .filter-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.account-dash .filter-tabs::-webkit-scrollbar{ display:none; }
.account-dash .filter-tab{
  border:none;
  background:transparent;
  color:var(--acct-muted);
  font-size:13px;
  font-weight:600;
  padding:8px 14px;
  border-radius:20px;
  white-space:nowrap;
  transition:all .2s;
}
.account-dash .filter-tab.active{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff;
  box-shadow:0 6px 14px rgba(11,28,63,0.25);
}
.account-dash .filter-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.account-dash .filter-select-wrap{
  position:relative;
  flex:1;
}
.account-dash .filter-select-wrap i{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  color:var(--acct-muted);
  font-size:14px;
}
.account-dash .filter-select{
  border:1px solid #E7E9F0;
  border-radius:12px;
  padding:9px 12px 9px 34px;
  font-size:13px;
  color:var(--acct-dark);
  box-shadow:var(--acct-shadow);
}
.account-dash .btn-new-shipment{
  display:none;
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff;
  border:none;
  border-radius:12px;
  padding:10px 16px;
  font-weight:700;
  font-size:13px;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  box-shadow:0 8px 16px rgba(11,28,63,0.25);
}
.account-dash .btn-new-shipment:hover{ color:#fff; opacity:.92; }

/* Rows */
.account-dash .shipments-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.account-dash .shipment-row{
  background:#fff;
  border-radius:16px;
  padding:14px;
  box-shadow:var(--acct-shadow);
  display:flex;
  align-items:center;
  gap:12px;
}
.account-dash .shipment-row__thumb{
  width:46px;height:46px;
  border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;
  color:#fff;
  flex-shrink:0;
}
.account-dash .shipment-row__thumb.delivered{ background:linear-gradient(145deg,#38C172,#21A65E); }
.account-dash .shipment-row__thumb.transit{ background:linear-gradient(145deg,#5B5D6E,#2B2D3A); }
.account-dash .shipment-row__thumb.pending{ background:linear-gradient(145deg,#FFC85C,#F5A623); }
.account-dash .shipment-row__thumb.cancelled{ background:linear-gradient(145deg,#C7C9D3,#8A8D98); }
.account-dash .shipment-row__main{ flex:1; min-width:0; }
.account-dash .shipment-row__id{
  font-weight:800;
  font-size:14.5px;
  color:var(--acct-dark);
}
.account-dash .shipment-row__route{
  font-size:12px;
  color:var(--acct-muted);
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-dash .shipment-row__route i{ color:var(--acct-orange); margin-right:4px; }
.account-dash .shipment-row__meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  flex-shrink:0;
}
.account-dash .shipment-row__date{
  font-size:11px;
  color:var(--acct-muted);
}
.account-dash .shipment-row__action{ flex-shrink:0; }
.account-dash .btn-row-view{
  border:1px solid #E7E9F0;
  border-radius:10px;
  padding:7px 14px;
  font-size:12.5px;
  font-weight:600;
  color:var(--acct-dark);
  background:#fff;
}
.account-dash .btn-row-view:hover{
  border-color:var(--acct-orange);
  color:var(--acct-orange);
}

/* Badges for list */
.account-dash .badge-pending{ background:#FFF4E0; color:#B97E0F; }
.account-dash .badge-cancelled{ background:#F2F3F7; color:#7A7D8A; }

/* Pagination */
.account-dash .shipment-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:20px;
}
.account-dash .page-btn{
  width:38px;height:38px;
  border-radius:11px;
  border:1px solid #E7E9F0;
  background:#fff;
  color:var(--acct-dark);
  font-weight:600;
  font-size:13px;
  display:flex;align-items:center;justify-content:center;
}
.account-dash .page-btn.active{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff;
  border-color:transparent;
  box-shadow:0 6px 14px rgba(11,28,63,0.25);
}
.account-dash .page-btn.disabled{ opacity:.45; pointer-events:none; }

/* Desktop: filter row side by side */
@media (min-width:992px){
  .account-dash .shipment-filters{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
  .account-dash .btn-new-shipment{ display:inline-flex; }
}

/* ==================================================================
   Desktop (>= 992px): sidebar + content grid
   ================================================================== */
@media (min-width:992px){
  .account-dash{
    display:flex;
    flex-direction:row;
    min-height:100vh;
    padding:0;
  }
  .account-dash .dash-main{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
  }
  .account-dash .dash-content{ padding:26px 30px 40px; }
  .account-dash .mobile-header{ display:none; }
  .account-dash .mobile-intro{ display:none; }

  /* Sidebar */
  .account-dash .dash-sidebar{
    display:flex;
    flex-direction:column;
    width:260px;
    flex-shrink:0;
    background:#fff;
    border-right:1px solid #ECEAF2;
    padding:22px 16px;
    position:sticky;
    top:0;
    height:100vh;
  }
  .account-dash .sidebar-brand{
    display:flex; align-items:center; gap:12px;
    padding:2px 8px; text-decoration:none;
  }
  .account-dash .sidebar-nav{
    display:flex; flex-direction:column; gap:6px;
    margin-top:28px; flex:1;
  }
  .account-dash .sidebar-nav a{
    display:flex; align-items:center; gap:12px;
    padding:12px 14px;
    border-radius:12px;
    color:#8A8D98; font-weight:600; font-size:14px;
    text-decoration:none;
    transition:all .2s;
  }
  .account-dash .sidebar-nav a:hover{ background:var(--acct-soft); color:var(--acct-dark); }
  .account-dash .sidebar-nav a.active{
    background:linear-gradient(135deg,#0f2450,#0b1c3f);
    color:#fff;
    box-shadow:0 10px 20px rgba(11,28,63,0.25);
  }
  .account-dash .sidebar-nav a i{ font-size:18px; }
  .account-dash .sidebar-user{
    display:flex; align-items:center; gap:10px;
    background:var(--acct-soft);
    border-radius:14px;
    padding:12px;
  }
  .account-dash .sidebar-user .avatar-sm{
    width:38px;height:38px;border-radius:50%;
    background:linear-gradient(145deg,#0f2450,#0b1c3f);
    color:#fff;font-weight:700;font-size:14px;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .account-dash .sidebar-user .meta{ line-height:1.25; min-width:0; }
  .account-dash .sidebar-user .name{ font-weight:700; font-size:13.5px; color:var(--acct-dark); }
  .account-dash .sidebar-user .email{ font-size:11px; color:var(--acct-muted); }

  /* Topbar (desktop overrides) */
  .account-dash .dash-topbar{
    gap:20px;
    margin-bottom:22px;
  }
  .account-dash .topbar-brand{ display:none !important; }
  .account-dash .topbar-heading{ display:block; }
  .account-dash .topbar-title{ font-size:13px; color:var(--acct-muted); font-weight:600; }
  .account-dash .dash-topbar h1{ font-size:24px; font-weight:800; color:var(--acct-dark); margin:2px 0 0; }
  .account-dash .topbar-actions{ gap:14px; }
  .account-dash .search-box{
    display:flex;
    width:280px;
    flex:none;
  }
  .account-dash .search-icon-btn{ display:none; }

  /* Content grid */
  .account-dash .dash-grid{
    grid-template-columns:7fr 5fr;
    gap:22px;
    align-items:start;
  }
  .account-dash .grid-shipment{ grid-column:1; grid-row:1; }
  .account-dash .grid-actions{ grid-column:2; grid-row:1; }
  .account-dash .grid-recent{ grid-column:1; grid-row:2; }
  .account-dash .grid-stats{ grid-column:2; grid-row:2; }
  .account-dash .quick-actions{
    grid-template-columns:1fr 1fr;
    gap:14px;
    align-self:start;
  }
  .account-dash .qa-item{
    padding:14px 10px;
    border-radius:14px;
    gap:7px;
  }
  .account-dash .qa-icon{
    width:38px;height:38px;
    border-radius:11px;
    font-size:16px;
  }
  .account-dash .qa-label{
    font-size:11.5px;
    font-weight:700;
  }
  .account-dash .shipment-hero-card{ padding:24px; }
  .account-dash .bottom-nav{ display:none; }
}

/* ============================================================
   SHIPMENT DETAIL PAGE  (mobile-first, compact, SaaS premium)
   Mobile: single column — summary hero, timeline, route,
   details, billing, ePOD. Desktop: main column + 340px sidebar.
   ============================================================ */
body.no-bottom-nav .account-dash{ padding-bottom:30px; }
.account-dash .detail-page{ max-width:1180px; }

/* ---- Topbar back button (mobile + desktop common) ---- */
.account-dash .topbar-back{
  display:inline-flex; align-items:center; gap:7px;
  font-size:13px; font-weight:600; color:var(--acct-dark);
  text-decoration:none;
  padding:8px 14px;
  background:var(--acct-card);
  border:1px solid var(--acct-border);
  border-radius:10px;
  box-shadow:var(--acct-shadow);
  flex-shrink:0;
  transition:all .2s;
}
.account-dash .topbar-back i{ font-size:14px; color:var(--acct-orange); }
.account-dash .topbar-back:hover{ border-color:#F0C979; color:var(--acct-orange); }

/* ---- Header ---- */
.account-dash .detail-header{
  display:flex; flex-direction:column; gap:14px;
  padding:16px;
  background:var(--acct-card);
  border:1px solid var(--acct-border);
  border-radius:16px;
  margin-bottom:14px;
  box-shadow:var(--acct-shadow);
}
.account-dash .detail-header__top{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
}
.account-dash .detail-ref{
  font-size:22px; font-weight:800; color:var(--acct-dark);
  letter-spacing:-0.4px; line-height:1.1; margin:0;
}
.account-dash .detail-sub{ display:flex; align-items:center; gap:8px; margin-top:6px; flex-wrap:wrap; }

/* Status badge in header (flex + icon-friendly) */
.account-dash .detail-header .badge-status{
  display:inline-flex; align-items:center; gap:5px;
  padding:5px 12px;
  font-size:11px;
}
.account-dash .detail-header .badge-status i{ font-size:12px; }

/* Copy icon button */
.account-dash .copy-btn{
  display:inline-flex; align-items:center; gap:5px;
  border:1px solid var(--acct-border);
  background:var(--acct-card);
  border-radius:9px;
  padding:6px 11px;
  font-size:11.5px; font-weight:600; color:var(--acct-muted);
  flex:none;
  transition:all .2s;
}
.account-dash .copy-btn:hover{ color:var(--acct-orange); border-color:#F0C979; }
.account-dash .copy-btn i{ font-size:12px; }
.account-dash .detail-id{ min-width:0; }
.account-dash .detail-awb{
  display:flex; align-items:center; gap:8px;
  background:var(--acct-soft);
  border-radius:10px;
  padding:7px 9px;
  margin-top:10px;
  width:fit-content;
}
.account-dash .awb-label{ font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--acct-muted); }
.account-dash .awb-num{ font-size:12.5px; font-weight:800; color:var(--acct-dark); letter-spacing:0.2px; }
.account-dash .detail-actions{
  display:flex; gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:2px;
  flex-wrap:nowrap;
}
.account-dash .detail-actions::-webkit-scrollbar{ display:none; }
.account-dash .btn-detail{
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 13px;
  border-radius:10px;
  border:1px solid var(--acct-border);
  background:var(--acct-card);
  color:var(--acct-dark);
  font-size:12.5px; font-weight:600;
  white-space:nowrap;
  flex:none;
  transition:all .2s;
}
.account-dash .btn-detail:hover{ background:var(--acct-soft); border-color:#D9DCE6; }
.account-dash .btn-detail.btn-danger-soft{
  color:#E53935;
  border-color:#F5C6C6;
  background:#FDF1F0;
}
.account-dash .btn-detail.btn-danger-soft:hover{ background:#FBE3E2; }

/* ---- Grid (single column on mobile) ---- */
.account-dash .detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.account-dash .detail-card{
  background:var(--acct-card);
  border:1px solid var(--acct-border);
  border-radius:16px;
  padding:16px;
  box-shadow:var(--acct-shadow);
  min-width:0;
}
.account-dash .detail-card__head{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-bottom:14px; flex-wrap:wrap;
}
.account-dash .detail-card__title{
  display:flex; align-items:center; gap:8px;
  font-size:14.5px; font-weight:700; color:var(--acct-dark);
  margin:0;
}
.account-dash .detail-card__title i{ color:var(--acct-orange); font-size:16px; }

.account-dash .eta-pill,
.account-dash .item-count,
.account-dash .epod-count{
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; font-weight:600;
  padding:5px 11px; border-radius:999px;
  background:var(--acct-soft); color:var(--acct-muted);
  white-space:nowrap;
}
.account-dash .eta-pill i,
.account-dash .epod-count i{ color:var(--acct-orange); }

/* ---- Info grid ---- */
.account-dash .info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 16px;
}
.account-dash .info-item{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.account-dash .info-label{
  font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px;
  color:var(--acct-muted);
}
.account-dash .info-value{
  font-size:13px; font-weight:600; color:var(--acct-dark);
  word-break:break-word;
}
.account-dash .info-value small{ font-weight:400; color:var(--acct-muted); font-size:11px; }

/* ---- Item details ---- */
.account-dash .item-box{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:var(--acct-soft);
  border-radius:12px;
  padding:13px 15px;
}
.account-dash .item-box__name{ font-weight:700; font-size:13.5px; color:var(--acct-dark); }
.account-dash .item-box__meta{ font-size:11.5px; color:var(--acct-muted); margin-top:2px; }
.account-dash .item-box__right{ text-align:right; flex:none; }
.account-dash .item-box__price{ font-weight:800; font-size:14.5px; color:var(--acct-dark); }
.account-dash .item-box__unit{ font-size:11px; color:var(--acct-muted); }
.account-dash .item-total{
  display:flex; align-items:center; justify-content:space-between;
  margin-top:12px;
  font-size:13px; font-weight:600; color:var(--acct-muted);
}
.account-dash .item-total strong{ font-size:16px; font-weight:800; color:var(--acct-dark); }
.account-dash .order-handling{
  display:flex; align-items:center; gap:8px;
  margin-top:10px;
  font-size:12px; font-weight:600;
  color:#B45309;
  background:#FEF3C7;
  border:1px solid #FDE68A;
  border-radius:9px;
  padding:9px 13px;
}
.account-dash .order-handling i{ font-size:13px; }

/* ---- Timeline ---- */
.account-dash .timeline{ display:flex; flex-direction:column; }
.account-dash .timeline-item{
  position:relative;
  display:flex; gap:12px;
  padding-bottom:20px;
}
.account-dash .timeline-item:last-child{ padding-bottom:0; }
.account-dash .timeline-dot{
  flex:none;
  width:24px; height:24px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:12px;
  z-index:1;
}
.account-dash .timeline-item.done .timeline-dot{
  background:#E8F6EE; color:#21A65E;
  border:2px solid #21A65E;
}
.account-dash .timeline-item.current .timeline-dot{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff;
  box-shadow:0 0 0 5px rgba(245,166,35,0.22);
}
.account-dash .timeline-body{ flex:1; min-width:0; }
.account-dash .timeline-title{ font-weight:700; font-size:13px; color:var(--acct-dark); }
.account-dash .timeline-desc{ font-size:11.5px; color:var(--acct-muted); margin-top:1px; }
.account-dash .timeline-time{
  flex:none;
  font-size:11px; font-weight:600; color:var(--acct-muted);
  text-align:right;
  padding-top:1px;
}
.account-dash .timeline-item::before{
  content:"";
  position:absolute; left:11px; top:24px; bottom:0;
  width:2px;
  background:#E9EAF0;
}
.account-dash .timeline-item.done::before{ background:#21A65E; }
.account-dash .timeline-item.current::before{ background:#E9EAF0; }
.account-dash .timeline-item:last-child::before{ display:none; }

/* ---- ePOD ---- */
.account-dash .epod-photos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:14px;
}
.account-dash .epod-photo{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--acct-border);
  aspect-ratio:4/3;
}
.account-dash .epod-photo img{ width:100%; height:100%; object-fit:cover; }
.account-dash .epod-photo__label{
  position:absolute; left:8px; bottom:8px;
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(23,24,33,0.72);
  color:#fff;
  font-size:10.5px; font-weight:600;
  padding:5px 9px; border-radius:7px;
  max-width:calc(100% - 16px);
  backdrop-filter:blur(4px);
}
.account-dash .epod-signature{
  background:var(--acct-soft);
  border:1px dashed #D9DCE6;
  border-radius:12px;
  padding:14px;
}
.account-dash .epod-signature__head{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
.account-dash .epod-signature__title{
  font-size:12.5px; font-weight:700; color:var(--acct-dark);
  display:flex; align-items:center; gap:6px;
}
.account-dash .epod-verified{
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; font-weight:600;
  color:#21A65E;
}
.account-dash .epod-signature__canvas{
  margin-top:10px;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  padding:8px;
}
.account-dash .epod-signature__canvas svg{ display:block; }
.account-dash .epod-received{ margin-top:12px; }

/* ---- Summary (mobile hero) ---- */
.account-dash .summary-card{
  position:relative;
  overflow:hidden;
}
.account-dash .summary-card::after{
  content:"";
  position:absolute; top:-70px; right:-70px;
  width:180px; height:180px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(245,166,35,0.10),rgba(245,166,35,0.02));
  pointer-events:none;
}
.account-dash .summary-top{
  display:flex; align-items:center; gap:12px;
  margin-bottom:14px;
  position:relative; z-index:1;
}
.account-dash .summary-logo{
  width:42px; height:42px; border-radius:11px;
  background:linear-gradient(135deg,#F9AB00,#EF6C00);
  color:#fff; font-weight:800; font-size:13px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 14px rgba(239,108,0,0.25);
}
.account-dash .summary-meta{ flex:1; min-width:0; }
.account-dash .summary-title{ font-weight:800; font-size:14.5px; color:var(--acct-dark); }
.account-dash .summary-sub{ font-size:11.5px; color:var(--acct-muted); font-weight:500; }
.account-dash .acct-chip{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff;
  font-size:10.5px; font-weight:700;
  border-radius:999px;
  padding:4px 10px;
  flex:none;
}
.account-dash .summary-stats{
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:8px;
  position:relative; z-index:1;
}
.account-dash .summary-stat{
  background:var(--acct-soft);
  border-radius:11px;
  text-align:center;
  padding:11px 4px;
}
.account-dash .summary-stat__num{ font-size:13px; font-weight:800; color:var(--acct-dark); }
.account-dash .summary-stat__label{ font-size:10px; color:var(--acct-muted); font-weight:600; margin-top:2px; }
.account-dash .summary-account{
  display:flex; align-items:center; gap:8px;
  margin-top:12px;
  font-size:12px; color:var(--acct-muted); font-weight:500;
  position:relative; z-index:1;
}
.account-dash .summary-account i{ color:var(--acct-orange); font-size:13px; }
.account-dash .summary-account strong{ color:var(--acct-dark); font-weight:700; }

/* ---- Live Route Map (hero, behind topbar + header) ---- */
.account-dash .map-hero{
  position:relative;
  height:240px;
  margin:-84px -20px 0;
  border-radius:0 0 22px 22px;
  overflow:hidden;
  background:#E9EBF1;
  z-index:0;
  pointer-events:none;
}
.account-dash .map-hero #routeMap{ width:100%; height:100%; }

/* Topbar sits above the hero map */
.account-dash .dash-topbar{ position:relative; z-index:3; }
.account-dash .map-hero__fade{
  position:absolute; left:0; right:0; bottom:0;
  height:80px;
  background:linear-gradient(to top, rgba(23,24,33,0.5), transparent);
  pointer-events:none;
}
.account-dash .map-hero__legend{
  position:absolute; left:20px; right:20px; bottom:14px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  flex-wrap:wrap;
  font-size:12px; font-weight:600; color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,0.35);
}
.account-dash .map-point{ display:inline-flex; align-items:center; gap:6px; }
.account-dash .map-point i{ font-size:13px; }
.account-dash .map-point.from i{ color:#22C55E; }
.account-dash .map-point.to i{ color:#F5A623; }
.account-dash .map-arrow i{ font-size:14px; color:#fff; opacity:0.85; }
.account-dash .map-pin-wrap{ background:transparent; border:none; }
.account-dash .map-pin{ position:relative; display:block; width:18px; height:18px; }
.account-dash .map-pin__dot{ display:block; width:16px; height:16px; border-radius:50%; }
.account-dash .map-pin__ring{
  position:absolute; left:50%; top:50%;
  width:16px; height:16px; border-radius:50%;
  border:2px solid;
  transform:translate(-50%,-50%);
  animation:map-pulse 1.8s ease-out infinite;
}
@keyframes map-pulse{
  0%{ opacity:0.7; transform:translate(-50%,-50%) scale(1); }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(2.8); }
}
.account-dash .map-route{ stroke-dashoffset:18; animation:map-dash 1s linear infinite; }
@keyframes map-dash{ to{ stroke-dashoffset:0; } }

/* Layer header over map bottom */
.account-dash .detail-header{
  position:relative;
  z-index:1;
  margin-top:-26px;
}

/* ---- Route ---- */
.account-dash .route-block{ display:flex; align-items:flex-start; gap:12px; }
.account-dash .route-dot{
  flex:none;
  width:11px; height:11px; border-radius:50%;
  margin-top:5px;
}
.account-dash .route-dot.from{ background:#21A65E; box-shadow:0 0 0 4px rgba(33,166,94,0.15); }
.account-dash .route-dot.to{ background:var(--acct-orange); box-shadow:0 0 0 4px rgba(224,142,0,0.18); }
.account-dash .route-content{ flex:1; min-width:0; }
.account-dash .route-label{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--acct-muted); }
.account-dash .route-name{ font-size:13px; font-weight:700; color:var(--acct-dark); margin-top:1px; }
.account-dash .route-meta{ font-size:11.5px; color:var(--acct-muted); margin-top:1px; }
.account-dash .route-line{
  width:2px; height:24px;
  background:linear-gradient(#21A65E,var(--acct-orange));
  margin:2px 0 2px 4.5px;
}

/* ---- Footer actions ---- */
.account-dash .detail-footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
  padding:16px;
  background:var(--acct-card);
  border:1px solid var(--acct-border);
  border-radius:16px;
  box-shadow:var(--acct-shadow);
}
.account-dash .detail-footer .btn-detail{
  justify-content:center;
  padding:12px 16px;
  font-size:13.5px;
  border-radius:12px;
  width:100%;
}
.account-dash .btn-detail.btn-update{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  border-color:transparent;
  color:#fff;
  box-shadow:0 8px 18px rgba(11,28,63,0.25);
}
.account-dash .btn-detail.btn-update:hover{
  background:linear-gradient(135deg,#142a5c,#0f2450);
  color:#fff;
}

/* ---- Billing ---- */
.account-dash .billing-total{ font-size:17px; font-weight:800; color:var(--acct-dark); }
.account-dash .billing-row{
  display:flex; align-items:center; justify-content:space-between;
  font-size:12.5px; color:var(--acct-muted);
  padding:7px 0;
  border-bottom:1px dashed var(--acct-border);
}
.account-dash .billing-row:last-of-type{ border-bottom:none; }
.account-dash .billing-row.discount span:first-child,
.account-dash .billing-row.discount span:last-child{ color:#21A65E; }
.account-dash .billing-row.total{
  font-size:13.5px; font-weight:800; color:var(--acct-dark);
  padding-top:11px;
  border-top:2px solid var(--acct-border);
  border-bottom:none;
}
.account-dash .billing-row.total span:last-child{ font-size:15px; }

/* ============================================================
   SHIPMENT DETAIL — DESKTOP (>=992px)  main + 340px sidebar
   ============================================================ */
/* ============================================================
   PRICE CALCULATOR  (mobile-first, compact, SaaS premium)
   Mobile: single column. Desktop: form + sticky summary.
   ============================================================ */
.account-dash .calc-page{ margin-top:6px; }

/* Compact mobile (default) */
.account-dash .calc-page .form-card{ padding:14px; border-radius:15px; }
.account-dash .calc-page .form-card .section-title{ font-size:13px; margin:12px 0 8px; }
.account-dash .calc-page .form-card .section-title:first-child{ margin-top:0; }
.account-dash .calc-page .form-card .form-label{ font-size:11.5px; margin-bottom:4px; }
.account-dash .calc-page .seg{ border-radius:10px; padding:3px; }
.account-dash .calc-page .seg-btn{ padding:7px 4px; font-size:12px; border-radius:8px; }
.account-dash .calc-page .seg-btn i{ font-size:12px; margin-right:2px; }
.account-dash .calc-page .input-group-var{ border-radius:10px; }
.account-dash .calc-page .input-group-var input{ padding:8px 10px; font-size:12.5px; }
.account-dash .calc-page .input-group-var .input-prefix,
.account-dash .calc-page .input-group-var .input-suffix{ padding:8px 9px; font-size:10px; }
  .account-dash .calc-page .form-card .form-select{ padding:8px 10px 8px 30px; font-size:12.5px; border-radius:10px; }
.account-dash .calc-page .calc-summary{ padding:16px; }
.account-dash .calc-page .calc-summary .detail-card__head{ margin-bottom:12px; }
.account-dash .calc-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
}

/* Segmented control */
.account-dash .seg{
  display:flex;
  background:var(--acct-soft);
  border-radius:13px;
  padding:5px;
  gap:6px;
}
.account-dash .seg-btn{
  flex:1;
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  border:none; background:transparent;
  padding:11px 14px;
  border-radius:10px;
  font-size:13px; font-weight:600;
  color:var(--acct-muted);
  cursor:pointer;
  transition:all .2s;
}
.account-dash .seg-btn i{ font-size:15px; }
.account-dash .seg-btn.active{
  background:var(--acct-card);
  color:var(--acct-orange);
  box-shadow:0 2px 10px rgba(23,24,33,0.10);
}

/* Input groups with prefix / suffix */
.account-dash .input-group-var{
  display:flex; align-items:center;
  border:1px solid #E7E9F0;
  border-radius:12px;
  background:var(--acct-card);
  overflow:hidden;
  transition:border-color .2s, box-shadow .2s;
}
.account-dash .input-group-var:focus-within{
  border-color:var(--acct-orange);
  box-shadow:0 0 0 3px rgba(245,166,35,0.12);
}
.account-dash .input-group-var input{
  flex:1;
  border:none; outline:none;
  padding:11px 14px;
  font-size:13.5px;
  color:var(--acct-dark);
  min-width:0;
  background:transparent;
}
.account-dash .input-group-var .input-prefix,
.account-dash .input-group-var .input-suffix{
  flex:none;
  padding:11px 12px;
  font-size:11px; font-weight:700;
  color:var(--acct-muted);
  background:var(--acct-soft);
  letter-spacing:0.3px;
}
.account-dash .input-group-var .input-prefix{
  border-right:1px solid #E7E9F0;
  background:var(--acct-card);
  color:var(--acct-orange);
  font-weight:800;
}
.account-dash .input-group-var .input-suffix{
  border-left:1px solid #E7E9F0;
}

/* Summary */
.account-dash .calc-services{
  display:flex; flex-direction:column; gap:10px;
  margin-bottom:16px;
}
.account-dash .calc-service{
  display:flex; align-items:center; gap:12px;
  width:100%;
  background:var(--acct-soft);
  border:2px solid transparent;
  border-radius:14px;
  padding:12px 14px;
  cursor:pointer;
  text-align:left;
  transition:all .2s;
}
.account-dash .calc-service:hover{ border-color:#F0C979; }
.account-dash .calc-service.selected{
  border-color:var(--acct-orange);
  background:rgba(245,166,35,0.06);
}
.account-dash .calc-service__icon{
  flex:none;
  width:40px; height:40px;
  border-radius:12px;
  background:var(--acct-card);
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
  color:var(--acct-muted);
  box-shadow:var(--acct-shadow);
}
.account-dash .calc-service.selected .calc-service__icon{
  color:var(--acct-orange);
}
.account-dash .calc-service__info{ flex:1; min-width:0; }
.account-dash .calc-service__name{
  display:block;
  font-size:13.5px; font-weight:700; color:var(--acct-dark);
}
.account-dash .calc-service__eta{
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; color:var(--acct-muted); font-weight:600;
  margin-top:2px;
}
.account-dash .calc-service__price{
  flex:none;
  font-size:15px; font-weight:800; color:var(--acct-dark);
}
.account-dash .calc-service.selected .calc-service__price{ color:var(--acct-orange); }
.account-dash .calc-breakdown{ margin-top:2px; }
.account-dash .calc-summary .calc-route-line{
  display:flex; align-items:center; justify-content:center; gap:10px;
  font-size:13.5px; font-weight:800; color:var(--acct-dark);
  background:var(--acct-soft);
  border-radius:12px;
  padding:12px;
  margin-bottom:14px;
}
.account-dash .calc-route-line i{ color:var(--acct-orange); font-size:14px; }
.account-dash .calc-note{
  display:flex; align-items:flex-start; gap:6px;
  margin-top:12px;
  font-size:11.5px; color:var(--acct-muted);
}
.account-dash .calc-note i{ color:var(--acct-orange); font-size:12px; margin-top:1px; }

/* ============================================================
   PRICE CALCULATOR — DESKTOP (>=992px)
   ============================================================ */
@media (min-width:992px){
  .account-dash .calc-grid{
    grid-template-columns:minmax(0,1fr);
    gap:22px;
  }
  .account-dash .calc-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:22px;
    align-items:start;
  }
  .account-dash .calc-form .btn-submit{ grid-column:1/-1; margin-top:0; }
  .account-dash .calc-side .detail-card{ position:static; }
  .account-dash .calc-services{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
  }
  .account-dash .calc-breakdown{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:28px;
  }
  .account-dash .calc-breakdown .billing-row.total{ grid-column:1/-1; }
  .account-dash .calc-page .form-card{ padding:22px; }
  .account-dash .calc-page .form-card .section-title{ font-size:15px; margin:20px 0 12px; }
  .account-dash .calc-page .form-card .form-label{ font-size:12.5px; margin-bottom:6px; }
  .account-dash .calc-page .seg-btn{ padding:11px 14px; font-size:13.5px; border-radius:9px; }
  .account-dash .calc-page .seg-btn i{ font-size:15px; }
  .account-dash .calc-page .input-group-var input{ padding:11px 14px; font-size:13.5px; }
  .account-dash .calc-page .input-group-var .input-prefix,
  .account-dash .calc-page .input-group-var .input-suffix{ padding:11px 13px; font-size:11px; }
  .account-dash .calc-page .form-card .form-select{ padding:11px 14px; font-size:13.5px; }
  .account-dash .calc-page .calc-summary{ padding:22px; }
}

/* ============================================================
   SHIPMENT DETAIL — DESKTOP (>=992px)  main + 340px sidebar
   ============================================================ */
@media (min-width:992px){
  .account-dash .detail-page{ max-width:1180px; }
  .account-dash .detail-header{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 24px;
    margin-bottom:22px;
  }
  .account-dash .detail-actions{ justify-content:flex-end; max-width:560px; }
  .account-dash .detail-footer{
    display:flex; align-items:center; justify-content:flex-end;
    gap:12px;
    margin-top:22px;
    padding:18px 24px;
  }
  .account-dash .detail-footer .btn-detail{ width:auto; padding:12px 22px; }
  .account-dash .detail-grid{
    grid-template-columns:minmax(0,1fr) 340px;
    gap:22px;
    grid-auto-flow:dense;
  }
  .account-dash .detail-card{
    border-radius:18px;
    padding:22px;
    transition:box-shadow .25s ease, transform .25s ease;
  }
  .account-dash .detail-card:hover{ box-shadow:0 16px 40px rgba(23,24,33,0.10); }
  .account-dash .detail-card__head{ margin-bottom:18px; }
  .account-dash .detail-card__title{ font-size:15.5px; }
  .account-dash .info-grid{ grid-template-columns:repeat(3,1fr); }
  .account-dash .summary-card,
  .account-dash .route-card,
  .account-dash .billing-card{ grid-column:2; }
  .account-dash .timeline-card{ grid-column:1; }
  .account-dash .epod-card{ grid-column:1; }
  .account-dash .map-hero{
    height:300px;
    margin:-96px -30px 0;
    border-radius:0 0 26px 26px;
  }
}

/* ============================================================
   WALLET
   ============================================================ */
.account-dash .wallet-page{ margin-top:6px; }
.account-dash .wallet-page .detail-card{ border-radius:16px; }
.account-dash .wallet-page .detail-card + .detail-card{ margin-top:14px; }

/* ---- Balance hero ---- */
.account-dash .wallet-hero{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  padding:22px 20px 20px;
  background:
    radial-gradient(150px 150px at 92% -10%, rgba(245,166,35,0.35), transparent 62%),
    linear-gradient(135deg,#0f2450 0%,#0b1c3f 100%);
  color:#fff;
  box-shadow:0 16px 40px rgba(11,28,63,0.28);
  margin-bottom:14px;
}
.account-dash .wallet-hero__glow{
  position:absolute; top:-60px; right:-60px;
  width:190px; height:190px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,166,35,0.35), transparent 65%);
  pointer-events:none;
}
.account-dash .wallet-card-sheen{
  position:absolute; top:0; left:-70%;
  width:55%; height:100%;
  background:linear-gradient(105deg, transparent, rgba(255,255,255,0.08), transparent);
  transform:skewX(-20deg);
  animation:walletSheen 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes walletSheen{
  0%{ left:-70%; } 55%{ left:130%; } 100%{ left:130%; }
}
.account-dash .wallet-hero__top{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:22px;
}
.account-dash .wallet-chip{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.16);
  color:#fff;
  font-size:11px; font-weight:700;
  padding:5px 12px; border-radius:999px;
  letter-spacing:.4px;
}
.account-dash .wallet-chip i{ color:#F5A623; }
.account-dash .wallet-pill--active{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(56,193,114,0.16);
  border:1px solid rgba(56,193,114,0.35);
  color:#38C172;
  font-size:10.5px; font-weight:800;
  padding:5px 12px; border-radius:999px;
  text-transform:uppercase; letter-spacing:.5px;
}
.account-dash .wallet-pill--active .dot{
  width:7px; height:7px; border-radius:50%;
  background:#38C172;
  animation:walletPulse 1.6s ease-in-out infinite;
}
@keyframes walletPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(56,193,114,0.55); }
  50%{ box-shadow:0 0 0 6px rgba(56,193,114,0); }
}
.account-dash .wallet-hero__balance{
  position:relative; z-index:1;
  margin-bottom:18px;
}
.account-dash .wallet-balance-label{
  font-size:11.5px; font-weight:700;
  color:#C4C9DC;
  text-transform:uppercase; letter-spacing:1.2px;
  margin-bottom:4px;
}
.account-dash .wallet-balance-amount{
  font-size:38px; font-weight:800;
  line-height:1.1;
  letter-spacing:-.5px;
}
.account-dash .wallet-balance-note{
  margin-top:6px;
  font-size:11.5px;
  color:#8FD8A8;
  font-weight:600;
}
.account-dash .wallet-add-btn{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:13.5px; font-weight:800;
  padding:12px 22px;
  border-radius:12px;
  box-shadow:0 10px 24px rgba(224,142,0,0.35);
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.account-dash .wallet-add-btn:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 14px 30px rgba(224,142,0,0.45); }
.account-dash .wallet-add-btn:active{ transform:translateY(0); }

/* ---- Stats ---- */
.account-dash .wallet-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:14px;
}
.account-dash .wallet-stat{
  background:var(--acct-card);
  border:1px solid var(--acct-border);
  border-radius:14px;
  padding:12px 10px;
  box-shadow:var(--acct-shadow);
  display:flex; flex-direction:column; gap:8px;
}
.account-dash .wallet-stat__icon{
  width:30px; height:30px;
  border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  font-size:14px;
}
.account-dash .wallet-stat__icon--gold{ background:#FFF3D9; color:#E08E00; }
.account-dash .wallet-stat__icon--green{ background:#E4F8EC; color:#21A65E; }
.account-dash .wallet-stat__icon--navy{ background:#E7EBF5; color:#0b1c3f; }
.account-dash .wallet-stat__meta{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.account-dash .wallet-stat__label{ font-size:10.5px; font-weight:600; color:var(--acct-muted); }
.account-dash .wallet-stat__val{ font-size:16px; font-weight:800; color:var(--acct-dark); }

/* ---- Transactions ---- */
.account-dash .txn-list{ display:flex; flex-direction:column; gap:10px; }
.account-dash .txn-row{
  display:flex; align-items:center; gap:12px;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:14px;
  padding:12px;
  text-decoration:none;
  transition:box-shadow .2s, transform .2s, border-color .2s;
}
.account-dash .txn-row:active{ transform:scale(.99); }
.account-dash .txn-row__icon{
  flex:none;
  width:40px; height:40px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:17px;
}
.account-dash .txn-row__icon--credit{ background:#FFF3D9; color:#E08E00; }
.account-dash .txn-row__icon--debit{ background:#E4F8EC; color:#21A65E; }
.account-dash .txn-row__body{ flex:1; min-width:0; }
.account-dash .txn-row__title{
  font-size:13px; font-weight:700; color:var(--acct-dark);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.account-dash .txn-row__sub{ font-size:11px; color:var(--acct-muted); margin-top:2px; }
.account-dash .txn-row__right{
  display:flex; flex-direction:column; align-items:flex-end; gap:4px;
  flex:none;
}
.account-dash .txn-row__amt{ font-size:13.5px; font-weight:800; }
.account-dash .txn-row__amt--credit{ color:#21A65E; }
.account-dash .txn-row__amt--debit{ color:var(--acct-dark); }

/* txn badges */
.account-dash .txn-badge{
  display:inline-flex; align-items:center; gap:5px;
  font-size:10px; font-weight:800;
  padding:4px 10px; border-radius:999px;
  white-space:nowrap;
}
.account-dash .txn-badge--ok{ background:#E4F8EC; color:#21A65E; }
.account-dash .txn-badge--warn{ background:#FFF3D9; color:#B97E0F; }
.account-dash .txn-badge--fail{ background:#FBE3E2; color:#D6483E; }

/* desktop table */
.account-dash .txn-table{ display:none; }
.account-dash .wallet-table{ width:100%; border-collapse:collapse; }
.account-dash .wallet-table th{
  text-align:left;
  font-size:10.5px; font-weight:700; color:var(--acct-muted);
  text-transform:uppercase; letter-spacing:.8px;
  padding:10px 12px;
  border-bottom:1px solid var(--acct-border);
}
.account-dash .wallet-table td{
  padding:13px 12px;
  border-bottom:1px solid #F1F2F6;
  vertical-align:middle;
  font-size:12.5px; color:var(--acct-dark);
}
.account-dash .wallet-table tbody tr:last-child td{ border-bottom:none; }
.account-dash .wallet-table tbody tr{ transition:background .15s; }
.account-dash .wallet-table tbody tr:hover{ background:#FAFBFF; }
.account-dash .txn-table__main{
  display:flex; align-items:center; gap:12px;
  text-decoration:none; color:inherit;
}
.account-dash .txn-table__icon{
  flex:none;
  width:38px; height:38px;
  border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  font-size:16px;
}
.account-dash .txn-table__icon--credit{ background:#FFF3D9; color:#E08E00; }
.account-dash .txn-table__icon--debit{ background:#E4F8EC; color:#21A65E; }
.account-dash .txn-table__meta{ display:flex; flex-direction:column; }
.account-dash .txn-table__title{ font-size:12.5px; font-weight:700; }
.account-dash .txn-table__id{ font-size:11px; color:var(--acct-muted); margin-top:1px; }
.account-dash .txn-table__muted{ color:var(--acct-muted); font-size:12px; line-height:1.4; }
.account-dash .txn-table__time{ font-size:10.5px; color:#B6B8C4; }
.account-dash .txn-table__amt{ font-weight:800; font-size:12.5px; white-space:nowrap; }
.account-dash .txn-table__amt--credit{ color:#21A65E; }
.account-dash .txn-table__amt--debit{ color:var(--acct-dark); }
.account-dash .method-chip{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--acct-soft);
  color:var(--acct-dark);
  font-size:11px; font-weight:600;
  padding:5px 11px; border-radius:999px;
  white-space:nowrap;
}
.account-dash .method-chip i{ color:var(--acct-orange); font-size:12px; }
.account-dash .method-chip--lg{ font-size:12.5px; padding:8px 14px; }

/* ---- Add balance ---- */
.account-dash .add-hero{
  position:relative; overflow:hidden;
  border-radius:18px;
  padding:20px;
  background:
    radial-gradient(140px 140px at 92% -10%, rgba(245,166,35,0.35), transparent 60%),
    linear-gradient(135deg,#0f2450 0%,#0b1c3f 100%);
  color:#fff;
  box-shadow:0 16px 40px rgba(11,28,63,0.28);
  margin-bottom:14px;
}
.account-dash .add-hero__glow{
  position:absolute; top:-60px; right:-60px;
  width:190px; height:190px; border-radius:50%;
  background:radial-gradient(circle, rgba(245,166,35,0.35), transparent 65%);
  pointer-events:none;
}
.account-dash .add-hero__label{
  position:relative; z-index:1;
  font-size:11px; font-weight:700; color:#C4C9DC;
  text-transform:uppercase; letter-spacing:1.2px;
}
.account-dash .add-hero__amount{
  position:relative; z-index:1;
  font-size:30px; font-weight:800; letter-spacing:-.5px;
  margin:2px 0 2px;
}
.account-dash .add-hero__note{ position:relative; z-index:1; font-size:11.5px; color:#C4C9DC; }
.account-dash .add-hero__next{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; gap:6px;
  margin-top:12px;
  background:rgba(245,166,35,0.16);
  border:1px solid rgba(245,166,35,0.4);
  color:#F5A623;
  font-size:13px; font-weight:800;
  padding:8px 16px; border-radius:999px;
}
.account-dash .add-hero__next i{ animation:walletBounce 1.4s ease-in-out infinite; }
@keyframes walletBounce{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(4px); }
}

/* amount */
.account-dash .amount-input{
  display:flex; align-items:center;
  background:var(--acct-soft);
  border:1.5px solid var(--acct-border);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:12px;
}
.account-dash .amount-input:focus-within{ border-color:var(--acct-orange); }
.account-dash .amount-input__prefix{
  padding:12px 6px 12px 16px;
  font-size:18px; font-weight:800; color:var(--acct-muted);
}
.account-dash .amount-input__field{
  flex:1;
  border:none; outline:none;
  background:transparent;
  font-size:22px; font-weight:800; color:var(--acct-dark);
  padding:12px 16px 12px 4px;
  min-width:0;
}
.account-dash .amount-chips{
  display:flex; gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
}
.account-dash .amount-chip{
  flex:none;
  border:1.5px solid var(--acct-border);
  background:#fff;
  color:var(--acct-dark);
  font-size:12px; font-weight:700;
  padding:8px 16px;
  border-radius:999px;
  transition:all .15s;
}
.account-dash .amount-chip.active{
  background:linear-gradient(135deg,#F5A623,#E08E00);
  border-color:#E08E00;
  color:#fff;
  box-shadow:0 6px 14px rgba(224,142,0,0.3);
}

/* payment method cards */
.account-dash .pm-list{ display:flex; flex-direction:column; gap:9px; margin-bottom:14px; }
.account-dash .pm-card{ display:block; cursor:pointer; }
.account-dash .pm-card input{ position:absolute; opacity:0; pointer-events:none; }
.account-dash .pm-card__inner{
  display:flex; align-items:center; gap:12px;
  border:1.5px solid var(--acct-border);
  border-radius:13px;
  padding:11px 12px;
  background:#fff;
  transition:border-color .15s, box-shadow .15s;
}
.account-dash .pm-card input:checked + .pm-card__inner{
  border-color:var(--acct-orange);
  box-shadow:0 0 0 3px rgba(245,166,35,0.12);
  background:#FFFDF7;
}
.account-dash .pm-card__icon{
  flex:none;
  width:38px; height:38px;
  border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
}
.account-dash .pm-card__icon--gold{ background:#FFF3D9; color:#E08E00; }
.account-dash .pm-card__icon--blue{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .pm-card__icon--violet{ background:#F1E7FB; color:#635BFF; }
.account-dash .pm-card__icon--green{ background:#E4F8EC; color:#21A65E; }
.account-dash .pm-card__meta{ flex:1; min-width:0; display:flex; flex-direction:column; }
.account-dash .pm-card__name{ font-size:13px; font-weight:700; color:var(--acct-dark); }
.account-dash .pm-card__desc{ font-size:11px; color:var(--acct-muted); margin-top:1px; }
.account-dash .pm-radio{
  flex:none;
  width:19px; height:19px;
  border-radius:50%;
  border:2px solid #D6D8E2;
  position:relative;
  transition:border-color .15s;
}
.account-dash .pm-card input:checked + .pm-card__inner .pm-radio{ border-color:var(--acct-orange); }
.account-dash .pm-card input:checked + .pm-card__inner .pm-radio::after{
  content:"";
  position:absolute; inset:3px;
  border-radius:50%;
  background:linear-gradient(135deg,#F5A623,#E08E00);
}

/* method panels */
.account-dash .pm-panel{
  display:none;
  background:var(--acct-soft);
  border:1px dashed #DFE1EA;
  border-radius:13px;
  padding:14px;
  margin-bottom:14px;
}
.account-dash .pm-panel#panel-card{ display:block; }
.account-dash .card-brand-strip{
  display:flex; align-items:center; gap:8px;
  font-size:11px; font-weight:700; color:var(--acct-muted);
  margin-bottom:12px;
}
.account-dash .card-brand-strip i{ font-size:16px; color:var(--acct-orange); }
.account-dash .card-brand-strip.stripe-brand i{ color:#635BFF; }
.account-dash .pm-secure-note{
  display:flex; align-items:center; gap:6px;
  font-size:11px; color:var(--acct-muted);
  margin-top:12px;
}
.account-dash .pm-secure-note i{ color:#21A65E; font-size:12px; }
.account-dash .pm-redirect-note{
  display:flex; align-items:center; gap:8px;
  background:#E7EBF5;
  color:var(--acct-dark);
  font-size:11.5px;
  padding:10px 12px;
  border-radius:10px;
  margin-top:12px;
}
.account-dash .pm-redirect-note i{ color:var(--acct-orange); }
.account-dash .bank-details{
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:11px;
  overflow:hidden;
}
.account-dash .bank-details__row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 13px;
  font-size:12px;
  border-bottom:1px solid #F1F2F6;
}
.account-dash .bank-details__row:last-child{ border-bottom:none; }
.account-dash .bank-details__row span{ color:var(--acct-muted); }
.account-dash .bank-details__row strong{ color:var(--acct-dark); font-size:12.5px; }

/* demo toggle */
.account-dash .sim-toggle{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:#FDF3E4;
  border:1px solid #F0DCB6;
  border-radius:13px;
  padding:12px 14px;
}
.account-dash .sim-toggle__meta{ flex:1; min-width:0; }
.account-dash .sim-toggle__title{
  display:flex; align-items:center; gap:6px;
  font-size:12.5px; font-weight:800; color:var(--acct-dark);
}
.account-dash .sim-toggle__title i{ color:#E08E00; }
.account-dash .sim-toggle__desc{ font-size:11px; color:var(--acct-muted); margin-top:1px; }
.account-dash .switch{ position:relative; display:inline-block; width:44px; height:25px; flex:none; }
.account-dash .switch input{ opacity:0; width:0; height:0; }
.account-dash .switch__slider{
  position:absolute; inset:0;
  background:#D6D8E2;
  border-radius:999px;
  transition:background .2s;
}
.account-dash .switch__slider::before{
  content:"";
  position:absolute; left:3px; top:3px;
  width:19px; height:19px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,0.2);
  transition:transform .2s;
}
.account-dash .switch input:checked + .switch__slider{ background:#D6483E; }
.account-dash .switch input:checked + .switch__slider::before{ transform:translateX(19px); }

/* summary + pay button */
.account-dash .sum-row{
  display:flex; align-items:center; justify-content:space-between;
  font-size:12.5px; color:var(--acct-muted);
  padding:7px 0;
}
.account-dash .sum-row span:last-child{ font-weight:700; color:var(--acct-dark); }
.account-dash .sum-row__free{ color:#21A65E !important; font-size:12px; }
.account-dash .sum-row--total{
  border-top:1px dashed var(--acct-border);
  margin-top:8px; padding-top:12px;
  font-size:14px; font-weight:800; color:var(--acct-dark);
}
.account-dash .sum-row--total span:last-child{ font-size:16px; }
.account-dash .wallet-pay-btn{
  width:100%;
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:14px; font-weight:800;
  padding:14px;
  border:none; border-radius:13px;
  margin-top:16px;
  box-shadow:0 10px 24px rgba(224,142,0,0.35);
  transition:transform .2s, box-shadow .2s, opacity .2s;
}
.account-dash .wallet-pay-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 30px rgba(224,142,0,0.45); color:#fff; }
.account-dash .wallet-pay-btn:active{ transform:translateY(0); }
.account-dash .pm-paynote{
  display:flex; align-items:center; justify-content:center; gap:6px;
  font-size:11px; color:var(--acct-muted);
  margin-top:10px;
}
.account-dash .pm-paynote i{ color:#21A65E; }
.account-dash .pm-paynote a{ color:var(--acct-orange); text-decoration:none; font-weight:700; }

/* ---- Processing ---- */
.account-dash .proc-page{
  display:flex; justify-content:center;
  padding-top:10px;
}
.account-dash .proc-card{
  width:100%; max-width:420px;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:20px;
  box-shadow:var(--acct-shadow);
  padding:34px 22px 26px;
  text-align:center;
}
.account-dash .proc-icon{
  position:relative;
  width:74px; height:74px;
  margin:0 auto 18px;
  border-radius:50%;
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#F5A623;
  font-size:30px;
  display:flex; align-items:center; justify-content:center;
}
.account-dash .proc-icon__ring{
  position:absolute; inset:-9px;
  border-radius:50%;
  border:2px solid transparent;
  border-top-color:#F5A623;
  animation:procSpin 1s linear infinite;
}
@keyframes procSpin{ to{ transform:rotate(360deg); } }
.account-dash .proc-title{ font-size:19px; font-weight:800; color:var(--acct-dark); margin:0 0 4px; }
.account-dash .proc-sub{ font-size:12.5px; color:var(--acct-muted); margin:0 0 18px; }
.account-dash .proc-amount{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--acct-soft);
  border-radius:999px;
  padding:7px 16px;
  margin-bottom:22px;
}
.account-dash .proc-amount__label{ font-size:11px; font-weight:700; color:var(--acct-muted); text-transform:uppercase; letter-spacing:.8px; }
.account-dash .proc-amount__val{ font-size:15px; font-weight:800; color:var(--acct-dark); }
.account-dash .proc-steps{
  display:flex; flex-direction:column; gap:10px;
  text-align:left;
  margin-bottom:18px;
}
.account-dash .proc-step{
  display:flex; align-items:center; gap:10px;
  font-size:12.5px; color:#B6B8C4;
  transition:color .3s;
}
.account-dash .proc-step i{
  width:26px; height:26px;
  border-radius:50%;
  background:var(--acct-soft);
  color:#B6B8C4;
  display:flex; align-items:center; justify-content:center;
  font-size:12px;
  transition:all .3s;
}
.account-dash .proc-step.done{ color:var(--acct-dark); font-weight:600; }
.account-dash .proc-step.done i{ background:#E4F8EC; color:#21A65E; }
.account-dash .proc-bar{
  height:7px;
  border-radius:999px;
  background:var(--acct-soft);
  overflow:hidden;
  margin-bottom:12px;
}
.account-dash .proc-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#F5A623,#E08E00);
  transition:width .6s ease;
  width:0;
}
.account-dash .proc-hint{ font-size:11px; color:var(--acct-muted); margin-bottom:16px; }
.account-dash .proc-cancel{
  display:inline-flex; align-items:center; gap:6px;
  font-size:12px; font-weight:700;
  color:var(--acct-muted);
  text-decoration:none;
  padding:8px 16px;
  border-radius:10px;
  transition:color .15s, background .15s;
}
.account-dash .proc-cancel:hover{ background:var(--acct-soft); color:var(--acct-dark); }

/* ---- Result (success / error) ---- */
.account-dash .result-page{ padding-top:10px; }
.account-dash .result-card{
  width:100%; max-width:440px;
  margin:0 auto;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:20px;
  box-shadow:var(--acct-shadow);
  padding:30px 20px 24px;
  text-align:center;
}
.account-dash .result-icon{
  position:relative;
  width:76px; height:76px;
  margin:0 auto 16px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:34px;
  animation:resultPop .45s cubic-bezier(.18,1.25,.4,1) both;
}
.account-dash .result-icon--ok{ background:#E4F8EC; color:#21A65E; }
.account-dash .result-icon--fail{ background:#FBE3E2; color:#D6483E; }
.account-dash .result-icon__ping{
  position:absolute; inset:0;
  border-radius:50%;
  border:2px solid currentColor;
  animation:resultPing 1.5s ease-out infinite;
}
.account-dash .result-icon--fail .result-icon__ping{ animation-delay:.3s; }
@keyframes resultPop{
  0%{ transform:scale(.4); opacity:0; }
  100%{ transform:scale(1); opacity:1; }
}
@keyframes resultPing{
  0%{ transform:scale(1); opacity:.55; }
  100%{ transform:scale(1.55); opacity:0; }
}
.account-dash .result-title{ font-size:19px; font-weight:800; color:var(--acct-dark); margin:0 0 4px; }
.account-dash .result-sub{ font-size:13px; color:var(--acct-muted); margin:0 0 16px; }
.account-dash .result-balance{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  border-radius:14px;
  color:#fff;
  padding:14px;
  margin-bottom:18px;
}
.account-dash .result-balance--fail{ background:#FBE3E2; color:#D6483E; }
.account-dash .result-balance__label{ font-size:10.5px; font-weight:700; color:#C4C9DC; text-transform:uppercase; letter-spacing:1px; }
.account-dash .result-balance--fail .result-balance__label{ color:#C97A72; }
.account-dash .result-balance__amount{ font-size:26px; font-weight:800; letter-spacing:-.5px; }
.account-dash .result-balance--fail .result-balance__amount{ color:#D6483E; }
.account-dash .inv-summary{
  border:1px solid var(--acct-border);
  border-radius:13px;
  padding:4px 14px;
  margin-bottom:18px;
  text-align:left;
}
.account-dash .inv-summary__row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-size:12px; color:var(--acct-muted);
  padding:9px 0;
  border-bottom:1px dashed #F1F2F6;
}
.account-dash .inv-summary__row:last-child{ border-bottom:none; }
.account-dash .inv-summary__row strong{ font-size:12.5px; color:var(--acct-dark); display:inline-flex; align-items:center; gap:6px; }
.account-dash .inv-summary__row strong i{ color:var(--acct-orange); }
.account-dash .inv-summary__row--total{
  border-top:1px solid var(--acct-border);
  border-bottom:none;
  margin-top:4px;
  padding-top:11px;
}
.account-dash .inv-summary__row--total span{ font-weight:700; color:var(--acct-dark); }
.account-dash .inv-summary__row--total strong{ font-size:16px; color:var(--acct-dark); }
.account-dash .result-actions{ display:flex; flex-direction:column; gap:10px; }
.account-dash .btn-detail--gold{
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 8px 20px rgba(224,142,0,0.32);
}
.account-dash .btn-detail--gold:hover{ opacity:.92; }
.account-dash .fail-tips{
  text-align:left;
  background:var(--acct-soft);
  border-radius:13px;
  padding:13px 15px;
  margin-bottom:18px;
}
.account-dash .fail-tips__title{ font-size:11px; font-weight:800; color:var(--acct-muted); text-transform:uppercase; letter-spacing:.8px; margin-bottom:7px; }
.account-dash .fail-tips ul{ list-style:none; margin:0; padding:0; }
.account-dash .fail-tips li{
  display:flex; align-items:center; gap:8px;
  font-size:12px; color:var(--acct-dark);
  padding:3px 0;
}
.account-dash .fail-tips li i{ color:#21A65E; font-size:12px; }

/* ---- Invoice ---- */
.account-dash .invoice-toolbar{
  display:flex; gap:10px;
  margin-bottom:14px;
}
.account-dash .invoice-card{
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:18px;
  box-shadow:var(--acct-shadow);
  padding:22px 18px;
}
.account-dash .invoice-head{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:14px; flex-wrap:wrap;
  padding-bottom:18px;
  border-bottom:1px solid var(--acct-border);
  margin-bottom:16px;
}
.account-dash .invoice-brand{ display:flex; align-items:center; gap:12px; }
.account-dash .invoice-brand .logo-badge{ width:46px; height:46px; font-size:21px; border-radius:13px; }
.account-dash .invoice-brand__name{ font-size:17px; font-weight:800; color:var(--acct-dark); }
.account-dash .invoice-brand__tag{ font-size:11px; color:var(--acct-muted); }
.account-dash .invoice-title{ text-align:right; }
.account-dash .invoice-title__badge{
  display:inline-flex; align-items:center; gap:6px;
  background:#E4F8EC; color:#21A65E;
  font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.8px;
  padding:5px 12px; border-radius:999px;
}
.account-dash .invoice-title__no{ font-size:15px; font-weight:800; color:var(--acct-dark); margin-top:6px; }
.account-dash .invoice-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:18px;
}
.account-dash .invoice-meta__item{
  background:var(--acct-soft);
  border-radius:11px;
  padding:10px 12px;
  display:flex; flex-direction:column; gap:2px;
}
.account-dash .invoice-meta__label{ font-size:10px; font-weight:700; color:var(--acct-muted); text-transform:uppercase; letter-spacing:.8px; }
.account-dash .invoice-meta__item strong{ font-size:12.5px; color:var(--acct-dark); }
.account-dash .invoice-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-bottom:18px;
}
.account-dash .invoice-addr{ font-size:12px; }
.account-dash .invoice-addr__label{ font-size:10px; font-weight:700; color:var(--acct-muted); text-transform:uppercase; letter-spacing:.8px; margin-bottom:4px; }
.account-dash .invoice-addr strong{ font-size:12.5px; color:var(--acct-dark); display:block; margin-bottom:2px; }
.account-dash .invoice-addr p{ margin:0; color:var(--acct-muted); line-height:1.55; }
.account-dash .invoice-table{
  border:1px solid var(--acct-border);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:18px;
}
.account-dash .invoice-table__head{
  display:grid;
  grid-template-columns:2fr 60px 110px;
  gap:10px;
  background:var(--acct-soft);
  padding:10px 14px;
  font-size:10px; font-weight:800; color:var(--acct-muted);
  text-transform:uppercase; letter-spacing:.8px;
}
.account-dash .invoice-table__head span:last-child{ text-align:right; }
.account-dash .invoice-table__row{
  display:grid;
  grid-template-columns:2fr 60px 110px;
  gap:10px;
  align-items:center;
  padding:13px 14px;
  border-top:1px solid #F1F2F6;
  font-size:12.5px; color:var(--acct-dark);
}
.account-dash .invoice-table__row small{ display:block; font-size:11px; color:var(--acct-muted); margin-top:2px; }
.account-dash .invoice-table__row span:nth-child(2){ text-align:center; color:var(--acct-muted); }
.account-dash .invoice-total{
  max-width:280px;
  margin-left:auto;
  margin-bottom:18px;
}
.account-dash .invoice-total__row{
  display:flex; align-items:center; justify-content:space-between;
  font-size:12.5px; color:var(--acct-muted);
  padding:6px 0;
}
.account-dash .invoice-total__row strong{ color:var(--acct-dark); }
.account-dash .invoice-total__row--grand{
  border-top:1px solid var(--acct-border);
  margin-top:6px; padding-top:11px;
  font-size:13px; font-weight:800; color:var(--acct-dark);
}
.account-dash .invoice-total__row--grand strong{ font-size:17px; color:var(--acct-dark); }
.account-dash .invoice-pay{
  display:flex; align-items:center; gap:10px;
  border-top:1px dashed var(--acct-border);
  padding-top:16px;
}
.account-dash .invoice-pay__label{ font-size:11px; font-weight:700; color:var(--acct-muted); text-transform:uppercase; letter-spacing:.8px; }
.account-dash .invoice-foot{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--acct-border);
  text-align:center;
}
.account-dash .invoice-foot p{ font-size:11px; color:var(--acct-muted); margin:0 0 4px; }
.account-dash .invoice-foot__brand{ font-size:11px; font-weight:700; color:var(--acct-dark); }

/* ---- Wallet desktop ---- */
@media (min-width:576px){
  .account-dash .invoice-grid{ grid-template-columns:1fr 1fr; }
}
@media (min-width:768px){
  .account-dash .wallet-stat{ padding:14px; flex-direction:row; align-items:center; }
}
@media (min-width:992px){
  .account-dash .wallet-page{ margin-top:8px; }
  .account-dash .wallet-hero{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "top    top"
      "balance btn"
      "note   btn";
    align-items:end;
    padding:30px 32px;
    border-radius:22px;
  }
  .account-dash .wallet-hero__top{ grid-area:top; margin-bottom:20px; }
  .account-dash .wallet-hero__balance{ grid-area:balance; margin:0; }
  .account-dash .wallet-add-btn{ grid-area:btn; justify-self:end; padding:14px 26px; font-size:14px; }
  .account-dash .wallet-balance-amount{ font-size:44px; }
  .account-dash .wallet-stats{ gap:16px; margin-bottom:22px; }
  .account-dash .wallet-stat__val{ font-size:18px; }
  .account-dash .wallet-page .detail-card{ border-radius:18px; padding:22px; }
  .account-dash .wallet-page .detail-card + .detail-card{ margin-top:22px; }
  .account-dash .txn-list{ display:none; }
  .account-dash .txn-table{ display:block; }
  .account-dash .amount-input{ margin-bottom:14px; }
  .account-dash .amount-input__field{ font-size:26px; }
  .account-dash .pm-card__inner{ padding:13px 15px; }
  .account-dash .pm-panel{ padding:18px; }
  .account-dash .add-hero{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:26px 30px; border-radius:22px; }
  .account-dash .add-hero__note{ display:none; }
  .account-dash .add-hero__next{ margin-top:0; }
  .account-dash .result-card{ padding:36px 28px 28px; }
  .account-dash .result-actions{ flex-direction:row; justify-content:center; }
  .account-dash .result-actions .btn-detail{ width:auto; }
  .account-dash .invoice-card{ padding:32px; border-radius:20px; }
  .account-dash .invoice-meta{ grid-template-columns:repeat(3,1fr); }
  .account-dash .invoice-toolbar{ justify-content:flex-end; }
  .account-dash .invoice-table__head,
  .account-dash .invoice-table__row{ grid-template-columns:2fr 80px 140px; padding:12px 16px; }
}

/* ---- Invoice print ---- */
@media print{
  .account-dash .dash-sidebar,
  .account-dash .dash-topbar,
  .account-dash .invoice-toolbar,
  .account-dash .bottom-nav{ display:none !important; }
  .account-dash .dash-main{ margin-left:0 !important; padding:0 !important; }
  .account-dash .detail-page{ max-width:100% !important; }
  .account-dash .invoice-card{
    box-shadow:none;
    border:1px solid #ddd;
    border-radius:0;
  }
}

/* ============================================================
   SUPPORT
   ============================================================ */
.account-dash .support-page{ margin-top:6px; }
.account-dash .support-page .detail-card{ border-radius:16px; }
.account-dash .support-page .detail-card + .detail-card{ margin-top:14px; }

/* ticket badges */
.account-dash .txn-badge--blue{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .txn-badge--gray{ background:#EFF0F4; color:#6B6E7C; }

/* ---- Hero ---- */
.account-dash .sup-hero{
  position:relative; overflow:hidden;
  border-radius:18px;
  padding:26px 20px 22px;
  background:
    radial-gradient(160px 160px at 92% -10%, rgba(245,166,35,0.35), transparent 62%),
    linear-gradient(135deg,#0f2450 0%,#0b1c3f 100%);
  color:#fff;
  box-shadow:0 16px 40px rgba(11,28,63,0.28);
  margin-bottom:14px;
}
.account-dash .sup-hero__glow{
  position:absolute; top:-60px; right:-60px;
  width:190px; height:190px; border-radius:50%;
  background:radial-gradient(circle, rgba(245,166,35,0.35), transparent 65%);
  pointer-events:none;
}
.account-dash .sup-hero__badge{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.16);
  color:#fff;
  font-size:10.5px; font-weight:800;
  padding:6px 13px;
  border-radius:999px;
  letter-spacing:.6px; text-transform:uppercase;
}
.account-dash .sup-hero__badge i{ color:#F5A623; }
.account-dash .sup-hero__title{
  position:relative; z-index:1;
  font-size:21px; font-weight:800; letter-spacing:-.4px;
  margin:14px 0 6px;
}
.account-dash .sup-hero__sub{
  position:relative; z-index:1;
  font-size:12px; color:#C4C9DC;
  margin:0 0 16px;
}
.account-dash .sup-hero__search{
  position:relative; z-index:1;
  display:flex; align-items:center; gap:10px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.22);
  border-radius:12px;
  padding:12px 15px;
  margin-bottom:14px;
}
.account-dash .sup-hero__search i{ color:#F5A623; font-size:15px; flex:none; }
.account-dash .sup-hero__search input{
  flex:1; min-width:0;
  background:transparent;
  border:none; outline:none;
  color:#fff;
  font-size:13px;
}
.account-dash .sup-hero__search input::placeholder{ color:#9FA6C4; }
.account-dash .sup-hero__cta{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  width:100%;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:13.5px; font-weight:800;
  padding:13px;
  border-radius:12px;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(224,142,0,0.35);
  transition:transform .2s, box-shadow .2s;
}
.account-dash .sup-hero__cta:hover{ color:#fff; transform:translateY(-1px); box-shadow:0 14px 30px rgba(224,142,0,0.45); }

/* ---- Quick help ---- */
.account-dash .sup-quick{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:14px;
}
.account-dash .sup-quick__item{
  display:flex; flex-direction:column; align-items:flex-start; gap:3px;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:14px;
  padding:13px;
  text-decoration:none;
  box-shadow:var(--acct-shadow);
  transition:box-shadow .2s, transform .2s, border-color .2s;
}
.account-dash .sup-quick__item:active{ transform:scale(.99); }
.account-dash .sup-quick__icon{
  width:38px; height:38px;
  border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  font-size:16px;
  margin-bottom:6px;
}
.account-dash .sup-quick__icon--gold{ background:#FFF3D9; color:#E08E00; }
.account-dash .sup-quick__icon--navy{ background:#E7EBF5; color:#0b1c3f; }
.account-dash .sup-quick__icon--green{ background:#E4F8EC; color:#21A65E; }
.account-dash .sup-quick__icon--blue{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .sup-quick__item span{ font-size:12.5px; font-weight:800; color:var(--acct-dark); }
.account-dash .sup-quick__item small{ font-size:10.5px; color:var(--acct-muted); line-height:1.3; }

/* ---- Tickets list ---- */
.account-dash .ticket-list{ display:flex; flex-direction:column; gap:10px; }
.account-dash .ticket-row{
  display:flex; align-items:center; gap:12px;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:14px;
  padding:13px;
  text-decoration:none;
  transition:box-shadow .2s, transform .2s, border-color .2s;
}
.account-dash .ticket-row:active{ transform:scale(.99); }
.account-dash .ticket-row__icon{
  flex:none;
  width:40px; height:40px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:17px;
}
.account-dash .ticket-row__icon--open{ background:#FFF3D9; color:#E08E00; }
.account-dash .ticket-row__icon--progress{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .ticket-row__icon--resolved{ background:#E4F8EC; color:#21A65E; }
.account-dash .ticket-row__icon--closed{ background:#EFF0F4; color:#6B6E7C; }
.account-dash .ticket-row__body{ flex:1; min-width:0; }
.account-dash .ticket-row__subject{
  font-size:13px; font-weight:700; color:var(--acct-dark);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.account-dash .ticket-row__meta{ font-size:11px; color:var(--acct-muted); margin-top:2px; }
.account-dash .ticket-row__right{
  display:flex; align-items:center; gap:8px;
  flex:none;
}
.account-dash .ticket-row__chev{ color:#C4C6D2; font-size:12px; }

/* ---- FAQ ---- */
.account-dash .faq-item{
  border:1px solid var(--acct-border);
  border-radius:13px;
  overflow:hidden;
  margin-bottom:9px;
}
.account-dash .faq-item:last-child{ margin-bottom:0; }
.account-dash .faq-q{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:#fff;
  border:none;
  padding:14px;
  font-size:13px; font-weight:700; color:var(--acct-dark);
  text-align:left;
}
.account-dash .faq-q i{
  flex:none;
  color:var(--acct-orange);
  font-size:13px;
  transition:transform .25s;
}
.account-dash .faq-item.open .faq-q i{ transform:rotate(180deg); }
.account-dash .faq-a{
  display:none;
  padding:0 14px 13px;
  font-size:12.5px; color:var(--acct-muted);
  line-height:1.6;
}
.account-dash .faq-item.open .faq-a{ display:block; }
.account-dash .faq-a p{ margin:0; }
.account-dash .faq-a a{ color:var(--acct-orange); font-weight:700; text-decoration:none; }

/* ---- Still need help ---- */
.account-dash .sup-help{
  display:flex; align-items:center; gap:13px;
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  border-radius:16px;
  padding:16px;
  color:#fff;
  margin-top:14px;
}
.account-dash .sup-help__icon{
  flex:none;
  width:44px; height:44px;
  border-radius:13px;
  background:rgba(245,166,35,0.16);
  border:1px solid rgba(245,166,35,0.4);
  color:#F5A623;
  font-size:20px;
  display:flex; align-items:center; justify-content:center;
}
.account-dash .sup-help__body{ flex:1; min-width:0; }
.account-dash .sup-help__title{ font-size:13.5px; font-weight:800; }
.account-dash .sup-help__text{ font-size:11.5px; color:#C4C9DC; margin-top:2px; }
.account-dash .sup-help__btn{
  flex:none;
  display:inline-flex; align-items:center; gap:6px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:12px; font-weight:800;
  padding:10px 16px;
  border-radius:11px;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(224,142,0,0.35);
}

/* ---- New ticket form ---- */
.account-dash .sup-form-page .detail-card + .detail-card{ margin-top:14px; }
.account-dash .sup-textarea{ resize:vertical; min-height:110px; }
.account-dash .sup-char{ font-size:11px; color:var(--acct-muted); margin-top:6px; text-align:right; }
.account-dash .form-label-hint{ font-weight:500; color:var(--acct-muted); }

/* ---- Ticket detail ---- */
.account-dash .ticket-page .detail-card{ overflow:hidden; }
.account-dash .ticket-head{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  border-radius:18px;
  padding:20px;
  color:#fff;
  box-shadow:0 16px 40px rgba(11,28,63,0.28);
  margin-bottom:14px;
}
.account-dash .ticket-head__top{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.account-dash .ticket-head__subject{
  font-size:17px; font-weight:800; letter-spacing:-.3px;
  margin:14px 0 10px;
  line-height:1.3;
}
.account-dash .ticket-head__meta{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.account-dash .ticket-head__date{
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; color:#C4C9DC;
}
.account-dash .ticket-head__date i{ color:#F5A623; }
.account-dash .prio-chip{
  display:inline-flex; align-items:center; gap:5px;
  font-size:10.5px; font-weight:800;
  padding:5px 11px; border-radius:999px;
}
.account-dash .prio-chip--low{ background:#EAF9F0; color:#21A65E; }
.account-dash .prio-chip--medium{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .prio-chip--high{ background:#FFF3D9; color:#E08E00; }
.account-dash .prio-chip--urgent{ background:#FBE3E2; color:#D6483E; }

/* status steps */
.account-dash .ticket-status-steps{
  display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap;
}
.account-dash .ticket-status-step{
  font-size:10px; font-weight:700; color:var(--acct-muted);
  background:var(--acct-soft);
  border-radius:999px;
  padding:4px 10px;
}
.account-dash .ticket-status-step.active{ background:#FFF3D9; color:#E08E00; }
.account-dash .ticket-status-step.done{ background:#E4F8EC; color:#21A65E; }

/* thread */
.account-dash .thread{
  display:flex; flex-direction:column; gap:14px;
  padding:4px 0 8px;
}
.account-dash .msg{
  display:flex; gap:10px;
  max-width:100%;
}
.account-dash .msg--agent{ align-items:flex-start; }
.account-dash .msg--user{ justify-content:flex-end; }
.account-dash .msg__avatar{
  flex:none;
  width:34px; height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#F5A623;
  font-size:11px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  margin-top:18px;
}
.account-dash .msg__body{ max-width:82%; min-width:0; }
.account-dash .msg--user .msg__body{ max-width:86%; }
.account-dash .msg__meta{
  display:flex; align-items:baseline; gap:8px;
  margin-bottom:5px;
}
.account-dash .msg--user .msg__meta{ flex-direction:row-reverse; }
.account-dash .msg__name{ font-size:11.5px; font-weight:800; color:var(--acct-dark); }
.account-dash .msg__time{ font-size:10.5px; color:var(--acct-muted); }
.account-dash .msg__bubble{
  font-size:12.5px; line-height:1.55;
  padding:11px 14px;
  border-radius:14px;
}
.account-dash .msg--agent .msg__bubble{
  background:var(--acct-soft);
  color:var(--acct-dark);
  border-top-left-radius:4px;
}
.account-dash .msg--user .msg__bubble{
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  border-top-right-radius:4px;
  box-shadow:0 8px 20px rgba(224,142,0,0.22);
}
.account-dash .msg--new{ animation:msgIn .35s ease both; }
@keyframes msgIn{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:translateY(0); }
}

/* reply box */
.account-dash .reply-box{
  border-top:1px solid var(--acct-border);
  margin-top:10px;
  padding-top:14px;
}
.account-dash .reply-box__head{
  display:flex; align-items:center; gap:7px;
  font-size:12px; font-weight:800; color:var(--acct-dark);
  margin-bottom:9px;
}
.account-dash .reply-box__head i{ color:var(--acct-orange); }
.account-dash .reply-box__textarea{ resize:vertical; min-height:80px; }
.account-dash .reply-box__foot{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-top:10px;
}
.account-dash .reply-box__hint{ font-size:10.5px; color:var(--acct-muted); }
.account-dash .reply-box__btn{
  display:inline-flex; align-items:center; gap:7px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  border:none;
  font-size:12.5px; font-weight:800;
  padding:11px 18px;
  border-radius:11px;
  box-shadow:0 8px 20px rgba(224,142,0,0.3);
  white-space:nowrap;
}
.account-dash .ticket-closed{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  background:var(--acct-soft);
  border:1px dashed var(--acct-border);
  border-radius:12px;
  padding:13px 15px;
  font-size:12.5px; color:var(--acct-muted);
  margin-top:14px;
}
.account-dash .ticket-closed i{ color:#21A65E; font-size:16px; }
.account-dash .ticket-closed a{ color:var(--acct-orange); font-weight:800; text-decoration:none; }
.account-dash .ticket-closed button{
  background:none; border:none; padding:0;
  color:var(--acct-orange); font-weight:800; font-size:12.5px;
  text-decoration:underline;
}

/* ---- Attachments ---- */
.account-dash .msg__attach{
  display:flex; flex-direction:column; gap:8px;
  margin-top:9px;
}
.account-dash .attach{
  display:flex; align-items:center; gap:10px;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:11px;
  padding:9px 11px;
}
.account-dash .attach__icon{
  flex:none;
  width:36px; height:36px;
  border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  font-size:17px;
}
.account-dash .attach__icon--img{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .attach__icon--pdf{ background:#FBE3E2; color:#D6483E; }
.account-dash .attach__icon--doc{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .attach__icon--xls{ background:#E4F8EC; color:#21A65E; }
.account-dash .attach__icon--other{ background:#EFF0F4; color:#6B6E7C; }
.account-dash .attach__meta{ flex:1; min-width:0; }
.account-dash .attach__name{
  font-size:12px; font-weight:700; color:var(--acct-dark);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.account-dash .attach__size{ font-size:10.5px; color:var(--acct-muted); }
.account-dash .attach__btn{
  flex:none;
  width:30px; height:30px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  color:var(--acct-muted); font-size:13px;
  text-decoration:none;
  transition:background .2s, color .2s;
}
.account-dash .attach__btn:hover{ background:var(--acct-soft); color:var(--acct-orange); }
.account-dash .attach--img{ padding:7px 11px 7px 7px; }
.account-dash .attach__thumb{
  flex:none;
  width:38px; height:38px;
  border-radius:8px;
  object-fit:cover;
}
.account-dash .attach__remove{
  flex:none;
  width:26px; height:26px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:var(--acct-muted); font-size:12px;
  background:transparent; border:none;
  transition:background .2s, color .2s;
}
.account-dash .attach__remove:hover{ background:#FBE3E2; color:#D6483E; }

/* ---- Reply attach row ---- */
.account-dash .reply-attach{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin-top:10px;
}
.account-dash .attach-add-btn{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--acct-soft);
  border:1px dashed #D6D8E2;
  color:var(--acct-muted);
  font-size:11.5px; font-weight:700;
  padding:8px 13px; border-radius:10px;
  transition:border-color .2s, color .2s, background .2s;
}
.account-dash .attach-add-btn:hover{ border-color:var(--acct-orange); color:var(--acct-orange); background:#FFF8E8; }
.account-dash .reply-box__hint{ display:inline-flex; align-items:center; gap:5px; }
.account-dash .reply-box__hint i{ color:var(--acct-orange); }

/* ---- Support desktop ---- */
@media (min-width:992px){
  .account-dash .support-page{ margin-top:8px; }
  .account-dash .sup-hero{ padding:34px 34px 28px; border-radius:22px; }
  .account-dash .sup-hero__title{ font-size:26px; }
  .account-dash .sup-hero__sub{ font-size:13px; }
  .account-dash .sup-hero__search{ max-width:560px; }
  .account-dash .sup-hero__cta{ width:auto; padding:13px 26px; }
  .account-dash .sup-quick{ grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:22px; }
  .account-dash .sup-quick__item{ padding:16px; }
  .account-dash .support-page .detail-card{ border-radius:18px; padding:22px; }
  .account-dash .support-page .detail-card + .detail-card{ margin-top:22px; }
  .account-dash .ticket-head{ padding:26px 28px; border-radius:22px; }
  .account-dash .ticket-head__subject{ font-size:20px; }
  .account-dash .msg__body{ max-width:70%; }
  .account-dash .msg--user .msg__body{ max-width:70%; }
  .account-dash .sup-help{ padding:20px 24px; border-radius:18px; }
}


/* ============================================================
   BOOKING
   ============================================================ */
.account-dash .book-page{ margin-top:6px; padding-bottom:4px; }

/* ---- Wizard step indicator ---- */
.account-dash .bk-wizard{
  display:flex; align-items:center; justify-content:center; gap:0;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:14px;
  padding:16px 14px;
  margin-bottom:16px;
  box-shadow:var(--acct-shadow);
}
.account-dash .bk-step{ display:flex; flex-direction:column; align-items:center; gap:3px; flex:none; }
.account-dash .bk-step__num{
  width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:800;
  background:var(--acct-soft); color:var(--acct-muted);
  transition:all .3s;
}
.account-dash .bk-step.active .bk-step__num{ background:linear-gradient(135deg,#F5A623,#E08E00); color:#fff; box-shadow:0 4px 12px rgba(224,142,0,0.3); }
.account-dash .bk-step.done .bk-step__num{ background:#E4F8EC; color:#21A65E; }
.account-dash .bk-step__label{ font-size:9.5px; font-weight:700; color:var(--acct-muted); }
.account-dash .bk-step.active .bk-step__label{ color:var(--acct-orange); }
.account-dash .bk-step.done .bk-step__label{ color:#21A65E; }
.account-dash .bk-step__line{ flex:1; height:2px; background:#E2E5EF; margin:0 -1px; }
.account-dash .bk-step__line.done{ background:linear-gradient(90deg,#21A65E,#E08E00); }

/* ---- Hero card (payment summary) ---- */
.account-dash .bk-hero{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  border-radius:16px;
  padding:18px 16px;
  color:#fff;
  margin-bottom:14px;
  box-shadow:0 12px 30px rgba(11,28,63,0.22);
}
.account-dash .bk-hero__glow{
  position:absolute; top:-50px; right:-50px;
  width:140px; height:140px; border-radius:50%;
  background:radial-gradient(circle, rgba(245,166,35,0.35), transparent 65%);
  pointer-events:none;
}
.account-dash .bk-hero__summary{ position:relative; z-index:1; }
.account-dash .bk-hero__route{
  display:flex; align-items:center; gap:8px;
  font-size:16px; font-weight:800;
  margin-bottom:10px;
}
.account-dash .bk-hero__route i{ color:#F5A623; font-size:14px; }
.account-dash .bk-hero__detail{ display:flex; gap:10px; flex-wrap:wrap; }
.account-dash .bk-hero__detail span{ font-size:11px; color:#9FA6C4; display:inline-flex; align-items:center; gap:4px; }
.account-dash .bk-hero__detail i{ color:#F5A623; }
.account-dash .bk-hero__total{
  display:flex; align-items:center; justify-content:space-between;
  border-top:1px solid rgba(255,255,255,0.12);
  margin-top:14px; padding-top:12px;
  position:relative; z-index:1;
}
.account-dash .bk-hero__total span:first-child{ font-size:11px; color:#9FA6C4; }
.account-dash .bk-hero__total-val{ font-size:20px; font-weight:800; color:#F5A623; }

/* ---- Domestic / International selector ---- */
.account-dash .bk-type-hero{
  display:flex; flex-direction:column;
  gap:10px;
  margin-bottom:14px;
}
.account-dash .bk-type-opt{
  display:flex; align-items:center; gap:12px;
  background:#fff;
  border:1.5px solid var(--acct-border);
  border-radius:12px;
  padding:16px;
  cursor:pointer;
  transition:all .2s;
  text-align:left;
  width:100%;
}
.account-dash .bk-type-opt:active{ transform:scale(.98); }
.account-dash .bk-type-opt.active{ border-color:var(--acct-orange); box-shadow:0 4px 14px rgba(224,142,0,0.12); background:#FFFBF5; }
.account-dash .bk-type-opt__icon{
  width:42px; height:42px; border-radius:11px;
  background:#FFF3D9; color:#E08E00;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; flex:none;
}
.account-dash .bk-type-opt__icon--blue{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .bk-type-opt__text{ flex:1; min-width:0; }
.account-dash .bk-type-opt__text strong{ display:block; font-size:14px; font-weight:800; color:var(--acct-dark); }
.account-dash .bk-type-opt__text span{ font-size:11px; color:var(--acct-muted); margin-top:1px; display:block; }
.account-dash .bk-type-opt__check{ color:var(--acct-orange); font-size:18px; opacity:0; transition:opacity .2s; flex:none; }
.account-dash .bk-type-opt.active .bk-type-opt__check{ opacity:1; }

/* ---- Main form area ---- */
.account-dash .bk-main{ display:flex; flex-direction:column; gap:14px; }

/* ---- Form card ---- */
.account-dash .bk-form{
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:14px;
  padding:16px;
  box-shadow:var(--acct-shadow);
}
.account-dash .bk-sep{ height:1px; background:var(--acct-border); margin:14px 0; }
.account-dash .bk-section-title{
  display:flex; align-items:center; gap:7px;
  font-size:13px; font-weight:800; color:var(--acct-dark);
  margin-bottom:12px;
}
.account-dash .bk-section-title i{ color:var(--acct-orange); }
.account-dash .bk-stack{ display:flex; flex-direction:column; gap:10px; }
.account-dash .bk-field{ flex:1; min-width:0; }
.account-dash .bk-field label{ font-size:11px; font-weight:700; color:var(--acct-muted); margin-bottom:4px; display:block; }
.account-dash .bk-field label span{ font-size:9px; font-weight:600; color:#D6D8E2; text-transform:uppercase; }
.account-dash .bk-field .form-control,
.account-dash .bk-field .form-select{ padding:10px 12px; font-size:13px; border-radius:10px; }
.account-dash .bk-row{ display:flex; gap:8px; }
.account-dash .bk-row--dims{ gap:6px; }

/* ---- Pills ---- */
.account-dash .bk-pill{
  flex:1;
  display:flex; align-items:center; justify-content:center; gap:6px;
  background:var(--acct-soft);
  border:1.5px solid var(--acct-border);
  border-radius:10px;
  padding:11px 10px;
  font-size:12px; font-weight:700; color:var(--acct-muted);
  cursor:pointer;
  transition:all .2s;
}
.account-dash .bk-pill:hover{ border-color:var(--acct-orange); color:var(--acct-orange); }
.account-dash .bk-pill.active{
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff; border-color:transparent;
  box-shadow:0 4px 10px rgba(11,28,63,0.12);
}

/* ---- Volumetric ---- */
.account-dash .bk-vol{
  display:inline-flex; align-items:center; gap:6px;
  background:#FFF8E8; border:1px solid #F0D59A;
  border-radius:8px; padding:8px 12px;
  font-size:11px; color:var(--acct-orange); font-weight:600;
  margin-top:10px;
}
.account-dash .bk-vol i{ color:#D6A84E; }

/* ---- Package section ---- */
.account-dash .bk-section-head{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:10px;
}
.account-dash .bk-add-btn{
  display:inline-flex; align-items:center; gap:5px;
  font-size:12px; font-weight:700; color:var(--acct-orange);
  background:none; border:none; padding:4px;
}
.account-dash .bk-add-btn:hover{ text-decoration:underline; }
.account-dash .bk-pkg-list{ display:flex; flex-direction:column; gap:12px; margin-bottom:14px; }
.account-dash .bk-pkg{
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:14px;
  padding:14px;
  box-shadow:var(--acct-shadow);
  transition:border-color .2s;
}
.account-dash .bk-pkg:focus-within{ border-color:var(--acct-orange); }
.account-dash .bk-pkg__head{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:12px;
}
.account-dash .bk-pkg__tag{
  font-size:11px; font-weight:800; color:var(--acct-orange);
  background:#FFF3D9;
  border-radius:999px;
  padding:4px 12px;
}
.account-dash .bk-pkg__del{
  width:30px; height:30px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  background:transparent; border:none;
  color:#B4B6C0; font-size:14px;
  transition:background .2s, color .2s;
}
.account-dash .bk-pkg__del:hover{ background:#FBE3E2; color:#D6483E; }

/* ---- Route line (services page) ---- */
.account-dash .bk-route-line{
  display:flex; align-items:center; gap:6px; flex-wrap:wrap;
  font-size:12px; font-weight:600; color:var(--acct-muted);
  margin-bottom:14px;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:12px;
  box-shadow:var(--acct-shadow);
}
.account-dash .bk-route-line i{ color:var(--acct-orange); font-size:12px; }
.account-dash .bk-route-line__sep{ color:#D6D8E2; margin:0 2px; }
.account-dash .bk-route-line__wt,
.account-dash .bk-route-line__type{ color:var(--acct-dark); font-weight:700; }

/* ---- Service cards ---- */
.account-dash .bk-services{ display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }
.account-dash .bk-svc{
  position:relative;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:#fff;
  border:1.5px solid var(--acct-border);
  border-radius:12px;
  padding:14px;
  cursor:pointer;
  transition:all .2s;
}
.account-dash .bk-svc:active{ transform:scale(.99); }
.account-dash .bk-svc.selected{ border-color:var(--acct-orange); box-shadow:0 4px 14px rgba(224,142,0,0.12); }
.account-dash .bk-svc__left{ display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.account-dash .bk-svc__icon{
  width:40px; height:40px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  font-size:17px; flex:none;
}
.account-dash .bk-svc__icon--economy{ background:#E4F8EC; color:#21A65E; }
.account-dash .bk-svc__icon--regular{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .bk-svc__icon--express{ background:#FFF3D9; color:#E08E00; }
.account-dash .bk-svc__icon--same-day{ background:#FBE3E2; color:#D6483E; }
.account-dash .bk-svc__name{ font-size:14px; font-weight:800; color:var(--acct-dark); }
.account-dash .bk-svc__time{ font-size:11px; color:var(--acct-muted); margin-top:2px; }
.account-dash .bk-svc__time i{ color:#D6D8E2; }
.account-dash .bk-svc__right{ text-align:right; flex:none; }
.account-dash .bk-svc__price{ font-size:14px; font-weight:800; color:var(--acct-dark); }
.account-dash .bk-svc__radio{ color:var(--acct-orange); font-size:18px; margin-top:3px; opacity:0; transition:opacity .2s; }
.account-dash .bk-svc.selected .bk-svc__radio{ opacity:1; }

/* ---- Summary line ---- */
.account-dash .bk-summary-line{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  background:#FFF8E8; border:1px solid #F0D59A;
  border-radius:10px;
  padding:12px 14px;
  margin-top:14px;
  font-size:12px; color:var(--acct-muted);
}
.account-dash .bk-summary-line i{ color:var(--acct-orange); }
.account-dash .bk-summary-line__total{ margin-left:auto; font-size:15px; font-weight:800; color:var(--acct-orange); }

/* ---- Next button ---- */
.account-dash .bk-next{
  display:flex; align-items:center; justify-content:center; gap:7px;
  width:100%;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:14px; font-weight:800;
  padding:14px;
  border-radius:12px;
  border:none;
  cursor:pointer;
  margin-top:14px;
  box-shadow:0 8px 20px rgba(224,142,0,0.3);
  transition:transform .2s, box-shadow .2s;
}
.account-dash .bk-next:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(224,142,0,0.4); }
.account-dash .bk-next--pay{ margin-top:12px; }
.account-dash .bk-next--ghost{
  background:transparent; border:1.5px solid var(--acct-border);
  color:var(--acct-muted); font-size:13px; font-weight:700;
  box-shadow:none; margin-top:10px;
}
.account-dash .bk-next--disabled{ opacity:.45; pointer-events:none; }

/* ---- Wallet (payment page) ---- */
.account-dash .bk-wallet{
  display:flex; align-items:center; justify-content:space-between;
  background:#E4F8EC; border:1px solid #A6DFBF;
  border-radius:10px; padding:14px 16px;
  margin-bottom:12px;
  transition:background .3s, border-color .3s;
}
.account-dash .bk-wallet--low{ background:#FBE3E2; border-color:#E6A9A6; }
.account-dash .bk-wallet--low .bk-wallet__bal{ color:#D6483E; }
.account-dash .bk-wallet__info{ display:flex; align-items:center; gap:14px; }
.account-dash .bk-wallet__bal{ font-size:17px; font-weight:800; color:#21A65E; }
.account-dash .bk-wallet__topup{ font-size:12px; font-weight:700; color:var(--acct-orange); text-decoration:none; }

/* ---- Demo toggle ---- */
.account-dash .bk-pay-toggle{
  display:flex; align-items:center; gap:8px;
  padding:12px 14px;
  background:var(--accent-gold-bg);
  border:1px solid var(--accent-gold-border);
  border-radius:10px;
  margin-bottom:12px;
}
.account-dash .bk-demo-left{ display:flex; align-items:center; gap:5px; font-size:12px; font-weight:700; color:var(--accent-gold-border); flex:1; }
.account-dash .bk-demo-status{ font-size:11px; font-weight:700; color:var(--accent-gold-border); }

/* ---- Overlay ---- */
.account-dash .bk-overlay{
  position:fixed; inset:0;
  background:rgba(11,28,63,0.85);
  backdrop-filter:blur(6px);
  z-index:2000;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  opacity:0; pointer-events:none;
  transition:opacity .3s;
}
.account-dash .bk-overlay.show{ opacity:1; pointer-events:auto; }
.account-dash .bk-overlay__card{
  background:#fff; border-radius:16px;
  padding:28px 24px; text-align:center;
  width:100%; max-width:320px;
  box-shadow:0 20px 50px rgba(11,28,63,0.35);
}
.account-dash .bk-spinner{
  width:44px; height:44px; border-radius:50%;
  border:3.5px solid #E2E5EF; border-top-color:var(--acct-orange);
  animation:bkSpin .7s linear infinite;
  margin:0 auto 14px;
}
@keyframes bkSpin{ to{ transform:rotate(360deg); } }
.account-dash .bk-overlay__title{ font-size:15px; font-weight:800; color:var(--acct-dark); }
.account-dash .bk-overlay__steps{ display:flex; flex-direction:column; gap:8px; margin-top:16px; text-align:left; }
.account-dash .bk-overlay__step{ display:flex; align-items:center; gap:8px; font-size:12px; color:#B4B6C0; }
.account-dash .bk-overlay__step i{ font-size:13px; }
.account-dash .bk-overlay__step.done{ color:var(--accent-gold-border); font-weight:600; }
.account-dash .bk-overlay__step.done i{ color:#21A65E; }

/* ---- Booking tablet+ ---- */
@media (min-width:576px){
  .account-dash .bk-type-hero{ flex-direction:row; gap:12px; }
  .account-dash .bk-type-opt{ padding:18px; }
  .account-dash .bk-type-opt__icon{ width:44px; height:44px; font-size:20px; }
  .account-dash .bk-type-opt__text strong{ font-size:15px; }
  .account-dash .bk-type-opt__text span{ font-size:12px; }
  .account-dash .bk-hero{ padding:20px; border-radius:18px; }
  .account-dash .bk-hero__route{ font-size:17px; }
  .account-dash .bk-hero__total-val{ font-size:22px; }
  .account-dash .bk-form{ padding:20px; border-radius:16px; }
  .account-dash .bk-pkg{ padding:18px; border-radius:16px; }
  .account-dash .bk-svc{ padding:16px; border-radius:14px; }
}

/* ---- Booking desktop ---- */
@media (min-width:992px){
  .account-dash .book-page{ margin-top:8px; }
  .account-dash .bk-wizard{ padding:18px 24px; border-radius:16px; }
  .account-dash .bk-step__num{ width:34px; height:34px; font-size:13px; }
  .account-dash .bk-hero{ padding:24px; }
  .account-dash .bk-hero__route{ font-size:18px; }
  .account-dash .bk-hero__detail span{ font-size:12px; }
  .account-dash .bk-hero__total-val{ font-size:24px; }
  .account-dash .bk-form{ padding:24px; }
  .account-dash .bk-pkg{ padding:20px; }
  .account-dash .bk-services{ gap:12px; }
  .account-dash .bk-svc{ padding:18px; }
  .account-dash .bk-svc__icon{ width:44px; height:44px; font-size:19px; }
  .account-dash .bk-svc__name{ font-size:15px; }
  .account-dash .bk-svc__price{ font-size:15px; }
  .account-dash .bk-section-title{ font-size:14px; }
  .account-dash .bk-route-line{ padding:14px 18px; font-size:13px; }
  .account-dash .bk-overlay__card{ padding:34px 30px; max-width:360px; }
}


/* ============================================================
   PROFILE
   ============================================================ */
.account-dash .profile-page{ margin-top:6px; }
.account-dash .profile-page .detail-card + .detail-card,
.account-dash .profile-page form .detail-card + .detail-card{ margin-top:14px; }

/* ---- Profile hero ---- */
.account-dash .prof-hero{
  position:relative; overflow:hidden;
  border-radius:18px;
  padding:22px 20px 20px;
  background:
    radial-gradient(150px 150px at 92% -10%, rgba(245,166,35,0.35), transparent 62%),
    linear-gradient(135deg,#0f2450 0%,#0b1c3f 100%);
  color:#fff;
  box-shadow:0 16px 40px rgba(11,28,63,0.28);
  margin-bottom:14px;
}
.account-dash .prof-hero__glow{
  position:absolute; top:-60px; right:-60px;
  width:190px; height:190px; border-radius:50%;
  background:radial-gradient(circle, rgba(245,166,35,0.35), transparent 65%);
  pointer-events:none;
}
.account-dash .prof-hero__top{
  position:relative; z-index:1;
  display:flex; align-items:flex-start; gap:14px;
  margin-bottom:16px;
}
.account-dash .prof-avatar{
  position:relative;
  width:66px; height:66px;
  border-radius:50%;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  padding:3px;
  flex:none;
}
.account-dash .prof-avatar__initial{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%;
  border-radius:50%;
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  font-size:24px; font-weight:800; color:#F5A623;
}
.account-dash .prof-avatar__dot{
  position:absolute; right:1px; bottom:1px;
  width:14px; height:14px;
  border-radius:50%;
  background:#38C172;
  border:3px solid #0b1c3f;
}
.account-dash .prof-hero__meta{ flex:1; min-width:0; padding-top:2px; }
.account-dash .prof-hero__name{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin-bottom:4px;
}
.account-dash .prof-name{ font-size:17px; font-weight:800; letter-spacing:-.3px; line-height:1.2; }
.account-dash .prof-email,
.account-dash .prof-phone{
  display:flex; align-items:center; gap:6px;
  font-size:12px; color:#C4C9DC;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.account-dash .prof-email{ margin-bottom:2px; }
.account-dash .prof-email i,
.account-dash .prof-phone i{ color:#F5A623; font-size:12px; flex:none; }
.account-dash .prof-tier{
  display:inline-flex; align-items:center; gap:5px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:10px; font-weight:800;
  padding:4px 10px; border-radius:999px;
  box-shadow:0 5px 14px rgba(224,142,0,0.35);
}
.account-dash .prof-verified{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; gap:6px;
  font-size:11.5px; font-weight:700; color:#8FD8A8;
  margin-bottom:14px;
}
.account-dash .prof-verified i{ font-size:13px; }
.account-dash .prof-hero__actions{
  position:relative; z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.account-dash .prof-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  font-size:12.5px; font-weight:800;
  padding:11px 14px;
  border-radius:11px;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s, background .2s;
  white-space:nowrap;
}
.account-dash .prof-btn:hover{ color:#fff; transform:translateY(-1px); }
.account-dash .prof-btn--gold{
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  box-shadow:0 10px 24px rgba(224,142,0,0.35);
}
.account-dash .prof-btn--ghost{
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.22);
  color:#fff;
}
.account-dash .prof-btn--ghost:hover{ background:rgba(255,255,255,0.18); }

/* ---- Quick menu ---- */
.account-dash .prof-menu{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-bottom:14px;
}
.account-dash .prof-menu__item{
  display:flex; align-items:center; gap:12px;
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:14px;
  padding:13px 14px;
  text-decoration:none;
  box-shadow:var(--acct-shadow);
  transition:box-shadow .2s, transform .2s, border-color .2s;
}
.account-dash .prof-menu__item:active{ transform:scale(.99); }
.account-dash .prof-menu__icon{
  flex:none;
  width:42px; height:42px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
}
.account-dash .prof-menu__icon--gold{ background:#FFF3D9; color:#E08E00; }
.account-dash .prof-menu__icon--navy{ background:#E7EBF5; color:#0b1c3f; }
.account-dash .prof-menu__icon--green{ background:#E4F8EC; color:#21A65E; }
.account-dash .prof-menu__icon--blue{ background:#E4EEFB; color:#1E6FD9; }
.account-dash .prof-menu__meta{ flex:1; min-width:0; display:flex; flex-direction:column; }
.account-dash .prof-menu__meta span{ font-size:13.5px; font-weight:700; color:var(--acct-dark); }
.account-dash .prof-menu__meta small{ font-size:11px; color:var(--acct-muted); margin-top:1px; }
.account-dash .prof-menu__chev{ color:#C4C6D2; font-size:13px; }

/* ---- Info rows ---- */
.account-dash .profile-row{
  padding:9px 0;
  border-bottom:1px dashed #F1F2F6;
}
.account-dash .profile-row:last-child{ border-bottom:none; }
.account-dash .profile-row__label{
  font-size:10.5px; font-weight:700; color:var(--acct-muted);
  text-transform:uppercase; letter-spacing:.8px;
}
.account-dash .profile-row__val{
  font-size:13.5px; font-weight:700; color:var(--acct-dark);
  margin-top:2px;
}
.account-dash .prof-muted{ font-size:11.5px; color:var(--acct-muted); font-weight:500; }

/* ---- Verification rows ---- */
.account-dash .verify-row{
  display:flex; align-items:center; gap:12px;
  padding:11px 0;
  border-bottom:1px dashed #F1F2F6;
  text-decoration:none;
}
.account-dash .verify-row:last-child{ border-bottom:none; }
.account-dash .verify-row:hover .verify-row__chev{ color:var(--acct-orange); transform:translateX(2px); }
.account-dash .verify-row__icon{
  flex:none;
  width:40px; height:40px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:17px;
}
.account-dash .verify-row__icon--gold{ background:#FFF3D9; color:#E08E00; }
.account-dash .verify-row__icon--navy{ background:#E7EBF5; color:#0b1c3f; }
.account-dash .verify-row__icon--green{ background:#E4F8EC; color:#21A65E; }
.account-dash .verify-row__meta{ flex:1; min-width:0; display:flex; flex-direction:column; }
.account-dash .verify-row__meta span{ font-size:13px; font-weight:700; color:var(--acct-dark); }
.account-dash .verify-row__meta small{ font-size:11px; color:var(--acct-muted); margin-top:1px; }
.account-dash .verify-row__chev{ color:#C4C6D2; font-size:12px; transition:all .15s; }

/* ---- Avatar picker ---- */
.account-dash .avatar-picker{
  display:flex; align-items:center; gap:16px;
}
.account-dash .avatar-picker__circle{
  width:76px; height:76px;
  border-radius:50%;
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#F5A623;
  font-size:28px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  border:3px solid #F5A623;
  flex:none;
}
.account-dash .avatar-picker__name{ font-size:14px; font-weight:800; color:var(--acct-dark); }
.account-dash .avatar-picker__btn{
  margin-top:6px;
  display:inline-flex; align-items:center; gap:6px;
  background:var(--acct-soft);
  border:1px solid var(--acct-border);
  color:var(--acct-dark);
  font-size:11.5px; font-weight:700;
  padding:7px 13px; border-radius:999px;
}
.account-dash .avatar-picker__btn i{ color:var(--acct-orange); }
.account-dash .avatar-picker__btn:hover{ border-color:var(--acct-orange); }

/* ---- Form actions ---- */
.account-dash .form-actions{
  display:flex; gap:10px;
  margin-top:4px;
}
.account-dash .form-actions .btn-cancel,
.account-dash .form-actions .btn-submit{ flex:1; }

/* ---- Password page ---- */
.account-dash .pw-eye{ cursor:pointer; }
.account-dash .pw-eye i{ font-size:15px; }
.account-dash .pw-meter{ margin-top:14px; }
.account-dash .pw-meter__bar{
  height:6px;
  border-radius:999px;
  background:var(--acct-soft);
  overflow:hidden;
}
.account-dash .pw-meter__bar span{
  display:block;
  height:100%;
  width:0;
  border-radius:999px;
  transition:width .3s ease, background .3s;
}
.account-dash .pw-meter__bar span.weak{ background:#D6483E; width:33%; }
.account-dash .pw-meter__bar span.medium{ background:#F5A623; width:66%; }
.account-dash .pw-meter__bar span.strong{ background:#21A65E; width:100%; }
.account-dash .pw-meter__text{ font-size:11px; font-weight:700; color:var(--acct-muted); margin-top:5px; }
.account-dash .pw-meter__text.weak{ color:#D6483E; }
.account-dash .pw-meter__text.medium{ color:#E08E00; }
.account-dash .pw-meter__text.strong{ color:#21A65E; }
.account-dash .pw-match{
  font-size:11.5px; font-weight:700; color:var(--acct-muted);
  margin-top:6px;
  visibility:hidden;
}
.account-dash .pw-match.ok{ color:#21A65E; visibility:visible; }
.account-dash .pw-reqs{
  background:var(--acct-soft);
  border-radius:13px;
  padding:13px 15px;
  margin-top:14px;
}
.account-dash .pw-reqs__title{
  display:flex; align-items:center; gap:6px;
  font-size:11px; font-weight:800; color:var(--acct-muted);
  text-transform:uppercase; letter-spacing:.8px;
  margin-bottom:7px;
}
.account-dash .pw-reqs ul{ list-style:none; margin:0; padding:0; }
.account-dash .pw-reqs li{
  position:relative;
  padding-left:22px;
  font-size:12px; color:var(--acct-muted);
  padding-top:3px; padding-bottom:3px;
}
.account-dash .pw-reqs li::before{
  content:"";
  position:absolute; left:0; top:6px;
  width:15px; height:15px;
  border-radius:50%;
  background:#fff;
  border:1.5px solid #D6D8E2;
}
.account-dash .pw-reqs li.ok{ color:var(--acct-dark); font-weight:600; }
.account-dash .pw-reqs li.ok::before{
  background:#21A65E;
  border-color:#21A65E;
}
.account-dash .pw-reqs li.ok::after{
  content:"";
  position:absolute; left:3px; top:9px;
  width:9px; height:5px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
}

/* ---- KYC ---- */
.account-dash .kyc-intro{
  display:flex; gap:13px;
  background:#FFF9EE;
  border:1px solid #F0DCB6;
  border-radius:16px;
  padding:15px;
  margin-bottom:14px;
}
.account-dash .kyc-intro__icon{
  flex:none;
  width:44px; height:44px;
  border-radius:13px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:20px;
  display:flex; align-items:center; justify-content:center;
}
.account-dash .kyc-intro__body{ flex:1; min-width:0; }
.account-dash .kyc-intro__title{ font-size:13.5px; font-weight:800; color:var(--acct-dark); }
.account-dash .kyc-intro__text{ font-size:11.5px; color:var(--acct-muted); margin-top:2px; }
.account-dash .kyc-intro__steps{
  display:flex; align-items:center; gap:5px; flex-wrap:wrap;
  margin-top:9px;
}
.account-dash .kyc-step{
  display:inline-flex; align-items:center; gap:4px;
  font-size:10px; font-weight:700; color:var(--acct-muted);
  background:#fff;
  border:1px solid var(--acct-border);
  padding:4px 9px;
  border-radius:999px;
}
.account-dash .kyc-step--active{ border-color:#F0C979; color:#E08E00; background:#FFFDF7; }
.account-dash .kyc-step--done{ border-color:#A7DFBB; color:#21A65E; background:#EAF9F0; }

.account-dash .kyc-card{
  background:#fff;
  border:1px solid var(--acct-border);
  border-radius:16px;
  box-shadow:var(--acct-shadow);
  padding:16px;
  margin-bottom:14px;
}
.account-dash .kyc-card__head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
  margin-bottom:14px;
}
.account-dash .kyc-card__title{ display:flex; align-items:center; gap:12px; }
.account-dash .kyc-card__icon{
  flex:none;
  width:42px; height:42px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
}
.account-dash .kyc-card__icon--gold{ background:#FFF3D9; color:#E08E00; }
.account-dash .kyc-card__icon--navy{ background:#E7EBF5; color:#0b1c3f; }
.account-dash .kyc-card__icon--green{ background:#E4F8EC; color:#21A65E; }
.account-dash .kyc-card__name{ font-size:14px; font-weight:800; color:var(--acct-dark); }
.account-dash .kyc-card__sub{ font-size:11px; color:var(--acct-muted); margin-top:1px; }

.account-dash .doc-grid{
  background:var(--acct-soft);
  border:1px solid var(--acct-border);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:13px;
}
.account-dash .doc-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:11px 13px;
  border-bottom:1px solid #F1F2F6;
}
.account-dash .doc-row:last-child{ border-bottom:none; }
.account-dash .doc-row__label{ font-size:11px; font-weight:700; color:var(--acct-muted); text-transform:uppercase; letter-spacing:.6px; }
.account-dash .doc-row__val{ font-size:13px; font-weight:800; color:var(--acct-dark); text-align:right; }

.account-dash .kyc-update-btn{
  display:flex; align-items:center; justify-content:center; gap:7px;
  width:100%;
  background:var(--acct-soft);
  border:1px solid var(--acct-border);
  border-radius:11px;
  color:var(--acct-dark);
  font-size:12.5px; font-weight:700;
  padding:11px;
  text-decoration:none;
}
.account-dash .kyc-update-btn i{ color:var(--acct-orange); transition:transform .2s; }
.account-dash .kyc-update-btn:hover{ border-color:#F0C979; color:var(--acct-dark); }
.account-dash .kyc-update-btn--link{ color:var(--acct-orange); font-weight:800; }
.account-dash .kyc-update-btn--link i{ color:var(--acct-orange); }

.account-dash .kyc-form{
  display:none;
  border:1px dashed #DFE1EA;
  border-radius:13px;
  background:var(--acct-soft);
  padding:14px;
  margin-top:12px;
}
.account-dash .kyc-form.open{ display:block; }
.account-dash .kyc-form__title{ font-size:12.5px; font-weight:800; color:var(--acct-dark); margin-bottom:10px; }
.account-dash .upload-drop{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px;
  background:#fff;
  border:1.5px dashed #D6D8E2;
  border-radius:11px;
  padding:18px 12px;
  text-align:center;
  cursor:pointer;
  transition:border-color .15s;
}
.account-dash .upload-drop:hover{ border-color:var(--acct-orange); }
.account-dash .upload-drop input{ display:none; }
.account-dash .upload-drop i{ font-size:22px; color:var(--acct-orange); }
.account-dash .upload-drop span{ font-size:12px; font-weight:700; color:var(--acct-dark); }
.account-dash .upload-drop small{ font-size:10.5px; color:var(--acct-muted); }
.account-dash .upload-drop.has-file{ border-color:#21A65E; background:#EAF9F0; }
.account-dash .upload-drop.has-file i{ color:#21A65E; }
.account-dash .new-file-list{ display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.account-dash .kyc-submit-btn{
  width:100%;
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:linear-gradient(135deg,#0f2450,#0b1c3f);
  color:#fff;
  font-size:13px; font-weight:800;
  border:none; border-radius:11px;
  padding:12px;
  margin-top:12px;
  box-shadow:0 8px 20px rgba(11,28,63,0.25);
}
.account-dash .kyc-submit-btn:hover{ color:#fff; opacity:.92; }

/* ---- Bank card ---- */
.account-dash .bank-card{
  position:relative; overflow:hidden;
  border-radius:18px;
  padding:22px 20px 18px;
  background:
    radial-gradient(150px 150px at 92% -10%, rgba(245,166,35,0.35), transparent 62%),
    linear-gradient(135deg,#0f2450 0%,#0b1c3f 100%);
  color:#fff;
  box-shadow:0 16px 40px rgba(11,28,63,0.28);
  margin-bottom:14px;
}
.account-dash .bank-card__glow{
  position:absolute; top:-60px; right:-60px;
  width:190px; height:190px; border-radius:50%;
  background:radial-gradient(circle, rgba(245,166,35,0.35), transparent 65%);
  pointer-events:none;
}
.account-dash .bank-card__top{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:24px;
}
.account-dash .bank-card__logo{
  width:52px; height:52px;
  border-radius:13px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:15px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
}
.account-dash .bank-card__number{
  position:relative; z-index:1;
  font-size:21px; font-weight:800; letter-spacing:1.5px;
  margin-bottom:26px;
}
.account-dash .bank-card__meta{
  position:relative; z-index:1;
  display:flex; align-items:flex-end; justify-content:space-between; gap:10px;
}
.account-dash .bank-card__label{ font-size:10px; font-weight:700; color:#C4C9DC; text-transform:uppercase; letter-spacing:1px; }
.account-dash .bank-card__holder{ font-size:14.5px; font-weight:800; margin-top:2px; }
.account-dash .bank-card__tag{
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(245,166,35,0.16);
  border:1px solid rgba(245,166,35,0.4);
  color:#F5A623;
  font-size:10px; font-weight:800;
  padding:5px 11px; border-radius:999px;
}
.account-dash .bank-edit{ margin-top:6px; }
.account-dash .bank-edit__note{
  display:flex; align-items:center; gap:7px;
  background:#E7EBF5;
  color:var(--acct-dark);
  font-size:11.5px;
  padding:10px 12px;
  border-radius:10px;
  margin-top:12px;
}
.account-dash .bank-edit__note i{ color:#0b1c3f; }

/* ---- Toast ---- */
.account-dash .gs-toast{
  position:fixed; left:50%; bottom:22px;
  transform:translate(-50%, 20px);
  display:flex; align-items:center; gap:9px;
  background:#0b1c3f;
  color:#fff;
  font-size:13px; font-weight:700;
  padding:12px 18px;
  border-radius:12px;
  box-shadow:0 14px 34px rgba(11,28,63,0.4);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s, transform .25s;
  z-index:1200;
  max-width:calc(100% - 40px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-dash .gs-toast i{ color:#38C172; font-size:15px; }
.account-dash .gs-toast.err i{ color:#F5A623; }
.account-dash .gs-toast.show{ opacity:1; transform:translate(-50%, 0); }

/* ---- Profile desktop ---- */
@media (min-width:768px){
  .account-dash .prof-menu{ grid-template-columns:repeat(2,1fr); }
  .account-dash .kyc-intro{ padding:18px; }
}
@media (min-width:992px){
  .account-dash .profile-page{ margin-top:8px; }
  .account-dash .prof-hero{ padding:30px 32px; border-radius:22px; }
  .account-dash .prof-name{ font-size:22px; }
  .account-dash .prof-menu{ grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:22px; }
  .account-dash .prof-menu__item{ padding:16px; }
  .account-dash .profile-page .detail-card + .detail-card,
  .account-dash .profile-page form .detail-card + .detail-card{ margin-top:22px; }
  .account-dash .profile-page .detail-card{ border-radius:18px; padding:22px; }
  .account-dash .profile-row__val{ font-size:14px; }
  .account-dash .kyc-card{ padding:20px; border-radius:18px; }
  .account-dash .kyc-card__head{ margin-bottom:16px; }
  .account-dash .bank-card{ padding:26px 30px 22px; border-radius:22px; }
  .account-dash .bank-card__number{ font-size:26px; }
}

/* ============================================================
   AUTH PAGES (login / register / forgot-password)
   ============================================================ */
.auth-page{
  min-height:100vh;
  display:flex;
  background:#e9ebf1;
}

/* ---- Branding panel (left) ---- */
.auth-brand{
  display:none;
  position:relative;
  flex:1;
  background:
    radial-gradient(180px 180px at 88% -10%, rgba(245,166,35,0.32), transparent 62%),
    radial-gradient(200px 180px at -12% 112%, rgba(15,36,80,0.9), transparent 72%),
    linear-gradient(135deg,#0f2450 0%,#0b1c3f 100%);
  color:#fff;
  overflow:hidden;
  padding:48px 44px;
  flex-direction:column;
  justify-content:space-between;
}
.auth-brand__glow{
  position:absolute;
  top:-60px; right:-60px;
  width:220px; height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,166,35,0.3), transparent 65%);
  pointer-events:none;
}
.auth-brand__glow--bottom{
  top:auto; right:auto;
  bottom:-80px; left:-80px;
}
.auth-brand__top{ position:relative; z-index:1; }
.auth-brand__logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:20px;
  font-weight:800;
  letter-spacing:-.3px;
  margin-bottom:60px;
  color:#fff;
  text-decoration:none;
}
.auth-brand__logo:hover{ color:#fff; }
.auth-brand__logo i{
  width:38px; height:38px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; color:#fff;
}
.auth-brand__headline{
  font-size:32px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.5px;
  margin-bottom:16px;
}
.auth-brand__headline span{ color:#F5A623; }
.auth-brand__sub{
  font-size:14px;
  color:#9FA6C4;
  line-height:1.6;
  max-width:380px;
}
.auth-brand__mid{ position:relative; z-index:1; }
.auth-brand__features{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin-top:48px;
}
.auth-feat{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.auth-feat__icon{
  flex:none;
  width:42px; height:42px;
  border-radius:12px;
  background:rgba(245,166,35,0.14);
  border:1px solid rgba(245,166,35,0.28);
  display:flex; align-items:center; justify-content:center;
  color:#F5A623;
  font-size:18px;
}
.auth-feat__text strong{
  display:block;
  font-size:14px;
  font-weight:700;
  margin-bottom:2px;
}
.auth-feat__text span{
  font-size:12.5px;
  color:#9FA6C4;
  line-height:1.4;
}
.auth-brand__bottom{ position:relative; z-index:1; }
.auth-brand__trust{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:#7A82A0;
}
.auth-brand__trust i{
  color:#F5A623;
  font-size:14px;
}

/* ---- Form panel (right) ---- */
.auth-form-wrap{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 18px;
}
.auth-card{
  width:100%;
  max-width:420px;
  background:#fff;
  border-radius:20px;
  padding:28px 22px 32px;
  box-shadow:0 16px 50px rgba(11,28,63,0.10);
  border:1px solid var(--acct-border);
}
.auth-card__back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12.5px;
  font-weight:600;
  color:var(--acct-muted);
  text-decoration:none;
  margin-bottom:20px;
  transition:color .15s;
}
.auth-card__back i{ font-size:14px; }
.auth-card__back:hover{ color:var(--acct-dark); }
.auth-card__icon{
  width:52px; height:52px;
  border-radius:14px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:24px;
  margin-bottom:18px;
}
.auth-card__title{
  font-size:22px;
  font-weight:800;
  color:var(--acct-dark);
  letter-spacing:-.4px;
  margin-bottom:4px;
}
.auth-card__sub{
  font-size:13px;
  color:var(--acct-muted);
  margin-bottom:24px;
  line-height:1.5;
}
.auth-card__sub a{
  color:var(--acct-orange);
  font-weight:700;
  text-decoration:none;
}
.auth-card__sub a:hover{ text-decoration:underline; }

/* form fields */
.auth-stack{ display:flex; flex-direction:column; gap:14px; }
.auth-field label{
  display:block;
  font-size:12px;
  font-weight:700;
  color:var(--acct-dark);
  margin-bottom:5px;
}
.auth-field .auth-input{
  width:100%;
  display:flex;
  align-items:center;
  background:var(--acct-soft);
  border:1.5px solid var(--acct-border);
  border-radius:12px;
  overflow:hidden;
  transition:border-color .15s, box-shadow .15s;
}
.auth-field .auth-input:focus-within{
  border-color:var(--acct-orange);
  box-shadow:0 0 0 3px rgba(245,166,35,0.12);
}
.auth-input__icon{
  padding:11px 0 11px 14px;
  color:var(--acct-muted);
  font-size:15px;
  flex:none;
  display:flex;
}
.auth-input__field{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  font-size:13.5px;
  font-weight:500;
  color:var(--acct-dark);
  padding:11px 14px 11px 8px;
  min-width:0;
}
.auth-input__field::placeholder{ color:#B4B6C0; }
.auth-input__toggle{
  padding:11px 14px;
  color:var(--acct-muted);
  font-size:15px;
  cursor:pointer;
  flex:none;
  display:flex;
  background:none;
  border:none;
}
.auth-input__toggle:hover{ color:var(--acct-dark); }

/* checkbox + forgot row */
.auth-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:-2px;
}
.auth-check{
  display:flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
}
.auth-check input{
  width:16px; height:16px;
  border-radius:4px;
  border:1.5px solid var(--acct-border);
  accent-color:var(--acct-orange);
}
.auth-check span{
  font-size:12px;
  font-weight:500;
  color:var(--acct-muted);
}
.auth-forgot{
  font-size:12px;
  font-weight:700;
  color:var(--acct-orange);
  text-decoration:none;
}
.auth-forgot:hover{ text-decoration:underline; }

/* submit button */
.auth-submit{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(135deg,#F5A623,#E08E00);
  color:#fff;
  font-size:14px;
  font-weight:800;
  padding:14px;
  border:none;
  border-radius:12px;
  margin-top:6px;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(224,142,0,0.3);
  transition:transform .15s, box-shadow .15s;
}
.auth-submit:hover{ transform:translateY(-1px); box-shadow:0 14px 30px rgba(224,142,0,0.4); }
.auth-submit:active{ transform:translateY(0); }
.auth-submit:disabled{ opacity:.55; pointer-events:none; }

/* divider */
.auth-divider{
  display:flex;
  align-items:center;
  gap:14px;
  margin:18px 0;
}
.auth-divider__line{ flex:1; height:1px; background:var(--acct-border); }
.auth-divider span{
  font-size:11px;
  font-weight:600;
  color:var(--acct-muted);
  white-space:nowrap;
}

/* social buttons */
.auth-social{ display:flex; gap:10px; }
.auth-social-btn{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#fff;
  border:1.5px solid var(--acct-border);
  border-radius:12px;
  padding:12px;
  font-size:12.5px;
  font-weight:700;
  color:var(--acct-dark);
  cursor:pointer;
  transition:border-color .15s, background .15s;
}
.auth-social-btn:hover{ border-color:#D6D8E2; background:#FAFBFF; }
.auth-social-btn i{ font-size:18px; }

/* password strength */
.auth-pw-meter{ margin-top:4px; }
.auth-pw-meter__bar{
  height:4px;
  border-radius:999px;
  background:#E2E5EF;
  overflow:hidden;
}
.auth-pw-meter__bar span{
  display:block;
  height:100%;
  width:0;
  border-radius:999px;
  transition:width .3s ease, background .3s;
}
.auth-pw-meter__bar span.weak{ background:#D6483E; width:33%; }
.auth-pw-meter__bar span.medium{ background:#F5A623; width:66%; }
.auth-pw-meter__bar span.strong{ background:#21A65E; width:100%; }
.auth-pw-meter__text{
  font-size:11px;
  font-weight:600;
  color:var(--acct-muted);
  margin-top:4px;
}
.auth-pw-meter__text.weak{ color:#D6483E; }
.auth-pw-meter__text.medium{ color:#E08E00; }
.auth-pw-meter__text.strong{ color:#21A65E; }

/* terms note */
.auth-terms{
  text-align:center;
  font-size:11px;
  color:var(--acct-muted);
  margin-top:14px;
  line-height:1.5;
}
.auth-terms a{
  color:var(--acct-orange);
  font-weight:700;
  text-decoration:none;
}

/* success state (forgot-password sent) */
.auth-success{
  text-align:center;
  padding:12px 0;
}
.auth-success__icon{
  width:64px; height:64px;
  border-radius:50%;
  background:#E4F8EC;
  color:#21A65E;
  font-size:30px;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px;
}
.auth-success__title{
  font-size:18px;
  font-weight:800;
  color:var(--acct-dark);
  margin-bottom:6px;
}
.auth-success__text{
  font-size:13px;
  color:var(--acct-muted);
  line-height:1.5;
  margin-bottom:20px;
}
.auth-success__text strong{ color:var(--acct-dark); }

/* ---- Auth desktop ---- */
@media (min-width:992px){
  .auth-brand{ display:flex; }
  .auth-form-wrap{ padding:40px; }
  .auth-card{ padding:36px 34px 40px; border-radius:24px; }
  .auth-card__title{ font-size:26px; }
}

/* ---- Auth tablet ---- */
@media (min-width:576px){
  .auth-form-wrap{ padding:32px 24px; }
  .auth-card{ padding:32px 28px 36px; }
}