/* MihanWP Survey Bridge — survey / NPS widget styling. Also printed inline in by the plugin (rakhsh-proof); this file styles guest/public views. */ .mwlms-survey{position:relative;margin:26px 0 8px;padding:22px 24px 20px;border:1px solid #e7e9f5;border-radius:20px;overflow:hidden;background:radial-gradient(130% 150% at 100% 0%,#eef0ff 0%,rgba(238,240,255,0) 55%),linear-gradient(180deg,#fff,#fbfbfe);box-shadow:0 16px 44px -20px rgba(67,56,202,.4);animation:mwlms-survey-in .45s cubic-bezier(.2,.7,.3,1) both} .mwlms-survey::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#6366f1,#8b5cf6)} @keyframes mwlms-survey-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .mwlms-survey-head{display:flex;align-items:center;gap:10px;margin-bottom:13px} .mwlms-survey-ico{flex:none;width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4338ca,#7c3aed);box-shadow:0 6px 16px -5px rgba(99,102,241,.7)} .mwlms-survey-ico::after{content:"";width:17px;height:17px;background:#fff;-webkit-mask:url('/wp-content/plugins/mihanwp-survey-bridge/survey-icon.svg') center/contain no-repeat;mask:url('/wp-content/plugins/mihanwp-survey-bridge/survey-icon.svg') center/contain no-repeat} .mwlms-survey-eyebrow{font-size:12px;font-weight:800;letter-spacing:.01em;color:#6d28d9;background:#f1eefe;border-radius:20px;padding:5px 13px} .mwlms-survey-q{font-size:16.5px;font-weight:800;color:#0f172a;line-height:1.95;margin-bottom:16px} .mwlms-survey-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px} .mwlms-survey-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:14px;border:1.5px solid #e5e7eb;background:#fff;color:#1f2937;font-size:15px;font-weight:800;cursor:pointer;transition:transform .12s cubic-bezier(.2,.7,.3,1),box-shadow .16s,border-color .16s,background .16s} .mwlms-survey-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(30,41,59,.42)} .mwlms-survey-btn:active{transform:translateY(0)} .mwlms-survey-btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none} .mwlms-survey-yes{color:#fff;border-color:transparent;background:linear-gradient(135deg,#4338ca,#7c3aed)} .mwlms-survey-yes:hover{box-shadow:0 14px 30px -12px rgba(99,102,241,.75)} .mwlms-survey-no{background:#f8fafc} .mwlms-survey-no:hover{border-color:#fecaca;color:#b91c1c;background:#fff5f5} .mwlms-survey-btn.is-loading{opacity:.75;cursor:progress} .mwlms-survey-reason{margin-top:14px;display:flex;flex-direction:column;gap:11px;animation:mwlms-survey-in .3s ease both} .mwlms-survey-reason-label{font-size:14px;font-weight:700;color:#475569} .mwlms-survey-reason-input{width:100%;box-sizing:border-box;padding:13px 15px;border:1.5px solid #e5e9f2;border-radius:14px;font-family:inherit;font-size:14.5px;line-height:1.95;resize:vertical;background:#fff;transition:border-color .16s,box-shadow .16s} .mwlms-survey-reason-input::placeholder{color:#b91c1c;opacity:.65} .mwlms-survey-reason-input:focus{outline:none;border-color:#c7d2fe;box-shadow:0 0 0 4px rgba(99,102,241,.16)} .mwlms-survey-reason-input.is-invalid{border-color:#fca5a5;box-shadow:0 0 0 4px rgba(248,113,113,.16)} .mwlms-survey-submit{align-self:flex-start;padding:12px 28px;border:none;border-radius:13px;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;font-size:14.5px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px -12px rgba(99,102,241,.85);transition:transform .12s,box-shadow .16s,opacity .16s} .mwlms-survey-submit:hover{transform:translateY(-2px)} .mwlms-survey-submit:active{transform:translateY(0)} .mwlms-survey-submit:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none} .mwlms-survey-done,.mwlms-survey-thanks{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:800;color:#166534;background:linear-gradient(180deg,#ecfdf3,#dcfce7);border:1px solid #bbf7d0;border-radius:14px;padding:15px 18px;text-align:center} .mwlms-survey-check{flex:none;width:26px;height:26px;border-radius:50%;background:#16a34a;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px -3px rgba(22,163,74,.65);animation:mwlms-survey-pop .4s cubic-bezier(.2,1.4,.4,1) both} .mwlms-survey-check::after{content:"";width:14px;height:14px;background:#fff;-webkit-mask:url('/wp-content/plugins/mihanwp-survey-bridge/check.svg') center/contain no-repeat;mask:url('/wp-content/plugins/mihanwp-survey-bridge/check.svg') center/contain no-repeat} @keyframes mwlms-survey-pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}} .mwlms-nps-scale{display:flex;gap:6px;flex-wrap:wrap} .mwlms-nps-btn{flex:1 1 0;min-width:34px;height:46px;border:1.5px solid #e5e7eb;background:#fff;border-radius:11px;font-size:15px;font-weight:800;color:#334155;cursor:pointer;font-family:inherit;transition:transform .1s cubic-bezier(.2,.7,.3,1),border-color .15s,background .15s,color .15s,box-shadow .15s} .mwlms-nps-btn:hover{border-color:var(--nps-c,#a5b4fc);color:var(--nps-c,#4338ca);transform:translateY(-2px);box-shadow:0 9px 20px -10px rgba(30,41,59,.4)} .mwlms-nps-btn.is-selected{background:var(--nps-c,#4338ca);border-color:transparent;color:#fff;box-shadow:0 10px 24px -10px var(--nps-c,#6366f1)} .mwlms-nps-btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none} .mwlms-nps-ends{display:flex;justify-content:space-between;margin-top:11px;font-size:12px;font-weight:700;color:#94a3b8} .mwlms-mp-survey{margin-top:6px} @media(max-width:560px){.mwlms-survey-actions{grid-template-columns:1fr}} @media(max-width:520px){.mwlms-nps-btn{min-width:30px;height:42px;font-size:14px}} @media(prefers-reduced-motion:reduce){.mwlms-survey,.mwlms-survey-reason,.mwlms-survey-check{animation:none}.mwlms-survey-btn:hover,.mwlms-survey-submit:hover{transform:none}}