/* Customer tracking only; administration and application form keep their styles. */
#track-view{font-family:Arial,Tahoma,sans-serif;color:#223c50;line-height:1.8;max-width:1000px;margin-inline:auto}
#track-view *{box-sizing:border-box}
#track-view [hidden]{display:none!important}
#track-view h1{font-size:28px;font-weight:600;line-height:1.5;margin:0 0 7px;color:#193c54}
#track-view h2{font-size:19px;font-weight:600;line-height:1.6;margin:0 0 12px}
#track-view p{font-size:15px}
#track-view .track-heading{border-inline-start:3px solid #b69a60;padding-inline-start:18px;margin-bottom:24px}
#track-view .track-heading p{color:#637681;margin:0}
#track-view .eyebrow{font-size:13px;color:#71818b}
#track-view .surface{border:1px solid #e0e7ed;border-radius:15px;padding:24px;margin-bottom:20px;background:#fff}
#track-view input,#track-view select,#track-view textarea{font-family:inherit;font-size:16px;min-height:46px;border-radius:9px}
#track-view label{font-size:15px}
#track-view button,#track-view a.primary,#track-view .track-contact{font:500 15px/1.6 Arial,Tahoma,sans-serif;border-radius:9px;min-height:44px;padding:10px 17px}
#track-view a.primary,#track-view .track-contact{display:inline-block;text-decoration:none;text-align:center}
#track-view a.primary{background:#193c60;color:#fff}
#track-view .hint,#track-view .small{font-size:13px;color:#637681}
#track-view .inline-form{display:flex;flex-direction:row;align-items:center;gap:10px}
#track-view #track-form .hint{margin:9px 0 0}
#track-view .code{letter-spacing:0;font-family:Arial,sans-serif;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
#track-view .track-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0 12px;font-size:14px;color:#637681}
#track-view .track-result-heading strong{display:inline-block;font-size:16px;color:#223c50;margin-inline:7px}
#track-view .track-result-heading button{font-size:13px;padding:6px 12px;min-height:38px}
#track-view .status-banner{border-radius:14px;padding:23px 25px;margin:0 0 10px;border:1px solid #dce7ed;border-inline-start:4px solid #527998;background:#edf4f8;color:#23445e}
#track-view .status-banner.approved{border-color:#cee4d9;border-inline-start-color:#43896b;background:#eaf5ee;color:#245e49}
#track-view .status-banner.changes{border-color:#eed9af;border-inline-start-color:#b58431;background:#fff7e8;color:#77511d}
#track-view .status-banner p{margin:0;line-height:1.9}
#track-view .status-banner a{margin-top:15px}
#track-view .tracking-duration{font-size:13px;color:#637681;margin:0 2px 20px;line-height:1.9}
#track-view .tracking-certificate{border-color:#cfe0d7;margin-top:20px}
#track-view .tracking-certificate .section-head{margin-bottom:10px}
#track-view #tracking-certificate-number{font-size:20px;font-weight:600;margin:0 0 8px;text-align:right}
#track-view #tracking-retention-note{margin:16px 0 0;padding-top:14px;border-top:1px solid #e5ebe8;font-size:13px;line-height:1.9}
#track-view .badge{font-size:13px;line-height:1.6;padding:4px 10px;border-radius:6px}
#track-view .certificate-valid{background:#e8f4ee;color:#196448}
#track-view .certificate-void,#track-view .certificate-replaced{background:#fff0e0;color:#815119}
#track-view .certificate-unknown{background:#eef1f5;color:#63738a}
#track-view .tracking-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0 4px}
#track-view .step-title{font-size:13px;line-height:1.7}
#track-view .step-state{font-size:12px}
#track-view .tracking-steps .tracking-step::after{display:block}
#track-view .tracking-steps .tracking-step:last-child::after{display:none}
#track-view .details{font-size:15px;margin:0;line-height:1.9}
#track-view .details dt{font-size:14px;color:#637681}
#track-view .details dd{font-size:16px;margin:0;overflow-wrap:anywhere}
#track-view .receipt>summary{font-size:16px;cursor:pointer;color:#193c54}
#track-view .receipt[open]>summary{margin-bottom:18px}
#track-view #tracking-files h2{font-size:16px;margin-top:20px}
#track-view .tracking-help{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start;background:#fafcfd}
#track-view .tracking-help p{font-size:14px;color:#637681;margin-bottom:12px}
#track-view .track-contact{border:1px solid #cedce7;color:#193c60;background:#fff}
#track-view #tracking-code-panel label{margin-bottom:10px}
#track-view #saved-code{font-size:15px;background:#fff}
#track-view #copy-code{flex:none;font-size:13px;padding-inline:12px}
#track-view #correction-form{scroll-margin-top:20px}
#track-view #correction-form .checkbox input{min-height:18px}
#track-view #correction-form .checkbox{font-size:14px;line-height:1.9}
@media(max-width:650px){
 #track-view h1{font-size:25px}
 #track-view h2{font-size:18px}
 #track-view .surface{padding:19px 17px;border-radius:12px}
 #track-view .status-banner{padding:19px 18px}
 #track-view .inline-form{flex-wrap:wrap}
 #track-view .inline-form input{flex:1 1 150px}
 #track-view #track-form button{flex:1 0 100%}
 #track-view .tracking-help{grid-template-columns:1fr;gap:20px}
 #track-view .tracking-steps{grid-template-columns:1fr;gap:15px}
 #track-view .tracking-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 12px;text-align:right;align-items:center;justify-items:start;min-height:40px}
 #track-view .step-mark{grid-column:1;grid-row:1/3;width:36px;height:36px}
 #track-view .step-title{grid-column:2;grid-row:1;font-size:14px}
 #track-view .step-state{grid-column:2;grid-row:2}
 #track-view .tracking-step:not(:last-child)::after{right:17px;top:38px;width:2px;height:calc(100% - 23px)}
 #track-view .details{grid-template-columns:minmax(95px,.75fr) minmax(0,1.25fr)}
 #track-view .details dt,#track-view .details dd{padding-block:12px}
 #track-view .details dd{font-size:15px}
 #track-view .track-result-heading strong{margin-inline:3px;font-size:15px}
 #track-view .track-contact{width:100%}
}