/* Til almashtirish tugmalari (barcha sahifalarda) */
.lang-sw{display:inline-flex;align-items:center;gap:2px;background:var(--card,#fff);border:1px solid var(--line,#e3e7ef);border-radius:999px;padding:3px;box-shadow:0 2px 10px rgba(15,23,42,.06)}
.lang-sw a{font-size:.72rem;font-weight:700;letter-spacing:.4px;color:var(--mut);text-decoration:none;padding:.36rem .66rem;border-radius:999px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.lang-sw a:hover{color:var(--txt,#14171f)}
.lang-sw a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.lang-sw a.on{background:var(--acc);color:#fff;box-shadow:0 4px 14px hsl(var(--acc-h) 80% 50% / .35)}
html[data-theme=dark] .lang-sw{background:#161c2a;border-color:#263047}
.top-lang{margin-right:.2rem}
@media (max-width:640px){.top-lang a{padding:.3rem .45rem}}

/* ---- Foydalanuvchi menyusi ---- */
[hidden]{display:none!important}
.user-wrap{position:relative}
.avatar-btn{display:flex;align-items:center;gap:.6rem;max-width:260px;background:var(--card,#fff);border:1px solid var(--line,#e3e7ef);border-radius:999px;padding:.2rem .75rem .2rem .2rem;cursor:pointer;color:inherit;font:inherit;transition:box-shadow .2s ease,border-color .2s ease}
.avatar-btn:hover{border-color:hsl(var(--acc-h) 50% 70%);box-shadow:0 4px 14px rgba(15,23,42,.08)}
.avatar-btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.3px}
.avatar.lg{width:44px;height:44px;font-size:.95rem}
.who-txt{display:flex;flex-direction:column;text-align:left;line-height:1.2;min-width:0}
.who-txt b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who-txt small{font-size:.7rem;color:var(--mut);white-space:nowrap}
.user-pop{position:absolute;right:0;top:calc(100% + 10px);width:260px;background:var(--card,#fff);border:1px solid var(--line,#e6eaf2);border-radius:16px;box-shadow:0 24px 50px -20px rgba(15,23,42,.35);padding:.5rem;z-index:60;animation:umIn .18s ease both}
@keyframes umIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.um-head{display:flex;align-items:center;gap:.7rem;padding:.6rem .6rem .8rem;border-bottom:1px solid var(--line,#eef1f6);margin-bottom:.4rem}
.um-head b{display:block;font-size:.92rem}
.um-head small{color:var(--mut);font-size:.75rem}
.um-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.62rem .7rem;border-radius:10px;color:inherit;text-decoration:none;font:inherit;font-size:.9rem;font-weight:500;background:none;border:0;cursor:pointer;text-align:left}
.um-item svg{flex:0 0 18px;width:18px;height:18px;opacity:.85}
.um-item:hover,.um-item:focus-visible{background:hsl(var(--acc-h) 70% 96%);outline:none;color:var(--acc)}
.um-item.danger{color:#dc2626}
.um-item.danger:hover,.um-item.danger:focus-visible{background:#fef2f2;color:#dc2626}
.um-sep{height:1px;background:var(--line,#eef1f6);margin:.4rem .2rem}
html[data-theme=dark] .avatar-btn,html[data-theme=dark] .user-pop{background:#161c2a;border-color:#263047}
html[data-theme=dark] .um-head,html[data-theme=dark] .um-sep{border-color:#263047;background-color:#263047}
html[data-theme=dark] .um-item:hover,html[data-theme=dark] .um-item:focus-visible{background:#1d2740}
html[data-theme=dark] .um-item.danger:hover,html[data-theme=dark] .um-item.danger:focus-visible{background:#2a1517}
@media (max-width:760px){.who-txt{display:none}.avatar-btn{padding:.2rem}.user-pop{width:240px;max-width:calc(100vw - 1.2rem)}}

/* ---- Til tanlash: ochiladigan ro‘yxat ---- */
details.lang-dd{position:relative;display:inline-block}
details.lang-dd>summary{list-style:none;display:flex;align-items:center;gap:.5rem;cursor:pointer;background:var(--card,#fff);border:1px solid var(--line,#e3e7ef);border-radius:999px;padding:.4rem .75rem .4rem .6rem;color:inherit;user-select:none;transition:border-color .2s ease,box-shadow .2s ease}
details.lang-dd>summary::-webkit-details-marker{display:none}
details.lang-dd>summary:hover{border-color:hsl(var(--acc-h) 50% 70%);box-shadow:0 4px 14px rgba(15,23,42,.08)}
details.lang-dd>summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
details.lang-dd[open]>summary{border-color:var(--acc)}
.lang-ic{width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;opacity:.7;flex:0 0 14px}
.lang-code{font-size:.74rem;font-weight:700;letter-spacing:.4px}
.lang-name{font-size:.8rem;font-weight:600;white-space:nowrap}
.lang-chev{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;margin-left:2px;opacity:.8}
details.lang-dd[open] .lang-chev{transform:rotate(225deg) translateY(-2px)}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;margin:0;padding:.4rem;list-style:none;background:var(--card,#fff);border:1px solid var(--line,#e6eaf2);border-radius:14px;box-shadow:0 22px 44px -18px rgba(15,23,42,.35);z-index:70;animation:umIn .16s ease both}
.lang-list a{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;color:inherit;text-decoration:none;font-size:.9rem;font-weight:500}
.lang-list a .code{margin-left:auto;font-size:.7rem;font-weight:700;letter-spacing:.4px;color:var(--mut)}
.lang-list a:hover,.lang-list a:focus-visible{background:hsl(var(--acc-h) 70% 96%);color:var(--acc);outline:none}
.lang-list a.on{color:var(--acc);font-weight:700}
.lang-list a.on::after{content:"✓";font-size:.8rem;margin-left:.2rem}
.lang-list a.on .code{color:var(--acc)}
html[data-theme=dark] details.lang-dd>summary{background:#161c2a;border-color:#263047}
html[data-theme=dark] .lang-list{background:#161c2a;border-color:#263047}
html[data-theme=dark] .lang-list a:hover,html[data-theme=dark] .lang-list a:focus-visible{background:#1d2740}
@media (max-width:640px){.lang-name{display:none}details.lang-dd>summary{padding:.4rem .6rem}}

/* ---- Profil rasmi (avatar) ---- */
.avatar{overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.avatar.has-img{background:var(--card,#fff)}
.avatar.sm{width:32px;height:32px;flex:0 0 32px;font-size:.7rem}
.avatar.xl{width:160px;height:160px;flex:0 0 160px;font-size:3rem;box-shadow:0 14px 34px -14px hsl(var(--acc-h) 80% 45% / .6)}
.avatar-stage{display:flex;justify-content:center;margin:.4rem 0 1rem}
.avatar-prev{display:block;width:96px;height:96px;object-fit:cover;border-radius:50%;margin:.6rem 0}
.file-pick{position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;background:var(--bg,#f5f7fb);border:1px dashed var(--line,#cfd6e4);border-radius:12px;padding:.6rem .9rem;font-weight:600;margin:.4rem 0 .6rem}
.file-pick input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.file-pick:focus-within{outline:2px solid var(--acc);outline-offset:2px}
.profile-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:1rem;align-items:start}
.profile-grid .pw-card{grid-column:2}
@media (max-width:900px){.profile-grid{grid-template-columns:1fr}.profile-grid .pw-card{grid-column:auto}}
/* Foydalanuvchilar ro‘yxati */
.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.stat{background:var(--card,#fff);border:1px solid var(--line,#e6eaf2);border-radius:14px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.stat span{font-size:.78rem;color:var(--mut)}
.stat b{font-size:1.4rem}
.stat.ok b{color:#16a34a}
.stat.off b{color:#dc2626}
.users-filters{flex-wrap:wrap}
.users-table td{vertical-align:middle}
.users-table th a{color:inherit;text-decoration:none;white-space:nowrap}
.users-table th a:hover{text-decoration:underline}
@media (max-width:900px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Ikonkali tugma (ro‘yxat harakatlari) */
.btn.icon-only{padding:.35rem .5rem;display:inline-flex;align-items:center;justify-content:center}
.btn.icon-only svg{width:16px;height:16px}

/* ---- To‘xtash va samaradorlik ---- */
.bar{height:8px;background:var(--line,#e6eaf2);border-radius:99px;overflow:hidden;min-width:90px;display:inline-block;width:70%;vertical-align:middle}
.bar i{display:block;height:100%;background:var(--acc)}
.dt-form .row2 label{margin-bottom:.6rem}
label.inline{display:inline-flex;align-items:center;gap:.4rem;margin:0}
.pill{display:inline-block;font-size:.7rem;padding:.1rem .45rem;border-radius:99px;background:var(--line,#eef1f6);color:var(--mut)}