/* ==========================================================================
   NBKN CLOUD - BASE & LOGIN (NEO-SKEUOMORPHISM)
   ========================================================================== */

html, body {
	background-color: #050505 !important;
	color: #e5e5e5;
	font-size: 13px;
}

/* Кастомный кастомный тактильный скроллбар */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track {
	background: #080808;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.9);
}
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #222 0%, #111 100%);
	border: 1px solid #2a2a2a;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.8);
}
::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #ff2a2a 0%, #8a0000 100%);
	border-color: #ff5555;
}

/* ЭКРАН ВХОДА (LOGIN) */
#body-login {
	background: radial-gradient(circle at 50% 30%, #1a0505 0%, #050505 70%) !important;
	background-attachment: fixed;
}

#body-login .v-align {
	background: linear-gradient(145deg, #121212 0%, #0a0a0a 100%) !important;
	border: 1px solid #222222;
	border-radius: 12px;
	box-shadow: 
		0 20px 40px rgba(0, 0, 0, 0.9),
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 20px rgba(255, 42, 42, 0.08);
	padding: 2.5rem !important;
}

#body-login form label {
	color: #888888;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

/* Ошибки и уведомления */
#notification-container {
	top: 10px;
}
#notification {
	background: linear-gradient(180deg, #2a0808 0%, #150000 100%) !important;
	border: 1px solid #ff2a2a !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	box-shadow: 0 4px 15px rgba(255, 42, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
	font-weight: 600;
}

/* Пустой контент */
#emptycontent, .emptycontent {
	color: #555;
}
#emptycontent [class^="icon-"], .emptycontent [class^="icon-"] {
	opacity: 0.2;
	filter: drop-shadow(0 0 8px rgba(255, 42, 42, 0.2));
}

/* Хлебные крошки (Breadcrumbs) */
div.crumb {
	background-image: none !important;
}
div.crumb a, div.crumb span {
	color: #888;
	transition: color 0.2s;
}
div.crumb:hover a {
	color: #ff2a2a;
}
div.crumb.last {
	color: #fff;
	font-weight: bold;
}