:root{
  --bg:#070d18;--shell:#08111f;--panel:#101a2b;--panel2:#111d31;--line:#273650;
  --text:#f7f9fc;--muted:#8fa1bd;--orange:#ff6908;--orange2:#ec5a00;--blue:#2d7fff;
  --green:#18c86b;--red:#ff4b55;--yellow:#ffb22e;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body.tracking-body{margin:0;min-height:100vh;background:#070d18;color:var(--text);font-family:'Poppins','Segoe UI',Arial,sans-serif}
.tracking-stage{min-height:100vh;padding:28px 14px;background:radial-gradient(circle at 50% 25%,#121b2c 0,#080f1b 45%,#050a13 100%);display:flex;justify-content:center;align-items:center}
.tracking-app{width:min(360px,100%);height:min(760px,calc(100vh - 56px));min-height:640px;background:#08111f;border:1px solid #293750;border-radius:24px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-shadow:0 30px 80px rgba(0,0,0,.48);scrollbar-width:thin;scrollbar-color:#334158 transparent}
.tracking-app::-webkit-scrollbar{width:5px}.tracking-app::-webkit-scrollbar-thumb{background:#334158;border-radius:99px}.tracking-app::-webkit-scrollbar-track{background:transparent}
.app-header{height:58px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#0e1728;border-bottom:1px solid #2a3850;position:sticky;top:0;z-index:5}
.app-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:13px;font-weight:900}.app-brand b{color:var(--orange)}
.brand-mark{width:31px;height:31px;border-radius:9px;background:var(--orange);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(255,105,8,.32);font-size:13px}
.header-icon{width:27px;height:27px;border:1px solid #35445d;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#a6b5ca;background:#142136;font-size:12px}
.app-main{padding:22px 18px 24px;flex:1}
.tracking-hero{text-align:center}.gps-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #8a3b10;background:#20140d;color:#ff7b23;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.gps-badge i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px rgba(255,105,8,.13)}
.tracking-hero h1{font-size:22px;line-height:1.05;margin:11px 0 7px;font-weight:900;letter-spacing:-.02em}.tracking-hero p{max-width:300px;margin:0 auto;color:#9fb0c9;font-size:11px;line-height:1.5}
.search-card{margin-top:20px;background:#111b2d;border:1px solid #2a3851;border-radius:14px;padding:16px}
.tracking-form{display:grid;gap:13px}.tracking-field span{display:block;margin:0 0 7px;color:#95a6bf;font-size:9px;font-weight:800}.tracking-field input{width:100%;height:42px;border:1px solid #364762;background:#152238;border-radius:9px;padding:0 12px;color:#f8fafc;outline:none;font-size:12px;font-weight:700}.tracking-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,105,8,.11)}.tracking-field input::placeholder{color:#6f819b}.cep-preview{display:block;margin:6px 1px 0;color:#20d78a;font-size:8.2px;line-height:1.35;font-weight:700}.cep-preview[hidden]{display:none!important}
.btn{border:0;border-radius:9px;min-height:41px;padding:10px 12px;font-weight:900;font-size:9.5px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}.btn:disabled{opacity:.6;cursor:wait}.btn-orange{background:linear-gradient(90deg,#ff6c08,#f15a00);color:#fff;box-shadow:0 9px 20px rgba(255,101,8,.24)}.btn-dark{background:#111a2b;color:#f5f8fc;border:1px solid #34445e}.btn-danger{background:#181421;color:#f09ba2;border:1px solid #6a313b}.btn-whatsapp{background:#20b95d;color:#fff}.form-message{font-size:9px;line-height:1.4;color:#ff9b79;margin-top:7px;min-height:0}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.feature-card{min-height:73px;padding:10px;background:#101a2c;border:1px solid #293852;border-radius:10px;display:flex;gap:8px;align-items:flex-start}.feature-icon{flex:0 0 25px;width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#102b56;color:#438cff;font-weight:900;font-size:12px}.feature-card strong{display:block;font-size:9px;margin:1px 0 4px}.feature-card small{display:block;color:#7f92ad;font-size:7.5px;line-height:1.4}
.order-card{margin:0;padding:0;background:transparent;border:0;border-radius:0}.order-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 1px 12px}.order-heading h2{font-size:18px;margin:0 0 3px;font-weight:900}.order-heading p{font-size:8.3px;color:#8ea0ba;margin:0}.status-chip{white-space:nowrap;padding:5px 8px;border-radius:999px;background:#25170d;border:1px solid #8b3c13;color:#ff8536;font-size:7.5px;font-weight:900;text-transform:uppercase}
.status-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:start;margin:0 0 14px;padding:13px 10px 11px;background:#111b2d;border:1px solid #293850;border-radius:12px}.step{min-width:45px;text-align:center;color:#7889a3;font-size:7px}.step i{width:22px;height:22px;border-radius:50%;background:#1a2940;color:#8494aa;display:grid;place-items:center;font-style:normal;font-weight:900;margin:0 auto 5px;font-size:8px}.step strong{font-size:7px;white-space:nowrap}.step.done,.step.current{color:#f4f7fb}.step.done i{background:#143c2b;color:#58dfa4}.step.current i{background:var(--orange);color:#fff}.step-line{height:2px;background:#293850;margin-top:10px}.step-line.done{background:#2bb377}
.driver-card{position:relative;background:#111b2d;border:1px solid #293850;border-radius:12px;padding:16px 13px 13px;margin-top:0}.driver-badge{position:absolute;top:-10px;left:13px;display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #9a4518;border-radius:999px;background:#21150e;color:#ff7f28;font-size:7.5px;font-weight:900;letter-spacing:.04em}.driver-role{margin:2px 0 9px;padding-left:47px;color:#ff7c25;font-size:7.5px;font-weight:900;letter-spacing:.03em}.driver-body{display:grid;grid-template-columns:40px 1fr 35px;gap:9px;align-items:center}.driver-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:2px solid #ff6b0a;background:#19263a;color:#e9f0fb;font-size:21px;box-shadow:0 0 16px rgba(255,105,8,.18)}.driver-copy h3{margin:0 0 2px;font-size:12px;font-weight:700}.driver-copy p{margin:0 0 5px;color:#a3b2c7;font-size:7.8px}.plate{display:inline-block;background:#f2f4f7;color:#171d25;border-radius:2px;padding:3px 6px;font-weight:900;font-size:7.5px;letter-spacing:.04em}.driver-whatsapp{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#20c563;color:white;font-size:17px;box-shadow:0 0 18px rgba(32,197,99,.33)}
.info-card{margin-top:14px;background:#111b2d;border:1px solid #293850;border-radius:15px;padding:10px 14px}.info-row{display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:start;padding:11px 0}.info-row+.info-row{border-top:0}.info-icon{color:#ff6b08;font-size:16px;line-height:1.15;padding-top:2px;font-weight:700}.info-row div>span{display:block;color:#8190a8;font-size:8.4px;line-height:1.3;letter-spacing:.055em;margin-bottom:4px;font-weight:500}.info-row strong{display:block;font-size:11.2px;line-height:1.42;color:#f7f9fc;font-weight:700;letter-spacing:-.01em}
.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.action-grid .action-full{grid-column:1/-1}.action-grid .btn{min-height:36px;font-size:8.5px}.app-footer{border-top:1px solid #25334b;background:#0a1321;color:#6f819d;font-size:7.4px;text-align:center;padding:14px 10px;margin-top:auto}
.tracking-app.has-order .app-main{padding-top:14px}.tracking-app.has-order #lookupView{display:none!important}
.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:50;background:rgba(2,6,13,.84);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.modal-card{position:relative;width:min(390px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#0f1a2c;border:1px solid #2c3b56;border-radius:16px;padding:16px;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.5)}.modal-close{position:absolute;right:12px;top:11px;width:29px;height:29px;border:0;border-radius:50%;background:#1a273b;color:#aab9ce;font-size:18px;cursor:pointer}.modal-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:13px}.modal-heading{display:flex;gap:10px;align-items:center;padding-right:35px}.modal-heading-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#162a48;color:#58a2ff}.modal-heading small{font-size:8px;color:#7d90ad;letter-spacing:.08em}.modal-heading h2{margin:2px 0 0;font-size:17px}.contact-notice{margin-top:14px;border:1px solid #2d466d;background:#10203a;border-radius:10px;padding:12px}.contact-notice strong{font-size:11px}.contact-notice p{margin:5px 0 0;color:#9eb1cd;font-size:10px;line-height:1.5}.linked-order{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:11px 12px;border:1px solid var(--line);background:#111d31;border-radius:9px}.linked-order span{font-size:9px;color:#7f91ad}.linked-order strong{font-size:10px}
.ctr-title{text-align:center;padding:5px 25px 12px}.ctr-title>span{font-size:9px;color:#ff7c28;font-weight:900;text-transform:uppercase}.ctr-title h2{font-size:18px;margin:5px 0 3px}.ctr-title p{margin:0;color:#8fa0b9;font-size:9px}.ctr-row{display:flex;justify-content:space-between;gap:18px;padding:10px 2px;border-bottom:1px solid var(--line)}.ctr-row span{color:#7f91aa;font-size:9px}.ctr-row strong{text-align:right;font-size:10px;max-width:63%}.ctr-note{margin-top:12px;border:1px solid #28476f;background:#10213b;color:#9bb4d5;border-radius:9px;padding:10px;font-size:8.5px;line-height:1.45}.ctr-print{margin:13px 0 0}.ctr-print .btn{width:100%}
.cancel-modal-card{width:min(360px,100%);background:#0f192b;border-color:#263650;padding:15px}.cancel-title{display:flex;align-items:center;gap:6px;padding:1px 32px 10px 0}.cancel-title h2{font-size:12px;margin:0}.cancel-x{color:#ff4a4a;font-size:13px;font-weight:900}.notice-card{display:grid;grid-template-columns:20px 1fr;gap:8px;border-radius:10px;padding:11px 10px;margin-top:8px}.notice-card .notice-icon{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900}.notice-card strong{display:block;font-size:9px;margin-bottom:4px}.notice-card p{margin:0;font-size:7.8px;line-height:1.48;color:#e6ecf6}.notice-yellow{border:1px solid #8c5d15;background:#242117}.notice-yellow .notice-icon{background:#ffb12b;color:#162033}.notice-yellow strong{color:#ffc249}.notice-blue{border:1px solid #27589a;background:#112442}.notice-blue .notice-icon{background:#1974da;color:#fff}.notice-blue strong{color:#76b6ff}.cancel-summary{margin-top:9px;border:1px solid #27364d;background:#121d30;border-radius:9px;padding:9px 10px}.cancel-summary>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.cancel-summary span{color:#889bb7;font-size:7.8px}.cancel-summary strong{text-align:right;font-size:8.3px}.cancel-summary .fee-row{border-top:1px solid #25344b;margin-top:4px;padding-top:8px}.cancel-summary .fee-row strong{color:#ff4242;font-size:12px}.cancel-payment-state,.cancel-expired{margin-top:10px;padding:10px;border-radius:9px;border:1px dashed #40506b;text-align:center;background:#0c1626}.cancel-payment-state strong,.cancel-expired strong{font-size:9.5px}.cancel-payment-state p,.cancel-expired p{margin:4px 0 0;color:#94a5bd;font-size:8px;line-height:1.45}.cancel-pix-area{margin-top:10px;text-align:center;border-top:1px solid #273650;padding-top:11px}.cancel-pix-area h3{font-size:11px;margin:0 0 4px}.cancel-pix-area>p{font-size:8px;color:#9aaac0;margin:0 0 9px}.cancel-qr{display:flex;justify-content:center}.cancel-qr img{width:190px;height:190px;background:white;border-radius:8px;padding:8px}.pix-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:9px 0}.pix-divider span{height:1px;background:#2b3a54}.pix-divider b{font-size:8px;color:#8090a8}.cancel-pix-area label{display:block;text-align:left;font-size:8px;color:#8497b1;margin-bottom:5px}.cancel-pix-area textarea{width:100%;resize:none;background:#08111f;color:#dbe6f4;border:1px solid #2b3a55;border-radius:8px;padding:9px;font-size:8px;line-height:1.45}.cancel-pix-area .btn{width:100%;margin-top:7px}.cancel-countdown{margin-top:8px;color:#8396b2;font-size:8px}.cancel-countdown strong{color:#ff8a3e}.cancel-paid{text-align:center;margin-top:10px;border:1px solid #1f7047;background:#0f2a1e;border-radius:9px;padding:11px}.paid-check{width:32px;height:32px;border-radius:50%;background:#1ea95f;display:grid;place-items:center;margin:0 auto 6px;font-weight:900}.cancel-paid h3{font-size:11px;margin:0 0 5px}.cancel-paid p{font-size:8px;line-height:1.45;color:#a8c8b6}.cancel-paid>div:not(.paid-check){display:flex;justify-content:space-between;gap:8px;border-top:1px solid #22543b;padding-top:6px;margin-top:6px;font-size:8px}.cancel-actions{grid-template-columns:1fr 1.5fr}
@media(max-width:520px){.tracking-stage{padding:0;background:#07101d}.tracking-app{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}.app-main{padding-left:16px;padding-right:16px}.app-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal{padding:10px}.modal-card{max-height:calc(100vh - 20px)}}
@media print{body>*{display:none!important}.modal:not([hidden]){position:static!important;display:block!important;background:#fff!important;padding:0!important}.modal-card.printable{display:block!important;max-height:none!important;overflow:visible!important;width:100%!important;border:0!important;box-shadow:none!important;color:#111!important;background:#fff!important}.no-print{display:none!important}.ctr-row{border-color:#ddd!important}.ctr-note{color:#333!important;background:#f6f6f6!important;border-color:#ddd!important}}

/* Typography refinement to match the original tracker */
.order-heading h2,.tracking-hero h1,.driver-copy h3,.info-row strong,.btn{font-family:'Poppins','Segoe UI',Arial,sans-serif}

/* CTR Digital - document layout */
.ctr-modal-card{width:min(410px,100%);padding:15px 15px 17px;background:#0f192b;border-color:#283a58;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.58)}
.ctr-modal-heading{display:flex;align-items:center;gap:8px;padding:1px 38px 13px 2px;font-size:16px;font-weight:800;letter-spacing:-.02em}.ctr-modal-icon{color:var(--orange);font-size:17px}
.ctr-document{background:#fff;color:#131b2b;border:1px solid #dbe2ec;border-radius:14px;padding:20px 20px 16px;box-shadow:0 7px 24px rgba(4,10,20,.20)}
.ctr-doc-header{text-align:center}.ctr-doc-header h2{margin:0;font-size:16px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#172033}.ctr-doc-header p{margin:5px 0 0;font-size:9px;color:#526078;font-weight:500}
.ctr-doc-divider{height:1px;background:#dbe1e9;margin:14px 0}.ctr-doc-divider-bottom{margin:14px 0 10px}
.ctr-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.ctr-doc-field{min-width:0}.ctr-doc-field-wide{grid-column:1/-1}.ctr-doc-field span{display:block;margin-bottom:4px;color:#66758f;font-size:8.5px;font-weight:800;letter-spacing:.02em}.ctr-doc-field strong{display:block;color:#1b2434;font-size:11px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}.ctr-reg-highlight{display:inline!important;width:max-content;max-width:100%;padding:1px 3px;background:#d8d8d8;color:#2f343c!important}
.ctr-doc-status{display:flex;align-items:center;justify-content:center;gap:5px;color:#10a66b;font-size:9px;font-weight:800;text-align:center}.ctr-doc-status i{width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:#16b97a;color:white;font-size:8px;font-style:normal}.ctr-legal-note{margin:9px auto 0;max-width:315px;color:#7a879a;font-size:7.2px;line-height:1.45;text-align:center}
.ctr-print{margin:14px 0 0}.ctr-print .btn{width:100%;min-height:48px;border-radius:12px;font-size:12px;box-shadow:0 12px 28px rgba(255,105,8,.28)}

/* Subtle interaction feedback */
.btn,.feature-card,.driver-whatsapp,.header-icon,.modal-close{transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,filter .16s ease}
@media (hover:hover){
  .action-grid .btn:hover,.search-card .btn:hover,.modal-actions .btn:hover,.ctr-print .btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
  .action-grid .btn-dark:hover{border-color:#5b6f8f;background:#162238;box-shadow:0 7px 18px rgba(0,0,0,.18)}
  .action-grid .btn-danger:hover{border-color:#91424e;background:#211722}
  .feature-card:hover{transform:translateY(-1px);border-color:#3d5172;background:#132037;box-shadow:0 8px 20px rgba(0,0,0,.16)}
  .driver-whatsapp:hover,.header-icon:hover,.modal-close:hover{transform:scale(1.05)}
}
.btn:active,.feature-card:active,.driver-whatsapp:active,.header-icon:active,.modal-close:active{transform:scale(.985)}
.btn:focus-visible,.driver-whatsapp:focus-visible,.header-icon:focus-visible,.modal-close:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,105,8,.22)}
.action-grid .btn:focus-visible{border-color:#ff7b2c;background:#182236}

@media(max-width:390px){.ctr-document{padding:18px 16px 15px}.ctr-doc-grid{gap:12px 14px}.ctr-doc-field strong{font-size:10.5px}}

@media print{
  .ctr-modal-card{padding:0!important;background:#fff!important}.ctr-document{border:0!important;box-shadow:none!important;border-radius:0!important;padding:18mm 15mm!important}.ctr-print,.ctr-modal-heading{display:none!important}.ctr-doc-status{color:#111!important}.ctr-doc-status i{background:#111!important}.ctr-legal-note{color:#555!important}
}


/* Rastreamento v13 - mesma identidade visual do checkout */
.app-header{height:72px;padding:0 15px;background:linear-gradient(180deg,#07111f 0%,#0a1423 100%);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.app-brand-pro{gap:10px;min-width:0;transition:transform .16s ease,filter .16s ease}
.app-brand-pro:hover{transform:translateY(-1px);filter:brightness(1.04)}
.app-logo-frame{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#06101d;border:1px solid #2b3c53;box-shadow:0 7px 18px rgba(0,0,0,.3),0 0 16px rgba(255,105,8,.08)}
.app-logo-image{display:block;width:100%;height:100%;object-fit:cover}
.app-brand-copy{display:block;min-width:0;line-height:1.05}
.app-brand-copy strong{display:block;color:#f8fafc;font-size:12.5px;font-weight:850;letter-spacing:-.02em;white-space:nowrap}
.app-brand-copy strong b{color:var(--orange)}
.app-brand-copy small{display:block;margin-top:4px;color:#7f91aa;font-size:7.5px;font-weight:650;letter-spacing:.02em}
.app-brand-pro:focus-visible{outline:none;border-radius:12px;box-shadow:0 0 0 3px rgba(255,105,8,.18)}
@media(max-width:520px){.app-header{height:70px;padding-left:14px;padding-right:14px}.app-logo-frame{width:43px;height:43px;flex-basis:43px}.app-brand-copy strong{font-size:12px}.app-brand-copy small{font-size:7.3px}}

/* Rastreamento Express v14 — interface operacional premium */
:root{--ink:#05070a;--carbon:#0b0d11;--card:#111318;--card2:#16191f;--stroke:#2b2f37;--soft:#a8adb7;--orange:#ff6a00;--orange2:#ff8a00;--green:#25d366}
body.tracking-body{font-family:'Montserrat','Segoe UI',sans-serif;background:#05070a}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tracking-stage{padding:30px 14px;background:radial-gradient(circle at 50% 5%,rgba(255,106,0,.13),transparent 26%),radial-gradient(circle at 50% 45%,#15171c 0,#08090c 48%,#030405 100%)}
.tracking-app{width:min(430px,100%);height:min(860px,calc(100vh - 60px));min-height:680px;background:linear-gradient(180deg,#0d0f13,#080a0d);border-color:#353941;border-radius:28px;box-shadow:0 38px 100px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025),0 0 80px rgba(255,106,0,.045);scrollbar-color:#ff6a00 transparent}
.app-header{height:84px;padding:0 20px;background:rgba(9,11,14,.94);border-bottom:1px solid #292c33;box-shadow:0 12px 30px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.app-brand-pro{gap:12px}.app-logo-frame{width:51px;height:51px;flex-basis:51px;border-color:#4a3425;border-radius:15px;box-shadow:0 9px 22px rgba(0,0,0,.45),0 0 20px rgba(255,106,0,.12)}
.app-brand-copy{display:grid;line-height:1}.app-brand-copy small{order:0;margin:0 0 3px;color:#ff7a19;font-size:7px;font-weight:900;letter-spacing:.16em}.app-brand-copy strong{order:1;font-family:'Bebas Neue',sans-serif;font-size:21px;font-weight:400;letter-spacing:.025em}.app-brand-copy strong b{color:#ff6a00;font-weight:400}.app-brand-copy em{order:2;margin-top:4px;color:#7e8490;font-size:7px;font-weight:600;font-style:normal;letter-spacing:.015em}
.header-icon{width:36px;height:36px;border-color:#383c45;border-radius:11px;color:#d6d9de;background:#15181d}.header-icon svg{width:18px;height:18px}
.app-main{padding:29px 22px 30px}.tracking-hero{position:relative;padding-top:3px}.gps-badge{padding:7px 12px;border-color:#6e3512;background:#1c1009;color:#ff7c25;font-size:7.5px;letter-spacing:.13em;box-shadow:0 0 24px rgba(255,106,0,.08)}.gps-badge i{animation:gpsPulse 1.8s ease-out infinite}
@keyframes gpsPulse{0%{box-shadow:0 0 0 0 rgba(255,106,0,.5)}70%{box-shadow:0 0 0 7px rgba(255,106,0,0)}100%{box-shadow:0 0 0 0 rgba(255,106,0,0)}}
.tracking-hero h1,.order-heading h2,.modal-heading h2,.cancel-title h2,.ctr-modal-heading strong{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.025em}.tracking-hero h1{font-size:34px;line-height:.98;margin:18px 0 10px}.tracking-hero h1:after{content:'';display:block;width:42px;height:3px;margin:13px auto 0;border-radius:99px;background:#ff6a00;box-shadow:0 0 14px rgba(255,106,0,.35)}.tracking-hero p{max-width:340px;color:#a4a9b4;font-size:11px;line-height:1.7}
.search-card{position:relative;margin-top:24px;padding:19px;background:linear-gradient(145deg,#16191f,#101216);border-color:#343840;border-radius:18px;box-shadow:0 16px 34px rgba(0,0,0,.27);overflow:hidden}.search-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#ff8a00,#ff5e00)}.tracking-form{gap:15px}.tracking-field>span{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#d2d5db;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.075em}.tracking-field>span svg{width:13px;height:13px;color:#ff730f}.input-shell{position:relative}.input-shell>svg{position:absolute;z-index:1;left:14px;top:50%;width:17px;height:17px;color:#777e8b;transform:translateY(-50%);pointer-events:none}.tracking-field .input-shell input{height:51px;padding:0 14px 0 42px;border-color:#373c46;background:#0b0d11;border-radius:11px;color:#fff;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;transition:.2s ease}.tracking-field .input-shell:focus-within>svg{color:#ff6a00}.tracking-field .input-shell input:focus{border-color:#ff6a00;background:#0e1014;box-shadow:0 0 0 3px rgba(255,106,0,.12),0 8px 24px rgba(0,0,0,.22)}.cep-preview{margin:8px 2px 0;color:#62dfa1;font-size:8px}.btn{font-family:'Montserrat',sans-serif;gap:8px;border-radius:11px;font-weight:850;letter-spacing:-.01em}.btn svg{width:16px;height:16px}.btn-orange{min-height:51px;background:linear-gradient(105deg,#ff7900,#f55700);box-shadow:0 12px 26px rgba(255,93,0,.25);font-size:10px;text-transform:uppercase;letter-spacing:.035em}
.form-message:not(:empty){margin-top:10px;padding:10px 12px;border:1px solid #753823;border-radius:9px;background:#24130d;color:#ffad8b;font-size:8.5px;font-weight:650}.feature-grid{gap:10px;margin-top:12px}.feature-card{position:relative;min-height:92px;padding:14px 12px;background:#111318;border-color:#2e323a;border-radius:13px;gap:10px;overflow:hidden}.feature-card:after{content:'';position:absolute;left:0;bottom:0;width:38%;height:2px;background:#ff6a00;transition:width .25s}.feature-icon{flex-basis:34px;width:34px;height:34px;border:1px solid #69340f;border-radius:10px;background:#241408;color:#ff7411}.feature-icon svg{width:18px;height:18px}.feature-card strong{font-size:9px;line-height:1.3}.feature-card small{color:#838995;font-size:7.5px;line-height:1.55}
.tracking-app.has-order .app-main{padding-top:21px}.order-heading{position:relative;padding:3px 2px 17px}.order-heading:after{content:'';position:absolute;left:2px;bottom:8px;width:36px;height:2px;background:#ff6a00}.order-heading h2{font-size:26px;line-height:1;margin-bottom:5px}.order-heading p{color:#999fa9;font-size:8px}.status-chip{padding:7px 10px;border-color:#7c3a12;background:#211108;color:#ff7c23;font-size:7px;letter-spacing:.08em}
.status-steps{margin-bottom:20px;padding:16px 10px 13px;background:#111318;border-color:#30343c;border-radius:15px;box-shadow:0 12px 25px rgba(0,0,0,.18)}.step{min-width:50px;color:#747a86}.step i{width:28px;height:28px;margin-bottom:7px;background:#1d2026;color:#8c929d;font-size:9px;border:1px solid #30343c}.step strong{font-size:6.8px}.step.current i{background:#ff6a00;border-color:#ff8a31;box-shadow:0 0 0 5px rgba(255,106,0,.1),0 0 18px rgba(255,106,0,.22)}.step.done i{background:#143323;border-color:#276447}.step-line{margin-top:13px;background:#30343c}.step-line.done{background:#279661}
.step i svg{width:14px;height:14px;stroke-width:1.9}.step.current i svg{color:#fff}
.driver-card{padding:25px 15px 16px;background:linear-gradient(145deg,#17191e,#101216);border-color:#3b352f;border-radius:17px;box-shadow:0 16px 32px rgba(0,0,0,.24);overflow:visible}.driver-card:after{content:'';position:absolute;inset:auto 15px 0;height:2px;background:linear-gradient(90deg,#ff6a00,transparent)}.driver-badge{top:-11px;left:15px;padding:6px 10px;border-color:#783810;background:#1d1008;color:#ff7b21;font-size:7px;letter-spacing:.095em}.driver-badge i{width:5px;height:5px;background:#ff6a00;border-radius:50%;box-shadow:0 0 8px #ff6a00}.driver-role{margin:0 0 12px;padding-left:57px;color:#8d939e;font-size:6.8px;letter-spacing:.095em}.driver-body{grid-template-columns:48px 1fr 41px;gap:11px}.driver-avatar{width:48px;height:48px;border:1px solid #764019;background:#21150d;color:#ff7b20;box-shadow:inset 0 0 0 5px #15171b,0 0 20px rgba(255,106,0,.12)}.driver-avatar svg{width:24px;height:24px}.driver-copy h3{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:850}.driver-copy p{font-size:7.5px;line-height:1.4}.plate{padding:4px 7px;border-radius:4px;background:#f1f2f4;font-size:7px}.driver-whatsapp{width:41px;height:41px;background:#1fc766;box-shadow:0 0 0 5px rgba(31,199,102,.08),0 8px 22px rgba(31,199,102,.24)}.driver-whatsapp svg{width:22px;height:22px;stroke-width:1.7}
.info-card{margin-top:15px;padding:5px 15px;background:#111318;border-color:#30343c;border-radius:17px;box-shadow:0 16px 32px rgba(0,0,0,.18)}.info-row{grid-template-columns:36px 1fr;gap:11px;padding:15px 0}.info-row+.info-row{border-top:1px solid #24272d}.info-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #60330f;border-radius:9px;background:#201309;color:#ff7310}.info-icon svg{width:17px;height:17px}.info-row div>span{color:#8d939f;font-size:7px;font-weight:800;letter-spacing:.095em}.info-row strong{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:750;line-height:1.48}
.action-grid{gap:9px;margin-top:15px}.action-grid .btn{position:relative;justify-content:flex-start;min-height:50px;padding:10px 12px;border-color:#343840;background:#121419;font-size:8.5px;text-align:left}.action-grid .btn>span:not(.action-icon){display:grid;gap:3px}.action-grid .btn small{color:#767d89;font-size:6.5px;font-weight:600}.action-grid .btn>b{margin-left:auto;color:#777e89;font-size:17px}.action-icon{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #66340f;border-radius:8px;background:#211308;color:#ff7411;font-size:14px}.action-grid .btn-danger{border-color:#61313a;background:#171114;color:#ff8f9a}.action-grid .btn-danger .action-icon{border-color:#673039;background:#251115;color:#ff6673}.app-footer{padding:18px 10px;background:#08090c;border-color:#24272d;color:#656b75;font-size:7px}
.modal{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.modal-card{background:linear-gradient(145deg,#17191e,#0e1014);border-color:#363a43;border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.72)}.modal-close{background:#21242a;color:#d1d4da}.modal-heading-icon{border:1px solid #6a3610;background:#221408;color:#ff7411}.modal-heading small{color:#ff7411;font-weight:800}.modal-heading h2{font-size:23px}.contact-notice{border-color:#3b3f48;background:#121419}.linked-order{border-color:#30343c;background:#0d0f12}.btn-whatsapp{background:#1fbe61}.ctr-modal-card{background:#101216;border-color:#383c44}.ctr-modal-heading{font-family:'Bebas Neue',sans-serif;font-size:23px}.ctr-document{border-radius:16px}.cancel-title h2{font-size:21px}.cancel-modal-card{background:#101216;border-color:#373b43}.notice-card,.cancel-summary,.cancel-payment-state,.cancel-expired{border-radius:12px}
@media (hover:hover){.feature-card:hover:after{width:100%}.feature-card:hover{transform:translateY(-3px);border-color:#5b3a23;background:#16191e}.action-grid .btn:hover{transform:translateY(-2px);border-color:#72401c;background:#191b20}.driver-card:hover{border-color:#6d4224}.btn-orange:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 32px rgba(255,93,0,.32)}}
@media(max-width:520px){.tracking-stage{background:#08090c}.tracking-app{min-height:100vh;height:auto;border-radius:0}.app-header{height:79px;padding:0 17px}.app-logo-frame{width:47px;height:47px;flex-basis:47px}.app-brand-copy strong{font-size:19px}.app-main{padding-left:18px;padding-right:18px}.tracking-hero h1{font-size:31px}.feature-card{min-height:88px}.modal-card{border-radius:18px}}
@media(max-width:370px){.app-main{padding-left:14px;padding-right:14px}.app-brand-copy em{display:none}.app-brand-copy strong{font-size:18px}.feature-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.action-grid .action-half{grid-column:1/-1}.step{min-width:42px}.step strong{font-size:6.2px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Mobile perfeito v1 — Rastreamento Express */
@media(max-width:520px){html,body{width:100%;overflow-x:hidden}.tracking-app{width:100%!important;max-width:none!important;height:auto!important;min-height:100dvh!important}.app-header{min-height:74px!important;height:74px!important;padding:0 14px!important}.app-logo-frame{width:44px!important;height:44px!important;flex-basis:44px!important}.app-brand-copy strong{font-size:18px!important}.app-brand-copy small{font-size:6.5px!important}.app-brand-copy em{font-size:6.2px!important}.header-icon{width:34px!important;height:34px!important}.app-main{padding:23px 15px 26px!important}.tracking-hero h1{font-size:30px!important}.tracking-hero p{font-size:10px!important;line-height:1.65!important}.gps-badge{font-size:6.5px!important}.search-card{margin-top:19px!important;padding:15px!important;border-radius:14px!important}.tracking-field .input-shell input{height:50px!important;font-size:16px!important}.btn-orange{min-height:50px!important;font-size:8.5px!important}.feature-grid{gap:8px!important}.feature-card{min-height:82px!important;padding:11px 9px!important}.feature-icon{width:31px!important;height:31px!important;flex-basis:31px!important}.feature-card strong{font-size:8px!important}.feature-card small{font-size:6.8px!important}.order-heading h2{font-size:24px!important}.status-steps{padding:14px 6px 12px!important;grid-template-columns:42px 1fr 42px 1fr 42px 1fr 42px!important;overflow:hidden}.step{min-width:0!important;width:42px!important}.step i{width:26px!important;height:26px!important}.step strong{display:block;font-size:5.8px!important;white-space:normal!important;line-height:1.25}.driver-card{padding:24px 12px 14px!important}.driver-badge{left:11px!important;font-size:6.2px!important}.driver-role{padding-left:51px!important;font-size:6px!important}.driver-body{grid-template-columns:43px minmax(0,1fr) 38px!important;gap:9px!important}.driver-avatar{width:43px!important;height:43px!important}.driver-copy{min-width:0}.driver-copy h3{font-size:10.5px!important;overflow-wrap:anywhere}.driver-copy p{font-size:6.7px!important}.driver-whatsapp{width:38px!important;height:38px!important}.info-card{padding:4px 12px!important}.info-row{grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important;padding:13px 0!important}.info-icon{width:29px!important;height:29px!important}.info-row div>span{font-size:6.4px!important}.info-row strong{font-size:9.5px!important;overflow-wrap:anywhere}.action-grid{gap:7px!important}.action-grid .btn{min-height:49px!important;padding:9px!important;font-size:7.5px!important}.action-icon{width:27px!important;height:27px!important;flex-basis:27px!important}.action-grid .btn small{font-size:5.8px!important}.modal{padding:0!important;align-items:flex-end!important}.modal-card{width:100%!important;max-height:94dvh!important;border-radius:18px 18px 0 0!important;padding:15px!important}.modal-actions{position:sticky;bottom:-15px;margin-left:-15px;margin-right:-15px;padding:12px 15px calc(12px + env(safe-area-inset-bottom));background:#101216;border-top:1px solid #30343c}.ctr-document{padding:16px 13px!important}.ctr-doc-grid{gap:11px 12px!important}.cancel-qr img{width:min(190px,70vw)!important;height:auto!important}.cancel-actions{grid-template-columns:1fr!important}}
@media(max-width:350px){.app-brand-copy em{display:none!important}.app-brand-copy strong{font-size:16px!important}.app-logo-frame{width:40px!important;height:40px!important;flex-basis:40px!important}.status-steps{grid-template-columns:38px 1fr 38px 1fr 38px 1fr 38px!important}.step{width:38px!important}.feature-grid{grid-template-columns:1fr!important}.action-grid{grid-template-columns:1fr!important}.action-grid .action-half{grid-column:1/-1}.ctr-doc-grid{grid-template-columns:1fr!important}.ctr-doc-field-wide{grid-column:auto!important}}
@media(max-width:760px){.feature-card:after{transition:width .55s cubic-bezier(.2,.75,.25,1)!important}.feature-card.mobile-revealed:after{width:100%!important}.driver-card.mobile-revealed{border-color:#6d4224!important}.info-row.mobile-revealed .info-icon{box-shadow:0 0 0 4px rgba(255,106,0,.07)}.action-grid .btn.mobile-revealed{border-color:#4b382a}.feature-card:active,.driver-card:active,.action-grid .btn:active{transform:scale(.985)!important;border-color:#ff6a00!important}}