/* ─── Auth és vezérlőpult közös stílusok ─── */

/* Burkoló */
.auth-wrap{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding:40px 16px 80px;
    min-height:calc(100vh - 90px);
}

.auth-card{
    width:100%;
    max-width:420px;
    border-radius:var(--radius-xl);
    padding:36px 32px;
}

.auth-title{
    margin:0 0 6px;
    font-size:1.6rem;
    font-weight:800;
    line-height:1.1;
}

.auth-sub{
    margin:0 0 24px;
    color:var(--muted);
    font-size:.95rem;
}

/* Értesítés */
.auth-alert{
    border-radius:14px;
    padding:12px 16px;
    font-size:.9rem;
    margin-bottom:20px;
    line-height:1.55;
}

.auth-alert--ok{
    background:rgba(34,197,94,.12);
    border:1px solid rgba(34,197,94,.25);
    color:#5ee890;
}

[data-theme="light"] .auth-alert--ok{
    background:rgba(22,163,74,.10);
    border-color:rgba(22,163,74,.25);
    color:#15803d;
}

.auth-alert--err{
    background:rgba(239,68,68,.12);
    border:1px solid rgba(239,68,68,.25);
    color:#fca5a5;
}

[data-theme="light"] .auth-alert--err{
    background:rgba(220,38,38,.08);
    border-color:rgba(220,38,38,.22);
    color:#b91c1c;
}

.auth-alert a{
    color:inherit;
    text-decoration:underline;
}

/* Űrlap */
.auth-form{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.auth-field{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.auth-field label{
    font-size:.84rem;
    font-weight:600;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.06em;
}

.auth-field input,
.auth-field textarea{
    background:rgba(255,255,255,.05);
    border:1px solid var(--line);
    border-radius:12px;
    padding:11px 14px;
    color:var(--text);
    font:inherit;
    font-size:.95rem;
    outline:none;
    transition:.2s ease;
    width:100%;
    box-sizing:border-box;
    resize:vertical;
}

[data-theme="light"] .auth-field input,
[data-theme="light"] .auth-field textarea{
    background:rgba(0,0,0,.04);
}

.auth-field input:focus,
.auth-field textarea:focus{
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(0,210,255,.15);
}

.auth-field input::placeholder,
.auth-field textarea::placeholder{
    color:var(--muted-2);
}

.auth-submit{
    width:100%;
    padding:13px;
    font-size:1rem;
    border-radius:14px;
    margin-top:4px;
}

.auth-footer-link{
    margin:20px 0 0;
    text-align:center;
    color:var(--muted);
    font-size:.9rem;
}

.auth-footer-link a{
    color:var(--accent);
    font-weight:600;
}

/* ─── Vezérlőpult ─── */
.dashboard-wrap{
    width:min(1100px, calc(100% - 32px));
    margin:0 auto;
    padding:28px 0 80px;
}

.dashboard-alert{
    margin-bottom:22px;
}

.dashboard-grid{
    display:grid;
    grid-template-columns:260px 1fr 1fr;
    gap:18px;
    align-items:start;
}

.dash-card{
    border-radius:var(--radius-xl);
    padding:24px;
}

/* Profil kártya */
.dash-avatar{
    width:72px;
    height:72px;
    border-radius:50%;
    background:linear-gradient(135deg,#87f0ff,#00d2ff);
    display:grid;
    place-items:center;
    font-size:1.4rem;
    font-weight:800;
    color:#04131a;
    margin:0 auto 14px;
    box-shadow:0 8px 24px rgba(0,210,255,.22);
}

.dash-name{
    text-align:center;
    font-size:1.1rem;
    font-weight:800;
    margin-bottom:4px;
}

.dash-email{
    text-align:center;
    color:var(--muted);
    font-size:.85rem;
    margin-bottom:18px;
}

.dash-meta-list{
    display:grid;
    gap:10px;
    margin-bottom:16px;
}

.dash-meta-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 12px;
    border-radius:12px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--line-soft);
    font-size:.85rem;
}

[data-theme="light"] .dash-meta-item{
    background:rgba(0,0,0,.04);
}

.dash-meta-item .label{
    color:var(--muted-2);
    text-transform:uppercase;
    font-size:.72rem;
    letter-spacing:.07em;
}

.dash-meta-item .value{
    font-weight:700;
}

.dash-bio{
    color:var(--muted);
    font-size:.88rem;
    line-height:1.6;
    margin:0;
    border-top:1px solid var(--line-soft);
    padding-top:14px;
}

.dash-section-title{
    margin:0 0 18px;
    font-size:.84rem;
    font-weight:800;
    color:#dff4ff;
    text-transform:uppercase;
    letter-spacing:.08em;
}

[data-theme="light"] .dash-section-title{
    color:var(--muted);
}

/* Reszponzív */
@media (max-width: 900px){
    .dashboard-grid{
        grid-template-columns:1fr 1fr;
    }

    .dash-card:first-child{
        grid-column:1 / -1;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        gap:16px;
        align-items:center;
    }

    .dash-avatar{
        margin:0;
        flex-shrink:0;
    }

    .dash-name,
    .dash-email{
        text-align:left;
        margin-bottom:2px;
    }

    .dash-meta-list{
        width:100%;
        margin-bottom:0;
    }

    .dash-bio{
        width:100%;
    }
}

@media (max-width: 600px){
    .auth-card{
        padding:24px 18px;
    }

    .dashboard-grid{
        grid-template-columns:1fr;
    }

    .dash-card:first-child{
        grid-column:auto;
        flex-direction:column;
        align-items:center;
    }

    .dash-avatar{
        margin:0 auto;
    }

    .dash-name,
    .dash-email{
        text-align:center;
    }
}

/* ─── Kapcsolat oldal ─── */
.kapcsolat-wrap{
    width:min(1100px, calc(100% - 32px));
    margin:0 auto;
    padding:28px 0 80px;
}

.kapcsolat-grid{
    display:grid;
    grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);
    gap:20px;
    align-items:start;
}

.kapcsolat-info{
    border-radius:var(--radius-xl);
    padding:28px 24px;
}

.kapcsolat-form-card{
    max-width:none;
}

.kapcsolat-email-link{
    color:var(--accent);
    font-weight:700;
}

.kapcsolat-email-link:hover{
    text-decoration:underline;
}

@media (max-width: 760px){
    .kapcsolat-grid{
        grid-template-columns:1fr;
    }
}