/* Razvojni status i feedback prilagođeni postojećoj Probaj light/dark temi. */
.dev-notice{display:flex;align-items:center;gap:16px;padding:20px 23px;margin:-20px 0 42px;background:var(--paper);border:1.5px dashed var(--coral);border-radius:20px}
.dev-symbol{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--chip);color:var(--coral-text);font-size:26px;font-weight:900;transform:rotate(-7deg)}
.dev-notice>div:nth-child(2){flex:1}.dev-notice strong{font:800 19px/1.25 'Space Grotesk',sans-serif}.dev-notice p{font-size:13px;color:var(--muted);line-height:1.6;margin:6px 0 0}.dev-notice .btn{cursor:pointer;white-space:nowrap}
.feedback-invite{margin-top:52px;border-radius:23px;padding:29px;background:var(--chip);border:1px solid var(--line)}
.feedback-invite h2{margin:9px 0 8px}.feedback-invite p{font-size:14px;line-height:1.65;color:var(--muted);max-width:820px;margin:0}
.feedback-invite-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:22px}
.feedback-invite-action{font-family:inherit;text-align:left;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:16px;padding:17px 18px;cursor:pointer;display:grid;gap:6px}
.feedback-invite-action:hover,.feedback-invite-action:focus-visible{border-color:var(--coral);transform:translateY(-2px)}
.feedback-invite-action>span{font-weight:800;color:var(--coral-text);font-size:11px;letter-spacing:.1em}.feedback-invite-action strong{font:800 17px/1.3 'Space Grotesk',sans-serif}.feedback-invite-action small{color:var(--muted);font:500 12px/1.4 'Manrope',sans-serif}
.feedback-backdrop[hidden],.feedback-form[hidden],.feedback-finished[hidden],.feedback-error[hidden]{display:none!important}
.feedback-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(12,14,18,.71);display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}
.feedback-dialog{width:min(690px,100%);max-height:min(92dvh,900px);overflow-y:auto;border-radius:24px;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #0006;padding:27px;overscroll-behavior:contain}
.feedback-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.feedback-head h2{font-size:clamp(25px,3vw,31px);margin:7px 0}.feedback-head p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}
.feedback-close{flex:none;width:35px;height:35px;border-radius:50%;background:var(--chip);color:var(--ink);border:1px solid var(--line);font-size:25px;cursor:pointer}.feedback-close:disabled{opacity:.5}
.feedback-form{display:grid;gap:14px;margin-top:24px}.feedback-types{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.feedback-types legend{font-size:12px;font-weight:800;margin:0 0 8px}.feedback-types label{cursor:pointer}.feedback-types input{position:absolute;opacity:0;width:1px;height:1px}.feedback-types span{display:block;background:var(--chip);border:1.5px solid var(--line);padding:10px 13px;border-radius:12px;font-size:12px;font-weight:800}.feedback-types input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.feedback-types input:focus-visible+span{outline:3px solid var(--lilac);outline-offset:3px}
.feedback-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback-field{display:grid;gap:6px;min-width:0}.feedback-field>span{font-size:12px;font-weight:800}
.feedback-field input,.feedback-field select,.feedback-field textarea{min-width:0;width:100%;font:550 13px/1.45 'Manrope',system-ui,sans-serif;padding:11px 12px;background:var(--bg);border:1.5px solid var(--line);border-radius:11px;color:var(--ink)}
.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{outline:2px solid var(--lilac);outline-offset:1px}.feedback-field textarea{resize:vertical;min-height:100px}.feedback-field ::placeholder{color:var(--muted)}
.feedback-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;height:1px!important;width:1px!important;overflow:hidden!important}
.feedback-privacy{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.feedback-privacy a{color:var(--coral-text)}.feedback-error{margin:0;border-radius:10px;background:var(--chip);border:1px solid var(--coral);padding:11px;color:var(--coral-text);font-size:13px;font-weight:700}.feedback-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.feedback-actions button{cursor:pointer}.feedback-actions button:disabled{opacity:.5;cursor:wait}
.feedback-finished{text-align:center;padding:32px 14px 14px}.feedback-finished>span{display:inline-grid;place-items:center;background:var(--lime);color:#202719;border-radius:50%;font-weight:900;font-size:28px;width:65px;height:65px}.feedback-finished h3{font:800 25px/1.2 'Space Grotesk',sans-serif;margin:16px 0 6px}.feedback-finished p{font-size:14px;color:var(--muted);margin-bottom:22px}
@media(max-width:700px){.dev-notice{align-items:flex-start;flex-wrap:wrap}.dev-notice>div:nth-child(2){flex-basis:calc(100% - 64px)}.dev-notice .btn{margin-left:60px}.feedback-invite-actions{grid-template-columns:1fr}.feedback-dialog{padding:20px}.feedback-cols{grid-template-columns:1fr}.feedback-backdrop{padding:0;align-items:stretch}.feedback-dialog{width:100%;max-height:100dvh;border-radius:0;min-height:100dvh}}
@media(prefers-reduced-motion:reduce){.feedback-invite-action:hover{transform:none}}