/* ============================================================
   Auth pages (login / sign-up / password reset)
   The original Cork look is restored: big brand mark on the
   left, card filling its column on the right. This file only
   sizes the logo/card and aligns focus colors with the clinical
   blue — card visuals come from Cork's plugins.css.
   ============================================================ */

/* The "D" mark fills the left side of the screen: sized against the
   viewport and capped by BOTH dimensions so it can never overflow
   or distort (natural 420x433 aspect is preserved). */
.navbar-logo {
    width: min(88vh, 44vw);
    height: auto;
}

/* Card: big and filling the right half. */
.card {
    width: 100%;
    max-width: 760px;
}

.card-header {
    padding: 2rem 2.5rem 1rem;
}

.card-body {
    padding: 1.75rem 2.5rem 2.25rem;
}

/* Roomier fields to match the larger card. */
.card .form-control {
    padding: 0.65rem 0.9rem;
    font-size: 0.95rem;
}

/* Professional blue focus instead of any legacy purple accent. */
.form-control:focus,
.form-select:focus {
    border-color: var(--c-primary);
    box-shadow: var(--c-focus-ring);
}

/* ============================================================
   Transformable auth card (Sign In <-> Sign Up panes)
   ============================================================ */

/* Bottom switch row inside each pane: the text sits on the left and
   the switch button stretches to fill the rest of the row. */
.auth-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.25rem;
}

.auth-switch-row .auth-switch-btn {
    flex: 1 1 auto;
}

/* Subtle morph animation when the card switches panes. */
@keyframes authMorph {
    0% { transform: scale(0.985); opacity: 0.85; }
    100% { transform: scale(1); opacity: 1; }
}

.auth-morph {
    animation: authMorph 0.25s ease;
}