:root{--navy:#071d37;--blue:#0877e8;--bg:#f2f6fb;--text:#142238;--muted:#718095}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0877e8,#12a9eb);display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px}.brand strong{display:block;font-size:20px}.brand small{display:block;font-size:12px;color:#a9bdd4}
.login-page{min-height:100vh;background:#edf3fa}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.login-hero{background:linear-gradient(120deg,rgba(3,18,38,.96),rgba(4,45,84,.88)),url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1600&q=80') center/cover;display:flex;align-items:center;padding:7vw;color:#fff}.hero-content{max-width:720px}.hero-content h1{font-size:clamp(40px,5vw,72px);line-height:1.05;margin:60px 0 25px}.hero-content p{font-size:20px;color:#c8d8e8}.login-panel{display:grid;place-items:center;padding:35px}.login-card,.install-card{background:#fff;border-radius:24px;padding:42px;box-shadow:0 25px 70px rgba(15,47,82,.15)}.login-card{width:min(440px,100%)}.login-card h2{font-size:38px;margin:8px 0}.eyebrow{font-size:11px;color:var(--blue);font-weight:900;letter-spacing:1.5px}.login-footer{text-align:center;font-size:12px;margin-top:28px;color:var(--muted)}
.form-control,.form-select{border-radius:11px;padding:12px 14px;border-color:#dbe4ef}.btn{border-radius:11px}.btn-primary{background:var(--blue);border-color:var(--blue)}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:275px;background:linear-gradient(180deg,#061a33,#082b50);padding:24px 16px;overflow:auto;z-index:40;transition:.25s}.sidebar-brand{padding:0 10px 28px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#c8d6e6;text-decoration:none;border-radius:12px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(8,119,232,.35),rgba(18,169,235,.1));color:#fff}.nav-section{padding:22px 14px 8px;color:#7891aa;font-size:10px;font-weight:900;letter-spacing:1.4px}.main{margin-left:275px;width:calc(100% - 275px)}.topbar{height:88px;background:#fff;border-bottom:1px solid #e1e9f2;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.topbar h1{font-size:23px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:3px 0}.userbox{display:flex;align-items:center;gap:12px}.userbox strong,.userbox small{display:block;text-align:right}.userbox small{font-size:11px;color:var(--muted)}.content{padding:28px}
.ops-strip{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#071d37,#0a315a);color:#fff;border-radius:18px;padding:18px 24px;gap:20px}.ops-strip div{border-right:1px solid rgba(255,255,255,.12)}.ops-strip div:last-child{border-right:0}.ops-strip span,.ops-strip strong{display:block}.ops-strip span{font-size:10px;letter-spacing:1.2px;color:#a9c0d7}.ops-strip strong{font-size:25px}.ops-strip .ok{color:#4fd18b}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpi{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e2eaf3;border-radius:18px;padding:20px}.kpi-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:21px}.blue{background:#e8f3ff;color:#0877e8}.amber{background:#fff3d9;color:#df9800}.green{background:#e7f8ef;color:#11a15b}.purple{background:#f0eaff;color:#7850d4}.kpi small,.kpi strong,.kpi em{display:block}.kpi small{font-size:10px;font-weight:900;color:#708095}.kpi strong{font-size:30px}.kpi em{font-style:normal;color:#8190a1;font-size:12px}
.panel{background:#fff;border:1px solid #e1e9f2;border-radius:18px;box-shadow:0 8px 25px rgba(15,47,82,.04);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.panel-head h3{font-size:17px;margin:0}.panel-head p{font-size:12px;color:var(--muted);margin:3px 0}.live-dot{font-size:12px;color:#11a15b}.live-dot:before{content:'';display:inline-block;width:8px;height:8px;background:#11a15b;border-radius:50%;margin-right:6px}
.dock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 22px 22px}.dock-card{border:1px solid #e1e9f2;border-radius:14px;overflow:hidden}.dock-title{padding:11px;color:#fff;display:flex;justify-content:space-between;font-size:11px}.status-livre .dock-title,.dock-title.status-livre{background:#13a261}.status-ocupada .dock-title,.dock-title.status-ocupada{background:#0877e8}.status-manutencao .dock-title,.dock-title.status-manutencao{background:#778493}.status-inativa .dock-title,.dock-title.status-inativa{background:#c84141}.dock-body{text-align:center;padding:20px 10px;display:flex;flex-direction:column;gap:4px;min-height:130px;justify-content:center}.dock-body i{font-size:28px}.dock-body small{color:var(--muted)}.timer{display:inline-block;margin-top:8px;background:#071d37;color:#fff;padding:7px 12px;border-radius:8px;font-weight:800}
.table>:not(caption)>*>*{padding:15px 20px}.table thead th{font-size:10px;text-transform:uppercase;color:#78879a;background:#f7f9fc}.status-badge{display:inline-block;padding:7px 10px;border-radius:50px;background:#edf4ff;color:#1269c4;font-size:11px;font-weight:800;text-transform:capitalize}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 22px}.quick-actions a{padding:20px 10px;text-align:center;text-decoration:none;color:var(--text);border:1px solid #e1e9f2;background:#f7f9fc;border-radius:14px}.quick-actions i{display:block;font-size:24px;color:var(--blue);margin-bottom:8px}.quick-actions span{font-size:12px;font-weight:800}
.checkin-shell{max-width:760px;margin:auto}.checkin-card{background:#fff;border:1px solid #e1e9f2;border-radius:22px;padding:45px;text-align:center}.checkin-icon{width:74px;height:74px;border-radius:22px;margin:0 auto 18px;background:#eaf4ff;color:#0877e8;display:grid;place-items:center;font-size:34px}.result-card{background:#f8fbff;border:1px solid #dce7f2;border-radius:16px;padding:22px}
.queue-grid{display:grid;gap:14px}.queue-card{background:#fff;border:1px solid #e1e9f2;border-radius:18px;padding:18px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px}.queue-position{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0877e8;font-size:20px;font-weight:900}.queue-main h4{margin:0}.queue-main p{margin:3px 0;color:var(--muted)}.queue-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.queue-meta i{margin-right:5px;color:var(--blue)}.queue-card.convocado{border-left:5px solid #f0a000}.queue-card.em_operacao{border-left:5px solid #13a261}
.dock-management{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.empty-dock{text-align:center;display:flex;flex-direction:column;gap:6px}.empty-dock i{font-size:36px;color:#13a261}.empty-dock span{color:var(--muted)}
@media(max-width:1200px){.kpi-grid,.ops-strip{grid-template-columns:repeat(2,1fr)}.dock-management{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.login-shell{grid-template-columns:1fr}.login-hero{display:none}}@media(max-width:650px){.content{padding:16px}.topbar{padding:0 15px}.kpi-grid,.ops-strip{grid-template-columns:1fr}.dock-grid{grid-template-columns:1fr;padding:0 14px 14px}.dock-management{grid-template-columns:1fr}.queue-card{grid-template-columns:45px 1fr}.queue-card form{grid-column:1/-1}.checkin-card{padding:25px}}

/* V4 Comercial */
.control-banner{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr)) auto;align-items:center;gap:0;background:linear-gradient(100deg,#071d37,#0a3b69);color:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 12px 30px rgba(7,29,55,.16)}
.control-item{display:flex;align-items:center;gap:12px;padding:4px 18px;border-right:1px solid rgba(255,255,255,.13)}.control-item:first-child{padding-left:2px}.control-item i{font-size:22px;color:#58bdff}.control-item span,.control-item strong{display:block}.control-item span{font-size:9px;letter-spacing:1.2px;color:#9fb8d0;font-weight:800}.control-item strong{font-size:21px;white-space:nowrap}.operation-normal{color:#51d28a}.operation-normal b{display:inline-block;width:9px;height:9px;border-radius:50%;background:#51d28a;margin-right:6px;box-shadow:0 0 0 5px rgba(81,210,138,.12)}
.control-tv{margin-left:16px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:11px;padding:10px 13px;font-size:12px;white-space:nowrap}.control-tv:hover{background:#fff;color:#071d37}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric-card{background:#fff;border:1px solid #e1e9f2;border-radius:15px;padding:17px 19px}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#738298;font-size:11px;font-weight:800;text-transform:uppercase}.metric-card strong{font-size:23px;margin-top:3px}.metric-card small{color:#8a98a8;font-size:11px}.metric-progress{height:6px;background:#e9eef5;border-radius:10px;margin-top:11px;overflow:hidden}.metric-progress i{display:block;height:100%;background:#0877e8;border-radius:10px}
.yard-map{display:grid;grid-template-columns:150px 36px minmax(220px,1fr) 36px minmax(350px,1.8fr) 36px 150px;align-items:stretch;padding:0 22px 22px;gap:8px}.yard-zone{border:1px solid #dce7f2;border-radius:15px;background:#f8fbff;padding:16px}.gate-zone,.exit-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.zone-icon{width:50px;height:50px;border-radius:15px;background:#e6f2ff;color:#0877e8;display:grid;place-items:center;font-size:25px;margin-bottom:8px}.yard-zone span{font-size:11px;color:#738298}.yard-arrow{display:grid;place-items:center;color:#8aa1b9;font-size:22px}.zone-head{display:flex;justify-content:space-between;margin-bottom:10px}.mini-queue{display:grid;gap:6px}.mini-queue>div{display:grid;grid-template-columns:25px 1fr;gap:0 8px;padding:7px;border-radius:9px;background:#fff;border:1px solid #e4ebf3}.mini-queue b{grid-row:1/3;display:grid;place-items:center;background:#eaf4ff;color:#0877e8;border-radius:7px}.mini-queue span{font-weight:800;color:#17273b}.mini-docks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-dock{padding:9px;border-radius:9px;border:1px solid #dce7f2;background:#fff}.mini-dock strong,.mini-dock span,.mini-dock small{display:block}.mini-dock span{font-size:10px}.mini-dock.livre{border-top:4px solid #13a261}.mini-dock.ocupada{border-top:4px solid #0877e8}.mini-dock.manutencao{border-top:4px solid #ef9b13}
.yard-full{display:grid;grid-template-columns:170px minmax(230px,.8fr) minmax(500px,2fr) 170px;gap:16px;min-height:690px}.yard-lane{background:#fff;border:1px solid #dfe8f2;border-radius:18px;padding:16px}.lane-title{display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf1f6}.lane-title>i{font-size:22px;color:#0877e8}.lane-title strong,.lane-title span{display:block}.lane-title span{font-size:11px;color:#728196}.gate-box{height:calc(100% - 70px);min-height:300px;margin-top:15px;border:2px dashed #b8c9da;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7fbff}.gate-box i{font-size:50px;color:#0877e8}.gate-box span{color:#748398}.gate-box.exit i{color:#13a261}.truck-list{display:grid;gap:10px;margin-top:15px}.truck-chip{display:grid;grid-template-columns:30px 30px 1fr;gap:8px;align-items:center;border:1px solid #dde7f0;border-radius:12px;padding:10px;background:#f9fbfd}.truck-chip>small{grid-column:2/4;color:#6e7d90}.truck-order{width:28px;height:28px;border-radius:50%;background:#eaf4ff;color:#0877e8;display:grid;place-items:center;font-weight:900}.truck-chip i{color:#0877e8;font-size:20px}.truck-chip strong,.truck-chip span{display:block}.truck-chip span{font-size:10px;color:#728196}.truck-chip.convocado{border-left:5px solid #f0a000}.yard-docks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.yard-dock{border:1px solid #dce7f2;border-radius:13px;overflow:hidden}.yard-dock header{display:flex;justify-content:space-between;padding:9px 11px;background:#13a261;color:#fff;font-size:11px}.yard-dock.ocupada header{background:#0877e8}.yard-dock.manutencao header{background:#788596}.dock-bay{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:#f9fbfd}.dock-bay>i{font-size:28px}.dock-bay small{color:#758498}
.portaria-toolbar{padding:15px 18px;display:flex;justify-content:space-between;align-items:center}.portaria-search{display:flex;align-items:center;gap:8px;min-width:min(650px,75%)}.portaria-search i{margin-left:8px}.portaria-search input{flex:1;border:0;outline:0;padding:10px;background:#f5f8fc;border-radius:10px}.portaria-status{display:flex;gap:7px;align-items:center;font-size:12px}.portaria-status b{width:9px;height:9px;border-radius:50%;background:#13a261}.portaria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portaria-card{background:#fff;border:1px solid #dfe8f2;border-radius:17px;padding:17px}.portaria-card header{display:flex;justify-content:space-between}.portaria-card header span,.portaria-card header strong{display:block}.portaria-card header>div>span{font-size:10px;color:#718095}.portaria-card header>div>strong{font-size:22px}.portaria-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.portaria-info p{margin:0;padding:9px;border-radius:9px;background:#f6f9fc}.portaria-info i{color:#0877e8;margin-right:5px}.portaria-info span,.portaria-info strong{display:block;font-size:10px}.portaria-info strong{font-size:12px;margin-top:2px}.portaria-wait{text-align:center;background:#f4f7fa;padding:10px;border-radius:10px;color:#708095}
.operation-header{display:flex;justify-content:space-between;align-items:center;padding:22px}.operation-header span,.operation-header h2,.operation-header p{margin:0}.operation-header>div>span{font-size:11px;color:#718095}.detail-list p{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:12px 0;margin:0}.detail-list span{color:#718095}.timeline{position:relative;margin-top:18px}.timeline:before{content:'';position:absolute;left:18px;top:10px;bottom:10px;width:2px;background:#dce5ef}.timeline>div{position:relative;display:flex;gap:15px;margin-bottom:18px}.timeline i{position:relative;z-index:2;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#edf1f5;color:#8190a1;font-style:normal;font-weight:800}.timeline .done i{background:#13a261;color:#fff}.timeline section strong,.timeline section span{display:block}.timeline section span{font-size:11px;color:#7a899a}
.tv-page{min-height:100vh;background:#06182e;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}.tv-header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 45px;border-bottom:1px solid rgba(255,255,255,.12);background:#081e39}.tv-logo{display:flex;align-items:center;gap:12px}.tv-logo>b{width:46px;height:46px;border-radius:12px;background:#0877e8;display:grid;place-items:center;font-size:22px}.tv-logo strong,.tv-logo span{display:block}.tv-logo span{font-size:12px;color:#9ab0c7}.tv-header>div:last-child{font-size:30px;font-weight:800}.tv-main{display:grid;grid-template-columns:1.7fr 1fr;gap:25px;padding:30px 40px}.tv-call,.tv-queue{background:linear-gradient(145deg,#0a2c51,#09213d);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px}.tv-call>span{font-size:14px;color:#7fc7ff;letter-spacing:2px}.tv-call-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.tv-call-grid>div{background:#fff;color:#071d37;border-radius:16px;padding:22px;text-align:center}.tv-call-grid small,.tv-call-grid strong{display:block}.tv-call-grid strong{font-size:clamp(35px,5vw,75px)}.tv-call h2{text-align:center;font-size:42px;margin:25px 0 5px}.tv-call p{text-align:center;color:#a9bdd1;font-size:20px}.tv-empty{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ab0c7}.tv-empty i{font-size:65px}.tv-queue h3{margin-top:0}.tv-list{display:grid;gap:10px}.tv-list>div{display:grid;grid-template-columns:38px 1fr 1fr;gap:8px;background:rgba(255,255,255,.06);border-radius:12px;padding:13px;align-items:center}.tv-list b{width:32px;height:32px;border-radius:50%;background:#0877e8;display:grid;place-items:center;grid-row:1/3}.tv-list strong{font-size:18px}.tv-list small{grid-column:2/4;color:#9ab0c7}.tv-list-empty{text-align:center;padding:60px;color:#9ab0c7}.tv-footer{display:flex;justify-content:space-between;padding:15px 40px;color:#9ab0c7}
@media(max-width:1350px){.control-banner{grid-template-columns:repeat(4,1fr)}.control-tv{grid-column:1/-1;text-align:center;margin:10px 0 0}.yard-map{grid-template-columns:130px 25px 1fr 25px 1.5fr}.exit-zone,.yard-map>.yard-arrow:nth-last-child(2){display:none}.yard-full{grid-template-columns:150px 1fr 2fr}.exit-lane{display:none}.portaria-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.control-banner,.metric-grid{grid-template-columns:1fr 1fr}.control-item{border:0}.yard-map{grid-template-columns:1fr}.yard-arrow{transform:rotate(90deg)}.yard-full{grid-template-columns:1fr}.portaria-grid{grid-template-columns:1fr}.portaria-toolbar{display:block}.portaria-search{min-width:100%}.portaria-status{margin-top:10px}.tv-main{grid-template-columns:1fr}.tv-call-grid{grid-template-columns:1fr}.tv-page{overflow:auto}}

/* V5 Oficial */
.metric-grid-five{grid-template-columns:repeat(5,1fr)}
.sla-badge{display:inline-block;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}
.sla-normal{background:#e7f8ef;color:#0b8d4d}.sla-atencao{background:#fff3d9;color:#c17b00}.sla-atrasado{background:#ffe7e7;color:#c53030}
.sla-summary{border-left:4px solid #ef9b13}
.operation-header-status{display:flex;gap:8px;align-items:center}.operation-actions{padding:15px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.operation-actions form,.operation-actions>div{display:flex;gap:8px;flex-wrap:wrap}
.severity{display:inline-block;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.severity-baixa{background:#eaf4ff;color:#1269c4}.severity-media{background:#fff3d9;color:#c17b00}.severity-alta{background:#ffe7d6;color:#c05621}.severity-critica{background:#ffe1e1;color:#b91c1c}
.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 20px 20px}.document-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;border:1px solid #e1e9f2;border-radius:14px;padding:14px}.document-card>i{font-size:27px;color:#0877e8}.document-card strong,.document-card span,.document-card small{display:block}.document-card span,.document-card small{color:#718095;font-size:11px}
@media(max-width:1300px){.metric-grid-five{grid-template-columns:repeat(3,1fr)}.document-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.metric-grid-five{grid-template-columns:1fr 1fr}.operation-actions{display:block}.operation-actions>div{margin-top:10px}.document-grid{grid-template-columns:1fr}}

/* V6 Operação Inteligente */
.operation-flow{padding:20px}.flow-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.flow-steps>div{position:relative;text-align:center;color:#8290a2}.flow-steps>div:after{content:'';position:absolute;top:17px;left:60%;right:-40%;height:2px;background:#dce5ef}.flow-steps>div:last-child:after{display:none}.flow-steps i{position:relative;z-index:2;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#edf1f5;font-style:normal;font-weight:900}.flow-steps span{font-size:10px;font-weight:800}.flow-steps .done i,.flow-steps .active i{background:#13a261;color:#fff}.flow-steps .done:after{background:#13a261}.flow-steps .active i{box-shadow:0 0 0 6px rgba(19,162,97,.12)}
.operation-progress-wrap{margin-top:22px}.operation-progress-wrap>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px}.operation-progress{height:10px;background:#e7edf4;border-radius:999px;overflow:hidden}.operation-progress i{display:block;height:100%;background:linear-gradient(90deg,#0877e8,#13a261);border-radius:999px}
.operation-dock-select{min-width:220px}.operation-actions form{align-items:center}
@media(max-width:1000px){.flow-steps{grid-template-columns:repeat(4,1fr);row-gap:18px}.flow-steps>div:after{display:none}}
@media(max-width:600px){.flow-steps{grid-template-columns:repeat(2,1fr)}}

/* V7 Agendamento Inteligente */
.availability-box{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:11px;font-size:12px;font-weight:700}.availability-box.neutral{background:#f4f7fa;color:#6e7d90}.availability-box.checking{background:#eaf4ff;color:#1269c4}.availability-box.available{background:#e7f8ef;color:#0b8d4d}.availability-box.unavailable{background:#ffe7e7;color:#c53030}
.tracking-page{min-height:100vh;background:linear-gradient(145deg,#061a33,#0b3d6c);padding:30px}.tracking-shell{max-width:760px;margin:auto}.tracking-shell header{padding:15px 0}.tracking-shell .brand strong{color:#fff}.tracking-shell .brand small{color:#adc0d3}.tracking-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.24)}.tracking-head{display:flex;justify-content:space-between;align-items:start}.tracking-head span,.tracking-head h1,.tracking-head p{margin:0}.tracking-head>div>span{font-size:11px;color:#718095}.tracking-head h1{font-size:36px}.tracking-head p{color:#718095}.tracking-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.tracking-info div{background:#f6f9fc;border:1px solid #e3eaf2;border-radius:12px;padding:13px}.tracking-info span,.tracking-info strong{display:block}.tracking-info span{font-size:10px;color:#718095;text-transform:uppercase;font-weight:800}.tracking-steps{display:grid;gap:10px}.tracking-steps>div{display:flex;align-items:center;gap:10px;padding:11px;border-radius:11px;background:#f4f6f9;color:#8a96a5}.tracking-steps>div.done{background:#e7f8ef;color:#0b8d4d}.tracking-note{margin-top:18px;text-align:center;color:#718095;font-size:11px}
@media(max-width:600px){.tracking-page{padding:15px}.tracking-card{padding:20px}.tracking-info{grid-template-columns:1fr}}