/* MovementViewToggle — screen-only segmented toggle (hidden in print).
   Self-scoped under .view-toggle. Colors are screen-chrome neutrals (incl. the
   #3730a3 active fill, which is a control accent — not a transfer type-badge), so
   they stay literal. Global file is the reliable home for print-composed components. */
.view-toggle {
    display: inline-flex;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    overflow: hidden;
    margin: 6px 0 6px var(--pp-spacing-lg, 16px);
    font-size: var(--pp-font-size-xs, 10px);
}

.toggle-btn {
    padding: 4px 12px;
    border: none;
    background: #fff;
    color: #6b7280;
    cursor: pointer;
    font-size: inherit;
    font-weight: 600;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}

.toggle-btn:not(:last-child) {
    border-right: 1px solid #d1d5db;
}

.toggle-btn:hover:not(.toggle-btn--active) {
    background: #f3f4f6;
}

.toggle-btn--active {
    background: #3730a3;
    color: #fff;
}

/* Hidden in print */
@media print {
    .view-toggle {
        display: none !important;
    }
}