/* Rezyume formasi — hrapp/resume_form.html. Faqat uan.css tokenlari
   (yorug'/qorong'i tema o'zi ishlaydi). JS yo'q bo'lsa barcha qadamlar
   ketma-ket ko'rinadi; `.rs-js` klassini resume-form.js qo'shadi. */

/* Sarlavha (.page-head .container) bilan bir xil kenglik va chap chiziq —
   ilgari 920px markazda turib, sarlavhadan ajralib qolardi */
.rs-wrap{padding-bottom:88px}
.rs-form{position:relative}

/* ── Qadamlar chizig'i ── */
.rs-steps{
  list-style:none;margin:0 0 18px;padding:0;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;
}
.rs-steps li button{
  width:100%;display:flex;align-items:center;gap:8px;
  padding:10px 10px;border-radius:var(--r-sm);
  background:var(--surface);border:1px solid var(--line);color:var(--muted);
  font:600 13px/1.2 var(--font-body);text-align:left;cursor:pointer;
  transition:border-color .16s var(--ease),color .16s var(--ease),background .16s var(--ease);
}
.rs-steps li button:hover{border-color:var(--line-strong);color:var(--ink)}
.rs-steps .n{
  flex-shrink:0;width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;font:700 12px/1 var(--font-mono);
  background:var(--paper);border:1px solid var(--line);
}
.rs-steps .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-steps li.is-done button{color:var(--body)}
.rs-steps li.is-done .n{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}
.rs-steps li.is-current button{border-color:var(--brand);color:var(--ink);background:var(--brand-soft)}
.rs-steps li.is-current .n{background:var(--brand-solid);border-color:var(--brand-solid);color:#fff}
.rs-steps li.has-error .n{background:var(--err-bg);border-color:var(--err-line);color:var(--err)}

/* ── Qoralama belgisi ── */
.rs-draft{
  display:flex;align-items:center;gap:8px;margin:0 0 14px;
  font-size:13px;color:var(--muted);
}
.rs-draft [data-icon]{color:var(--ok)}
.rs-link{
  background:none;border:0;padding:4px 2px;margin:-4px 0;
  color:var(--brand);font:600 13px/1.3 var(--font-body);cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;
}
.rs-link:hover{color:var(--brand-press)}
.rs-alert{margin-bottom:16px}

/* ── Qadam kartasi ── */
.rs-step{
  border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--surface);box-shadow:var(--sh-1);
  padding:28px;margin:0 0 16px;min-width:0;
}
.rs-js .rs-step{display:none}
.rs-js .rs-step.is-active{display:block;animation:rsIn .28s var(--ease-out)}
@keyframes rsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rs-js .rs-step.is-active{animation:none}}

.rs-legend{
  float:left;width:100%;padding:0;margin:0 0 20px;
  font:700 22px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink);
}
.rs-legend + *{clear:both}
.rs-legend:focus{outline:none}
.rs-kicker{
  display:block;margin-bottom:6px;
  font:600 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--brand);
}
.rs-lead{color:var(--muted);font-size:14px;margin:-8px 0 18px;clear:both}
.rs-req{color:var(--err)}
.rs-opt{font-weight:500;font-size:12px;color:var(--muted)}

.rs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.rs-grid .field{margin-bottom:16px}
.rs-span2{grid-column:1/-1}

/* 1-qadam: maydonlar + o'ngda foto */
.rs-personal{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px;align-items:start}

/* Keng ekranda jadval qatorlari bitta qatorda: yil | yil | muassasa | mutaxassislik */
@media (min-width:1000px){
  .rs-grid-edu,.rs-grid-work{grid-template-columns:150px 170px minmax(0,1fr) minmax(0,1fr)}
  .rs-grid-work{grid-template-columns:170px 190px minmax(0,1fr) minmax(0,1fr)}
  .rs-grid-edu .rs-span2,.rs-grid-work .rs-span2{grid-column:auto}
  .rs-grid-rel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rs-grid-rel .rs-span2{grid-column:span 2}
}

/* ── Foto ── */
.rs-photo{display:flex;flex-direction:column;gap:8px}
.rs-photo-label{font-size:13px;font-weight:600;color:var(--ink)}
.rs-photo-frame{
  position:relative;width:170px;aspect-ratio:3/4;overflow:hidden;
  border-radius:var(--r-sm);border:1px dashed var(--line-strong);
  background:var(--paper);touch-action:none;user-select:none;
}
.rs-photo-frame:has(.rs-photo-img:not([hidden])){border-style:solid;cursor:grab}
.rs-photo-frame.is-drag{cursor:grabbing}
.rs-photo-img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0}
.rs-photo-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--line-strong)}
.rs-photo input[type=range]{width:170px;accent-color:var(--brand-solid)}
.rs-photo-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rs-photo .hint{font-size:12px;line-height:1.4;color:var(--muted);margin:0}
.rs-photo .field-errors:empty{display:none}
.rs-visually-hidden{
  position:absolute !important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
}
.rs-photo label.btn:has(+ .rs-visually-hidden:focus-visible),
.rs-photo-acts label.btn:focus-within{outline:2px solid var(--focus);outline-offset:2px}

