.lubinik-account-auth {
    color: var(--lubinik-plugin-secondary-color);
    max-width: 680px;
    margin: 0 auto;
}

.lubinik-account-auth h2 {
    color: var(--lubinik-plugin-secondary-color);
    margin: 0 0 var(--lubinik-spacing-md);
}

.lubinik-account-auth__panel {
    display: grid;
    gap: var(--lubinik-spacing-md);
    padding: var(--lubinik-spacing-lg);
    background: var(--lubinik-plugin-background-card-primary);
    border: 1px solid var(--lubinik-plugin-quaternary-color);
    border-radius: var(--lubinik-border-radius-md);
}

.lubinik-account-auth label {
    display: grid;
    gap: var(--lubinik-spacing-xs);
    color: var(--lubinik-plugin-secondary-color);
    font-weight: 700;
}

.lubinik-account-auth input {
    width: 100%;
    min-height: 44px;
    padding: 0 var(--lubinik-spacing-sm);
    color: var(--lubinik-plugin-primary-color);
    background: var(--lubinik-plugin-secondary-color);
    border: 1px solid var(--lubinik-plugin-quaternary-color);
    border-radius: var(--lubinik-border-radius-sm);
}

.lubinik-account-auth__check {
    grid-template-columns: auto 1fr;
    align-items: center;
}

.lubinik-account-auth__check input {
    width: auto;
    min-height: 0;
}

.lubinik-account-auth button,
.lubinik-account-auth__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 44px;
    padding: 0 var(--lubinik-spacing-md);
    color: var(--lubinik-plugin-primary-color);
    background: var(--lubinik-plugin-tertiary-color);
    border: 0;
    border-radius: var(--lubinik-border-radius-sm);
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.lubinik-account-auth__links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lubinik-spacing-sm);
}

.lubinik-account-auth__links a {
    color: var(--lubinik-plugin-tertiary-color);
}

.lubinik-account-auth__notices {
    display: grid;
    gap: var(--lubinik-spacing-xs);
    margin-bottom: var(--lubinik-spacing-md);
}

.lubinik-account-auth__notice {
    margin: 0;
    padding: var(--lubinik-spacing-sm);
    border-radius: var(--lubinik-border-radius-sm);
    background: var(--lubinik-plugin-background-card-primary);
    border: 1px solid var(--lubinik-plugin-quaternary-color);
}

.lubinik-account-auth__notice--success {
    color: var(--lubinik-plugin-tertiary-color);
}

.lubinik-account-auth__notice--error {
    color: var(--lubinik-plugin-tertiary-color);
}