/* ============================================================
   Ops — app-specific overrides ONLY.
   Everything visual comes from packages/ui (tokens + components +
   nav). Add a rule here only when it's genuinely Ops-specific; if
   it could be reused, put it in packages/ui instead.
   ============================================================ */

/* Overview lane tiles: let the count badge read as a big figure. */
#laneGrid .ql-icon {
    font-family: 'RZA', 'Haffer', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

/* Transfer board — compact bike cards + per-direction sections */
.xfer-section { margin-bottom: 30px; }
.xfer-dir-title { font-family: 'RZA', 'Haffer', sans-serif; font-size: 22px; font-weight: 400; margin-bottom: 14px; }
.xfer-list { display: flex; flex-direction: column; max-height: 56vh; overflow-y: auto; margin-top: 6px; }
.xfer-list .group-empty { padding: 8px 0; }
.xfer-foot { margin-top: 14px; display: flex; gap: 8px; flex-wrap: wrap; }
.xfer-card {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px; margin-bottom: 8px;
    background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm);
}
.xfer-card[data-bike] { cursor: pointer; transition: border-color 140ms var(--ease), background 140ms var(--ease); }
.xfer-card[data-bike]:hover { border-color: var(--border-strong); background: var(--bg-elev-2); }
.xfer-card .xc-main { flex: 1; min-width: 0; }
.xfer-card .xc-q { font-size: 10px; color: var(--text-dim); font-weight: 600; letter-spacing: 0.04em; }
.xfer-card .xc-t { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xfer-card .xc-rm { padding: 2px 9px; font-size: 15px; line-height: 1; color: var(--text-dim); flex-shrink: 0; }
.xfer-card .xc-rm:hover { color: var(--red); }