#loading .window {
	margin: 5px;
}

#viewport {
	padding: 5px;
}

#viewport.menu-open {
	padding-left: 0;
}

.window {
	border-radius: 5px;
	box-shadow: 0 0 25px rgb(0 0 0 / 50%);
}

@media (max-width: 768px) {
	#loading .window {
		margin: 0;
	}

	#viewport,
	#viewport.menu-open {
		padding: 0;
	}

	#footer .icon {
		border-radius: 0;
	}

	.window {
		border-radius: 0;
	}
}

/* AmaNoZone custom */
.name-field, .realname-field, .leave-message-field { display: none !important; }

/* AmaNoZone */
.connect-row:has(#connect\\:username),
.connect-row:has(#connect\\:realname),
.connect-row:has(#connect\\:leaveMessage) { display: none !important; }

/* ══════════ AmaNoZone Theme ══════════ */
body { background: #1a1f3e !important; }

#app { background: #1a1f3e !important; }

.connect-row:has(#connect\:username),
.connect-row:has(#connect\:realname),
.connect-row:has(#connect\:leaveMessage),
.connect-row:has(#connect\:password) { display: none !important; }

.connect-form {
  background: rgba(37,43,82,0.9) !important;
  border: 2px solid rgba(108,63,197,0.5) !important;
  border-radius: 2rem !important;
  padding: 2rem !important;
  box-shadow: 0 0 60px rgba(108,63,197,0.3) !important;
}

h2.page-title {
  font-family: 'Nunito', sans-serif !important;
  background: linear-gradient(135deg, #06d6d6, #6c3fc5, #ff4e8e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 2rem !important;
}

.connect-row label { color: #b0b8d8 !important; font-weight: 800 !important; }

.connect-row input {
  background: rgba(26,31,62,0.8) !important;
  border: 2px solid rgba(108,63,197,0.4) !important;
  border-radius: 999px !important;
  color: #fff !important;
  padding: 0.8rem 1.2rem !important;
}

.connect-row input:focus { border-color: #06d6d6 !important; outline: none !important; }

.btn.btn-primary {
  background: linear-gradient(135deg, #6c3fc5, #ff4e8e) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 1rem 3rem !important;
  font-size: 1.1rem !important;
  font-weight: 900 !important;
  box-shadow: 0 6px 30px rgba(255,78,142,0.5) !important;
  width: 100% !important;
  cursor: pointer !important;
  color: #fff !important;
}

.btn.btn-primary:hover { transform: translateY(-3px) !important; }

#sidebar { background: #252b52 !important; border-right: 2px solid rgba(108,63,197,0.3) !important; }