/* Konto */

.parent-account-page {
    width: min(960px, 100%);
    margin: 0 auto;
}

.parent-account-card,
.parent-account-form {
    display: grid;
    gap: 2rem;
}

.parent-account-section {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.015);
}

.parent-account-section h2 {
    margin: 0;
}

.parent-account-section-description {
    margin: -0.5rem 0 0;
}

.account-form-actions {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.account-form-actions .button {
    min-width: 160px;
}

.account-readonly-field {
    background: rgba(0, 0, 0, 0.04);
    color: inherit;
    cursor: not-allowed;
}

body:has(.auth-card) { background: linear-gradient(135deg, #f8f6f3 0%, #f3efeb 100%); }
.page:has(.auth-card) { display: flex; min-height: calc(100vh - 48px); align-items: center; justify-content: center; padding: 28px 16px; }
.auth-card { width: min(100%,460px); padding: clamp(28px,5vw,48px); }
.auth-header { margin-bottom: 28px; text-align: left; }.auth-header .public-brand { margin-bottom: 38px; }.auth-header .eyebrow { margin-bottom: 7px; }.auth-header h1 { margin: 0; font-size: clamp(2.2rem,7vw,3.2rem); }.auth-header .muted { margin: 9px 0 0; }
.auth-card .form { gap: 9px; }.auth-card .form label { margin-top: 9px; font-size: .82rem; font-weight: 720; }.auth-card .form input { min-height: 49px; }.auth-card .form .button { width: 100%; margin-top: 15px; min-height: 48px; }
.login-secondary-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 12px; }.login-secondary-actions > .button { display: grid; min-height: 44px; place-items: center; padding: 8px 12px; text-align: center; text-decoration: none; }
.auth-help-links { display: flex; grid-column: 1 / -1; justify-content: space-between; gap: 14px; margin-top: 8px; padding-top: 18px; border-top: 1px solid var(--cz-line); }.auth-help-links a { color: var(--cz-muted); font-size: .78rem; }
.parent-account-card { border-color: var(--cz-line); }.parent-account-section { border-color: var(--cz-line); border-radius: var(--cz-radius-md); background: var(--cz-surface-soft); }
@media (max-width: 480px) { .login-secondary-actions { grid-template-columns: 1fr; }.auth-help-links { grid-column: 1; flex-direction: column; text-align: center; } }
@media (max-width: 720px) {
    .parent-account-header { flex-direction: column; }
    .parent-account-header form,
    .parent-account-header .button { width: 100%; }
}