/* Toast */
.toast-container {
      position: fixed;
      top: var(--spacing-xs);
      right: var(--spacing-md);
      left: var(--spacing-md);
      z-index: var(--z-toast);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--spacing-sm);
      pointer-events: none;
    }
    
    .toast {
      background-color: var(--color-bg-secondary);
      border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md);
      border: 2px solid var(--color-primary) ;
      width: 95%;
      padding: var(--spacing-md);
      display: flex;
      align-items: flex-start;
      gap: var(--spacing-sm);
      animation: toastIn 0.3s ease;
      pointer-events: auto;
    }
    
    .toast.hiding {
      animation: toastOut 0.25s ease-in forwards;
    }
    
    .toast-icon {
      flex-shrink: 0;
      width: 20px;
      height: 20px;
    }
    
    .toast-icon.success { color: var(--color-success); }
    .toast-icon.error { color: var(--color-danger); }
    .toast-icon.warning { color: var(--color-warning); }
    .toast-icon.info { color: var(--color-info); }
    
    .toast-content {
      flex: 1;
    }
    
    .toast-title {
      font-weight: var(--font-weight-medium);
      margin-bottom: 2px;
    }
    
    .toast-message {
      font-size: var(--font-size-sm);
      color: var(--color-text-secondary);
    }

    @keyframes toastIn {
      from {
        transform: translateY(-100%);
      }
      to {
        transform: translateY(0);
      }
    }

    @keyframes toastOut {
      from {
        transform: translateY(0);
      }
      to {
        transform: translateY(-100%);
      }
    }