.customerQrCard{grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:center;gap:28px;max-width:1140px;margin:-54px auto 16px;display:grid}.customerQrCopy>p{color:var(--muted);max-width:720px}.customerQrPanel{color:#06111e;background:#fff;border-radius:16px;justify-self:end;justify-items:center;gap:10px;width:min(100%,310px);padding:18px;display:grid}.customerQrSvg{width:100%;height:auto;display:block}.customerQrPanel small{letter-spacing:.08em;text-transform:uppercase;font-weight:800}@media (max-width:800px){.customerQrCard{grid-template-columns:1fr;margin:-44px 14px 16px}.customerQrPanel{justify-self:center;width:min(100%,300px)}}
.customerPaymentHistory{max-width:1140px;margin:-54px auto 80px}.customerPaymentHistory>div:first-child p{color:var(--muted);max-width:760px}.customerPaymentList{gap:12px;margin-top:18px;display:grid}.customerPaymentAttempt{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:minmax(150px,.55fr) minmax(300px,1.5fr) auto;align-items:center;gap:18px;padding:15px;display:grid}.customerPaymentAttempt>div:first-child{gap:4px;display:grid}.customerPaymentAttempt>div:first-child strong{font-size:1.2rem}.customerPaymentAttempt>div:first-child span{color:var(--muted);font-size:.83rem}.customerPaymentAttempt dl{flex-wrap:wrap;gap:10px 24px;margin:0;display:flex}.customerPaymentAttempt dl>div{gap:3px;display:grid}.customerPaymentAttempt dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.customerPaymentAttempt dd{margin:0}.customerPaymentAttempt.status-succeeded{border-color:#3aa35c59}.customerPaymentAttempt.status-failed{border-color:#eb565661}.paymentAttemptError{color:#ffd2d2;grid-column:1/-1;margin:0;font-size:.82rem}.customerPaymentAttempt .primaryBtn{white-space:nowrap;min-height:42px;padding:0 14px}@media (max-width:800px){.customerPaymentHistory{margin:-44px 14px 60px}.customerPaymentAttempt{grid-template-columns:1fr}.customerPaymentAttempt dl{grid-template-columns:1fr 1fr;display:grid}.customerPaymentAttempt .primaryBtn{width:100%}}
.customerOfflineWallet{color:#173026;background:linear-gradient(145deg,#f7fbf9,#eef6f2);border:1px solid #d9e3e7;border-radius:22px;max-width:1180px;margin:22px auto;padding:22px;box-shadow:0 12px 40px #1b362b0f}.customerOfflineWallet.isOffline{background:linear-gradient(145deg,#edf8f2,#e5f1eb);border-color:#b9d6c4}.offlineWalletTop{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.offlineWalletTop h2{letter-spacing:-.02em;margin:4px 0 8px;font-size:29px}.offlineWalletTop p{color:#5d7067;max-width:760px;margin:0}.offlineWalletState{background:#ffffffb8;border:1px solid #d3dfd8;border-radius:14px;flex-direction:column;align-items:flex-end;min-width:180px;padding:11px 13px;display:flex}.offlineWalletState i{border-radius:50%;width:9px;height:9px;margin-bottom:7px}.offlineWalletState.ready i{background:#22a35d;box-shadow:0 0 0 5px #22a35d1c}.offlineWalletState.pending i{background:#d39a2b;box-shadow:0 0 0 5px #d39a2b1c}.offlineWalletState strong{letter-spacing:.08em;font-size:11px}.offlineWalletState small{color:#75867d;margin-top:4px;font-size:10px}.offlineWalletActions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.offlineWalletMessage{background:#fff;border:1px solid #cdded4;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px}.offlineWalletMessage.error{color:#7b302b;background:#fff3f1;border-color:#e7b9b4}.offlineWalletPack{border-top:1px solid #d4e1d9;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:start;gap:24px;margin-top:20px;padding-top:20px;display:grid}.offlineWalletQr{flex-direction:column;align-items:center;display:flex}.offlineWalletQr .bev27QrCard{background:#fff;width:100%;max-width:330px;margin:0}.zeroNetworkBadge{color:#fff;letter-spacing:.08em;background:#15392a;border-radius:999px;margin-top:10px;padding:7px 10px;font-size:10px;font-weight:900}.offlineWalletDetails .portalDataList{margin-top:0}.offlineCoordinates{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.offlineInstruction{background:#fff;border:1px solid #d9e4de;border-radius:12px;margin-top:10px;padding:12px 14px}.offlineInstruction strong{font-size:12px;display:block}.offlineInstruction p{color:#5f7167;margin:5px 0 0;font-size:12px;line-height:1.5}.offlineWalletRules{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.offlineWalletRules span{color:#dff3e7;background:#17392a;border-radius:999px;padding:6px 9px;font-size:10px}.customerOfflineWallet .customerPrimaryButton,.customerOfflineWallet .customerSecondaryButton{cursor:pointer}.customerOfflineWallet button:disabled{opacity:.5;cursor:not-allowed}.customerOfflineOnlyNotice{color:#26483a;background:#f0f8f4;border:1px solid #c9ddd1;border-radius:14px;align-items:center;gap:9px;max-width:1180px;margin:12px auto 30px;padding:13px 16px;display:flex}.customerOfflineOnlyNotice strong{white-space:nowrap;font-size:12px}.customerOfflineOnlyNotice span{color:#61746a;font-size:11px}@media (max-width:760px){.customerOfflineWallet{margin:16px 12px;padding:17px}.offlineWalletTop{flex-direction:column}.offlineWalletState{box-sizing:border-box;align-items:flex-start;width:100%}.offlineWalletPack{grid-template-columns:1fr}.offlineWalletQr .bev27QrCard{max-width:360px}.offlineWalletActions>*{text-align:center;flex:1}.customerOfflineOnlyNotice{flex-direction:column;align-items:flex-start;margin:10px 12px 25px}}@media (max-width:480px){.offlineWalletActions{flex-direction:column}.offlineWalletActions>*{width:100%}.offlineWalletTop h2{font-size:25px}}
.recoveryCodeCard{background:linear-gradient(145deg,#f7fafb,#fff);border:1px solid #d8e3e7;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;max-width:1180px;margin:18px auto;padding:20px 22px;display:grid;box-shadow:0 10px 34px #192c360b}.recoveryCodeCard h2{margin:3px 0 6px;font-size:25px}.recoveryCodeCard p{color:#647780;max-width:760px;margin:0;font-size:12px}.recoveryCodeValue{background:#132832;border-radius:12px;align-items:center;gap:8px;padding:11px 12px;display:flex}.recoveryCodeValue strong{color:#fff;letter-spacing:.12em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px}.recoveryCodeValue button,.recoveryCodeActions button{color:#1c3440;cursor:pointer;background:#fff;border:1px solid #d2dde2;border-radius:9px;padding:8px 10px;font-weight:800}.recoveryCodeRules{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.recoveryCodeRules span{color:#60747e;background:#eef4f6;border-radius:999px;padding:6px 9px;font-size:10px}.recoveryCodeActions{grid-column:1/-1;align-items:center;gap:10px;display:flex}.recoveryCodeActions small{color:#788a92}.recoveryCodeMessage{background:#edf4f6;border-radius:10px;grid-column:1/-1!important;padding:10px 12px!important}@media (max-width:700px){.recoveryCodeCard{grid-template-columns:1fr;margin:14px 12px}.recoveryCodeValue{justify-content:space-between}.recoveryCodeRules,.recoveryCodeActions,.recoveryCodeMessage{grid-column:1}.recoveryCodeValue strong{font-size:16px}}
.visualPermitSection{background:#fff;border:1px solid #d9e4e8;border-radius:20px;max-width:1180px;margin:18px auto;padding:22px;box-shadow:0 11px 34px #182c360d}.visualPermitIntro{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px;display:flex}.visualPermitIntro h2{margin:4px 0 7px;font-size:26px}.visualPermitIntro p{color:#657780;max-width:760px;margin:0}.visualPermitActions{gap:7px;display:flex}.visualPermitActions button{color:#19313c;cursor:pointer;background:#fff;border:1px solid #d1dce1;border-radius:9px;padding:9px 11px;font-weight:800}.visualPermitActions button:first-child{color:#fff;background:#152a34;border-color:#152a34}.visualPermitActions button:disabled{opacity:.45}.vehiclePermitPrintable{border:5px solid var(--permit-color);background:#fff;border-radius:18px;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid;position:relative;overflow:hidden}.vehiclePermitPrintable:before{content:"";background:var(--permit-color);width:11px;position:absolute;inset:0 auto 0 0}.permitShape{background:var(--permit-color);width:82px;height:82px;margin:auto}.permitShape.circulo,.permitShape.circle{border-radius:50%}.permitShape.triangulo,.permitShape.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.permitShape.cuadrado,.permitShape.square{border-radius:10px}.permitMain small{letter-spacing:.14em;color:#7a8d96;font-size:9px;font-weight:900}.permitMain>strong{color:#172d37;margin:5px 0;font-size:46px;line-height:1;display:block}.permitMain h3{margin:3px 0;font-size:24px}.permitMain p{color:#60737d;margin:0}.permitRouting{grid-template-columns:auto auto;align-items:baseline;gap:3px 11px;min-width:190px;display:grid}.permitRouting span{letter-spacing:.12em;color:#7b8e97;font-size:8px;font-weight:900}.permitRouting b{text-align:right;font-size:17px}.vehiclePermitPrintable footer{border-top:1px solid #dce5e8;grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;padding-top:11px;font-size:10px;display:flex}.vehiclePermitPrintable footer span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.vehiclePermitPrintable footer strong{letter-spacing:.08em}.visualPermitRules{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.visualPermitRules span{color:#60747e;background:#f0f5f6;border-radius:999px;padding:6px 9px;font-size:10px}.visualPermitMessage{color:#425b66;background:#edf4f6;border-radius:10px;margin:10px 0 0;padding:9px 11px;font-size:12px}@media (max-width:740px){.visualPermitSection{margin:14px 12px}.visualPermitIntro{flex-direction:column}.vehiclePermitPrintable{grid-template-columns:80px 1fr}.permitShape{width:60px;height:60px}.permitRouting{grid-column:1/-1}.visualPermitActions{width:100%}.visualPermitActions button{flex:1}}@media print{body.printVehiclePermit *{visibility:hidden!important}body.printVehiclePermit .vehiclePermitPrintable,body.printVehiclePermit .vehiclePermitPrintable *{visibility:visible!important}body.printVehiclePermit .vehiclePermitPrintable{width:auto;box-shadow:none;border-width:7px;position:fixed;top:12mm;left:8mm;right:8mm}body.printVehiclePermit .vehiclePermitPrintable footer{display:flex!important}@page{size:A4 landscape;margin:10mm}}
.customerTripPanel{color:#173026;background:#fff;border:1px solid #dfe6e2;border-radius:24px;max-width:1180px;margin:22px auto 30px;padding:24px;box-shadow:0 14px 42px #1f372c12}.tripHero{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.tripHero h2{letter-spacing:-.025em;margin:4px 0 8px;font-size:30px}.tripHero p{color:#62746b;max-width:760px;margin:0;line-height:1.55}.tripConnectivity{background:#f8faf9;border:1px solid #d5dfda;border-radius:14px;flex-direction:column;align-items:flex-end;min-width:170px;padding:11px 13px;display:flex}.tripConnectivity i{border-radius:50%;width:9px;height:9px;margin-bottom:7px}.tripConnectivity.online i{background:#20a05a;box-shadow:0 0 0 5px #20a05a1c}.tripConnectivity.fallback i{background:#d89d2c;box-shadow:0 0 0 5px #d89d2c1f}.tripConnectivity strong{letter-spacing:.08em;font-size:10px}.tripConnectivity small{color:#7a8982;margin-top:4px;font-size:10px}.tripSummaryGrid{grid-template-columns:1.15fr .85fr 1fr;gap:16px;margin-top:22px;display:grid}.tripCard{background:#f9fbfa;border:1px solid #e0e6e2;border-radius:18px;min-width:0;padding:18px}.tripCard h3,.tripGuidanceCard h3{letter-spacing:-.01em;margin:4px 0 12px;font-size:19px}.tripCard p{color:#617169;font-size:13px;line-height:1.55}.tripCardLabel{text-transform:uppercase;letter-spacing:.1em;color:#61756b;font-size:10px;font-weight:900}.tripCard dl{gap:8px;margin:14px 0 0;display:grid}.tripCard dl div{border-top:1px solid #e2e8e5;grid-template-columns:115px 1fr;gap:10px;padding-top:8px;display:grid}.tripCard dt{color:#7c8a83;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.tripCard dd{overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:700}.tripPending{background:#fff8e9;border:1px solid #eadbb8;border-radius:11px;padding:10px 12px;color:#725b2a!important}.tripActions{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.tripActions a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.tripDeparture{border-top:1px solid #e0e6e2;margin-top:14px;padding-top:12px}.tripDeparture strong{font-size:11px}.tripDeparture p{margin:4px 0}.tripEventName{color:#7c8a83;margin-top:16px;display:block}.tripChecklistHead{justify-content:space-between;align-items:flex-start;display:flex}.tripChecklistHead strong{font-size:21px}.tripProgress{background:#e2e9e5;border-radius:999px;height:7px;margin:2px 0 13px;overflow:hidden}.tripProgress span{background:#23985b;border-radius:999px;height:100%;transition:width .25s;display:block}.tripChecklist{gap:8px;display:grid}.tripChecklist label{cursor:pointer;background:#fff;border:1px solid #e1e7e4;border-radius:11px;align-items:flex-start;gap:9px;padding:9px 10px;font-size:12px;line-height:1.35;display:flex}.tripChecklist label.checked{background:#eef8f2;border-color:#c8dfd1}.tripChecklist input{accent-color:#1b8e52;margin-top:2px}.tripChecklist input:disabled{opacity:.9}.tripHint{color:#7a8982;margin-top:10px;display:block}.tripGuidanceCard{background:linear-gradient(145deg,#f5faf7,#edf5f0);border:1px solid #dfe6e2;border-radius:18px;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:center;gap:24px;margin-top:16px;padding:20px;display:grid}.tripGuidanceCopy p{color:#607169;margin:0 0 14px;font-size:13px;line-height:1.55}.tripGuidanceCopy small{color:#74847c;margin-top:9px;display:block}.tripGuidanceMessage{background:#fff;border:1px solid #d9e2dd;border-radius:10px;padding:8px 10px}.tripCompass{opacity:.7;justify-content:center;align-items:center;gap:18px;display:flex}.tripCompass.active{opacity:1}.tripCompassDial{background:radial-gradient(circle,#fff 0 48%,#edf4f0 49% 100%);border:2px solid #bccdc4;border-radius:50%;width:150px;height:150px;position:relative;box-shadow:inset 0 0 0 8px #fff}.tripCompassDial .north,.tripCompassDial .east,.tripCompassDial .south,.tripCompassDial .west{color:#6a7b72;font-size:10px;font-weight:900;position:absolute}.tripCompassDial .north{top:8px;left:50%;transform:translate(-50%)}.tripCompassDial .south{bottom:8px;left:50%;transform:translate(-50%)}.tripCompassDial .east{top:50%;right:8px;transform:translateY(-50%)}.tripCompassDial .west{top:50%;left:8px;transform:translateY(-50%)}.tripArrow{transform-origin:50% 50px;text-align:center;color:#173f2d;width:28px;height:62px;margin-top:-50px;margin-left:-14px;font-size:45px;line-height:62px;transition:transform .2s linear;position:absolute;top:50%;left:50%}.tripCompassData{flex-direction:column;min-width:115px;display:flex}.tripCompassData strong{font-size:25px}.tripCompassData span{color:#5f7067;font-size:11px}.tripCompassData small{color:#7d8a84;margin-top:4px;font-size:10px}@media (max-width:900px){.tripSummaryGrid{grid-template-columns:1fr 1fr}.tripChecklistCard{grid-column:1/-1}.tripGuidanceCard{grid-template-columns:1fr}}@media (max-width:680px){.customerTripPanel{margin:16px 12px 24px;padding:18px}.tripHero{flex-direction:column}.tripConnectivity{box-sizing:border-box;align-items:flex-start;width:100%}.tripSummaryGrid{grid-template-columns:1fr}.tripChecklistCard{grid-column:auto}.tripGuidanceCard{padding:17px}.tripCompass{flex-direction:column}.tripHero h2{font-size:26px}.tripCard dl div{grid-template-columns:100px 1fr}.tripActions{flex-direction:column}.tripActions>*{box-sizing:border-box;text-align:center;width:100%}}
.optionalPlateCard{background:#fff;border:1px solid #d9e4e8;border-radius:20px;max-width:1180px;margin:18px auto;padding:22px;box-shadow:0 12px 36px #182b350e}.optionalPlateIntro{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.optionalPlateIntro h2{margin:4px 0 7px;font-size:26px}.optionalPlateIntro p{color:#657780;max-width:760px;margin:0}.optionalPlateStatus{letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.optionalPlateStatus.active{color:#197148;background:#eaf8ef}.optionalPlateStatus.inactive{color:#6e7d84;background:#f1f4f5}.optionalPlateForm{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:16px;display:grid}.optionalPlateForm label{color:#53666f;font-size:11px;font-weight:800}.optionalPlateForm input{letter-spacing:.08em;text-transform:uppercase;color:#152a34;background:#fbfcfc;border:1px solid #cdd9de;border-radius:10px;width:100%;margin-top:6px;padding:11px 12px;font-size:17px;font-weight:900;display:block}.optionalPlateForm button{min-height:43px}.optionalPlatePrivacy{background:#f4f7f8;border-radius:12px;align-items:flex-start;gap:12px;margin-top:13px;padding:12px 13px;display:flex}.optionalPlatePrivacy strong{color:#1f3844;min-width:250px;font-size:11px}.optionalPlatePrivacy span{color:#667982;font-size:11px}.optionalPlateMessage{color:#314b57;background:#eef4f6;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px}@media (max-width:700px){.optionalPlateCard{margin:14px 12px}.optionalPlateIntro{flex-direction:column}.optionalPlateForm{grid-template-columns:1fr}.optionalPlatePrivacy{flex-direction:column}.optionalPlatePrivacy strong{min-width:0}.optionalPlateForm button{width:100%}}