/* ════════════════════════════════════════
   DATASET STRIP
════════════════════════════════════════ */
.dataset-strip {
    display: none;
}

.ds-item { display: flex; align-items: center; gap: 5px; }
.ds-val  { color: #5B95FF; font-weight: 500; }
.ds-sep  { width: 1px; height: 10px; background: var(--border); }

/* ════════════════════════════════════════
   SECTION HEADER
════════════════════════════════════════ */
.sec-hdr { display: flex; align-items: center; gap: 9px; }

.sec-bar {
    width: 3px;
    height: 18px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--accent), var(--cyan));
    flex-shrink: 0;
}

.sec-title {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: -.02em;
}

.sec-sub {
    font-size: .7rem;
    color: var(--text-muted);
    letter-spacing: .04em;
    margin-top: 2px;
}

/* ════════════════════════════════════════
   THEME BADGES & ENTITY PILLS
════════════════════════════════════════ */
.theme-badge {
    display: inline-block;
    font-size: .805rem;
    font-weight: 600;
    padding: .25rem .5rem;
    border-radius: 4px;
    border: 1px solid;
    line-height: 1.4;
    word-break: break-word;
}

.pills-row { display: flex; flex-wrap: wrap; gap: .25rem; }

.entity-pill {
    display: inline-block;
    font-size: .7rem;
    font-weight: 500;
    color: #B8D0E8;
    background: #111F32;
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: .125rem .35rem;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entity-more {
    font-family: var(--font-mono);
    font-size: .65rem;
    color: var(--text-muted);
    padding: .175rem .25rem;
}

.cell-muted { color: var(--text-muted); font-style: italic; font-size: .7rem; }

/* ════════════════════════════════════════
   COMING SOON
════════════════════════════════════════ */
.coming-soon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6rem 2rem;
    text-align: center;
    gap: .75rem;
}

.coming-soon-icon  { font-size: 3rem; opacity: .4; }
.coming-soon-title { font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; color: var(--text-muted); }
.coming-soon-sub   { font-size: .875rem; color: var(--text-muted); max-width: 400px; line-height: 1.6; }