/**
 * File: assets/css/frontend/header-widgets/account-panel.css
 * Purpose: Split piece of a larger source file (1.0.191 file-size programme; cascade/build order unchanged). Split from assets/css/frontend/header-widgets/widgets.css (1.0.191, 300-line standard): cascade order is preserved by the enqueue chain; this file holds lines 2142-2463 of the original file, verbatim.
 * Scope: Same feature scope as the source file named in the provenance line; not a standalone design source.
 * Package: HyperDAF Engine
 */
/**
 * Sign-in panel (guest) — Card SaaS style: light accent header band with a
 * single clean title (never dark, never doubled). Fixed 17.5rem x 21rem,
 * equal to the blog header widgets. Balanced compact spacing so the full
 * form fits without scrolling.
 */

.hdf-header-account-panel--guest {
    width: 20.625rem;
    height: 23.625rem;
    max-height: 23.625rem;
    border: 1px solid var(--hdf-engine-color-border, #e2e8ee);
    border-radius: 1rem;
    box-shadow: 0 .75rem 2rem rgba(11, 31, 58, .10);
    overflow: hidden;
}

.hdf-header-account-panel--guest .hdf-header-account-guest {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    padding: .8rem 1.125rem;
    border-bottom: 1px solid var(--hdf-engine-color-border, #e2e8ee);
    background: linear-gradient(90deg, #eaf6ee, #f4faf6);
}

.hdf-header-account-guest__icon {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(30, 122, 79, .18);
    border-radius: .75rem;
    background: linear-gradient(135deg, rgba(30, 122, 79, .14), rgba(11, 31, 58, .08));
    color: var(--hdf-engine-color-primary-strong, #1e7a4f);
}

.hdf-header-account-panel--guest .hdf-header-account-guest strong {
    color: var(--hdf-engine-color-text);
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.3;
}

.hdf-header-account-login-form {
    gap: .6rem;
    padding: .85rem 1.125rem .75rem;
}

.hdf-header-account-login-form > label:not(.hdf-auth-honeypot) {
    gap: .32rem;
    font-size: .72rem;
    font-weight: 700;
}

.hdf-header-account-login-form input[type="text"],
.hdf-header-account-login-form input[type="password"] {
    min-height: 2.5rem;
    padding: .58rem .85rem;
    border: 1px solid var(--hdf-engine-color-border, #dbe3ea);
    border-radius: .68rem;
    font-size: .82rem;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.hdf-header-account-login-form input[type="text"]:focus,
.hdf-header-account-login-form input[type="password"]:focus {
    border-color: var(--hdf-engine-color-primary-strong, #1e7a4f);
    outline: none;
    box-shadow: 0 0 0 3px rgba(30, 122, 79, .12);
}

.hdf-header-account-password input {
    padding-right: 2.7rem !important;
}

.hdf-header-account-password button {
    right: .48rem;
    width: 1.95rem;
    min-width: 1.95rem;
    min-height: 1.95rem;
    border-radius: .55rem;
    color: var(--hdf-engine-color-text-muted);
}

.hdf-header-account-login-form__meta {
    font-size: .72rem;
}

.hdf-header-account-login-form__meta > label {
    gap: .38rem;
    font-weight: 600;
}

.hdf-header-account-login-form__meta input {
    width: .92rem;
    height: .92rem;
}

.hdf-header-account-login-form__meta a,
.hdf-header-account-guest-links a {
    font-size: .72rem;
    font-weight: 700;
}

.hdf-header-account-login-submit {
    min-height: 2.5rem;
    border: 0;
    border-radius: .68rem;
    background: linear-gradient(135deg, #1e7a4f 0%, #155e3c 100%);
    color: #fff;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .01em;
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.hdf-header-account-login-submit:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 .5rem 1.2rem rgba(30, 122, 79, .3);
}

.hdf-header-account-guest-links {
    align-items: center;
    padding: .7rem 1.125rem .85rem;
    font-size: .72rem;
}

/**
 * Logged-in account panel — Card SaaS header band (light, never dark),
 * matching the guest sign-in panel. Identity shows avatar + name + username.
 */
.hdf-header-account-panel:not(.hdf-header-account-panel--guest) .hdf-header-account-profile {
    min-height: 0;
    margin: .8rem .8rem 0;
    padding: .65rem .8rem;
    border: 1px solid var(--hdf-engine-color-border, #e2e8ee);
    border-radius: .7rem;
    background: linear-gradient(90deg, #eaf6ee, #f4faf6);
}

.hdf-header-account-panel:not(.hdf-header-account-panel--guest) .hdf-header-account-profile__identity strong {
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: -.01em;
}

.hdf-header-account-panel:not(.hdf-header-account-panel--guest) .hdf-header-account-profile__identity span.hdf-header-account-profile__idline {
    font-size: .72rem;
    font-weight: 600;
    color: var(--hdf-engine-color-text-muted);
}

/* Account widget: reference-style layout with Quick Access + help footer. */
.hdf-header-account-logout {
    flex: 0 0 auto;
    margin-left: auto;
    padding: .2rem 0 .2rem .8rem;
    background: none;
    border: 0;
    font-size: .72rem;
    font-weight: 700;
    color: var(--hdf-engine-color-text-muted);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}