.jr-wrap { max-width:1080px; }
.jr-err { margin-bottom:14px; }
.jr-count-line { margin:-6px 0 14px; display:flex; align-items:center; gap:8px; }
.jr-count-badge { font-family:var(--font-mono); font-size:12px; padding:2px 8px; border:1px solid var(--ink-line); border-radius:999px; color:var(--ink-text-soft); }
.jr-stats { margin-bottom:14px; }

/* ── AI insight card (2026-10-03) ── */
.jr-insight { margin-bottom:14px; }
.jr-insight h3 { margin:0 0 8px; }
.jr-insight-text { white-space:pre-line; line-height:1.6; font-size:13.5px; margin:0 0 10px; }
.jr-insight-meta { margin:0 0 10px; }
.jr-insight-disc { margin:10px 0 0; font-size:11.5px; }

.jr-import-list { display:grid; gap:8px; }
.jr-import-row { display:grid; grid-template-columns:1fr auto auto auto; gap:12px; align-items:center; padding:8px 0; border-bottom:1px solid var(--ink-line); font-size:13.5px; }
.jr-import-row:last-child { border-bottom:none; }
.jr-import-btn { padding:6px 12px !important; font-size:12.5px !important; }

.jr-form-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; }
.jr-form-row .vt-field { margin-bottom:0; }
.jr-form { display:grid; gap:14px; }
.jr-form > .vt-field { margin-bottom:0; }

.jr-list { margin-top:14px; }

/* ── table (Notion-compact, like the old SkillEdge journal) ── */
.jr-table-wrap { overflow-x:auto; margin:0 -4px; }
.jr-table { width:100%; border-collapse:separate; border-spacing:0; font-size:13px; }
.jr-table th, .jr-table td { padding:8px 10px; white-space:nowrap; }
.jr-table thead th { text-align:left; font-weight:500; font-size:11.5px; color:var(--ink-text-faint); border-bottom:1px solid var(--ink-line); }
.jr-table tbody tr:not(.jr-note-row) { border-bottom:1px solid var(--ink-line); }
.jr-table tbody tr:not(.jr-note-row):hover { background:var(--ink-panel-2); }
.jr-num { color:var(--ink-text-faint); text-align:right; font-family:var(--font-mono); font-size:12px; }
.jr-time { white-space:normal; font-size:12px; line-height:1.5; }
.jr-time-close { color:var(--ink-text-faint); }
.jr-symbol { font-weight:600; }
.jr-table td.mint { color:var(--mint); }
.jr-table td.ember { color:var(--ember); }
.jr-row-actions { text-align:right; }
.jr-icon-btn { padding:4px 8px; background:transparent; border:1px solid var(--ink-line); border-radius:var(--radius-sm); color:var(--ink-text-soft); cursor:pointer; font-size:13px; }
.jr-icon-btn:hover { color:var(--ink-text); border-color:var(--mint); }
.jr-note-row td { white-space:normal; padding:10px 10px 16px; border-bottom:1px solid var(--ink-line); background:var(--ink-panel-2); }
.jr-note-form { display:grid; gap:8px; }
.jr-note-form textarea { resize:vertical; }
.jr-entry-actions { display:flex; align-items:center; gap:8px; }
.jr-entry-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.jr-delete-btn { color:var(--ember); }

@media (max-width:720px) {
  .jr-table th, .jr-table td { padding:6px 8px; font-size:12.5px; }
}

/* ── own columns (2026-10-01) ── */
.jr-fields summary { display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none; }
.jr-fields summary::-webkit-details-marker { display:none; }
.jr-fields summary h3 { margin:0; }
.jr-fields summary::after { content:"▾"; margin-left:auto; color:var(--ink-text-faint); }
.jr-fields[open] summary { margin-bottom:10px; }
.jr-fields[open] summary::after { content:"▴"; }
.jr-field-list { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.jr-field-chip { display:flex; align-items:center; gap:8px; padding:4px 4px 4px 12px; border:1px solid var(--ink-line); border-radius:999px; font-size:13px; }
.jr-field-chip form { margin:0; }
.jr-field-chip .jr-icon-btn { border:none; padding:2px 8px; border-radius:999px; }
.jr-field-add { align-items:end; }
.jr-text-cell { max-width:220px; overflow:hidden; text-overflow:ellipsis; }

/* ── chart screenshots ── */
.jr-shot-input { font-size:13px; color:var(--ink-text-soft); }
.jr-shot-preview { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.jr-shot-preview:empty { display:none; }
.jr-shot-preview img { height:64px; border-radius:var(--radius-sm); border:1px solid var(--ink-line); }
.jr-shots { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:10px; }
.jr-shot { position:relative; }
.jr-shot img { display:block; height:120px; max-width:240px; object-fit:cover; border-radius:var(--radius-sm); border:1px solid var(--ink-line); cursor:zoom-in; }
.jr-shot form { position:absolute; top:4px; right:4px; margin:0; }
.jr-shot-del { width:24px; height:24px; border-radius:999px; border:none; background:rgba(0,0,0,.6); color:#fff; cursor:pointer; line-height:1; }
.jr-shot-del:hover { background:var(--ember); }
.jr-shot-count { margin-left:4px; font-size:11px; }
.jr-lightbox { position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,.85); display:flex; align-items:center; justify-content:center; padding:16px; cursor:zoom-out; }
.jr-lightbox[hidden] { display:none; }
.jr-lightbox img { max-width:100%; max-height:100%; border-radius:var(--radius-sm); }