/* ASPEN modern shipment/payment flow — presentation only */
.aspen-flow{--aspen-navy:#031b3f;--aspen-blue:#064b9b;--aspen-blue2:#0a6acb;--aspen-gold:#e9b949;--aspen-gold2:#ffd56a;--aspen-ink:#0b1730;--aspen-muted:#65738a;--aspen-line:#dce6f3;--aspen-soft:#f4f8fd;color:var(--aspen-ink);background:#f6f9fd}
.aspen-flow .aspen-hero,.aspen-flow>.bg-gradient-to-r:first-child,.aspen-flow section.bg-gradient-to-r:first-child{background:radial-gradient(circle at 82% 20%,rgba(33,128,230,.35),transparent 28%),linear-gradient(120deg,#02142f 0%,#073a78 55%,#062a59 100%)!important;border-bottom:3px solid var(--aspen-gold)}
.aspen-flow h1,.aspen-flow h2,.aspen-flow h3,.aspen-flow h4{letter-spacing:-.015em}
.aspen-flow .shadow-lg,.aspen-flow .shadow-md{box-shadow:0 16px 40px rgba(3,27,63,.10)!important}
.aspen-flow .rounded-lg,.aspen-flow .rounded-xl,.aspen-flow .rounded-2xl{border-radius:16px!important}
.aspen-flow input:not([type=radio]):not([type=checkbox]),.aspen-flow select,.aspen-flow textarea{border-color:#cad8e9!important;background:#fff!important;color:#0b1730!important;box-shadow:0 1px 2px rgba(3,27,63,.03)}
.aspen-flow input:focus,.aspen-flow select:focus,.aspen-flow textarea:focus{border-color:var(--aspen-gold)!important;box-shadow:0 0 0 3px rgba(233,185,73,.20)!important;outline:none}
.aspen-flow button[type=submit],.aspen-flow a.aspen-primary,.aspen-flow .bg-primary-600,.aspen-flow .bg-blue-600{background:linear-gradient(135deg,#dcae3f,#f6cf68)!important;color:#071a37!important;border-color:#dcae3f!important;font-weight:800!important}
.aspen-flow button[type=submit]:hover,.aspen-flow .bg-primary-600:hover,.aspen-flow .bg-blue-600:hover{filter:brightness(.97);transform:translateY(-1px)}
.aspen-flow .text-primary-600,.aspen-flow .text-blue-600{color:#0757aa!important}
.aspen-flow .border-primary-500,.aspen-flow .border-blue-600{border-color:var(--aspen-gold)!important}
.aspen-flow .bg-primary-50,.aspen-flow .bg-blue-50{background:#eef6ff!important}
.aspen-flow .bg-gray-50{background:#f6f9fd!important}
.aspen-flow .bg-white{background:#fff!important}
.aspen-flow .text-gray-900,.aspen-flow .text-gray-800,.aspen-flow .text-gray-700{color:#0b1730!important}
.aspen-flow .text-gray-600,.aspen-flow .text-gray-500{color:#64738a!important}
.aspen-flow .border-gray-200,.aspen-flow .border-gray-100,.aspen-flow .border-gray-300{border-color:#dce6f3!important}
.aspen-flow .aspen-panel{background:#fff;border:1px solid var(--aspen-line);border-radius:18px;box-shadow:0 16px 42px rgba(3,27,63,.09)}
.aspen-flow .aspen-kicker{color:var(--aspen-gold);font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.aspen-flow .aspen-gold{color:var(--aspen-gold)!important}
.aspen-flow .aspen-topline{height:4px;background:linear-gradient(90deg,var(--aspen-gold),#fff0ad,var(--aspen-gold));border-radius:999px}
.aspen-flow table{border-collapse:separate;border-spacing:0}
.aspen-flow thead{background:#eef5fd}
.aspen-flow th{color:#092554;font-weight:800}
.aspen-flow tbody tr:hover{background:#f8fbff}
.aspen-flow .leaflet-container{border:1px solid #cbd9e9;border-radius:14px}
.aspen-flow .aspen-security-strip{background:linear-gradient(90deg,#031b3f,#084a93);color:#fff;border-top:1px solid rgba(233,185,73,.45);border-bottom:1px solid rgba(233,185,73,.45)}
/* Ensure browser/system dark mode cannot hide customer information on these light branded pages. */
.dark .aspen-flow{background:#f6f9fd!important;color:#0b1730!important}
.dark .aspen-flow [class*="dark:bg-gray"],.dark .aspen-flow [class*="dark:bg-blue"]{background-color:#fff!important}
.dark .aspen-flow [class*="dark:text-white"],.dark .aspen-flow [class*="dark:text-gray"]{color:#0b1730!important}
.dark .aspen-flow [class*="dark:border-gray"]{border-color:#dce6f3!important}
@media(max-width:767px){.aspen-flow h1{font-size:2rem!important;line-height:1.12}.aspen-flow .shadow-lg,.aspen-flow .shadow-md{box-shadow:0 10px 28px rgba(3,27,63,.10)!important}}
@media print{.aspen-flow{background:#fff!important;color:#111!important}.aspen-flow *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.aspen-flow .print\:hidden{display:none!important}}
/* Detailed receipt and tracking refinements */
.aspen-flow .aspen-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(20,119,220,.42),transparent 32%),linear-gradient(125deg,#02142f 0%,#063b79 58%,#032550 100%)!important;border-bottom:3px solid #e9b949}
.aspen-flow .aspen-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to left,#000,transparent 75%)}
.aspen-flow .aspen-hero>*{position:relative;z-index:1}
.aspen-flow .aspen-hero h1,.aspen-flow .aspen-hero h2,.aspen-flow .aspen-hero p{color:#fff!important}
.aspen-flow .aspen-hero .aspen-kicker{color:#f0c457!important}
.aspen-flow img{image-rendering:auto}
.aspen-flow .font-mono{letter-spacing:.035em}
.aspen-flow [class*="bg-green-50"]{border-color:#a8dfc1!important}
.aspen-flow [class*="bg-yellow-100"]{background:#fff4cf!important;color:#654700!important}
.aspen-flow [class*="bg-red-50"]{background:#fff4f4!important}
.aspen-flow label{color:#173154}
.aspen-flow .peer:checked+label{border-color:#e3b445!important;background:linear-gradient(180deg,#fffdf7,#fff8e6)!important;box-shadow:0 0 0 2px rgba(233,185,73,.16)}
.aspen-flow .tracking-card,.aspen-flow [class*="rounded-xl"][class*="border"]{border-color:#dce6f3}
.aspen-flow a:hover{transition:.2s ease}
/* Print invoice: clean A4, premium ASPEN accents, economical ink use */
@page{size:A4;margin:10mm}
@media print{
  .aspen-flow{font-size:10.5pt!important}
  .aspen-flow .shadow-lg,.aspen-flow .shadow-md{box-shadow:none!important}
  .aspen-flow [class*="bg-gradient"]{background:#fff!important}
  .aspen-flow .text-white{color:#111827!important}
  .aspen-flow table{page-break-inside:auto}
  .aspen-flow tr{page-break-inside:avoid;page-break-after:auto}
  .aspen-flow img{max-width:100%!important}
}