/* Custom Filament theme to match DoliProxy welcome page */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --primary-color: #4a6cf7;
    --secondary-color: #6c757d;
    --dark-color: #111827;
    --light-color: #f9fafb;
    --success-color: #10b981;
    --body-color: #f8f9fa;
    --heading-color: #162447;
    --border-color: #e2e8f0;
}

/* Apply Poppins font to Filament auth pages */
.fi-simple-layout {
    font-family: 'Poppins', sans-serif !important;
    background: linear-gradient(135deg, #f6f9ff 0%, #f1f4fd 100%) !important;
    min-height: 100vh;
}

/* Style the login card */
.fi-simple-main {
    background: white !important;
    border-radius: 15px !important;
    padding: 2rem !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    max-width: 450px !important;
}

/* Header styling */
.fi-simple-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.fi-simple-header h1,
.fi-simple-header .fi-simple-heading {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--heading-color) !important;
    margin-bottom: 0.5rem !important;
}

.fi-simple-header p,
.fi-simple-header .fi-simple-subheading {
    color: var(--secondary-color) !important;
    font-size: 0.95rem !important;
}

/* Form inputs */
.fi-input-wrp {
    border-radius: 8px !important;
    border: 1px solid var(--border-color) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.fi-input-wrp:focus-within {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.1) !important;
}

.fi-input {
    padding: 0.875rem 1rem !important;
    font-size: 1rem !important;
    font-family: 'Poppins', sans-serif !important;
    color: #111827 !important;
    background-color: white !important;
}

/* Input text color */
.fi-simple-layout input,
.fi-simple-layout input[type="text"],
.fi-simple-layout input[type="email"],
.fi-simple-layout input[type="password"],
.fi-input-wrp input {
    color: #111827 !important;
    background-color: white !important;
}

/* Placeholder color */
.fi-simple-layout input::placeholder,
.fi-input-wrp input::placeholder {
    color: #9ca3af !important;
}

/* Labels - force dark color for visibility (auth pages only) */
.fi-simple-layout .fi-fo-field-wrp label,
.fi-simple-layout .fi-fo-field-wrp-label,
.fi-simple-layout .fi-fo-field-wrp-label span,
.fi-simple-layout label,
.fi-simple-layout [class*="fi-fo-field-wrp"] label {
    font-weight: 500 !important;
    color: #111827 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Primary button */
.fi-btn-primary,
.fi-btn.fi-btn-color-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    padding: 0.875rem 1.5rem !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.fi-btn-primary:hover,
.fi-btn.fi-btn-color-primary:hover {
    background-color: #3a5bd9 !important;
    border-color: #3a5bd9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* Links */
.fi-simple-layout a,
.fi-link {
    color: var(--primary-color) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    font-family: 'Poppins', sans-serif !important;
}

.fi-simple-layout a:hover,
.fi-link:hover {
    text-decoration: underline !important;
}

/* Checkbox styling */
.fi-checkbox-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Error messages */
.fi-fo-field-wrp-error-message {
    color: #dc2626 !important;
    font-size: 0.875rem !important;
}

/* Logo/brand in header */
.fi-simple-layout .fi-logo {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}