.nord-myacct { 
    max-width: 840px; 
    margin: 2rem auto; 
    padding: 0 1rem; 
}

.nord-myacct__card { 
    background: #fff; 
    border: 1px solid #eef1f4; 
    border-radius: 14px; 
    box-shadow: 0 8px 24px rgba(2,6,23,0.06); 
    padding: 1.25rem; 
}

@media (min-width: 640px) { 
    .nord-myacct__card { 
        padding: 2rem; 
    } 
}

.nord-myacct__header { 
    display: flex; 
    gap: 1rem; 
    align-items: center; 
    border-bottom: 1px solid #eef1f4; 
    padding-bottom: 1rem; 
    margin-bottom: 1rem; 
}

.nord-myacct__avatar { 
    width: 48px; 
    height: 48px; 
    border-radius: 999px; 
    background: #0ea5e9; 
    color: #fff; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-weight: 700; 
}

.nord-myacct__title h2 { 
    margin: 0 0 .25rem; 
    font-size: 1.25rem; 
}

.nord-myacct__email { 
    margin: 0; 
    color: #64748b; 
}

.nord-myacct__badges {
    margin: 0.5rem 0 0;
}

.nord-myacct__meta { 
    display: grid; 
    gap: .75rem; 
    margin: 1rem 0; 
}

@media (min-width: 640px) { 
    .nord-myacct__meta { 
        grid-template-columns: 1fr 1fr; 
    } 
}

.nord-myacct__meta-item {
    display: flex;
    flex-direction: column;
}

.nord-myacct__meta-label { 
    display: block; 
    font-size: .85rem; 
    color: #64748b; 
    margin-bottom: 0.25rem;
}

.nord-myacct__meta-value a { 
    word-break: break-all; 
}

.nord-myacct__actions { 
    display: flex; 
    gap: .75rem; 
    flex-wrap: wrap; 
    margin-top: .5rem; 
}

.nord-myacct__button { 
    background: #0f766e; 
    color: #fff; 
    padding: .6rem .9rem; 
    border-radius: 10px; 
    text-decoration: none; 
    font-weight: 600; 
}

.nord-myacct__button:hover { 
    filter: brightness(1.05); 
}

.nord-myacct__link { 
    text-decoration: none; 
    padding: .6rem .9rem; 
    border-radius: 10px; 
    background: #f7f9fb; 
    border: 1px solid #e5e9f0; 
    color: #0f172a; 
}

.nord-myacct__link:hover {
    background: #eef1f4;
}

.nord-myacct--loggedout { 
    max-width: 680px; 
    margin: 2rem auto; 
    padding: 1rem; 
    background: #fff6f6; 
    border: 1px solid #ffdede; 
    border-radius: 12px; 
}

.nord-badge { 
    display: inline-block; 
    padding: .25rem .5rem; 
    border-radius: 999px; 
    font-size: .8rem; 
    border: 1px solid #e5e9f0; 
}

.nord-badge--active { 
    background: #ecfdf5; 
    border-color: #34d399; 
    color: #065f46; 
}

.nord-badge--inactive { 
    background: #fff7ed; 
    border-color: #fbbf24; 
    color: #92400e; 
}

.nord-myacct__section {
    margin: 1.5rem 0;
}

.nord-myacct__section h3 {
    margin: 0 0 1rem;
    font-size: 1.1rem;
}

.nord-myacct__tablewrap { 
    overflow: auto; 
    border: 1px solid #eef1f4; 
    border-radius: 10px; 
}

.nord-myacct__table { 
    width: 100%; 
    border-collapse: collapse; 
}

.nord-myacct__table th, 
.nord-myacct__table td { 
    padding: .6rem .75rem; 
    border-bottom: 1px solid #eef1f4; 
    text-align: left; 
    white-space: nowrap; 
}

.nord-myacct__table th { 
    font-weight: 600; 
    background: #f8fafc;
}

.nord-myacct__table tbody tr:last-child td {
    border-bottom: none;
}

.nord-myacct__error { 
    color: #b91c1c; 
    font-style: italic;
}