/* Marmaks Service Desk — front styles. Inherits theme font (Mulish), accent #956F58. */

.esd-list { padding-left: 1.1rem; }
.esd-list li { margin-bottom: 8px; }
.esd-req { color: #c0392b; }

.esd-form { width: 100%; margin: 0 0 20px; }
.esd-form .esd-row { margin-bottom: 18px; }
.esd-form .esd-row-desc { margin-top: 10px; }
.esd-form label { display: block; font-weight: 600; margin-bottom: 6px; color: #2a2a2a; }
.esd-form input[type="text"],
.esd-form input[type="email"],
.esd-form select,
.esd-form textarea {
	width: 100%;
	border: 1px solid #dcd6d0;
	border-radius: 4px;
	font-size: 15px;
	line-height: 1.5;
	color: #333;
	background: #faf8f6;
	box-sizing: border-box;
	font-family: inherit;
}
.esd-form input[type="text"],
.esd-form input[type="email"],
.esd-form select { height: 52px; padding: 0 16px; }
.esd-form textarea { padding: 12px 16px; }
.esd-form input:focus,
.esd-form select:focus,
.esd-form textarea:focus {
	outline: none;
	border-color: #956f58;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(149, 111, 88, .15);
}
.esd-form select.esd-select {
	appearance: none; -webkit-appearance: none; -moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23956f58' stroke-width='1.6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 16px center; padding-right: 42px;
}
.esd-form .esd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 600px) { .esd-form .esd-grid { grid-template-columns: 1fr; } }
.esd-consent label { font-weight: 400; font-size: 14px; color: #555; }
.esd-consent input { width: auto; margin-right: 8px; }
.esd-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.esd-alert { border-radius: 4px; padding: 16px 18px; margin-bottom: 24px; font-size: 17px; line-height: 1.5; }
.esd-alert-ok { background: #f3ede8; border: 1px solid #956f58; color: #6b4a36; }
.esd-alert-err { background: #fdecec; border: 1px solid #c0392b; color: #8a1f1f; }
.esd-num { font-weight: 700; font-size: 1.05em; color: #956f58; }

.esd-result { border: 1px solid #e3ddd7; border-radius: 6px; padding: 22px 24px; margin-top: 8px; background: #faf8f6; }
.esd-result h3 { margin-top: 0; color: #956f58; }
.esd-result-table { width: 100%; border-collapse: collapse; margin-bottom: 18px; }
.esd-result-table th, .esd-result-table td { text-align: left; padding: 9px 12px; border-bottom: 1px solid #ece6e0; }
.esd-result-table th { width: 200px; color: #7a6a5e; font-weight: 600; }
.esd-log { list-style: none; padding: 0; margin: 0; }
.esd-log li { padding: 8px 0; border-bottom: 1px dashed #e0d8d0; font-size: 14px; }
.esd-log-time { color: #7a6a5e; }

.esd-prio-form { margin-top: 22px; padding-top: 20px; border-top: 1px solid #ece6e0; }
.esd-prio-form label { display: block; font-weight: 600; margin-bottom: 10px; }
.esd-prio-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.esd-prio-row select { width: auto; min-width: 220px; height: 52px; padding: 0 16px; border: 1px solid #dcd6d0; border-radius: 4px; background: #faf8f6; font-family: inherit; }

.esd-sla { width: 100%; border-collapse: collapse; margin: 8px 0 20px; }
.esd-sla th, .esd-sla td { border: 1px solid #e3ddd7; padding: 12px 16px; text-align: left; font-size: 15px; }
.esd-sla thead th { background: #956f58; color: #fff; font-weight: 600; }
.esd-sla tbody tr:nth-child(even) { background: #f6f2ee; }

.esd-contacts { list-style: none; padding: 0; margin: 0; line-height: 2; }
.esd-contacts a { color: #956f58; }

.esd-tg-cta { margin: 22px 0 4px; }
.esd-tg-btn {
	display: inline-flex; align-items: center; background: #229ed9; color: #fff;
	padding: 14px 30px; border-radius: 4px; font-weight: 600; font-size: 16px; text-decoration: none;
}
.esd-tg-btn:hover { background: #1c8ec2; color: #fff; }