*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--green: #5b7f5b;--green-d: #3f5c3f;--green-l: #e8f0e8;--beige: #f7f3eb;--paper: #e8f0e4;--ink: #1a1a1a;--muted: #6b6b6b;--line: #d8d2c6;--danger: #b42318;--danger-bg: #fde8e6;--ok: #2f6f3e;--ok-bg: #e6f4ea;--radius: 16px;--shadow: 0 8px 24px rgba(40, 40, 20, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#c9d4c4;color:var(--ink)}.app{max-width:430px;min-height:100dvh;margin:0 auto;background:#f3eee4;position:relative;overflow:hidden}.app:before,.app:after{display:none}#crop-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#121610eb;flex-direction:column}#crop-modal.on{display:flex}.crop-stage{flex:1;position:relative;overflow:hidden;touch-action:none;min-height:280px}#crop-img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.crop-circle{position:absolute;left:50%;top:50%;width:min(72vw,300px);height:min(72vw,300px);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000085;border:2px solid #fff;pointer-events:none}.crop-bar{padding:14px 16px 22px;background:#f3eee4}.crop-bar p{margin:0 0 8px;font-size:13px;color:#5c6658;text-align:center}.crop-actions{display:flex;gap:8px}.crop-actions .btn{flex:1;margin:0;width:auto}.top{display:flex;align-items:center;gap:10px;padding:16px 16px 8px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--green-d);letter-spacing:.2px}.paw{font-size:20px}.logo-paw{width:22px;height:22px;display:block;flex-shrink:0;transition:transform .18s ease}.brand:hover .logo-paw{transform:rotate(-12deg) scale(1.08)}.logo-paw ellipse,.logo-paw circle{fill:#8a9a84}.dm-ava{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#ddd;flex-shrink:0}.spacer{flex:1}.help-q{width:38px;height:38px;border-radius:50%;border:0;padding:0;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#f7f4ee;background:#5b7f5b;box-shadow:0 3px 8px #283c2847}.help-q svg{width:18px;height:18px;fill:none;stroke:#f7f4ee;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn{width:38px;height:38px;border-radius:50%;border:0;padding:0;cursor:pointer;flex-shrink:0;font-size:0;color:transparent;background-color:#5b7f5b;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M15.5 5.5L9 12l6.5 6.5-1.5 1.5L6 12l8-8z'/></svg>"),radial-gradient(circle at 32% 28%,#9bb58a,#5b7f5b 58%,#3a553a);background-size:16px 16px,100% 100%;background-position:46% 50%,center;background-repeat:no-repeat;box-shadow:0 3px 8px #283c2847}.pencil-btn{width:38px;height:38px;border:0;border-radius:50%;background:#5b7f5b;color:#fff;font-size:18px;line-height:38px;padding:0;cursor:pointer;box-shadow:0 3px 8px #283c2847}.brand.go-home{cursor:pointer}.tab-badge{position:absolute;top:2px;right:16%;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#c45c26;color:#fff;font-size:10px;font-weight:700;line-height:1;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(40,50,30,.35);pointer-events:none;display:none}h1{font-size:28px;margin:8px 16px 4px}h2{font-size:22px;margin:0 0 8px}.sub{color:var(--muted);margin:0 16px 16px;font-size:14px}.screen{padding-bottom:88px;display:none}.screen.active{display:block}#s-chat.active{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;padding-bottom:0}#s-chat .top,#s-chat .city-tabs,#s-chat>.sub,#s-chat .new-row{flex-shrink:0}#s-chat>.sub{margin:0 16px 4px}#s-home{min-height:100dvh;background:#f3eee4}.help-row{display:block;width:calc(100% - 32px);margin:8px 16px;background:var(--paper);border:0;border-radius:16px;padding:16px;text-align:left;font:inherit;box-shadow:var(--shadow)}.help-row b{display:block;color:#3f4a3c;font-size:16px}.help-row span{display:block;margin-top:4px;color:#6d7a68;font-size:13px}.faq-item{margin:8px 16px;background:var(--paper);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow)}.faq-item b{display:block;color:#3f4a3c}.faq-item p{margin:6px 0 0;color:#5a5248;font-size:14px}.breed-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 16px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}.breed-tabs::-webkit-scrollbar{display:none}.breed-tabs button{flex:0 0 auto;border:0;background:#e8eee4;color:#3f4a3c;border-radius:999px;padding:8px 14px;font-weight:600;white-space:nowrap}.breed-tabs button.on{background:#5f7d5c;color:#f7f4ee}.breed-card{display:flex;gap:12px;align-items:flex-start;margin:8px 16px;background:var(--paper);border-radius:16px;padding:12px;box-shadow:var(--shadow)}.breed-mark{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e4ebe0;font-weight:700;color:#3f4a3c;flex-shrink:0}#s-inbox,#s-dm,#s-friends,#s-owner,#s-badges,#s-feed,#s-memorial,#s-lost,#s-ads,#s-events,#s-detail,#s-help,#s-ask,#s-faq,#s-breeds{min-height:100dvh;background:#f3eee4;padding-bottom:110px}.ads-tabs{display:flex;gap:6px;padding:0 16px 10px;flex-wrap:wrap}.ads-tabs button{flex:1 1 22%;border:0;border-radius:12px;padding:8px 4px;font-weight:700;font-size:12px;background:#e7e2d6;color:#6d7a68}.ads-tabs button.on{background:#b7c6b3;color:#3f4a3c}.filter-row{display:flex;gap:8px;padding:0 16px 12px}.filter-row select{flex:1;border:0;background:#fffdf8;border-radius:12px;padding:10px 12px;color:#3f4a3c}.lost-card{display:flex;gap:12px;align-items:center;background:#e8f0e4;margin:0 16px 10px;padding:12px;border-radius:16px;box-shadow:0 8px 20px #28321e0f;text-align:left;width:calc(100% - 32px);border:0}.lost-card>img{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#d7e0d2;flex-shrink:0}.lost-card>div{min-width:0;flex:1}.lost-card h3{margin:0;font-size:16px;color:#3f4a3c;overflow-wrap:anywhere;word-break:break-word}.lost-card p{margin:3px 0 0;font-size:13px;color:#8b9186;overflow-wrap:anywhere;word-break:break-word}.lost-card .tag{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.lost-card .tag.lost{background:#f3d4ce;color:#a33b2c}.lost-card .tag.found{background:#dce6d8;color:#3f4a3c}.lost-card.feed-lost{background:#f3d4d0}.lost-card.feed-lost h3{color:#8b3a32}.lost-card.feed-found{background:#c5d6c0}.lost-card.feed-found h3{color:#3f4a3c}#vax-list .lost-card,#vax-list .vax-card,#all-list .lost-card,#th-list .lost-card{background:#c5d6c0!important;border:1px solid #8aa886;margin-left:0;margin-right:0;width:100%}#karton-tabs{padding:0 0 12px}.found-form{display:none}.found-form.on{display:block}#s-pet{min-height:100dvh;background:#f3eee4;padding-bottom:110px}#s-pet .hero-pet .avatar{width:148px;height:148px;border:0;box-shadow:0 10px 22px #323c2829}#s-pet .name{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:28px;color:#5a5248}#s-pet .card{background:#fffdf8;border-radius:18px;box-shadow:0 8px 20px #28321e0f}#s-pet .btn.danger{background:#c45c4a;border-radius:14px}.card{background:var(--paper);margin:12px 16px;padding:16px;border-radius:var(--radius);box-shadow:var(--shadow)}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-size:16px;font-family:inherit}textarea{min-height:80px;resize:vertical}.btn{display:block;width:calc(100% - 32px);margin:12px 16px;border:0;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:650;cursor:pointer}.btn.primary{background:var(--green);color:#fff}.btn.ghost{background:transparent;color:var(--green-d);border:1.5px solid var(--green);width:calc(100% - 32px)}.btn.danger{background:var(--danger);color:#fff}.btn.small{width:auto;margin:8px 0 0;padding:10px 14px;font-size:14px}.btn:disabled{opacity:.5}.row{display:flex;gap:8px;padding:0 16px}.row .btn{width:auto;flex:1;margin:12px 0}.hero-pet{text-align:center;padding:8px 16px 0}.avatar{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--green-l);display:block;margin:0 auto 10px;border:3px solid #fff;box-shadow:var(--shadow)}.avatar.sm{width:56px;height:56px;margin:0}.name{font-size:26px;font-weight:700;margin:0}.owner-title{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin:0}.owner-city{font-size:26px;font-weight:700;color:#3f4a3c}.owner-detail{font-size:16px;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}.owner-detail[hidden]{display:none}#s-owner .hero-pet .name,#s-public .hero-pet .name{overflow-wrap:anywhere}#owner-full-name-edit:disabled{opacity:.65}.owner-bio{margin:6px 28px 16px;text-align:center;color:#3f4a3c;font-size:16px;line-height:1.45}.meta{color:var(--muted);margin:4px 0 0}.badge{display:inline-block;background:var(--green-l);color:var(--green-d);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:650;margin-top:8px}.badge.lost{background:var(--danger-bg);color:var(--danger)}.owner-line{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 10px;font-size:13px;color:#6d7a68}.owner-row{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 10px 6px 6px;border:0;border-radius:999px;background:#fffdf8;box-shadow:0 4px 12px #28321e0f;cursor:pointer;color:#3f4a3c;font-weight:650;font-size:13px}.owner-row img{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#d7e0d2}.bchips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 16px 0}.bchip{border:0;background:#e4ebe0;color:#3f4a3c;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:650;cursor:pointer}.bchip.more{background:#5f7d5c;color:#f7f4ee}.lang-mini{margin:8px auto 0;border:0;background:#e4ebe0;color:#3f4a3c;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer}.bchip-tip{display:none}#award-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#282e2473;display:flex;align-items:center;justify-content:center;padding:24px 16px}#award-pop[hidden]{display:none}.award-pop-card{width:min(440px,100%);max-height:78vh;overflow:auto;background:#fffdf8;border-radius:20px;padding:18px 16px 16px;box-shadow:0 16px 40px #14181033}.award-pop-title{margin:0 0 10px;font-weight:700;color:#3f4a3c}.award-pop-note{margin:0 0 16px;color:#5a5248;font-size:15px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}#ask-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:81;background:#282e2473;display:flex;align-items:center;justify-content:center;padding:24px 16px}#ask-pop[hidden]{display:none}.ask-actions{display:flex;gap:10px}.ask-actions .btn{flex:1}.badge.ok{background:var(--ok-bg);color:var(--ok)}.gallery{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.gallery img{width:88px;height:88px;-o-object-fit:cover;object-fit:cover;border-radius:12px}.g-item{position:relative;border:0;padding:0;background:transparent}.g-like{position:absolute;right:4px;bottom:4px;background:#0000008c;color:#fff;font-size:11px;border-radius:999px;padding:2px 6px}#lightbox{position:fixed;inset:0;z-index:220;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 16px 24px;touch-action:pan-y}#lightbox[hidden]{display:none}#lb-close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:16px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center}.lb-stage{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}#lb-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;user-select:none;-webkit-user-drag:none;touch-action:pan-y}.lb-actions{width:min(240px,100%);height:52px;margin-top:14px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px}.lb-actions>button:not(.btn){width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center}.lb-actions>button[hidden]{visibility:hidden;display:flex}.lb-actions .btn{width:100%;margin:0;padding:11px 12px;grid-column:2}#lb-prev{grid-column:1}#lb-next{grid-column:3}#s-pet .pet-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}#s-pet .pet-gallery-head .tiny{margin:0;font-weight:700}#s-pet .pet-gallery-head .btn{width:auto;margin:0;padding:8px 12px}#s-pet #pet-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:10px 0 0}#s-pet #pet-gallery .g-item{width:100%;aspect-ratio:1;min-width:0;overflow:hidden;border-radius:12px}#s-pet #pet-gallery img{width:100%;height:100%;object-fit:cover;border-radius:12px}#s-pet #pet-gallery>.tiny{grid-column:1/-1}#s-pet .pet-gallery-all{margin:10px 0 0;width:100%}.qr-box{background:#fff;border-radius:16px;padding:16px;text-align:center}.qr-box img,.qr-box canvas{width:200px;height:200px}.tiny{font-size:12px;color:var(--muted)}.lost-banner{background:var(--danger);color:#fff;text-align:center;padding:10px 12px;font-weight:700;letter-spacing:.4px}.list{margin:0 16px}.pet-item{display:flex;gap:12px;align-items:center;background:var(--paper);padding:12px;border-radius:14px;margin-bottom:10px;box-shadow:var(--shadow);cursor:pointer}.pet-item h3{margin:0;font-size:16px}.pet-item p{margin:2px 0 0;color:var(--muted);font-size:13px}#detail-body{padding-bottom:118px}.tabs{position:fixed;left:50%;bottom:10px;transform:translate(-50%);width:calc(100% - 28px);max-width:400px;display:flex;background:#d7e4d2;border-radius:22px;box-shadow:0 8px 28px #28321e1a;z-index:30;padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px))}.tabs button{flex:1;border:0;background:transparent;padding:8px 4px 6px;font-size:11px;font-weight:600;color:#6d7a68;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.tabs button:hover{transform:translateY(-2px);opacity:.82}.tabs button:active{transform:scale(.96);opacity:1}.tabs button.on{color:#3f4a3c;font-weight:700}.tabs .ico{display:none}.tabs svg.ticon{display:block;width:22px;height:22px;margin:0 auto 4px;stroke:#6d7a68;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabs button.on svg.ticon{stroke:#3f4a3c}.err{color:var(--danger);font-size:13px;margin:0 16px;white-space:pre-line}.linkish{background:none;border:0;color:var(--green-d);text-decoration:underline;cursor:pointer;font-size:14px}.soon{opacity:.55;pointer-events:none}.hint{font-size:13px;color:var(--muted);padding:0 16px}.new-row{display:flex;gap:10px;overflow-x:auto;padding:4px 16px 12px}.new-chip{flex:0 0 auto;text-align:center;width:72px}.new-chip img{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--green)}.new-chip p{margin:4px 0 0;font-size:11px}#owner-pets .new-row{padding:0}#owner-pets .new-chip{background:transparent;border:0;box-shadow:none;padding:0}#owner-pets .new-chip img,#owner-mem-pets .new-chip img{border:0;box-shadow:none}#owner-mem-pets .new-row{padding:0}#owner-mem-pets .new-chip{background:transparent;border:0;box-shadow:none;padding:0}#owner-mem-pets .new-chip img,#mem-photo,#pet-photo.mem,.avatar.mem{filter:grayscale(1)}#public-owner-mem .new-chip img{filter:grayscale(1)!important}#owner-mem-pets .new-chip img,#mem-photo,#pet-photo.mem,.avatar.mem{filter:grayscale(1)!important}#owner-pets .new-chip p{font-weight:700;color:#3f4a3c;font-size:12px}#public-body .new-row{padding:0}#public-body .new-chip{background:transparent;border:0;box-shadow:none;padding:0}#public-body .new-chip img{border:0;box-shadow:none}#public-body .new-chip p{font-weight:700;color:#3f4a3c;font-size:12px}#new-nis .new-chip{background:transparent;border:0;box-shadow:none;padding:0}#new-nis .new-chip img{border:0;box-shadow:none}#new-nis .new-chip p{font-weight:700;color:#3f4a3c}.chat-log{padding:8px 16px 16px;min-height:40vh}#s-chat .chat-log{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.bubble{background:var(--paper);border-radius:14px;padding:8px 12px;margin:8px 0;max-width:85%;box-shadow:var(--shadow);border:0;font:inherit;text-align:left;display:block;width:-moz-fit-content;width:fit-content;color:inherit}#s-chat .bubble{scroll-margin-bottom:168px}.bubble.me{margin-left:auto;background:var(--green-l)}.bubble .who{font-size:12px;font-weight:700;color:var(--green-d);display:flex;align-items:center;gap:6px}.bubble.me .who{justify-content:flex-end}.chat-ava{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:#ddd}.chat-ava.mem{filter:grayscale(1)}.bubble .txt{margin:2px 0 0;font-size:15px;overflow-wrap:anywhere;word-break:break-word}#s-chat{background:#f3eee4;min-height:100dvh;padding-bottom:140px}.city-tabs{display:flex;gap:8px;padding:0 16px 10px}.city-tabs button{flex:1;border:0;border-radius:14px;padding:10px 8px;font-weight:700;font-size:14px;background:#e7e2d6;color:#6d7a68}.city-tabs button.on{background:#b7c6b3;color:#3f4a3c}.city-tabs button.locked{opacity:.55}.chat-bar{position:fixed;left:50%;transform:translate(-50%);bottom:78px;width:calc(100% - 28px);max-width:400px;display:flex;gap:8px;padding:8px;background:#fffdf8;border-radius:16px;box-shadow:0 8px 20px #28321e14;z-index:25}.chat-bar input{flex:1}.chat-bar .btn{width:auto;margin:0;padding:12px 16px}.home-title{display:none}.hub{position:relative;width:340px;height:560px;margin:4px auto 0}.hub-photo{position:absolute;left:50%;top:148px;transform:translate(-50%);width:148px;height:148px;padding:0;border:0;background:none}.hub-photo img,.hub-empty{width:148px;height:148px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 10px 22px #323c2829;background:#d7e0d2}.hub-empty{display:flex;align-items:center;justify-content:center;font-size:36px;color:#6a7d66}.hub-name{position:absolute;left:0;right:0;top:308px;text-align:center;pointer-events:none}.hub-name .nm-row{display:flex;align-items:center;justify-content:center;gap:8px}.hub-name .nm{font-family:Georgia,Times New Roman,serif;font-size:28px;color:#5a5248;font-weight:500}.swap-btn{pointer-events:auto;border:0;background:#e4ebe0;color:#3f4a3c;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px}.pet-switch{display:none;position:fixed;left:50%;bottom:86px;transform:translate(-50%);width:calc(100% - 28px);max-width:400px;background:#fffdf8;border-radius:18px;box-shadow:0 10px 28px #28321e29;z-index:80;padding:12px 12px 8px}.pet-switch.on{display:block}.pet-switch p{margin:0 8px 8px;font-size:13px;color:#6d7a68}.pet-switch button.sw{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:8px;border-radius:12px;text-align:left}.pet-switch button.sw.on{background:#e8f0e8}.pet-switch button.sw img{width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.hub-name .meta{margin-top:4px;font-size:13px;color:#8b9186}.friends-tab{pointer-events:auto;display:inline-block;margin-top:8px;border:0;background:#5f7d5c;color:#f7f4ee;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.lang-btn{border:0;background:#e7e2d6;color:#3f4a3c;border-radius:10px;padding:6px 10px;font-weight:700;font-size:12px;margin-right:6px}.friends-row{padding:0 16px 8px}.friends-row .sub{margin:0 0 8px}.bubble.sys{background:#efe6d4;color:#5a5248;margin-left:0;max-width:100%}.bubble.sys.one-line{max-width:92%}.bubble.sys.one-line .who{white-space:nowrap;overflow:hidden}.bubble.sys.one-line .who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble.sys.alert{background:#f4d0c8;color:#8a3328;width:100%;max-width:100%;text-align:left;border:0;font:inherit;cursor:pointer}.bubble.sys.alert .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.bubble.sys.safe{background:#d5e6d0;color:#2f5a32;width:100%;max-width:100%;text-align:left;border:0;font:inherit;cursor:pointer}.paw-btn{position:absolute;width:78px;text-align:center;background:none;border:0;padding:0;cursor:pointer;transition:transform .18s ease,filter .18s ease}.paw-btn:hover{transform:translateY(-3px);filter:brightness(.96)}.paw-btn:active{transform:translateY(0) scale(.96)}.paw-btn .flower{width:72px;height:72px;margin:0 auto;position:relative}.paw-btn .flower svg.shape{width:72px;height:72px;display:block}.paw-btn .flower .ico{position:absolute;left:50%;top:64%;transform:translate(-50%,-50%);width:22px;height:22px}.paw-btn .lbl{display:block;margin-top:4px;font-size:12px;font-weight:600;color:#5c6358}.paw-chat{left:131px;top:8px}.paw-events{left:10px;top:78px}.paw-lost{left:252px;top:78px}.paw-add{left:10px;top:368px}.paw-ads{left:252px;top:368px}.paw-qr{left:131px;top:448px}
.dm-peer-avatar{width:72px;height:72px;border-radius:50%;background:var(--green-l);color:var(--green-d);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-size:25px;font-weight:700}.dm-peer-avatar .dm-peer-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--green-l)}.dm-peer-initial{line-height:1}.dm-header-avatar{width:34px;height:34px;font-size:15px}.dm-header-avatar .dm-ava{width:100%;height:100%;background:var(--green-l)}.dm-thread-card>.dm-peer-avatar{width:72px;height:72px}#s-dm.active{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;padding-bottom:0}#s-dm>.top{flex:0 0 auto}#s-dm #dm-log{flex:1;min-height:0;overflow-y:auto;padding:8px 16px 24px;-webkit-overflow-scrolling:touch}#s-dm>.chat-bar{position:static;left:auto;bottom:auto;transform:none;flex:0 0 auto;width:calc(100% - 28px);margin:0 14px calc(76px + env(safe-area-inset-bottom,0px));z-index:25}#s-dm.dm-keyboard>.chat-bar{margin-bottom:env(safe-area-inset-bottom,0px)}#s-dm.dm-keyboard>.tabs{visibility:hidden;pointer-events:none}

