*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--surface: #ffffff;--surface-2: #f4f6f2;--surface-3: #eceee9;--ink: #1e2a26;--muted: #63706a;--line: #e2e7e1;--accent: #0d7168;--accent-soft: #e3f0ee;--accent-ink: #ffffff;--sel: #e94560;--ok: #2f855a;--ok-soft: #e3f2e9;--warn: #a16a1f;--warn-soft: #f8efdd;--bad-soft: #fbe4e8;--shadow: 0 2px 6px rgba(20,30,26,.08), 0 12px 32px rgba(20,30,26,.14);--shadow-sm: 0 1px 3px rgba(20,30,26,.1);--radius: 14px}html,body{height:100%}body{font-family:Segoe UI,SF Pro Text,system-ui,-apple-system,sans-serif;background:var(--surface-2);color:var(--ink);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100dvh}.app{position:fixed;top:0;right:0;bottom:0;left:0}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.fl{position:absolute;z-index:20}.brand-search{top:14px;left:14px;display:flex;gap:10px;align-items:stretch;max-width:calc(100vw - 120px)}.brand{display:flex;flex-direction:column;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:7px 16px;flex-shrink:0}.brand-word{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.brand-c{color:var(--accent)}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.search-wrapper{position:relative;flex:1;min-width:0}.search-unified{position:relative;height:100%}.search-mag{position:absolute;left:12px;top:50%;translate:0 -50%;color:var(--muted);pointer-events:none}.search-input{width:min(340px,calc(100vw - 200px));height:100%;min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:10px 14px 10px 36px;font-size:13.5px;box-shadow:var(--shadow-sm);outline:none}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent)}.search-spinner{position:absolute;right:12px;top:50%;translate:0 -50%;font-size:.75rem;color:var(--muted);letter-spacing:2px;pointer-events:none}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:min(420px,84vw);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;z-index:30}.sdrop-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;background:none;border:none;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;text-align:left;cursor:pointer}.sdrop-item:last-child{border-bottom:none}.sdrop-item:hover,.sdrop-item.active{background:var(--surface-2)}.sdrop-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdrop-badge{flex-shrink:0;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:var(--surface-3);color:var(--muted)}.sdrop-badge--cestica{background:var(--bad-soft);color:var(--sel)}.sdrop-badge--ko{background:var(--warn-soft);color:var(--warn)}.sdrop-badge--adresa,.sdrop-badge--ulica{background:var(--accent-soft);color:var(--accent)}.map-search-pin{width:20px;height:28px;position:relative}.map-search-pin:before{content:"";position:absolute;top:0;left:50%;width:20px;height:20px;background:var(--accent);border:2.5px solid #fff;border-radius:50% 50% 50% 0;transform:translate(-50%) rotate(-45deg);box-shadow:0 2px 8px #00000059}.map-search-pin:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:6px;background:#0d716859;border-radius:50%}.layers-wrap{top:14px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.icon-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px 14px;cursor:pointer;font-weight:600;font-size:13px}.icon-btn:hover{background:var(--surface-2)}.icon-btn.active{border-color:var(--accent);color:var(--accent)}.layer-panel{width:264px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.lp-group{margin-bottom:14px}.lp-group:last-of-type{margin-bottom:0}.lp-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.basemaps{display:flex;gap:8px}.bm{flex:1;border:2px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:none;padding:0;text-align:center}.bm.active{border-color:var(--accent)}.bm-thumb{height:40px}.bm-thumb--dof{background:radial-gradient(circle at 30% 40%,#4c5a3c 0 18%,transparent 20%),radial-gradient(circle at 70% 65%,#435235 0 22%,transparent 24%),#39442f}.bm-thumb--osm{background:repeating-linear-gradient(75deg,transparent 0 14px,#d5cfc3 14px 15px),repeating-linear-gradient(-15deg,transparent 0 22px,#d5cfc3 22px 23px),#f2efe9}.bm span{display:block;font-size:11px;font-weight:600;padding:4px 0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.switch-lbl{font-size:13px;display:flex;align-items:center;gap:7px}.swatch{width:9px;height:9px;border-radius:2px;display:inline-block;flex-shrink:0}.switch{position:relative;width:34px;height:20px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--surface-3);border:1px solid var(--line);transition:background .15s}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #00000040;transition:translate .15s}.switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.track:after{translate:14px 0}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.lp-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.linkish{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font-size:12.5px;font-weight:600}.linkish:hover{text-decoration:underline}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px 24px;display:flex;align-items:center;gap:12px;font-size:.9rem;z-index:100}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-toast{position:absolute;bottom:32px;left:50%;transform:translate(-50%);background:var(--sel);color:#fff;border-radius:10px;padding:10px 18px;font-size:.85rem;z-index:100;white-space:nowrap;box-shadow:var(--shadow)}.map-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:8px 18px;font-size:12.5px;color:var(--muted);box-shadow:var(--shadow-sm);pointer-events:none;z-index:10}.maplibregl-ctrl-bottom-right{transition:right .15s}.app:has(.info-panel:not(.collapsed)) .maplibregl-ctrl-bottom-right{right:396px}.info-panel{position:absolute;top:14px;right:14px;bottom:14px;width:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:25;display:flex;flex-direction:column;overflow:hidden}.sheet-handle{display:none}.info-head{padding:16px 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.ih-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ih-title{font-size:19px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.ih-sub{font-size:12px;color:var(--muted);margin-top:2px}.ih-actions{display:flex;gap:6px;flex-shrink:0}.chip-btn{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}.chip-btn:hover{background:var(--surface-3)}.chip-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip-btn.primary:hover{background:#0a5c55}.chip-btn:disabled{opacity:.5;cursor:default}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);font-variant-numeric:tabular-nums}.chip.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.chip.bad{background:var(--bad-soft);color:var(--sel);border-color:transparent}.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip.acc{background:var(--accent-soft);color:var(--accent);border-color:transparent}.info-body{overflow-y:auto;flex:1;padding-bottom:8px}details.sec{border-bottom:1px solid var(--line)}details.sec:last-of-type{border-bottom:none}details.sec>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}details.sec>summary::-webkit-details-marker{display:none}details.sec>summary:hover{background:var(--surface-2)}.sec-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sec-title.upozorenje{color:var(--warn)}.sec-hint{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px}.chev{transition:rotate .15s;color:var(--muted);flex-shrink:0}details[open]>summary .chev{rotate:90deg}.sec-body{padding:0 16px 14px}.sec-meta{font-size:12px;color:var(--muted);margin-bottom:6px}.data-list{display:flex;flex-direction:column;gap:6px}.data-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.85rem}.data-row dt{color:var(--muted);flex-shrink:0}.data-row dd{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.warning-text{color:var(--warn)!important;font-weight:600}.sub-val{color:var(--muted);font-size:.82em;font-weight:400}.uporabe-list{display:flex;flex-direction:column;gap:2px;text-align:right}.no-data{font-size:.82rem;color:var(--muted)}.fine{font-size:10.5px;color:var(--muted);margin-top:8px;line-height:1.45}.value-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 12px;padding:10px 12px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px}.value-summary__stat{display:flex;flex-direction:column;gap:4px;min-width:0}.value-summary__label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.value-summary__stat strong{font-size:.9rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.value-estimate{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.zona-badge{background:var(--surface-2);border-radius:6px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.zona-naziv{font-size:.9rem;font-weight:600;line-height:1.3}.gradnja-tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;width:fit-content}.gradnja-tag.dozvoljeno{background:var(--ok-soft);color:var(--ok)}.gradnja-tag.nije-dozvoljeno{background:var(--bad-soft);color:var(--sel)}.zona-opis{font-size:.82rem;color:var(--muted);line-height:1.5;margin-bottom:8px}.uvjeti-list{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.uvjeti-list li{font-size:.8rem;color:var(--ink);padding-left:14px;position:relative;line-height:1.4}.uvjeti-list li:before{content:"·";position:absolute;left:4px;color:var(--accent);font-weight:700}.raw-opis{font-size:.75rem;color:var(--muted);margin-top:8px}.note{border-radius:8px;padding:9px 12px;font-size:12.5px;margin-top:8px;background:var(--surface-2);color:var(--muted);line-height:1.5}.note.w{background:var(--warn-soft);color:var(--warn)}.note.g{background:var(--ok-soft);color:var(--ok)}.warning-section{background:var(--warn-soft);border-radius:10px;margin:10px 16px;padding:12px 14px}.warning-section .sec-title{margin-bottom:8px;display:block}.warning-section p{font-size:.83rem;color:var(--warn);line-height:1.5;margin-bottom:6px}.warning-section p:last-child{margin-bottom:0}.izracun-box{margin-top:10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.izracun-naslov{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.izracun-napomena{font-size:.75rem;color:var(--muted);margin-bottom:6px}.izracun-red{font-size:.82rem;color:var(--ink);margin-bottom:3px}.izracun-upozorenje{font-size:.82rem;color:var(--warn);margin-bottom:4px}.kd-box{margin-top:10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.kd-naslov{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.kd-inputs{display:flex;gap:8px;margin-bottom:8px}.kd-input-label{display:flex;flex-direction:column;gap:3px;font-size:.72rem;color:var(--muted);flex:1}.kd-select,.kd-input{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:.8rem;padding:5px 6px;outline:none;width:100%;font-variant-numeric:tabular-nums}.kd-select:focus,.kd-input:focus{border-color:var(--accent)}.kd-napomena{font-size:.75rem;color:var(--muted);margin-bottom:8px}.kd-zona-detected{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:var(--accent-soft);border-radius:8px;margin-bottom:4px;font-size:.82rem;font-weight:600;color:var(--ink)}.kd-zona-source{font-weight:400;color:var(--muted);font-size:.75rem}.kd-zona-iznos-big{font-size:.95rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.info-body::-webkit-scrollbar{width:5px}.info-body::-webkit-scrollbar-track{background:transparent}.info-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e1a73;z-index:1000;display:flex;align-items:stretch;justify-content:center}.admin-panel{background:var(--surface);width:100%;max-width:960px;display:flex;flex-direction:column;position:relative;border-left:1px solid var(--line);border-right:1px solid var(--line)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--surface-2);border-bottom:1px solid var(--line);flex-shrink:0}.admin-header h2{font-size:.95rem;font-weight:600}.admin-close{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:4px 8px}.admin-close:hover{color:var(--ink)}.admin-body{display:flex;flex:1;overflow:hidden}.admin-list-col{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.admin-search{padding:10px 12px;border-bottom:1px solid var(--line)}.admin-search input{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:7px 10px;color:var(--ink);font-size:.83rem}.admin-zone-list{flex:1;overflow-y:auto}.admin-zone-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);cursor:pointer}.admin-zone-item:hover{background:var(--surface-2)}.admin-zone-item.active{background:var(--accent-soft)}.azl-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.azl-info{min-width:0}.azl-key{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.azl-naziv{font-size:.82rem;color:var(--ink);margin-top:1px}.admin-edit-col{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.88rem}.admin-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.admin-form-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.admin-form-footer{padding:12px 20px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-shrink:0}.admin-form-footer .af-btn--danger{margin-right:auto}.af-field{display:flex;flex-direction:column;gap:4px}.af-field label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.af-field input,.af-field textarea,.af-field select{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:7px 10px;color:var(--ink);font-size:.85rem;font-family:inherit}.af-field input:focus,.af-field textarea:focus,.af-field select:focus{outline:none;border-color:var(--accent)}.af-field textarea{resize:vertical}.af-field input:disabled{opacity:.5}.af-hint{font-size:.7rem;color:var(--muted);text-transform:none;letter-spacing:0}.af-row{display:flex;gap:12px}.af-row .af-field{flex:1}.af-field--sm{flex:0 0 auto!important;min-width:100px}.af-radio-group{display:flex;gap:12px;padding-top:2px}.af-radio{display:flex;align-items:center;gap:5px;font-size:.85rem;color:var(--ink);cursor:pointer}.af-radio input{accent-color:var(--accent)}.af-color-row{display:flex;align-items:center;gap:8px}.af-color-picker{width:36px;height:32px;padding:2px;cursor:pointer;flex-shrink:0}.af-color-text{flex:1}.af-btn{padding:7px 18px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none}.af-btn--primary{background:var(--accent);color:var(--accent-ink)}.af-btn--primary:hover{background:#0a5c55}.af-btn--ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.af-btn--ghost:hover{border-color:var(--muted);color:var(--ink)}.af-btn--danger{background:transparent;border:1px solid #e5b3bc;color:var(--sel)}.af-btn--danger:hover{background:var(--bad-soft)}.admin-pw-gate{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);display:flex;align-items:center;justify-content:center}.admin-pw-box{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:14px;width:300px}.admin-pw-box h2{font-size:.95rem;text-align:center}.admin-pw-input{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 12px;color:var(--ink);font-size:.9rem}.admin-pw-input.error{border-color:var(--sel)}.admin-pw-err{color:var(--sel);font-size:.82rem;text-align:center}.admin-saving{position:absolute;bottom:60px;right:20px;background:var(--surface-2);border:1px solid var(--line);padding:6px 14px;border-radius:8px;font-size:.82rem;color:var(--muted)}.admin-toast{position:absolute;bottom:20px;right:20px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600}.admin-toast.ok{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok)}.admin-toast.err{background:var(--bad-soft);color:var(--sel);border:1px solid var(--sel)}@media (max-width: 720px){.brand{display:none}.brand-search{right:96px;max-width:none}.search-input{width:100%}.layer-panel{width:min(300px,calc(100vw - 28px))}.info-panel{top:auto;left:0;right:0;bottom:0;width:auto;max-height:62dvh;border-radius:16px 16px 0 0;border-bottom:none}.info-panel.collapsed .info-body{display:none}.sheet-handle{display:block;width:44px;height:4px;border-radius:99px;background:var(--line);margin:8px auto 0;border:none;cursor:pointer;padding:0}.app:has(.info-panel:not(.collapsed)) .maplibregl-ctrl-bottom-right{right:0}.map-hint{bottom:18px}.admin-list-col{width:200px}}