html:root body .usage-mode-card {
  direction: rtl; padding: 0; margin: 14px 0 12px;
  background: transparent; border: 0; color: inherit;
}
html:root body .usage-mode-card h3 {
  margin: 0 0 10px; font: inherit; font-weight: 600; font-size: 14px; text-align: right;
}
html:root body .usage-mode-options {
  display: flex; gap: 4px; padding: 3px; border: 1px solid var(--app-border, #cbbfca);
  border-radius: 999px; background: transparent;
}
html:root body .usage-mode-options button {
  flex: 1 1 0; display: block; width: auto; min-width: 0; min-height: 44px;
  margin: 0; padding: 8px 10px; border: 0; border-radius: 999px;
  background: transparent; color: inherit; font: inherit; font-size: 15px;
  font-weight: 600; text-align: center; box-shadow: none; cursor: pointer;
}
html:root body .usage-mode-options button[aria-pressed="true"] { background: #211b23; color: #fff; }
html:root body .usage-mode-options button:focus-visible { outline: 2px solid #80617f; outline-offset: 2px; }
html:root body .usage-mode-options button:disabled { opacity: .6; cursor: wait; }
html:root body .usage-mode-store {
  display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; margin-top: 10px;
  border: 1px solid var(--app-border, #ded5dd); border-radius: 16px;
}
html:root body .usage-mode-store small { font-size: 12px; opacity: .7; }
html:root body .usage-mode-store strong { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
html:root body .usage-mode-status { margin: 8px 0 0; font-size: 13px; }
html:root body .usage-mode-status:empty { display: none; }
html:root[data-theme="dark"] body .usage-mode-options button[aria-pressed="true"] { background: #f7f0f5; color: #211b23; }