/* LOS Register – svetla tema (bolj bela/svetla kot temni MatBot/MatRum/los-dashboard),
   a isti brand accent (#4f8ef7) za vizualno kontinuiteto med vsemi LOS površinami. */

.los-reg-wrap {
	max-width: 480px;
	margin: 2rem auto;
	font-family: 'Segoe UI', Arial, sans-serif;
	color: #1a2240;
	background: #ffffff;
	border: 1px solid #e3e8f0;
	border-radius: 14px;
	padding: 1.8rem 2rem;
	box-shadow: 0 4px 24px rgba(20, 30, 60, .06);
}

.los-reg-title { font-size: 1.35rem; font-weight: 700; margin: 0 0 .3rem; color: #12182b; }
.los-reg-subtitle { color: #64748b; margin-bottom: 1.4rem; font-size: .92rem; line-height: 1.55; }
.los-reg-subtitle code { background: #f0f4ff; color: #2f5fd6; padding: 1px 5px; border-radius: 4px; font-size: .88em; }

.los-reg-form { display: flex; flex-direction: column; gap: .9rem; }
.los-reg-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.los-reg-field { display: flex; flex-direction: column; gap: .3rem; }
.los-reg-field label { font-weight: 600; font-size: .88rem; color: #1a2240; }
.req { color: #dc2626; }
.los-reg-hint { font-size: .78rem; color: #8a93a6; margin-top: 2px; }

.los-reg-field input[type=text],
.los-reg-field input[type=email] {
	border: 1.5px solid #cdd7ea; border-radius: 8px; padding: 10px 12px;
	font-size: .97rem; outline: none; font-family: inherit; background: #fbfcfe;
	color: #1a2240; transition: border-color .15s, box-shadow .15s;
}
.los-reg-field input:focus {
	border-color: #4f8ef7; box-shadow: 0 0 0 3px rgba(79, 142, 247, .15); background: #fff;
}

.los-reg-radio {
	display: flex; align-items: center; gap: 8px; font-weight: 400 !important;
	cursor: pointer; font-size: .92rem; color: #334155;
}

.los-reg-btn {
	align-self: flex-start; padding: 11px 26px;
	background: linear-gradient(135deg, #4f8ef7, #3f7ce0);
	color: #fff; border: none; border-radius: 8px; font-size: 1rem; font-weight: 700;
	cursor: pointer; transition: opacity .15s; margin-top: 4px;
}
.los-reg-btn:hover { opacity: .9; }

.los-reg-btn-small {
	padding: 4px 12px; background: #fff; color: #9f1c1c;
	border: 1.5px solid #f7b8b8; border-radius: 6px; font-size: .82rem; font-weight: 600;
	cursor: pointer; transition: background-color .15s;
}
.los-reg-btn-small:hover { background: #fdecec; }

.los-reg-box {
	padding: 13px 17px; border-radius: 10px; margin-bottom: 1rem;
	font-size: .93rem; line-height: 1.5;
}
.los-reg-ok    { background: #eafaf0; color: #146c43; border: 1px solid #a6e9c3; }
.los-reg-err   { background: #fdecec; color: #9f1c1c; border: 1px solid #f7b8b8; }
.los-reg-info  { background: #eef4ff; color: #1e4fa8; border: 1px solid #b9d3fb; }

.los-reg-pin-box {
	font-size: 2rem; font-weight: 800; letter-spacing: .18em; text-align: center;
	color: #12182b; background: #f0f4ff; border: 1.5px dashed #4f8ef7;
	border-radius: 10px; padding: .9rem 1rem; margin: .6rem 0 1rem;
}

.los-reg-profile-table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.los-reg-profile-table th, .los-reg-profile-table td { text-align: left; padding: .5rem .3rem; border-bottom: 1px solid #eef1f6; }
.los-reg-profile-table th { color: #64748b; font-weight: 600; width: 120px; }
.los-reg-profile-table tr:last-child th, .los-reg-profile-table tr:last-child td { border-bottom: none; }

.los-reg-pending {
	display: inline-block; margin-left: 8px; font-size: .78rem;
	background: #fff6e0; color: #92650a; border: 1px solid #fde49a;
	border-radius: 6px; padding: 2px 7px;
}

@media (max-width: 480px) {
	.los-reg-wrap { padding: 1.4rem 1.2rem; }
	.los-reg-row2 { grid-template-columns: 1fr; }
}