* { letter-spacing: 0 !important; }
button, input, select, textarea { max-width: 100%; }
.billing-controls { border-top: 1px solid #334155; padding-top: 12px; }
.billing-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 40px; padding: 8px 12px; border: 1px solid #475569;
  border-radius: 6px; color: #e2e8f0; font-size: 12px; font-weight: 600;
}
.billing-button:hover { background: #1e293b; }
.billing-button:disabled { opacity: .6; cursor: wait; }
.billing-button svg { width: 16px; height: 16px; }
[data-billing-message] { color: #fda4af; font-size: 12px; overflow-wrap: anywhere; margin-top: 6px; }
.workspace-shell { min-width: 0; }
.workspace-main { min-width: 0; }
.workspace-main table { min-width: 1050px; }
.workspace-main td, .workspace-main th { white-space: nowrap; }
.workspace-main td:nth-child(2), .workspace-main th:nth-child(2) { min-width: 180px; }
.workspace-shell aside button { min-height: 40px; }
.subscription-status > div:first-child > div { gap: 12px; align-items: flex-start; }
.subscription-status > div:first-child > div > span:last-child {
  min-width: 0; max-width: 65%; overflow-wrap: anywhere; white-space: normal; text-align: right;
}
[class*="fixed"][class*="inset-0"] > [class*="relative"] {
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}
@media (max-width: 767px) {
  .subscription-modal > div:nth-child(2) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .subscription-modal > div:nth-child(2) > button {
    min-width: 0; min-height: 64px; margin: 0; padding: 8px 4px; flex-direction: column; gap: 4px; font-size: 10px;
  }
  .subscription-modal > div:nth-child(2) > button > span { margin: 0; white-space: normal; overflow-wrap: anywhere; }
  #app > header > div { gap: 8px; padding: 8px 12px; height: auto; min-height: 64px; }
  #app > header > div > a { min-width: 0; gap: 6px; }
  #app > header > div > a > div { margin: 0; }
  #app > header > div > a > div:last-child > span:first-child { font-size: 14px; }
  #app > header > div > a > div:last-child > span:last-child { display: none; }
  #app > header > div > div:last-child { gap: 6px; margin: 0; flex-shrink: 0; }
  #app > header > div > div:last-child > * { margin-left: 0; padding: 8px; white-space: nowrap; }
  #app > header > div > div:last-child > button > span { max-width: 72px; overflow: hidden; text-overflow: ellipsis; }
  .workspace-shell { flex-direction: column; overflow: visible; }
  .workspace-shell > aside { width: 100%; border-right: 0; border-bottom: 1px solid #1e293b; }
  .workspace-shell > aside > div:first-child { padding: 8px 12px; }
  .workspace-shell > aside > nav { display: flex; gap: 6px; padding: 8px 12px; overflow-x: auto; }
  .workspace-shell > aside > nav > div:first-child { display: none; }
  .workspace-shell > aside > nav > button { width: auto; flex-shrink: 0; margin: 0; padding: 8px 10px; }
  .workspace-shell > aside > nav > button > span { margin-left: 8px; }
  .workspace-main { padding: 16px 12px; width: 100%; overflow: visible; }
  .workspace-main > div:first-of-type { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-main > div:first-of-type > div { padding: 12px; border-radius: 8px; }
  .workspace-main > div:first-of-type [class*="text-2xl"] { font-size: 20px; }
  .workspace-main [class*="min-w-"] { min-width: 0; }
  .workspace-main select { min-width: 0; flex: 1 1 140px; }
  .workspace-main .relative:has(> input[type="text"]) { flex: 1 0 100%; width: 100%; }
  .workspace-main [class*="overflow-x-auto"] { max-width: 100%; }
}