/* v3.12.6: the smart device combobox (js/ops/device-combobox.js). A floating card on the VISUAL viewport (never behind the virtual keyboard); rows >= 48 px tall. */
.dpp-dc { position: fixed; z-index: 100200; box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    background: #0b1220; border: 1px solid rgba(56, 189, 248, .45); border-radius: 14px; box-shadow: 0 14px 40px rgba(0, 0, 0, .7); padding: 4px; color: #e2e8f0; }
.dpp-dc[hidden] { display: none; }
.dpp-dc-row { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 5px 8px; border-radius: 10px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.dpp-dc-row + .dpp-dc-row { margin-top: 2px; }
.dpp-dc-row:active, .dpp-dc-row.is-active { background: rgba(56, 189, 248, .18); }
.dpp-dc-row.is-active { outline: 1px solid rgba(56, 189, 248, .55); }
.dpp-dc-img { flex: 0 0 auto; width: 34px; height: 45px; object-fit: contain; border-radius: 6px; background: #0f172a; }
.dpp-dc-mid { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.dpp-dc-name { font-size: clamp(13px, 3.6vw, 15px); font-weight: 800; line-height: 1.25; color: #f1f5f9; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.dpp-dc-hit { background: rgba(250, 204, 21, .28); color: #fde047; border-radius: 3px; padding: 0 1px; }
.dpp-dc-brand { align-self: flex-start; font-size: 10.5px; font-weight: 800; letter-spacing: .02em; line-height: 1; padding: 3px 8px; border-radius: 999px; background: rgba(14, 165, 233, .18); color: #7dd3fc; border: 1px solid rgba(56, 189, 248, .4); }
.dpp-dc-year { flex: 0 0 auto; font-size: 11px; font-weight: 800; font-family: ui-monospace, monospace; color: #fbbf24; background: rgba(251, 191, 36, .12); border: 1px solid rgba(251, 191, 36, .35); border-radius: 8px; padding: 3px 7px; }
.dpp-dc-empty { padding: 8px 10px 4px; font-size: 11.5px; color: #94a3b8; }
.dpp-dc-row.is-custom { min-height: 48px; margin-top: 4px; border-top: 1px dashed rgba(148, 163, 184, .35); border-radius: 0 0 10px 10px; color: #cbd5e1; }
.dpp-dc-plus { flex: 0 0 auto; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255, 255, 255, .08); font-weight: 900; color: #7dd3fc; }
.dpp-dc-custom { font-size: 12.5px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dpp-dc-custom b { color: #fff; }
/* the thumbnail that follows a selection in the forms (intake, store): same image, same chip fallback */
.dpp-dc-thumb { width: 100%; height: 100%; object-fit: contain; }
@media (prefers-reduced-motion: no-preference) { .dpp-dc { animation: dppDcIn .12s ease-out; } }
@keyframes dppDcIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }