/* Live journey: the approved white, green and gold mobile layout. */
#liveJourney{padding:20px 18px 24px;background:#fff;color:#073a20;border-radius:28px;font-family:Arial,Helvetica,sans-serif}body:has(#liveJourney.active){background:#f6f6f2}body:has(#liveJourney.active) .shell{max-width:510px;background:white;padding:0;box-shadow:0 8px 45px #073a2010}#liveJourney *{box-sizing:border-box}#liveJourney [hidden]{display:none!important}.lj-header{display:flex;align-items:center;gap:16px;margin-bottom:26px}.lj-back{width:46px;height:46px;background:#f1f2ef;border:0;border-radius:12px;color:#073a20;display:grid;place-items:center;flex:none}.lj-header svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.5}.lj-brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:-.7px}.lj-brand img{width:38px;height:43px;filter:brightness(0) saturate(100%) invert(17%) sepia(20%) saturate(1900%) hue-rotate(100deg)}.lj-brand span{border-left:2px solid #dc9e13;padding-left:12px}.lj-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.lj-heading h1{font-size:32px;font-weight:800;letter-spacing:-1px;margin:0}.lj-gps{background:#eef1ed;color:#4b5e52;font-size:14px;font-weight:750;white-space:nowrap;padding:12px 14px;border-radius:30px;display:flex;align-items:center;gap:8px}.lj-gps:before{content:'';width:10px;height:10px;border-radius:50%;background:currentColor}.lj-gps[data-state=active]{background:#00851c;color:white}.lj-gps[data-state=warning]{background:#fff2cf;color:#835900}.lj-map-wrap{height:310px;position:relative;background:#e8eee4;border-radius:22px;overflow:hidden;margin-bottom:14px;border:1px solid #e5e9df}.lj-map{height:100%;width:100%;z-index:0}.lj-map-message{position:absolute;left:16px;right:16px;top:90px;padding:20px;background:#fffffff0;border-radius:15px;text-align:center;z-index:1;color:#39513e;font-size:15px}.lj-map-message:empty{display:none}.lj-live{position:absolute;right:13px;top:13px;z-index:450;display:flex;align-items:center;gap:8px;background:white;border:0;border-radius:14px;padding:12px 14px;box-shadow:0 2px 12px #0002;color:#19341e;font-weight:700;font-size:14px}.lj-live svg{width:17px;height:17px;fill:#148039}.lj-vehicle,.lj-metrics{border:1px solid #d9ddd8;border-radius:18px;padding:15px;display:flex;align-items:center;gap:16px;margin:12px 0;background:linear-gradient(110deg,#fff,#fbfdfb);color:#242a25}.lj-icon{width:53px;height:53px;display:grid;place-items:center;background:#e9f4dd;border-radius:14px;flex:none}.lj-icon svg{width:33px;height:33px;fill:none;stroke:#07562d;stroke-width:2}.lj-plate{font-size:28px;font-weight:800;letter-spacing:.5px;color:#121b13}.lj-vehicle small{display:block;font-size:15px;margin-bottom:5px}.lj-vehicle input{width:100%;border:0;border-bottom:1px solid #b8caba;border-radius:0;background:transparent;padding:0 0 4px;font:800 27px Arial;color:#122818;text-transform:uppercase}.lj-country{display:flex;gap:10px;align-items:center;font-size:13px;color:#38503c;margin:10px 0 14px}.lj-country select{min-width:0;flex:1;border:1px solid #d4dfd1;border-radius:10px;background:#fff;padding:10px;font-size:14px;color:#24462e}.lj-metrics{gap:0;padding:14px 10px}.lj-metric{display:flex;align-items:center;gap:10px;width:50%;padding:0 7px}.lj-metric+.lj-metric{border-left:1px solid #d5ddd2;padding-left:16px}.lj-metric svg{width:29px;height:29px;stroke:#dc9900;fill:none;stroke-width:2;flex:none}.lj-metric small{display:block;font-size:13px;margin-bottom:6px}.lj-metric strong{font-size:26px;line-height:1;color:#075a23;white-space:nowrap}.lj-recording{display:flex;align-items:center;gap:15px;background:linear-gradient(100deg,#e7f3db,#e6f2d9);padding:17px 16px;border-radius:15px;margin:14px 0 20px}.lj-record-icon{width:35px;height:35px;border:2px solid #51bb38;border-radius:50%;display:grid;place-items:center;flex:none}.lj-record-icon:after{content:'';width:22px;height:22px;border-radius:50%;background:#47b93c}.lj-recording strong{display:block;font-size:21px;letter-spacing:-.3px}.lj-recording p{margin:5px 0 0;font-size:14px;color:#354c36;line-height:1.35}.lj-primary{width:100%;background:linear-gradient(110deg,#007a3c,#006526);color:white;border:0;border-radius:14px;padding:18px 12px;font-size:24px;font-weight:800;cursor:pointer;box-shadow:0 2px 3px #00381710}.lj-primary:disabled{opacity:.6;cursor:wait}.lj-privacy{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:#505a53;margin:12px 0 16px;line-height:1.5}.lj-privacy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;flex:none}.lj-cancel{display:block;margin:auto;border:0;background:none;color:#064322;text-decoration:underline;font-size:16px;font-weight:750;padding:10px;min-height:44px}.lj-help{font-size:12px;color:#58685b;line-height:1.5;margin:10px 0}.lj-notice{padding:11px 13px;border-radius:12px;background:#fff5db;color:#704d0b;font-size:13px;line-height:1.5;margin:10px 0}.lj-notice a{color:#075a28;font-weight:bold}.lj-home-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:12px 0;background:#e6f4df;color:#064b28;border:1px solid #bfd9b5;border-radius:14px;padding:14px 16px;font-weight:800;font-size:16px;cursor:pointer}.lj-home-link span{font-size:12px;font-weight:500}.lj-dot{width:21px;height:21px;background:#0787ff;border:4px solid white;border-radius:50%;box-shadow:0 1px 8px #167de688;position:relative}.lj-dot:after{content:'';position:absolute;inset:-17px;border:2px solid #0787ff77;background:#0787ff17;border-radius:50%;animation:lj-pulse 2s infinite}.lj-start{width:16px;height:16px;border:4px solid #067c32;border-radius:50%;background:white}.lj-report-note{background:#edf6e6;color:#164d2b;border-radius:12px;padding:12px;margin:12px 0;font-size:14px}.lj-admin{border:1px solid #bed7b5;background:#f6fbf2;border-radius:12px;padding:12px;margin:12px 0;font-size:14px;color:#153e24}.lj-admin-map{height:230px;border-radius:10px;overflow:hidden;margin-top:10px}.lj-admin p{margin:6px 0}.lj-admin button{padding:10px 14px;border:1px solid #719f68;background:white;color:#13452a;border-radius:9px;font-weight:700}#liveJourney :focus-visible{outline:3px solid #d99c00;outline-offset:3px}@keyframes lj-pulse{50%{transform:scale(1.25);opacity:.45}}@media(prefers-reduced-motion:reduce){.lj-dot:after{animation:none}}@media(max-width:370px){#liveJourney{padding:16px 12px}.lj-brand{font-size:21px}.lj-heading h1{font-size:28px}.lj-gps{font-size:12px;padding:10px}.lj-map-wrap{height:260px}.lj-metric strong{font-size:23px}.lj-metric{gap:7px}.lj-recording strong{font-size:19px}}@media(min-width:600px){body:has(#liveJourney.active) .shell{margin:25px auto;border-radius:28px}}

