/* shape-preview.css — cards under a chart input (static/js/shape/shape-preview.js). */
.shape-stack {
    margin-top: var(--term-space-sm, 6px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: var(--term-font-ui, inherit);
    font-size: 12px;
    max-height: 240px;
    flex: 0 0 auto;
    overflow-y: auto;
}
.shape-stack--pending { opacity: 0.6; }
.shape-head { color: var(--term-fg-secondary, #b8a894); font-size: 12px; }
.shape-head--degraded { color: var(--term-status-error, #d9534f); }
.shape-latency { color: var(--term-fg-muted, #8a7a66); }
.shape-card {
    border: 1px solid var(--term-border-subtle, rgba(255, 255, 255, 0.08));
    border-left: 3px solid var(--term-border-default, #5a4a3a);
    border-radius: 4px;
    padding: 2px 8px;
    background: var(--term-bg-surface, transparent);
    cursor: pointer;
}
.shape-card:hover { border-color: var(--term-accent-dim, #7a6a50); }
.shape-card--assessment_plan, .shape-card--update { border-left-color: var(--term-gold, #d4a24c); }
.shape-card--labs, .shape-card--vitals, .shape-card--micro { border-left-color: var(--term-accent, #6fb3b8); }
.shape-card--meds { border-left-color: var(--term-status-ready, #7fb069); }
.shape-card-top { display: flex; gap: 8px; align-items: baseline; min-width: 0; }
.shape-kind { color: var(--term-fg-primary, #e8dcc8); font-weight: 600; flex: 0 0 auto; }
.shape-route { color: var(--term-gold, #d4a24c); flex: 0 0 auto; }
.shape-lines { margin-left: auto; color: var(--term-fg-muted, #8a7a66); flex: 0 0 auto; }
.shape-values, .shape-first {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.shape-values { font-family: var(--term-font-mono, monospace); color: var(--term-fg-primary, #e8dcc8); }
.shape-first { color: var(--term-fg-secondary, #b8a894); }
.shape-choose { display: flex; gap: 6px; margin-top: 3px; }
.shape-chip {
    font: inherit;
    font-size: 11px;
    padding: 1px 8px;
    border-radius: 10px;
    border: 1px solid var(--term-accent-dim, #7a6a50);
    background: transparent;
    color: var(--term-fg-primary, #e8dcc8);
    cursor: pointer;
}
.shape-quiet { color: var(--term-fg-muted, #8a7a66); font-style: italic; }