/* ===== Snifflo 2026: topla pozadina, heder, orbita šapica, meni, pretraga ===== */
.app{background:#f5f0e6}
#s-home{position:relative;background:
  radial-gradient(120% 70% at 50% 34%, #fffdf7 0%, rgba(255,253,247,0) 62%),
  linear-gradient(180deg,#f7f2e8 0%,#f1ece0 100%)}
#s-home:before,#s-home:after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain;opacity:.22;z-index:0}
#s-home:before{top:-18px;left:-30px;width:230px;height:230px;background-image:url("/snifflo/leaf-tl.png")}
#s-home:after{right:-26px;bottom:74px;width:220px;height:220px;background-image:url("/snifflo/leaf-br.png")}
#s-home>*{position:relative;z-index:1}
#s-home>.tabs{position:fixed;z-index:30}

.top.home-top,#s-home .top{padding:14px 16px 4px}
.brand .brand-word{font-size:20px;letter-spacing:-.2px;font-weight:800}
.brand .brand-city{margin-left:6px;font-size:12px;font-weight:600;color:#8b9186;letter-spacing:.4px}
.me-ava{width:40px;height:40px;border-radius:50%;padding:0;border:2px solid #b9cdb2;background:#e7efe4;overflow:hidden;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #283c281f}
.me-ava img{width:100%;height:100%;object-fit:cover;display:block}
.me-ava span{font-size:16px;font-weight:800;color:#5b7f5b}

/* orbita */
.hub{width:340px;height:352px;margin:6px auto 0}
.hub-photo{left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px}
.hub-photo img,.hub-empty{width:132px;height:132px;box-shadow:0 12px 26px #32402a2e,0 0 0 6px #fffdf8}
.paw-btn{width:74px}
.paw-btn .flower,.paw-btn .flower svg.shape{width:62px;height:62px}
.paw-btn .flower{filter:drop-shadow(0 6px 10px #3a4a3326)}
.paw-btn .flower .ico{width:20px;height:20px}
.paw-btn .lbl{font-size:11px;margin-top:3px;color:#5c6358}
.paw-chat{left:133px;top:11px}
.paw-lost{left:244px;top:75px}
.paw-ads{left:244px;top:203px}
.paw-events{left:133px;top:267px}
.paw-qr{left:22px;top:203px}
.paw-add{left:22px;top:75px}

/* ime + pilule */
.ident{text-align:center;margin:10px auto 0;max-width:340px}
.ident .nm-row{display:flex;align-items:center;justify-content:center;gap:8px}
.ident .nm{font-family:Georgia,"Times New Roman",serif;font-size:28px;color:#5a5248;font-weight:500}
.ident .swap-btn{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e4ebe0;color:#4b6b4b;box-shadow:0 2px 6px #2a3a2a1f}
.ident .swap-btn svg{width:17px;height:17px}
.ident .pills{display:flex;justify-content:center;gap:10px;margin-top:10px}
.ident .pill{display:flex;align-items:center;gap:6px;border:0;background:#e8f0e6;color:#3f4a3c;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;box-shadow:0 2px 8px #2a3a2a14;cursor:pointer}
.ident .pill b{font-weight:800}
.ident .pill .pi{font-size:14px}
.ident .pill:active{transform:scale(.97)}
.pill.has-new-paw .pi,.pet-paws-button.has-new-paw .paw-icon{position:relative}
.pill.has-new-paw .pi:after,.pet-paws-button.has-new-paw .paw-icon:after{content:"";position:absolute;right:-4px;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--ok);border:1px solid var(--paper)}
.pet-paws-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--green-d);font:inherit;font-weight:700;padding:6px 0;cursor:pointer}
.pub-paws-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.pub-paws-row .btn{margin:0;padding:7px 14px;white-space:nowrap;flex:0 0 auto}
#paw-owners-pop{position:fixed;inset:0;z-index:230;background:color-mix(in srgb,var(--ink) 50%,transparent);display:flex;align-items:center;justify-content:center;padding:16px}
#paw-owners-pop[hidden]{display:none}
.paw-owners-panel{background:var(--beige);color:var(--ink);width:min(380px,100%);max-height:min(70dvh,520px);overflow:auto;border-radius:8px;padding:16px;box-shadow:var(--shadow)}
.paw-owners-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:18px}
.paw-owners-close{border:0;background:transparent;color:var(--green-d);font-size:28px;width:38px;height:38px;line-height:1}
.paw-owner-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.paw-owner-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--green-l);color:var(--green-d);display:flex;align-items:center;justify-content:center;overflow:hidden}
.paw-owner-avatar img{width:100%;height:100%;object-fit:cover}
.paw-owner-unopened{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--ok)}
.home-new-pet-banner{display:block;width:calc(100% - 32px);margin:10px 16px 0;padding:11px 14px;border:1px solid var(--green);border-radius:12px;background:var(--green-l);color:var(--green-d);font-size:14px;font-weight:700;text-align:center}
.ident .home-memory-label{color:var(--muted);font-size:13px;line-height:1.4}

/* bočni meni */
.drawer-mask{position:fixed;inset:0;background:#1e2a1e5c;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:90}
.drawer-mask.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:max(0px,calc(50% - 215px));width:286px;height:100dvh;background:#fffdf8;box-shadow:-10px 0 30px #28321e2e;transform:translateX(105%);transition:transform .26s cubic-bezier(.3,.8,.35,1);z-index:95;padding:22px 14px 16px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.drawer.on{transform:translateX(0)}
.dr-head{display:flex;align-items:center;gap:12px;padding:6px 6px 14px;border-bottom:1px solid #eae4d8;margin-bottom:10px;cursor:pointer;-webkit-user-select:none;user-select:none}
.dr-head img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#e7efe4;border:2px solid #cddcc7}
.dr-name{font-weight:800;color:#3f4a3c;font-size:16px}
.dr-city{font-size:12px;color:#8b9186}
.dr-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:12px 10px;border-radius:12px;font-size:15px;font-weight:600;color:#3f4a3c;cursor:pointer}
.dr-item:active{background:#eef3ec}
.dr-item.danger{color:#b42318}
.dr-lbl{margin:12px 10px 4px;font-size:12px;color:#8b9186;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.dr-pets{display:flex;flex-wrap:wrap;gap:8px;padding:0 6px 4px}
.dr-pet{display:flex;align-items:center;gap:8px;border:0;background:#f0f4ee;border-radius:999px;padding:5px 12px 5px 5px;font-size:13px;font-weight:600;color:#3f4a3c}
.dr-pet img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#dde5d9}
.hub-photo.mem img,.pet-switch button.sw.mem img,.dr-pet.mem img{filter:grayscale(1)}
.dr-pets .dr-mem-lbl{width:100%;margin:10px 4px 2px}
.dr-mem-pets{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.dr-pets.slide,.dr-mem-pets.slide{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}
.dr-pets.slide::-webkit-scrollbar,.dr-mem-pets.slide::-webkit-scrollbar{display:none}
.dr-pets.slide .dr-pet,.dr-mem-pets.slide .dr-pet{flex:0 0 auto}
.dr-pets{align-items:center}
.dr-pet{height:38px;box-sizing:border-box;white-space:nowrap;align-self:center}
.dr-foot{margin-top:auto;border-top:1px solid #eae4d8;padding-top:8px}

/* Istraži */
.search-bar{padding:6px 16px 0}
.search-bar input{width:100%;box-sizing:border-box;border:0;background:#fffdf8;border-radius:999px;padding:13px 18px;font-size:15px;box-shadow:0 3px 12px #28321e14}
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 4px;-ms-overflow-style:none;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips .chip{flex:0 0 auto;border:0;background:#e8f0e6;color:#4a5646;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer}
.chips .chip.on{background:#5b7f5b;color:#f7f4ee}
#search-res{padding:10px 16px 0}
.breed-hit{cursor:default}

/* ===== 2026-b: donja traka od ivice do ivice, 3D šapice, ram oko ljubimca ===== */
.tabs{left:50%;right:auto;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;border-radius:0;
  background:linear-gradient(180deg,#f3f7f0 0%,#e6efe2 100%);
  -webkit-backdrop-filter:saturate(1.1) blur(8px);backdrop-filter:saturate(1.1) blur(8px);
  border-top:1px solid #dbe5d6;
  box-shadow:0 -6px 22px rgba(40,50,30,.10);
  padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px))}
.chat-bar{bottom:calc(72px + env(safe-area-inset-bottom,0px))}
.pet-switch{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
.screen{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
#s-home{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
#s-home:after{bottom:calc(86px + env(safe-area-inset-bottom,0px))}

/* 3D šapice sa sjajem */
.paw-btn .flower{filter:drop-shadow(0 8px 12px rgba(48,62,42,.26)) drop-shadow(0 2px 3px rgba(48,62,42,.18))}
.paw-btn .flower svg.shape{overflow:visible}
.paw-btn:active .flower{filter:drop-shadow(0 3px 6px rgba(48,62,42,.24))}
.paw-btn .lbl{color:#4f5b4a;text-shadow:0 1px 0 rgba(255,255,255,.65)}

/* elegantni ram oko slike ljubimca */
.hub-photo{border-radius:50%;
  box-shadow:0 0 0 5px #fffdf8, 0 0 0 7px #cbdcc3, 0 0 0 8px rgba(91,127,91,.35),
    0 16px 30px rgba(44,58,38,.24), inset 0 0 0 1px rgba(255,255,255,.6)}
.hub-photo img,.hub-empty{box-shadow:none;border:0}
.hub-photo:before{content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none;
  background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,0) 52%)}

/* ---- vreme poruka ---- */
.bubble .tm{font-size:10.5px;line-height:1;opacity:.55;margin-top:4px;text-align:right}
.bubble.me .tm{text-align:right}

/* ---- PWA: traka za instalaciju ---- */
.pwa-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(74px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);max-width:410px;z-index:60;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:16px;background:#fffdf8;border:1px solid #dbe5d6;box-shadow:0 10px 26px rgba(40,50,30,.18)}
.pwa-bar[hidden]{display:none}
.pwa-bar>img{width:38px;height:38px;border-radius:10px;flex:0 0 auto}
.pwa-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.pwa-txt b{font-size:13.5px;color:#2f3d2b}
.pwa-txt span{font-size:11.5px;opacity:.65}
.pwa-go{flex:0 0 auto;border:0;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600;color:#fff;background:#5b7f5b}
.pwa-x{flex:0 0 auto;border:0;background:transparent;font-size:15px;opacity:.45;padding:4px 6px}

/* ---- PWA: stavka u meniju ---- */
.dr-item.pwa{display:flex;align-items:center;gap:10px}
.dr-item.pwa .dr-ico{width:26px;height:26px;border-radius:8px}

/* ---- Kartica: pozovi prijatelja (profil ljubimca) ---- */
.invite-card{text-align:center}
.invite-card img{width:74px;height:74px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 14px rgba(60,80,55,.22);margin:2px auto 8px;display:block}
.invite-card p{margin:0 0 10px;font-size:14px;line-height:1.45;color:#3e4a3c}
.invite-card .btn{width:100%;margin:0}

/* Traka za goste na profilu ljubimca */
.guest-cta{position:sticky;bottom:0;margin:18px -16px 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(247,243,234,.6),#f7f3ea 32%);border-top:1px solid rgba(91,127,91,.18);box-shadow:0 -6px 18px rgba(60,80,55,.10);z-index:6}
.guest-cta p{margin:0 0 10px;text-align:center;font-size:14px;font-weight:600;color:#3e4a3c}
.guest-cta .btn{width:100%;margin:0}
.setup-ava{width:104px;height:104px;border-radius:50%;margin:4px auto 14px;background:#e7efe4;border:3px solid #cddcc7;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 16px #28321e1f}
.setup-ava img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.setup-ava span{font-size:38px;font-weight:800;color:#5b7f5b}
.setup-ava-x{position:absolute;top:0;right:0;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:#d9534f;color:#fff;font-size:14px;font-weight:800;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 2px 6px #0003}
.main-photo-picker{display:block;margin:0;cursor:pointer}.main-photo-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.main-photo-picker span{display:block;width:100%;border:1.5px solid var(--green);border-radius:12px;padding:11px 14px;text-align:center;color:var(--green-d);font-size:14px;font-weight:650;background:transparent}
.dr-ava-wrap{width:56px;height:56px;border-radius:50%;background:#e7efe4;border:2px solid #cddcc7;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.dr-ava-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.dr-ava-wrap span{font-size:22px;font-weight:800;color:#5b7f5b}
.ad-author-row{margin-top:8px;display:flex;align-items:center}
.ad-author{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6b7a68;cursor:pointer;max-width:100%}
.lost-card img.ad-auth-img,.ad-auth-img{width:26px!important;height:26px!important;min-width:26px;max-width:26px;min-height:26px;max-height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #cddcc7;display:inline-block}
.ad-auth-ini{width:26px;height:26px;border-radius:50%;background:#e7efe4;border:1px solid #cddcc7;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#5b7f5b;flex-shrink:0}
.ad-auth-name{font-weight:700;color:#4d6b4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-auth-time{color:#8a978a;white-space:nowrap}
.ad-author-card{margin:0 16px 12px;padding:12px}
.qr-button-wrap{margin:12px 16px}.qr-button-wrap .btn.ghost{width:100%;margin:0}.qr-open-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;font-size:16px;font-weight:650}.qr-open-btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}#qr-pop{position:fixed;inset:0;z-index:210;background:#282e2473;display:flex;align-items:center;justify-content:center;padding:20px 16px}#qr-pop[hidden]{display:none}.qr-pop-card{position:relative;width:min(360px,100%);background:#fffdf8;border-radius:16px;padding:20px 16px 16px;box-shadow:0 16px 40px #14181033}.qr-pop-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green-d);font-size:25px;line-height:1;background:transparent}.qr-pet-head{display:flex;align-items:center;gap:10px;padding-right:36px}.qr-pet-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--green-l);color:var(--green-d);font-weight:700}.qr-pet-avatar img{width:100%;height:100%;object-fit:cover}.qr-pop-title{text-align:center;margin:16px 0 10px;color:var(--green-d);font-weight:700}.qr-pop-code{display:block;width:220px;height:220px;margin:0 auto;background:#fff}.qr-pop-actions{display:flex;gap:8px;margin-top:14px}.qr-pop-actions .btn{flex:1;width:auto;margin:0;padding:10px 7px;font-size:13px}
.public-gallery-title{margin:16px 16px 8px}.public-pet-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:4px 16px 0}.public-pet-gallery .g-item{width:100%;aspect-ratio:1;min-width:0;overflow:hidden;border-radius:12px}.public-pet-gallery img{width:100%;height:100%;object-fit:cover;border-radius:12px}.public-gallery-all{margin-top:10px}.hero-pet .memorial-kicker{margin:0 0 2px;color:#4f514d;font-size:16px;font-weight:700;text-align:center}.hero-pet .memorial-kicker+.name{color:#4f514d}.hero-pet .memorial-meta{color:#4f514d;font-weight:700}.memorial-candle{text-align:center;margin:14px 16px 4px}.memorial-candle-icon{font-size:42px;line-height:1;filter:grayscale(1);opacity:.62}.memorial-candle-icon.lit{filter:none;opacity:1}.memorial-candle-count{margin:7px 0 0;font-weight:700;color:#4f514d}.memorial-candle-status{min-height:20px;margin:3px 0 8px;font-size:13px;color:#6b6b6b}.memorial-candle .btn{margin:0 auto;width:auto;min-width:138px}

/* ---- Tekst uspomene: 3 reda + "Pročitaj sve" ---- */
.note-clamp:not(.note-open){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#pub-tribute,#pet-desc,#owner-bio-view,#public-owner-bio,#public-pet-bio{white-space:pre-line}
.note-more{display:block;margin:6px auto 0;width:auto!important;min-width:138px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--green-d)}
.note-more[hidden]{display:none!important}

/* Vlasnička memorial strana prati raspored javnog memorial profila. */
#s-pet.owner-memorial .hero-pet .name{color:#4f514d;font-weight:700}
#s-pet.owner-memorial .hero-pet .meta{color:#4f514d;font-weight:700}
#s-pet.owner-memorial>.card:first-of-type,.memorial-info-card{background:var(--paper)!important;box-shadow:0 8px 20px #28321e0f}
#s-pet.owner-memorial>.pet-gallery-head{margin:28px 16px 0}
#s-pet.owner-memorial>#pet-gallery{margin:0 16px}
#s-pet.owner-memorial>#btn-gallery-all{width:calc(100% - 32px);margin:10px 16px 0}
.gallery-picker{display:block;margin:0;cursor:pointer}
.gallery-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gallery-picker span{display:block;width:100%;border:1.5px solid var(--green);border-radius:12px;padding:11px 14px;text-align:center;color:var(--green-d);font-size:14px;font-weight:650;background:transparent}

/* Klik na sliku/ime u zahtevu i na kartici druga */
.sniff-open{cursor:pointer}

.edit-bio-group{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}

/* Oglasi: horizontalni filteri i stalno dugme iznad donje navigacije */
#s-ads{padding-bottom:190px}
#s-ads .ads-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#s-ads .ads-tabs::-webkit-scrollbar{display:none}
#s-ads .ads-tabs button{flex:0 0 auto;white-space:nowrap;padding:8px 14px;font-size:12px}
#s-ads #btn-new-ad{position:fixed;z-index:29;left:50%;bottom:calc(74px + env(safe-area-inset-bottom));width:min(calc(100% - 32px),398px);margin:0;transform:translateX(-50%)}

/* Događaji: horizontalni filteri i stalno dugme iznad donje navigacije */
#s-events{padding-bottom:190px}
#s-events .city-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#s-events .city-tabs::-webkit-scrollbar{display:none}
#s-events .city-tabs button{flex:0 0 auto;white-space:nowrap;padding:10px 16px;font-size:14px}
#s-events #btn-new-ev{position:fixed;z-index:29;left:50%;bottom:calc(74px + env(safe-area-inset-bottom));width:min(calc(100% - 32px),398px);margin:0;transform:translateX(-50%)}
#s-events #ev-list{padding-bottom:calc(150px + env(safe-area-inset-bottom))}

/* Datum objave na kartici događaja */
.event-card>div{align-self:stretch;display:flex;flex-direction:column}




.x-btn{width:38px;height:38px;border-radius:50%;border:0;padding:0;cursor:pointer;flex-shrink:0;background:transparent;color:#3a553a;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}

#s-ads #ads-list{padding-bottom:calc(150px + env(safe-area-inset-bottom))}

.owner-delete-area{margin:20px 16px 110px;text-align:center}
.owner-delete-area[hidden]{display:none}
.owner-delete-link{font-size:12px;color:var(--danger);background:transparent;border:0;text-decoration:underline;padding:8px 12px}

#home-tip .home-tip-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#home-tip .home-tip-close{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}

.all-badges-list{display:flex;flex-direction:column;gap:10px;margin:12px 16px}
.all-badges-list .badge-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px;cursor:pointer}
.all-badges-list .badge-ico{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#e3e3e3;display:flex;align-items:center;justify-content:center}
.all-badges-list .badge-paw{width:22px;height:22px;fill:#9a9a9a}
.all-badges-list .badge-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.all-badges-list .badge-txt strong{font-size:15px;font-weight:700;color:#8a8a8a}
.all-badges-list .badge-txt span{font-size:13px;color:#a0a0a0}
.all-badges-note{margin:0 16px 12px;color:#8a8a8a}
.owner-badge-row{display:flex;gap:10px;margin:10px 0 2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.owner-badge-row::-webkit-scrollbar{display:none}
.owner-badge-row .badge-dot-item{flex:0 0 auto}
#public-owner-badge-row{margin:10px 16px 2px}
.owner-badge-row .badge-dot{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:#e3e3e3;display:flex;align-items:center;justify-content:center;border:none;padding:0;cursor:pointer}
.owner-badge-row .badge-dot-paw{width:24px;height:24px;fill:#9a9a9a}
.owner-badge-row .badge-dot-item{display:flex;flex-direction:column;align-items:center;gap:3px}
.owner-badge-row .badge-dot-label{font-size:10px;color:#6b6b6b;white-space:nowrap}
.owner-badge-row .badge-dot.on{background:#d8e9d8}
.owner-badge-row .badge-dot.on .badge-dot-paw{fill:#5b7f5b}
.all-badges-list .badge-ico.on{background:#d8e9d8}
.all-badges-list .badge-ico.on .badge-paw{fill:#5b7f5b}
.all-badges-list .badge-row[data-unlocked="1"] .badge-txt strong{color:#2f3b2f}
.all-badges-list .badge-row[data-unlocked="1"] .badge-txt span{color:#5f6b5f}
.all-badges-list .badge-left{font-size:12px;color:#a0a0a0}
.pet-badge-row{display:flex;gap:12px;justify-content:flex-start;margin:8px 16px 2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pet-badge-row::-webkit-scrollbar{display:none}
.pet-badge-row .badge-dot-item{flex:0 0 auto}
.pet-badge-row .badge-dot{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#d8e9d8;display:flex;align-items:center;justify-content:center}
.pet-badge-row .badge-paw{width:22px;height:22px;fill:#5b7f5b}
.pet-badge-row .badge-dot-item{display:flex;flex-direction:column;align-items:center;gap:3px}
.pet-badge-row .badge-dot-label{font-size:11px;color:#6b6b6b;white-space:nowrap}

/* Drugari na profilu vlasnika */
.profile-friends{margin-top:14px}
.profile-friends[hidden]{display:none}
.profile-friends-title{display:block;width:auto;margin:0 0 8px;padding:0;background:none;border:0;text-align:left;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}
.profile-friends-list{padding:0 0 4px!important;gap:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.profile-friends-list::-webkit-scrollbar{display:none}
.profile-friends-list .new-chip{background:transparent;border:0;box-shadow:none;padding:0}
.profile-friend-avatar{display:flex;width:56px;height:56px;margin:0 auto;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--green-l);color:var(--green-d);font-size:22px;font-weight:700}
.profile-friend-avatar img{width:100%;height:100%;border:0;border-radius:50%;object-fit:cover}
.profile-friends-list .new-chip p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:var(--green-d)}
#public-owner-tabs[hidden]{display:none}
#public-owner-mem-card .public-owner-mem-pet img{filter:grayscale(1)}
.pet-switch{padding-top:12px}.pet-switch-x{position:absolute;top:6px;right:8px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}
.pet-switch p{padding-right:36px}
.pet-switch-ov{display:none;position:fixed;inset:0;background:rgba(20,26,18,.55);z-index:90}
.pet-switch-ov.on{display:block}
body.pet-switch-lock{overflow:hidden}
.pet-switch{z-index:100}

/* Lista "Tvoji ljubimci" — uvek iznad zatamnjenja i kartice */
#pet-switch-ov.pet-switch-ov{z-index:190}
#s-home>#pet-switch.pet-switch{position:fixed;z-index:200;background:#fffdf8}
html.pet-switch-lock,body.pet-switch-lock{overflow:hidden;touch-action:none}

/* Linijske ikonice bedževa */
.badge-paw.ln,.badge-dot-paw.ln{fill:none;stroke:#9a9a9a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.all-badges-list .badge-paw.ln{width:24px;height:24px;fill:none}
.owner-badge-row .badge-dot-paw.ln{width:28px;height:28px;fill:none}
.pet-badge-row .badge-paw.ln{width:24px;height:24px;fill:none;stroke:#5b7f5b}
.all-badges-list .badge-ico.on .badge-paw.ln,.owner-badge-row .badge-dot.on .badge-dot-paw.ln{fill:none;stroke:#5b7f5b}

/* Slikovne ikonice bedževa */
.all-badges-list img.badge-img,.owner-badge-row img.badge-img,.pet-badge-row img.badge-img{display:block;width:100%!important;height:100%!important;border-radius:50%;object-fit:contain}
.all-badges-list .badge-ico:has(.badge-img),.owner-badge-row .badge-dot:has(.badge-img),.pet-badge-row .badge-dot:has(.badge-img){background:transparent;overflow:hidden;padding:0}
.all-badges-list .badge-ico .badge-img,.owner-badge-row .badge-dot .badge-img{filter:grayscale(1);opacity:.45}
.all-badges-list .badge-ico.on .badge-img,.owner-badge-row .badge-dot.on .badge-img,.pet-badge-row .badge-dot .badge-img{filter:none;opacity:1}
/* Bedževi su iste veličine kao avatari drugara (56px) */
.owner-badge-row .badge-dot:has(.badge-img),.pet-badge-row .badge-dot:has(.badge-img){width:56px;height:56px}
.all-badges-list .badge-ico:has(.badge-img){width:56px;height:56px}
/* Zelena tačka za nepročitanu poruku na avataru u listi Poruke */
.dm-thread-card .dm-peer-avatar{position:relative;overflow:visible}
.dm-thread-card .dm-peer-photo,.dm-thread-card .dm-peer-initial{border-radius:50%}
.dm-thread-card .dm-peer-avatar{overflow:visible}
.dm-thread-card .dm-peer-avatar .dm-peer-photo,.dm-thread-card .dm-peer-avatar .dm-peer-initial{width:100%;height:100%;border-radius:50%;overflow:hidden}
.dm-unread-dot{position:absolute;right:-2px;top:-2px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:1px solid var(--paper)}
.ads-tabs button.ads-tab-new,#s-events .city-tabs button.ads-tab-new{position:relative}
.ads-tabs button.ads-tab-new::after,#s-events .city-tabs button.ads-tab-new::after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#e0413a}
.ad-new-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:#5b7f5b;color:#fff;vertical-align:middle}
.event-attendee{display:flex;align-items:center;gap:10px;width:100%;padding:7px 0;text-align:left;color:var(--ink);font:inherit;background:transparent;border:0}
.event-attendee-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;overflow:hidden;border-radius:50%;background:var(--green-l);color:var(--green-d);font-weight:700}
.event-attendee-avatar img{width:100%;height:100%;object-fit:cover}
#splash{position:fixed;inset:0;z-index:3000;background:#a2bea6;display:flex;align-items:center;justify-content:center}
#splash .splash-paw{width:min(90vw,380px);height:auto;max-width:none}
#pet-photo.mem{filter:grayscale(1)}

/* Poruke: bold naslovi i razmak ispod zahteva */
#s-inbox > p.sub{font-weight:700}
#s-inbox #sniff-list{margin-bottom:24px}
#s-owner .owner-find-pet{width:100%;margin:12px 0 0}
#s-owner .owner-find-pet[hidden]{display:none}

/* Profil vlasnika: ime i prezime, grad i "Moji ljubimci" bold */
#s-owner #owner-full-name, #s-owner #owner-city { font-weight: 700; }
#s-owner #owner-pets-label { font-weight: 700; }
.req-actions{display:flex;gap:8px;margin-top:8px}
.req-pill{border:0;border-radius:999px;padding:7px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}
.req-pill.req-ok{background:#5b7f5b;color:#fff}
.req-pill.req-no{background:#fff;color:#c0392b;border:1.5px solid #e3a49c}
/* Memorijal: mirniji raspored */
#s-public.public-memorial{background:#f6f1e7}
.mem-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin:8px 16px 4px;padding:16px 10px;background:#fbf7ef;border:1px solid #e6dccb;border-radius:20px;box-shadow:0 8px 20px #3a352b12}
.mem-top .hero-pet{margin:0;padding:0}
.mem-top .hero-pet .avatar{width:110px;height:110px}
.mem-top .hero-pet .name{font-size:24px;color:#3d3b37}
.mem-top .memorial-kicker,.mem-top .memorial-meta{font-size:14px;color:#5e5a52}
.mem-top .memorial-candle{margin:0;border-left:1px solid #e6dccb;padding-left:8px}
.mem-top .memorial-candle-icon{font-size:48px}
.mem-top .memorial-candle-icon.lit{filter:drop-shadow(0 0 10px #f2c46d)}
.mem-top .memorial-candle .btn{min-width:0;padding:8px 14px;border-color:#b88a3e;color:#6d5223}
.public-memorial .memorial-info-card{background:#fbf7ef!important;border:1px solid #e6dccb}
.public-memorial .memorial-info-card #pub-tribute{color:#3d3b37}
.owner-line.mem-sign{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:12px 0 0;color:#6b665d;font-size:13px}
.mem-gallery-btn{display:block;margin:14px 16px 4px;width:calc(100% - 32px);border-color:#8a8378;color:#3d3b37}
.public-memorial #public-pet-gallery{margin-bottom:12px}
.public-memorial #btn-report{background:#fbf7ef;color:#3d3b37;border:1px solid #e6dccb;box-shadow:none}

/* Owner profile – sketch layout */
.owner-menu-wrap{position:relative}
.owner-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:190px;background:#fbf8f1;border:1px solid rgba(91,127,91,.25);border-radius:16px;box-shadow:0 12px 30px rgba(40,50,40,.18);padding:6px;display:flex;flex-direction:column}
.owner-menu[hidden]{display:none}
.owner-menu button{display:flex;align-items:center;gap:12px;background:none;border:0;padding:12px 12px;font:inherit;font-size:15px;color:#2d3a2d;text-align:left;border-radius:10px;cursor:pointer}
.owner-menu button:active{background:rgba(91,127,91,.12)}
.owner-menu .om-ico{width:20px;text-align:center;font-weight:700;color:#5b7f5b}
.owner-menu .om-svg{width:20px;height:20px;fill:none;stroke:#5b7f5b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.owner-head{display:flex;align-items:flex-start;gap:16px;margin:8px 16px 14px}
.owner-head .avatar{width:112px;height:112px;flex:0 0 112px;border-radius:50%;object-fit:cover;margin:0;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.owner-head-info{flex:1;min-width:0;text-align:left}
.owner-head-info .name{font-size:24px;font-weight:800;margin:4px 0 2px;text-align:left;word-break:break-word}
.owner-head-info .owner-detail{margin:2px 0;text-align:left;font-size:15px}
.owner-head-info .owner-city-line:not(:empty)::before{content:"📍 ";font-size:13px}
.owner-head-info .owner-bio{margin:6px 0 0;padding:0;text-align:left;font-size:14px}
.owner-edit-pill{margin-top:10px;background:transparent;border:1.5px solid #5b7f5b;color:#3f5f3f;border-radius:999px;padding:7px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.owner-badges-card{background:#fbf8f1}
.owner-badges-card[hidden]{display:none}
.obc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.obc-title{margin:0;font-size:17px;font-weight:800;color:#2d3a2d}
.obc-all{background:none;border:0;color:#6b7a6b;font:inherit;font-size:13px;cursor:pointer}
.owner-badges-card .owner-badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;overflow:visible}
.owner-badges-card .owner-badge-row[hidden]{display:none}
.owner-badges-card .badge-dot-item:nth-child(n+5){display:none}
.owner-badges-card .obc-btn{width:100%;border-radius:999px;margin-top:12px}

.owner-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.owner-name-row .name{flex:1;min-width:0;font-size:21px}
.owner-name-row .owner-edit-pill{margin-top:0;flex:0 0 auto;padding:5px 12px;font-size:13px;white-space:nowrap}
.owner-head .avatar{border:0;box-shadow:none}
.owner-badges-card{padding:12px 14px}
.owner-badges-card .obc-head{margin-bottom:6px}
.owner-badges-card .obc-btn{display:none}

.owner-community{display:flex;align-items:center;gap:10px;margin:10px 16px;padding:14px;border-radius:18px;background:#8fa386;color:#fff}
.owner-community .ocb-paw{width:44px;height:44px;flex:none;border-radius:12px;object-fit:cover}
.owner-community p{flex:1;margin:0;font-size:14px;line-height:1.3;color:#fff}
.owner-community button{flex:none;border:0;border-radius:16px;padding:10px 12px;background:#ece9dc;color:#2f3a2c;font-weight:600;font-size:13px}

.owner-pets-card{background:#fbf8f1;padding:12px 14px}
.owner-pets-card .obc-title{margin:0 0 8px}
.owner-pets-card #owner-add-pet[hidden]{display:none}
.owner-add-chip .oac-plus{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;border:2px dashed #8fa386;color:#3f5c3f;font-size:30px;font-weight:300;background:#eef2ea}
.icon-btn,.help-q,.pencil-btn{background-color:#8fa386 !important;box-shadow:none !important}
.icon-btn{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M15.5 5.5L9 12l6.5 6.5-1.5 1.5L6 12l8-8z'/></svg>") !important;background-size:16px 16px !important}
.help-q{background:#8fa386 !important}

.owner-friends-card{background:#fbf8f1;padding:12px 14px}
.owner-friends-card .profile-friends-title{display:none}
.owner-pets-card,.owner-friends-card,.owner-mem-card,.owner-badges-card{margin:10px 16px!important}
.owner-mem-card{background:#8fa386!important;padding:12px 14px;color:#fff}
.owner-mem-card .obc-title{color:#fff;margin:0 0 8px}
.owner-mem-card .new-chip p{color:#fff}
.owner-mem-card{background:#d6ddca!important;color:#1c261c}
.owner-mem-card .obc-title,.owner-mem-card .new-chip p{color:#1c261c}
.owner-mem-card .new-chip{display:flex;flex-direction:column;align-items:center;text-align:center}
.owner-mem-card .new-chip img{margin:0 auto}
.owner-mem-card .new-chip p{width:100%;text-align:center}

/* Kartice profila: 4 u redu, slajd bez linije, ujednačene boje */
.owner-badges-card:not(:has(.badge-dot-item:nth-child(5))) #owner-badges-all{display:none}
.obc-all[hidden]{display:none}
#owner-friends-all[hidden]{display:none}
.owner-pets-card .new-row,.owner-mem-card .new-row,.owner-friends-card .profile-friends-list{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.owner-pets-card .new-row::-webkit-scrollbar,.owner-mem-card .new-row::-webkit-scrollbar,.owner-friends-card .profile-friends-list::-webkit-scrollbar{display:none}
.owner-pets-card .new-chip,.owner-mem-card .new-chip,.owner-friends-card .profile-friends-list .new-chip{flex:0 0 calc((100% - 30px)/4);width:auto;min-width:0}
.owner-pets-card.show-all .new-row,.owner-mem-card.show-all .new-row{flex-wrap:wrap;overflow:visible}
.owner-friends-card .profile-friends{margin-top:0}
.obc-title,.owner-mem-card .obc-title{color:#2d3a2d!important}
#owner-pets .new-chip p,.owner-mem-card .new-chip p,.owner-friends-card .profile-friends-list .new-chip p,.owner-badges-card .badge-dot-label{color:#3f4a3c!important;font-size:12px!important;font-weight:700}
.owner-mem-card .new-chip p,.owner-badges-card .badge-dot-label{font-weight:700}
.owner-edit-pill{color:#1c261c!important;border-color:#1c261c!important}
/* Pin, bedževi, donji tab, drugari u 1 redu */
.owner-head-info .owner-city-line:not(:empty)::before{content:"";display:inline-block;width:13px;height:13px;margin-right:4px;vertical-align:-1px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%231c261c' d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/></svg>") no-repeat center/contain}
.owner-badges-card #owner-badges-all{display:inline-block!important}
.tabs{background:#8fa386!important}
.tabs button,.tabs button.on{color:#1c261c!important}
.tabs svg.ticon,.tabs button.on svg.ticon{stroke:#1c261c!important}
.owner-friends-card .profile-friends-list{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;padding:0}
/* v71: pistać kartica pozivnice + tanka linija ispod gornjeg bara */
.owner-community{background:#d6ddca;color:#1c261c}
.owner-community p{color:#1c261c}
.owner-community button{background:#8fa386;color:#fff}
body::after{content:"";position:fixed;top:0;left:0;right:0;height:1px;background:rgba(28,38,28,.15);z-index:9999;pointer-events:none}

#s-public.public-owner-view .top .help-q{display:none}
#s-public.public-owner-view .owner-badges-card .owner-badge-row{margin:0}
#s-public.public-owner-view .public-owner-actions{margin:14px 16px}
#btn-owner-edit-pill{display:none!important}
#btn-public-share .sh-chrome{display:none}
#s-public.public-owner-view .top #btn-public-share{display:flex!important}
#s-public.public-owner-view #btn-public-share .sh-chrome{display:block;width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#s-public.public-owner-view #btn-public-share .sh-ext{display:none}

#s-pet .pet-hidden-acts,#s-pet .pet-hidden-btn{display:none!important}#s-pet #pet-invite-card{margin:14px 0 10px}#s-pet #pet-badges-card{margin:0 0 10px}#s-pet #pet-badges-card .pet-badge-row{margin:10px 0 2px}#s-pet #pet-badges-card .pet-badge-row[hidden]{display:none}
#s-pet #pet-badges-card:has(#pet-open-all-badges[hidden]):has(#pet-badge-row[hidden]){display:none}
#s-pet .pet-about-card #pet-about-label,#s-pet .pet-gallery-card .obc-title{font-size:17px;font-weight:800;color:#1c261c!important;text-transform:none;letter-spacing:0;margin:0 0 8px}
#s-pet .pet-about-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}
#s-pet .pet-about-foot .pet-paws-button{margin:0}
#s-pet .pet-about-foot .owner-line{margin:0;display:flex;align-items:center;gap:6px;font-size:12px}
#s-pet .pet-gallery-card .pet-gallery-head{display:flex;align-items:center;justify-content:space-between}
#s-pet .pet-gallery-card #btn-gallery-add{display:none}
#s-pet .pet-gallery-card .obc-title{margin:0}
#s-pet .gallery .g-add{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1.5px dashed #8fa386;background:#d6ddca;color:#1c261c;font-size:34px;font-weight:300;border-radius:12px}

.qr-button-wrap{display:flex;flex-direction:column;gap:12px}.qr-button-wrap .qr-open-btn{background:#fff;border:1.5px solid #8fa386;color:#1c261c;border-radius:14px}.qr-button-wrap .qr-open-btn svg{fill:none;stroke:#8fa386;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#s-pet #pet-invite-card{margin:14px 16px 10px}
#s-pet .gallery .g-add{background:#eef2ea;border:2px dashed #8fa386;color:#3f5c3f;font-size:30px}
#s-public .pub-about-card,#s-public .pub-badges-card,#s-public .pub-gallery-card{margin:12px 16px 0}
#s-public .pub-about-card .obc-title,#s-public .pub-gallery-card .obc-title{margin:0 0 8px}
#s-public .pub-gallery-card .obc-head .obc-title{margin:0}
#s-public .pub-about-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}
#s-public .pub-about-foot .pub-paws-row,#s-public .pub-about-foot .owner-line{margin:0;display:flex;align-items:center;gap:6px}
#s-public .pub-badges-card:has(#pub-pet-badge-row[hidden]){display:none}
#s-public .pub-gallery-card .gallery{margin:8px 0 0;padding:0}
#s-public .pub-about-card,#s-public .pub-gallery-card{background:#fffdf8}
#s-public .pub-about-foot{justify-content:flex-end}
#s-public .pub-paws-block{margin:10px 16px 0;padding:10px 14px;background:#fffdf8;border-radius:16px;box-shadow:var(--shadow)}
#s-public .pub-paws-block .pub-paws-row{justify-content:space-between;margin:0}
#s-public:not(.public-memorial) .top .help-q.open-help{display:none}
#s-public:not(.public-memorial) .top #btn-public-share{display:flex!important}
#s-public:not(.public-memorial) #btn-public-share .sh-chrome{display:block;width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#s-public:not(.public-memorial) #btn-public-share .sh-ext{display:none}
#s-public:not(.public-memorial):not(.public-owner-view) .hero-pet .name{font-weight:800;color:#1c261c}

/* Jedinstvena maslinasta boja za zelena akcijska dugmad. */
:root{--action-green:#8fa386}
.btn.primary,.pwa-go,.req-pill.req-ok,.chips .chip.on,.breed-tabs button.on{background:var(--action-green)}
#s-public .pub-paws-block{background:var(--action-green)}
#s-public .pub-paws-block #pub-paws{color:#1c261c;font-size:16px;font-weight:800}
/* v83: šapice kao kartica preporuke */
#s-public .pub-paws-block{background:#d6ddca!important;padding:14px;border-radius:18px;box-shadow:none}
#s-public .pub-paws-block .pub-paws-row{display:flex;align-items:center;gap:10px}
#s-public .pub-paws-block .ppb-logo{width:44px;height:44px;flex:none;border-radius:12px;object-fit:cover}
#s-public .pub-paws-block #pub-paws{flex:1;color:#000!important;font-size:16px;font-weight:800}
#s-public .pub-paws-block #pub-paws .paw-icon{display:none}
#s-public .pub-paws-block #btn-paw{background:#8fa386!important;color:#fff!important;border:0!important;border-radius:16px;font-weight:600}

.tabs button,.tabs button.on{color:#fff!important}.tabs svg.ticon,.tabs button.on svg.ticon{stroke:#fff!important}
.ident .pill{background:#8fa386!important;color:#fff!important}.ident .pill .pi{display:flex;width:18px;height:18px}.ident .pill .pi img,.ident .pill .pi svg{width:18px;height:18px;border-radius:4px}

/* v85: font + početna po skici */
body,button,input,select,textarea{font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.tabs{background:#8fa386!important}
.ident .nm{font-family:"Lora",Georgia,serif!important;font-size:38px!important;font-weight:600!important;color:#3f4a3c!important;letter-spacing:.2px}
.ident .pill{background:#fffdf8!important;color:#3f4a3c!important;border:1px solid #c9d2bf!important;box-shadow:0 2px 8px #2a3a2a14}
.ident .pill .pi svg{width:18px;height:18px;border-radius:0}

/* v86: serif font u celoj app, veće šapice, kapsule bez bele podloge */
body,button,input,select,textarea{font-family:"Lora",Georgia,serif!important;font-size-adjust:none}
body{font-size:17px}
.paw-btn{width:92px}
.paw-btn .flower,.paw-btn .flower svg.shape{width:80px;height:80px}
.paw-btn .lbl{font-size:15px;font-weight:700}
.ident .pill{background:transparent!important;box-shadow:none!important;font-size:18px!important;padding:10px 20px!important;font-weight:600}
.ident .pill .pi,.ident .pill .pi svg,.ident .pill .pi img{width:22px!important;height:22px!important}
/* home hub: srazmerni raspor 3 levo / 3 desno */
#home-hub.hub{width:calc(100% - 16px)!important;max-width:410px!important;height:auto!important;aspect-ratio:1/1.08;margin:6px auto 0!important;position:relative}
#home-hub .hub-photo{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:46%!important;height:auto!important;aspect-ratio:1}
#home-hub .hub-photo img,#home-hub .hub-empty{width:100%!important;height:100%!important;box-shadow:0 0 0 4px #fffdf8,0 0 0 5px #d9cdb4!important}
#home-hub .paw-btn{width:22%!important;transform:none}
#home-hub .paw-btn .flower,#home-hub .paw-btn .flower img.shape{width:100%!important;height:auto!important;aspect-ratio:1}
#home-hub .paw-btn .lbl{font-size:clamp(12px,3.6vw,15px)!important;margin-top:2px!important;white-space:nowrap}
#home-hub .paw-add{left:5%!important;top:0!important;right:auto!important;bottom:auto!important}
#home-hub .paw-lost{right:5%!important;top:0!important;left:auto!important;bottom:auto!important}
#home-hub .paw-qr{left:0!important;top:37%!important;right:auto!important;bottom:auto!important}
#home-hub .paw-ads{right:0!important;top:37%!important;left:auto!important;bottom:auto!important}
#home-hub .paw-events{left:5%!important;bottom:0!important;top:auto!important;right:auto!important}
#home-hub .paw-chat{right:5%!important;bottom:0!important;top:auto!important;left:auto!important}

/* v92: gornje i donje šapice pola šapice ka unutra */
#home-hub .paw-add,#home-hub .paw-events{left:16%!important}
#home-hub .paw-lost,#home-hub .paw-chat{right:16%!important}
#s-home{background:linear-gradient(rgba(243,238,228,.7),rgba(243,238,228,.7)),url("/snifflo/bg-leaves.jpg") center top/100% 100% no-repeat,#f3eee4!important}
/* v95 lebdeći donji tab */
body.on-home .tabs{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 32px)!important;border-radius:28px!important;padding:6px 4px 8px!important;box-shadow:0 10px 30px rgba(40,50,30,.22),0 2px 6px rgba(40,50,30,.12)!important}
.tabs button{position:relative}
body.on-home .tabs button+button:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:rgba(255,255,255,.35)}
#s-home{padding-bottom:110px}

.ticon.ticon-fill{fill:#fff!important;stroke:none!important}

/* Feed: Moj grad / Cela Srbija + kartice ljubimaca */
.feed-scope{display:flex;gap:8px;margin:4px 16px 12px}
.feed-scope button{flex:1;padding:9px 12px;border-radius:999px;border:1px solid #c9d2bd;background:#fff;color:#1c261c;font:inherit;font-size:14px;font-weight:600}
.feed-scope button.on{background:#8fa386;border-color:#8fa386;color:#fff}
.feed-pet{display:block;width:calc(100% - 32px);margin:0 16px 14px;padding:0;border:1px solid #e3e6dc;border-radius:18px;overflow:hidden;background:#fff;text-align:left;font:inherit;color:#1c261c;box-shadow:0 2px 10px rgba(28,38,28,.06)}
.feed-pet img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#eef1e8}
.feed-pet-info{padding:10px 14px 12px}
.feed-pet-tag{font-size:12px;color:#5b7f5b;font-weight:600}
.feed-pet h3{margin:2px 0 0;font-size:19px;font-weight:700}
.feed-pet p{margin:2px 0 0;font-size:14px;color:#6b6b6b}
.feed-pet{cursor:pointer}
.feed-pet-info{display:flex;align-items:flex-start;gap:10px}
.feed-pet-l{flex:1;min-width:0}
.feed-owner{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px;align-self:stretch;flex:0 0 auto;max-width:48%}
.feed-owner-link{display:flex;align-items:center;gap:7px;color:#5b7f5b;font-weight:700;font-size:14px;min-width:0}
.feed-owner-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed-owner-av{width:30px;height:30px;flex:0 0 30px;border-radius:50%;overflow:hidden;background:#d6ddca;display:inline-flex;align-items:center;justify-content:center;color:#1c261c;font-size:13px}
.feed-owner-av img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover}
.feed-time{font-size:13px;color:#8a8a8a}
.feed-car-wrap{position:relative}
.feed-car{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.feed-car::-webkit-scrollbar{display:none}
.feed-car img{flex:0 0 100%;scroll-snap-align:start}
.feed-car-count{position:absolute;top:10px;right:10px;background:rgba(28,38,28,.6);color:#fff;font-size:12px;padding:3px 9px;border-radius:12px}
.feed-car-dots{display:flex;justify-content:center;gap:5px;padding:8px 0 0}
.feed-car-dots i{width:6px;height:6px;border-radius:50%;background:#cfd6c6}
.feed-car-dots i.on{background:#5b7f5b}
/* Feed: slike cele, bez sečenja */
.feed-pet img,.feed-car img{object-fit:contain!important;background:#f3eee4!important}
#lb-image{max-width:100%;max-height:78vh;object-fit:contain}

.city-pick{margin-top:-4px;margin-bottom:8px;border:1px solid #d8d2c6;border-radius:12px;background:#fff;max-height:220px;overflow-y:auto}
.city-pick button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #eee7da;background:transparent;font-size:15px;color:#1c261c}
.city-pick button:last-child{border-bottom:0}

.breed-ac{margin:-6px 0 10px;background:#fff;border:1px solid #d9e2d3;border-radius:12px;box-shadow:0 6px 18px rgba(40,60,40,.12);overflow:hidden}
.breed-ac[hidden]{display:none}
.breed-ac button{display:block;width:100%;text-align:left;padding:11px 14px;border:0;background:none;font:inherit;color:#2f4a2f;border-bottom:1px solid #eef2ea}
.breed-ac button:last-child{border-bottom:0}
.breed-ac button:active{background:#eef4e8}

.breed-cta{margin:0 16px 10px;padding:10px 14px;border-radius:14px;background:#e3ecd9;color:#3f5e3f;font-size:14px;line-height:1.35}
.bubble.sys.alert.with-ava{display:flex;align-items:center;gap:10px}.bubble.sys.alert.with-ava .chat-ava{flex-shrink:0}.bubble.sys.alert.with-ava .txt{min-width:0}
#dr-breeds .dr-badge,#dr-admin .dr-badge,#dr-support .dr-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:999px;background:#d64545;color:#fff;font-size:12px;font-weight:700;line-height:1;vertical-align:middle}
.bd-stars{display:block;height:14px;line-height:14px;font-size:12px;color:#e0a82e;letter-spacing:1px;text-align:center}
.bt-sec{margin:16px 16px 6px;font-weight:700;font-size:17px;color:#2f3d2c}
.bt-card{margin:0 16px 8px;background:#fffdf8;border-radius:22px;padding:6px 14px;box-shadow:var(--shadow)}
.bt-row{padding:12px 0;border-bottom:1px solid #ece6da}
.bt-row:last-child{border-bottom:0}
.bt-head{display:flex;align-items:flex-start;gap:10px}
.bt-txt{flex:1;margin:0;font-size:14px;color:#5a5248;line-height:1.35}
.bt-txt b{color:#2f3d2c;font-size:15px}
.bt-count{flex:0 0 auto;min-width:30px;text-align:center;font-weight:700;color:#3f5c3f;background:#e3ecdc;border-radius:999px;padding:2px 9px;font-size:13px}
.bt-steps{display:flex;gap:6px;margin-top:8px}
.bt-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.bt-st{height:14px;line-height:14px;font-size:11px;color:#c9c4b8;letter-spacing:1px}
.bt-step.on .bt-st{color:#e0a82e}
.bt-ico{width:48px;height:48px;border-radius:50%;background:#e3e3e3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bt-ico .badge-img{width:48px;height:48px;filter:grayscale(1);opacity:.4}
.bt-ico .badge-paw{width:24px;height:24px;fill:#9a9a9a}
.bt-ico .badge-paw.ln{fill:none;stroke:#9a9a9a}
.bt-step.on .bt-ico{background:#d8e9d8}
.bt-step.on .bt-ico .badge-img{filter:none;opacity:1}
.bt-step.on .bt-ico .badge-paw{fill:#5b7f5b}
.bt-step.on .bt-ico .badge-paw.ln{fill:none;stroke:#5b7f5b}
.bt-lab{font-size:11px;color:#8a857a}
.bt-step.next .bt-lab{color:#3f5c3f;font-weight:700}
.bp-pill{display:block;width:calc(100% - 32px);margin:8px 16px 4px;border:0;border-radius:999px;background:#7f9a72;color:#fff;font:inherit;font-weight:700;padding:12px;cursor:pointer}
.bp-modal{position:fixed;inset:0;z-index:300;background:rgba(20,25,18,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.bp-box{background:#fffdf8;border-radius:22px;padding:18px;width:100%;max-width:400px;max-height:85vh;overflow:auto}
.bp-title{margin:0 0 12px;font-weight:700;font-size:17px;color:#2f3d2c;text-align:center}
.bp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bp-item{display:flex;flex-direction:column;align-items:center;gap:3px;border:2px solid transparent;border-radius:14px;background:transparent;padding:4px 2px;cursor:pointer}
.bp-item.on{border-color:#5b7f5b;background:#eef4ea}
.bp-item .badge-dot-label{white-space:normal;text-align:center;font-size:10px}
.bp-hint{text-align:center;color:#6b6b6b;font-size:13px;margin:10px 0}
.bp-act{display:flex;gap:8px}.bp-act .btn{flex:1;margin:0}

.home-tip-pill{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(108px + env(safe-area-inset-bottom));z-index:40;border:0;border-radius:999px;padding:10px 18px;background:#8fa386;color:#fff;font:inherit;font-weight:700;font-size:14px;box-shadow:0 6px 16px rgba(40,60,40,.3);cursor:pointer;white-space:nowrap}
.tip-pop{position:fixed;inset:0;z-index:150;background:rgba(20,24,18,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.tip-pop[hidden]{display:none}
.tip-pop-card{width:100%;max-width:390px;background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 32px rgba(0,0,0,.2)}
.tip-pop-card p{margin:0 0 10px;color:#3f4a3c;font-size:15px}
.tip-pop-card .tip-pop-head{font-weight:700;color:#3f5c3f;margin-bottom:14px}
.tip-pop-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.tip-pop-actions .btn{margin:0;width:100%}

.dm-privacy{display:flex;gap:10px;align-items:flex-start;margin:6px 4px 14px;padding:12px 14px;border-radius:14px;background:#f4ecdc;color:#4a5a44;font-size:13px;line-height:1.45}
.dm-privacy b{font-weight:600}
.dm-privacy-lock{font-size:15px;line-height:1.3}
.dm-privacy-link{margin-top:4px;padding:0;border:0;background:none;color:#5b7f5b;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.lost-note-card{position:relative;box-sizing:border-box;background:#f4cfcd;color:#7a2a24;border-radius:16px;padding:52px 16px 14px;margin:0 16px 12px;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.lost-note-card .lost-note-edit{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1.5px solid #7a2a24;border-radius:999px;background:transparent;color:#7a2a24;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.lost-note-card .lost-note-edit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lost-note-card strong{position:absolute;top:16px;left:16px;right:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lost-note-card strong + br{display:none}
#photo-likers-pop{position:fixed;inset:0;z-index:260;background:color-mix(in srgb,var(--ink) 50%,transparent);display:flex;align-items:center;justify-content:center;padding:16px}
#photo-likers-pop[hidden]{display:none}
.g-item.has-new-like{position:relative}
.g-item.has-new-like::after,.lb-likers.has-new-like::after,.pet-gallery-head.has-new-like::after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#d62d20;margin-left:6px;vertical-align:middle}
.g-item.has-new-like::after{position:absolute;top:6px;right:6px;margin:0;border:2px solid #fff}

#lightbox .lb-likers{width:min(240px,100%);margin:12px 0 0;padding:10px 12px;flex-shrink:0;background:rgba(255,255,255,.92);color:#2f4a2f;border:0;border-radius:999px;font-weight:700}
.pet-gallery-head.has-new-like::after{content:attr(data-new-likes);width:auto;height:auto;min-width:20px;padding:2px 6px;border-radius:999px;color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center}
.lb-frame{position:relative;display:inline-flex;max-width:100%;max-height:100%}
.lb-pill{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:2px;padding:4px 12px 4px 6px;border-radius:999px;background:rgba(20,24,18,.45);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.lb-pill[hidden]{display:none}
.lb-heart{width:38px;height:38px;border:0;background:none;color:#fff;font-size:24px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .15s}
.lb-heart:active{transform:scale(1.25)}
.lb-heart.on{color:#ff4d5e}
.lb-count{border:0;background:none;color:#fff;font-size:16px;font-weight:700;padding:6px 2px;display:flex;align-items:center}
.lb-count.can-open{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.5)}
.lb-count.has-new-like::after{content:"";width:8px;height:8px;border-radius:50%;background:#ff3b30;margin-left:6px;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.lb-pos{position:absolute;right:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgba(20,24,18,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:600}
.lb-pos[hidden]{display:none}
#lb-image{max-height:82vh}
/* Photo bottom sheet: likes + comments */
#photo-sheet{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0);transition:background .22s;display:flex;align-items:flex-end;justify-content:center}
#photo-sheet[hidden]{display:none}
#photo-sheet.open{background:rgba(0,0,0,.35)}
.ps-panel{width:100%;max-width:430px;height:min(72vh,600px);display:flex;flex-direction:column;background:rgba(28,32,26,.78);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:24px 24px 0 0;color:#fff;transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.9,.3,1);box-shadow:0 -10px 40px rgba(0,0,0,.35);padding-bottom:env(safe-area-inset-bottom)}
#photo-sheet.open .ps-panel{transform:translateY(0)}
.ps-grab{height:26px;flex-shrink:0;position:relative;touch-action:none}
.ps-grab::before{content:"";position:absolute;left:50%;top:10px;width:40px;height:5px;margin-left:-20px;border-radius:9px;background:rgba(255,255,255,.35)}
.ps-tabs{display:flex;gap:6px;padding:0 16px 10px;border-bottom:1px solid rgba(255,255,255,.1)}
.ps-tab{flex:1;border:0;border-radius:999px;padding:9px 10px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-weight:700;font-size:14px}
.ps-tab.on{background:#fff;color:#1c201a}
.ps-tab[hidden]{display:none}
.ps-tab span{opacity:.7;margin-left:3px}
.ps-body{flex:1;min-height:0;display:flex}
.ps-list{flex:1;overflow-y:auto;padding:12px 16px;-webkit-overflow-scrolling:touch}
.ps-list[hidden]{display:none}
.ps-list .paw-owner-row{background:transparent;color:#fff;border-color:rgba(255,255,255,.1)}
.ps-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 10px;text-align:center;color:rgba(255,255,255,.7)}
.ps-empty b{color:#fff;font-size:16px}
.ps-c{display:flex;gap:10px;padding:8px 0;animation:psIn .25s ease}
@keyframes psIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ps-c .paw-owner-avatar{flex-shrink:0;border:0;padding:0}
.ps-c-txt{flex:1;min-width:0}
.ps-c-head{display:flex;gap:8px;align-items:baseline;font-size:13px}
.ps-c-head span{color:rgba(255,255,255,.5);font-size:12px}
.ps-c-body{font-size:15px;line-height:1.35;overflow-wrap:anywhere;margin-top:2px}
.ps-del{border:0;background:none;color:rgba(255,255,255,.45);font-size:12px;padding:4px 0 0;font-weight:600}
.ps-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.1)}
.ps-form[hidden]{display:none}
.ps-form input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:11px 16px;font-size:16px;outline:none}
.ps-form input::placeholder{color:rgba(255,255,255,.5)}
.ps-form input:focus{border-color:rgba(255,255,255,.4)}
.ps-form button{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:#8fa386;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;font-size:18px}
.ps-form button:disabled{opacity:.5}
.lb-sep{width:1px;height:18px;background:rgba(255,255,255,.3);margin:0 6px}
.lb-cbtn{border:0;background:none;color:#fff;display:flex;align-items:center;gap:5px;font-size:16px;font-weight:700;padding:6px 4px}

/* ===== Zvonce obaveštenja ===== */
.bell-btn{position:relative;width:38px;height:38px;border-radius:50%;border:0;background:radial-gradient(circle at 32% 28%,#9bb58a,#5b7f5b 58%,#3a553a);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;padding:0;box-shadow:0 3px 8px #283c2847;transition:transform .15s}
.bell-btn:active{transform:scale(.92)}
.bell-btn svg{width:22px;height:22px}
.bell-btn.has-new svg{animation:bellRing 2.4s ease-in-out infinite;transform-origin:50% 15%}
@keyframes bellRing{0%,82%,100%{transform:rotate(0)}86%{transform:rotate(14deg)}90%{transform:rotate(-12deg)}94%{transform:rotate(7deg)}97%{transform:rotate(-4deg)}}
.bell-badge{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:linear-gradient(135deg,#ff5a5f,#e0303a);color:#fff;font:700 11px/19px system-ui,sans-serif;text-align:center;border:2px solid #fff;box-shadow:0 2px 8px rgba(224,48,58,.45)}
#notif-sheet{position:fixed;inset:0;z-index:9500;background:rgba(10,14,10,0);transition:background .22s}
#notif-sheet.open{background:rgba(10,14,10,.5)}
#notif-sheet .ns-panel{position:absolute;left:50%;bottom:0;width:100%;max-width:430px;max-height:82vh;display:flex;flex-direction:column;transform:translate(-50%,100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);background:rgba(28,32,28,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#f3f1ea;border-radius:24px 24px 0 0;border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom)}
#notif-sheet.open .ns-panel{transform:translate(-50%,0)}
#notif-sheet .ns-panel[style*="translateY"]{margin-left:0}
.ns-head{display:flex;align-items:center;justify-content:space-between;padding:4px 18px 10px}
.ns-head b{font-size:18px}
.ns-all{background:rgba(255,255,255,.1);border:0;color:#cfe0c4;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px}
.ns-list{overflow-y:auto;padding:0 10px 16px}
.ns-sec{margin:10px 8px 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,241,234,.5)}
.ns-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:10px 8px;border-radius:16px;font-size:14px;line-height:1.35}
.ns-row.unread{background:rgba(155,190,148,.14)}
.ns-row:active{background:rgba(255,255,255,.08)}
.ns-ava{position:relative;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#5b7f5b;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.ns-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ns-ic{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid #1c201c}
.ns-ic.like{background:#e0303a;color:#fff;font-size:11px}
.ns-ic.com{background:#5b7f5b}
.ns-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.ns-q{color:rgba(243,241,234,.75);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-t{font-size:12px;color:rgba(243,241,234,.45)}
.ns-th{flex:0 0 46px;width:46px;height:46px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.06)}
.ns-th img{width:100%;height:100%;object-fit:cover}
.ns-row.unread .ns-th{box-shadow:0 0 0 2px #9ab694}
.ev-hero{position:relative}
#detail-body{position:relative}.ev-pencil{position:absolute;top:-46px;right:16px;z-index:5}
.ev-going{margin:4px 16px 12px;padding:10px 14px;border-radius:999px;background:#fff;box-shadow:var(--shadow)}
#going-list{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--ink)}
.ev-stack{display:flex;flex-shrink:0}
.ev-stack-ava{width:30px;height:30px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:var(--green-l);color:var(--green-d);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ev-stack-ava:first-child{margin-left:0}
.ev-stack-ava img{width:100%;height:100%;object-fit:cover}
.ev-going-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.ev-going-txt b{color:var(--ink)}
.ev-going-arrow{font-size:22px;color:var(--green);line-height:1}
.ev-cta{display:flex;gap:8px}
.ev-like{flex:1;border:1.5px solid var(--green);background:#fff;color:var(--green-d);border-radius:999px;padding:12px 10px;font-weight:700;font-size:14px;cursor:pointer}
.ev-go{flex:1.3;margin:0;border-radius:999px}
.ev-mem-add{background:linear-gradient(135deg,#6f9a6f,#3f5c3f);color:#fff;border-radius:999px;font-weight:700}
.ev-del{color:var(--danger);margin-top:8px}
.ev-mem-title{margin:16px 16px 8px;font-weight:700;color:var(--green-d)}
.ev-mem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 16px 12px}
.ev-mem-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;cursor:pointer}
#going-sheet{position:fixed;inset:0;z-index:300;background:rgba(10,14,10,.45);display:flex;align-items:flex-end;justify-content:center}
#going-sheet[hidden]{display:none}
#going-sheet .ns-panel{width:100%;max-width:430px;max-height:75vh;display:flex;flex-direction:column;background:rgba(28,32,28,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#f3f1ea;border-radius:24px 24px 0 0;padding:0 0 calc(16px + env(safe-area-inset-bottom));transform:none}
#going-sheet .ns-list{overflow-y:auto}
#going-sheet .ns-row{color:#f3f1ea}

.ev-mem-head{display:flex;align-items:center;justify-content:space-between;margin:16px 16px 8px}.ev-mem-head .ev-mem-title{margin:0}.ev-mem-all{background:none;border:1px solid var(--green-d);color:var(--green-d);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;font-weight:700}

.ev-edit-bd{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:9998}
#d-edit-box.ev-edit-sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;margin:0!important;border-radius:24px 24px 0 0;max-height:85vh;overflow-y:auto;z-index:9999;padding:8px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.25);animation:evSheetUp .28s ease-out;box-sizing:border-box}
.ev-edit-grab{width:44px;height:5px;border-radius:3px;background:rgba(0,0,0,.18);margin:4px auto 10px}
.ev-edit-title{font-weight:700;font-size:18px;margin:0 0 8px;text-align:center}
@keyframes evSheetUp{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}
.new-bdg-dot{display:inline-block;width:9px;height:9px;margin-left:8px;border-radius:50%;background:#d64545;vertical-align:middle;box-shadow:0 0 0 2px #fff}

/* v103: stabilan donji tab u svim pregledačima (Firefox safe-area bag) */
.tabs{padding:6px 4px 8px!important;bottom:0!important}
body.on-home .tabs{bottom:14px!important;padding:6px 4px 8px!important}
#s-home{padding-bottom:120px!important}

/* v104: fiksne pozicije bez safe-area (Firefox bag) */
.chat-bar{bottom:78px!important}
#s-dm>.chat-bar{margin-bottom:76px!important}
#s-dm.dm-keyboard>.chat-bar{margin-bottom:0!important}
#s-ads #btn-new-ad,#btn-new-ev,#s-events #btn-new-ev{bottom:74px!important}
html body .app{visibility:visible!important}
#s-chat.active,#s-dm.active{background:#f6efe2 url("/__l5e/assets-v1/484a83fe-7243-4c9f-ab7e-677db5ed83a3/chat-bg.jpg") center top/430px auto repeat!important}#s-chat .chat-list,#s-chat .msgs,#s-dm .msgs,#s-dm .chat-list,#s-dm .dm-list{background:transparent!important}

/* v105: Cormorant Garamond za ime ljubimca i "Dodaj ljubimca" */
.ident .nm,body .ident .nm{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:700!important;letter-spacing:.2px}

/* v106 početna: bez rama, šape -15%, pomeranje */
#home-hub .hub-photo{box-shadow:none!important}
#home-hub .hub-photo:before{display:none!important}
#home-hub .hub-photo img,#home-hub .hub-empty{box-shadow:0 0 0 2px #8fa386!important;border:0!important}
#home-hub .paw-btn .flower{width:85%!important;margin:0 auto!important}
#home-hub .paw-btn .flower img.shape{width:100%!important}
#home-hub .paw-add,#home-hub .paw-lost{transform:translateY(28px)!important}
#home-hub .paw-events,#home-hub .paw-chat{transform:translateY(-28px)!important}
#home-hub .paw-qr{transform:translateX(14px)!important}
#home-hub .paw-ads{transform:translateX(-14px)!important}

/* v107 zvonce na početnoj: ravna boja šapica, veličina kao slika vlasnika, 10px bliže */
#s-home .bell-btn{width:40px;height:40px;background:#8fa386!important;box-shadow:none!important;margin-right:-2px;align-self:center}
#s-home .bell-btn svg{width:40px;height:40px}

/* v108 srazmerno za sve telefone */
@media (max-width:380px){#home-hub{zoom:.94}}
@media (max-width:360px){#home-hub{zoom:.88}.ident .nm{font-size:92%}}
@media (max-width:340px){#home-hub{zoom:.82}}
@media (max-width:320px){#home-hub{zoom:.76}}
@media (max-height:680px){#home-hub{zoom:.9}}
@media (max-height:680px) and (max-width:360px){#home-hub{zoom:.82}}
.screen.active{min-height:100dvh}
.top{padding-top:max(14px,env(safe-area-inset-top))}
.qr-button-wrap .qr-open-btn svg.ci{width:26px;height:26px;stroke:none!important}
#s-pet .pet-top-qr,#s-pet #btn-pet-top-qr{margin-right:-2px!important}#s-pet #btn-pet-top-qr+.owner-menu-wrap,#s-pet .owner-menu-wrap{margin-left:0!important}

#btn-pet-top-qr{background:none!important;box-shadow:none!important;padding:0!important}#btn-pet-top-qr svg.qr-ico{width:100%!important;height:100%!important;fill:initial!important;stroke:none!important}#btn-open-qr svg.qr-ico{stroke:none!important}#btn-open-qr svg.qr-ico path[fill="#fff"]{fill:#fff!important}#btn-open-qr svg.qr-ico path[fill="#8fa386"]{fill:#8fa386!important}

/* Zdravstveni karton */
#s-health .hc-id{display:flex;gap:14px;align-items:flex-start}
#s-health .hc-ava{width:84px;height:84px;border-radius:50%;overflow:hidden;border:2px solid #8fa386;flex:0 0 84px}
#s-health .hc-ava img{width:100%;height:100%;object-fit:cover;display:block}
#s-health .hc-who{flex:1;min-width:0}
#s-health .hc-who h2{margin:2px 0 6px;font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:700}
#s-health .hc-lbl{font-size:12px;margin:6px 0 2px;color:#7a7a6e}
#s-health .hc-who input{padding:8px 10px;font-size:15px;margin:0}
#s-health .hc-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
#s-health .hc-tabs::-webkit-scrollbar{display:none}
#s-health .hc-tabs button{flex:0 0 auto;border:0;border-radius:999px;padding:9px 14px;background:#e9e4d8;color:#5b6b55;font:inherit;font-size:14px;font-weight:600}
#s-health .hc-tabs button.on{background:#5b7f5b;color:#fff}
#s-health .hc-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #eee7da}
#s-health .hc-item:last-child{border-bottom:0}
#s-health .hc-item b{display:block;font-size:16px}
#s-health .hc-item small{display:block;color:#7a7a6e;font-size:13px;margin-top:2px}
#s-health .hc-note p{margin:4px 0 0;font-size:14px;color:#4a4a42;white-space:normal}
#s-health .hc-st{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}
#s-health .hc-st.ok{background:#dfe9d8;color:#3f6a3f}
#s-health .hc-st.late{background:#f6dcd7;color:#b23a2b}
#s-health .hc-del{border:0;background:#f1ece2;color:#8a8070;width:30px;height:30px;border-radius:50%;font-size:18px;line-height:1;flex:0 0 30px}
#s-health .hc-add{margin-top:10px}
#s-health .hc-add summary{list-style:none;cursor:pointer;color:#5b7f5b;font-weight:700;padding:10px 0}
#s-health .hc-add summary::-webkit-details-marker{display:none}
#s-health .hc-h{margin:6px 0 4px;font-size:16px}
#s-health .hc-inline{display:flex;gap:8px;align-items:center;margin:8px 0 14px}
#s-health .hc-inline input,#s-health .hc-inline select{flex:1;margin:0}
#s-health .hc-inline .btn{width:auto;margin:0;flex:0 0 auto}
#s-health .hc-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#s-health .hc-doc{border:0;padding:0;background:none;position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden}
#s-health .hc-doc img{width:100%;height:100%;object-fit:cover;display:block}
#s-health .hc-doc span{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:rgba(20,24,16,.55);color:#fff;font-size:11px;backdrop-filter:blur(6px)}
#s-health .hc-docs .hint{grid-column:1/-1}
#hc-view{position:fixed;inset:0;z-index:9999;background:rgba(10,12,8,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:10px}
#hc-view[hidden]{display:none}
#hc-view img{max-width:100%;max-height:75vh;border-radius:10px}
#hc-view p{color:#fff;margin:0}
#hc-view .btn{width:auto}
#s-health .hc-acc{margin:0 14px 10px;border-radius:18px;background:#fffaf2;box-shadow:0 2px 10px rgba(60,80,50,.08);overflow:hidden}
#s-health .hc-acc-h{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:0;background:transparent;font:600 16px inherit;color:#2f4630;cursor:pointer}
#s-health .hc-acc-h i{font-style:normal;transition:transform .25s;color:#8fa386;font-size:18px}
#s-health .hc-acc.open .hc-acc-h i{transform:rotate(180deg)}
#s-health .hc-acc>.hc-panel{display:none!important;margin:0!important;box-shadow:none!important;border-radius:0!important;padding-top:0!important}
#s-health .hc-acc.open>.hc-panel{display:block!important}
#s-health .hc-acc.open{overflow:visible;position:relative;z-index:5}
#s-health .hc-acc.open>.hc-panel{border-radius:0 0 18px 18px!important}

#ask-pop{z-index:10050!important}
#hc-chip-edit:not([hidden]){display:inline-flex}#hc-chip-edit svg{display:block}
.sr-cal-wrap{position:relative}
.sr-cal-wrap>input{padding-right:52px!important}
.sr-cal-btn{position:absolute;right:6px;top:6px;width:36px;height:36px;border-radius:50%;border:0;background:#8fa386;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.sr-cal-back{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:10060;display:none;align-items:flex-end;justify-content:center}
.sr-cal-back.on{display:flex}
.sr-cal{width:100%;max-width:430px;background:#fbf7ef;border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));animation:srCalUp .22s ease}
@keyframes srCalUp{from{transform:translateY(100%)}to{transform:none}}
.sr-cal-grab{width:40px;height:4px;border-radius:4px;background:#d6d0c2;margin:0 auto 10px}
.sr-cal-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sr-cal-h>button{width:38px;height:38px;border-radius:50%;border:0;background:#8fa386;color:#fff;font-size:22px;line-height:1}
.sr-cal-t{display:flex;gap:6px}
.sr-cal-t select{border:1px solid #e3dccd;background:#fff;border-radius:12px;padding:7px 8px;font-size:15px;color:#2f3b2f}
.sr-cal-wd,.sr-cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.sr-cal-wd span{font-size:12px;color:#8a8577;padding:4px 0;font-weight:600}
.sr-cal-g button{aspect-ratio:1;border:0;border-radius:50%;background:transparent;font-size:15px;color:#2f3b2f}
.sr-cal-g button.today{box-shadow:inset 0 0 0 2px #8fa386}
.sr-cal-g button.sel{background:#5b7f5b;color:#fff;font-weight:700}
.sr-cal-f{display:flex;justify-content:space-between;margin-top:10px}
.sr-cal-f button{border:0;background:transparent;color:#5b7f5b;font-weight:700;font-size:15px;padding:8px 6px}
.sr-cal-f .sr-cal-clear{color:#c0473a}
#s-health .hc-who .sr-cal-wrap{display:flex;gap:8px;align-items:center}
#s-health .hc-who .sr-cal-wrap>input{flex:1;min-width:0;padding-right:10px!important}
#s-health .hc-who .sr-cal-wrap>.sr-cal-btn{position:static;flex:0 0 auto;width:38px;height:38px}
.bp-item .badge-dot{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.bp-item img.badge-img{display:block;width:100%;height:100%;object-fit:contain}

/* Edit pop-ups */
#owner-edit-card{padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important}
.edit-pop{position:fixed!important;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;max-height:88dvh;overflow-y:auto;z-index:9000;background:#fbf8f1;border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom)) !important;margin:0!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.45);box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.edit-pop-title{font-weight:700;font-size:18px;margin:0 0 10px;text-align:center}
.edit-pop-actions{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));display:flex;gap:10px;background:#fbf8f1;padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:12px}
.edit-pop-actions .btn{flex:1;margin:0!important}
#lb-report{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:66px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;z-index:3}
.lb-share{padding-left:2px}
.rep-ov{position:fixed;inset:0;z-index:10001;background:rgba(20,24,16,.55);display:flex;align-items:flex-end;justify-content:center}
.rep-card{max-width:430px;width:100%;background:#f7f3eb;border-radius:22px 22px 0 0;padding:10px 16px calc(22px + env(safe-area-inset-bottom,0px))}
.rep-handle{width:44px;height:5px;border-radius:9px;background:#cfc8ba;margin:0 auto 12px}
.rep-card textarea{width:100%;min-height:120px;border:1px solid #d8d2c6;border-radius:14px;padding:12px;font:inherit;background:#fff}
.rep-send{background:#b42318;color:#fff;border:0}

/* Public profiles use the menu instead of a duplicate share button. */
#s-public .top #btn-public-share,#s-public.public-owner-view .top #btn-public-share,#s-public:not(.public-memorial) .top #btn-public-share{display:none!important}
#s-public.public-owner-view .top #btn-guest-menu{display:flex}
:root{--gallery-control-bg:#8fa386;--gallery-control-ink:#fff}
#lb-close,#lb-report{background:var(--gallery-control-bg);color:var(--gallery-control-ink);opacity:1;backdrop-filter:none}
html.gallery-open{overflow:hidden;overscroll-behavior:none}
body.gallery-open{position:fixed;top:var(--gallery-scroll-top);left:0;right:0;width:100%;overflow:hidden;overscroll-behavior:none}
#lightbox{touch-action:none;overscroll-behavior:none}

.feed-pet{cursor:default}.feed-pet-name{display:flex;align-items:center;gap:8px;cursor:pointer}.feed-pet-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #8fa386}
.feed-pet .feed-pet-info .feed-pet-name img.feed-pet-av{width:32px!important;height:32px!important;min-width:32px;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;background:#eef1e8!important;margin:0;flex:0 0 32px}
.feed-pet-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-pet-l{overflow:hidden}
.feed-pet .feed-pet-l .feed-pet-name{margin:0 0 8px;min-height:32px}
.feed-pet .feed-pet-l .feed-pet-tag{display:block;margin-top:2px}
.feed-pet .feed-owner-link{min-height:32px}

/* Feed: lajk / komentar / deljenje ispod slike */
.feed-act{position:relative;display:flex;align-items:center;gap:16px;padding:10px 16px 0;}
.feed-act button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;color:#2f3d2f;font:inherit;font-size:15px;cursor:pointer;}
.feed-act button b{font-weight:600;font-size:14px;}
.feed-act .fa-ic{font-size:24px;line-height:1;}
.feed-act .fa-like.on .fa-ic{color:#d64545;}
.feed-act .feed-car-dots{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);margin:0;padding:0;}

/* Feed v126: zaglavlje iznad slike, centrirane akcije */
.feed-pet>.feed-pet-info{padding:12px 14px 10px}
.feed-pet>.feed-car-dots{position:static;transform:none;display:flex;justify-content:center;gap:5px;padding:10px 0 0}
.feed-pet .feed-act{justify-content:center;gap:34px;padding:8px 16px 12px}
.feed-act .fa-ic{width:25px;height:25px;font-size:0}
.feed-act button{color:#4f6b4f}
.feed-act button svg{transition:transform .15s}
.feed-act button:active svg{transform:scale(.88)}
.feed-act .fa-like.on{color:#e0484f}
.feed-act .fa-like.on .fa-ic{fill:currentColor}
.fev-acts{display:flex;gap:8px;padding:10px 12px 12px}
.fev-acts .btn{flex:1;margin:0;padding:10px 8px;font-size:14px;min-height:0}
.feed-car-wrap{position:relative}
.feed-dt-heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);color:#fff;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35));pointer-events:none;z-index:5;animation:feedDt .9s ease forwards}
@keyframes feedDt{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:1}40%{transform:translate(-50%,-50%) scale(.95)}70%{opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}

/* Skeleton loaderi */
.sk{display:block;background:linear-gradient(90deg,#ebe6da 0%,#f6f2ea 50%,#ebe6da 100%);background-size:200% 100%;animation:skPulse 1.3s ease-in-out infinite;border-radius:10px}
@keyframes skPulse{0%{background-position:100% 0}100%{background-position:-100% 0}}
.sk-wrap{display:flex;flex-direction:column;gap:12px;padding:6px 0;width:100%}
.sk-row{display:flex;align-items:center;gap:12px}
.sk-av{width:44px;height:44px;border-radius:50%;flex:none}
.sk-lines{flex:1;display:flex;flex-direction:column;gap:7px}
.sk-l{height:12px;width:70%}
.sk-s{height:10px;width:40%}
.sk-card{background:#fffdf8;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:12px}
.sk-img{width:100%;aspect-ratio:1;border-radius:14px}
.sk-chips{display:flex;gap:12px;overflow:hidden}
.sk-chip{width:56px;height:56px;border-radius:50%;flex:none}
.sk-big{width:110px;height:110px;border-radius:50%;margin:10px auto 0}
.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sk-grid .sk{aspect-ratio:1}
.sk-bub{height:38px;width:62%;border-radius:18px}
.sk-bub.r{align-self:flex-end;width:48%}
.drawer>*{flex-shrink:0}
.dr-pets.slide{flex-wrap:nowrap!important;min-height:46px;padding-top:4px;padding-bottom:6px}

.app{overflow:visible;overflow-x:clip}
html,body{overscroll-behavior-y:auto}

/* Chat v2 — kompaktno */
#s-chat .top.chat-top{padding:10px 12px 6px;gap:8px}
#s-chat .top.chat-top .brand{font-size:15px;flex:0 0 auto}
#s-chat .top.chat-top .city-tabs{padding:0;margin-left:auto;gap:6px;flex:0 1 auto}
#s-chat .top.chat-top .city-tabs button{padding:6px 12px;font-size:13px;border-radius:999px}
#s-chat>.sub{display:none!important}
#s-chat .new-row{flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px;padding:0 12px 6px!important}
#s-chat .new-chip{flex:0 0 52px!important;width:52px!important}
#s-chat .new-chip img{width:40px;height:40px}
#s-chat .new-chip p{font-size:10.5px!important;margin-top:2px}
#s-chat .chat-log{padding:0 10px}
.c-day{text-align:center;margin:10px 0 6px}
.c-day span{display:inline-block;background:#fffdf8e6;color:#6b6b6b;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px}
.crow{display:flex;align-items:flex-end;gap:6px;margin:6px 0 0}
.crow.cont{margin-top:2px}
.crow.me{justify-content:flex-end}
.crow .chat-ava,.chat-ava-sp{width:28px;height:28px;border-radius:50%;flex:0 0 28px;object-fit:cover}
.bubble.c2{margin:0;max-width:78%;padding:6px 10px 5px;border-radius:16px 16px 16px 4px;transition:transform .15s}
.bubble.c2.me{margin-left:0;border-radius:16px 16px 4px 16px}
.crow.cont .bubble.c2{border-top-left-radius:6px}
.crow.cont.me .bubble.c2{border-top-left-radius:16px;border-top-right-radius:6px}
.bubble.c2 .who{font-size:12px;margin-bottom:1px}
.bubble.c2 .txt{display:inline;margin:0;font-size:15px;line-height:1.3}
.bubble.c2 .tm{display:inline-block;float:right;margin:6px 0 0 8px;font-size:10px}
.c-quote{border-left:3px solid #8fa386;background:#00000008;border-radius:8px;padding:4px 8px;margin:2px 0 4px;font-size:12px;display:flex;flex-direction:column;max-width:100%}
.c-quote b{color:var(--green-d)}
.c-quote span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}
.c-img{display:block;max-height:170px;max-width:100%;border-radius:12px;margin:2px 0 3px;object-fit:cover}
#chat-img-pop{display:none;position:fixed;inset:0;z-index:300;background:#000000e6;align-items:center;justify-content:center}
#chat-img-pop.on{display:flex}
#chat-img-pop img{max-width:100%;max-height:100%}
.chat-reply{display:flex;align-items:center;gap:8px;margin:0 14px 4px;padding:6px 10px;background:#fffdf8;border-left:3px solid #8fa386;border-radius:12px;flex-shrink:0}
.chat-reply[hidden]{display:none}
.chat-reply div{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12px}
.chat-reply b{color:var(--green-d)}
.chat-reply span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}
.chat-reply button{border:0;background:transparent;font-size:20px;color:#6b6b6b}
.chat-bar{align-items:center;padding:6px!important;border-radius:999px!important;gap:6px!important}
.chat-bar input{border-radius:999px;padding:10px 12px;min-width:0}
.chat-cam{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#5c6658;cursor:pointer}
.chat-cam svg,.chat-send-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chat-send-btn{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:#8fa386;color:#fff;display:flex;align-items:center;justify-content:center}
#s-chat .chat-log{padding-bottom:150px!important}
.chat-bar{background:transparent!important;box-shadow:none!important;padding:0!important;gap:8px!important}
.chat-pill{flex:1;min-width:0;display:flex;align-items:center;background:#fffdf8;border-radius:999px;box-shadow:0 4px 14px #28321e1f;padding:2px 4px 2px 0}
.chat-pill input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:11px 14px!important;outline:none}
.chat-pill .chat-cam{width:36px;height:36px;flex:0 0 36px}
.chat-send-btn{width:46px!important;height:46px!important;flex:0 0 46px!important;box-shadow:0 4px 14px #28321e2e}
.bubble.c2.me .who{justify-content:flex-start}

.bubble.c2 .who-in{font-weight:700;font-size:12px;color:#5b7f5b;margin-right:4px}
.crow.me{gap:6px}
/* avatar unutar oblačića */
.crow.in-ava{gap:0}
.crow.in-ava .bubble.c2{display:block;text-align:left}
.crow.in-ava .who-in{display:inline;white-space:normal}
.chat-ava-in{width:22px;height:22px;border-radius:50%;object-fit:cover;vertical-align:-6px;margin-right:6px;display:inline-block}
.chat-ava-in.mem{filter:grayscale(1)}
.crow.in-ava .who{display:flex;align-items:center}
.crow.in-ava .txt{display:inline;white-space:pre-wrap;word-break:break-word}
.crow.in-ava .tm{float:right;margin-left:8px;margin-top:4px}
/* vreme uvek dole desno */
.bubble.c2{position:relative;padding-right:46px!important}
.bubble.c2 .tm,.crow.in-ava .tm{position:absolute!important;float:none!important;right:9px;bottom:5px;margin:0!important}
.bubble.sys.safe .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* chat reakcije */
.crow{position:relative}
.crow.has-rx{margin-bottom:14px}
.crow .bubble.c2{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.c-rx{position:absolute;bottom:-12px;left:40px;z-index:2;pointer-events:none}
.crow.me .c-rx{left:auto;right:40px}
.rx-pill{display:inline-flex;align-items:center;gap:2px;background:#fff;border-radius:999px;padding:1px 7px;font-size:13px;box-shadow:0 1px 4px rgba(0,0,0,.18);line-height:20px}
.rx-pill.mine{background:#eef3ec}
.rx-pill b{font-size:11px;font-weight:600;color:#5b7f5b;margin-left:2px}
.rx-bar{position:fixed;left:50%;transform:translateX(-50%);width:min(410px,calc(100vw - 16px));z-index:9999;display:flex;gap:2px;overflow-x:auto;padding:8px 10px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 6px 24px rgba(0,0,0,.22);scrollbar-width:none;animation:rxIn .16s ease-out}
.rx-bar::-webkit-scrollbar{display:none}
.rx-bar button{flex:0 0 auto;background:none;border:0;font-size:28px;line-height:1;padding:4px 5px;cursor:pointer;transition:transform .12s}
.rx-bar button:active{transform:scale(1.3)}
@keyframes rxIn{from{opacity:0;transform:translateX(-50%) scale(.85)}to{opacity:1;transform:translateX(-50%) scale(1)}}
.chat-send-btn.mic{touch-action:none;-webkit-user-select:none;user-select:none}
.chat-bar.recording .chat-send-btn{background:#c4483a!important;transform:scale(1.18);transition:transform .15s}
.chat-pill{position:relative}
.chat-rec{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:0 14px;background:#fff;border-radius:inherit;font-size:14px;color:#3f4a3c;z-index:2}
.chat-rec .dot{width:10px;height:10px;border-radius:50%;background:#c4483a;animation:recBlink 1s infinite}
.chat-rec .hint{margin-left:auto;color:#8a8f86;font-size:12px}
.chat-rec.cancel .hint{color:#c4483a;font-weight:600}
@keyframes recBlink{50%{opacity:.25}}
.c-aud{display:flex;align-items:center;gap:8px;min-width:190px;padding:4px 0 2px}
.c-aud-play{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#8fa386;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.c-aud-track{flex:1;height:4px;border-radius:4px;background:#0000001f;overflow:hidden}
.c-aud-fill{display:block;height:100%;width:0;background:#5b7f5b}
.c-aud-t{font-size:12px;color:#6b6b6b;min-width:30px}

#chat-jump{position:fixed;right:max(14px,calc(50% - 201px));bottom:150px;width:40px;height:40px;border-radius:50%;border:0;background:#8fa386;box-shadow:0 4px 12px rgba(0,0,0,.2);display:none;align-items:center;justify-content:center;z-index:60;padding:0}
#chat-jump.show{display:flex}
#s-chat:not(.active) #chat-jump{display:none}
#s-inbox .dm-search-wrap{display:flex;align-items:center;gap:8px;margin:4px 0 10px;padding:0 14px;height:42px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(91,127,91,.15)}
#s-inbox .dm-search-wrap svg{width:18px;height:18px;fill:none;stroke:#8a8a80;stroke-width:2;flex-shrink:0}
#s-inbox .dm-search-wrap input{flex:1;border:0;background:transparent;outline:0;font-size:15px;padding:0;margin:0;min-width:0;box-shadow:none}
#thread-list .dm-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 2px;background:transparent;border:0;border-bottom:1px solid rgba(91,127,91,.12);text-align:left;color:inherit;font:inherit;cursor:pointer;border-radius:0;box-shadow:none;margin:0}
#thread-list .dm-row:active{background:rgba(91,127,91,.06)}
#thread-list .dm-row .dm-peer-avatar{width:54px;height:54px;font-size:20px}
.dm-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.dm-row-top,.dm-row-bot{display:flex;align-items:center;gap:8px}
.dm-row-top .dm-peer-name{flex:1;min-width:0;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-row-time{font-size:12px;color:#8a8a80;flex-shrink:0}
.dm-row-prev{flex:1;min-width:0;font-size:14px;color:#8a8a80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-row-new .dm-row-prev{color:var(--ink,#2f3a2f);font-weight:600}
.dm-row-new .dm-row-time{color:#5b7f5b;font-weight:600}
.dm-row-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#8fa386;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* Friend request compact row */
.req-card.req-row{display:flex;align-items:center;gap:12px;padding:12px}
.req-card.req-row>img{width:52px;height:52px;flex:0 0 52px;border-radius:50%;object-fit:cover}
.req-card.req-row .req-body{flex:1;min-width:0}
.req-card.req-row h3{margin:0;font-size:15px;line-height:1.3}
.req-card.req-row .req-meta{margin:3px 0 0;font-size:13px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.req-card.req-row .req-actions{display:flex;gap:8px;margin:0;flex:0 0 auto}
.req-icon{width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;font-size:18px;font-weight:700;cursor:pointer;padding:0}
.req-icon.req-ok{background:#2e9e55;color:#fffaee}
.req-icon.req-no{background:#fd726c;color:#fffaee;border:0}
.req-icon svg{width:20px;height:20px;display:block}

#s-event-form .ev-time-row{display:flex;gap:10px}
#s-event-form .ev-time-row>div{flex:1;min-width:0}
#s-event-form .ev-thumbs{display:flex;gap:8px;margin:8px 0 4px}
#s-event-form .ev-thumbs:empty{display:none}
#s-event-form .ev-thumbs>img{width:72px;height:72px;border-radius:12px;object-fit:cover}
.event-card .ev-desc{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:normal}
.event-card.ev-big{background:#dfe8dc;border-left:4px solid #5b7f5b}
.event-card.ev-big>img{width:68px;height:68px}
.event-card.ev-big .ev-desc{-webkit-line-clamp:3;line-clamp:3}
.event-card.ev-small{padding:10px 12px}
.event-card.ev-small>img{width:52px;height:52px}
.event-card.ev-small .ev-desc{-webkit-line-clamp:1;line-clamp:1}

.event-card h3{display:flex;align-items:baseline;gap:8px}
.event-card h3 .ev-t{flex:1;min-width:0}
.event-card h3 .ev-date{flex:none;font-size:13px;font-weight:600;color:#5b7f5b;white-space:nowrap}
.ev-body-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;overflow-wrap:anywhere}
.ev-body-clamp.open{display:block;-webkit-line-clamp:unset}
.ev-more{background:none;border:0;color:#5b7f5b;font-weight:700;padding:6px 0 0;font:inherit;font-weight:700;cursor:pointer}
.ev-gal-btn{margin:4px 16px 8px;width:calc(100% - 32px)}
.sp-pills{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.sp-pill{border:1.5px solid #5b7f5b;background:#fff;color:#3f5c3f;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:600}
.sp-pill.on{background:#5b7f5b;color:#fff}
.found-pick{display:block;text-align:center;cursor:pointer;margin:6px 0}
.found-thumbs{display:flex;gap:8px;margin:6px 0}
.found-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.lost-card.lc-lost{background:#fde8e6;border-left:4px solid #c0473a}
.lost-card.lc-found{background:#e8f0e8;border-left:4px solid #5b7f5b}
.lost-card .lc-head{font-weight:700;margin:0 0 2px;font-size:13px}
.lc-lost .lc-head{color:#b42318}.lc-found .lc-head{color:#3f5c3f}
.chat-pill{flex-wrap:wrap}
.chat-pill>.chat-reply{flex:0 0 100%;order:-1;margin:2px 2px 4px;padding:6px 6px 6px 10px;background:#eef2ea;border-left:4px solid #8fa386;border-radius:12px}
.chat-pill>.chat-reply b{font-size:13px}
.chat-pill>.chat-reply span{font-size:13px}
.chat-pill>.chat-reply button{width:28px;height:28px;font-size:22px;line-height:1;padding:0}
.chat-bar:has(.chat-reply:not([hidden])){border-radius:20px!important}
.chat-pill:has(.chat-reply:not([hidden])){border-radius:18px}

/* ===== Svetla tema: komentari, obaveštenja, ko dolazi ===== */
#photo-sheet.open{background:rgba(40,40,20,.3)}
.ps-panel{background:#fbf8f1;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #e3dccd;border-bottom:0;color:#2f362c;box-shadow:0 -10px 40px rgba(40,40,20,.18)}
.ps-grab::before{background:#cfc8ba}
.ps-tabs{border-bottom:1px solid #e8e1d3}
.ps-tab{background:#efeadf;color:#6b6b6b}
.ps-tab.on{background:#8fa386;color:#fff}
.ps-list .paw-owner-row{color:#2f362c;border-color:#ece5d8}
.ps-empty{color:#6d7a68}
.ps-empty b{color:#3f4a3c}
.ps-c-head b{color:#3f4a3c}
.ps-c-head span{color:#9a9285}
.ps-c-body{color:#2f362c}
.ps-del{color:#b42318}
.ps-form{border-top:1px solid #e8e1d3}
.ps-form input{border:1px solid #d8d2c6;background:#fff;color:#2f362c}
.ps-form input::placeholder{color:#9a9285}
.ps-form input:focus{border-color:#8fa386}
#notif-sheet.open{background:rgba(40,40,20,.3)}
#notif-sheet .ns-panel,#going-sheet .ns-panel{background:#fbf8f1;-webkit-backdrop-filter:none;backdrop-filter:none;color:#2f362c;border-top:1px solid #e3dccd;box-shadow:0 -10px 40px rgba(40,40,20,.18)}
#going-sheet{background:rgba(40,40,20,.3)}
#going-sheet .ns-row{color:#2f362c}
.ns-all{background:#e8f0e4;color:#3f5c3f}
.ns-sec{color:#8a8275}
.ns-row.unread{background:#e8f0e4}
.ns-row:active{background:#efeadf}
.ns-ic{border-color:#fbf8f1}
.ns-q{color:#5a5248}
.ns-t{color:#9a9285}
.ns-th{background:#efeadf}
.drawer{background:#f7f3eb}
.ev-going{background:#e8f0e4}
.ev-like{background:#f7f3eb}
.feed-pet{background:#fbf8f1;border-color:#e3dccd}
.feed-scope button{background:#f7f3eb}
.chat-pill,.chat-reply,.chat-rec{background:#f7f3eb}
.rx-pill,.sp-pill{background:#f7f3eb}
input,select,textarea{background:#fbf8f1}
.search-bar input,.filter-row select,.city-pick,.breed-ac,.sr-cal-t select,.ps-form input{background:#fbf8f1}
.tip-pop-card{background:#fbf8f1}

.ps-form button svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#friends-list{padding:0 16px}
#friends-list .fr-row{color:#2f362c;border-color:#ece5d8;font-size:15px}
#friends-list .fr-row:last-child{border-bottom:0}
#friends-list .fr-row .dm-peer-avatar{width:42px;height:42px;flex:0 0 42px}

.hub-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#5b7f5b}
.hub-empty-t{font-size:22px;font-weight:700;line-height:1.15;text-align:center}
.hub-empty-plus{width:34px;height:34px;padding:6px;border-radius:50%;background:#8fa386;color:#fff}

.sn-dd{position:relative;margin:4px 0 10px}
.sn-dd-btn{width:100%;text-align:left;background:#faf8f2;border:1px solid #d9d4c7;border-radius:16px;padding:14px 40px 14px 16px;font:inherit;font-size:16px;color:#3f5c3f;position:relative}
.sn-dd-btn.ph{color:#9a9a8f}
.sn-dd-btn::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid #8fa386;border-bottom:2px solid #8fa386;transform:translateY(-70%) rotate(45deg)}
.sn-dd-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;background:#f7f3eb;border:1px solid #d9d4c7;border-radius:16px;box-shadow:0 8px 24px rgba(63,92,63,.18);overflow:hidden;max-height:320px;overflow-y:auto}
.sn-dd-it{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #e8f0e4;padding:13px 16px;font:inherit;font-size:16px;color:#3f5c3f}
.sn-dd-it:last-child{border-bottom:0}
.sn-dd-it.on{background:#8fa386;color:#fff}
.pet-pv{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.pet-pv:empty{display:none}
.pet-pv-it{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;background:#e8f0e4}
.pet-pv-it.pet-pv-main{width:96px;height:96px;overflow:visible;background:none}.pet-pv-main img{border-radius:50%}
.pet-pv-it img{width:100%;height:100%;object-fit:cover;display:block}
.pet-pv-it button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:#d9534f;color:#fff;font-size:12px;line-height:22px;padding:0;cursor:pointer}
.pet-pv-main button{top:6px;right:6px}

.dr-line{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.dr-line .dr-name{margin-right:4px}
.dr-pin{width:14px;height:14px;fill:#3f4a3c;flex:0 0 auto}
.dr-line .dr-city{font-size:13px;color:#3f4a3c}
.dr-myprof{margin-top:3px;font-size:13px;font-weight:600;color:#3f4a3c}
#chat-jump .cj-n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#3f5c3f;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px #f7f3eb}
.ev-cohosts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.ev-cohost{border:1px solid #c9d4c2;background:#f7f3eb;color:#3f4a3c;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600}
.ev-cohost.on{background:#8fa386;border-color:#8fa386;color:#fff}
.ev-cohosts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ev-cohost.on{display:inline-flex;align-items:center;gap:6px;background:#e8f0e4;color:#3f4a3c;border-radius:999px;padding:6px 6px 6px 12px;font-weight:600;font-size:14px}
.ev-co-x{width:22px;height:22px;border-radius:50%;border:0;background:#c94b4b;color:#fff;font-size:11px;line-height:1;padding:0}
.ev-co-add{border:1.5px solid #8fa386;background:#f7f3eb;color:#3f4a3c;border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px}
.ev-co-ov{position:fixed;inset:0;z-index:200;background:rgba(40,50,38,.35);display:flex;align-items:flex-start;justify-content:center}
.ev-co-card{background:#f7f3eb;width:100%;max-width:430px;max-height:var(--ev-co-h,80vh);border-radius:0 0 22px 22px;padding:16px;display:flex;flex-direction:column;gap:10px}
.ev-co-head{display:flex;justify-content:space-between;align-items:center;color:#3f4a3c;font-size:17px}
.ev-co-close{border:0;background:none;font-size:20px;color:#3f4a3c}
.ev-co-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3ddd0;border-radius:999px;padding:6px 12px}
.ev-co-search svg{width:18px;height:18px;fill:none;stroke:#8fa386;stroke-width:2;flex:0 0 auto}
.ev-co-search input{border:0;background:transparent;margin:0;padding:6px 0;flex:1;outline:none;box-shadow:none}
.ev-co-list{overflow:auto;display:flex;flex-direction:column;gap:4px;min-height:80px}
.ev-co-row{display:flex;align-items:center;gap:10px;border:0;background:#fff;border-radius:14px;padding:8px 10px;text-align:left;color:#3f4a3c}
.ev-co-row.on{background:#e8f0e4}
.ev-co-ava{width:36px;height:36px;border-radius:50%;background:#e8f0e4;overflow:hidden;flex:0 0 auto}
.ev-co-ava img{width:100%;height:100%;object-fit:cover}
.ev-co-nm{flex:1;font-weight:600}
.ev-co-ck{width:28px;height:28px;border-radius:50%;background:#8fa386;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.ev-co-row.on .ev-co-ck{background:#3f5c3f}

.tip-pop-card .tip-pop-sub{font-style:italic;font-size:14px;color:#5b6b57;margin-bottom:12px}
.tip-pop-card .tip-pop-actions{flex-direction:row}
.tip-pop-actions .btn.tip-ok{flex:1;background:#e8f0e4;color:#3f5c3f;border:1px solid #c9d9c2}
.tip-pop-actions .btn.tip-rm{flex:1;background:#fbe3e3;color:#b23b3b;border:1px solid #f0c4c4}
.faq-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe6d8;border-radius:14px;padding:8px 12px;margin:0 0 12px}
.faq-search svg{width:20px;height:20px;fill:none;stroke:#5b7f5b;stroke-width:2;flex:0 0 auto}
.faq-search input{flex:1;border:0;outline:0;background:transparent;font:inherit;padding:4px 0;margin:0;min-width:0}
.faq-search input::-webkit-search-cancel-button{display:none}
.faq-search button{border:0;background:transparent;color:#5b7f5b;font-size:16px;padding:2px 4px}
.faq-empty{text-align:center;color:#7a8a74;padding:16px}
.faq-item[hidden]{display:none!important}

#s-home .qhelp-btn{width:40px;height:40px;background:#8fa386!important;box-shadow:none!important;margin-right:-2px;align-self:center;color:#fff;font:800 22px/1 system-ui,sans-serif}
.breed-skel{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e6e0d4 0%,#f3eee5 50%,#e6e0d4 100%);background-size:200% 100%;animation:breedSkel 1.2s ease-in-out infinite}
@keyframes breedSkel{0%{background-position:200% 0}100%{background-position:-200% 0}}
.badge-dot.badge-skel{background:linear-gradient(90deg,#e6e0d4 0%,#f3eee5 50%,#e6e0d4 100%)!important;background-size:200% 100%!important;animation:breedSkel 1.2s ease-in-out infinite;pointer-events:none}
.c-st{font-size:11px;margin-left:2px}
.c-st.ok{color:#5b7f5b;font-weight:700}
.c-st.err{cursor:pointer}
.c-err{display:block;width:100%;text-align:right;color:#c0392b;font-size:12px;font-weight:600;margin:2px 6px 4px;cursor:pointer}
.chat-guest{width:100%;border:0;border-radius:24px;padding:14px;background:#8fa386;color:#fff;font-weight:700;font-size:15px}
#feed-top,#breeds-top{position:fixed;right:max(14px,calc(50% - 201px));bottom:100px;width:40px;height:40px;border-radius:50%;border:0;background:#8fa386;box-shadow:0 4px 12px rgba(0,0,0,.2);display:none;align-items:center;justify-content:center;z-index:60;padding:0}
#feed-top.show,#breeds-top.show{display:flex}
#s-feed:not(.active) #feed-top,#s-breeds:not(.active) #breeds-top{display:none}

/* Dodaj ljubimca: isti font kao ime ljubimca, tamno tamno zelena */
#home-hub .hub-empty-t{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:700!important;letter-spacing:.2px;font-size:28px!important;color:#1c2e1c!important}

#home-hub .hub-empty-plus{padding:0!important;background:none!important;border-radius:0!important}

/* Ram kruga i Snifflopedija: tamno tamno zelena */
#home-hub .hub-photo img,#home-hub .hub-empty{box-shadow:0 0 0 2px #1c2e1c!important}
.home-new-pet-banner{border-color:#1c2e1c!important;color:#1c2e1c!important}
#home-new-pet-banner{background:#d7e0d2!important}
#onb{position:fixed;inset:0;z-index:9000;background:#f7f3ea;display:flex;flex-direction:column;max-width:430px;margin:0 auto;overflow:hidden;padding:env(safe-area-inset-top) 0 calc(18px + env(safe-area-inset-bottom))}
#onb .onb-skip{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:2;background:rgba(255,255,255,.75);border:0;border-radius:999px;padding:7px 14px;font-size:14px;color:#1c2e1c;font-weight:600}
#onb .onb-track{flex:1;display:flex;transition:transform .35s ease;min-height:0}
#onb .onb-slide{flex:0 0 100%;display:flex;flex-direction:column;min-height:0}
#onb .onb-img{flex:1;min-height:0;overflow:hidden;border-radius:0 0 28px 28px}
#onb .onb-img img{width:100%;height:100%;object-fit:cover;display:block}
#onb h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:28px;line-height:1.15;color:#1c2e1c;text-align:center;margin:20px 24px 8px}
#onb p{font-size:15.5px;line-height:1.45;color:#4a5a4a;text-align:center;margin:0 28px;min-height:66px}
#onb .onb-dots{display:flex;justify-content:center;gap:8px;margin:14px 0}
#onb .onb-dots i{width:8px;height:8px;border-radius:99px;background:#c9d3c4;transition:all .3s}
#onb .onb-dots i.on{width:22px;background:#1c2e1c}
#onb .onb-actions{padding:0 22px;display:flex;flex-direction:column;gap:8px}
#onb .onb-next{background:#1c2e1c!important;border-color:#1c2e1c!important}
#crop-modal{z-index:10050!important}

body:has(#s-welcome.active) .pwa-bar,body:has(#s-login.active) .pwa-bar,body:has(#s-register.active) .pwa-bar{display:none!important}
#go-login,#go-register{position:relative;z-index:5;touch-action:manipulation}
.breed-miss-top{background:#5b7f5b;color:#fff;border:0;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;white-space:nowrap}
.bm-ov{position:fixed;inset:0;z-index:10060;background:rgba(28,46,28,.45);display:flex;align-items:center;justify-content:center;padding:20px}
.bm-card{background:#fbf7ef;border-radius:20px;padding:20px;width:100%;max-width:380px;box-shadow:0 12px 40px rgba(28,46,28,.25)}
.bm-head{font-weight:800;font-size:18px;color:#1c2e1c;margin:0 0 6px}
.bm-sub{color:#5b6b5b;font-size:14px;margin:0 0 12px}
.bm-card select,.bm-card input,.bm-card textarea{width:100%;box-sizing:border-box;margin-bottom:8px}
.bm-msg{color:#b4553a;font-size:13px;min-height:16px;margin:0 0 6px}
.bm-act{display:flex;gap:8px}.bm-act .btn{flex:1;margin:0}
.bm-kinds{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.bm-kind{background:#eef2e8;color:#1c2e1c;border:1px solid #d6dfcc;border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.bm-kind.on{background:#5b7f5b;color:#fff;border-color:#5b7f5b}

.bm-dd{position:relative;margin-bottom:10px}
.bm-dd-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:#fff;color:#1c2e1c;border:1.5px solid #5b7f5b;border-radius:12px;padding:11px 14px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.bm-dd-ar{color:#5b7f5b}
.bm-dd-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;background:#fbf7ef;border:1px solid #d6dfcc;border-radius:12px;box-shadow:0 8px 24px rgba(28,46,28,.18);max-height:260px;overflow-y:auto;padding:4px}
.bm-dd-list[hidden]{display:none}
.bm-dd-list .bm-kind{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:10px 12px;font-size:15px}
.bm-dd-list .bm-kind.on{background:#5b7f5b;color:#fff}
.ads-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 4px}
.ads-thumb{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;border:1.5px solid var(--green)}
.ads-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ads-thumb button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:999px;border:0;background:#d93636;color:#fff;font-size:13px;font-weight:800;line-height:24px;padding:0;cursor:pointer}
#ads-price:disabled{opacity:.6}
.email-bar{display:block;width:calc(100% - 8px);margin:2px auto 10px;padding:9px 12px;border:2px solid #d9536f;border-radius:14px;background:#fbf3e6;color:#d9536f;font-weight:700;font-size:14px;text-align:center;cursor:pointer}
.email-bar[hidden]{display:none}
/* home ident: veće centrirano ime, podignuto 30px */
.ident{margin-top:-20px!important}
.ident .nm-row{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.ident .nm-row .nm{grid-column:2;font-size:50px!important;line-height:1.1}
.ident .nm-row .swap-btn{grid-column:3;justify-self:start}

/* QR tekst + dokumenti kao kapsule + svetli sistemski prozori */
:root{color-scheme:light}
input,select,textarea{color-scheme:light}
.qr-pop-info{background:none;border:0;padding:0;margin:12px 0 10px}
.qr-pop-info .qr-pop-title{margin:0 0 6px;color:#1c2e1c;font-size:16px}
.qr-pop-text{margin:0;color:#5b7f5b;font-size:13.5px;line-height:1.45;text-align:center}
#s-health .hc-doc-sel{width:100%;color-scheme:light;background:#f6f1e6;color:#2f4a2f;border:1.5px solid #5b7f5b;border-radius:12px;padding:11px 12px;font:inherit;font-weight:600}
#qr-pop{overscroll-behavior:contain;touch-action:none}