.feedback-page-card { overflow: hidden; }
.feedback-eyebrow { display:block; margin-bottom:5px; color:#d71920; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.feedback-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:22px clamp(20px,2vw,28px) 0; }
.feedback-summary-card { min-width:0; padding:16px 18px; border:1px solid var(--border-color,var(--ui-border)); border-radius:14px; background:var(--surface-muted,var(--ui-surface-soft)); }
.feedback-summary-card span,.feedback-summary-card strong { display:block; }
.feedback-summary-card span { color:var(--text-muted,var(--ui-muted)); font-size:10px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
.feedback-summary-card strong { margin-top:7px; color:var(--text-primary,var(--ui-ink)); font-size:26px; line-height:1; }
.feedback-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) minmax(180px,240px) auto; gap:12px; align-items:stretch; margin:18px clamp(20px,2vw,28px) 0; padding:14px; border:1px solid var(--border-color,var(--ui-border)); border-radius:14px; background:var(--surface-muted,var(--ui-surface-soft)); }
.feedback-search { margin:0; }
.feedback-clear { height:100%; min-height:52px; align-self:stretch; }
.feedback-events-section,.feedback-admin-section { padding:24px clamp(20px,2vw,28px) 28px; }
.feedback-admin-section { border-top:1px solid var(--border-color,var(--ui-border)); }
.feedback-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:15px; }
.feedback-section-heading h3 { margin:0; color:var(--text-primary,var(--ui-ink)); font-size:17px; }
.feedback-section-heading p { margin:4px 0 0; color:var(--text-muted,var(--ui-muted)); font-size:12px; }
.feedback-section-heading > span { color:var(--text-muted,var(--ui-muted)); font-size:11px; font-weight:700; white-space:nowrap; }
.feedback-events-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.feedback-event-card { display:flex; min-width:0; min-height:225px; flex-direction:column; padding:17px; border:1px solid var(--border-color,var(--ui-border)); border-radius:15px; background:var(--surface,var(--ui-surface)); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.feedback-event-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,#d71920 28%,var(--border-color,#d9dce1)); box-shadow:0 12px 26px rgba(0,0,0,.08); }
.feedback-event-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.feedback-event-date { color:var(--text-muted,var(--ui-muted)); font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.feedback-status { display:inline-flex; min-height:25px; align-items:center; padding:0 9px; border-radius:999px; font-size:10px; font-weight:800; }
.feedback-status.pending { background:rgba(113,118,128,.12); color:var(--text-muted,var(--ui-muted)); }
.feedback-status.draft { background:rgba(245,158,11,.13); color:#b86f00; }
.feedback-status.sent { background:rgba(16,185,129,.13); color:#087c58; }
.feedback-event-card h4 { margin:15px 0 8px; color:var(--text-primary,var(--ui-ink)); font-size:16px; line-height:1.3; }
.feedback-event-meta { display:grid; gap:7px; color:var(--text-muted,var(--ui-muted)); font-size:11px; }
.feedback-event-meta span { display:flex; align-items:center; gap:7px; }
.feedback-event-meta i { width:13px; color:#d71920; text-align:center; }
.feedback-event-action { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:16px; border-top:1px solid var(--border-color,var(--ui-border)); }
.feedback-event-action small { color:var(--text-muted,var(--ui-muted)); font-size:10px; }
.feedback-event-action button { min-height:38px; }
.feedback-empty { grid-column:1/-1; display:grid; min-height:220px; place-items:center; align-content:center; gap:8px; border:1px dashed var(--border-color,var(--ui-border)); border-radius:15px; color:var(--text-muted,var(--ui-muted)); text-align:center; }
.feedback-empty i { color:#d71920; font-size:26px; }
.feedback-table-wrapper .feedback-average { font-weight:800; }
.feedback-modal-content { display:flex; max-width:1040px; max-height:min(94vh,960px); flex-direction:column; overflow:hidden; }
.feedback-modal-subtitle { margin:5px 0 0; color:var(--text-muted,var(--ui-muted)); font-size:12px; }
.feedback-modal-body { min-height:0; overflow-y:auto; padding:22px clamp(18px,2.3vw,28px); }
.feedback-event-field { padding:16px; border:1px solid var(--border-color,var(--ui-border)); border-radius:14px; background:var(--surface-muted,var(--ui-surface-soft)); }
.feedback-event-field small { display:block; margin-top:6px; color:var(--text-muted,var(--ui-muted)); font-size:10px; }
.feedback-sections { display:grid; gap:16px; margin-top:18px; }
.feedback-form-section { padding:18px; border:1px solid var(--border-color,var(--ui-border)); border-radius:15px; background:var(--surface,var(--ui-surface)); }
.feedback-form-section > header { display:flex; align-items:center; gap:11px; margin-bottom:15px; }
.feedback-form-section > header > span { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border-radius:11px; background:rgba(215,25,32,.09); color:#d71920; }
.feedback-form-section h4 { margin:0; color:var(--text-primary,var(--ui-ink)); font-size:15px; }
.feedback-form-section header p { margin:3px 0 0; color:var(--text-muted,var(--ui-muted)); font-size:11px; }
.feedback-rating-field { max-width:260px; margin-bottom:14px; }
.feedback-comments-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.feedback-comments-grid .form-group { margin:0; }
.feedback-comments-grid .form-label i { margin-right:5px; color:#d71920; }
.feedback-comments-grid textarea { min-height:112px; resize:vertical; }
.feedback-readonly-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; }
.feedback-readonly-meta div { padding:12px; border:1px solid var(--border-color,var(--ui-border)); border-radius:11px; background:var(--surface-muted,var(--ui-surface-soft)); }
.feedback-readonly-meta span,.feedback-readonly-meta strong { display:block; }
.feedback-readonly-meta span { color:var(--text-muted,var(--ui-muted)); font-size:9px; font-weight:800; text-transform:uppercase; }
.feedback-readonly-meta strong { margin-top:4px; color:var(--text-primary,var(--ui-ink)); font-size:12px; }
.feedback-modal-footer { gap:10px; }
.feedback-footer-spacer { flex:1; }
html[data-theme='dark'] .feedback-event-card,html[data-theme='dark'] .feedback-form-section { border-color:#3b3b3f; background:linear-gradient(145deg,#1d1d20 0%,#171719 100%); }
html[data-theme='dark'] .feedback-status.draft { color:#ffc35a; }
html[data-theme='dark'] .feedback-status.sent { color:#55d6a3; }
@media(max-width:1100px){.feedback-events-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.feedback-summary{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.feedback-toolbar,.feedback-comments-grid{grid-template-columns:1fr;}.feedback-events-grid{grid-template-columns:1fr;}.feedback-section-heading{align-items:flex-start;flex-direction:column;}.feedback-modal-footer{align-items:stretch;flex-direction:column-reverse;}.feedback-modal-footer button{width:100%;}.feedback-footer-spacer{display:none;}}
@media(max-width:480px){.feedback-summary{grid-template-columns:1fr 1fr;gap:8px;padding-inline:14px}.feedback-summary-card{padding:13px}.feedback-toolbar{margin-inline:14px}.feedback-events-section,.feedback-admin-section{padding-inline:14px}.feedback-readonly-meta{grid-template-columns:1fr}}