/* 16A: ij-segmented — the app's one segmented control. Track/pill/radii/shadow
   are the ij-pf-tabs literals; the 500→600 weight step carries the state.
   Consolidation targets (later, deliberately not now): ij-pf-tabs, journal
   filter pills, the device Watching/Owning segment. */

.ij-segmented {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    width: fit-content;
    background: rgba(120, 120, 128, 0.18);
    border-radius: 9px;
}

.ij-segmented--fill {
    display: flex;
    width: 100%;
}

.ij-segmented--fill .ij-segmented-btn {
    flex: 1;
}

.ij-segmented--tall .ij-segmented-btn {
    min-height: 44px;
    font-size: 15px;
}

.ij-segmented-btn {
    border: none;
    background: none;
    padding: 6px 16px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--ij-text-secondary);
    cursor: pointer;
}

.ij-segmented-btn--on {
    color: var(--ij-text-primary);
    font-weight: 600;
    background: var(--ij-surface);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
}

/* Sell's active label reads loss-red — the color the journal's Sell pill
   already taught. Scoped to --on: an unselected Sell stays neutral. */
.ij-segmented-btn--on.ij-segmented-btn--danger {
    color: var(--ij-loss);
}

.ij-segmented-btn:disabled {
    color: var(--ij-text-tertiary);
    cursor: default;
}