/* HOSFER Auth — hosfer-ui bilan moslashtirish qatlami (2026-11-07)
 * Ulash tartibi: auth.css -> hosfer-ui.css -> auth-hx.css
 * auth.css tuzilmasi (2 panelli maket, signup qadamlari) saqlanadi, faqat ko'rinish tizimga moslanadi. */
:root{
  --brand:#0f766e;--brand-hover:#0a5c55;--brand-soft:#ecfdf5;--brand-glow:rgba(15,118,110,.18);
  --brand-gradient:#0f766e;
  --radius-sm:8px;--radius:12px;--radius-lg:16px;
}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif}

/* Sarlavhalar */
.auth-title{font-family:var(--font-head);font-weight:700;letter-spacing:-.4px;color:var(--text)}
.auth-subtitle{color:var(--text-muted)}
.form-label{font-size:13px;font-weight:600;color:var(--text);letter-spacing:0;text-transform:none}

/* Maydonlar */
.form-input,.form-select,.form-textarea,.custom-select-trigger{border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}
.form-input,.form-select,.custom-select-trigger{min-height:44px}
.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#b8c4bc}
.form-input:focus,.form-select:focus,.form-textarea:focus,.custom-select-trigger:focus,.custom-select.open .custom-select-trigger{outline:none;border-color:var(--green);background:var(--surface);box-shadow:0 0 0 4px var(--green-ring)}
.input-icon{color:var(--text-muted)}
.password-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--green-ring);border-radius:8px}

/* Tugmalar — tekis brend rangi, gradient/porlash yo'q */
.btn{border-radius:var(--r);font-family:'Inter',system-ui,sans-serif}
.btn-primary{background:var(--green);box-shadow:none;min-height:48px;font-weight:600;letter-spacing:0}
.btn-primary::before,.btn-primary::after{display:none}
.btn-primary:hover{background:var(--green-dark);transform:none;box-shadow:none}
.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--green-ring)}

/* Xabarlar */
.alert{border-radius:var(--r);font-size:13px;line-height:1.5}
.alert-error{background:var(--red-bg);border-color:var(--red-border);color:#991b1b}
.alert-success{background:var(--green-light);border-color:#a7f3d0;color:#065f46}
.alert-info{background:var(--blue-bg);border:1px solid #bfdbfe;color:#1e40af}

/* Ijtimoiy kirish */
.social-btn{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);min-height:44px;font-weight:600;color:var(--text)}
.social-btn:hover{border-color:var(--green);background:var(--surface-2)}
.social-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--green-ring)}

/* Havolalar */
.form-link,.auth-footer a{color:var(--green);font-weight:600}
.form-link:focus-visible,.auth-footer a:focus-visible,.auth-logo:focus-visible{outline:none;box-shadow:0 0 0 3px var(--green-ring);border-radius:6px}
.form-check input{accent-color:var(--green)}

/* O'ng vizual panel — dashboard hero bilan bir xil gradient */
.auth-panel-visual{background:linear-gradient(135deg,#0b3b36 0%,#0f766e 60%,#14a394 100%)}
.visual-accent{color:#99f6e4;-webkit-text-fill-color:#99f6e4;background:none}
.visual-feature .hx-ico{width:22px;height:22px;color:#99f6e4;flex-shrink:0}
.visual-feature{border-radius:var(--r)}

/* hosfer-ui formalar auth kartasi ichida */
.auth-card .hx-field + .hx-field{margin-top:16px}
.auth-card .hx-input{height:48px}
.auth-card .hx-input-wrap .hx-ico-lead{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}
.auth-card .hx-input-wrap .hx-input.has-lead{padding-left:44px}
.auth-card .hx-alert{margin-bottom:16px}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 24px;font-size:13px}
.auth-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary)}
.auth-check input{width:16px;height:16px;accent-color:var(--green)}
.pw-meter{height:4px;border-radius:4px;background:var(--border);overflow:hidden;margin-top:4px}
.pw-meter span{display:block;height:100%;width:0;background:var(--red);transition:width .2s,background .2s}