/* Shared feedback UI for the NORVEX product demos. */
.product-bar [data-feedback-slot]{margin-inline-start:auto}
.product-bar [data-feedback-slot]+[data-demo-reset]{margin-inline-start:0}
dialog.feedback-dialog{--muted:#b6afa3;box-sizing:border-box;width:min(660px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #d4af3738;border-radius:28px;background:#000;color:#fff8ec;box-shadow:0 24px 100px #000c,inset 0 1px #fff8ec08;font:14px Arial,Helvetica,sans-serif;color-scheme:dark;text-align:left}
dialog.feedback-dialog:not([open]){display:none}
dialog.feedback-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
dialog.feedback-dialog::backdrop{background:#000d!important;backdrop-filter:blur(8px)}
.feedback-dialog *{box-sizing:border-box}
.feedback-dialog-content{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 32px);overflow:hidden}
.feedback-dialog .dialog-heading{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:28px 52px 20px;background:transparent;border:0;text-align:center}
.feedback-dialog .feedback-brand{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%}
.feedback-dialog .feedback-logo{display:block;width:138px;max-width:100%;height:auto;margin:0 auto 20px;object-fit:contain}
.feedback-dialog .dialog-heading h2{font-weight:500;line-height:1.3;letter-spacing:-.4px;color:#fff8ec}
.feedback-dialog :is(h2,h3){font-family:inherit}
.feedback-dialog .icon-btn{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;padding:8px;border:0;border-radius:50%;background:transparent;color:#b6afa3;cursor:pointer}
.feedback-dialog .icon-btn:hover{background:#bda45a14;color:#f1e8d6}
.feedback-dialog .form-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:18px;padding:20px 28px;overflow-y:auto;overscroll-behavior:contain;background:transparent}
.feedback-dialog .dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;gap:10px;padding:22px 28px;background:transparent;border:0}
.feedback-dialog .dialog-actions :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:10px 14px;border:1px solid transparent;border-radius:999px;text-decoration:none;font:inherit;font-size:12px;line-height:1.4;cursor:pointer}
.feedback-dialog .dialog-actions .primary{background:linear-gradient(135deg,#d1b56b,#ad8e44);color:#241b0c}
.feedback-dialog .dialog-actions .primary:hover{background:#e0c780;color:#241b0c}
.feedback-dialog button:disabled{opacity:.6;cursor:wait}
.feedback-dialog :is(button,a):focus-visible{outline:2px solid #e3c784;outline-offset:3px}
.feedback-dialog [role=alert]{margin:0;color:#efbc9e;line-height:1.5}
.feedback-dialog .feedback-ratings{min-width:0}
.feedback-dialog .feedback-ratings legend{padding:0;font-size:13px;color:#eee9df;line-height:1.4;text-align:center}
.feedback-dialog .feedback-ratings small{font-size:11px;color:#e2ddcf;line-height:1.4}
@media(max-width:640px){.product-bar nav{order:3;width:100%;justify-content:space-between}.product-bar .feedback-trigger{font-size:11px;padding-inline:9px}.feedback-dialog .dialog-heading{padding:24px 44px 18px}.feedback-dialog .feedback-logo{width:116px;margin-bottom:16px}.feedback-dialog .icon-btn{top:12px;right:12px}.feedback-dialog .form-body{padding:18px 20px}.feedback-dialog .dialog-actions{padding:16px 20px}}
@media(max-height:700px){.feedback-dialog .dialog-heading{padding-top:18px;padding-bottom:14px}.feedback-dialog .feedback-logo{width:84px;margin-bottom:12px}.feedback-dialog .form-body{gap:14px;padding-top:12px;padding-bottom:12px}}

.feedback-trigger{min-height:36px;padding:6px 13px;border-radius:999px;background:transparent;color:#e0d6c0;border:1px solid #bda45a36;cursor:pointer;font:inherit;font-size:12px}
.feedback-trigger:hover{background:#bda45a1c}
.feedback-trigger:focus-visible{outline:2px solid #e3c784;outline-offset:2px}
.feedback-dialog .dialog-heading h2{font-size:1.25rem;margin:0}
.feedback-optional {
  width: min(100%, 18rem);
  margin-inline: auto;
  padding-top: 12px;
  border-top: 1px solid #d4af3724;
  text-align: center;
}
.feedback-optional>a{color:var(--muted);font-size:.75rem;text-decoration:underline}
.feedback-optional p,.feedback-confirmation{margin:8px 0 0;text-align:center;font-size:13px;color:#eee9df}
.feedback-dialog .dialog-actions a.primary{color:#241b0c}
.feedback-ratings{margin:0 0 6px;padding:0;border:0}
.feedback-ratings legend{margin-bottom:8px}
.feedback-ratings>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.feedback-rating-face{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:6px 4px;border:1px solid #d4af3738;border-radius:10px;background:#d4af3708;color:#e6ca7c;cursor:pointer;transition:background .15s,border-color .15s}
.feedback-rating-face svg{width:24px;height:24px}
.feedback-rating-face:hover:not(:disabled){border-color:#dfc78388;background:#bda45a24}
.feedback-rating-face[data-selected]{background:#3a2d14;border-color:#ecd397;color:#fff0c1}
.feedback-ratings small{display:flex;justify-content:space-between;gap:12px;margin-top:6px}
@media(prefers-reduced-motion:reduce){.feedback-rating-face{transition:none}}