/* Feedback widget styles */
#feedback-widget { position: fixed; right: 18px; bottom: 18px; z-index: 99999; font-family: Arial, Helvetica, sans-serif; }
#feedback-toggle { background: var(--accent, #6366f1); color: #fff; border: none; padding: 10px 12px; border-radius: 999px; cursor: pointer; box-shadow: 0 6px 20px rgba(2,6,23,0.12); }
#feedback-panel { width: 320px; max-width: calc(100vw - 40px); background: #fff; border: 1px solid #e6e9ee; box-shadow: 0 10px 30px rgba(2,6,23,0.16); border-radius: 10px; padding: 12px; margin-top: 8px; }
#feedback-header { display:flex; align-items:center; justify-content:space-between; }
#feedback-close { background:transparent; border:none; font-size:18px; cursor:pointer; }
#feedback-rating { display:flex; gap:6px; margin:6px 0 10px; }
#feedback-rating .rating { flex:1; padding:8px 6px; border-radius:6px; border:1px solid #e6e9ee; background:#f8fafc; cursor:pointer; font-weight:700; }
#feedback-rating .rating.selected { background: linear-gradient(180deg,#eef2ff,#eef2ff); border-color: rgba(99,102,241,0.35); }
#feedback-comment { width:100%; box-sizing:border-box; padding:8px 10px; border-radius:6px; border:1px solid #e6e9ee; resize:vertical; font-size:0.95rem; margin-bottom:8px; }
#feedback-actions { display:flex; align-items:center; gap:8px; }
#feedback-submit { background: var(--accent, #6366f1); color:#fff; border:none; padding:8px 12px; border-radius:6px; cursor:pointer; }
#feedback-submit:disabled { background:#c7c7d9; cursor:not-allowed; }
#feedback-status { color:var(--muted); font-size:0.9rem; }

/* Small screens: slightly larger touch targets */
@media (max-width: 520px) {
    #feedback-panel { width: 92vw; right: 4vw; }
    #feedback-toggle { padding: 12px 14px; }
}