/* Dark-mode styles for the repair form */
body{
	font-family: Arial, Helvetica, sans-serif;
	background: #1a1c1f;
	color: #e6e6e6;
	-webkit-font-smoothing:antialiased;
}
.container{
	background:#151618;
	padding:24px;
	border-radius:8px;
	box-shadow: 0 6px 18px rgba(0,0,0,0.6);
	max-width:900px;
	margin:32px auto;
	border: 1px solid rgba(255,255,255,0.03);
}
h1{margin:0 0 14px 0;font-size:20px;color:#fff}
.brand{margin-bottom:12px}
.brand img{display:block}
h1{margin:0 0 14px 0;font-size:20px;color:#fff}
label{display:block;margin-top:12px;font-size:14px;color:#d7d7d7}
input[type=text],input[type=email],input[type=tel],input[type=search],textarea{
	width:100% !important;
	padding:10px 12px;
	margin-top:6px;
	background:#101214 !important;
	color:#eaeaea !important;
	border:1px solid rgba(255,255,255,0.06) !important;
	border-radius:6px;
	box-sizing:border-box;
	-webkit-appearance: none;
	appearance: none;
}

/* Ensure autofill and browser styles don't override dark background */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
input:-internal-autofill-selected {
	-webkit-text-fill-color: #eaeaea !important;
	transition: background-color 5000s ease-in-out 0s !important;
	box-shadow: 0 0 0px 1000px #101214 inset !important;
}
fieldset{border:1px solid rgba(255,255,255,0.04);padding:12px 16px;border-radius:6px;margin-top:16px}
legend{padding:0 8px;font-weight:600;color:#ffffffcc}
.actions{margin-top:18px;text-align:right}
button{background:#0a84ff;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:600}
button:hover{background:#066fd6}

@media (min-width:700px){
	.repair-form label{display:block}
	.repair-form label input, .repair-form label textarea{max-width:100%}
}

/* Footer version on the form page */
.footer-version{
	text-align:right;
	color:#9aa0a6;
	font-size:12px;
	margin-top:12px;
}