/* Базовые стили */
* { margin:0; padding:0; box-sizing:border-box; }
button { padding:5px; }
body { font-family:Arial, sans-serif; background:#f5f5f5; }
.mono { font-family:Courier; }
.align-right { text-align: right; }

/* Шапка */
header { 
	background:#2c3e50; 
	color:white; 
	padding:15px 20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header-left { display:flex; align-items:center; gap:15px; }
.header-right { display:flex; align-items:center; gap:15px; }

/* Навигация */
.nav-menu { display:flex; gap:10px; }
.nav-menu a { 
	color:rgba(255,255,255,0.9); 
	text-decoration:none; 
	padding:5px 10px;
	border-radius:3px;
	transition:background 0.3s;
}
.nav-menu a:hover { background:rgba(255,255,255,0.1); }
.nav-menu a.active { background:rgba(255,255,255,0.2); }

/* Ссылки */
/*a { color:#3498db; text-decoration:none; }*/
a:hover { text-decoration:underline; }
a {
	cursor: pointer;
	color: #77a02e;
}
a.scrcpy {
	background-image: url("/html/icons/external-link-ltr-icon.svg");
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 13px;
}

td.lip {
//	opacity: 0.5;
}
	
/* Кнопки */
.btn { 
	display:inline-block;
	padding:8px 15px;
	background:#3498db;
	color:white;
	border:none;
	border-radius:4px;
	cursor:pointer;
	text-decoration:none;
}
.btn:hover { background:#2980b9; }

/* Основной контент */
main { 
/*            max-width:800px; */
	margin:20px auto; 
	padding:10px;
	background:white;
	border-radius:5px;
	box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

/* Подвал */
footer { 
	text-align:center; 
	padding:15px; 
	color:#666;
	border-top:1px solid #ddd;
	margin-top:30px;
}

/* Формы */
.form-group { margin-bottom:15px; }
.form-group label { display:block; margin-bottom:5px; font-weight:bold; }
.form-control { 
	width:100%; 
	max-width:400px;
	padding:8px;
	border:1px solid #ddd;
	border-radius:4px;
}

/* Уведомления */
.alert { 
	padding:10px 15px; 
	border-radius:4px; 
	margin:10px 0;
}
.alert-error { 
	background:#ffe6e6; 
	border:1px solid #ff9999;
	color:#cc0000;
}
.alert-success { 
	background:#e6ffe6; 
	border:1px solid #99ff99;
	color:#006600;
}

/* Информационные блоки */
.info-box { 
	background:#e8f4fd; 
	padding:15px; 
	border-radius:5px;
	margin:15px 0;
}


.page {
  display: flex;
  gap: 20px;
  margin: 20px;
}

.left {
  flex: 0 0 auto;
  background: lightblue;
  padding: 20px;
  border-radius: 8px;

}

.right {
  flex: 1; /* flex-grow: 1 */
//      background: lightcoral;
  padding: 20px;
  padding-top: 0px;
  border-radius: 8px;
}

table {
  border-collapse: collapse;
  margin: 10px;
}
td,th {
  padding: 3px;
  border: 1px solid black;
  text-align: right;
  opacity: 100%;
}
.ellipsis {
	overflow: hidden;    	  	/* 1. Скрываем выходящий за границы контент */
	text-overflow: ellipsis; 	/* 2. Добавляем многоточие */
	white-space: nowrap; 
	max-width: 350px;
}
tbody tr:hover {
	background-color: lightblue;
}