/* Borrow ETH (app-borrow-eth.js): the Borrow USDG / Borrow ETH switch at the top of the Borrow tab, the Borrow ETH
   panel and the Lend ETH card on the Supply tab. Reuses the shared card, picker, gauge, facts and risk-box styles;
   only what is new is here. */
.beth-switch { display: inline-flex; gap: 4px; padding: 4px; margin: 0 0 18px; border-radius: 999px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .14); }
.beth-switch[hidden] { display: none; }
.beth-tab { appearance: none; border: 0; cursor: pointer; font: inherit; font-weight: 700; padding: 8px 18px; border-radius: 999px; background: transparent; color: var(--label, #fbf8ef); min-height: 40px; }
.beth-tab[aria-selected="true"] { background: var(--sticker, #ffd83a); color: var(--ink, #1a1a2e); }
.beth-tab:focus-visible { outline: 3px solid var(--sticker, #ffd83a); outline-offset: 2px; }
/* In Borrow ETH mode only the switch and the ETH panel show; everything else on the tab steps aside. */
section.beth-mode > :not(.beth-keep) { display: none !important; }
.beth .cols { align-items: start; }
.beth .check { align-items: flex-start; margin: 12px 0; }
.beth .check input { flex: none; margin-top: 3px; }
.beth-weekend { margin: 0 0 16px; padding: 12px 16px; border-radius: 12px; background: rgba(255, 216, 58, .14); box-shadow: inset 0 0 0 2px rgba(255, 216, 58, .4); }
.beth-weekend[hidden] { display: none; }
.beth-lend { margin-top: 28px; }
.beth-lend[hidden] { display: none; }
@media (max-width: 620px) {
  .beth-switch { display: flex; width: 100%; }
  .beth-tab { flex: 1; padding: 8px 10px; }
}