/* ui.css — دیالوگ‌های سراسری شیشه‌ای + پولیش دراپ‌دان‌ها */
.hq-ov{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px;background:rgba(10,15,30,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.22s}
.hq-ov.show{opacity:1;visibility:visible}
.hq-sheet{width:min(400px,100%);padding:22px;text-align:center;transform:translateY(10px) scale(.97);transition:.25s cubic-bezier(.32,.72,.24,1)}
.hq-ov.show .hq-sheet{transform:none}
.hq-sheet .hi{width:52px;height:52px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;font-size:1.4rem;background:var(--primary-soft)}
.hq-sheet.danger .hi{background:rgba(200,30,30,.1)}
.hq-sheet h3{margin:0 0 6px;font-size:.98rem}
.hq-sheet p{margin:0 0 16px;color:var(--muted);font-size:.82rem;line-height:2}
.hq-sheet input{width:100%;padding:12px 14px;border-radius:13px;border:1px solid var(--stroke);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.86rem;margin-bottom:16px}
.hq-sheet input:focus{outline:none;border-color:var(--primary)}
.hq-sheet .row{display:flex;gap:10px}
.hq-sheet .row button{flex:1}
.hq-ok-danger{background:#d33 !important;color:#fff !important;box-shadow:none !important}
.hq-toast{position:fixed;bottom:calc(var(--bottom-h) + 20px);left:50%;transform:translate(-50%,8px);z-index:210;padding:12px 24px;font-size:.84rem;font-weight:700;max-width:calc(100vw - 32px);text-align:center;opacity:0;visibility:hidden;transition:.25s}
.hq-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* سیستم انیمیشن باز/بسته مودال‌ها (با هلپر HQModal) */
.anim-ov{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.anim-ov.show{opacity:1;visibility:visible}
.anim-ov .anim-sheet{transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.32,.72,.24,1)}
.anim-ov.show .anim-sheet{transform:none}
.anim-ov[hidden]{display:none}
/* پاپ‌های کوچک: انیمیشن ورود (با هر نمایش تکرار می‌شود) */
.vw-tocmenu:not([hidden]),.vw-colors:not([hidden]),.csel-menu:not([hidden]){animation:hqfadeup .22s cubic-bezier(.32,.72,.24,1)}
.vw-pop{animation:hqfadeup .22s cubic-bezier(.32,.72,.24,1)}
@keyframes hqfadeup{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}
/* پولیش مشترک همه دراپ‌دان‌ها: ورود فنری مدرن */
.dropdown,.asb-menu,.asb-attach,.asb-modelmenu{transform-origin:top center}
.account-wrap.open .dropdown,.asb-menuwrap.open .asb-menu,.asb-pluswrap.open .asb-attach,.asb-modelwrap.open .asb-modelmenu{animation:hqpop .25s cubic-bezier(.32,.72,.24,1)}
/* قرص لغزنده تب‌ها (بدون بوردر) */
.seg,.st-seg,.lib-tabs,.desktop-nav{position:relative}
.seg > .pill,.st-seg > .pill,.lib-tabs > .pill,.desktop-nav > .pill{position:absolute;top:4px;bottom:4px;left:0;width:0;border:0;border-radius:10px;background:var(--primary-soft);box-shadow:none;opacity:0;transition:left .32s cubic-bezier(.32,.72,.24,1),width .32s cubic-bezier(.32,.72,.24,1),opacity .2s;pointer-events:none}
.lib-tabs > .pill{top:8px;bottom:8px;border-radius:12px}
.desktop-nav > .pill{top:2px;bottom:2px;border-radius:12px}
.seg > button,.st-seg > button,.lib-tabs > button,.desktop-nav > a{position:relative;z-index:1}
.seg > button.on,.st-seg > button.on,.lib-tabs > button.on{background:transparent;border-color:transparent;box-shadow:none;color:var(--primary-ink)}
.desktop-nav > a.active{background:transparent;border-color:transparent;color:var(--primary-ink);font-weight:700}
@keyframes hqpop{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes hqpopm{from{opacity:0;transform:translate(-50%,-8px) scale(.96)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1023px){
  .asb-modelwrap.open .asb-modelmenu{animation-name:hqpopm}
  .dropdown{min-width:190px}
  .hq-ov{place-items:end center;padding:12px}
  .hq-sheet{width:100%;border-radius:24px}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}