/* TCC Session Journal v1: session captures + Unassigned tray. Existing TCC tokens only (Dark default, Light via tokens). */
.tcc-sj{margin-top:16px;padding-top:12px;border-top:1px solid var(--tcc-border,#243744)}
.tcc-sj h4{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--tcc-text,#e9f0f2)}
.tcc-sj h4 small{margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--tcc-plan-bg,#0e2933);color:var(--tcc-plan,#3fd0e0);font-size:11px}
.tcc-sj-item{margin:0 0 10px;padding:10px 12px;border:1px solid var(--tcc-border,#243744);border-radius:10px;background:var(--tcc-surface-2,#0e1d22)}
.tcc-sj-item header{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12px;color:var(--tcc-text-muted,#7f949a)}
.tcc-sj-item header b{color:var(--tcc-text,#e9f0f2);font-size:13px}
.tcc-sj-item p{margin:8px 0 4px;white-space:pre-wrap;color:var(--tcc-text,#e9f0f2)}
.tcc-sj-item audio,.tcc-sj-item video{display:block;width:100%;max-width:520px;margin-top:8px;border-radius:8px}
.tcc-sj-tag{margin-left:auto;padding:1px 8px;border-radius:999px;border:1px solid var(--tcc-success,#59d18c);color:var(--tcc-success,#59d18c);font-size:10px;font-weight:700;letter-spacing:.06em}
.tcc-sj-tag-legacy{border-color:var(--tcc-border-strong,#304654);color:var(--tcc-text-muted,#7f949a)}
.tcc-sj-empty,.tcc-sj-missing,.tcc-sj-note{color:var(--tcc-text-muted,#7f949a);font-size:12px}
.tcc-sj-tray{margin:12px 0;padding:10px 12px;border:1px solid var(--tcc-caution,#f0c96b);border-radius:10px;background:var(--tcc-caution-bg,#2b2410)}
.tcc-sj-tray summary{cursor:pointer;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--tcc-text,#e9f0f2)}
.tcc-sj-badge{margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--tcc-caution,#f0c96b);color:#1a1405;font-size:11px}
.tcc-sj-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--tcc-border,#243744);font-size:12px;color:var(--tcc-text,#e9f0f2)}
.tcc-sj-row span{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
.tcc-sj-row select{flex:1 1 200px;min-width:0;max-width:100%}
.tcc-sj-row button{min-height:36px}
#tccSjStatus{margin-top:6px;font-size:12px;color:var(--tcc-text,#e9f0f2)}
@media (max-width:450px){.tcc-sj-row select,.tcc-sj-row button{flex:1 1 100%}}