/* ===== Бүртгэлийн хуудас (register.php) ===== */
.reg-hero{background:var(--h-surface);border-bottom:1px solid var(--h-line);padding:36px 0 32px;}
.reg-hero h1{font-size:34px;font-weight:800;color:var(--h-ink);margin:10px 0 8px;}
.reg-hero p{color:var(--h-muted);margin:0;max-width:640px;}
.reg-crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--h-muted);}
.reg-crumb a{color:var(--h-muted);text-decoration:none;}
.reg-crumb a:hover{color:var(--h-navy);}
.reg-crumb .bi-chevron-right{font-size:11px;}
.reg-body{padding:36px 0 72px;background:var(--h-soft);}

.reg-card{
	background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--h-radius);
	padding:26px;margin-bottom:18px;
}
.reg-step{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--h-line);}
.reg-step > span{
	flex:0 0 34px;height:34px;border-radius:50%;background:rgba(27,58,140,.1);color:var(--h-navy);
	font-weight:700;display:flex;align-items:center;justify-content:center;
}
[data-bs-theme=dark] .reg-step > span{background:rgba(157,182,255,.14);color:#9db6ff;}
.reg-step h2{font-size:17px;font-weight:700;color:var(--h-ink);margin:4px 0 2px;}
.reg-step p{font-size:13.5px;color:var(--h-muted);margin:0;}

.reg .form-label{font-weight:600;font-size:14px;color:var(--h-ink);margin-bottom:6px;}
.reg .form-label.required::after{content:" *";color:#dc3545;}
.reg .form-label .opt{font-weight:400;color:var(--h-muted);font-size:12.5px;}
.reg .form-control,.reg .form-select,.reg .input-group-text{
	min-height:46px;border-radius:10px;border-color:var(--h-line);font-size:15px;
}
.reg .input-group > .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0;background:var(--h-soft);color:var(--h-muted);}
.reg .input-group > .form-control{border-top-left-radius:0;border-bottom-left-radius:0;}
.reg .form-control:focus,.reg .form-select:focus{border-color:var(--h-navy);box-shadow:0 0 0 4px rgba(27,58,140,.12);}
.reg .form-control.is-invalid{border-color:#dc3545;}
.reg .form-control.is-valid{border-color:#198754;}
.reg .form-note{font-size:12.5px;color:var(--h-muted);margin-top:6px;}
.reg textarea.form-control{min-height:96px;}

.reg-drop{
	position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;
	border:2px dashed var(--h-line);border-radius:14px;padding:28px 16px;text-align:center;
	background:var(--h-soft);transition:border-color .2s,background .2s;margin:0;
}
.reg-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.reg-drop i{font-size:32px;color:var(--h-navy);}
[data-bs-theme=dark] .reg-drop i{color:#9db6ff;}
.reg-drop b{color:var(--h-ink);font-size:15px;margin-top:4px;}
.reg-drop span{font-size:13.5px;color:var(--h-muted);}
.reg-drop small{font-size:12px;color:var(--h-muted);margin-top:6px;}
.reg-drop:hover,.reg-drop.over{border-color:var(--h-navy);background:rgba(27,58,140,.04);}
.reg-drop.has-file{border-style:solid;border-color:#198754;}
.reg-drop:has(input.is-invalid){border-color:#dc3545;}
.reg-hint{display:flex;gap:10px;margin-top:14px;padding:12px 14px;border-radius:10px;font-size:13.5px;
	background:rgba(242,146,44,.08);color:var(--h-ink);line-height:1.55;}
.reg-hint i{color:var(--h-orange);font-size:16px;}

.reg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;}
.reg-actions button{border:0;cursor:pointer;}
.reg-actions .h-btn-ghost{border:1.5px solid var(--h-line);}
.reg-req{margin-left:auto;font-size:13px;color:var(--h-muted);}

.reg-alert{display:flex;gap:12px;padding:16px 18px;border-radius:14px;margin-bottom:18px;
	background:#fdecec;border:1px solid #f5c2c7;color:#842029;font-size:14.5px;}
.reg-alert i{font-size:20px;}
[data-bs-theme=dark] .reg-alert{background:rgba(220,53,69,.12);border-color:rgba(220,53,69,.35);color:#f1aeb5;}

.reg-aside{position:sticky;top:20px;}
.reg-aside .nm{margin-bottom:18px;}
.reg-info h3{font-size:15px;font-weight:700;color:var(--h-ink);margin:0 0 12px;display:flex;gap:8px;align-items:center;}
.reg-info h3 i{color:var(--h-navy);}
[data-bs-theme=dark] .reg-info h3 i{color:#9db6ff;}
.reg-info ul{list-style:none;padding:0;margin:0;}
.reg-info li{position:relative;padding:6px 0 6px 26px;font-size:14px;color:var(--h-ink);}
.reg-info li::before{content:"\F26E";font-family:bootstrap-icons;position:absolute;left:0;top:5px;color:var(--h-green);}
.reg-info p{font-size:14px;color:var(--h-ink);margin:0 0 8px;}
.reg-info p i{color:var(--h-muted);margin-right:6px;}

.reg-success{text-align:center;padding:44px 28px;}
.reg-success-ic{width:72px;height:72px;border-radius:50%;margin:0 auto 16px;background:#e8f5ee;color:#198754;
	display:flex;align-items:center;justify-content:center;font-size:38px;}
.reg-success h2{font-size:24px;font-weight:800;color:var(--h-ink);margin:0 0 14px;}
.reg-success p{color:var(--h-muted);margin:0;}
.reg-id{display:inline-block;font-size:28px;font-weight:800;letter-spacing:.06em;color:var(--h-navy);
	background:var(--h-soft);border:1px dashed var(--h-line);border-radius:12px;padding:8px 22px;margin:8px 0 10px;}
[data-bs-theme=dark] .reg-id{color:#9db6ff;}
.reg-success .nm{text-align:left;max-width:520px;margin:22px auto;}

@media (max-width:991.98px){ .reg-aside{position:static;} }
@media (max-width:575.98px){
	.reg-hero h1{font-size:26px;}
	.reg-card{padding:20px 16px;}
	.reg-actions .h-btn{width:100%;justify-content:center;}
	.reg-req{margin:4px 0 0;}
}

.reg-mt-label{margin-top:22px !important;font-weight:600;color:var(--h-ink) !important;}
.reg-success .reg-mt-label + .nm{margin-top:10px;}

/* Сонголтын карт (radio) */
.reg-choice{
	position:relative;display:flex;align-items:center;gap:12px;height:100%;margin:0;cursor:pointer;
	padding:14px 16px 14px 46px;border:1.5px solid var(--h-line);border-radius:12px;background:var(--h-surface);
	transition:border-color .15s,background .15s,box-shadow .15s;
}
.reg-choice input{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0;accent-color:var(--h-navy);cursor:pointer;}
.reg-choice .txt{display:flex;flex-direction:column;line-height:1.35;}
.reg-choice b{font-weight:600;font-size:14.5px;color:var(--h-ink);}
.reg-choice small{font-size:12.5px;color:var(--h-muted);margin-top:2px;}
.reg-choice:hover{border-color:var(--h-navy);}
.reg-choice:has(input:checked){border-color:var(--h-navy);background:rgba(27,58,140,.05);box-shadow:0 0 0 3px rgba(27,58,140,.1);}
.reg-choice:has(input:focus-visible){outline:2px solid var(--h-navy);outline-offset:2px;}
.reg-choice-lg{padding:18px 18px 18px 46px;}
.reg-choice-lg .ic{flex:0 0 40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;
	font-size:19px;background:var(--h-soft);color:var(--h-navy);}
.reg-choice-lg b{font-size:16px;}
[data-bs-theme=dark] .reg-choice:has(input:checked){background:rgba(157,182,255,.08);border-color:#9db6ff;}
[data-bs-theme=dark] .reg-choice-lg .ic{color:#9db6ff;}
.reg-choice-group.is-invalid .reg-choice{border-color:#dc3545;}
.reg-choice-group.is-invalid::after{content:"Заавал сонгоно уу";display:block;width:100%;color:#dc3545;font-size:12.5px;margin-top:6px;padding:0 calc(var(--bs-gutter-x)*.5);}

/* Хуралд ирэхэд авчрах зүйлс */
.reg-note{text-align:left;max-width:520px;margin:0 auto 22px;padding:16px 18px;border-radius:14px;
  background:#fff8e6;border:1px solid #f3d27a;color:#5c4400;}
.reg-note-hd{font-weight:700;margin-bottom:10px;display:flex;gap:8px;align-items:center;}
.reg-note ul{list-style:none;margin:0 0 10px;padding:0;}
.reg-note li{display:flex;gap:10px;align-items:flex-start;padding:4px 0;}
.reg-note li i{color:#b7791f;}
.reg-success .reg-note p.reg-note-ft{color:inherit;font-size:14px;margin:0;}
[data-bs-theme=dark] .reg-note{background:rgba(255,193,7,.10);border-color:rgba(255,193,7,.35);color:#ffe69c;}
[data-bs-theme=dark] .reg-note li i{color:#ffc107;}