/* Font family for admin body */
body.fa-admin-body {
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* Общий стиль кликабельного бейджа пользователя (2 строки) */
.user-identity-pill {
    display: inline-block;
    padding: .25rem .45rem;
    border: 1px solid #d0d3d9;           /* серая рамка (единая для всех) */
    border-radius: .5rem;
    background-color: #fff;
    min-width: 100px;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
    margin-right: .75rem;
}
.user-identity-pill:hover {
    text-decoration: none;
    border-color: #b8bcc4;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
}
.user-identity-pill.disabled { pointer-events: none; opacity:.75; }

/* Имя пользователя: тёмно-серый для User/Client */
.user-identity-pill .ui-name {
    color: #343a40;
    font-weight: 500;
    font-size: .9rem;
    line-height: 1.1;
    white-space: nowrap;
}

/* Имя для Admin/Chef: серый цвет */
.user-identity-pill.pill-admin .ui-name {
    color: #6c757d;
}

/* Роль: общие стили */
.user-identity-pill .ui-role {
    display: inline-flex;
    align-items: center;
    gap: .30rem;
    margin-top: .10rem;
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .2px;
}

/* Пробел после иконки роли */
.user-identity-pill .ui-role i {
    margin-right: .25rem;
}

/* Цвета ролей */
.user-identity-pill .ui-role.role-chef       { color: #2e7d32; } /* тёмно-зелёный для повара */
.user-identity-pill .ui-role.role-client     { color: #0d6efd; } /* синий для клиента */
.user-identity-pill .ui-role.role-superadmin { color: #6f42c1; } /* фиолетовый */
.user-identity-pill .ui-role.role-guest      { color: #6c757d; } /* серый для гостя */

/* System Admin: чёрный текст на оранжевом фоне */
.user-identity-pill .ui-role.role-system-admin {
    color: #111;
    background-color: #ffa726;
    padding: 2px 8px;
    border-radius: 12px;
    display: inline-block;
    line-height: 1.15;
}

/* Гостевой бейдж: одна строка, только роль */
.user-identity-pill.pill-guest {
    min-width: auto;
    padding: .35rem .6rem;
}
.user-identity-pill.pill-guest .ui-name {
    display: none; /* скрываем имя для гостя */
}
.user-identity-pill.pill-guest .ui-role {
    margin-top: 0;
    color: #6c757d;
}

/* Иконки ролей: наследуют цвет роли, компактный размер */
.user-identity-pill .ui-role .bi-egg-fried,
.user-identity-pill .ui-role .bi-person-circle,
.user-identity-pill .ui-role .bi-person {
    font-size: 1rem;
    line-height: 1;
}

/* Малый бейдж страны рядом с ролью */
.user-identity-pill .ui-country-badge {
    display: inline-block;
    margin-left: .35rem;
    padding: 0 .4rem;
    font-size: .78rem;
    line-height: 1.1;
    color: #495057;
    background: #eef1f4;
    border: 1px solid #e4e6eb;
    border-radius: .35rem;
    letter-spacing: .5px;
}

/* Navbar inner layout fix */
.navbar.fa-topbar .navbar-inner {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

/* Right block alignment */
.navbar.fa-topbar .right-block {
    display: flex;
    align-items: center;
    gap: .5rem;
}