/* Digitnet Track Order renderer fidelity UI.
 * Scope: Track Order page only. The theme owns the view; WooCommerce/Digitnet Order Flow remain the data source.
 */
.dn-track-shell{
  --dn-primary:var(--dn-track-primary,#ff3c20);
  --dn-primary-dark:var(--dn-track-primary-dark,#d92d16);
  --dn-primary-soft:rgba(var(--dn-track-primary-rgb,255,60,32),.08);
  --dn-navy:#062b5f;
  --dn-blue:#0b3f8a;
  --dn-bg:#f5f7fb;
  --dn-card:#ffffff;
  --dn-text:#101828;
  --dn-muted:#667085;
  --dn-light:#98a2b3;
  --dn-border:#e4e7ec;
  --dn-green:#039855;
  --dn-green-soft:#ecfdf3;
  --dn-radius-sm:12px;
  --dn-radius-md:16px;
  --dn-radius-lg:22px;
  --dn-shadow:0 8px 24px rgba(16,24,40,.07);
  --dn-shadow-soft:0 4px 14px rgba(16,24,40,.05);
  width:100%;
  padding:12px;
  padding-bottom:max(20px,env(safe-area-inset-bottom));
  background:var(--dn-bg);
  color:var(--dn-text);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.dn-track-shell,.dn-track-shell *,.dn-track-shell *::before,.dn-track-shell *::after{box-sizing:border-box;}
.dn-track-shell button,.dn-track-shell input{font:inherit;}
.dn-track-shell a{color:inherit;}
.dn-track-shell .dn-track-page{width:100%;max-width:1180px;margin:0 auto;}
.dn-track-shell .dn-top-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;}
.dn-track-shell .dn-hero{position:relative;overflow:hidden;border-radius:var(--dn-radius-lg);padding:16px;color:#fff;background:radial-gradient(circle at top right,rgba(var(--dn-track-primary-rgb,255,60,32),.35),transparent 34%),linear-gradient(135deg,var(--dn-navy),var(--dn-blue));box-shadow:var(--dn-shadow);}
.dn-track-shell .dn-brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;}
.dn-track-shell .dn-brand{display:flex;align-items:center;gap:9px;min-width:0;}
.dn-track-shell .dn-brand-mark{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--dn-primary);font-size:13px;font-weight:900;overflow:hidden;}
.dn-track-shell .dn-brand-mark img{width:100%;height:100%;object-fit:cover;display:block;}
.dn-track-shell .dn-brand-text{min-width:0;}
.dn-track-shell .dn-brand-text strong{display:block;font-size:13px;line-height:1.1;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}
.dn-track-shell .dn-brand-text span{display:block;margin-top:2px;color:rgba(255,255,255,.74);font-size:10px;font-weight:700;}
.dn-track-shell .dn-secure-badge{flex:0 0 auto;min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:10px;font-weight:900;white-space:nowrap;}
.dn-track-shell .dn-hero h1{margin:0 0 7px;max-width:540px;font-size:clamp(24px,7vw,44px);line-height:1.05;letter-spacing:-.045em;font-weight:900;color:#fff;}
.dn-track-shell .dn-hero p{margin:0;max-width:560px;color:rgba(255,255,255,.86);font-size:clamp(12.5px,2.5vw,15px);line-height:1.55;}
.dn-track-shell .dn-hero-stats{display:grid;grid-template-columns:1fr;gap:8px;margin-top:15px;}
.dn-track-shell .dn-hero-stat{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);min-width:0;}
.dn-track-shell .dn-hero-icon{width:31px;height:31px;flex:0 0 31px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:13px;font-weight:900;color:#fff;}
.dn-track-shell .dn-hero-stat small{display:block;margin-bottom:2px;color:rgba(255,255,255,.66);font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.dn-track-shell .dn-hero-stat strong{display:block;color:#fff;font-size:12px;line-height:1.2;font-weight:900;overflow-wrap:anywhere;}
.dn-track-shell .dn-card{background:var(--dn-card);border:1px solid rgba(228,231,236,.9);border-radius:var(--dn-radius-md);box-shadow:var(--dn-shadow);padding:15px;}
.dn-track-shell .dn-card+.dn-card,.dn-track-shell .dn-section-gap{margin-top:12px;}
.dn-track-shell .dn-form-card{border-top:4px solid var(--dn-primary);}
.dn-track-shell .dn-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.dn-track-shell .dn-card-head h2{margin:0;color:var(--dn-text);font-size:clamp(18px,4vw,24px);line-height:1.18;letter-spacing:-.035em;font-weight:900;}
.dn-track-shell .dn-card-head p{margin:4px 0 0;color:var(--dn-muted);font-size:12px;line-height:1.45;}
.dn-track-shell .dn-pill{flex:0 0 auto;min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--dn-primary-soft);color:var(--dn-primary);font-size:10.5px;font-weight:900;white-space:nowrap;}
.dn-track-shell .dn-form{display:grid;gap:11px;}
.dn-track-shell .dn-field label{display:block;margin-bottom:6px;color:var(--dn-text);font-size:12px;font-weight:900;}
.dn-track-shell .dn-field input{width:100%;min-height:48px;border:1px solid var(--dn-border);border-radius:13px;padding:11px 13px;background:#fff;color:var(--dn-text);font-size:16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease;}
.dn-track-shell .dn-field input::placeholder{color:var(--dn-light);font-size:13px;}
.dn-track-shell .dn-field input:focus{border-color:var(--dn-primary);box-shadow:0 0 0 4px rgba(var(--dn-track-primary-rgb,255,60,32),.12);}
.dn-track-shell .dn-or{display:flex;align-items:center;gap:9px;color:var(--dn-light);font-size:10.5px;font-weight:900;text-transform:uppercase;}
.dn-track-shell .dn-or::before,.dn-track-shell .dn-or::after{content:"";flex:1;height:1px;background:var(--dn-border);}
.dn-track-shell .dn-track-btn{width:100%;min-height:48px;border:0;border-radius:999px;background:var(--dn-primary);color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(var(--dn-track-primary-rgb,255,60,32),.24);}
.dn-track-shell .dn-track-btn:hover{background:var(--dn-primary-dark);}
.dn-track-shell .dn-track-btn:active{transform:translateY(1px);}
.dn-track-shell .dn-form-note{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:13px;background:var(--dn-primary-soft);border:1px solid rgba(var(--dn-track-primary-rgb,255,60,32),.22);color:#9a2a1b;font-size:12px;line-height:1.42;}
.dn-track-shell .dn-form-note strong{color:var(--dn-primary);font-weight:900;}
.dn-track-shell .dn-form-note.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239;}
.dn-track-shell .dn-progress-layout{margin-top:12px;}
.dn-track-shell .dn-progress-summary{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:11px;border-radius:15px;background:linear-gradient(135deg,var(--dn-primary-soft),#fff);border:1px solid rgba(var(--dn-track-primary-rgb,255,60,32),.22);}
.dn-track-shell .dn-progress-circle{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:var(--dn-primary);color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(var(--dn-track-primary-rgb,255,60,32),.2);}
.dn-track-shell .dn-progress-summary strong{display:block;margin-bottom:3px;color:var(--dn-text);font-size:13.5px;line-height:1.25;font-weight:900;}
.dn-track-shell .dn-progress-summary span{display:block;color:var(--dn-muted);font-size:12px;line-height:1.4;}
.dn-track-shell .dn-timeline{position:relative;display:grid;}
.dn-track-shell .dn-step{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding-bottom:17px;}
.dn-track-shell .dn-step:last-child{padding-bottom:0;}
.dn-track-shell .dn-step::before{content:"";position:absolute;left:18px;top:39px;width:2px;height:calc(100% - 32px);background:var(--dn-border);}
.dn-track-shell .dn-step:last-child::before{display:none;}
.dn-track-shell .dn-step.is-complete::before{background:#75e0a7;}
.dn-track-shell .dn-step-marker{position:relative;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;border:1px solid #d0d5dd;color:var(--dn-muted);font-size:13px;font-weight:900;}
.dn-track-shell .dn-step.is-complete .dn-step-marker{background:var(--dn-green-soft);border-color:#75e0a7;color:var(--dn-green);}
.dn-track-shell .dn-step.is-active .dn-step-marker{background:var(--dn-primary-soft);border-color:var(--dn-primary);color:var(--dn-primary);box-shadow:0 0 0 5px rgba(var(--dn-track-primary-rgb,255,60,32),.12);}
.dn-track-shell .dn-step-content{min-width:0;padding-top:1px;}
.dn-track-shell .dn-step-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.dn-track-shell .dn-step-content h3{margin:0;color:var(--dn-text);font-size:14px;line-height:1.3;font-weight:900;}
.dn-track-shell .dn-step-status{flex:0 0 auto;min-height:23px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;background:#f2f4f7;color:var(--dn-muted);font-size:10px;font-weight:900;white-space:nowrap;}
.dn-track-shell .dn-step.is-complete .dn-step-status{background:var(--dn-green-soft);color:var(--dn-green);}
.dn-track-shell .dn-step.is-active .dn-step-status{background:var(--dn-primary-soft);color:var(--dn-primary);}
.dn-track-shell .dn-step-content p{margin:5px 0 0;color:var(--dn-muted);font-size:12px;line-height:1.45;}
.dn-track-shell .dn-step-time{display:block;margin-top:6px;color:var(--dn-light);font-size:11px;line-height:1.35;font-weight:700;}
.dn-track-shell .dn-bottom-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px;}
.dn-track-shell .dn-activity-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--dn-border);border-radius:14px;background:#fff;margin-top:8px;}
.dn-track-shell .dn-activity-card:first-of-type{margin-top:0;}
.dn-track-shell .dn-activity-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:var(--dn-primary-soft);color:var(--dn-primary);font-size:14px;font-weight:900;}
.dn-track-shell .dn-activity-content strong{display:block;margin-bottom:3px;color:var(--dn-text);font-size:13px;font-weight:900;}
.dn-track-shell .dn-activity-content p{margin:0;color:var(--dn-muted);font-size:12px;line-height:1.45;}
.dn-track-shell .dn-activity-content small{display:block;margin-top:6px;color:var(--dn-light);font-size:11px;line-height:1.35;font-weight:700;}
.dn-track-shell .dn-details-list{display:grid;gap:10px;}
.dn-track-shell .dn-detail{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--dn-border);}
.dn-track-shell .dn-detail:last-child{padding-bottom:0;border-bottom:0;}
.dn-track-shell .dn-detail span{color:var(--dn-muted);font-size:11.5px;line-height:1.3;font-weight:900;text-transform:uppercase;letter-spacing:.03em;}
.dn-track-shell .dn-detail strong{color:var(--dn-text);font-size:13px;line-height:1.35;font-weight:900;overflow-wrap:anywhere;}
.dn-track-shell .dn-support-card{margin-top:12px;}
.dn-track-shell .dn-support-box{padding:13px;border-radius:15px;background:var(--dn-primary-soft);border:1px solid rgba(var(--dn-track-primary-rgb,255,60,32),.22);}
.dn-track-shell .dn-support-box h3{margin:0 0 5px;color:var(--dn-text);font-size:15px;line-height:1.25;font-weight:900;}
.dn-track-shell .dn-support-box p{margin:0 0 11px;color:var(--dn-muted);font-size:12px;line-height:1.45;}
.dn-track-shell .dn-support-actions{display:grid;grid-template-columns:1fr;gap:8px;}
.dn-track-shell .dn-support-btn,.dn-track-shell .dn-outline-btn{min-height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:12.5px;font-weight:900;}
.dn-track-shell .dn-support-btn{background:var(--dn-primary);color:#fff;}
.dn-track-shell .dn-outline-btn{background:#fff;color:var(--dn-primary);border:1px solid rgba(var(--dn-track-primary-rgb,255,60,32),.32);}
@media (max-width:360px){
  .dn-track-shell{padding:10px;}
  .dn-track-shell .dn-card,.dn-track-shell .dn-hero{padding:13px;}
  .dn-track-shell .dn-card-head{gap:8px;}
  .dn-track-shell .dn-pill,.dn-track-shell .dn-secure-badge{font-size:9.5px;padding-inline:8px;}
  .dn-track-shell .dn-step-top{display:grid;gap:5px;}
  .dn-track-shell .dn-step-status{width:fit-content;}
}
@media (min-width:560px){
  .dn-track-shell{padding:18px;}
  .dn-track-shell .dn-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  .dn-track-shell .dn-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dn-track-shell .dn-support-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:768px){
  .dn-track-shell .dn-card,.dn-track-shell .dn-hero{padding:20px;}
  .dn-track-shell .dn-form{grid-template-columns:1fr 1fr;align-items:end;}
  .dn-track-shell .dn-field-full,.dn-track-shell .dn-or,.dn-track-shell .dn-track-btn,.dn-track-shell .dn-form-note{grid-column:1/-1;}
  .dn-track-shell .dn-form-note{max-width:100%;}
}
@media (min-width:1024px){
  .dn-track-shell{padding:28px;}
  .dn-track-shell .dn-top-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:16px;}
  .dn-track-shell .dn-hero{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;}
  .dn-track-shell .dn-card+.dn-card,.dn-track-shell .dn-section-gap{margin-top:16px;}
  .dn-track-shell .dn-progress-layout{margin-top:16px;}
  .dn-track-shell .dn-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
  .dn-track-shell .dn-step{grid-template-columns:1fr;gap:10px;padding-bottom:0;text-align:center;}
  .dn-track-shell .dn-step::before{left:50%;top:19px;width:calc(100% + 10px);height:2px;transform:translateX(19px);}
  .dn-track-shell .dn-step:last-child::before{display:none;}
  .dn-track-shell .dn-step-marker{margin:0 auto;}
  .dn-track-shell .dn-step-top{display:grid;justify-items:center;gap:6px;}
  .dn-track-shell .dn-step-content p{max-width:180px;margin-left:auto;margin-right:auto;}
  .dn-track-shell .dn-bottom-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;}
  .dn-track-shell .dn-support-card{margin-top:16px;}
}
@media (min-width:1280px){
  .dn-track-shell{padding-top:34px;}
  .dn-track-shell .dn-card,.dn-track-shell .dn-hero{padding:24px;}
  .dn-track-shell .dn-hero h1{max-width:620px;}
}
@media (prefers-reduced-motion:reduce){
  .dn-track-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}

/* v5.1.0.10 production-ready tracking design refinements from updated HTML. */
.dn-track-shell{
  --dn-border-strong:#d0d5dd;
  --dn-warning:#b54708;
  --dn-warning-soft:#fffaeb;
  --dn-error:#b42318;
  --dn-error-soft:#fef3f2;
}
.dn-track-shell .dn-card{contain:layout paint;}
.dn-track-shell button{appearance:none;}
.dn-track-shell .dn-secure-badge,.dn-track-shell .dn-pill{font-size:10.5px;}
.dn-track-shell .dn-form{align-items:start;}
.dn-track-shell .dn-field-hint{display:block;margin-top:5px;color:var(--dn-muted);font-size:11px;line-height:1.35;}
.dn-track-shell .dn-form.has-error input[aria-invalid="true"]{border-color:var(--dn-error);box-shadow:0 0 0 4px rgba(180,35,24,.1);}
.dn-track-shell .dn-form-note,.dn-track-shell .dn-form-error{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:13px;font-size:12px;line-height:1.42;}
.dn-track-shell .dn-form-error{display:none;background:var(--dn-error-soft);border:1px solid #fecdca;color:var(--dn-error);font-weight:800;}
.dn-track-shell .dn-form.has-error .dn-form-error{display:flex;}
.dn-track-shell .dn-form-note strong,.dn-track-shell .dn-form-error strong{flex:0 0 auto;font-weight:900;}
.dn-track-shell .dn-step-marker{border-color:var(--dn-border-strong);user-select:none;}
.dn-track-shell .dn-step-status{justify-content:center;}
.dn-track-shell .dn-step-body{margin-top:6px;}
.dn-track-shell .dn-step-content p{margin:0;}
.dn-track-shell .dn-step.is-empty-date .dn-step-body,.dn-track-shell .dn-step[data-milestone-date=""] .dn-step-body{display:none;}
.dn-track-shell .dn-step.is-empty-date .dn-step-status{background:#f2f4f7;color:var(--dn-muted);}
.dn-track-shell .dn-activity-list{display:grid;gap:10px;}
.dn-track-shell .dn-activity-card{margin-top:0;}
.dn-track-shell .dn-empty-state{display:grid;gap:5px;padding:12px;border:1px dashed var(--dn-border-strong);border-radius:14px;background:#fff;}
.dn-track-shell .dn-empty-state strong{color:var(--dn-text);font-size:13px;font-weight:900;}
.dn-track-shell .dn-empty-state span{color:var(--dn-muted);font-size:12px;line-height:1.45;}
.dn-track-shell .dn-support-btn,.dn-track-shell .dn-outline-btn{transition:transform .18s ease,background-color .18s ease,border-color .18s ease;}
.dn-track-shell .dn-support-btn:hover,.dn-track-shell .dn-outline-btn:hover{transform:translateY(-1px);}
@media (min-width:768px){
  .dn-track-shell .dn-form{grid-template-columns:1fr 1fr;align-items:start;}
  .dn-track-shell .dn-or,.dn-track-shell .dn-track-btn,.dn-track-shell .dn-form-note,.dn-track-shell .dn-form-error{grid-column:1/-1;}
  .dn-track-shell .dn-field-full{grid-column:auto;}
}
@media (min-width:1024px){
  .dn-track-shell .dn-timeline{--dn-step-marker-size:38px;--dn-step-marker-half:19px;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0;row-gap:0;align-items:start;}
  .dn-track-shell .dn-step{min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:42px auto;justify-items:center;align-content:start;gap:8px;padding:0 10px;text-align:center;}
  .dn-track-shell .dn-step::before{left:calc(50% + var(--dn-step-marker-half));right:calc(-50% + var(--dn-step-marker-half));top:var(--dn-step-marker-half);width:auto;height:2px;transform:none;}
  .dn-track-shell .dn-step-marker{grid-row:1;margin:0 auto;}
  .dn-track-shell .dn-step-content{grid-row:2;width:min(100%,190px);min-width:0;justify-self:center;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;}
  .dn-track-shell .dn-step-top{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;}
  .dn-track-shell .dn-step-content h3{width:100%;min-height:19px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;text-align:center;overflow-wrap:break-word;text-wrap:balance;}
  .dn-track-shell .dn-step-status{align-self:center;margin-left:auto;margin-right:auto;}
  .dn-track-shell .dn-step-body{width:min(100%,178px);margin-left:auto;margin-right:auto;text-align:center;}
  .dn-track-shell .dn-step-content p{max-width:178px;margin-left:auto;margin-right:auto;text-align:center;}
}
@media (min-width:1024px) and (max-width:1120px){
  .dn-track-shell .dn-step{padding-left:6px;padding-right:6px;}
  .dn-track-shell .dn-step-content{width:min(100%,166px);}
  .dn-track-shell .dn-step-content h3{font-size:13px;}
  .dn-track-shell .dn-step-body,.dn-track-shell .dn-step-content p{max-width:156px;}
}
@media (prefers-reduced-motion:reduce){
  .dn-track-shell *,.dn-track-shell *::before,.dn-track-shell *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}

/* v7.0.11: mobile track-order submit should land cleanly on Track Progress. */
.dn-track-shell #dnTrackProgress {
  scroll-margin-top: 96px;
}
.dn-track-shell #dnTrackProgress:focus {
  outline: none;
}
@media (max-width: 767px) {
  .dn-track-shell #dnTrackProgress {
    scroll-margin-top: 74px;
  }
}