/* FORT CIT restrained deep-emerald palette refinement. Visual-only overrides. */
:root{
 --fc-bg:#0b100f !important;
 --fc-surface:#111916 !important;
 --fc-surface-2:#17201c !important;
 --fc-surface-3:#202b25 !important;
 --fc-line:rgba(196,220,207,.15) !important;
 --fc-text:#f2f6f3 !important;
 --fc-muted:#a3b0a8 !important;
 --fc-green:#008f58 !important;
 --fc-green-hi:#11b879 !important;
 --fc-green-deep:#006b43 !important;
 --fc-border:rgba(196,220,207,.15) !important;
 --fc-panel:#111916 !important;
 --fc-panel-2:#17201c !important;
}
html,body{background-color:#0b100f!important;color:#f2f6f3!important}
/* Rich, saturated emerald with a clean rounded silhouette; retain existing actions. */
.hero-section .btn,.hero-section a.site-btn,.hero-section .main_btn,.hero-section .main-btn,
.hero-section .primary,.hero-section button[type=submit],.hero-section input[type=submit],
.tracker-search button,.wallet-actions button.primary,.wallet-actions .primary,
.account-actions .primary,.nav-auth-primary,.btn-primary,.site-btn,.primary-button,
input[type=submit],input[type=button],button[type=submit],.main_btn,.main-btn,.wallet-submit{
 background:linear-gradient(135deg,#00a86b 0%,#008653 58%,#007448 100%)!important;
 color:#f6fff9!important;border:1px solid #12a96f!important;
 box-shadow:0 7px 20px rgba(0,143,88,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
/* Keep secondary controls distinct but clearly visible on the charcoal-green surfaces. */
.account-card button:not(.primary),.account-card a.button,.wallet-panel button:not(.primary),
.wallet-panel a.button,.account-actions button:not(.primary){
 background:linear-gradient(145deg,#17221c,#131b17)!important;
 color:#dce9e1!important;border:1px solid rgba(0,168,107,.42)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
/* Tracking: input and action are separate, aligned controls; button sits on the right. */
.tracker-search-wrap{width:100%;max-width:100%;min-width:0}
.tracker-search{display:flex!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.tracker-search input{display:block!important;flex:1 1 auto!important;width:0!important;min-width:0!important;height:58px!important;box-sizing:border-box!important;border:1px solid rgba(177,201,188,.26)!important;border-radius:18px!important;background:#111916!important;color:#f2f6f3!important;padding:0 18px!important;outline:none!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.16)!important}
.tracker-search input:focus{border-color:#008f58!important;box-shadow:0 0 0 3px rgba(0,143,88,.16)!important}
.tracker-search button{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:auto!important;min-width:124px!important;height:58px!important;padding:0 22px!important;margin:0!important;border-radius:18px!important;box-sizing:border-box!important;white-space:nowrap!important;transform:none!important}
.tracker-search button svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important}
@media(max-width:480px){.tracker-search{gap:8px!important}.tracker-search input{height:54px!important;padding:0 13px!important;font-size:14px!important}.tracker-search button{height:54px!important;min-width:104px!important;padding:0 14px!important;border-radius:16px!important;font-size:12px!important;letter-spacing:.08em!important}}

/* Request page layout and contrast repair — visual-only */
html,body{min-height:100%;margin:0!important;background:#0b100f!important;color:#f2f6f3!important}
body{background-image:radial-gradient(ellipse at 50% 0%,rgba(0,143,88,.10),transparent 48%)!important}
.tracking-page{min-height:100vh!important;background:#0b100f!important;color:#f2f6f3!important;padding:118px 0 72px!important;box-sizing:border-box!important}
.tracking-page>.container{width:100%!important;max-width:920px!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}
.tracking-wrap{width:100%!important;max-width:780px!important;margin:0 auto!important;padding:0!important;color:#f2f6f3!important}
.tracking-wrap h1{color:#f2f6f3!important;font-size:clamp(32px,6vw,52px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:18px 0 12px!important;overflow-wrap:anywhere}
.tracking-kicker{color:#36d99a!important;font-weight:800!important;letter-spacing:.15em!important;font-size:13px!important;line-height:1.6!important}
.tracking-meta{color:#9aa9a2!important;margin-bottom:24px!important}
.tracking-card{width:100%!important;box-sizing:border-box!important;padding:clamp(20px,4vw,36px)!important;background:linear-gradient(145deg,#111916,#0e1412)!important;border:1px solid rgba(196,220,207,.18)!important;border-radius:24px!important;color:#f2f6f3!important;overflow:hidden!important}
.tracking-number{font-size:clamp(32px,6vw,48px)!important;font-weight:800!important;color:#f2f6f3!important;line-height:1.1!important;margin-bottom:22px!important}
.tracking-section-title{color:#36d99a!important;font-size:14px!important;letter-spacing:.12em!important;font-weight:800!important;margin:0 0 18px!important}
.tracking-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.tracking-item{min-width:0!important;padding:20px!important;background:#121b17!important;border:1px solid rgba(196,220,207,.14)!important;border-radius:16px!important;box-shadow:none!important;overflow-wrap:anywhere!important}
.tracking-item span{display:block!important;color:#a3b0a8!important;font-size:12px!important;line-height:1.5!important;letter-spacing:.08em!important;font-weight:700!important;margin-bottom:10px!important}
.tracking-item strong{display:block!important;color:#f2f6f3!important;font-size:clamp(16px,2.4vw,20px)!important;font-weight:700!important;line-height:1.45!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.tracking-status{display:flex!important;align-items:center!important;gap:16px!important;margin-top:24px!important;padding:20px 0!important;border-top:1px solid rgba(196,220,207,.16)!important}
.tracking-status-label{display:block!important;color:#a3b0a8!important;font-size:12px!important;letter-spacing:.12em!important;margin-bottom:8px!important}
.tracking-status strong{color:#f0c66a!important;font-size:18px!important;line-height:1.4!important}
.tracking-note{margin-top:22px!important;padding:18px 20px!important;background:#121916!important;color:#aebbb4!important;border:1px solid rgba(196,220,207,.14)!important;border-left:3px solid #00a86b!important;border-radius:0 16px 16px 0!important;font-size:15px!important;line-height:1.7!important;overflow-wrap:anywhere!important}
.tracking-contact{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:20px!important}
.tracking-contact a,.tracking-back{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:0 22px!important;border-radius:16px!important;background:linear-gradient(135deg,#00a86b,#007448)!important;color:#fff!important;border:1px solid #12a96f!important;text-decoration:none!important;font-weight:800!important;letter-spacing:.06em!important}
.tracking-back{margin-top:20px!important;min-width:140px!important}
.corporate-footer{background:#080d0b!important;color:#a3b0a8!important}
@media(max-width:600px){.tracking-page{padding:104px 0 48px!important}.tracking-page>.container{padding-left:16px!important;padding-right:16px!important}.tracking-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.tracking-card{padding:18px!important;border-radius:20px!important}.tracking-item{padding:16px!important}.tracking-note{padding:16px!important;font-size:14px!important}.tracking-contact{flex-direction:column!important}.tracking-contact a,.tracking-back{width:100%!important;box-sizing:border-box!important}.tracking-status strong{font-size:16px!important}}


/* FINAL VISUAL QA OVERRIDES: mobile width, contrast, and consistent dark palette */
html, body {
  width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important;
  background:#0b100f !important; color:#f2f6f3 !important; overflow-x:hidden !important;
  color-scheme:dark;
}
body:has(.tracking-page) { background:#0b100f !important; }
body:has(.tracking-page) #header_area,
body:has(.tracking-page) .navbar,
body:has(.tracking-page) .tracking-page,
body:has(.tracking-page) .tracking-page > .container,
body:has(.tracking-page) .tracking-wrap,
body:has(.tracking-page) .tracking-card,
body:has(.tracking-page) .tracking-item,
body:has(.tracking-page) .tracking-note {
  background-color:#0b100f !important;
}
body:has(.tracking-page) .tracking-page {
  width:100% !important; max-width:none !important; margin:0 !important;
  min-height:100vh !important; padding:112px 0 56px !important;
  background:radial-gradient(ellipse at 50% 0%,rgba(0,143,88,.11),transparent 52%),#0b100f !important;
}
body:has(.tracking-page) .tracking-page > .container {
  width:100% !important; max-width:960px !important; margin:0 auto !important;
  padding-left:clamp(14px,3.5vw,28px) !important;
  padding-right:clamp(14px,3.5vw,28px) !important;
  box-sizing:border-box !important;
}
body:has(.tracking-page) .tracking-wrap { width:100% !important; max-width:820px !important; margin:0 auto !important; }
body:has(.tracking-page) .tracking-kicker { color:#42dfa0 !important; }
body:has(.tracking-page) .tracking-wrap h1,
body:has(.tracking-page) .tracking-number,
body:has(.tracking-page) .tracking-item strong { color:#f4f8f5 !important; }
body:has(.tracking-page) .tracking-meta,
body:has(.tracking-page) .tracking-item span,
body:has(.tracking-page) .tracking-status-label { color:#a7b7ae !important; }
body:has(.tracking-page) .tracking-card {
  background:linear-gradient(145deg,#111916 0%,#0d1311 100%) !important;
  border:1px solid rgba(180,215,195,.18) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.18) !important;
}
body:has(.tracking-page) .tracking-item {
  background:#121b17 !important; border:1px solid rgba(180,215,195,.15) !important;
}
body:has(.tracking-page) .tracking-note {
  background:#111916 !important; color:#c0cbc5 !important;
  border:1px solid rgba(180,215,195,.15) !important; border-left:3px solid #00a86b !important;
  border-radius:0 16px 16px 0 !important;
}
body:has(.tracking-page) .tracking-status strong { color:#f0c66a !important; }
body:has(.tracking-page) .tracking-contact a,
body:has(.tracking-page) .tracking-back {
  background:linear-gradient(135deg,#00a86b 0%,#008653 60%,#006b43 100%) !important;
  color:#ffffff !important; border:1px solid #12a96f !important;
  border-radius:16px !important; box-shadow:0 8px 22px rgba(0,143,88,.16) !important;
}
body:has(.tracking-page) .corporate-footer { background:#080d0b !important; color:#a7b7ae !important; }
@media(max-width:600px) {
  body:has(.tracking-page) .tracking-page { padding:100px 0 40px !important; }
  body:has(.tracking-page) .tracking-page > .container { padding-left:14px !important; padding-right:14px !important; }
  body:has(.tracking-page) .tracking-card { padding:16px !important; border-radius:20px !important; }
  body:has(.tracking-page) .tracking-item { padding:15px !important; }
  body:has(.tracking-page) .tracking-item strong { font-size:16px !important; line-height:1.5 !important; }
  body:has(.tracking-page) .tracking-wrap h1 { font-size:clamp(30px,8vw,42px) !important; }
}

/* HOTFIX 8 — enforce dark request page palette after legacy theme styles */
html, html body, body:has(main.tracking-page) { background:#0b100f !important; color:#f2f6f3 !important; }
body:has(main.tracking-page) main.tracking-page,
body:has(main.tracking-page) main.tracking-page > .container,
body:has(main.tracking-page) .tracking-wrap { background:transparent !important; color:#f2f6f3 !important; }
body:has(main.tracking-page) #header_area,
body:has(main.tracking-page) #header_area.navbar,
body:has(main.tracking-page) .navbar-default { background:#080d0b !important; border-color:#080d0b !important; }
body:has(main.tracking-page) .tracking-card { background:linear-gradient(145deg,#111916,#0d1311) !important; color:#f2f6f3 !important; }
body:has(main.tracking-page) .tracking-item,
body:has(main.tracking-page) .tracking-item * { color:#f2f6f3 !important; }
body:has(main.tracking-page) .tracking-item { background:#121b17 !important; }
body:has(main.tracking-page) .tracking-item span { color:#a7b7ae !important; }
body:has(main.tracking-page) .tracking-item strong { color:#f4f8f5 !important; font-weight:700 !important; }
body:has(main.tracking-page) .tracking-section-title { color:#42dfa0 !important; }
body:has(main.tracking-page) .tracking-note { background:#111916 !important; color:#c0cbc5 !important; }
body:has(main.tracking-page) .tracking-page .container { background:transparent !important; }
body:has(main.tracking-page) .tracking-back { min-width:150px !important; width:auto !important; }
@media(max-width:600px){
 body:has(main.tracking-page) .tracking-page { padding-top:112px !important; }
 body:has(main.tracking-page) .tracking-card { margin:0 !important; }
 body:has(main.tracking-page) .tracking-grid { grid-template-columns:minmax(0,1fr) !important; }
 body:has(main.tracking-page) .tracking-item strong { font-size:17px !important; }
}