/**
 * Modern B2B Design - Minimal Light Theme
 * 
 * Additional page-specific styles using global CSS variables.
 * Most components are now in components.css.
 *
 * @package     RalphWhite_B2B
 * @subpackage  Assets
 * @since       2.0.0
 */

/* ==========================================================================
   Modern Cards - Light Minimal Design
   ========================================================================== */

.modern-card {
    background: var(--bg-primary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color-light);
    transition: box-shadow var(--transition-base);
    overflow: hidden;
}

.modern-card:hover {
    box-shadow: var(--shadow-md);
}

.modern-card-header {
    background: var(--bg-secondary);
    color: var(--text-primary);
    padding: var(--spacing-6);
    border-bottom: 1px solid var(--border-color);
}

.modern-card-body {
    padding: var(--spacing-6);
}

.modern-card-footer {
    padding: var(--spacing-6);
    border-top: 1px solid var(--border-color-light);
    background: var(--bg-secondary);
}

/* ==========================================================================
   Modern Forms
   ========================================================================== */

.form-modern .form-control,
.form-modern .form-select {
    border-radius: var(--radius-base);
    border: 1px solid var(--border-color);
    padding: var(--spacing-3) var(--spacing-4);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
    background: var(--bg-primary);
    font-size: var(--font-size-base);
}

.form-modern .form-control:focus,
.form-modern .form-select:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-light);
    opacity: 0.1;
}

.form-modern label {
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    margin-bottom: var(--spacing-3);
    font-size: var(--font-size-sm);
}

/* ==========================================================================
   Animations - Removed for B2B Professional Appearance
   ========================================================================== */

/* Removed decorative animations (fadeInUp, slideInLeft, scaleIn) for clean B2B design */