/* Enterprise Loan Manager — public (front-end) styles */

.elm-public-form {
	max-width: 520px;
	margin: 0 auto;
}
.elm-form-title { margin: 0 0 6px; }
.elm-form-intro { margin: 0 0 20px; color: #555; font-size: 14px; }

.elm-public-form p { margin-bottom: 16px; }
.elm-public-form label { display: block; font-weight: 600; margin-bottom: 6px; }
.elm-public-form input,
.elm-public-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 15px;
	box-sizing: border-box;
}
.elm-public-form input:focus,
.elm-public-form textarea:focus {
	border-color: #2271b1;
	outline: none;
	box-shadow: 0 0 0 2px rgba(34,113,177,.2);
}

/* Currency-prefixed amount field */
.elm-amount-field {
	display: flex;
	align-items: stretch;
	border: 1px solid #ccc;
	border-radius: 6px;
	overflow: hidden;
}
.elm-amount-field:focus-within {
	border-color: #2271b1;
	box-shadow: 0 0 0 2px rgba(34,113,177,.2);
}
.elm-amount-symbol {
	display: flex;
	align-items: center;
	padding: 0 14px;
	background: #f3f4f5;
	border-right: 1px solid #ccc;
	font-weight: 600;
	color: #333;
}
.elm-amount-field input {
	border: none;
	border-radius: 0;
}
.elm-amount-field input:focus { box-shadow: none; }

.elm-public-form button[type="submit"] {
	background: #2271b1;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 12px 22px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}
.elm-public-form button[type="submit"]:hover { background: #195a8d; }

/* Notices */
.elm-notice {
	max-width: 520px;
	margin: 0 auto 18px;
	padding: 12px 16px;
	border-radius: 6px;
	font-size: 14px;
}
.elm-notice-success { background: #d6f3e0; color: #1a7f45; }
.elm-notice-error   { background: #fde0e0; color: #b32424; }