/* Preserve the workstation palette while making critical controls easier to use. */
:where(button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #d5a06d;
  outline-offset: 3px;
}
#botActionModal .unlock-modal, #vnextTradeModal .vnext-modal-card { max-height: 90dvh; overflow-y: auto; }
#botActionModal input::placeholder, #botAddSection input::placeholder { color: #b9b2a7; opacity: 1; }
@media (max-width: 900px) {
  #botAddSection button, #botAddBtn, #botView button, #botActionModal button, #vnextTradeModal button { min-height: 44px !important; min-width: 44px; }
  #botAddSection input, #botAddSection select, #botActionModal input { min-height: 44px; font-size: 16px; }
  #botView .bot-agent-card { font-size: 13px; }
  #botView .bot-agent-actions { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  #botActionModal, #vnextTradeModal { animation: none; transition: none; }
}
#pendingOperations { padding: 12px; border: 1px solid #d5a06d; margin-block: 8px; }
#pendingOperations[hidden] { display: none; }
#pendingOperations > div { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#pendingOperations span { overflow-wrap: anywhere; }