/* Tinder saved observations share the app's design tokens. */
.tr-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.tr-header h2 { margin:0 0 .25rem; }
.tr-description,.tr-photo-note { color:var(--text-dim,#a7afbf); line-height:1.55; }
.tr-tabs { display:flex; gap:.35rem; padding:.35rem; margin:1rem 0; border:1px solid var(--border,#303849); border-radius:12px; width:fit-content; }
.tr-tabs button { border:0; background:transparent; color:var(--text-dim,#a7afbf); padding:.65rem 1.2rem; border-radius:8px; font:inherit; cursor:pointer; }
.tr-tabs button[aria-selected="true"] { color:var(--text,#eef2ff); background:var(--accent-soft,#24364f); box-shadow:inset 0 0 0 1px var(--accent,#7dafff); }
.tr-toolbar { display:flex; gap:.7rem; flex-wrap:wrap; align-items:center; margin:.8rem 0; }
.tr-toolbar input { flex:1; min-width:200px; padding:.65rem .8rem; border:1px solid var(--border,#303849); border-radius:9px; background:var(--surface,#111827); color:var(--text,#eef2ff); }
.tr-toolbar button,.tr-pagination button { padding:.6rem .8rem; border:1px solid var(--border,#303849); border-radius:9px; background:var(--surface,#111827); color:var(--text,#eef2ff); cursor:pointer; }
.tr-toolbar button:disabled,.tr-pagination button:disabled { opacity:.45; cursor:default; }
.tr-table { min-width:780px; }
.tr-table td { vertical-align:top; }
.tr-source { display:block; margin-top:.25rem; font-size:.73rem; color:var(--text-dim,#a7afbf); }
.tr-pagination { display:flex; justify-content:flex-end; align-items:center; gap:.75rem; margin:1rem 0; }
.tr-photo-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; }
.tr-photo { display:block; border:1px solid var(--border,#303849); border-radius:12px; overflow:hidden; color:var(--text,#eef2ff); text-decoration:none; }
.tr-photo img { display:block; width:100%; height:260px; object-fit:contain; background:var(--surface,#111827); }
.tr-photo span { display:block; padding:.7rem; font-size:.8rem; }
.tr-directory { margin-top:1.25rem; padding-top:1rem; border-top:1px solid var(--border,#303849); }
.tr-directory>summary { cursor:pointer; padding:.7rem 0; font-weight:650; }
.tr-toolbar button:focus-visible,.tr-tabs button:focus-visible,.tr-photo:focus-visible { outline:2px solid var(--accent,#7dafff); outline-offset:3px; }
@media(max-width:600px) { .tr-pagination { justify-content:space-between; } .tr-photo img { height:220px; } }