@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--ink:#15243d;--muted:#718099;--line:#e5ebf3;--blue:#345be8;--bg:#f7f9fd}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);line-height:1.55}a{color:#3055d7;text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.top{background:white;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px}.brand{font-weight:800;font-size:21px;color:#15233c;white-space:nowrap}.brand-icon{background:var(--blue);color:#fff;border-radius:12px;display:inline-grid;place-items:center;width:35px;height:35px;margin-right:10px}.nav nav{display:flex;flex-wrap:wrap;gap:20px}.nav nav a{font-size:13px;font-weight:700;color:#46566f}main{min-height:70vh;padding-bottom:40px}.page-head{margin:30px 0 20px}h1{font-size:29px;letter-spacing:-.9px;margin:0}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 15px}h3{font-size:16px;margin:5px 0 12px}p{margin:10px 0 16px}.muted,small{color:var(--muted)}.hero{background:linear-gradient(120deg,#172756,#345be8);border-radius:22px;color:white;display:grid;grid-template-columns:1.3fr 1fr;padding:60px;margin:24px 0 30px;gap:35px}.hero h2{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-2px;max-width:550px}.hero p{color:#dce5ff;max-width:530px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#9db5ff}.hero-art{display:flex;flex-direction:column;justify-content:center;gap:25px;align-items:center}.floating{background:white;color:#182c54;box-shadow:0 20px 70px #091a4d50;border-radius:16px;padding:23px;font-weight:600;transform:rotate(-5deg);width:95%;max-width:335px}.floating strong{float:right;color:#11a981}.floating.smaller{margin-left:55px;transform:rotate(5deg);font-weight:400}.dot{display:inline-block;width:11px;height:11px;background:#20c997;border-radius:50%;margin-right:9px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn,button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:9px;padding:11px 18px;font:700 13px inherit;font-family:inherit;font-weight:700;text-decoration:none}.btn:hover,button:hover{background:#254bd4;text-decoration:none;color:white}.btn.outline{border-color:#d9e2fd;background:white;color:#3156cc}.hero .btn{background:white;color:#254bc7;border-color:white}.hero .btn.outline{background:transparent;color:white;border-color:#9db2f9}.btn.small{padding:8px 12px;font-size:12px}.grid{display:grid;gap:18px}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;margin-bottom:20px;box-shadow:0 7px 25px #16284904}.narrow{max-width:570px;margin:0 auto 22px}.form-card{max-width:800px}.card p{font-size:14px}.card .grid{margin:16px 0}label{display:block;font-size:13px;font-weight:700;color:#485772;margin:13px 0}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #dce4ef;border-radius:9px;padding:11px 13px;outline:none;margin-top:6px;color:#25334b;font:inherit;font-size:14px;background:#fff}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #345be81b}textarea{resize:vertical}.inline{display:flex;align-items:center;gap:7px}.alert{padding:13px 17px;border-radius:9px;background:#ecfdf5;color:#166534;margin:20px 0}.alert.error{background:#fff1f2;color:#be123c}.alert.warning{background:#fff7ed;color:#92400e}.subnav{display:flex;gap:8px;overflow-x:auto;padding-bottom:18px}.subnav a{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 14px;white-space:nowrap;font-size:13px;font-weight:700}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:21px;display:flex;flex-direction:column;gap:8px}.stat span{font-size:13px;color:var(--muted)}.stat strong{font-size:33px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;color:#7b8ba4;text-transform:uppercase;letter-spacing:.5px}td,th{padding:13px 9px;border-bottom:1px solid #eef2f6}td{vertical-align:middle}.badge{display:inline-block;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:800;background:#f1f5f9;color:#667085;white-space:nowrap}.badge.blue{background:#eaf1ff;color:#2453c5}.badge.amber{background:#fff3da;color:#ad720b}.badge.violet{background:#f2e9ff;color:#7c3acb}.badge.green{background:#dff8ed;color:#148454}.filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filter>input{max-width:330px}.filter>select{max-width:220px}.filter label{margin:0}.ticket-layout{grid-template-columns:1.8fr 1fr;align-items:start}.ticket-description{white-space:normal;padding:20px;background:#f7f9fd;border-radius:9px}.reply{background:#f8faff;border:1px solid #eef2f7;padding:14px;border-radius:11px;margin:10px 0}.reply.internal{background:#fff8eb}.reply p{margin:7px 0}.log{border-bottom:1px solid var(--line);padding-bottom:10px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:15px}.center{text-align:center}.ticket-number{font-size:28px;letter-spacing:1px;font-weight:800;padding:20px;background:#eef4ff;border-radius:10px;margin:18px 0;color:#3156d5}.success-circle{display:inline-grid;place-items:center;background:#dff8ec;color:green;width:66px;height:66px;border-radius:50%;font-size:30px}.footer{padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:#8a96aa}.prose{white-space:normal}@media(max-width:800px){.nav{align-items:start;flex-direction:column;padding:14px 0;gap:12px}.nav nav{gap:12px}.hero{grid-template-columns:1fr;padding:30px}.hero-art{display:none}.cols3,.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-layout{grid-template-columns:1fr}}@media(max-width:510px){.cols2,.cols3,.cols4{grid-template-columns:1fr}.card{padding:17px}h1{font-size:25px}.filter>*{max-width:100%!important;width:100%}.hero h2{font-size:34px}}
/* Customer tracking responsive redesign v1.4 */
.track-mobile{max-width:850px;margin:0 auto;padding-bottom:30px}.track-intro{text-align:center;margin:6px auto 22px;max-width:560px}.track-intro h2{font-size:clamp(24px,4vw,34px);line-height:1.18;letter-spacing:-.8px;margin:9px 0}.track-intro p{color:#718099;margin:0}.track-kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#5270d9}.track-mobile .track-card{max-width:550px;margin:0 auto 20px;padding:26px;border-radius:20px;box-shadow:0 12px 38px #233c7510}.track-icon{width:43px;height:43px;display:grid;place-items:center;background:#eaf0ff;color:#345be8;border-radius:13px;font-size:24px;font-weight:800;margin-bottom:14px}.track-mobile h3{font-size:19px;margin-bottom:7px}.track-mobile label{display:block;margin:17px 0 6px;color:#263652}.track-mobile input,.track-mobile select,.track-mobile textarea{min-height:49px;font-size:16px;margin-top:0;border-radius:12px}.track-mobile textarea{min-height:110px}.track-mobile .track-primary{margin-top:18px;width:100%;min-height:50px;border-radius:12px;font-size:15px;letter-spacing:0}.track-verify{scroll-margin-top:20px}.track-results{margin:26px auto;max-width:850px}.track-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.track-section-head h3{margin:0}.track-section-head span{font-size:12px;color:#6d7a91}.track-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.track-result{background:white;border:1px solid #e4eaf3;border-radius:16px;padding:17px}.track-result-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.track-result-top strong{overflow-wrap:anywhere;font-size:14px}.track-result-meta{display:flex;gap:8px;flex-wrap:wrap;color:#77859b;font-size:12px;margin:12px 0}.track-outline{display:inline-flex;border:1px solid #dce4fa;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:700}.track-small{font-size:13px!important}.track-empty{padding:22px;text-align:center;background:#f7f9fd;border-radius:12px;color:#75819a}.track-back{display:inline-block;padding:10px 0;font-size:14px;font-weight:700}.track-mobile .track-detail{border-radius:19px;padding:25px;margin-bottom:14px}.track-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.track-detail h2{font-size:25px;line-height:1.25;overflow-wrap:anywhere}.track-ticket-id{font-size:13px;font-weight:800;color:#345be8;overflow-wrap:anywhere;padding-bottom:14px}.track-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.track-details-grid>div{background:#f6f8fd;border-radius:10px;padding:12px;min-width:0}.track-details-grid small{display:block;font-size:11px}.track-details-grid strong{display:block;font-size:13px;overflow-wrap:anywhere}.track-description{border-top:1px solid #edf0f6;padding-top:15px;overflow-wrap:anywhere}.track-description p{margin-bottom:0}.track-chat{display:flex;flex-direction:column;gap:12px;margin-top:16px}.track-bubble{max-width:90%;padding:14px;border-radius:16px;background:#f3f6fc;overflow-wrap:anywhere}.track-bubble.from-customer{align-self:flex-end;background:#e9efff;border-bottom-right-radius:5px}.track-bubble.from-staff{align-self:flex-start;border-bottom-left-radius:5px}.track-chat-name{font-size:12px;font-weight:800}.track-chat-name span{font-weight:500;color:#7b8ba4}.track-bubble p{margin:7px 0;font-size:14px}.track-bubble small{font-size:11px}.track-reply{margin-top:20px;border-top:1px solid #edf0f6;padding-top:14px}
@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.track-intro{text-align:left;margin-top:8px}.track-mobile .track-card,.track-mobile .track-detail{padding:19px 17px;border-radius:17px}.track-result-grid{grid-template-columns:1fr}.track-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-detail h2{font-size:21px}.track-mobile .track-primary{min-height:54px;font-size:15px}.track-mobile .track-bubble{max-width:94%}.track-mobile .track-card p{font-size:13px}.track-mobile .badge{white-space:normal;text-align:center}.track-mobile .track-result-meta{flex-direction:column}.track-mobile .track-result{padding:15px}}

