main[data-dw-token-billing-flow] { max-height: var(--dw-token-billing-height); }
.dw-token-billing-panel {
  box-sizing: border-box; position: static; min-width: 0; flex: 0 0 auto; width: 100%; margin: 18px 0 0;
  padding: 18px 20px; border: 1px solid rgba(128, 144, 170, .24);
  border-radius: 16px; background: var(--card, rgba(128, 144, 170, .065));
  color: inherit; font: inherit;
}
.dw-token-billing-panel h2 { margin: 0 0 7px; font-size: 16px; font-weight: 650; }
.dw-token-billing-description { margin: 0 0 14px; max-width: 1050px; font-size: 13px; line-height: 1.7; opacity: .8; }
.dw-token-billing-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.dw-token-billing-controls label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; min-width: 160px; }
.dw-token-billing-controls input, .dw-token-billing-controls select, .dw-token-billing-controls button {
  box-sizing: border-box; height: 36px; padding: 7px 11px; border: 1px solid rgba(128, 144, 170, .36);
  border-radius: 8px; font: inherit; font-size: 13px; color: inherit; background: transparent;
}
.dw-token-billing-controls select { min-width: 190px; }
.dw-token-billing-controls option { background: Canvas; color: CanvasText; }
.dw-token-billing-controls button { cursor: pointer; }
.dw-token-billing-controls .dw-token-billing-save { background: #2563eb; color: #fff; border-color: #2563eb; }
.dw-token-billing-controls :disabled { cursor: not-allowed; opacity: .5; }
.dw-token-billing-controls :focus-visible { outline: 2px solid #60a5fa; outline-offset: 2px; }
.dw-token-billing-status { margin: 10px 0 0; min-height: 18px; font-size: 12px; line-height: 1.5; }
@media (max-width: 640px) {
  .dw-token-billing-panel { padding: 15px; }
  .dw-token-billing-controls label { width: 100%; }
  .dw-token-billing-controls select, .dw-token-billing-controls input { width: 100%; }
  .dw-token-billing-controls .dw-token-billing-save { width: 100%; }
}