.avatar {
	height: 30px;
	width: 30px;
}


/* Loader (анимация загрузки) */
[data-role="loading"] {
	width: 200px;
	height: 100px;
	position: fixed;
	bottom: 30%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1;
	pointer-events: none;
}

[data-role="loading"] .balls {
	position: relative;
	width: 100%;
	height: 60px;
}

[data-role="loading"] .circle {
	width: 20px;
	height: 20px;
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	left: 15%;
	transform-origin: 50%;
	animation: circle7121234 .5s alternate infinite ease;
}

@keyframes circle7121234 {
	0% {
		top: 60px;
		height: 5px;
		border-radius: 50px 50px 25px 25px;
		transform: scaleX(1.7);
	}

	40% {
		height: 20px;
		border-radius: 50%;
		transform: scaleX(1);
	}

	100% {
		top: 0%;
	}
}

[data-role="loading"] .circle:nth-child(2) {
	left: 45%;
	animation-delay: .2s;
}

[data-role="loading"] .circle:nth-child(3) {
	left: auto;
	right: 15%;
	animation-delay: .3s;
}

[data-role="loading"] .shadow-ball {
	width: 20px;
	height: 4px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.9);
	position: absolute;
	top: 62px;
	transform-origin: 50%;
	z-index: -1;
	filter: blur(1px);
	animation: shadow046123 .5s alternate infinite ease;
}

@keyframes shadow046123 {
	0% {
		transform: scaleX(1.5);
	}

	40% {
		transform: scaleX(1);
		opacity: .7;
	}

	100% {
		transform: scaleX(.2);
		opacity: .4;
	}
}

[data-role="loading"] .shadow-ball:nth-child(4) {
	left: 45%;
	animation-delay: .2s;
}

[data-role="loading"] .shadow-ball:nth-child(5) {
	left: auto;
	right: 15%;
	animation-delay: .3s;
}

[data-role="loading"] .loader-text {
	position: absolute;
	top: 80px;
	margin-top: 8px;
	font-size: 20px;
	color: #ffffff;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black,
		-1px 1px 0 black, 1px 1px 0 black;
	pointer-events: auto;
	align-items: center;
	text-align: center;
}

.status-col{
    width: 360px;   /* подберите число под самый длинный статус, ~240-280 px */
    flex-shrink: 0; /* запрещаем сжиматься, чтобы не «гуляло» */
}

.icon-col { width: 180px; } 

.card--disabled {
  opacity: .45;          /* визуально «приглушённая»   */
  pointer-events: none;  /* блокируем клики / скролл   */
  filter: grayscale(70%);/* необязательно: обесцвечиваем*/
}

/* одинаковая высота строк в сводных таблицах */
.stats-table tbody tr {height:49px;}
.stats-table tbody td  {vertical-align:middle;}
/* выровненные информационные карточки */
.stat-card {min-height:110px;}
.stat-card .card-body {height:100%;}
.stat-card .row       {height:100%; align-items:center;}



#ofBar {
  background:#fff;
  z-index:999999999;
  font-size:16px;
  color:#333;
  padding:16px 24px;
  font-weight:400;
  display:flex;
  justify-content:center;
  align-items:center;
  position:fixed;
  top:40px;
  width:80%;
  border-radius:8px;
  left:0;
  right:0;
  margin:0 auto;
  box-shadow:
    0 13px 27px -5px rgba(41,37,36,0.25),
    0 8px 16px -8px rgba(41,37,36,0.3),
    0 -6px 16px -6px rgba(41,37,36,0.025);
  position: fixed;
}

/* Центрируем логотип + текст */
#ofBar-center {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;          /* расстояние между логотипом и текстом */
  flex:1;
  text-align:center;
}

/* Логотип */
#ofBar-logo img {
  height:60px;
}

/* Текст */
#ofBar-content {
  font-size:16px;
}

/* Жирный текст внутри */
#ofBar b {
  font-size:15px !important;
}

/* Таймер */
#count-down {
  display:inline-block;
  padding-left:10px;
  font-weight:700;
  font-size:20px;
}

/* Крестик закрытия */
#ofBar-right {
  position:absolute;
  top:8px;
  right:12px;
}
#close-bar {
  font-size:17px;
  opacity:.5;
  cursor:pointer;
  color:#808080;
  font-weight:700;
}
#close-bar:hover {
  opacity:1;
}

/* Кнопки (если вдруг вернёшь назад) */
#btn-bar, .btn-cta-style {
  background:#292524;
  color:#fff;
  border-radius:4px;
  padding:10px 20px;
  font-weight:700;
  text-align:center;
  font-size:12px;
  opacity:.95;
  margin-right:20px;
  box-shadow:
    0 5px 10px -3px rgba(0,0,0,.23),
    0 6px 10px -5px rgba(0,0,0,.25);
  text-decoration:none !important;
}
#btn-bar:hover {
  opacity:1;
}

/* Мобильная версия */
@media (max-width: 768px){
  #count-down {
    display:block;
    margin-top:15px;
  }
  #ofBar {
    flex-direction:column;
    align-items:normal;
    width:92%;
    top:12px;
  }
  #ofBar-center {
    flex-direction:column;
    gap:8px;
  }
  #ofBar-content {
    margin:15px 0;
    text-align:center;
    font-size:18px;
  }
  #ofBar-right {
    position:absolute;
    top:8px;
    right:12px;
  }
}


#navbarBlur.nav-bg {
  background: rgba(255,255,255,.9);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.08);
}
@media (prefers-color-scheme: dark) {
  #navbarBlur.nav-bg { background: rgba(255, 255, 255, 0.85); }
}