/**
 * assets/css/brand.css — фирменный блок (логотип + NIRVA.AI + дескриптор).
 * Разметка — assets/php/brand-header.php. Используется на точках входа
 * в продукт: дашборд и страница входа.
 */

.brand { display: flex; align-items: center; gap: 12px; min-width: 0; }

.brand__logo {
    flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%;
    object-fit: cover; display: block;
}
.brand--compact .brand__logo { width: 32px; height: 32px; }

.brand__text { min-width: 0; }

.brand__name {
    font-weight: 700; font-size: 16px; letter-spacing: .04em;
    color: #1e293b; line-height: 1.2;
}
.brand--compact .brand__name { font-size: 15px; }

.brand__desc {
    margin-top: 2px; font-size: 12px; line-height: 1.35; color: #64748b;
    overflow-wrap: break-word;
}

/* На узких экранах дескриптор — самая длинная часть; уменьшаем, чтобы шапка
   не разрасталась на три строки и не съедала место под контент. */
@media (max-width: 420px) {
    .brand__desc { font-size: 11px; }
    .brand__logo { width: 34px; height: 34px; }
}