| 1 | .archived-sessions { display: flex; min-height: 0; flex-direction: column; gap: 8px; } |
| 2 | .archived-sessions__search { display: flex; align-items: center; gap: 6px; border: 1px solid var(--border-soft); border-radius: 7px; padding: 5px 7px; color: var(--fg-faint); } |
| 3 | .archived-sessions__search input { min-width: 0; flex: 1; border: 0; background: transparent; color: var(--fg); font: inherit; } |
| 4 | .archived-sessions__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; } |
| 5 | .archived-sessions__row { display: flex; align-items: center; gap: 8px; border-radius: 7px; } |
| 6 | .archived-sessions__row:hover { background: var(--sidebar-hover); } |
| 7 | .archived-sessions__open { display: flex; min-width: 0; flex: 1; align-items: center; gap: 7px; border: 0; background: transparent; padding: 5px; color: var(--fg); text-align: left; } |
| 8 | .archived-sessions__open svg { flex-shrink: 0; } |
| 9 | .archived-sessions__open span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; } |
| 10 | .archived-sessions__empty { padding: 8px; color: var(--fg-faint); } |
| 11 | .archived-sessions__toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } |
| 12 | .archived-sessions__search { flex: 1; min-width: 160px; } |
| 13 | .archived-sessions__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-height: 0; } |
| 14 | .archived-sessions__layout[data-detail="true"] { grid-template-columns: minmax(220px, 1fr) minmax(240px, 1fr); } |
| 15 | .archived-sessions__list { min-width: 0; } |
| 16 | .archived-sessions__row { padding: 8px; border-bottom: 1px solid var(--border-soft); } |
| 17 | .archived-sessions__row[data-selected] { background: var(--sidebar-hover); } |
| 18 | .archived-sessions__open span { display: flex; flex-direction: column; min-width: 0; } |
| 19 | .archived-sessions__open strong { font-weight: 500; overflow: hidden; text-overflow: ellipsis; } |
| 20 | .archived-sessions__open small { color: var(--fg-faint); overflow: hidden; text-overflow: ellipsis; } |
| 21 | .archived-sessions__delete { color: var(--fg-faint); } |
| 22 | .archived-sessions__delete:hover { color: var(--danger); } |
| 23 | .archived-sessions__empty { display: grid; justify-items: center; gap: 8px; padding: 48px 16px; text-align: center; } |
| 24 | .archived-sessions__preview { min-width: 0; border: 1px solid var(--border-soft); border-radius: 10px; padding: 16px; } |
| 25 | .archived-sessions__preview h3 { overflow-wrap: anywhere; } |
| 26 | .archived-sessions__preview header p { color: var(--fg-faint); font-size: 12px; } |
| 27 | .archived-sessions__messages { max-height: 60vh; overflow-y: auto; } |
| 28 | .archived-sessions__messages article { padding: 12px 0; border-top: 1px solid var(--border-soft); } |
| 29 | .archived-sessions__messages article div { white-space: pre-wrap; overflow-wrap: anywhere; } |
| 30 | @media (max-width: 700px) { |
| 31 | .archived-sessions__layout[data-detail="true"] { grid-template-columns: minmax(0, 1fr); } |
| 32 | } |
| 33 |