.zuc-fb-floating{position:fixed;right:22px;bottom:22px;z-index:99990;border:0;border-radius:999px;padding:12px 17px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 14px 38px rgba(37,99,235,.28);display:flex;gap:8px;align-items:center;font:800 14px/1 Inter,Arial,sans-serif;cursor:pointer}.zuc-fb-floating:hover{transform:translateY(-2px)} .zuc-fb-task-btn{display:inline-flex;margin:14px 0 0;padding:10px 14px;border:1px solid #bfdbfe;border-radius:13px;background:#fff;color:#1d4ed8;font:800 13px/1.25 Inter,Arial,sans-serif;cursor:pointer}.zuc-fb-task-btn:hover{background:#eff6ff} .zuc-fb-backdrop{position:fixed;inset:0;z-index:999999;background:rgba(15,23,42,.66);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.zuc-fb-open{overflow:hidden}.zuc-fb-modal{position:relative;width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:28px;padding:30px;box-shadow:0 32px 100px rgba(15,23,42,.35);font-family:Inter,Arial,sans-serif;color:#0f172a}.zuc-fb-close{position:absolute;right:18px;top:15px;border:0;background:#eef2ff;border-radius:999px;width:38px;height:38px;font-size:25px;cursor:pointer}.zuc-fb-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:900}.zuc-fb-modal h2{font-size:31px;line-height:1.1;margin:14px 42px 8px 0}.zuc-fb-modal>p{color:#64748b;font-size:16px;line-height:1.55}.zuc-fb-types{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.zuc-fb-types input{position:absolute;opacity:0}.zuc-fb-types span{display:flex;align-items:center;min-height:52px;padding:12px 14px;border:1px solid #dbeafe;border-radius:15px;background:#f8fbff;font-weight:800;cursor:pointer}.zuc-fb-types input:checked+span{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 2px rgba(99,102,241,.13)}.zuc-fb-field{display:block;margin:14px 0;font-weight:850}.zuc-fb-field small{font-weight:600;color:#64748b}.zuc-fb-field select,.zuc-fb-field textarea,.zuc-fb-field input{display:block;width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:14px;padding:12px 14px;background:#fff;color:#0f172a;font:500 15px/1.45 Inter,Arial,sans-serif}.zuc-fb-field textarea{resize:vertical}.zuc-fb-rating{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0;padding:14px 16px;border-radius:15px;background:#f8fafc}.zuc-fb-rating label{cursor:pointer}.zuc-fb-rating input{position:absolute;opacity:0}.zuc-fb-rating span{font-size:28px;color:#cbd5e1;transition:color .15s ease,transform .15s ease}.zuc-fb-rating label.is-active span{color:#f59e0b;transform:scale(1.06)}.zuc-fb-rating label:focus-within span{outline:2px solid #6366f1;outline-offset:3px;border-radius:4px}.zuc-fb-submit{width:100%;border:0;border-radius:16px;padding:14px 18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900;font-size:16px;cursor:pointer}.zuc-fb-submit:disabled{opacity:.6}.zuc-fb-status{min-height:22px;margin:10px 0;font-weight:800}.zuc-fb-status.is-success{color:#047857}.zuc-fb-status.is-error{color:#b91c1c}.zuc-fb-hp{position:absolute!important;left:-9999px!important} @media(max-width:600px){.zuc-fb-floating{right:14px;bottom:14px}.zuc-fb-modal{padding:24px 18px;border-radius:22px}.zuc-fb-modal h2{font-size:26px}.zuc-fb-types{grid-template-columns:1fr}.zuc-fb-rating{align-items:flex-start;flex-direction:column}} /* 0.1.3: kumulativno označevanje zvezdic z gumbi namesto radijskih oznak. */ .zuc-fb-stars{display:flex;align-items:center;gap:4px} .zuc-fb-star{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:2px;margin:0;color:#cbd5e1;font-size:30px;line-height:1;cursor:pointer;transition:color .15s ease,transform .15s ease} .zuc-fb-star.is-active{color:#f59e0b;transform:scale(1.08)} .zuc-fb-star:hover,.zuc-fb-star:focus{outline:none} .zuc-fb-star:focus-visible{outline:2px solid #6366f1;outline-offset:3px;border-radius:5px} /* 0.1.4: zvezdice morajo ostati vidne tudi ob globalnih slogih gumbov teme/ZUČ. */ .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars{ display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:8px !important; } .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars .zuc-fb-star{ appearance:none !important; -webkit-appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 42px !important; width:42px !important; min-width:42px !important; max-width:42px !important; height:42px !important; min-height:42px !important; margin:0 !important; padding:0 !important; border:1px solid #dbe3ef !important; border-radius:12px !important; background:#fff !important; background-image:none !important; box-shadow:none !important; color:#cbd5e1 !important; font-family:Arial,sans-serif !important; font-size:30px !important; font-weight:400 !important; line-height:1 !important; text-shadow:none !important; cursor:pointer !important; transform:none !important; opacity:1 !important; } .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars .zuc-fb-star:hover, .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars .zuc-fb-star:focus{ background:#fffaf0 !important; border-color:#fbbf24 !important; color:#f59e0b !important; } .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars .zuc-fb-star.is-active, .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars .zuc-fb-star[aria-checked="true"]{ background:#fff7df !important; border-color:#f59e0b !important; color:#f59e0b !important; transform:scale(1.06) !important; } .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars input[type="hidden"]{display:none !important} @media(max-width:600px){ .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars{justify-content:flex-start !important} .zuc-fb-modal .zuc-fb-rating .zuc-fb-stars .zuc-fb-star{flex-basis:40px !important;width:40px !important;min-width:40px !important;max-width:40px !important;height:40px !important;min-height:40px !important} } /* 0.1.5: zvezdice niso več elementi