/* === Стол заказов - тёмная тема и адаптивный дизайн с иконками === */
.orderdesc-area{
	padding: 20px;
	background-color: #1e1e1e; /* тёмный фон */
	color: #fff; /* светлый текст */
}

.orderdesc-h{
	font: bold 28px/30px Calibri, sans-serif;
	color: #81c7d4; /* яркий, современный оттенок для заголовков */
}

.orderdesc-add{
	float: right;
	height: 40px; /* увеличена высота для лучшей адаптивности */
	padding: 0 20px;
	border: 1px solid #3a89c3;
	background: #3a89c3 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAKUlEQVQImWNwnHqTiYGBgenPv/9MDAwMTH/hNAMq/z8aH0r/IVIdmnkANWQmm4eB2ycAAAAASUVORK5CYII=') no-repeat 10px center;
	background-size: 14px; /* изменение размера иконки для адаптивности */
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	text-shadow: none; /* убрано устаревшее свойство */
	transition: background 0.3s ease; /* плавный переход на hover */
}
.orderdesc-add:hover{
	background: #307bb2 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAKUlEQVQImWNwnHqTiYGBgenPv/9MDAwMTH/hNAMq/z8aH0r/IVIdmnkANWQmm4eB2ycAAAAASUVORK5CYII=') no-repeat 10px center;
	background-size: 14px;
}

.orderdesc-add-area{
	display: none;
	clear: both;
	margin-top: 15px;
	background: #333; /* тёмный фон */
	padding: 10px 15px; /* добавлены отступы для удобства */
	border-radius: 5px;
}

.orderdesc-add-area-row{
	padding: 15px 5%;
	border-bottom: 1px solid #444;
}

.orderdesc-add-area-row-t{
	color: #ccc;
	font: bold 14px Calibri, sans-serif;
}

.orderdesc-add-area-row-input{
	width: 100%; /* адаптивность: 100% ширины */
	height: 40px;
	border: 1px solid #555;
	border-radius: 5px;
	background-color: #222; /* тёмный фон */
	color: #fff;
	padding: 0 15px;
	transition: border-color 0.3s ease;
}
.orderdesc-add-area-row-input:focus{
	border-color: #3a89c3;
	box-shadow: 0 0 5px rgba(60,140,200,0.7);
}

.orderdesc-cancel,
.orderdesc-doadd{
	padding: 10px 30px;
	cursor: pointer;
	margin-right: 7px;
	border-radius: 5px;
	background-color: #3a89c3; /* современный цвет */
	color: #fff;
	transition: box-shadow 0.3s ease;
}
.orderdesc-cancel:hover,
.orderdesc-doadd:hover{
	box-shadow: 0 0 5px rgba(60,140,200,0.7);
}

/* Иконки для статусов */
.od-all,
.od-wait,
.od-done,
.od-deny,
.od-top{
	display: inline-block;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background: #444;
	vertical-align: bottom;
}