/* v1.4.2 — Tracking page button spacing: scoped to customer portal only */
.track-mobile .track-card form > button.track-primary,
.track-mobile .track-detail form > button.track-primary {
  display: flex;
  margin-top: 26px !important;
  margin-bottom: 2px;
  clear: both;
}
.track-mobile .track-card form > input + button.track-primary,
.track-mobile .track-detail form > textarea + button.track-primary {
  margin-top: 28px !important;
}
@media (max-width: 600px) {
  .track-mobile .track-card form > button.track-primary,
  .track-mobile .track-detail form > button.track-primary {
    margin-top: 24px !important;
  }
}

/* v1.4.3 mobile navigation: desktop nav stays unchanged */
.mobile-menu-toggle{display:none}.menu-close{display:none}
@media(max-width:800px){
 .top{position:relative;z-index:20;box-shadow:0 2px 14px rgba(25,44,90,.04)}
 .top .nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:66px;padding:10px 0;gap:8px}
 .top .brand{font-size:18px;display:flex;align-items:center;white-space:normal;min-width:0;max-width:calc(100% - 64px)}
 .top .brand-icon{width:34px;height:34px;flex:0 0 34px;margin-right:9px}
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:12px;background:#f0f4ff;color:#264bd1;border:1px solid #dfe7ff;padding:0;box-shadow:none}
 .mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible{background:#e5edff;color:#264bd1;outline:2px solid transparent;box-shadow:0 0 0 3px #345be827}
 .menu-bars{display:flex;flex-direction:column;gap:5px}.menu-bars span{display:block;width:21px;height:2.5px;background:currentColor;border-radius:3px}
 .mobile-menu-toggle[aria-expanded="true"] .menu-bars{display:none}
 .mobile-menu-toggle[aria-expanded="true"] .menu-close{display:block;font-size:30px;line-height:1;font-weight:400}
 .top .nav nav.primary-nav{display:none;flex:0 0 100%;order:3;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:5px;padding:12px 0 4px;margin:0;border-top:1px solid #e8eef8}
 .top .nav nav.primary-nav.is-open{display:flex}
 .top .nav nav.primary-nav a{display:flex;align-items:center;min-height:46px;padding:11px 14px;background:#f7f9fe;border-radius:11px;font-size:14px;font-weight:700;color:#23375b;line-height:1.4}
 .top .nav nav.primary-nav a:hover,.top .nav nav.primary-nav a:focus-visible{background:#eaf0ff;color:#274ed0;text-decoration:none}
 .top .nav nav.primary-nav a[href*="logout.php"]{color:#bc3a4c;background:#fff3f4}
}