/* TechTools — sql-formatter styles (auto-extracted) */
:root {
    --sql-accent: var(--accent-sky);
    --sql-accent-dim: rgba(77, 201, 255, 0.08);
    --sql-accent-border: rgba(77, 201, 255, 0.25);
  }

  .sql-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
  }

  .sql-toolbar .btn-sm {
    padding: 8px 18px;
    font-size: 13px;
  }

  .sql-toolbar .btn-sm.btn-accent {
    background: var(--sql-accent-dim);
    border-color: var(--sql-accent-border);
    color: var(--sql-accent);
    box-shadow: 0 0 10px var(--sql-accent-dim);
  }

  .sql-toolbar .btn-sm.btn-accent:hover {
    background: rgba(77, 201, 255, 0.2);
    border-color: rgba(77, 201, 255, 0.5);
    box-shadow: 0 0 20px rgba(77, 201, 255, 0.2);
    color: var(--text-primary);
  }

  .pane-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
  }

  @media (max-width: 768px) {
    .sql-toolbar .btn-sm { padding: 6px 12px; font-size: 12px; }
  }