#feedbackList{display:grid;gap:10px}
#feedbackList .feedback-bottle{position:relative;border:1px solid #d9e5eb;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #1d405908}
#feedbackList .feedback-row{border:0;padding-right:60px;background:transparent;width:100%;text-align:left;cursor:pointer;min-height:90px}
#feedbackList .feedback-row:hover{background:#f2f8fa}
#feedbackList .feedback-row:focus-visible{outline:2px solid #3a9aaf;outline-offset:-3px}
#feedbackList .feedback-source{display:inline-block;width:fit-content;margin:4px 0 1px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;line-height:1.4}
#feedbackList .feedback-source.from-game{background:#fff1cf;color:#875d16}
#feedbackList .feedback-source.from-web{background:#e9f0fc;color:#435d8b}
#feedbackList .feedback-delete{position:absolute;right:12px;top:22px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #edd9d5;border-radius:9px;background:#fff8f6;color:#a65649;cursor:pointer;transition:background .15s,color .15s}
#feedbackList .feedback-delete:hover{background:#b84d3e;color:#fff;border-color:#b84d3e}
#feedbackList .feedback-delete:focus-visible{outline:2px solid #a53c30;outline-offset:3px}
#feedbackList .feedback-delete:disabled{opacity:.45;cursor:wait}
#feedbackList .feedback-letter{margin:0 18px 16px;padding:14px 18px;border-radius:10px;background:#f7fafb;border:1px solid #e2ebef;overflow-wrap:anywhere}
#feedbackList .feedback-letter p{font-size:14px;line-height:1.7;color:#365568}
#demoFeedbackPanel select{padding:9px 12px;border:1px solid #d4e1e7;border-radius:9px;color:#315568;background:#fff;cursor:pointer}
#demoFeedbackPanel .stats-toolbar-row{flex-wrap:wrap}
@media(max-width:750px){#feedbackList .feedback-row{display:flex;flex-wrap:wrap;gap:10px;padding:14px 58px 14px 14px}#feedbackList .crash-issue{width:100%}#feedbackList .feedback-excerpt{width:100%;white-space:normal}#feedbackList .steam-id-pill{font-size:10px}#feedbackList .crash-time-cell{margin-left:0}.demo-feedback-head{display:none}}

/* Compact feedback ledger. */
#feedbackList{display:block}
#feedbackList .feedback-bottle{border:0;border-bottom:1px solid #e1e9ed;border-radius:0;box-shadow:none}
#feedbackList .feedback-row,.demo-feedback-head{grid-template-columns:minmax(180px,1.2fr) 148px 96px minmax(160px,1.5fr);gap:10px}
#feedbackList .feedback-row{min-height:40px;padding:4px 44px 4px 8px;font-size:12px;box-shadow:none;transform:none}
#feedbackList .feedback-bottle:nth-child(even){background:#f6f9fa}
#feedbackList .crash-issue{gap:7px;min-width:0}
#feedbackList .stats-avatar{width:26px;height:26px;border-radius:5px;font-size:11px;flex-shrink:0}
#feedbackList .crash-issue-text{display:flex;flex-wrap:wrap;gap:1px 6px;align-items:center}
#feedbackList .crash-issue-text strong{font-size:12px;line-height:1.35;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#feedbackList .feedback-source{font-size:9px;padding:0 4px;margin:0;border-radius:3px;white-space:nowrap}
#feedbackList .steam-id-pill{font-size:10px;padding:2px 5px}
#feedbackList .crash-time-cell{font-size:10px;line-height:1.25}
#feedbackList .crash-time-cell small{font-size:9px;margin:0}
#feedbackList .feedback-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.4}
#feedbackList .feedback-delete{width:27px;height:27px;right:8px;top:7px;border-radius:6px}
#feedbackList .feedback-delete svg{width:15px;height:15px}
#feedbackList .feedback-letter{margin:0 8px 8px;padding:10px 12px}
.demo-feedback-head{padding:5px 44px 5px 8px}
@media(max-width:750px){#feedbackList .feedback-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:5px 42px 5px 8px}#feedbackList .crash-issue{width:auto;grid-column:1;grid-row:1}#feedbackList .crash-time-cell{grid-column:2;grid-row:1}#feedbackList .steam-id-pill{grid-column:1;grid-row:2;justify-self:start}#feedbackList .feedback-excerpt{width:auto;grid-column:1/-1;grid-row:3}}

/* Keep the delete control above the row's shared hover stacking layer. */
#feedbackList .feedback-bottle{isolation:isolate}
#feedbackList .feedback-row,#feedbackList .feedback-row:hover,#feedbackList .feedback-row:focus-visible{position:relative;z-index:0;transform:none;padding:6px 50px 6px 12px}
#feedbackList .feedback-delete,#feedbackList .feedback-delete:hover,#feedbackList .feedback-delete:focus-visible{z-index:2;opacity:1;visibility:visible;transform:none;right:12px;top:9px}
#feedbackList .feedback-delete svg{pointer-events:none}
#feedbackList .feedback-delete:disabled{opacity:.45}
.demo-feedback-head{padding:6px 50px 6px 12px}
#feedbackList .feedback-changes{font-size:10px;color:#246f67}
#feedbackList .feedback-history{border-top:1px solid #d8e3e8;margin-top:12px;padding-top:8px}
#feedbackList .feedback-history h4{margin:0 0 8px;color:#315568}
#feedbackList .feedback-history-event{padding:10px 0;border-bottom:1px solid #e0e8ed}
#feedbackList .feedback-history-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;color:#875d16}
#feedbackList .feedback-history time,#feedbackList .feedback-history small{font-size:11px;color:#617b89}
#feedbackList .feedback-history-event p{white-space:pre-wrap;margin:4px 0;font-size:12px}
#feedbackList .feedback-history-text{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
#feedbackList .feedback-history-status{font-size:11px;color:#617b89;margin-top:8px}
#feedbackList .feedback-history-status button{margin-left:8px;cursor:pointer}
@media(max-width:750px){#feedbackList .feedback-history-text{grid-template-columns:1fr}}