/* profileform 2026-10-25: one-step "complete your profile" card */
html.pq-open, html.pq-open body { overflow: hidden; }
.pq-overlay { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: calc(12px + env(safe-area-inset-top, 0px)) 12px calc(12px + env(safe-area-inset-bottom, 0px)); background: rgba(0,0,0,.66); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.pq-overlay[hidden] { display: none !important; }
.pq-card { position: relative; width: 100%; max-width: 440px; max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; background: #15161a; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 20px 18px 16px; box-shadow: 0 20px 50px rgba(0,0,0,.5); color: #eceae6; text-align: start; }
.pq-overlay[dir="rtl"] .pq-card, .pq-overlay[dir="rtl"] .pq-card input, .pq-overlay[dir="rtl"] .pq-card select, .pq-overlay[dir="rtl"] .pq-card textarea, .pq-overlay[dir="rtl"] .pq-card button { font-family: "Cairo", sans-serif; }
.pq-x { position: absolute; top: 10px; inset-inline-end: 10px; width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255,255,255,.07); color: #c8c4bb; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 0 2px; }
.pq-x:hover { background: rgba(255,255,255,.14); color: #fff; }
.pq-step[hidden], .pq-done[hidden], .pq-f[hidden], .pq-photo[hidden], .pq-err[hidden] { display: none !important; }
.pq-title { margin: 0 0 4px; padding-inline-end: 40px; font-size: 19px; font-weight: 700; line-height: 1.35; color: #eceae6; }
.pq-overlay[dir="rtl"] .pq-title { line-height: 1.6; }
.pq-sub { margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: #a7a39b; }
.pq-overlay[dir="rtl"] .pq-sub { line-height: 1.8; }
.pq-prog { margin: 0 0 14px; }
.pq-prog-row { display: flex; justify-content: space-between; font-size: 12.5px; font-weight: 650; color: #d4af37; margin-bottom: 5px; }
.pq-prog-track { height: 5px; border-radius: 4px; background: #262830; overflow: hidden; }
.pq-prog-fill { height: 100%; width: 0; border-radius: 4px; background: #d4af37; transition: width .25s ease; }
.pq-card .pq-f { display: block; margin: 0 0 12px; }
.pq-lab { display: block; margin: 0 0 5px; font-size: 13.5px; font-weight: 650; color: #d9d5cc; }
.pq-lab-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.pq-lab-row .pq-lab { margin-bottom: 5px; }
.pq-count { font-size: 12px; color: #8d8a83; font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }
.pq-count.near { color: #e0a96d; }
.pq-hint { display: block; margin-top: 4px; font-size: 12px; color: #8d8a83; }
.pq-card .pq-f > input, .pq-card .pq-f select, .pq-card .multi-role-btn { height: 44px; font-size: 16px; }
.pq-card .pq-f > textarea { min-height: 92px; padding: 10px 12px; font-size: 16px; line-height: 1.5; resize: vertical; }
.pq-overlay[dir="rtl"] .pq-card .pq-f > textarea { line-height: 1.8; }
.pq-card .pq-f select { padding: 0 10px; }
.pq-card .multi-role-panel { position: static; margin-top: 6px; max-height: 250px; box-shadow: none; padding-top: 0; }
.pq-card .multi-role-opt[hidden] { display: none !important; }
.pq-card .multi-role-panel .pq-search { position: sticky; top: 0; z-index: 1; display: block; width: 100%; height: 40px; margin: 0 0 4px; padding: 0 12px; border-radius: 0 0 8px 8px; border: 0; border-bottom: 1px solid #2c2e36; background: #101114; color: #eceae6; font-size: 16px; outline: none; }
.pq-card .multi-role-panel .pq-search::placeholder { color: #6f6c66; }
.pq-nomatch { padding: 8px; font-size: 13px; line-height: 1.5; color: #a7a39b; }
.pq-nomatch[hidden] { display: none; }
.pq-card .role-other-in { height: 44px; margin-top: 6px; }
.pq-f.bad .multi-role-btn, .pq-f.bad > input, .pq-f.bad select, .pq-f.bad > textarea { border-color: #e07a6a; outline: 1px solid #e07a6a; }
.pq-photo { display: flex; align-items: center; gap: 10px; margin: 2px 0 12px; }
.pq-photo-c { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; border: 1px dashed #4a4c55; background: #181a1f center / cover no-repeat; }
.pq-photo-c.on { border: 1px solid #d4af37; }
.pq-card .pq-photo-link { font-size: 14px; color: #d4af37; font-weight: 650; padding: 6px 0; }
.pq-err { margin: 0 0 10px; }
.pq-save { display: block; width: 100%; min-height: 48px; margin: 4px 0 0; border: 0; border-radius: 12px; background: #d4af37; color: #111; font-size: 16px; font-weight: 700; cursor: pointer; }
.pq-save:disabled { opacity: .6; cursor: default; }
.pq-later { display: block; width: 100%; min-height: 44px; margin: 8px 0 0; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: transparent; color: #c8c4bb; font-size: 15px; font-weight: 650; cursor: pointer; }
.pq-later:hover { color: #fff; border-color: rgba(255,255,255,.3); }
.pq-done { text-align: center; padding: 10px 0 0; }
.pq-done .pq-title { padding: 0 20px; }
.pq-done-ico { width: 60px; height: 60px; margin: 6px auto 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(46,160,67,.16); border: 1px solid rgba(95,210,122,.55); color: #5fd27a; }
.pq-done .pq-sub { margin-bottom: 18px; }
@media (min-width: 700px) { .pq-card { padding: 24px 24px 18px; } }
.pq-card .multi-role-panel .pq-search:focus { outline: none; border-bottom-color: #d4af37; }
.pq-card .multi-role-opt { padding: 8px; }
.pq-card .multi-role-opt input { width: 18px; height: 18px; flex: 0 0 18px; }
.pq-card .pq-f select.pq-unset { color: #6f6c66; }
.pq-card .pq-f select option { color: #eceae6; }
.pq-card .multi-role-panel .pq-search::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }