/* =========================================================
   SHAHMIE TRAVEL & TOURS — V8 UI / PAYMENT FLOW REFINEMENTS
   Brand: navy + electric blue + orange
   ========================================================= */
:root{
  --sh-navy:#041a3a;
  --sh-navy-2:#062a5c;
  --sh-blue:#0b5fbe;
  --sh-blue-2:#0f77df;
  --sh-orange:#ff6800;
  --sh-orange-2:#ff8a22;
  --sh-gold:#f7b83b;
  --sh-ink:#082550;
  --sh-soft:#f2f6fc;
  --sh-line:#dce6f2;
}

/* ---------- GLOBAL CONTRAST FIXES ---------- */
.btn,.btn *,.panel-help,.panel-help *,button,button *{text-decoration:none}
.btn{transition:all .2s ease!important}
.btn:hover,.btn:focus-visible{transform:translateY(-1px);filter:none!important}
.btn-primary,.btn-primary:visited{background:linear-gradient(135deg,var(--sh-orange),var(--sh-orange-2))!important;border-color:var(--sh-orange)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus-visible,.btn-primary:hover *,.btn-primary:focus-visible *{background:linear-gradient(135deg,#e95b00,#ff7a12)!important;color:#fff!important;border-color:#e95b00!important}
.btn-secondary,.btn-secondary:visited{background:#eef5ff!important;color:#0754a8!important;border-color:#cfe1f7!important}
.btn-secondary:hover,.btn-secondary:focus-visible,.btn-secondary:hover *,.btn-secondary:focus-visible *{background:#0b5fbe!important;color:#fff!important;border-color:#0b5fbe!important}
.btn-outline,.btn-outline:visited{background:#fff!important;color:var(--sh-ink)!important;border-color:#b9cee5!important}
.btn-outline:hover,.btn-outline:focus-visible,.btn-outline:hover *,.btn-outline:focus-visible *{background:var(--sh-navy-2)!important;color:#fff!important;border-color:var(--sh-navy-2)!important}
.btn-outline-light,.btn-outline-light:visited{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.42)!important}
.btn-outline-light:hover,.btn-outline-light:focus-visible,.btn-outline-light:hover *,.btn-outline-light:focus-visible *{background:#fff!important;color:var(--sh-navy)!important;border-color:#fff!important}
.btn-gold,.btn-gold:visited{background:linear-gradient(135deg,var(--sh-orange),#ff942f)!important;color:#fff!important;border-color:#ff7a11!important}
.btn-gold:hover,.btn-gold:focus-visible,.btn-gold:hover *,.btn-gold:focus-visible *{background:#fff!important;color:var(--sh-navy)!important;border-color:#fff!important}
.btn-danger:hover,.btn-danger:focus-visible,.btn-danger:hover *,.btn-danger:focus-visible *{color:#fff!important}
.btn-whatsapp:hover,.btn-whatsapp:focus-visible,.btn-whatsapp:hover *,.btn-whatsapp:focus-visible *{color:#fff!important}
.table-actions .btn:hover i,.export-actions .btn:hover i{color:inherit!important}
.link-button:hover{color:var(--sh-orange)!important}

/* disabled buttons remain readable */
.btn:disabled,.btn[disabled]{opacity:.62!important;color:#31577f!important;background:#edf4fb!important;border-color:#aac5e2!important;cursor:not-allowed!important;transform:none!important}
.btn-primary:disabled,.btn-primary[disabled]{color:#fff!important;background:#8ba4c4!important;border-color:#8ba4c4!important}

/* status tags: visible spacing everywhere */
.badge,.hero-pill,.package-badge,.package-slots,.eyebrow,.referral-general-badge,.status-badge{margin:3px 4px 3px 0!important;vertical-align:middle}
.table-responsive td .badge+ .badge,.table-responsive td .badge~.badge{margin-left:5px!important}

/* ---------- PUBLIC HEADER / LOGIN NAV ---------- */
.site-header{box-shadow:0 8px 28px rgba(3,31,71,.08)!important;border-bottom:1px solid rgba(7,64,128,.09)!important}
.site-header .brand img{filter:none!important;opacity:1!important;object-fit:contain!important}
.header-actions-v8{gap:8px!important;display:flex!important;align-items:center!important}
.header-actions-v8 .btn{height:48px!important;border-radius:14px!important;padding:0 15px!important;font-size:.78rem!important;font-weight:850!important;white-space:nowrap!important}
.header-agent-v8{display:inline-flex!important}
.header-register-package{box-shadow:0 9px 22px rgba(255,104,0,.18)!important}
.main-nav-clean{gap:3px!important}
.main-nav-clean a{padding:10px 9px!important;font-size:.78rem!important}
.main-nav-clean a i{color:#d8a42e!important}
.main-nav-clean a.active,.main-nav-clean a:hover{color:var(--sh-orange)!important}

/* ---------- PANEL BASE / REMOVE ALL PACKAGE SLIDERS ---------- */
.panel-body{background:
  radial-gradient(circle at 92% 4%,rgba(255,104,0,.10),transparent 22rem),
  radial-gradient(circle at 10% 94%,rgba(15,119,223,.10),transparent 28rem),
  linear-gradient(145deg,#f7faff,#edf4fc)!important;color:var(--sh-ink)!important}
.panel-campaign,.dashboard-mini-wrap,.dashboard-mini-slide,.panel-dashboard-slider,.mini-dashboard-slider,[data-panel-campaign]{display:none!important}
.dashboard-welcome-grid{grid-template-columns:1fr!important}
.panel-content>.panel-campaign:first-child{display:none!important}
.panel-main{background:transparent!important}
.panel-content{background:transparent!important}

/* ---------- PANEL SIDEBAR: BRAND BLUE + FADE ---------- */
.sidebar{
  background:
    radial-gradient(circle at 12% 8%,rgba(255,117,21,.18),transparent 15rem),
    radial-gradient(circle at 92% 76%,rgba(24,126,241,.20),transparent 22rem),
    linear-gradient(165deg,#02132f 0%,#052756 46%,#073b7b 78%,#041a3a 100%)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:16px 0 38px rgba(3,31,71,.12)!important;
}
.sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 26%,transparent 70%,rgba(255,104,0,.08));}
.sidebar-brand{position:relative;z-index:1;background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 14px 28px rgba(0,0,0,.12)!important;border-radius:18px!important;margin:16px!important;padding:12px 14px!important}
.sidebar-brand img{filter:none!important;opacity:1!important;width:100%!important;height:72px!important;object-fit:contain!important}
.sidebar-role{position:relative;z-index:1;margin:0 16px 16px!important;background:linear-gradient(115deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important}
.sidebar-role span,.sidebar-role strong{color:#fff!important}.sidebar-role strong{color:#ffb866!important}
.sidebar-section{color:#ffbf64!important;letter-spacing:.11em!important}
.sidebar-nav a{color:#eaf2ff!important;border-left:0!important;border-radius:13px!important;margin:3px 12px!important;padding:12px 13px!important}
.sidebar-nav a i{color:#8dc2ff!important}
.sidebar-nav a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;transform:translateX(2px)}
.sidebar-nav a:hover i{color:#ffad4d!important}
.sidebar-nav a.active{background:linear-gradient(100deg,#ff6500,#ff8d24)!important;color:#fff!important;box-shadow:0 10px 25px rgba(255,104,0,.24)!important}
.sidebar-nav a.active i,.sidebar-nav a.active span{color:#fff!important}
.sidebar-footer{background:linear-gradient(180deg,transparent,rgba(1,13,33,.36))!important;border-top-color:rgba(255,255,255,.09)!important}
.sidebar-footer .btn{width:100%!important;justify-content:center!important;margin-top:7px!important}
.panel-topbar{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid #dce6f2!important;box-shadow:0 8px 26px rgba(5,43,93,.05)!important}
.panel-title h1{color:var(--sh-ink)!important}.panel-title p{color:#7385a1!important}
.panel-help{background:#edf5ff!important;color:#0755aa!important;border-color:#d1e3f7!important}.panel-help:hover{background:#0755aa!important;color:#fff!important}
.avatar{background:linear-gradient(135deg,#063f89,#0b68ca)!important;color:#fff!important;border-color:#ffad3f!important}

/* ---------- CARDS / TABLES ---------- */
.panel-card,.table-card,.stat-card{border-color:#dbe6f2!important;box-shadow:0 14px 34px rgba(5,50,105,.065)!important}
.panel-card-head,.table-toolbar,table thead{background:linear-gradient(180deg,#fff,#f8fbff)!important}
table thead th{color:#17385f!important}
.table-responsive tbody tr:hover{background:#f5f9ff!important}

/* ---------- REPORT HERO / SCREENSHOT #6 ---------- */
.report-hero{
  position:relative!important;overflow:hidden!important;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,130,27,.22),transparent 17rem),
    linear-gradient(125deg,#031a3e,#0753a7 67%,#0a6bc9)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 22px 50px rgba(3,38,82,.18)!important;
}
.report-hero::after{content:"";position:absolute;inset:auto -5% -38% 28%;height:70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.055));transform:skewY(-4deg);pointer-events:none}
.report-hero h2,.report-hero p,.report-hero .eyebrow{position:relative;z-index:2;color:#fff!important;text-shadow:none!important}
.report-hero h2{font-size:clamp(2rem,4vw,3.45rem)!important;line-height:1.05!important}
.report-hero p{color:#e5effd!important;max-width:850px!important}
.report-hero .eyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.20)!important;color:#ffca76!important}
.report-hero-visual{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.report-hero .btn-gold{background:linear-gradient(135deg,#ff6500,#ff8e24)!important;color:#fff!important}
.report-hero .btn-gold:hover{background:#fff!important;color:#062b5d!important}

/* ---------- MERCHANDISE IMAGE PREVIEW ---------- */
.merch-upload-preview{min-height:230px!important;background:linear-gradient(145deg,#f9fbff,#edf5ff)!important;border:1.5px dashed #9cbde4!important;color:#587497!important;position:relative!important}
.merch-upload-preview img{display:block!important;width:100%!important;height:280px!important;object-fit:contain!important;background:#fff!important;padding:12px!important;border-radius:15px!important}
.merch-table-thumb{background:#fff!important;border:1px solid #dbe7f4!important}
.merch-table-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}

/* ---------- LOGIN V8 ---------- */
.login-v7-body{background:linear-gradient(145deg,#f7faff,#eaf2fc)!important}
.auth-shell-v7{background:linear-gradient(145deg,#f7faff,#eaf2fc)!important}
.auth-visual-v7{background:
  radial-gradient(circle at 72% 22%,rgba(255,124,20,.25),transparent 19rem),
  linear-gradient(130deg,rgba(2,24,58,.97),rgba(5,65,135,.89) 58%,rgba(9,96,190,.70)),
  url('../images/gallery/activity-8.webp') center/cover!important}
.auth-visual-v7::before{background:linear-gradient(180deg,rgba(2,21,52,.03),rgba(2,21,52,.64))!important}
.auth-promo-v7 h1{color:#fff!important}.auth-promo-v7>p{color:#dce9fa!important}
.auth-panel-v7{background:radial-gradient(circle at 100% 0,rgba(255,104,0,.10),transparent 18rem),linear-gradient(145deg,#f9fbff,#edf4fc)!important}
.auth-card-v7{border-color:#d4e2f2!important;box-shadow:0 26px 66px rgba(3,42,92,.12)!important}
.auth-register-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.auth-register-actions .btn{justify-content:center!important}
.auth-register-line{margin-top:10px!important}

/* ---------- PAYMENT METHOD FLOW ---------- */
.payment-flow-page{background:linear-gradient(145deg,#f8fbff,#eef5fd)}
.payment-method-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:start}
.payment-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.payment-method-card{display:flex;flex-direction:column;min-height:330px;padding:28px;border-radius:24px;background:#fff;border:1px solid #dbe6f2;box-shadow:0 18px 40px rgba(5,48,102,.07)}
.payment-method-card .method-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:1.45rem;margin-bottom:20px}
.payment-method-card.fpx .method-icon{background:#eaf4ff;color:#075cb8}.payment-method-card.manual .method-icon{background:#fff0e5;color:#f06400}
.payment-method-card h2{margin:0 0 8px;color:var(--sh-ink)}.payment-method-card p{color:#71829b;line-height:1.65}.payment-method-card ul{padding:0;margin:16px 0 22px;list-style:none;display:grid;gap:9px}.payment-method-card li{display:flex;align-items:center;gap:9px;color:#47617f;font-size:.88rem}.payment-method-card li i{color:#0b66c5}.payment-method-card .btn{margin-top:auto;justify-content:center!important}
.payment-booking-summary{position:sticky;top:110px}.payment-summary-banner{padding:24px;border-radius:23px;background:linear-gradient(145deg,#031a3e,#0753a7);color:#fff;box-shadow:0 20px 44px rgba(3,42,92,.17)}.payment-summary-banner h3{color:#fff!important}.payment-summary-banner .info-row{border-color:rgba(255,255,255,.13)!important}.payment-summary-banner .info-row span{color:#c9d9ee}.payment-summary-banner .info-row strong{color:#fff}.payment-summary-total{font-size:1.8rem;color:#ffbd67!important}
.manual-payment-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px}.manual-bank-card{padding:22px;border-radius:20px;background:linear-gradient(145deg,#031a3e,#0754aa);color:#fff}.manual-bank-card strong,.manual-bank-card h3{color:#fff!important}.manual-bank-card span{color:#cfdef1}.manual-receipt-preview{margin-top:14px;min-height:260px;border:1.5px dashed #a9c2df;border-radius:18px;background:#f8fbff;display:grid;place-items:center;overflow:hidden;color:#7187a4}.manual-receipt-preview img{width:100%;height:320px;object-fit:contain;background:#fff}.payment-success-manual .receipt-card{border-top:5px solid var(--sh-orange)!important}

/* ---------- MOBILE ---------- */
@media(max-width:1260px){
  .main-nav-clean a{font-size:.72rem!important;padding:9px 6px!important}.header-actions-v8 .btn{padding:0 11px!important;font-size:.72rem!important}.header-agent-v8{display:none!important}
}
@media(max-width:1060px){
  .main-nav-clean{display:none!important}.header-actions-v8 .header-login-v8,.header-actions-v8 .header-agent-v8{display:none!important}.header-actions-v8 .header-register-package{display:inline-flex!important}.mobile-menu-btn{display:inline-grid!important}
  .payment-method-shell,.manual-payment-layout{grid-template-columns:1fr}.payment-booking-summary{position:static}.payment-method-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .header-actions-v8 .header-register-package span{display:none}.header-actions-v8 .header-register-package{width:46px!important;padding:0!important;justify-content:center!important}.header-actions-v8{gap:6px!important}
  .payment-method-grid{grid-template-columns:1fr}.payment-method-card{min-height:auto;padding:22px}.auth-register-actions{grid-template-columns:1fr}
  .report-hero{padding:26px 20px!important}.report-hero h2{font-size:2rem!important}.report-hero-visual{display:none!important}.dashboard-hero-actions{display:grid!important;grid-template-columns:1fr!important}.dashboard-hero-actions .btn{width:100%!important;justify-content:center!important}
  .merch-upload-preview img{height:230px!important}.sidebar{width:min(300px,88vw)!important}
}
@media(max-width:520px){
  .panel-content{padding:14px 10px 32px!important}.panel-card,.table-card{border-radius:17px!important}.table-responsive{border-radius:0 0 16px 16px!important}
  .badge{font-size:.66rem!important;padding:6px 8px!important}.payment-method-card{padding:18px}.manual-receipt-preview img{height:240px}
}