/* P6.4 Admin > Trend: the daily trend shadow journal (read-only). App tokens only, so it follows the three styles. */
#view-admin .tr-empty { margin:0 0 12px; padding:10px 12px; border:1px dashed var(--border); border-radius:var(--radius-md); color:var(--muted); font-size:12px; line-height:1.55; }
#view-admin .tr-run { margin:0 0 10px; color:var(--muted); font:600 11px var(--font-terminal); }
#view-admin .tr-tiles { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-bottom:12px; }
#view-admin .tr-tile { display:grid; gap:4px; padding:12px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); min-width:0; }
#view-admin .tr-tile span { color:var(--muted); font:600 10px var(--font-terminal); letter-spacing:.08em; text-transform:uppercase; }
#view-admin .tr-tile b { font:700 22px var(--font-terminal); font-variant-numeric:tabular-nums; }
#view-admin .tr-tile small { color:var(--muted); font-size:11px; }
#view-admin .tr-section { margin-top:14px; }
#view-admin .tr-section h3 { margin:0 0 8px; font:700 13px var(--font-terminal); }
#view-admin .tr-table-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:var(--radius-md); }
#view-admin .tr-table { width:100%; border-collapse:collapse; font:12px var(--font-terminal); font-variant-numeric:tabular-nums; }
#view-admin .tr-table th { text-align:left; color:var(--muted); font-weight:600; padding:8px; border-bottom:1px solid var(--border); white-space:nowrap; }
#view-admin .tr-table td { padding:7px 8px; border-bottom:1px solid var(--border); white-space:nowrap; }
#view-admin .tr-table tr:last-child td { border-bottom:0; }
#view-admin .tr-table td small { display:block; color:var(--muted); font-size:10px; }
#view-admin .tr-pos { color:var(--green, #42dfae); }
#view-admin .tr-neg { color:var(--red, #ff6675); }
@media (max-width:520px) { #view-admin .tr-tiles { grid-template-columns:1fr; } }
/* UI.3 (owner 5 Nov 2026): a journal row opens one panel under its table - facts + the very PNG that was sent, or an honest "not kept". */
#view-admin .tr-row { cursor:pointer; }
#view-admin .tr-row:hover td, #view-admin .tr-row.is-open td { background:var(--surface-2, rgba(255,255,255,.03)); }
#view-admin .tr-row:focus-visible { outline:2px solid var(--accent, #f5a623); outline-offset:-2px; }
#view-admin .tr-coin { border-bottom:1px dotted var(--muted); }
#view-admin .tr-row.is-open .tr-coin { border-bottom-color:var(--accent, #f5a623); color:var(--accent, #f5a623); }
#view-admin .tr-detail { margin-top:10px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); }
#view-admin .tr-detail-h { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid var(--border); font:700 12px var(--font-terminal); letter-spacing:.06em; color:var(--accent, #f5a623); }
#view-admin .tr-close { border:0; background:none; color:var(--muted); font:700 16px var(--font-terminal); cursor:pointer; padding:0 4px; }
#view-admin .tr-sent { margin:0; padding:10px 12px; color:var(--muted); font:12px var(--font-terminal); border-bottom:1px solid var(--border); }
#view-admin .tr-detail-b { display:grid; grid-template-columns:1fr; gap:12px; padding:12px; }
#view-admin .tr-detail-b h4 { margin:0 0 8px; color:var(--muted); font:600 10px var(--font-terminal); letter-spacing:.08em; text-transform:uppercase; }
#view-admin .tr-facts { display:grid; gap:6px; font:12px var(--font-terminal); font-variant-numeric:tabular-nums; }
#view-admin .tr-facts > div { display:flex; justify-content:space-between; gap:12px; padding:6px 0; border-bottom:1px dashed var(--border); }
#view-admin .tr-facts > div span { color:var(--muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
#view-admin .tr-pic img { display:block; width:100%; max-width:432px; aspect-ratio:4 / 5; object-fit:contain; border:1px solid var(--border); border-radius:var(--radius-md); background:#000; }
@media (min-width:900px) { #view-admin .tr-detail-b { grid-template-columns:1fr 1fr; } }