:root{--snf-navy:#0D2040;--snf-orange:#FF5900;--snf-light:#f5f7fb;--snf-border:#dfe5ee} .snf-public-shell,.snf-tracking-shell{max-width:1100px;margin:30px auto;padding:0 18px;font-family:Arial,Helvetica,sans-serif;color:var(--snf-navy)} .snf-brand-strip{background:#fff;border-radius:16px;padding:15px;text-align:center;box-shadow:0 8px 30px rgba(13,32,64,.08);margin-bottom:25px}.snf-brand-strip img{max-width:330px;width:100%;height:auto}.snf-public-section{background:#fff;border:1px solid var(--snf-border);border-radius:16px;padding:25px;margin-bottom:22px;box-shadow:0 8px 24px rgba(13,32,64,.05)}.snf-public-section h2{margin:0 0 20px;font-size:22px;color:var(--snf-navy);border-left:5px solid var(--snf-orange);padding-left:12px}.snf-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.snf-field{display:flex;flex-direction:column;gap:7px}.snf-field label{font-weight:700;font-size:14px}.snf-field input,.snf-field select,.snf-field textarea{width:100%;box-sizing:border-box;border:1px solid #cfd7e3;border-radius:8px;padding:12px 13px;background:#fff;color:var(--snf-navy);font-size:15px;min-height:45px}.snf-field textarea{min-height:100px;resize:vertical}.snf-field input:focus,.snf-field select:focus,.snf-field textarea:focus{outline:0;border-color:var(--snf-orange);box-shadow:0 0 0 3px rgba(255,89,0,.1)}.snf-primary-button,.snf-track-form button{border:0;border-radius:8px;background:var(--snf-orange);color:#fff;padding:14px 24px;font-weight:700;font-size:16px;cursor:pointer}.snf-primary-button{display:block;margin:10px auto 25px;min-width:240px}.snf-alert{padding:16px 20px;border-radius:10px;margin:15px 0;font-size:15px}.snf-success{background:#ecf9f1;border:1px solid #bde5cc;color:#126735}.snf-error{background:#fff0ee;border:1px solid #f1c0b8;color:#8c271b}.snf-tracking-shell{background:#fff}.snf-tracking-header{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:0;font-size:46px;font-weight:900;letter-spacing:-2px}.snf-tracking-header span{color:var(--snf-navy)}.snf-tracking-header b{color:var(--snf-orange)}.snf-tracking-header small{grid-column:1/-1;font-size:13px;letter-spacing:5px;text-align:center;margin-top:-5px;color:var(--snf-navy)}.snf-tracking-shell h1,.snf-tracking-shell h2.snf-track-title{text-align:center;font-size:38px;line-height:1.2;margin:30px 0 8px;color:var(--snf-navy);text-transform:none;letter-spacing:normal}@media(max-width:700px){.snf-tracking-shell h2.snf-track-title{font-size:30px}}.snf-tracking-shell>p{text-align:center;color:#68778d}.snf-track-form{display:flex;max-width:720px;margin:25px auto 35px;gap:10px}.snf-track-form input{flex:1;border:1px solid #cfd7e3;border-radius:8px;padding:15px;font-size:16px}.snf-result{border:1px solid var(--snf-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(13,32,64,.06)}.snf-result-top{display:grid;grid-template-columns:repeat(3,1fr);background:var(--snf-navy);color:#fff}.snf-result-top>div{padding:20px;border-right:1px solid rgba(255,255,255,.15)}.snf-result-top span{display:block;opacity:.7;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.snf-result-top strong{font-size:17px}.snf-timeline{padding:28px 30px}.snf-step{display:flex;gap:15px;position:relative;padding-bottom:28px}.snf-step:not(:last-child):before{content:"";position:absolute;left:15px;top:30px;bottom:0;width:2px;background:#d9e0e9}.snf-step.is-done:not(:last-child):before{background:var(--snf-orange)}.snf-dot{width:32px;height:32px;border-radius:50%;background:#e8edf3;color:#607086;display:flex;align-items:center;justify-content:center;flex:0 0 32px;font-size:12px;font-weight:700;z-index:1}.snf-step.is-done .snf-dot{background:var(--snf-orange);color:#fff}.snf-step.is-current strong{color:var(--snf-orange)}.snf-step p{margin:5px 0}.snf-step small{color:#748198}.snf-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:0 30px 30px}.snf-result-grid>div,.snf-history{border:1px solid var(--snf-border);border-radius:12px;padding:18px}.snf-result-grid h3,.snf-history h3{margin-top:0}.snf-history{margin:0 30px 30px}.snf-history-row{padding:15px 0;border-bottom:1px solid var(--snf-border)}.snf-history-row:last-child{border-bottom:0}.snf-history-row span{float:right;color:#718097;font-size:13px}.snf-history-row p{margin:7px 0;color:#53647b}.snf-history-row a{color:var(--snf-orange);font-weight:700}@media(max-width:700px){.snf-grid-2,.snf-result-top,.snf-result-grid{grid-template-columns:1fr}.snf-track-form{flex-direction:column}.snf-result-top>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.snf-tracking-header{font-size:36px}.snf-timeline{padding:22px 18px}.snf-result-grid,.snf-history{margin-left:18px;margin-right:18px;padding-left:18px;padding-right:18px}}

.snf-note-row{display:flex;gap:8px;align-items:center}.snf-note-row input{flex:1}.snf-notes-admin .button{margin-top:6px}.snf-field small{color:#718097;font-size:12px}.snf-field a{color:var(--snf-orange);font-weight:700}
@media(max-width:700px){.snf-note-row{flex-direction:column;align-items:stretch}}


/* ShopNFly form button styling */
.snf-public-form button,
.snf-public-form .button,
.snf-public-form input[type="submit"]{
    border:2px solid var(--snf-navy);
    background:var(--snf-navy);
    color:#fff;
    border-radius:8px;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease;
    cursor:pointer;
}
.snf-public-form button:hover,
.snf-public-form .button:hover,
.snf-public-form input[type="submit"]:hover,
.snf-public-form button:focus,
.snf-public-form .button:focus,
.snf-public-form input[type="submit"]:focus{
    background:var(--snf-orange);
    border-color:var(--snf-orange);
    color:#fff;
}
.snf-public-form .snf-primary-button{
    background:var(--snf-navy);
    border-color:var(--snf-navy);
}
.snf-public-form .snf-primary-button:hover,
.snf-public-form .snf-primary-button:focus{
    background:var(--snf-orange);
    border-color:var(--snf-orange);
}


/* Public tracking results are rendered directly below the tracking form. */
.snf-track-results{width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box}
.snf-track-loading{padding:16px 20px;margin:0 0 20px;border:1px solid var(--snf-border);border-radius:10px;background:#f7f8fa;color:var(--snf-navy);text-align:center;font-weight:700}
.snf-track-form button:disabled{opacity:.65;cursor:wait}