/**
 * Sketchfy — Authentication Pages Stylesheet
 *
 * Styles for login, register, forgot-password, and reset-password
 * pages. Builds on the base stylesheet.
 *
 * @package   Sketchfy/Styles
 * @version   0.1-alpha
 * @author    Julio Marchi <jcmarchi@qlinnovations.com>
 * @copyright Quantum Leap Innovations (https://www.qlinnovations.com)
 * @link      https://www.sketchfy.com
 * @license   Proprietary, Exclusive
 */

/* ==========================================================================
   AUTH PAGE LAYOUT
   ========================================================================== */

.sf-auth-page {
    background: var(--sf-bg-workspace);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.sf-auth-container {
    width: 100%;
    max-width: 420px;
}

.sf-auth-brand {
    text-align: center;
    margin-bottom: 32px;
}
.sf-auth-brand .sf-logo-icon-lg {
    width: 56px; height: 56px;
    border-radius: 14px; font-size: 1.5rem;
    background: linear-gradient(135deg, #4a6cf7, #6e3adb);
    color: #fff; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
    margin-bottom: 14px;
}
.sf-auth-title {
    font-size: 1.6rem; font-weight: 800;
    color: var(--sf-text-color); margin-bottom: 4px;
}
.sf-auth-subtitle {
    font-size: 0.9rem; color: var(--sf-text-muted);
}

.sf-auth-card {
    background: var(--sf-bg-surface);
    border-radius: 16px;
    padding: 36px 32px;
    border: 1px solid var(--sf-border-color-light);
    box-shadow: var(--sf-shadow-md);
}

.sf-auth-heading {
    font-size: 1.2rem; font-weight: 700;
    color: var(--sf-text-color); margin-bottom: 24px;
    text-align: center;
}

.sf-auth-card .sf-form-group { margin-bottom: 20px; }
.sf-auth-card .sf-form-row-between { margin-bottom: 24px; }
.sf-auth-card .sf-btn-block { margin-top: 6px; }

.sf-auth-footer {
    text-align: center;
    margin-top: 24px;
    font-size: 0.875rem;
    color: var(--sf-text-muted);
}
.sf-auth-footer a { font-weight: 600; }

/* Responsive */
@media (max-width: 480px) {
    .sf-auth-container { max-width: 100%; }
    .sf-auth-card { padding: 28px 20px; border-radius: 12px; }
}