/* Feedback follows the shared type and control scale. */
dialog.user-feedback-modal {width:600px;min-width:0;}
dialog.user-feedback-admin-modal {width:800px;}
.user-feedback {min-width:0;font-size:var(--text-md);line-height:var(--leading-body);}
.user-feedback .uf-form {display:grid;gap:16px;}
.user-feedback .field {margin:0;display:grid;gap:8px;}
.user-feedback .field > label {margin:0;font-size:var(--text-sm);line-height:var(--leading-help);}
.user-feedback textarea {min-height:144px;resize:vertical;font-size:var(--text-md);line-height:var(--leading-body);}
.uf-character-count {justify-self:end;font-size:var(--text-xs);line-height:var(--leading-help);color:var(--muted);font-variant-numeric:tabular-nums;}
.uf-actions {display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
.uf-actions .button {height:var(--control-height-primary);min-height:var(--control-height-primary);padding-block:0;}
.uf-status {margin:0;color:var(--amber);font-size:var(--text-sm);line-height:var(--leading-help);overflow-wrap:anywhere;}
.uf-status[data-tone="success"] {color:var(--accent);}
.user-feedback [hidden] {display:none!important;}
.uf-toolbar {display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:16px;}
.uf-toolbar > label {display:grid;gap:8px;min-width:140px;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-help);}
.uf-toolbar select,.uf-toolbar .button {height:var(--control-height);min-height:var(--control-height);font-size:var(--text-sm);}
.uf-unread-summary {align-self:center;margin-left:auto;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-help);}
.uf-list {display:grid;gap:16px;}
.uf-list[aria-busy="true"] {opacity:.7;}
.uf-status:not([hidden]) + .uf-list {margin-top:16px;}
.uf-item {min-width:0;border:1px solid var(--line-soft);border-radius:8px;padding:16px;background:var(--panel-alt);}
.uf-item-heading {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;}
.uf-item-heading strong {font-size:var(--text-md);line-height:var(--leading-help);font-weight:500;overflow-wrap:anywhere;}
.uf-item-heading time,.uf-read-time {color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-help);}
.uf-message {margin:12px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-md);line-height:var(--leading-body);}
.uf-item-footer {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
.uf-item-footer .button,.uf-pagination .button {height:var(--control-height-compact);min-height:var(--control-height-compact);padding:0 10px;font-size:var(--text-xs);}
.uf-empty {padding:24px 16px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-help);text-align:center;}
.uf-pagination {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-help);}
.uf-pagination > div {display:flex;align-items:center;gap:8px;}
@media(max-width:560px) {
  .uf-item {padding:12px;}
  .uf-toolbar > label {flex:1;min-width:0;}
  .uf-unread-summary {flex-basis:100%;margin:0;}
}

.user-feedback-host {display:flex;align-items:center;flex:none;}
.user-feedback-entry {height:var(--control-height-compact);min-height:var(--control-height-compact);gap:8px;font-size:var(--text-xs);white-space:nowrap;}
.uf-unread-badge {display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--bg);font-size:var(--text-xs);line-height:var(--leading-help);font-variant-numeric:tabular-nums;}
.uf-unread-badge[hidden] {display:none;}
@media(max-width:560px) {
  .topbar-right {grid-template-columns:auto auto auto;gap:4px 8px;}
  .topbar-right > #server-status {grid-column:1;grid-row:1;}
  .topbar-right > #market-session-badge {grid-column:2;grid-row:1;}
  .topbar-right > #user-feedback {grid-column:1/3;grid-row:2;}
  .topbar-right > #backtest-cards {grid-column:3;grid-row:1/3;}
}
