/* Базовые стили демо-шаблонов IT-Aegis */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* Аватары с инициалами — без стоковых фото людей */
.person-avatar {
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    user-select: none;
}
.person-avatar--xs { width: 40px; height: 40px; font-size: 0.72rem; }
.person-avatar--md { width: 88px; height: 88px; font-size: 1.35rem; }
.person-avatar--lg { width: 96px; height: 96px; font-size: 1.5rem; }
.person-avatar--xl { width: 200px; height: 200px; font-size: 2.5rem; }
.person-avatar--violet { background: linear-gradient(135deg, #6366f1, #8b5cf6); }
.person-avatar--teal { background: linear-gradient(135deg, #0f766e, #14b8a6); }
.person-avatar--blue { background: linear-gradient(135deg, #1e40af, #3b82f6); }
.person-avatar--rose { background: linear-gradient(135deg, #be185d, #ec4899); }
.person-avatar--amber { background: linear-gradient(135deg, #b45309, #ea580c); }
.person-avatar--slate { background: linear-gradient(135deg, #334155, #475569); }

.cover { width: 100%; height: 100%; object-fit: cover; }
img { max-width: 100%; height: auto; display: block; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }