.db-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto;
    padding: 20px clamp(12px, 2vw, 28px) 32px !important;
  }
  .db-tables { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
  .db-table-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 14px; border: 1px solid var(--ios-border);
    border-radius: 8px; background: var(--ios-surface);
    cursor: pointer; font-size: 13px; transition: all 0.15s;
  }
  .db-table-btn:hover { background: rgba(37,99,235,0.06); border-color: rgba(37,99,235,0.2); }
  .db-table-btn.active { background: rgba(37,99,235,0.1); border-color: var(--ios-accent); color: var(--ios-accent); font-weight: 600; }
  .db-table-btn .badge { font-size: 11px; padding: 1px 6px; border-radius: 999px; background: var(--ios-surface-muted); color: var(--ios-muted); }
  .db-toolbar { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; flex-wrap: wrap; }
  .db-toolbar input, .db-toolbar select { height: 34px; padding: 0 10px; border: 1px solid var(--ios-border); border-radius: 6px; font-size: 13px; background: var(--ios-surface); color: var(--ios-text); }
  .db-toolbar input { width: 240px; }
  .db-info { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 13px; color: var(--ios-muted); }
  .db-table-wrap { width: 100%; overflow-x: auto; }
  .db-table { width: 100%; min-width: 1100px; }
  .db-table td { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .db-table td.null { color: var(--ios-muted); font-style: italic; }
  .db-table td.json { font-family: monospace; font-size: 12px; }
  .db-table td.editing { background: rgba(37,99,235,0.04); }
  .db-table td input, .db-table td select {
    width: 100%; height: 28px; padding: 0 6px; border: 1px solid var(--ios-accent);
    border-radius: 4px; font-size: 13px; background: #fff;
  }
  .db-empty { padding: 40px; text-align: center; color: var(--ios-muted); }
  .db-pagination { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
  .db-pagination button { padding: 6px 14px; }
  .db-pagination .page-info { font-size: 13px; color: var(--ios-muted); }
  .db-actions { display: flex; gap: 6px; }
  .db-actions button { padding: 4px 8px; font-size: 12px; }
  .db-edit-row { background: rgba(37,99,235,0.04) !important; }
  .db-edit-bar { display: none; gap: 8px; align-items: center; margin-bottom: 12px; }
  .db-edit-bar.visible { display: flex; }