/*
 * sign-builder.css — Styles spécifiques au tableau de signe.
 * Les règles communes avec le tableau de variation sont dans builders-common.css
 * (chargé avant ce fichier). Ne dupliquez pas ici .vb-card, .x-tag*, .preview-grid,
 * .row, .sign-node*, .add-mini-btn, .sim-table/row/cell/label/track-wrapper/item/interval, .ghost.
 */
#sign-builder-app {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.controls-area {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--mc-tool-border);
}

.cell {
    padding: 0.5rem;
}

/* .label-cell diverge du tableau de variation (flex-direction: column) → reste ici */
.label-cell {
    width: 80px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* .label-rendered : sélecteur autonome (variation utilise .label-cell .label-rendered) */
.label-rendered {
    width: 100%;
    border: 1px solid var(--mc-tool-border-strong);
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    background: var(--mc-tool-surface);
    cursor: pointer;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .sign-interval diverge du tableau de variation (48px vs 40px) → reste ici */
.sign-interval {
    flex: 1;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--mc-tool-text-soft);
    font-weight: bold;
    min-width: 40px;
}

.sim-header-spacer {
    flex: 0 0 40px;
    min-width: 40px;
}

/* .sim-node et .d-bar divergent du tableau de variation → restent ici */
.sim-node {
    flex: 1;
    position: relative;
    min-width: 60px;
}

.d-bar {
    height: 100%;
    width: 6px;
    border-left: 1px solid var(--mc-tool-table-line);
    border-right: 1px solid var(--mc-tool-table-line);
}