/* ───── BUTTONS ───── */
    .btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 9px 18px;
      border-radius: 8px;
      border: none;
      font-family: 'Sora', sans-serif;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      transition: all .15s;
      white-space: nowrap;
    }

    .btn:hover {
      opacity: .85;
      transform: translateY(-1px);
    }

    .btn:active {
      transform: translateY(0);
    }

    .btn:disabled {
      cursor: not-allowed;
      opacity: .55;
      transform: none;
    }

    .btn:disabled:hover {
      opacity: .55;
      transform: none;
    }

    .btn-primary {
      background: linear-gradient(135deg, var(--tenant-primary, var(--accent)), var(--tenant-accent, var(--accent2)));
      color: white;
      border-color: color-mix(in srgb, var(--tenant-primary, var(--accent)) 55%, transparent);
    }

    .btn.btn-auth-action {
      background: rgba(16, 185, 129, .15);
      color: #34d399;
      border: 1px solid rgba(16, 185, 129, .25);
      justify-content: center;
    }

    .btn-success {
      background: rgba(16, 185, 129, .15);
      color: #34d399;
      border: 1px solid rgba(16, 185, 129, .25);
    }

    .btn-danger {
      background: rgba(239, 68, 68, .12);
      color: #f87171;
      border: 1px solid rgba(239, 68, 68, .2);
    }

    .btn-warning {
      background: rgba(245, 158, 11, .12);
      color: #fbbf24;
      border: 1px solid rgba(245, 158, 11, .2);
    }

	    .btn-ghost {
	      background: rgba(255, 255, 255, .05);
	      color: var(--muted);
	      border: 1px solid var(--border2);
	    }

	    .btn-ghost.notification-enabled {
	      color: #34d399;
	      border-color: rgba(16, 185, 129, .28);
	      background: rgba(16, 185, 129, .12);
	    }

    .btn-cyan {
      background: rgba(6, 182, 212, .15);
      color: #22d3ee;
      border: 1px solid rgba(6, 182, 212, .25);
    }

    .btn-purple {
      background: rgba(139, 92, 246, .15);
      color: #a78bfa;
      border: 1px solid rgba(139, 92, 246, .25);
    }

    .btn-sm {
      padding: 5px 11px;
      font-size: 11px;
      border-radius: 6px;
    }

    .btn-pad-8 {
      padding: 8px;
    }

    .btn-pad-12 {
      padding: 12px;
    }

    .btn-plus-sm {
      padding: 2px 8px;
      font-size: 16px;
    }

    .btn-inline-remove {
      padding: 0 8px;
    }

    .btn-table-compact {
      padding: 4px 10px;
      font-size: 11px;
    }