/* 백테스트 결과 공유 화면 (10-19) — 전략 화면(lab.css)의 숫자 칸·표·카드를 그대로 쓰고, 여기엔 머리·목록만 */
.bt-main { display: flex; flex-direction: column; gap: 14px; }
.bt-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.bt-head h1 { margin: 4px 0; text-wrap: balance; }
.bt-head p { margin: 2px 0; }
.bt-kicker { font-size: var(--st-fs-sm); color: var(--st-text-muted); }
.bt-tag { display: inline-block; padding: 1px 8px; border-radius: 999px; background: var(--st-chip); color: var(--st-text); font-size: var(--st-fs-xs); letter-spacing: .02em; }
.bt-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.bt-own { gap: 10px; }
.bt-own select { padding: 6px 8px; border: 1px solid var(--st-border); border-radius: var(--st-r-sm); background: var(--st-surface); color: var(--st-text); font: inherit; font-size: var(--st-fs-md); }
.bt-rule ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.bt-quote { margin: 0; padding: 8px 12px; border-left: 3px solid var(--st-accent); background: var(--st-surface-2); border-radius: 0 var(--st-r-sm) var(--st-r-sm) 0; }
.bt-raw { margin-top: 10px; font-size: var(--st-fs-sm); }
.bt-raw summary { cursor: pointer; color: var(--st-text-muted); }
.bt-tabs { display: flex; gap: 18px; border-bottom: 1px solid var(--st-border); }
.bt-tabs a { padding: 8px 0; color: var(--st-text-muted); text-decoration: none; border-bottom: 2px solid transparent; }
.bt-tabs a[aria-selected="true"] { color: var(--st-accent); border-bottom-color: var(--st-accent); }
.bt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.bt-card { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; color: var(--st-text); text-decoration: none; min-width: 0; }
.bt-card:hover { border-color: var(--st-accent); }
.bt-card-top { display: flex; justify-content: space-between; align-items: center; font-size: var(--st-fs-sm); }
.bt-card-name { font-size: var(--st-fs-md); overflow-wrap: anywhere; }
.bt-card-k { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 4px; }
.bt-card-k span { display: flex; flex-direction: column; }
.bt-card-k small { color: var(--st-text-muted); font-size: var(--st-fs-xs); }
.bt-card-k b { font-variant-numeric: tabular-nums; }
/* 전략 화면의 공유 카드 · 공유 결과와 비교 줄 */
.lb-share-f { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0; }
.lb-share-f input, .lb-share-f select { padding: 6px 8px; border: 1px solid var(--st-border); border-radius: var(--st-r-sm); background: var(--st-surface); color: var(--st-text); font: inherit; font-size: var(--st-fs-md); min-width: 0; }
.lb-share-f input { flex: 1 1 200px; }
.lb-origin { margin: 0 0 12px; }
.lb-origin p { margin: 0; }
@media (max-width: 640px) { .bt-actions { width: 100%; } .bt-actions .st-btn { flex: 1 1 auto; justify-content: center; } }

/* 목록 = 메뉴 「전략」 첫 화면 (10-19) — 견본 · 내 전략 */
.bt-samples { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.bt-samples h2, .bt-sec { margin: 6px 0 0; font-size: var(--st-fs-lg, 18px); font-weight: 600; }
.bt-sgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.bt-scard { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; color: var(--st-text); text-decoration: none; }
.bt-scard:hover { border-color: var(--st-accent); }
.bt-go { margin-top: auto; color: var(--st-accent); font-size: var(--st-fs-sm); font-weight: 600; }
.bt-say { background: var(--st-surface-2); }
#bt-mine { display: flex; flex-direction: column; gap: 12px; }
#bt-mine:empty { display: none; }
.bt-login { padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.bt-login h2 { margin: 0; font-size: var(--st-fs-lg, 18px); }
.lb-back { display: inline-block; font-size: var(--st-fs-sm); color: var(--st-text-muted); text-decoration: none; margin-bottom: 4px; }
.lb-back:hover { color: var(--st-accent); }

/* 백테스트 카드 = 실험 기록 (10-19) — 규칙 한 줄 · 작은 곡선 · 보유 대비 */
.bt-exp { gap: 8px; }
.bt-card-top { gap: 6px; }
.bt-card-top .bt-tag { margin-left: auto; }
.bt-card-top .bt-tag + .bt-tag { margin-left: 0; }
.bt-said { background: var(--st-accent-soft); color: var(--st-accent); }
/* 카드의 규칙 한 줄 — 공유 페이지 「규칙」 칸(.bt-rule)과 이름이 겹쳐 그 칸이 두 줄로 잘렸다 (10-20) */
.bt-card-rule { font-size: var(--st-fs-sm); color: var(--st-text-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bt-card-rule.said::before { content: "“"; } .bt-card-rule.said::after { content: "”"; }
.bt-spark { width: 100%; height: 52px; display: block; }
.bt-spark polyline { fill: none; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.bt-spark .s { stroke: var(--st-accent); stroke-width: 2; }
.bt-spark .h { stroke: var(--st-text-muted); stroke-width: 1; stroke-dasharray: 3 3; }
.bt-card-foot { font-size: var(--st-fs-xs); }
.bt-sort { margin-top: 2px; }

/* 스크립트 전략 코드 (10-20) */
.bt-code pre { margin: 8px 0 0; padding: 12px 14px; background: var(--st-surface-2); border-radius: var(--st-r-sm); font: 12px/1.6 var(--st-mono, ui-monospace, monospace); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 480px; overflow: auto; color: var(--st-text); }