/* ================= إعدادات المستخدم - تصميم أنيق وخفيف ================= */
        .usx-root{background:#f6f7fb;overflow-y:auto;-webkit-overflow-scrolling:touch;}
        .usx-shell{display:flex;flex-direction:column;height:100%;}
        .usx-tabs{
          display:flex;flex-shrink:0;gap:4px;padding:8px 8px 0;background:#fff;
          border-bottom:1px solid #ecebf3;position:sticky;top:0;z-index:5;
        }
        .usx-tab{
          flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
          background:transparent;border:none;border-radius:10px 10px 0 0;padding:8px 2px 9px;
          color:#9a9aa8;font-size:10.5px;font-weight:700;cursor:pointer;transition:all .18s ease;
          -webkit-tap-highlight-color:transparent;
        }
        .usx-tab .fa{font-size:15px;}
        .usx-tab:active{transform:scale(.95);}
        .usx-tab.usx-active{color:var(--theme-btcolor);background:#f6f7fb;}
        .usx-tab.usx-active:after{content:"";display:block;width:22px;height:3px;border-radius:3px;background:var(--theme-btcolor);margin-top:4px;}
        .usx-panels{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 10px 28px;}
        .usx-panel{display:none;animation:usxFade .2s ease;}
        .usx-panel.usx-active{display:block;}
        @keyframes usxFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}

        .usx-card{background:#fff;border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:0 1px 4px rgba(20,20,40,.05);border:1px solid #f0f0f6;}
        .usx-card-title{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:#2c2c3a;margin-bottom:10px;}
        .usx-card-title .fa{font-size:14px;color:var(--theme-btcolor);}
        .usx-card-title small{font-weight:400;color:#a9a9b8;font-size:10px;margin-right:auto;}

        .usx-avatar-row{display:flex;align-items:center;gap:12px;margin-bottom:4px;}
        .usx-avatar-wrap{position:relative;width:74px;height:74px;flex-shrink:0;}
        .usx-avatar-wrap img.spic{width:74px;height:74px;border-radius:20px;object-fit:cover;background:#eee;box-shadow:0 2px 8px rgba(0,0,0,.12);}
        .usx-avatar-edit{position:absolute;bottom:-4px;left:-4px;width:24px;height:24px;border-radius:50%;background:var(--theme-btcolor);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 2px 6px rgba(0,0,0,.25);}
        .usx-avatar-actions{display:flex;flex-direction:column;gap:6px;flex:1;}
        .usx-mini-btn{border:1px solid #ecebf3;background:#fafafd;border-radius:9px;padding:7px 10px;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;color:#444;}
        .usx-mini-btn.usx-danger{color:#d9534f;}
        .usx-mini-btn .fa{width:14px;text-align:center;}

        .usx-colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
        .usx-color-item{display:flex;align-items:center;gap:8px;background:#fafafd;border:1px solid #f0f0f6;border-radius:10px;padding:6px 8px;}
        .usx-color-item-container{position:relative;z-index:5000;flex-shrink:0;}
        .usx-color-item-container .cpick{width:30px!important;height:30px!important;border-radius:8px!important;margin:0!important;padding:0!important;}
        .usx-color-item span{font-size:11px;font-weight:700;color:#555;}

        .usx-field{margin-top:10px;}
        .usx-field label{display:block;font-size:11px;font-weight:700;color:#7a7a8c;margin-bottom:5px;}
        .usx-field textarea{width:100%;border:1px solid #ecebf3;border-radius:10px;background:#fafafd;padding:8px;font-size:12.5px;resize:none;}
        .usx-field textarea.usx-ta-sm{height:38px;}
        .usx-field textarea.usx-ta-md{height:58px;}

        .usx-save-bar{display:flex;align-items:center;gap:8px;margin-top:4px;}
        .usx-save-btn{flex:1;background:linear-gradient(135deg,#43c56f,#2e9e56);color:#fff;border:none;border-radius:11px;height:40px;font-weight:800;font-size:13px;box-shadow:0 4px 10px rgba(46,158,86,.28);display:flex;align-items:center;justify-content:center;gap:7px;}
        #ping{font-size:10.5px;color:#999;}

        .usx-studio-btn{width:100%;margin-top:2px;border:none;border-radius:12px;padding:12px;background:linear-gradient(135deg,#ff5f7e,#c2185b);color:#fff;font-weight:800;font-size:13px;box-shadow:0 4px 10px rgba(194,24,91,.3);display:flex;align-items:center;justify-content:center;gap:8px;}

        .usx-row-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #f2f2f7;}
        .usx-row-toggle:last-child{border-bottom:none;}
        .usx-row-toggle .usx-row-txt{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#333;}
        .usx-row-toggle .usx-row-txt .usx-ico{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#f1f1f9;color:var(--theme-btcolor);font-size:13px;flex-shrink:0;}
        .usx-row-toggle .usx-row-sub{display:block;font-size:9.5px;font-weight:400;color:#a3a3b0;margin-top:1px;}
        .usx-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;}
        .usx-switch input{opacity:0;width:0;height:0;}
        .usx-slider{position:absolute;cursor:pointer;inset:0;background:#dcdce6;border-radius:22px;transition:.2s;}
        .usx-slider:before{content:"";position:absolute;height:16px;width:16px;right:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25);}
        .usx-switch input:checked + .usx-slider{background:var(--theme-btcolor);}
        .usx-switch input:checked + .usx-slider:before{transform:translateX(-18px);}

        .usx-list-btn{display:flex;align-items:center;gap:10px;width:100%;background:#fafafd;border:1px solid #f0f0f6;border-radius:11px;padding:10px 12px;margin-bottom:8px;font-size:12px;font-weight:700;color:#333;text-align:right;}
        .usx-list-btn .usx-ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0;}
        .usx-list-btn .usx-chev{margin-right:auto;color:#c7c7d4;font-size:11px;}
        .usx-list-btn.usx-danger-btn{color:#d9534f;}
        .usx-list-btn.usx-danger-btn .usx-ico{background:#d9534f;}

        .usx-blocked-item{display:flex;align-items:center;gap:9px;padding:8px 6px;border-bottom:1px solid #f2f2f7;}
        .usx-blocked-item:last-child{border-bottom:none;}
        .usx-blocked-pic{width:32px;height:32px;border-radius:9px;background:#eee no-repeat center/cover;flex-shrink:0;}
        .usx-blocked-name{font-size:11.5px;font-weight:700;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        .usx-unblock-btn{border:none;background:#fdeeee;color:#d9534f;font-size:10.5px;font-weight:800;border-radius:8px;padding:6px 9px;flex-shrink:0;}
        .usx-empty-note{text-align:center;color:#b3b3c0;font-size:11px;padding:14px 4px;}

        .usx-fonts-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
        .usx-font-chip{background:#fafafd;border:1px solid #ecebf3;border-radius:10px;padding:10px 6px;text-align:center;font-size:13px;cursor:pointer;}
        .usx-font-chip.usx-reset{grid-column:1 / -1;color:#d9534f;font-size:11.5px;font-weight:700;}

        .usx-select{width:100%;height:38px;border:1px solid #ecebf3;background:#fafafd;border-radius:10px;padding:0 10px;font-size:12px;margin-bottom:8px;}