@import "tailwindcss";
@plugin "daisyui";
@plugin "@tailwindcss/typography";

@theme {
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);

  --color-vulncheck-blue: #0066FF;
  --color-securis-dark: #1F2937;
  --color-securis-gray: #F3F4F6;
  --color-securis-danger: #EF4444;
  --color-securis-success: #10B981;
  --color-securis-warning: #F59E0B;
}

:root {
  --background: #F3F4F6;
  /* Light gray background overall */

  /* Force the browser to render form controls (inputs, selects, date pickers,
   * scrollbars) in the LIGHT scheme even when the user's OS is set to Dark Mode.
   * Without this, Win11/macOS Dark Mode inverts the chrome of inputs while the
   * page background stays light, making placeholders, autofill text, and date
   * picker dropdowns unreadable. */
  color-scheme: light;
}

html,
body {
  color-scheme: light;
  background-color: var(--background);
  color: #111827; /* gray-900 */
}

/* Autofill (Chrome/Edge) reverts to a yellow/blue background when the OS is in
 * dark mode. Force it to the page palette. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #111827 !important;
  caret-color: #111827;
  transition: background-color 5000s ease-in-out 0s;
}

/* Placeholder color stays readable on the light-form-on-dark-OS combo. */
input::placeholder,
textarea::placeholder {
  color: #9ca3af; /* gray-400 */
  opacity: 1;
}

/* Always-visible horizontal scrollbar for tables (macOS hides overlay scrollbars).
   Apply via class so we don't affect every scroll container globally. */
.scroll-visible-x {
  scrollbar-width: auto;
  scrollbar-color: #94a3b8 #f1f5f9;
}
.scroll-visible-x::-webkit-scrollbar {
  height: 12px;
  background: #f1f5f9;
}
.scroll-visible-x::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 6px;
  border: 2px solid #f1f5f9;
}
.scroll-visible-x::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}