#liveJourney *{font-family:Arial,Helvetica,sans-serif}#liveJourney h1,#liveJourney strong,#liveJourney button{font-family:Arial,Helvetica,sans-serif!important}.lj-vehicle input::placeholder{font-size:19px;letter-spacing:0;text-transform:none;color:#6d796e}
/* Unified start → tracking → report controls. */
#liveJourney,#journeyPath{max-width:510px;margin:auto;background:#fff;color:#073a20;padding:16px;border-radius:24px}#journeyPath .journey-brand{display:none}#liveJourney .lj-header,#journeyPath .lj-header{margin:-16px -16px 0;padding:18px 16px 12px;background:#004b28;color:white;border-radius:24px 24px 0 0}#liveJourney .lj-brand img,#journeyPath .lj-brand img{filter:brightness(0) saturate(100%) invert(81%) sepia(92%) saturate(953%) hue-rotate(350deg)}#liveJourney .lj-heading{background:#004b28;color:white;margin:0 -16px 12px;padding:0 16px 16px}#journeyPath>h1{background:#004b28;color:#fff;margin:0 -16px 22px;padding:0 16px 18px;text-align:center;font-size:29px}.lj-banner{width:100%;height:120px;object-fit:cover;border-radius:14px}.lj-types{border:0;padding:0;margin:10px 0}.lj-types legend{font-weight:800;margin-bottom:8px}.lj-types>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lj-types button{border:1px solid #d9dfd9;border-radius:12px;background:white;color:#074626;padding:8px 3px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;min-height:62px}.lj-types button .dot{display:none}.lj-types .vehicle-symbol{font-size:25px}.lj-types button[aria-pressed=true]{background:#07532d;color:white;outline:3px solid #ffcf25}.lj-route-input{display:block;font-size:14px;font-weight:700;margin:10px 0}.lj-route-input input{display:block;width:100%;padding:10px;border:1px solid #c6d4c7;border-radius:10px;margin-top:6px;font-size:16px}.lj-route-display{background:#f2f6ee;padding:10px;border-radius:10px;font-weight:bold}.lj-finish{background:linear-gradient(110deg,#ffcf25,#f7b500);color:#173c20}#liveJourney[data-stage=start] .lj-recording{display:none}#liveJourney[data-stage=start] .lj-privacy{margin:8px 0}#liveJourney .lj-vehicle{padding:10px;margin:8px 0}.lj-saved{background:#dff3d7;padding:16px;border-radius:16px;margin:14px 0}.lj-saved strong{font-size:22px}.lj-saved p{margin:8px 0 0}.lj-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.lj-paths button{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 12px;border:2px solid #078929;border-radius:17px;background:#e0f5d6;color:#074423;font-size:23px;font-weight:800;min-height:150px}.lj-paths button span{font-size:42px}.lj-paths button[data-path=unsafe]{background:#ffe6e6;color:#9d1616;border-color:#ff7373}.lj-paths button[aria-pressed=true]{box-shadow:0 0 0 4px #e6b80b;transform:translateY(-2px)}#journeyPath [hidden]{display:none!important}#journeyPath .passenger-journey-rating{margin:20px 0;background:white}#journeyPath .lj-primary{margin:14px 0}.lj-types button:focus-visible,.lj-paths button:focus-visible{outline:3px solid #d99c00;outline-offset:4px}#liveJourney[data-stage=tracking] .lj-map-wrap{height:clamp(210px,36vh,340px)}#liveJourney .lj-help{font-size:11px}#home .quick .lj-home-link{background:#e6f4df;color:#064b28;display:flex;flex-direction:column;margin:0}#home .quick .lj-home-link span{font-size:12px}

