/* Custom styles for Apply To */

:root {
    --background: 0 0% 100%;
    --foreground: 0 0% 0%;
    --primary: 0 0% 0%;
    --primary-foreground: 0 0% 100%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 0%;
    --border: 0 0% 90%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 0%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 100%;
}

.dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --primary: 217.2 91.2% 59.8%;
    --primary-foreground: 222.2 47.4% 11.2%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
}

.bg-background {
    background-color: hsl(var(--background));
}

.bg-card {
    background-color: hsl(var(--card));
}

.text-foreground {
    color: hsl(var(--foreground));
}

.text-muted-foreground {
    color: hsl(var(--muted-foreground));
}

.border-border {
    border-color: hsl(var(--border));
}

.bg-primary {
    background-color: hsl(var(--primary));
}

.text-primary {
    color: hsl(var(--primary));
}

.text-primary-foreground {
    color: hsl(var(--primary-foreground));
}

.bg-accent {
    background-color: hsl(var(--accent));
}

.hidden {
    display: none;
}

.tab-content {
    display: block;
}

.tab-content.hidden {
    display: none;
}

/* Apply4 Global Overrides - Black Theme */
.bg-primary {
    background-color: #000000 !important;
}

.text-primary {
    color: #000000 !important;
}

.text-primary-foreground {
    color: #ffffff !important;
}

.border-primary {
    border-color: #000000 !important;
}

/* Button overrides */
button.bg-primary,
a.bg-primary,
.btn-primary {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

button.bg-primary:hover,
a.bg-primary:hover,
.btn-primary:hover {
    background-color: #1a1a1a !important;
}

/* Input overrides */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea,
select {
    border-radius: 8px !important;
    border-color: #e5e5e5 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
    border-color: #000000 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) !important;
}

/* Card overrides */
.bg-card {
    background-color: #ffffff !important;
    border-color: #e5e5e5 !important;
    border-radius: 12px !important;
}

/* Text color overrides */
.text-foreground {
    color: #000000 !important;
}

.text-muted-foreground {
    color: #666666 !important;
}

.bg-background {
    background-color: #ffffff !important;
}

.border-border {
    border-color: #e5e5e5 !important;
}