.feedback-page{--fb-ink:#142f24;--fb-muted:#53675d;--fb-gold:#d7bb79;--fb-line:#dedfd5;color:var(--fb-ink);max-width:1440px;margin:0 auto;padding-bottom:36px;overflow-wrap:anywhere}
.feedback-page *{box-sizing:border-box;min-width:0}
.feedback-heading{display:flex;align-items:center;gap:20px;margin:12px 0 32px}
.feedback-mark{width:62px;height:62px;flex:0 0 62px;border:1px solid #d4bf8f;background:#f0e4c8;border-radius:18px;display:grid;place-items:center}
.feedback-mark svg,.feedback-empty svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.feedback-heading .feedback-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#83682e;margin:0 0 7px}
.feedback-heading h1{font-family:Georgia,serif;font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.025em;font-weight:400;margin:0 0 8px}
.feedback-heading p{color:var(--fb-muted);font-size:14px;line-height:1.5;margin:0}
.feedback-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}
.feedback-card{background:#fffefb;border:1px solid var(--fb-line);border-radius:18px;padding:28px;box-shadow:0 6px 22px #122a1d05}
.feedback-card h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.015em;margin:0 0 22px}
.feedback-card h3{font-size:14px;margin:0 0 12px}
.feedback-page form{display:grid;gap:18px;margin:0}
.feedback-page label{display:grid;gap:8px;font-size:13px;font-weight:700;color:var(--fb-ink)}
.feedback-page input:not([type=radio]),.feedback-page textarea,.feedback-page select{width:100%;border:1px solid #cdd3ca;border-radius:9px;background:#fffefb;color:var(--fb-ink);font-family:inherit;font-size:14px;line-height:1.5;padding:12px;box-shadow:none;min-height:44px}
.feedback-page textarea{resize:vertical;line-height:1.55;font-family:inherit;font-size:14px}
.feedback-page input,.feedback-page select{font-family:inherit;font-size:14px}
.feedback-page :is(button,input,textarea,select,summary):focus-visible{outline:3px solid #ad843c;outline-offset:3px}
.feedback-types{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.feedback-types legend{font-size:13px;font-weight:700;margin-bottom:9px}
.feedback-types label{position:relative;display:block;cursor:pointer}
.feedback-types input{position:absolute;opacity:0;width:1px;height:1px}
.feedback-types span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:11px 8px;background:#f5f3ed;border:1px solid #dedfd5;border-radius:9px;font-size:12px}
.feedback-types input:checked+span{background:#f0e4c8;border-color:#b7944e;color:#233a2c}
.feedback-types input:focus-visible+span{outline:3px solid #ad843c;outline-offset:2px}
.feedback-attachment span{font-weight:400;color:var(--fb-muted)}
.feedback-attachment small,.feedback-note{font-size:12px;line-height:1.6;color:var(--fb-muted);font-weight:400;margin:0}
.feedback-page input[type=file]{padding:9px;font-size:12px;background:#f8f7f1;border-style:dashed}
.feedback-page input::file-selector-button{padding:7px 10px;border:0;border-radius:5px;background:#eee4cf;color:var(--fb-ink);margin-right:8px}
#feedbackPreview img{max-width:100%;max-height:160px;object-fit:contain;border-radius:8px;display:block;margin-bottom:8px}
.feedback-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c1a05d;border-radius:9px;padding:12px 18px;min-height:44px;background:#fffefb;color:var(--fb-ink);font-family:inherit;font-weight:700;font-size:13px;line-height:1.3;cursor:pointer;transition:background 120ms ease}
.feedback-button.primary{background:var(--fb-gold);font-weight:750;border-color:#c1a05d}
.feedback-button.primary:hover{background:#cdb06e}
.feedback-button.subtle{background:#f7f5ee;border-color:#dcded3;font-size:12px}
.feedback-button:disabled{opacity:.6;cursor:wait}
.feedback-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}
.feedback-section-head h2{margin:0}
.feedback-history{grid-column:2;grid-row:1}
#feedbackList{max-height:640px;overflow-y:auto;overscroll-behavior:contain}
.feedback-detail{grid-column:2;grid-row:2}
.feedback-layout:has(.feedback-detail:not([hidden])) .feedback-compose{grid-row:1 / span 2}
.feedback-admin-layout .feedback-history{grid-column:1;grid-row:1}
.feedback-admin-layout .feedback-detail{grid-column:2;grid-row:1}
.feedback-ticket{width:100%;display:grid;gap:9px;text-align:left;padding:20px 0;border:0;border-bottom:1px solid #e5e5dc;background:transparent;color:var(--fb-ink);cursor:pointer;border-radius:0}
.feedback-ticket.selected{background:#f6f2e7;box-shadow:inset 3px 0 #c3a463;padding-left:14px;padding-right:14px;border-radius:8px}
.feedback-ticket>b{font-size:15px;line-height:1.4;font-weight:700}
.feedback-ticket>span,.feedback-ticket small{font-size:12px;line-height:1.5;color:var(--fb-muted)}
.feedback-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.03em;color:var(--fb-muted)}
.feedback-pill{display:inline-block;font-family:inherit;font-weight:700;font-size:10px;line-height:1.3;font-style:normal;letter-spacing:.03em;padding:6px 9px;border-radius:20px;background:#efeee7;color:#46594b;white-space:nowrap}
.feedback-pill.new{background:#f5e5bf;color:#71521d}.feedback-pill.reviewing,.feedback-pill.planned{background:#e9ede4;color:#40513a}.feedback-pill.fixed{background:#dfecdf;color:#28512d}
.feedback-unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aa7625;margin-right:7px}
.feedback-empty{text-align:center;padding:38px 10px;color:var(--fb-muted)}
.feedback-empty svg{margin-bottom:17px;color:#a3844b}.feedback-empty h3{font:400 23px/1.3 Georgia,serif;color:var(--fb-ink)}
.feedback-empty p,.feedback-state{font-size:13px;line-height:1.7;color:var(--fb-muted)}
.feedback-diagnostics{padding:14px 0;border-top:1px solid #e7e7de;border-bottom:1px solid #e7e7de;margin:3px 0 15px;font-size:12px;color:var(--fb-muted)}
.feedback-diagnostics summary{cursor:pointer;font-weight:650;min-height:24px}
.feedback-page dl{margin:12px 0 0;display:grid;gap:8px;font-size:12px;line-height:1.5}
.feedback-page dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px}
.feedback-page dt{color:var(--fb-muted);text-transform:capitalize}.feedback-page dd{margin:0;color:var(--fb-ink)}
.feedback-sender{padding:18px;background:#f5f2e8;border-radius:10px;margin:0 0 22px}.feedback-sender>b{font-size:16px;line-height:1.5}
.feedback-message{padding:18px;border-radius:10px;background:#f4f2eb;margin:15px 0}
.feedback-message.support{background:#e9efe8;border-left:3px solid #8eaa8d}
.feedback-message>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;flex-wrap:wrap}.feedback-message time{color:var(--fb-muted);font-size:10px}
.feedback-message p{white-space:pre-wrap;font-size:14px;line-height:1.65;margin:12px 0 0;color:var(--fb-ink)}
.feedback-page .feedback-status{font-size:12px;line-height:1.6;color:#365e39;margin:8px 0 0;min-height:1em}.feedback-page .feedback-status.error{color:#9c3b28}
.feedback-status-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin:24px 0!important}
.feedback-filter{margin-bottom:12px}
#feedbackAttachment img{width:100%;max-height:500px;object-fit:contain;margin:14px 0;border:1px solid #dedfd5;border-radius:8px}
[data-feedback-unread]{font-size:10px;padding:2px 6px;border-radius:12px;background:#d7bb79;color:#173527;margin-left:auto}
.feedback-page [hidden],[data-feedback-unread][hidden]{display:none!important}
@media(max-width:850px){.feedback-layout{grid-template-columns:minmax(0,1fr)}.feedback-layout .feedback-compose,.feedback-layout .feedback-history,.feedback-layout .feedback-detail{grid-column:1;grid-row:auto}.feedback-card{padding:21px}.feedback-heading{gap:14px}.feedback-mark{width:48px;height:48px;flex-basis:48px;border-radius:13px}.feedback-heading h1{font-size:31px}.feedback-heading p{font-size:13px}.feedback-admin-layout .feedback-detail{grid-row:1}.feedback-page{padding:0 0 24px}}
@media(prefers-reduced-motion:reduce){.feedback-button{transition:none}}

.feedback-conversation-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}