/* 研究终端 · A股盯盘 adapters (js/views/tc/astock.js): day account, positions, checkpoint timeline, ranked candidates. Signs use --rise / --fall. */
.as-day { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; min-width: 0; }
.as-day > .tc-panel, .as-day > .tc-island > .tc-panel { margin-top: 0; }
.as-day .tc-stats { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }

.as-cps { display: flex; flex-direction: column; }
.as-cp { border: 0; border-radius: 0; padding: 0; margin: 0; background: none; border-top: 1px solid var(--border); }  /* not the generic boxed <details> */
.as-cp:first-child { border-top: 0; }
.as-cp > summary, .as-flat { display: flex; align-items: baseline; gap: 10px; padding: 9px 2px; min-width: 0; }
.as-cp > summary { cursor: pointer; list-style: none; }
.as-cp > summary::-webkit-details-marker { display: none; }
.as-cp > summary::before { content: "›"; color: var(--muted); width: 8px; flex: none; transition: transform .15s var(--ease); display: inline-block; }
.as-cp[open] > summary::before { transform: rotate(90deg); }
.as-flat::before { content: ""; width: 8px; flex: none; }
.as-cp > summary:hover .as-h { color: var(--text); }
.as-t { font-variant-numeric: tabular-nums; color: var(--muted); font-size: 12.5px; flex: none; width: 40px; }
.as-l { font-weight: 600; flex: none; white-space: nowrap; }
.as-h { color: var(--text-2); font-size: 13px; min-width: 0; flex: 1; }
.as-flat .as-h { color: var(--faint); }
.as-n { display: inline-flex; gap: 4px; flex: none; }
.as-body { padding: 2px 0 12px 18px; display: flex; flex-direction: column; gap: 6px; }
.as-tr, .as-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; font-size: 13px; }
.as-tr .num { font-variant-numeric: tabular-nums; }
.as-side { font-size: 12px; font-weight: 650; }
.as-side.up { color: var(--rise); } .as-side.down { color: var(--fall); }
.as-sub { margin-top: 6px; font-size: 12px; color: var(--muted); }
.as-why { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.as-why .chip { font-size: 11.5px; padding: 1px 7px; }
.as-day .tc-head select { width: auto; max-width: 240px; }
.as-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 10px; }
.as-rank td { vertical-align: top; }
.as-rank td:last-child { min-width: 180px; }

@media (max-width: 720px) {
  .as-cp > summary, .as-flat { flex-wrap: wrap; gap: 4px 8px; }
  .as-h { flex-basis: 100%; padding-left: 18px; }
  .as-body { padding-left: 8px; }
}