.od-all{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAApklEQVR42mP4gA08ZaCq8K35nZ2zz6EJv5ro5paR4ebS+AxZ+FFc0FYQvTUo7AqScF7MI4iuRzFxb+DCO91Owaw45bYULtxYjXBEdQ5cOGopQnipB1w4YCNCeKPLM5hwwmyE8FwfuOreNIRwWjlc+IrbVpjoVpf9CHdP9TkGET3mU4/knXetbp0nPnw40elW+golqDbHuQBB2PJ36AF7Y//uK9SNHQAeuqDkUdpBpwAAAABJRU5ErkJggg==');
	opacity: 0.8;
}
.od-wait{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAAXklEQVR42mP4gA08ZaCL8IUIt+VYhEtdXDyeYQrHuLi4XMAUzgMK38AUnu3iEoTF7AduLpOxObA77Ak24XePsLn7RW/pOSzCvS4uYViEa11cvN5g8XyYx2o6hzeKMADqkq62n/RA2wAAAABJRU5ErkJggg==');
	opacity: 0.5;
}
.od-done{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAAVElEQVR42mP4gA08ZRh44XdYhc8FzMYifC7AxesZhjBI9DCS6ul5L5BFocJnXFxyXiCJwlRPBYofQ4jCzQaKuyBEEVZORRZFckk/kiiyA+8NcHgDAJWdq89/NheVAAAAAElFTkSuQmCC');
}
.od-deny{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAAaUlEQVR42mP4gA08ZRg44RMXQOSrjajCJ7x8TgFFc1z6UYTP+bj4nACKukxGMwQonuYCVYxkJVAcLook/Aqo1u0UujDIXDcXn1Oowi+Aov0g80+gCK8HmwsUz0E1pHcq2N68ewMesGjCAB57pGIv6y4lAAAAAElFTkSuQmCC');
}
.od-top{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAAAAADh3zPnAAAAv0lEQVR42mP4gA08ZaBE+N3DW2+wCD+eU3kDi/CDCbmXsQg/7Mu5hC789MqrhxMwhF9vTrjwaEIuhvDKyBOP+lCFn194+XplxAk0s9/vDzgNUv2wPwfukncv37/f7nsUJPygH+HAu+sfw4X74MLvdsader/D9whYGOGdd1sjj0FVH3uIcMm7bVEngMKHIVYihA+nXXy/1/vU6/VxZx9PK74Gs/LltdcfXpx7+f7B0edvrx5/iR4m798Btb4lI9IA15afFB34FCYAAAAASUVORK5CYII=');
}

/* Таблицы с иконками */
.orderdesc-table{
	margin-top: 10px;
	width: 100%;
	border-top: 1px solid #444;
	border-collapse: collapse;
}

.orderdesc-table tr:hover{
	background: #2b2b2b;
}

.orderdesc-table td{
	height: 40px;
	padding: 10px;
	text-align: center;
	font: bold 12px/22px Arial, sans-serif;
	color: #ddd;
	border-bottom: 1px solid #444;
}

.orderdesc-table td.od_td_title{
	text-align: left;
	padding: 2px 0 2px 10px;
	height: 18px;
	line-height: 18px;
}

.orderdesc-rating{
	background: #444;
	color: #999;
	transition: background 0.3s ease, color 0.3s ease;
	border-radius: 3px;
}
.orderdesc-rating-green{
	background: #74b52f;
	color: #fff;
        padding: 7px;
}

.orderdesc-edit{
	font: normal 10px Arial;
	color: #d28c00;
}
.orderdesc-edit:hover{
	color: #000;
}

.orderdesc-navigation{
	clear: both;
	margin-top: 15px;
	text-align: center;
	font: normal 12px Arial, sans-serif;
	color: #bbb;
}

.orderdesc-navigation *{
	padding: 10px;
	border: 1px solid #555;
	border-radius: 5px;
}

.orderdesc-navigation a:hover{
	color: #3a89c3;
	border-color: #3a89c3;
}

.show-alerts>div{
	background: #2b2b2b;
	padding: 15px;
	box-shadow: 0 2px 10px rgba(0,0,0,.5);
	border-left: 3px solid #ff5f43;
	color: #fff;
}

/* Медиазапросы для адаптивности */
@media (max-width: 768px) {
	.orderdesc-h {
		font-size: 24px;
	}

	.orderdesc-add-area-row-input {
		width: 100%;
	}

	.orderdesc-table td {
		font-size: 10px;
		padding: 5px;
	}
}

ul.orderdesc-statusinfo li {
    margin-right: 10px;
}

ul.orderdesc-statusinfo {
    list-style: none;
    display: flex;
    padding: 10px;
}


@media (max-width: 480px) {
	.orderdesc-add {
		width: 100%;
		text-align: center;
	}

	.orderdesc-h {
		font-size: 20px;
	}
}