/* ── Takrorlanuvchi qatorlar ── */
.rs-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.rs-row{
  border:1px solid var(--line);border-radius:var(--r-md);
  padding:16px 16px 0;background:var(--paper);
}
.rs-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.rs-row-n{font:600 12px/1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rs-row-n b{color:var(--ink)}
.rs-row-del{
  width:36px;height:36px;margin:-8px -8px -8px 0;border-radius:var(--r-xs);
  display:grid;place-items:center;background:none;border:0;color:var(--muted);cursor:pointer;
}
.rs-row-del:hover{color:var(--err);background:var(--err-bg)}
.rs-add:disabled{opacity:.5;cursor:not-allowed}
.rs-inline-check{margin-top:4px;font-size:13px}
.rs-noexp{margin:0 0 16px}
.rs-sub{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.rs-sub h3{font:700 17px/1.3 var(--font-display);color:var(--ink);margin:0 0 12px}
.rs-sub .rs-lead{margin-top:-6px}

/* ── Ko'nikma chiplari ── */
.rs-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.rs-chip{
  padding:7px 12px;border-radius:999px;cursor:pointer;
  background:var(--surface);border:1px solid var(--line);color:var(--body);
  font:500 13px/1.1 var(--font-body);
}
.rs-chip:hover{border-color:var(--brand-line);color:var(--brand);background:var(--brand-soft)}

/* ── Tekshirish ekrani ── */
.rs-review{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.rs-rv{border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px}
.rs-rv header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.rs-rv h3{font:600 12px/1.2 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin:0}
.rs-rv p{margin:0;color:var(--body)}
.rs-pre{white-space:pre-line}
.rs-rv-head{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.rs-rv-photo{width:60px;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-xs);border:1px solid var(--line)}
.rs-rv-name{font:700 18px/1.25 var(--font-display);color:var(--ink)}
.rs-rv-sub{font-size:13px;color:var(--muted);margin-top:2px}
.rs-kv{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:14px}
.rs-kv span{color:var(--muted)}
.rs-kv b{font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.rs-kv i{color:var(--muted);font-style:normal}
.rs-rv-list{list-style:none;margin:0;padding:0}
.rs-rv-list li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:2px 14px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.rs-rv-list li:first-child{border-top:0;padding-top:0}
.rs-rv-list span{grid-row:span 2;color:var(--muted);font-variant-numeric:tabular-nums}
.rs-rv-list b{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.rs-rv-list em{font-style:normal;color:var(--body);overflow-wrap:anywhere}
.rs-consent{padding:16px 18px;border-radius:var(--r-md);background:var(--brand-soft);border:1px solid var(--brand-line)}

/* ── Pastki navigatsiya ── */
.rs-nav{display:flex;align-items:center;gap:12px;margin-top:4px}
.rs-nav-count{flex:1;text-align:center;font-size:13px;color:var(--muted)}
.rs-form:not(.rs-js) .rs-nav-count{display:none}
.rs-form:not(.rs-js) #rs-submit{margin-left:auto}

/* ── Planshet va telefon ── */
@media (max-width:760px){
  .rs-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
  .rs-steps li button{justify-content:center;padding:8px 4px}
  .rs-steps .t{display:none}
  .rs-step{padding:20px 16px;border-radius:var(--r-md)}
  .rs-legend{font-size:19px;margin-bottom:16px}
  .rs-grid{grid-template-columns:minmax(0,1fr)}
  .rs-personal{grid-template-columns:minmax(0,1fr);gap:8px}
  .rs-photo{order:-1;display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 14px;align-items:start;margin-bottom:12px}
  .rs-photo-label{grid-column:1/-1}
  .rs-photo-frame{width:110px;grid-row:span 4}
  .rs-photo input[type=range]{width:100%}
  .rs-row{padding:14px 12px 0}
  .rs-kv{grid-template-columns:minmax(0,1fr);gap:2px}
  .rs-rv-list li{grid-template-columns:minmax(0,1fr)}
  .rs-rv-list span{grid-row:auto}
  .rs-nav{position:sticky;bottom:calc(var(--bnav-h) + var(--tmt-h) + var(--safe-b));z-index:5;
    margin:0 -16px;padding:10px 16px;background:var(--paper);border-top:1px solid var(--line)}
  .rs-nav .btn{flex:1;justify-content:center}
  .rs-nav-count{display:none}
  /* iOS: 16px dan kichik shriftli maydonga fokusda sahifa kattalashadi */
  .rs-form .input,.rs-form .select,.rs-form .textarea{font-size:16px}
}