/* Generation history (injected by generation-history.js) — tokens from voiceiq-ui.css */
.generation-history{margin:4px 0 40px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);color:var(--text);scroll-margin-top:90px}
.my-layout>.generation-history{grid-column:1/-1}
.history-heading,.history-card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.history-heading{align-items:flex-start}
.history-heading h2{margin:0 0 6px;font-size:22px;letter-spacing:-.03em}
.history-heading p,.history-status,.history-empty{margin:0;font-size:14px;color:var(--muted);line-height:1.6}
.history-status:empty{display:none}
.history-status{margin-bottom:14px}

/* Buttons: ghost pills */
.generation-history button{min-height:38px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.generation-history button:hover{background:var(--surface-2)}
.generation-history button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.generation-history button:disabled{opacity:.45;cursor:wait}

/* Filters: segmented track */
.history-filters{display:inline-flex;gap:4px;padding:4px;margin:20px 0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2)}
.history-filters button{border-color:transparent;background:transparent;color:var(--muted)}
.history-filters button:hover{background:transparent;color:var(--text)}
.history-filters [aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--text)}

/* Cards */
.history-list{display:grid;gap:12px}
.history-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.history-card-heading strong{font-size:15px;font-weight:600;letter-spacing:-.01em}
.history-card time{display:block;margin-top:5px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.generation-history .history-star{width:38px;padding:0;font-size:20px;line-height:1;border:0;background:transparent;color:var(--faint)}
.generation-history .history-star:hover{color:var(--text)}
.generation-history .history-star[aria-pressed=true]{color:var(--warn)}
.history-prompt{margin:18px 0 12px;max-height:220px;overflow:auto;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.generation-history .history-regenerate{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}
.generation-history .history-regenerate:hover{background:var(--accent-soft);opacity:.85}
.history-settings{margin:14px 0 12px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.history-audio{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.history-audio audio{width:100%;margin-top:4px;height:38px}
.history-audio audio[hidden]{display:none}
.history-audio .speech-player{width:100%;box-sizing:border-box;margin:6px 0 0;background:var(--surface)}
.generation-history .speech-play{min-height:0;padding:0;border:0;border-radius:50%;background:var(--ink);color:var(--ink-text)}
.generation-history .speech-play:hover{background:var(--ink);opacity:.85}
.generation-history [hidden]{display:none!important}

/* Pagination */
.history-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}
.history-pagination .history-more,.history-more{margin:0}
.history-page{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}

@media(max-width:600px){.generation-history{padding:20px}.history-card{padding:16px}.history-heading{align-items:flex-start}.history-heading p{max-width:240px}.history-filters{display:flex}.history-filters button{flex:1;padding:0 8px}}