:root{--accent:#16813b;--ink:#172124;--muted:#637073;--line:#dce2e0;--paper:#fff;--soft:#f3f6f4;--danger:#bc3440;--header-h:70px;--footer-h:70px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button svg{width:21px;height:21px}a{color:var(--accent)}.hidden{display:none!important}
.app{height:100dvh;display:grid;grid-template-rows:calc(var(--header-h) + env(safe-area-inset-top)) minmax(0,1fr) calc(var(--footer-h) + env(safe-area-inset-bottom));background:#fff}.header{display:flex;align-items:center;gap:12px;padding:env(safe-area-inset-top) 18px 0;border-bottom:1px solid var(--line);background:#fff;z-index:20}.header-logo{width:44px;height:44px;object-fit:contain}.header-person{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.header-person strong{font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-person small{font-size:13px;color:var(--accent);font-weight:700}.icon-btn{width:46px;height:46px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);display:grid;place-items:center;flex:none}.icon-btn:hover,.field-tool:hover{border-color:var(--accent);color:var(--accent)}
.workspace{min-height:0;display:grid;grid-template-columns:1fr 1fr}.map-section{min-width:0;min-height:0;position:relative;background:#e5ece7}.map-section #map{position:absolute;inset:0}.map-tools{position:absolute;right:16px;bottom:18px;display:grid;gap:10px;z-index:2}.map-tools .icon-btn{box-shadow:0 4px 14px #0002}.sheet{min-width:0;min-height:0;overflow-y:auto;background:#fff;border-left:1px solid var(--line);padding:22px max(20px,calc((100% - 580px)/2));scrollbar-width:thin}.view{max-width:580px;margin:auto}.view h2{font-size:24px;line-height:1.2;margin:0 0 18px;letter-spacing:0}.sheet-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.sheet-heading span{font-size:12px;color:var(--muted)}
.map-credit{position:absolute;left:8px;bottom:3px;z-index:2;background:#ffffffe8;color:#374340;font-size:10px;text-decoration:none;padding:2px 4px}.verify-box{border:1px solid var(--line);background:var(--soft);border-radius:6px;padding:12px;margin-bottom:12px}.verify-box p{font-size:13px;color:var(--muted)}.verify-box>div{display:flex;gap:8px}.verify-box input{flex:1;min-width:0;border:1px solid var(--line);border-radius:5px;padding:8px}.verify-box>div button{border:0;border-radius:5px;background:var(--accent);color:#fff;font-weight:700;padding:8px 12px}
.address-field{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;border:1.5px solid var(--line);border-radius:7px;padding:10px 12px;margin:0 0 12px;background:#fff}.address-field:focus-within{border-color:var(--accent);z-index:40}.address-field>div{min-width:0;flex:1}.address-field label{font-size:12px;color:var(--muted);font-weight:700;display:block;margin-bottom:5px}.address-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:18px;font-weight:700;min-width:0}.address-field input::placeholder{color:#8b9995;font-weight:500}.pin{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#2466cf;flex:none;position:relative;margin:0 3px}.pin:after{content:"";position:absolute;background:#fff;border-radius:50%;width:6px;height:6px;left:6px;top:6px}.pin.red{background:#dc4343}.field-tool{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#536362;flex:none}.field-tool svg{width:20px;height:20px}.suggestions{position:absolute;left:-1px;right:-1px;top:calc(100% + 3px);background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 25px #0002;z-index:30;max-height:220px;overflow:auto}.suggestions button{display:block;width:100%;text-align:left;padding:11px 14px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}.suggestions button:hover{background:#edf6ef}.suggestions button small{display:block;color:var(--muted);margin-top:3px}.suggestion-notice{padding:12px 14px;color:var(--muted);font-size:14px}
.primary{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:7px;padding:13px 18px;font-weight:800;font-size:16px}.primary:hover{filter:brightness(.94)}.book{width:100%;min-height:54px;margin-top:14px;text-transform:uppercase}.book svg{width:24px;height:24px}.hint{color:var(--muted);font-size:14px;line-height:1.4;min-height:20px;margin:10px 0}.estimate{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.estimate>div{border:1px solid var(--line);border-radius:6px;padding:13px 10px;min-width:0}.estimate small{display:block;color:var(--muted);margin-bottom:6px}.estimate strong{font-size:17px;overflow-wrap:anywhere}.footer{background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:stretch;padding-bottom:env(safe-area-inset-bottom);z-index:20}.footer button{width:min(25%,160px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:0;background:#fff;color:#697475;font-size:11px;font-weight:700;min-width:0}.footer button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,white);border-top:3px solid var(--accent)}.footer svg{width:22px;height:22px}
.ride-status{display:flex;align-items:center;gap:12px}.ride-status h2{margin:0}.status-dot{width:13px;height:13px;flex:none;border-radius:50%;background:var(--accent)}.progress{height:5px;background:#e8eee9;border-radius:3px;overflow:hidden;margin:18px 0}.progress span{display:block;height:100%;width:35%;background:var(--accent);animation:progress 2.5s ease-in-out infinite alternate}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(290%)}}.driver-info{display:grid;gap:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:15px 0}.driver-info strong{font-size:19px}.driver-info span{color:var(--muted)}.ride-addresses{font-weight:700;line-height:1.6}.ride-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.ride-details div{border:1px solid var(--line);border-radius:6px;padding:12px}.ride-details small{display:block;color:var(--muted);margin-bottom:5px}.outline-danger{border:1px solid var(--danger);color:var(--danger);background:#fff;padding:12px 16px;border-radius:7px;font-weight:700;min-height:44px}.rating{border-top:1px solid var(--line);padding:14px 0}.stars{display:flex;gap:4px;margin-top:10px}.stars button{border:0;background:transparent;color:#c2c9c5;font-size:32px;padding:0 5px}.stars button.selected{color:#e4a708}.list{display:grid;gap:10px}.list article{padding:15px;border-bottom:1px solid var(--line)}.list article strong{display:block;font-size:16px}.list article p{margin:7px 0;color:var(--muted)}.list article small{color:var(--accent)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.setting-row input[type=range]{width:160px;accent-color:var(--accent)}.segment{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.segment button{border:0;background:#fff;padding:10px 17px;color:var(--ink)}.segment button.selected{background:var(--accent);color:#fff}.drawer{position:absolute;right:10px;top:calc(var(--header-h) + env(safe-area-inset-top) - 2px);z-index:50;width:min(270px,calc(100vw - 20px));background:#fff;border:1px solid var(--line);box-shadow:0 12px 24px #0003;border-radius:6px;padding:6px}.drawer button{display:flex;gap:12px;align-items:center;width:100%;border:0;background:#fff;color:var(--ink);padding:13px;font-weight:700;text-align:left}.drawer button:hover{background:var(--soft)}.drawer svg{color:var(--accent)}#content-frame{width:100%;height:55vh;border:0}#about-copy{font-size:19px;line-height:1.8}.toast{position:fixed;left:50%;bottom:calc(var(--footer-h) + 18px);transform:translateX(-50%);max-width:min(430px,calc(100vw - 24px));padding:12px 18px;background:#172124;color:#fff;z-index:100;border-radius:6px;box-shadow:0 8px 25px #0003;text-align:center}.map-pick{position:fixed;top:calc(var(--header-h) + env(safe-area-inset-top) + 12px);left:50%;transform:translateX(-50%);background:#fff;padding:9px 12px;border-radius:6px;z-index:60;box-shadow:0 6px 20px #0003;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.map-pick button{border:0;background:transparent;display:grid;place-items:center}
.auth-screen{height:100dvh;overflow:auto;display:grid;place-items:center;background:#f4f7f5;padding:24px}.auth-form{width:min(420px,100%);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:7px;padding:28px;box-shadow:0 12px 30px #0001}.auth-logo{width:78px;height:78px;object-fit:contain;margin:0 auto 10px}.auth-form h1{text-align:center;font-size:25px;margin:0 0 6px}.auth-form h1 span{color:var(--accent)}.auth-form>p:not(.feedback){text-align:center;color:var(--muted);margin:0 0 15px}.auth-form label:not(.remember){font-size:13px;font-weight:700;margin:12px 0 5px}.auth-form input:not([type=checkbox]){height:44px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;outline-color:var(--accent);color:var(--ink);background:#fff}.auth-form .primary{width:100%;margin-top:16px}.remember{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:13px;color:var(--muted)}.remember input{accent-color:var(--accent)}.auth-actions{display:flex;justify-content:space-between;margin-top:12px}.auth-actions button,.plain{border:0;background:transparent;color:var(--accent);font-size:13px;padding:8px 2px}.feedback{font-size:13px;color:var(--danger);margin:12px 0 0;min-height:16px}.feedback.ok{color:var(--accent)}

/* MOBILNI RASPORED */
@media(max-width:760px){:root{--header-h:66px;--footer-h:67px}.header{padding-left:12px;padding-right:12px}.header-person strong{font-size:16px}.workspace{display:flex;flex-direction:column}.map-section{height:50%;flex:none}.sheet{height:50%;flex:none;border-left:0;border-top:1px solid var(--line);padding:14px 18px 30px}.view h2{font-size:21px;margin-bottom:12px}.address-field{min-height:64px;margin-bottom:8px}.address-field input{font-size:16px}.estimate{margin:10px 0}.estimate>div{padding:9px 8px}.estimate strong{font-size:15px}.map-tools{right:10px;bottom:10px}.map-tools .icon-btn{width:42px;height:42px}.footer button span{font-size:10px}.sheet:has(.address-field input:focus){height:70%}.workspace:has(.address-field input:focus) .map-section{height:30%}}
@media(max-width:380px){.header-person strong{font-size:14px}.estimate{gap:5px}.estimate strong{font-size:13px}.sheet{padding-left:12px;padding-right:12px}}

/* The web client uses the same compact, phone-shaped canvas on every screen. */
:root{--accent:#7df713;--ink:#f6f9f4;--muted:#b9c4b9;--line:rgba(125,247,19,.26);--paper:#020402;--soft:#101710;--danger:#ff5050;font-family:Rajdhani,Arial,sans-serif;color:var(--ink);background:#020402}
html,body{width:100%;background:#020402}
.app{width:min(100%,460px);margin:auto;background:#020402;box-shadow:0 0 0 1px #273322,0 0 70px #000;grid-template-rows:calc(var(--header-h) + env(safe-area-inset-top)) minmax(0,1fr) calc(var(--footer-h) + env(safe-area-inset-bottom))}
.header{background:#050805;border-color:var(--line)}
.header-logo{filter:drop-shadow(0 0 8px rgba(125,247,19,.35))}
.header-person strong{font-family:Orbitron,Rajdhani,sans-serif;font-size:14px;text-transform:uppercase}
.header-person small{color:var(--accent)}
.icon-btn{background:#101610;border-color:var(--line);color:var(--ink)}
.workspace{display:flex;flex-direction:column}
.map-section{height:44%;flex:none;background:#122014}
.map-tools .icon-btn{box-shadow:0 4px 16px #0008}
.sheet{height:56%;flex:none;border-left:0;border-top:1px solid var(--line);background:#070b07;padding:16px 18px 28px;overscroll-behavior:contain}
.view h2,.ride-status h2{font-family:Orbitron,Rajdhani,sans-serif;font-size:18px;font-weight:600}
.sheet-heading span{color:var(--muted)}
.address-field{background:#101710;border-color:#3a4838;min-height:68px;margin-bottom:10px}
.address-field input{color:#fff;font-size:18px}
.address-field input::placeholder{color:#9dac9a}
.address-field label{color:#bdcdb7}
.field-tool{color:var(--accent)}
.suggestions{background:#101710;border-color:var(--line);box-shadow:0 14px 30px #000b;max-height:min(32dvh,260px)}
.suggestions button{background:#101710;color:#fff;border-color:#334332;font-size:16px}
.suggestions button:hover,.suggestions button:focus-visible{background:#20371b}
.suggestions button small,.suggestion-notice{color:var(--muted)}
.primary{background:var(--accent);border-color:var(--accent);color:#071007;font-family:Orbitron,Rajdhani,sans-serif;font-size:13px}
.call-assistance{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:10px;border:1px solid var(--accent);border-radius:7px;background:#13210e;color:#fff;font-weight:700;text-decoration:none}
.call-assistance svg{width:20px;height:20px}
.verify-box,.estimate>div,.ride-details div{background:#101710;border-color:var(--line)}
.verify-box input,.auth-form input:not([type=checkbox]){background:#101710;color:#fff;border-color:#3a4838}
.footer{background:#050805;border-color:var(--line)}
.footer button{background:#050805;color:#bcc8b8}
.footer button.active{color:var(--accent);background:#14220d;border-top-color:var(--accent)}
.footer button span{font-size:12px}
.progress{background:#20321d}
.outline-danger{background:#140b0b}
.segment{border-color:var(--line)}
.segment button{background:#101710;color:var(--ink)}
.segment button.selected{background:var(--accent);color:#071007}
.drawer{background:#0b110b;border-color:var(--line)}
.drawer button{background:#0b110b;color:var(--ink)}
.drawer button:hover{background:#1b2c17}
.map-pick{background:#0b110b;color:#fff;border:1px solid var(--line)}
.toast{background:#142112;border:1px solid var(--line)}
.auth-screen{background:#020402}
.auth-form{background:#0b110b;border-color:var(--line);box-shadow:0 16px 40px #0008}
.auth-form h1{font-family:Orbitron,Rajdhani,sans-serif;font-size:18px}
.auth-form label:not(.remember){color:#d9e4d5}
.setting-row{flex-wrap:wrap}
.map-credit{background:#050805d9;color:#ced8c9}
#about-copy a{color:var(--accent)}
@media(max-width:760px){.map-section{height:44%}.sheet{height:56%}.sheet:has(.address-field input:focus){height:72%}.workspace:has(.address-field input:focus) .map-section{height:28%}}
@media(max-width:460px){.app{box-shadow:none}.header{padding-left:12px;padding-right:12px}.sheet{padding-left:14px;padding-right:14px}}
@media(max-height:670px){.map-section{height:34%}.sheet{height:66%}.sheet:has(.address-field input:focus){height:78%}.workspace:has(.address-field input:focus) .map-section{height:22%}}

/* Google login - isolated from the existing application styles. */
.google-divider{position:relative;text-align:center;margin:14px 0 10px;color:var(--muted);font-size:13px}
.google-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--line)}
.google-divider span{position:relative;padding:0 12px;background:#0b110b}
.google-button-slot{display:flex;justify-content:center;align-items:center;min-height:42px;width:100%;font-size:12px;color:var(--muted)}

/* Google display photo: shown only for accounts that signed in through Google. */
.header .google-avatar{width:38px;height:38px;flex:none;border-radius:50%;object-fit:cover;border:2px solid var(--accent);background:#121b12}
.header .header-person{min-width:0}
@media(max-width:380px){.header .google-avatar{width:32px;height:32px}.header{gap:8px}}

/* Safe Driving BG Android parity. */
:root{--bg:#080b0a;--panel:#121816;--field:#202925;--line:#334039;--ink:#f6f8f6;--muted:#a2afa8;--notice:#f6f8f6;--accent:#7df713;--header-h:58px;--footer-h:64px;font-family:Roboto,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}
html,body{background:var(--bg)}
.app{width:min(100%,460px);background:var(--bg);box-shadow:0 0 0 1px var(--line);grid-template-rows:calc(var(--header-h) + env(safe-area-inset-top)) minmax(0,1fr) calc(var(--footer-h) + env(safe-area-inset-bottom))}
.header{gap:10px;padding-left:16px;padding-right:16px;background:var(--panel);border-color:var(--line)}
.avatar-fallback,.header .google-avatar{width:38px;height:38px;flex:none;border-radius:50%;background:var(--field);color:var(--muted)}
.avatar-fallback{display:grid;place-items:center}.avatar-fallback svg{width:30px;height:30px}.header .google-avatar{border:0}
.header-person strong{font-family:inherit;font-size:16px;text-transform:none;font-weight:600}.header-person small{color:var(--muted);font-size:11px;font-weight:400}
.icon-btn{border-radius:8px;background:var(--field);border:0;color:var(--ink)}
.map-section{height:50%;background:var(--bg)}.map-tools{right:12px;bottom:12px}.map-tools .icon-btn{background:var(--panel);box-shadow:0 4px 12px #0006}
.sheet{height:50%;border:0;background:var(--panel);padding:16px;scrollbar-width:thin}.view{max-width:none}.view h2,.ride-status h2{font-family:inherit;font-size:20px;font-weight:700;letter-spacing:0}
.app:not(.map-visible) .map-section{display:none}.app:not(.map-visible) .sheet{height:100%}
.address-field{background:var(--field);border:1px solid var(--line);border-radius:8px;min-height:68px;margin-bottom:10px}.address-field label{color:var(--muted)}.address-field input{color:var(--ink);font-size:18px}.address-field input::placeholder{color:var(--muted)}
.field-tool{color:var(--muted)}.suggestions{background:var(--field);border-color:var(--line);max-height:min(36dvh,280px);z-index:80}.suggestions button{background:var(--field);color:var(--ink);border-color:var(--line)}.suggestions button:hover,.suggestions button:focus-visible{background:var(--panel)}
.estimate>div,.ride-details div,.verify-box{background:var(--field);border-color:var(--line);border-radius:8px}.estimate small,.ride-details small{color:var(--muted)}
.primary{font-family:inherit;font-size:16px;border-radius:8px}.book{text-transform:none;min-height:52px}.call-assistance{background:var(--field);border-color:var(--accent);border-radius:8px;color:var(--ink)}
.footer{background:var(--panel);border-color:var(--line)}.footer button{background:var(--panel);color:var(--muted)}.footer button.active{background:var(--panel);color:var(--accent);border-top:2px solid var(--accent)}.footer button.active span{color:var(--ink)}
.ride-status .status-dot{background:var(--accent)}.ride-progress{margin:12px 0 14px}.ride-step{display:flex;align-items:center;gap:12px;min-height:31px;color:color-mix(in srgb,var(--notice) 48%,transparent);font-size:13px}.ride-step svg{width:20px;height:20px;color:color-mix(in srgb,var(--muted) 55%,transparent)}.ride-step.reached{color:var(--notice)}.ride-step.reached svg{color:var(--accent)}.ride-step.current{font-weight:700}
.progress{background:var(--field)}.driver-info{border-color:var(--line)}.driver-info span{color:var(--muted)}.ride-addresses,.final-total{color:var(--ink)}.final-total{font-weight:600;line-height:1.5;margin:10px 0 16px}.outline-danger{background:transparent;border-color:#ff5050;color:#ff5050}
.list article{position:relative;background:var(--field);border:0;border-radius:8px;padding:14px;margin:0 0 10px}.list article strong{font-weight:600}.list article p{color:var(--muted);line-height:1.5}.list article small{color:var(--accent);font-weight:700}.list article .history-date{position:absolute;right:14px;top:17px;color:var(--muted);font-size:11px;font-weight:400}.list article img{display:block;width:100%;height:140px;object-fit:contain;margin-bottom:12px}
.drawer{background:var(--panel);border-color:var(--line);border-radius:8px}.drawer button{background:var(--panel);color:var(--ink)}.drawer button:hover{background:var(--field)}.drawer .drawer-exit{border-top:1px solid var(--line);color:#ff5050}.drawer .drawer-exit svg{color:#ff5050}
.slider-setting{display:grid;grid-template-columns:1fr 24px;gap:9px;align-items:center;margin:10px 0 14px;font-size:13px}.slider-setting input{grid-column:1/-1;width:100%;accent-color:var(--accent)}.slider-setting.channel{grid-template-columns:20px 1fr}.slider-setting.channel input{grid-column:2}.color-preview{width:24px;height:24px;border:1px solid var(--line);border-radius:4px}.accent-preview{width:100%;height:12px;border-radius:6px;margin:12px 0 8px}.view h3,.price-list h3{font-size:14px;font-weight:700;margin:20px 0 8px}.price-list h3{color:var(--accent);font-size:12px}.map-segment{display:flex;border:0;gap:8px;margin:8px 0 18px}.map-segment button{flex:1;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted)}.map-segment button.selected{border-color:var(--accent);background:var(--field);color:var(--accent)}.secondary-action{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:8px;margin-top:16px}.secondary-action svg{width:18px;height:18px}
.price-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.price-line>div{min-width:0}.price-line strong,.price-line small{display:block}.price-line small{color:var(--muted);margin-top:3px}.price-line b{text-align:right;white-space:nowrap;font-size:14px}.price-updated{text-align:right;color:var(--muted);font-size:11px;margin-top:28px;padding-top:14px;border-top:1px solid var(--line)}
.about-copy{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ink)}.about-copy img{width:110px;height:110px;object-fit:contain}.about-copy strong{font-size:22px}.about-copy span{font-size:14px}.about-copy a{color:var(--accent)}
.unavailable-message{background:var(--field);border-radius:8px;padding:12px;color:var(--notice);line-height:1.4}.toast{background:var(--field);color:var(--notice);border-color:var(--line);border-radius:8px}.map-pick{background:var(--panel);border-color:var(--line);border-radius:8px}
.auth-screen{background:var(--bg)}.auth-form{background:var(--panel);border-color:var(--line);border-radius:8px;box-shadow:none}.auth-form h1{font-family:inherit;font-size:24px}.auth-logo{width:min(260px,80%);height:auto;max-height:180px;object-fit:contain;margin:0 auto 12px}.auth-form input:not([type=checkbox]){background:var(--field);border-color:var(--line);color:var(--ink)}.google-divider span{background:var(--panel)}
.exit-dialog{width:min(340px,calc(100vw - 32px));background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:22px}.exit-dialog::backdrop{background:#0009}.exit-dialog h2{margin:0 0 8px}.exit-dialog>div{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.exit-dialog button{min-width:72px;min-height:42px;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:6px}.exit-dialog #exit-yes{color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app.address-editing{grid-template-rows:calc(var(--header-h) + env(safe-area-inset-top)) minmax(0,1fr) 0px}.app.address-editing .footer{display:none}.app.address-editing .map-section{height:1px}.app.address-editing .sheet{height:calc(100% - 1px)}

/* Mobilni fokus samo na poljima za unos adrese */
@media(max-width:760px){.map-section{height:50%}.sheet{height:50%;padding:16px}.workspace:has(.address-field input:focus) .map-section{height:1px}.sheet:has(.address-field input:focus){height:calc(100% - 1px)}.app:has(.address-field input:focus){grid-template-rows:calc(var(--header-h) + env(safe-area-inset-top)) minmax(0,1fr) 0px}.app:has(.address-field input:focus) .footer{display:none}}
@media(max-height:670px){.map-section{height:50%}.sheet{height:50%}.workspace:has(.address-field input:focus) .map-section{height:1px}.sheet:has(.address-field input:focus){height:calc(100% - 1px)}}