/* دکمه‌ی حساب و پنجره‌ی ورود — به متغیرهای docs.css وابسته است */

.acct-chip{
  display:inline-flex; align-items:center; gap:7px; padding:3px 12px 3px 4px; border-radius:99px; cursor:pointer; text-decoration:none;
  background:rgba(127,127,127,.12); border:1px solid rgba(127,127,127,.28); color:inherit; font:inherit; font-size:.86rem; white-space:nowrap; line-height:1.4
}
.acct-chip:hover{background:rgba(127,127,127,.22)}
.acct-av{display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--stamp, #9b2c2c); color:#fff; font-weight:900; font-size:.82rem}
@media (max-width:760px){ .acct-chip .acct-name{max-width:6em; overflow:hidden; text-overflow:ellipsis} }

.acct-ov{position:fixed; inset:0; z-index:140; display:grid; place-items:center; padding:18px; background:rgba(8,10,9,.8)}
.acct-box{
  position:relative; width:min(400px,100%); background:var(--paper, #f2e8d2); color:var(--paper-ink, #26211a); border-radius:4px;
  padding:24px 24px 20px; box-shadow:0 30px 70px -20px #000; line-height:1.8; font-family:var(--font, Vazirmatn, Tahoma, sans-serif)
}
.acct-box h2{margin:0 0 6px; font-size:1.35rem; font-weight:900}
.acct-box p{margin:.3em 0 .8em; font-size:.93rem}
.acct-k{margin:0 !important; font-size:.78rem !important; color:var(--paper-muted, #6d6353)}
.acct-x{position:absolute; top:8px; left:10px; background:none; border:0; font-size:1.7rem; line-height:1; cursor:pointer; color:var(--paper-muted, #6d6353)}
.acct-box label{display:block; font-weight:700; font-size:.88rem; margin-bottom:4px}
.acct-box input{
  width:100%; font:inherit; font-size:1.1rem; padding:10px 12px; border:1.5px solid var(--paper-line, rgba(38,33,26,.2)); border-radius:6px;
  background:#fbf7ec; color:var(--paper-ink, #26211a); text-align:left
}
.acct-box input#acctName{text-align:right}
.acct-box input:focus{outline:3px solid var(--pen, #1d3767); outline-offset:1px}
.acct-box .acct-code{letter-spacing:.6em; text-align:center; font-size:1.5rem; font-variant-numeric:tabular-nums}
.acct-box .btn{width:100%; justify-content:center; padding:11px; font-size:1rem}
.acct-err{min-height:1.4em; color:var(--stamp, #9b2c2c); font-weight:700; font-size:.86rem !important; margin:.3em 0 .5em !important}
.acct-reason{background:rgba(155,44,44,.08); border-inline-start:3px solid var(--stamp, #9b2c2c); padding:6px 10px}
.acct-link{background:none; border:0; padding:0; font:inherit; color:var(--pen, #1d3767); text-decoration:underline; cursor:pointer}
.acct-link:disabled{color:var(--paper-muted, #6d6353); text-decoration:none; cursor:default}
.acct-resend{text-align:center; margin:.6em 0 0 !important; font-size:.86rem !important}
.acct-dev{font-size:.8rem !important; color:var(--ok, #2f6b4f); text-align:center}

/* صفحه‌ی خوش‌آمد فاز تست: تقریباً مات، مثل یک صفحه‌ی جدا قبل از داشبورد */
.wl-ov{background:rgba(14,16,15,.96) radial-gradient(ellipse 70% 50% at 50% 0, rgba(255,214,150,.12), transparent 70%)}
.wl-box{width:min(440px,100%)}
.wl-box h2, .wl-inline h2{margin-bottom:4px}
.wl-test{background:rgba(29,55,103,.07); border-inline-start:3px solid var(--pen, #1d3767); padding:8px 12px; border-radius:2px}
.wl-form label{font-weight:500 !important; line-height:1.7}
.wl-form label small{color:var(--paper-muted, #6d6353)}
.wl-done{color:var(--ok, #2f6b4f); font-weight:700}
.acct-box .wl-guest{margin-top:8px; background:transparent; color:var(--paper-ink, #26211a); border:1.5px solid var(--paper-line, rgba(38,33,26,.3))}
.wl-note{font-size:.78rem !important; color:var(--paper-muted, #6d6353); text-align:center; margin:.8em 0 0 !important}
.wl-inline input{width:100%; font:inherit; font-size:1.05rem; padding:9px 12px; border:1.5px solid var(--paper-line); border-radius:6px; background:#fbf7ec; margin:4px 0}
.wl-inline .btn{padding:9px 18px}

/* نوع عکس‌های مدارک (js/photostyle.js) */
.ps-box{width:min(560px,100%)}
.ps-opts{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:10px}
.ps-opt{display:flex; flex-direction:column; align-items:stretch; gap:2px; text-align:right; padding:8px 8px 10px; cursor:pointer; font:inherit; color:inherit;
  background:#fbf7ec; border:2px solid var(--paper-line, rgba(38,33,26,.2)); border-radius:8px; line-height:1.5}
.ps-opt img{width:100%; height:auto; aspect-ratio:10/7; object-fit:cover; border-radius:4px; margin-bottom:6px; background:#ddd}
.ps-opt b{font-size:.98rem}
.ps-opt small{font-size:.78rem; color:var(--paper-muted, #6d6353)}
.ps-opt:hover:not(:disabled){border-color:var(--pen, #1d3767)}
.ps-opt:focus-visible{outline:3px solid var(--pen, #1d3767); outline-offset:2px}
.ps-opt.on{border-color:var(--stamp, #9b2c2c); box-shadow:0 0 0 1px var(--stamp, #9b2c2c)}
.ps-opt.on b::after{content:" ✓"; color:var(--stamp, #9b2c2c)}
.ps-opt:disabled{cursor:not-allowed; opacity:.5}
.ps-opts.compact .ps-opt{cursor:default}
.ps-opts.compact .ps-opt:not(.on):not(:disabled){cursor:pointer}
.ps-note{font-size:.84rem !important; color:var(--paper-muted, #6d6353); margin:.7em 0 0 !important}
.ps-msg{min-height:1.2em; font-size:.84rem !important; color:var(--ok, #2f6b4f); font-weight:700; margin:0 !important}
.ps-confirm .btn.ghost{margin-top:8px; background:transparent; color:var(--paper-ink, #26211a); border:1.5px solid var(--paper-line, rgba(38,33,26,.3))}
@media (max-width:420px){ .ps-opts{gap:8px} .ps-opt small{display:none} .ps-opt b{font-size:.88rem} }