/* Keep country text visible alongside saved-country controls on narrow screens. */
#liveJourney .lj-country{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;width:100%;align-items:stretch}
#liveJourney .lj-country>label{display:block;margin:0;color:#17492b;font-size:15px;font-weight:750;line-height:1.3}
#liveJourney .lj-country select{display:block;flex:none;width:100%;max-width:100%;min-width:0;min-height:48px;box-sizing:border-box;padding:11px 36px 11px 12px;border:1.5px solid #9ebba4;border-radius:11px;background-color:#fff;color:#123c23;font-size:16px;font-weight:700;line-height:1.4}
#liveJourney .lj-country>.country-default-controls{width:100%;min-width:0;margin:0;justify-content:flex-start;gap:4px 16px}
#liveJourney .lj-country .country-default-controls label{font-size:13px!important;color:#17492b}

/* Always available, including during account checks and failed recovery. */
#home .quick #ljHomeResume{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;margin:0;border:2px solid #d7ac32;background:#fff8df;color:#16492d;min-width:0;overflow-wrap:anywhere}#home #ljHomeResume strong{font:inherit;font-weight:800}#home #ljHomeResume span{font-size:12px;line-height:1.35;font-weight:500;color:#51604a}#home #ljHomeResume:focus-visible{outline:3px solid #00776e;outline-offset:3px}
/* Compact start form only; tracking map and active-journey controls keep their space. */
#liveJourney[data-stage=start]{padding:12px 14px;border-radius:18px}#liveJourney[data-stage=start] .lj-header{margin:-12px -14px 0;padding:10px 14px 6px;gap:10px;border-radius:18px 18px 0 0}#liveJourney[data-stage=start] .lj-back{width:44px;height:44px;border-radius:11px}#liveJourney[data-stage=start] .lj-brand{font-size:20px;gap:9px}#liveJourney[data-stage=start] .lj-brand img{width:29px;height:33px}#liveJourney[data-stage=start] .lj-brand span{padding-left:9px}#liveJourney[data-stage=start] .lj-heading{margin:0 -14px 6px;padding:0 14px 9px}#liveJourney[data-stage=start] .lj-heading h1{font-size:25px}#liveJourney[data-stage=start] .lj-gps{font-size:12px;padding:7px 10px}#liveJourney[data-stage=start] .accident-value{padding:6px 10px;margin:5px 0;font-size:12px;line-height:1.3;border-radius:9px}#liveJourney[data-stage=start] .lj-banner{display:block;width:100%;height:48px;border-radius:10px;margin:6px 0}#liveJourney[data-stage=start] .lj-types{margin:7px 0}#liveJourney[data-stage=start] .lj-types legend{font-size:14px;margin-bottom:5px}#liveJourney[data-stage=start] .lj-types>div{gap:6px}#liveJourney[data-stage=start] .lj-types button{min-height:50px;padding:4px 2px;font-size:11px;gap:2px;border-radius:10px}#liveJourney[data-stage=start] .lj-types .vehicle-symbol{font-size:22px;line-height:1.1}#liveJourney[data-stage=start] .lj-vehicle{padding:0;border:0;background:none;margin:7px 0;box-shadow:none}#liveJourney[data-stage=start] .lj-icon{display:none}#liveJourney[data-stage=start] .lj-vehicle small{font-size:13px;font-weight:700;margin:0 0 4px}#liveJourney[data-stage=start] .lj-vehicle input{height:44px;min-height:44px;border:1px solid #b9caba;border-radius:9px;padding:8px 10px;font:500 16px Arial;background:white}#liveJourney[data-stage=start] .lj-vehicle input::placeholder{font-size:16px}#liveJourney[data-stage=start] #ljCountryField{display:block;margin:7px 0;padding:0;background:none;border:0}#liveJourney[data-stage=start] #ljCountryField>label{display:block;margin:0 0 4px;font-size:13px;font-weight:700}#liveJourney[data-stage=start] #ljCountry{display:block;width:100%;min-width:100%;max-width:100%;height:44px;padding:8px 10px;font-size:16px;box-sizing:border-box;background:#fff;color:#16452b;border:1px solid #b9caba;border-radius:9px}#liveJourney[data-stage=start] .country-default-controls{display:flex;align-items:center;justify-content:space-between;gap:0 7px;margin:0;font-size:12px}#liveJourney[data-stage=start] .country-default-controls label,#liveJourney[data-stage=start] .country-default-controls button{min-height:32px;font-size:12px!important;padding:3px 0}#liveJourney[data-stage=start] .country-default-status:empty{display:none}#liveJourney[data-stage=start] .country-default-status:not(:empty){flex-basis:100%}#liveJourney[data-stage=start] .lj-route-input{margin:7px 0;font-size:13px}#liveJourney[data-stage=start] .lj-route-input input{height:44px;min-height:44px;padding:8px 10px;margin-top:4px;font-size:16px}#liveJourney[data-stage=start] .lj-primary{min-height:46px;padding:10px 12px;font-size:21px;border-radius:11px;margin-top:4px}#liveJourney[data-stage=start] .lj-privacy{font-size:11px;line-height:1.3;margin:5px 0}#liveJourney[data-stage=start] .lj-help{font-size:11px;line-height:1.35;margin:5px 0}#liveJourney[data-stage=start] #ljWithoutGPS{font-size:12px;min-height:32px;padding:6px 0}#liveJourney[data-stage=start] .accident-terms{margin:3px 0;padding:3px 0;border:0;background:none;font-size:12px}#liveJourney[data-stage=start] .accident-terms summary{padding:6px 0;min-height:30px;font-size:12px;cursor:pointer}#liveJourney[data-stage=start] .accident-terms[open]{padding-bottom:8px}@media(max-height:740px){#liveJourney[data-stage=start] .lj-banner{height:32px}#liveJourney[data-stage=start] .lj-header{padding-top:6px}#liveJourney[data-stage=start] .lj-types{margin:4px 0}#liveJourney[data-stage=start] .lj-types button{min-height:46px}#liveJourney[data-stage=start] .lj-vehicle,#liveJourney[data-stage=start] #ljCountryField,#liveJourney[data-stage=start] .lj-route-input{margin:4px 0}}@media(max-height:660px){#liveJourney[data-stage=start] .lj-banner{display:none}#liveJourney[data-stage=start] .accident-value{padding:4px 8px;margin:3px 0}#liveJourney[data-stage=start] .lj-brand{font-size:18px}}