.apollo-svg {
  background: rgb(238, 177, 0);
}
@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/* .choices {
  width: 100%;
  font-size: 0.875rem;
  color: #374151;
}

.choices__item {
  cursor: pointer;
  transition: background-color 0.2s;
}

.choices__item--highlighted {
  background-color: #bfdbfe;
  color: #1e3a8a;
}

.choices__placeholder {
  color: #9ca3af;
} */
/* Root dropdown container */

@layer components {
  .highlight-error {
    @apply ring-1 ring-red-500 transition-all duration-300;
  }

  /* Manual leads form — dark-first (body.dark); avoid light bg-* selected states in JS */
  .manual-lead-option {
    @apply cursor-pointer rounded-lg border p-3 text-left transition-colors;
    @apply border-gray-600 bg-gray-800 text-white;
  }

  .manual-lead-option:hover {
    @apply border-purple-600;
  }

  .manual-lead-option.is-selected {
    @apply border-purple-700 bg-gray-700 ring-1 ring-purple-600;
  }

  .manual-lead-option-helper {
    @apply mt-1 block text-xs text-gray-400;
  }

  .manual-lead-chip {
    @apply cursor-pointer rounded-full border px-3 py-1 text-xs font-medium transition-colors;
    @apply border-gray-600 bg-gray-800 text-gray-200;
  }

  .manual-lead-chip:hover {
    @apply border-purple-600;
  }

  .manual-lead-chip.is-selected {
    @apply border-purple-700 bg-purple-900/40 text-white;
  }

  .manual-lead-panel {
    @apply rounded-lg border border-gray-600 bg-gray-800 p-4;
  }

  .manual-lead-callout {
    @apply rounded-lg border border-purple-700 bg-gray-800 p-4 text-sm text-gray-200;
  }

  .manual-lead-resolved {
    @apply mt-2 flex items-center justify-between rounded-lg border border-purple-700 bg-gray-700 px-3 py-2 text-sm text-white;
  }

  .career-site-badge {
    @apply mt-1 mb-1 inline-flex items-center rounded border px-2.5 py-0.5 text-xs font-semibold whitespace-nowrap me-1;
    @apply border-amber-500/70 bg-amber-950 text-amber-200;
    @apply ring-1 ring-amber-400/40;
  }

  .career-site-badge--compact {
    @apply mt-0 mb-0 px-1.5 py-0.5 text-[10px];
  }

  .career-site-badge--link {
    @apply no-underline hover:bg-amber-900 hover:text-amber-100 cursor-pointer;
  }
}

@layer utilities {
  .loxo-export-loading-scrim {
    background-color: rgb(255 255 255 / 0.2);
  }
  .dark .loxo-export-loading-scrim {
    background-color: rgb(0 0 0 / 0.35);
  }

  /* Used on manual leads page — ensure scroll room below the form card */
  .pb-64 {
    padding-bottom: 16rem;
  }
}
.password-wrapper {
  position: relative;
}

.password-wrapper input {
  width: 100%;
  padding-right: 40px; /* Leave space for the icon */
}

.password-wrapper svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.hide-password {
  display: none;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #7e22ce;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #7e22ce;
}

.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #7e22ce transparent;
}

.custom-scrollbar:hover {
  scrollbar-color: #7e22ce transparent;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */


 .apple_pagination {
  background: rgb(17 24 39);
  text-align: center;
  padding: 1em;
  cursor: default; }
.apple_pagination a, .apple_pagination span, .apple_pagination button {
  padding: 0.2em 0.3em; }
.apple_pagination .disabled {
  color: #aaaaaa; }
.apple_pagination .current {
  font-style: normal;
  font-weight: bold;
  background-color: #7d7b7b;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.5;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em; }
.apple_pagination a {
  text-decoration: none;
  color: rgb(255, 255, 255); }
.apple_pagination a:hover, .apple_pagination a:focus {
  text-decoration: underline; }


  .animate-spin {
    animation: spin 1s linear infinite;

    @keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }
  }


  #snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
  }
  
  .snowflake {
    position: absolute;
    top: -10px;
    color: white;
    font-size: 1em;
    user-select: none;
    animation: fall linear infinite;
  }
  
  @keyframes fall {
    to {
      transform: translateY(100vh);
    }
  }