/* Dubuz avatar + header logo — no Tailwind dependency */
.dubuz-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    object-fit: cover;
    overflow: hidden;
    font-weight: 600;
    line-height: 1;
    background: #e5e7eb;
    color: #4b5563;
    vertical-align: middle;
}

.dubuz-avatar-xs { width: 28px; height: 28px; font-size: 11px; }
.dubuz-avatar-sm { width: 32px; height: 32px; font-size: 13px; }
.dubuz-avatar-md { width: 48px; height: 48px; font-size: 18px; }
.dubuz-avatar-lg { width: 64px; height: 64px; font-size: 22px; }
.dubuz-avatar-xl { width: 96px; height: 96px; font-size: 28px; }

.dubuz-avatar-r-full { border-radius: 9999px; }
.dubuz-avatar-r-xl { border-radius: 12px; }

img.dubuz-avatar { display: block; }

.dash-brand-logo {
    height: 30px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}

.sng-header-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
}

.sng-header-logo img {
    height: 36px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    display: block;
}

img.sng-header-user-avatar {
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
}