.dev-user-switcher{position:fixed;inset-block-start:18px;inset-inline-start:18px;z-index:2147483000;font-family:"IBM Plex Sans Arabic",sans-serif;direction:rtl;color:#173c36}
.dev-user-switcher *{box-sizing:border-box}
.dev-user-switcher-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 9px 7px 14px;border:1px solid rgba(16,94,81,.16);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 12px 36px rgba(17,54,48,.15);color:#163d36;cursor:pointer;backdrop-filter:blur(16px)}
.dev-user-switcher-toggle>span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#e5f5f0;color:#087a67;font-weight:800}
.dev-user-switcher-toggle b{font:700 12px/1.2 inherit;white-space:nowrap}.dev-user-switcher-toggle i{font-style:normal;color:#7b918c;transition:transform .2s}
.dev-user-switcher.open .dev-user-switcher-toggle i{transform:rotate(180deg)}
.dev-user-switcher-panel{position:absolute;inset-block-start:52px;inset-inline-start:0;width:min(330px,calc(100vw - 28px));padding:10px;border:1px solid rgba(18,83,72,.12);border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(14,48,42,.2);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top left;transition:.2s ease;backdrop-filter:blur(20px)}
.dev-user-switcher.open .dev-user-switcher-panel{opacity:1;visibility:visible;transform:none}
.dev-user-switcher-head{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 12px}.dev-user-switcher-head div{display:grid;gap:2px}.dev-user-switcher-head b{font-size:14px}.dev-user-switcher-head small{font-size:10px;color:#7a8f8b}.dev-user-switcher-head span{padding:4px 8px;border-radius:999px;background:#f0eafa;color:#4b388b;font-size:9px;font-weight:800}
.dev-user-switcher-users{display:grid;gap:7px}.dev-user-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid #e3ebe9;border-radius:15px;background:#fff;color:#173c36;text-align:right;cursor:pointer;transition:.18s ease}
.dev-user-card:hover{border-color:#95cfc3;background:#f7fcfa;transform:translateY(-1px)}.dev-user-card.active{border-color:#15927b;background:#effaf7;box-shadow:inset 0 0 0 1px rgba(21,146,123,.09)}
.dev-user-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--dev-accent,#176c5d);color:#fff;font-size:13px;font-weight:800}.dev-user-copy{display:grid;gap:2px;min-width:0}.dev-user-copy b{font-size:12px}.dev-user-copy small{overflow:hidden;color:#78908b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.dev-user-enter{color:#8ca19d;font-size:17px}.dev-user-card.active .dev-user-enter{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#15927b;color:#fff;font-size:11px}
.dev-user-switcher-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid #edf1f0}.dev-user-switcher-foot small{color:#82938f;font-size:9px}.dev-user-logout{border:0;border-radius:10px;padding:7px 10px;background:#f7eeee;color:#a64040;font:700 10px inherit;cursor:pointer}
@media(max-width:700px){.dev-user-switcher{inset-block-start:10px;inset-inline-start:10px}.dev-user-switcher-toggle{min-height:40px;padding:6px}.dev-user-switcher-toggle b,.dev-user-switcher-toggle i{display:none}.dev-user-switcher-panel{position:fixed;inset:auto 10px 84px;width:auto;transform-origin:bottom center}.dev-user-switcher.open .dev-user-switcher-panel{transform:none}.dev-user-switcher:not(.open) .dev-user-switcher-panel{transform:translateY(8px) scale(.98)}}
@media print{.dev-user-switcher{display:none!important}}