.turri-account-profile {
    display: grid;
    gap: var(--turri-space-xs);
    margin-block-end: var(--turri-space-xs);
    padding: clamp(1.8rem, 4vw, 3.2rem);
    background: var(--turri-color-surface-default);
    border: 1px solid var(--turri-color-border-default);
    border-radius: var(--turri-radius-m);
    color: var(--turri-color-text-primary);
}

.turri-account-profile--wholesale {
    background: var(--turri-color-surface-selected);
    border-color: var(--turri-color-border-default);
}

.turri-account-profile__label {
    width: fit-content;
    padding: 0.4rem 0.8rem;
    background: var(--turri-color-surface-subtle);
    border-radius: 999px;
    color: var(--turri-color-text-secondary);
    font-size: var(--turri-text-xs);
    font-weight: 700;
    line-height: 1.3;
}

.turri-account-profile--wholesale .turri-account-profile__label {
    background: var(--turri-color-surface-default);
    color: var(--turri-color-action-primary-hover);
}

.turri-account-profile__title,
.turri-account-profile__description {
    margin: 0;
}

.turri-account-profile__title {
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 1.2;
}

.turri-account-profile__description {
    max-width: 66ch;
    color: var(--turri-color-text-secondary);
}

.turri-account-profile__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.turri-account-profile__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--turri-control-min-block-size);
    min-width: var(--turri-control-min-inline-size);
    padding: var(--turri-control-padding-block) var(--turri-control-padding-inline);
    border: var(--turri-control-border-width) solid var(--turri-color-action-primary-background);
    border-radius: var(--turri-control-radius);
    font-size: var(--turri-control-label-font-size);
    font-weight: var(--turri-control-label-font-weight);
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    transition: background-color var(--turri-control-motion-duration) ease, border-color var(--turri-control-motion-duration) ease, color var(--turri-control-motion-duration) ease;
}

.turri-account-profile__action--primary {
    background: var(--turri-color-action-primary-background);
    color: var(--turri-color-action-primary-foreground);
}

.turri-account-profile__action--secondary {
    background: var(--turri-color-surface-default);
    color: var(--turri-color-action-primary-hover);
}

.turri-account-profile__action--primary:hover {
    background: var(--turri-color-action-primary-hover);
    color: var(--turri-color-action-primary-foreground);
}

.turri-account-profile__action--secondary:hover {
    background: var(--turri-color-surface-selected);
    color: var(--turri-color-action-primary-hover);
}

.turri-account-profile__action:focus-visible {
    outline: var(--turri-focus-width) solid var(--turri-color-focus-ring);
    outline-offset: var(--turri-focus-offset);
}

.turri-account-dashboard__greeting {
    margin-block: 0 1.6rem;
}

.turri-account-dashboard__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.6rem;
    margin-block-start: 1.6rem;
}

.turri-account-dashboard__links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--turri-color-action-primary-hover);
    font-weight: 650;
    text-underline-offset: 0.2em;
}

.turri-account-dashboard__links a:focus-visible {
    outline: var(--turri-focus-width) solid var(--turri-color-focus-ring);
    outline-offset: var(--turri-focus-offset);
}

@media (max-width: 639px) {
    .turri-account-profile__actions {
        display: grid;
    }

    .turri-account-profile__action {
        width: 100%;
    }
}