/* KBKB pop-up windows (Find work, My KBKB, Confirm & connect...): on desktop-width screens the card was clipped with no scrolling,
   so anything below the visible area (filters, buttons, consent) could not be reached. The header stays fixed; the body scrolls. */
@media (min-width: 621px) {
  .conversation-card { display: flex !important; flex-direction: column !important; max-height: calc(100vh - 24px) !important; max-height: calc(100dvh - 24px) !important; overflow: hidden !important; }
  .conversation-card > .conversation-head { flex: 0 0 auto !important; }
  .conversation-card > .conversation-body, .conversation-card .conversation-body { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #1f6f58 #e8efe9; }
  .conversation-body::-webkit-scrollbar { width: 10px; }
  .conversation-body::-webkit-scrollbar-thumb { background: #1f6f58; border-radius: 8px; border: 2px solid #e8efe9; }
  .conversation-body::-webkit-scrollbar-track { background: #e8efe9; border-radius: 8px; }
}

/* Price / payment boxes inside the dark "deal room": the typed amount and box title were white on a light box (invisible). */
.protected-payment, .protected-payment strong, .protected-payment p { color: #10283b !important; }
.protected-payment small { color: #4a5f55 !important; }
.protected-payment input, .protected-payment .digipin-entry input {
  color: #10283b !important; -webkit-text-fill-color: #10283b !important; caret-color: #10283b;
  background: #fff !important; text-transform: none !important; letter-spacing: normal !important; font-weight: 600;
}
.protected-payment input::placeholder { color: #6b7d73 !important; -webkit-text-fill-color: #6b7d73 !important; opacity: 1; }