/* ===========================================================
   INVENTORY — Transfer / Adjustment
   =========================================================== */
.inv-tabs {
    display: flex;
    gap: 4px;
    background: var(--c-surface);
    border-radius: 14px;
    padding: 6px;
    box-shadow: var(--shadow-card);
    margin-bottom: 14px;
}
.inv-tab {
    padding: 12px 22px;
    border-radius: 10px;
    color: var(--c-text-muted);
    font-weight: 700;
    font-size: 13.5px;
    cursor: pointer;
    display: inline-flex; align-items: center; gap: 6px;
    text-decoration: none;
}
.inv-tab.active {
    background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
    color: #fff;
    box-shadow: 0 6px 14px rgba(107,91,255,0.32);
}

/* the swap arrow between source / dest dropdowns */
.swap-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: end;
}
.swap-icon {
    width: 38px; height: 38px;
    background: var(--c-primary-soft);
    color: var(--c-primary);
    border-radius: 10px;
    display: grid; place-items: center;
    margin: 0 auto;
    margin-bottom: 6px;
}

/* transfer summary bottom panel */
.tr-summary-card {
    background: var(--c-surface);
    border-radius: 14px;
    box-shadow: var(--shadow-card);
    padding: 16px 20px;
}
.tr-summary-card h4 { margin: 0 0 12px; font-size: 14.5px; font-weight: 800; color: var(--c-text); text-align: end; }
.tr-summary-card .row {
    display: grid; grid-template-columns: 1fr auto;
    padding: 10px 0;
    border-bottom: 1px dashed var(--c-border);
    font-size: 13px;
    color: var(--c-text-soft);
}
.tr-summary-card .row:last-child { border: 0; }
.tr-summary-card .row .v { font-weight: 800; color: var(--c-text); }

/* line "qty after" delta colors */
.qty-after.up   { color: var(--c-green); font-weight: 700; }
.qty-after.down { color: var(--c-amber); font-weight: 700; }
.qty-after.zero { color: var(--c-red);   font-weight: 700; }

/* ===== Live badge (SignalR connection indicator) ===== */
.live-badge {
    display: inline-flex; align-items: center; gap: 6px;
    margin-inline-start: 12px; padding: 2px 10px;
    font-size: 11px; font-weight: 700; letter-spacing: .04em;
    border-radius: 999px; vertical-align: middle;
    background: rgba(148, 163, 184, .12); color: var(--c-text-muted);
    border: 1px solid rgba(148, 163, 184, .25);
}
.live-badge .dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--c-text-muted);
}
.live-badge.on {
    background: rgba(16, 185, 129, .12);
    color: var(--c-green);
    border-color: rgba(16, 185, 129, .35);
}
.live-badge.on .dot {
    background: var(--c-green);
    animation: livePulse 1.6s ease-in-out infinite;
}
@keyframes livePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, .6); }
    50%      { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
}