:root{--bg:#050c1a;--panel:#0a172b;--panel2:#112340;--line:#1d3a63;--text:#e8f1ff;--muted:#8aa4c8;--accent:#38c6ff;--accent2:#ffa530;--ok:#22c55e;--bad:#ef4444;--r:14px}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:'Tajawal',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}
a{color:inherit;text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer;background:var(--panel2);color:var(--text);border:1px solid var(--line);transition:.15s}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:linear-gradient(135deg,#38c6ff,#2a7de1);border:0;color:#fff}
.btn.primary:hover{filter:brightness(1.1)}
.btn.danger{background:#3a1620;border-color:#5b1f2e;color:#ff9aa8}
.btn.sm{padding:6px 12px;font-size:14px}
.btn:disabled{opacity:.5;cursor:wait}
/* layout */
.shell{display:flex;min-height:100vh}
.side{width:260px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--line);padding:18px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;margin-bottom:18px}
.logo{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(56,198,255,.5),0 0 16px rgba(56,198,255,.35)}
.banner{display:block;width:100%;max-width:880px;margin:0 auto 10px;border-radius:18px;box-shadow:0 10px 50px rgba(56,198,255,.2);border:1px solid var(--line)}
.gbox{display:flex;align-items:center;gap:10px;background:var(--panel2);border-radius:12px;padding:10px;margin-bottom:14px}
.gbox img,.gbox .ph{width:38px;height:38px;border-radius:50%;background:var(--line);object-fit:cover}
.gbox b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.gbox small{color:var(--muted)}
.nav a,.nav .soon{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin-bottom:3px;color:var(--muted);font-weight:600}
.nav a:hover{background:var(--panel2);color:var(--text)}
.nav a.on{background:linear-gradient(135deg,rgba(56,198,255,.25),rgba(34,211,238,.1));color:#fff;border:1px solid rgba(56,198,255,.5)}
.nav .soon{opacity:.45;cursor:not-allowed;font-size:14px}
.nav h6{margin:16px 12px 6px;color:var(--muted);font-size:12px;letter-spacing:.5px}
.main{flex:1;min-width:0;padding:26px 30px 80px;max-width:1100px}
.top{display:none}
h1{margin:0 0 4px;font-size:26px}.sub{color:var(--muted);margin:0 0 22px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:18px}
.card h3{margin:0 0 14px;font-size:17px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.stat{background:var(--panel2);border-radius:12px;padding:16px}.stat b{font-size:28px;display:block}.stat span{color:var(--muted)}
label{display:block;font-weight:700;font-size:14px;margin-bottom:5px}
input[type=text],input[type=number],input[type=url],select,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit}
textarea{min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent)}
input[type=color]{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:3px}
.f{margin-bottom:14px}.hint{color:var(--muted);font-size:13px;margin-top:4px}
.row2{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.sw{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel2);padding:12px 14px;border-radius:12px;margin-bottom:14px}
.sw input{appearance:none;width:46px;height:26px;border-radius:99px;background:var(--line);position:relative;cursor:pointer;transition:.2s;flex-shrink:0}
.sw input::after{content:'';position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.sw input:checked{background:var(--ok)}.sw input:checked::after{right:23px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:13px;cursor:pointer;direction:ltr}
.chip:hover{border-color:var(--accent)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;overflow-x:auto}
.tab{padding:9px 16px;border-radius:10px;background:var(--panel);border:1px solid var(--line);cursor:pointer;font-weight:700;color:var(--muted);white-space:nowrap}
.tab.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.pane{display:none}.pane.on{display:block}
.type{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}
.type .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-weight:800}
.q{display:grid;grid-template-columns:2fr 2fr auto auto auto;gap:8px;align-items:center;margin-bottom:8px}
.q label{display:flex;align-items:center;gap:4px;margin:0;font-weight:500;font-size:13px;white-space:nowrap}
.savebar{position:fixed;bottom:0;left:0;right:260px;background:rgba(11,16,32,.92);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:12px 30px;display:flex;gap:10px;justify-content:flex-start;z-index:5}
.preview{background:#313338;border-radius:10px;padding:14px;border-right:4px solid var(--accent);color:#dbdee1}
.preview b{display:block;margin-bottom:4px;color:#fff}.preview .img{height:90px;border-radius:8px;margin-top:10px;background:linear-gradient(135deg,var(--accent),#0f172a);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:2px}
.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;font-weight:700;z-index:50;box-shadow:0 8px 30px rgba(0,0,0,.4);animation:in .2s}
.toast.ok{background:#14532d;color:#bbf7d0}.toast.err{background:#5b1f2e;color:#fecdd3}
@keyframes in{from{opacity:0;transform:translate(-50%,-10px)}}
/* servers + login */
.center{max-width:980px;margin:0 auto;padding:30px 18px}
.hero{text-align:center;padding:70px 10px 40px}
.hero h1{font-size:44px;margin:14px 0}.hero p{color:var(--muted);font-size:18px;max-width:560px;margin:0 auto 26px}
.feat{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:30px}
.feat div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.feat small{display:inline-block;background:var(--panel2);color:var(--muted);padding:1px 8px;border-radius:99px;margin-top:6px}
.gcards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.gcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}
.gcard img,.gcard .ph{width:72px;height:72px;border-radius:50%;margin:0 auto 10px;background:var(--panel2);display:grid;place-items:center;font-size:26px;font-weight:800;object-fit:cover}
.gcard b{display:block;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foot{text-align:center;color:var(--muted);font-size:13px;padding:30px 0}
/* mobile */
@media(max-width:860px){
 .shell{display:block}
 .top{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border-bottom:1px solid var(--line);padding:10px 14px;position:sticky;top:0;z-index:20}
 .side{position:fixed;inset:0 0 0 auto;width:280px;max-width:86vw;z-index:30;transform:translateX(100%);transition:.25s;height:100vh}
 .side.open{transform:none}
 .scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:25}.scrim.open{display:block}
 .main{padding:18px 14px 90px}
 .savebar{right:0;padding:10px 14px}
 .row2{grid-template-columns:1fr}
 .q{grid-template-columns:1fr 1fr}
 .hero h1{font-size:32px}
}
/* ===== تطويرات الجوال والبلاطات ===== */
.stat{display:block;color:inherit}a.stat:hover{outline:1px solid var(--accent)}
.catt{display:flex;align-items:center;gap:8px;margin:26px 0 12px;font-size:18px;font-weight:800}
.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.tile{position:relative;display:flex;flex-direction:column;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;min-height:118px;transition:.15s}
.tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.tile .ic{font-size:28px;line-height:1}.tile b{font-size:15px}.tile small{color:var(--muted);font-size:12px;line-height:1.45}
.tile .bd{position:absolute;top:10px;left:10px;font-size:11px;padding:1px 9px;border-radius:99px;background:var(--panel2);color:var(--muted)}
.tile.cmd .bd{color:var(--accent2);border:1px solid rgba(34,211,238,.35)}
.tile.soon{opacity:.45;cursor:not-allowed}
.multi select{margin-bottom:6px}
.multi .chips{margin-top:0}
.chip.x{direction:rtl}
.wrow{display:grid;grid-template-columns:1fr 2fr auto auto;gap:8px;align-items:center;margin-bottom:8px}
.wrow label{display:flex;align-items:center;gap:4px;margin:0;font-weight:500;font-size:13px;white-space:nowrap}
.cmdlist details{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:0 14px}
.cmdlist summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px 0;list-style:none}
.cmdlist summary::-webkit-details-marker{display:none}
.cmdlist summary code{background:var(--panel2);padding:2px 8px;border-radius:8px;direction:ltr;color:var(--accent2);font-weight:700}
.cmdlist summary span{color:var(--muted);font-size:14px}
.cmdlist ul{margin:0 0 12px;padding:0 18px;color:var(--muted);font-size:14px}.cmdlist li{margin-bottom:5px}
.cmdlist li code{direction:ltr;color:var(--accent2)}
@media(max-width:860px){
 .tiles{grid-template-columns:repeat(2,1fr);gap:10px}
 .tile{min-height:104px;padding:12px}
 .wrow{grid-template-columns:1fr 1fr}
 .wrow input[type=text]:nth-child(2){grid-column:1/-1}
 .btn{padding:11px 16px}
 input[type=text],input[type=number],input[type=url],select,textarea{font-size:16px} /* يمنع تكبير الشاشة في الجوال */
}
/* ===== هوية سير بوت: شريط علوي وصفحات عامة ===== */
body{background:radial-gradient(1100px 500px at 80% -10%,rgba(56,198,255,.10),transparent 60%),radial-gradient(800px 400px at 0% 100%,rgba(14,154,167,.10),transparent 60%),var(--bg);background-attachment:fixed}
.pnav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:9px 16px;background:rgba(4,16,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(56,198,255,.25),0 8px 30px rgba(0,0,0,.35)}
.pnav-logo img{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px rgba(56,198,255,.55),0 0 18px rgba(56,198,255,.4)}
.pnav-links{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none;margin:0 6px}
.pnav-links::-webkit-scrollbar{display:none}
.pnav-links a{white-space:nowrap;padding:8px 14px;border-radius:10px;font-weight:700;font-size:15px;color:var(--muted);border:1px solid transparent}
.pnav-links a:hover{color:var(--text);background:var(--panel2)}
.pnav-links a.on{color:#050c1a;background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}
.pnav-dc{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);flex-shrink:0}
.pnav-dc:hover{border-color:#5865F2;box-shadow:0 0 14px rgba(88,101,242,.5)}
.btn.primary{background:linear-gradient(135deg,var(--accent),#2a7de1);color:#050c1a}
.btn.big{font-size:18px;padding:13px 30px}
.hero{padding:46px 10px 30px}
.orb{width:200px;height:200px;margin:0 auto 10px;border-radius:50%;padding:6px;background:conic-gradient(from 180deg,var(--accent),#2a7de1,var(--accent2),var(--accent));box-shadow:0 0 60px rgba(56,198,255,.35);animation:spin 14s linear infinite}
.orb img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;animation:spin 14s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.hero h1 .en{color:var(--accent2);font-weight:600}
.wel{margin:4px 0 8px;font-size:26px;color:var(--accent2)}
.inl{display:inline-block;color:var(--accent2);border:1px solid var(--accent);border-radius:10px;padding:3px 16px;margin:3px 6px;line-height:1.7;background:rgba(56,198,255,.08)}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.narrow{max-width:640px}
.panelcard{background:linear-gradient(180deg,var(--panel),var(--bg));border:1px solid var(--line);border-radius:20px;padding:30px 22px;text-align:center;margin-top:30px;box-shadow:0 10px 50px rgba(0,0,0,.4),inset 0 1px 0 rgba(56,198,255,.2)}
.panelcard h1{font-size:30px}.pill{display:inline-block;background:linear-gradient(135deg,rgba(56,198,255,.25),rgba(14,154,167,.25));border:1px solid var(--accent);border-radius:12px;padding:6px 26px}
.vline{width:3px;height:70px;margin:12px auto;background:linear-gradient(var(--accent),transparent);border-radius:3px}
.mut{color:var(--muted);display:block;margin-top:10px;font-size:14px}p.mut{font-size:15px}
.contacts{display:grid;gap:12px;margin:22px 0}
.ct{display:flex;align-items:center;gap:14px;text-align:right;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--text);font:inherit;cursor:pointer;width:100%;transition:.15s}
.ct:hover{border-color:var(--accent);transform:translateY(-2px)}
.ct b{font-size:17px}.ct small{color:var(--muted);margin-right:auto}
.cicon{width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;flex-shrink:0;overflow:hidden}
.cicon img{width:36px;height:36px;object-fit:contain}.cicon.dc{background:#fff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;z-index:60;padding:18px}.modal[hidden]{display:none}
.mbox{background:var(--panel);border:1px solid var(--accent);border-radius:18px;padding:24px;min-width:260px;max-width:92vw;text-align:center;box-shadow:0 0 40px rgba(56,198,255,.25)}
.mname{font-size:26px;font-weight:800;margin:12px 0 18px;color:var(--accent2);word-break:break-all}.mact{display:flex;gap:8px;justify-content:center}
@media(max-width:860px){.orb{width:150px;height:150px}.pnav-links a{padding:8px 11px;font-size:14px}.panelcard{padding:24px 14px}}
.prow{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;align-items:center;margin-bottom:8px}
.srow{display:grid;grid-template-columns:1fr 1fr 1fr 2fr auto;gap:8px;align-items:center;margin-bottom:8px;background:var(--panel2);padding:8px;border-radius:10px}
@media(max-width:860px){.srow{grid-template-columns:1fr 1fr}.srow input:nth-child(4){grid-column:1/-1}.prow{grid-template-columns:1fr 1fr}.prow select{grid-column:1/-1}}

/* ===== أيقونات وفوتر وأسئلة شائعة ===== */
.ic-svg{display:inline-block;vertical-align:-3px;flex-shrink:0;color:var(--accent2)}
.nav a .ic-svg{color:var(--accent)}
.nav h6{display:flex;align-items:center;gap:6px}
.h1i{display:flex;align-items:center;gap:10px}.h1i .ic-svg{color:var(--accent)}
.tile .ic{color:var(--accent);display:block}
.catt{display:flex;align-items:center;gap:8px}
.feat b{display:flex;align-items:center;gap:8px}
.panelcard h1 .ic-svg{color:var(--accent);vertical-align:-4px}
.sitefoot{max-width:760px;margin:46px auto 0;padding:26px 16px 34px;border-top:1px solid var(--line)}
.faq h2{display:flex;align-items:center;gap:8px;font-size:22px;margin:0 0 14px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:0 14px}
.faq details[open]{border-color:var(--accent)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary .ic-svg{transform:rotate(180deg)}
.faq p{margin:0 0 12px;color:var(--muted);font-size:15px}
.foot-links{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.dcbtn{display:inline-flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);color:var(--accent2);padding:9px 18px;border-radius:12px;font-weight:700}
.dcbtn:hover{border-color:var(--accent)}
.devname{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.devname b{color:var(--text)}
.copy{text-align:center;color:var(--muted);margin-top:22px;font-size:14px;letter-spacing:.5px;direction:ltr}

/* ===== لوحة فريق التطوير ===== */
.devpage{max-width:900px}.devpage.wide{max-width:1100px}
.devbar{display:flex;align-items:center;gap:12px;margin:18px 0 0}
.devtitle{display:flex;align-items:center;gap:8px;color:var(--accent2)}
.devmenu{position:relative}
.devdrop{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:6px;z-index:30;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.devdrop[hidden]{display:none}
.devdrop a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;color:var(--text);font-weight:600}
.devdrop a:hover,.devdrop a.on{background:var(--panel2);color:var(--accent2)}
.devstats{grid-template-columns:repeat(3,1fr);margin:18px 0}
.devtiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}
.devtiles .tile{display:block;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 14px}
.devtiles .tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.devtiles .tile b{display:block;margin:8px 0 4px}.devtiles .tile small{color:var(--muted)}
.card h3{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.addrow{display:flex;gap:8px;margin:12px 0}.addrow input{flex:1}
.teamlist{margin-top:10px}.trow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel2);border-radius:10px;padding:9px 12px;margin-bottom:6px;flex-wrap:wrap}
.trow small{color:var(--muted)}
.toolbar{margin-top:14px}.srch{position:relative}
.srch span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);display:grid}
.srch input{padding-right:40px}
.tb2{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;align-items:flex-end}
.tb2 label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);min-width:120px;flex:1}
.tb2 label.fl{flex:2;min-width:220px}.tb2 label span{display:flex;align-items:center;gap:5px}
.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.scard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;position:relative}
.scard:hover{border-color:var(--accent)}
.shead{display:flex;align-items:center;gap:12px}
.shead img,.shead .ph,.brow img,.brow .ph{width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--panel2);display:grid;place-items:center;font-weight:800;font-size:20px;flex-shrink:0}
.sname{min-width:0;flex:1}.sname b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sname small{color:var(--muted)}
.smeta{display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:14px;color:var(--muted)}
.smeta span{display:flex;align-items:center;gap:6px}.smeta b{color:var(--text)}
.kebab{position:relative}.kmenu{position:absolute;left:0;top:calc(100% + 4px);min-width:210px;background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:6px;z-index:20;box-shadow:0 12px 40px rgba(0,0,0,.55)}
.kmenu[hidden]{display:none}
.kmenu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;color:var(--text);font:inherit;font-weight:600;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:right}
.kmenu button:hover{background:var(--panel2)}.kmenu button.bad{color:#ff9aa8}
.mbox.wide{width:min(760px,94vw);text-align:right}
.mbox textarea{margin:8px 0 14px}
.sbody{max-height:60vh;overflow:auto;margin:12px 0;text-align:right}
.sbody details{background:var(--panel2);border-radius:10px;margin-bottom:6px;padding:0 12px}
.sbody summary{cursor:pointer;padding:9px 0;font-weight:700;color:var(--accent2)}
.sbody pre{margin:0 0 10px;white-space:pre-wrap;word-break:break-word;font-size:12.5px;color:var(--text);text-align:left}
.blist{display:grid;gap:12px;margin-top:14px}
.brow{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}
.binfo{flex:1;min-width:0}.bmeta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:14px;margin:6px 0}.bmeta b{color:var(--text)}.bmeta a{color:var(--accent2)}
.breason{background:#2a1620;border:1px solid #5b1f2e;color:#ffc2cb;border-radius:10px;padding:8px 12px;font-size:14px}
.toast{z-index:90}
@media(max-width:700px){.devstats{grid-template-columns:1fr 1fr 1fr}.devtiles{grid-template-columns:1fr}.brow{flex-direction:column}.scards{grid-template-columns:1fr}.addrow{flex-direction:column}}
.scard:has(.kmenu:not([hidden])){z-index:25}

/* ===== القائمة الجانبية على شكل مجلدات + ترويسة الصفحة ===== */
.side{padding:14px 12px;display:flex;flex-direction:column}
.gbox{text-decoration:none;color:var(--text);border:1px solid var(--line);position:relative}
.gbox:hover{border-color:var(--accent)}
.gbox .gsw{margin-right:auto;color:var(--muted);display:grid}
.nav{flex:1}
.fold{margin-bottom:2px}
.fh{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;color:var(--text);font:inherit;font-weight:800;font-size:15px;padding:9px 8px;cursor:pointer;border-radius:10px;text-align:right}
.fh:hover{background:var(--panel2)}
.fh .fi{color:var(--accent);display:grid}
.fh b{flex:1;font-weight:800}
.fh .chev{color:var(--muted);display:grid;transition:transform .2s}
.fold.open .fh .chev{transform:rotate(180deg)}
.fb{display:none;position:relative;margin:2px 14px 8px 0;padding-right:14px}
.fold.open .fb{display:block}
.fb::before{content:"";position:absolute;right:0;top:2px;bottom:12px;width:2px;background:var(--line);border-radius:2px}
.fold.open .fh{color:var(--accent2)}
.fb a,.fb .soon{position:relative;display:flex;align-items:center;gap:9px;padding:8px 10px;margin-bottom:2px;border-radius:9px;font-size:14px;color:var(--muted);font-weight:600}
.fb a::before,.fb .soon::before{content:"";position:absolute;right:-14px;top:50%;width:10px;height:2px;background:var(--line)}
.fb a .ic-svg,.fb .soon .ic-svg{color:var(--muted)}
.fb a:hover{background:var(--panel2);color:var(--text)}
.fb a.on{background:linear-gradient(135deg,rgba(56,198,255,.22),rgba(14,154,167,.08));color:#fff;border:0;box-shadow:inset 0 0 0 1px rgba(56,198,255,.45)}
.fb a.on .ic-svg{color:var(--accent2)}
.fb a.on::before{background:var(--accent)}
.sidefoot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:13px}
.sidefoot .uname{color:var(--muted)}
.logout{display:flex;align-items:center;gap:8px;color:#ff8a9a;font-weight:700;padding:8px 10px;border-radius:10px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25)}
.logout:hover{background:rgba(239,68,68,.16)}
.logout .ic-svg{color:#ff8a9a}
.pagehead{text-align:center;padding:34px 18px;margin-bottom:22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(56,198,255,.28),rgba(14,154,167,.16) 45%,rgba(94,234,212,.12)),repeating-linear-gradient(60deg,rgba(255,255,255,.03) 0 28px,transparent 28px 56px),var(--panel);box-shadow:0 10px 40px rgba(56,198,255,.12)}
.pagehead h1{font-size:28px;margin:0 0 6px}
.pagehead p{margin:0;color:var(--muted);font-size:15px}

/* ===== صفحة اللوقات ===== */
.lgbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
.lgall{display:flex;gap:8px;flex-wrap:wrap}.lgall select{min-width:200px}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.lcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}
.lcard.on{border-color:rgba(56,198,255,.55)}
.lh{display:flex;align-items:center;gap:8px;margin-bottom:10px}.lh b{flex:1}.lh .li{color:var(--accent);display:grid}
.lst{font-size:12px;border-radius:99px;padding:1px 9px}.lst.ok{background:rgba(34,197,94,.15);color:#86efac}.lst.off{background:rgba(239,68,68,.12);color:#ff9aa8}

/* ===== صفحة الاختصارات ===== */
.scstats{grid-template-columns:repeat(3,1fr);margin-bottom:14px}
.scstats .stat span{display:flex;align-items:center;gap:6px}.scstats .stat.bad{background:rgba(239,68,68,.08)}
.scbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.scbar .srch{flex:1;min-width:220px}.scbar select{width:auto;min-width:150px}
.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{background:none;border:0;color:var(--muted);font:inherit;font-weight:700;padding:9px 16px;cursor:pointer}
.seg button.on{background:var(--accent);color:#050c1a}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.scard2{background:var(--panel);border:1px solid var(--line);border-right:3px solid var(--accent);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.scard2.off{opacity:.55;border-right-color:var(--line)}
.scard2 .sh{display:flex;align-items:center;gap:8px}.scard2 .cn{margin-right:auto;font-size:17px;color:var(--accent2)}
.scard2 .tag{font-size:11px;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 8px;color:var(--muted)}
.scard2 p{margin:0;color:var(--text);font-size:14px}
.scard2 code{background:var(--bg);border-radius:8px;padding:6px 10px;color:var(--muted);font-size:12.5px;text-align:left}
.scard2 .mng{background:none;border:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;text-align:right;padding:2px 0}
.scard2 .mng:hover{color:var(--accent2)}
.tg{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}
.tg input{opacity:0;width:0;height:0;position:absolute}
.tg i{position:absolute;inset:0;background:var(--line);border-radius:99px;transition:.2s;cursor:pointer}
.tg i::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}
.tg input:checked+i{background:var(--accent)}.tg input:checked+i::after{right:23px}
.scm{max-height:90vh;overflow:auto;text-align:right}.scm .mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.scm .addrow{margin:6px 0}.lbl{display:flex;align-items:center;gap:6px;font-weight:700;margin:10px 0 6px}
.alist{display:grid;gap:6px;margin-bottom:6px}.arow{display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border-radius:10px;padding:7px 12px}
.rhead{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.rlist{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:220px;overflow:auto;margin:8px 0}
.ropt{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:7px 10px;cursor:pointer;font-size:14px}
.ropt input{width:auto}
@media(max-width:700px){.rlist{grid-template-columns:1fr}.scstats{grid-template-columns:1fr 1fr 1fr}.scstats .stat b{font-size:22px}}

/* ===== منشئ الرسائل ===== */
.bmain{max-width:980px}
.btop{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:12px}
.bnote{background:rgba(56,198,255,.08);border:1px solid rgba(56,198,255,.3);border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:14px}
.stepper{display:flex;align-items:flex-start;justify-content:center;margin:10px 0 22px;direction:rtl}
.stp{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--muted);font-size:13px;min-width:64px}
.stp i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);font-style:normal;font-weight:800;color:var(--muted)}
.stp.cur i{background:var(--accent);color:#050c1a;border-color:var(--accent);box-shadow:0 0 0 4px rgba(56,198,255,.2)}
.stp.cur{color:var(--text)}
.stp.done i{background:#2a7de1;color:#fff;border-color:#2a7de1}
.stl{width:64px;height:2px;background:var(--line);margin-top:17px}.stl.done{background:#2a7de1}
.bcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}
.bh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px}
.bh h3{margin:0 0 2px;font-size:20px}.bh .hint{margin:0}
.bi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(56,198,255,.12);color:var(--accent);flex-shrink:0}
.brow2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opts2{display:flex;gap:8px;flex-wrap:wrap}
.opts2 button,.clrs .cs{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;font-weight:700;padding:10px 12px;cursor:pointer}
.opts2 button.on,.clrs .cs.on{border-color:var(--accent);background:rgba(56,198,255,.12);box-shadow:inset 0 0 0 1px var(--accent)}
.mtypes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:right;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text);font:inherit;cursor:pointer}
.mt span{color:var(--accent);display:grid}.mt small{color:var(--muted)}
.mt.on{border-color:var(--accent);background:rgba(56,198,255,.1);box-shadow:inset 0 0 0 1px var(--accent)}
.mt:disabled{opacity:.35;cursor:not-allowed}
.palette{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}
.pl-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.pl-top .srch{flex:1;min-width:180px}
.ctr{display:flex;gap:14px;font-size:13px;color:var(--muted)}.ctr b{color:var(--accent2)}.ctr .bad b{color:#ff8a9a}
.pgrp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pgn{width:70px;font-size:12px;color:var(--muted)}
.pitem{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 10px;color:var(--text);font:inherit;cursor:pointer}
.pitem:hover{border-color:var(--accent)}.pitem i{display:grid;color:var(--accent)}.pitem em{font-style:normal;color:var(--muted)}
.blk{background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.blk.selc{border-color:rgba(56,198,255,.6)}
.bk-h{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}
.bk-h .bk-i{color:var(--accent);display:grid}.bk-h b{font-size:14px}.bk-h .mut{color:var(--muted)}
.badge{font-size:11px;background:var(--accent);color:#050c1a;border-radius:6px;padding:1px 8px;font-weight:800}
.bk-a{margin-right:auto;display:flex;gap:4px}
.bk-a button{background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--text);width:30px;height:28px;display:grid;place-items:center;cursor:pointer}
.bk-a button:hover{border-color:var(--accent)}.bk-a button.bad{color:#ff8a9a}.bk-a button:disabled{opacity:.3;cursor:default}
.flip{display:grid;transform:rotate(180deg)}
.bk-b{padding:12px}.kids{margin-top:10px;padding-right:12px;border-right:2px solid var(--line)}
.swr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sw2{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.sw2 input{width:auto}
.swatches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.swc{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swc.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}
.hex{width:92px!important;padding:5px 8px!important;font-size:13px!important}
.mdtb{display:flex;gap:4px;flex-wrap:wrap;background:var(--panel2);border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:5px}
.mdtb button{background:none;border:0;color:var(--muted);font:inherit;font-size:13px;font-weight:800;min-width:28px;height:26px;border-radius:6px;cursor:pointer}
.mdtb button:hover{background:var(--line);color:var(--text)}
.mdtb+textarea{border-radius:0 0 10px 10px}
.para{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.para textarea,.para input{flex:1}
.lrow{display:grid;grid-template-columns:1fr 1.4fr 90px auto;gap:8px;margin-bottom:8px}
.bgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.slot{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--bg);border:1px dashed var(--line);border-radius:10px;color:var(--muted);font:inherit;cursor:pointer;padding:6px}
.slot:hover{border-color:var(--accent);color:var(--accent2)}.slot small{font-size:11px}
.slot.full{border-style:solid;color:#fff;font-weight:700}.slot.full b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.slot.primary{background:#4752c4;border-color:#4752c4}.slot.success{background:#248046;border-color:#248046}.slot.danger{background:#a12d2f;border-color:#a12d2f}.slot.secondary{background:#4e5058;border-color:#4e5058}.slot.link{background:#4e5058;border-color:#4e5058}
.slot.full small{color:rgba(255,255,255,.7)}
.clrs{display:flex;gap:8px}
.clrs .cs.primary{background:#4752c4}.clrs .cs.success{background:#248046}.clrs .cs.danger{background:#a12d2f}.clrs .cs.secondary{background:#4e5058}
.bm{width:min(440px,94vw);text-align:right}.mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.rsum{display:flex;gap:10px 18px;flex-wrap:wrap;margin-bottom:14px;font-size:14px;color:var(--muted)}.rsum b{color:var(--text)}
.preview{background:#313338;border-radius:12px;padding:16px;direction:rtl;color:#dbdee1;overflow:auto}
.dmsg{display:flex;gap:12px}.dmsg .av{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}
.dbody{min-width:0;flex:1}.dname{display:flex;align-items:center;gap:6px;margin-bottom:4px}.dname b{color:#fff}.dname small{color:#949ba4;font-size:12px}
.app{background:#5865f2;color:#fff;font-size:10px;font-weight:700;border-radius:4px;padding:0 5px}
.dtext{font-size:15px;line-height:1.5;word-break:break-word}.dtext h2{font-size:22px;margin:4px 0}.dtext h3{font-size:18px;margin:4px 0}.dtext h4{font-size:16px;margin:4px 0}
.dtext .q{border-right:3px solid #4e5058;padding-right:10px}.dtext code{background:#1e1f22;border-radius:4px;padding:1px 5px;font-size:13px}.dtext pre{background:#1e1f22;border-radius:6px;padding:8px;margin:4px 0;white-space:pre-wrap}
.dtext a{color:#00a8fc}.dtext .sub{color:#949ba4;font-size:12px}.spoil{background:#1e1f22;color:transparent;border-radius:4px}.mention{background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:4px;padding:0 3px}
.dcont{background:#2b2d31;border:1px solid #1e1f22;border-right:4px solid #5865f2;border-radius:8px;padding:12px;margin:6px 0;display:flex;flex-direction:column;gap:8px}
.dcont.sp{filter:blur(6px)}
.dsep hr{border:0;border-top:1px solid #4e5058;margin:2px 0}.dsep.large{padding:8px 0}
.dsec{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.dsec img{width:72px;height:72px;border-radius:8px;object-fit:cover;flex-shrink:0}.dsec .dtext{flex:1}
.dgal{display:grid;gap:4px;border-radius:8px;overflow:hidden}.dgal.n1{grid-template-columns:1fr}.dgal.n2,.dgal.n3,.dgal.n4{grid-template-columns:1fr 1fr}.dgal img{width:100%;max-height:260px;object-fit:cover}
.drow{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.dbtn{display:inline-flex;align-items:center;gap:6px;border-radius:4px;padding:7px 14px;font-size:14px;font-weight:500;color:#fff}
.dbtn.primary{background:#5865f2}.dbtn.success{background:#248046}.dbtn.danger{background:#da373c}.dbtn.secondary,.dbtn.link{background:#4e5058}.dbtn i{font-style:normal;font-size:11px}
.dmenu{display:flex;justify-content:space-between;background:#1e1f22;border:1px solid #3f4147;border-radius:6px;padding:9px 12px;color:#949ba4;margin-top:6px}
.demb{background:#2b2d31;border-right:4px solid #5865f2;border-radius:4px;padding:12px;margin-top:4px;max-width:520px}.demb h3{margin:0 0 6px;font-size:16px}.demb .big{width:100%;border-radius:6px;margin-top:8px}.demb .th{float:left;width:72px;border-radius:6px;margin-right:10px}
.bnav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;position:sticky;bottom:0;padding:10px 0;background:linear-gradient(transparent,var(--bg) 40%)}
.sendrow{display:flex;gap:8px}
.bsent{max-height:88vh;overflow:auto;text-align:right}
.srow2{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--panel2);border-radius:12px;padding:12px;margin-bottom:8px}
.srow2 small{color:var(--muted);display:block}.srow2 p{margin:4px 0 0;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.srow2 .sa{display:flex;gap:6px;flex-shrink:0}
@media(max-width:760px){.mtypes{grid-template-columns:1fr 1fr}.brow2{grid-template-columns:1fr}.bgrid{grid-template-columns:repeat(3,1fr)}.lrow{grid-template-columns:1fr 1fr}.stl{width:26px}.stp{min-width:52px}.srow2{flex-direction:column;align-items:flex-start}.srow2 p{max-width:80vw}}
.fhead{margin:22px 0 10px;padding-top:14px;border-top:1px solid var(--border,#2a2f3a)}.fhead h3{margin:0 0 4px;font-size:17px}
.prules{display:grid;gap:10px}.prule{border:1px solid var(--border,#2a2f3a);border-radius:12px;padding:10px 12px}
.prh{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.mini{font-size:13px;display:flex;gap:6px;align-items:center}
.prb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prb label{display:flex;flex-direction:column;gap:4px;font-size:12px}
@media(max-width:560px){.prb{grid-template-columns:1fr}}
.iqrow{border:1px solid var(--border,#2a2f3a);border-radius:12px;padding:10px 12px;margin-bottom:10px;display:grid;gap:8px}
.iqh{display:flex;justify-content:space-between;align-items:center}.iqa{display:flex;gap:6px}
.iqo{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.iqrow textarea{min-height:56px}

/* معالج أقسام التذاكر (خطوتين) */
.steps{display:flex;align-items:center;justify-content:center;gap:0;margin:6px 0 18px;direction:ltr}
.steps .st{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}
.steps .st.on{background:var(--accent);color:#04201e;border-color:var(--accent);box-shadow:0 0 18px rgba(56,198,255,.45)}
.steps i{display:block;width:64px;height:2px;background:var(--line)}
.stepbox h4{margin:0 0 4px;font-size:18px}.stepbox .sub{color:var(--muted);font-size:13px;margin-bottom:14px}
.wnav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.wnav .danger{margin-right:auto}
.sep{border:0;border-top:1px solid var(--line);margin:16px 0}
.words textarea{min-height:46px;resize:vertical;line-height:1.6}
.wrow textarea{grid-column:auto}
@media(max-width:860px){.wrow textarea{grid-column:1/-1}}
.wrow textarea,.srow textarea{min-height:44px;overflow:auto;resize:vertical;line-height:1.6;white-space:pre-wrap}
@media(max-width:860px){.srow textarea{grid-column:1/-1}}

/* لوحة التطوير: إعدادات السيرفر */
.sec{background:var(--panel2);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:0 14px}
.sec summary{cursor:pointer;padding:12px 0;list-style:none}.sec summary::-webkit-details-marker{display:none}
.sec[open]{border-color:var(--accent)}.sec textarea{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;min-height:60px}
.secact{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 12px}
.adm{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;margin-bottom:12px;background:var(--panel2);border:1px solid var(--line)}
.adm.yes{border-color:var(--ok)}.adm.no{border-color:#ef4444}
b.yes{color:var(--ok)}b.no{color:#ef4444}
.danger-zone{margin-top:18px;padding-top:16px;border-top:1px dashed #ef4444;text-align:center}
.danger-zone .btn.danger{background:#dc2626;color:#fff;font-weight:800;padding:12px 22px}

.fsearch{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:6px 14px;margin:18px 0 4px}
.fsearch input{border:0;background:transparent;flex:1;padding:10px 4px;outline:none}.fsearch span{color:var(--muted);display:flex}
.fsearch em{font-style:normal;background:var(--panel2);border-radius:99px;padding:2px 10px;font-size:12px;color:var(--accent2)}
.tile{transition:transform .15s,border-color .15s,box-shadow .15s}.tile:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 28px rgba(56,198,255,.15)}
/* صندوق «الدعم الفني» في الصفحة الرئيسية: أكبر ومسافات تمنع التداخل مع النص (خصوصاً بالجوال) */
.hero p{line-height:2.4}
.inl{display:inline-block;padding:9px 26px;margin:10px 8px;line-height:1.6;font-size:1.05em;font-weight:700;vertical-align:middle;border-radius:12px}
@media(max-width:700px){.hero p{line-height:2.6}.inl{display:block;width:fit-content;margin:14px auto;padding:11px 30px}}
.ic-img{vertical-align:middle;flex:none;border-radius:50%;object-fit:contain}.side .ic-img{width:22px;height:22px}
/* مصمم صورة الترحيب */
.wd-stage-box{margin:12px 0}
.wd-stage{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:12px;overflow:hidden;touch-action:none;user-select:none;border:1px solid var(--line);direction:ltr}
.wd-ov{position:absolute;inset:0;pointer-events:none}
.wd-it{position:absolute;transform:translate(-50%,-50%);cursor:grab;box-sizing:border-box;white-space:nowrap}
.wd-it.on{outline:2px dashed var(--accent);outline-offset:3px}
.wd-tx{line-height:1.1;padding:0 2px}
.wd-h{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff;bottom:-9px;right:-9px;cursor:nwse-resize;touch-action:none}
.wd-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.wd-panel{margin-top:6px}
@media(max-width:700px){.wd-h{width:22px;height:22px;bottom:-12px;right:-12px}}
.joinbtn{margin-top:10px;width:100%;background:#2563eb;border-color:#2563eb;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.joinbtn:hover{background:#1d4ed8}

/* شاشة التحميل: شعار البوت + دائرة تحميل */
#pageload{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#050b0d;transition:opacity .35s ease}
#pageload.done{opacity:0;pointer-events:none}
#pageload img{width:96px;height:96px;border-radius:50%;box-shadow:0 0 36px rgba(56,198,255,.35);animation:plpulse 1.6s ease-in-out infinite}
.plspin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(56,198,255,.18);border-top-color:#38c6ff;animation:plrot .8s linear infinite}
@keyframes plrot{to{transform:rotate(360deg)}}
@keyframes plpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;text-align:center}
.cd div{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:14px 6px}
.cd b{display:block;font-size:28px;font-variant-numeric:tabular-nums}.cd small{color:var(--muted)}

/* رابط الدعم الفني في الصفحة الأولى: مربّع صغير داخل السطر */
.hero p .inl,.inl{display:inline-block!important;width:auto!important;margin:0 4px!important;padding:2px 12px!important;font-size:.9em!important;font-weight:600;line-height:1.6!important;border-radius:6px!important;vertical-align:baseline}
@media(max-width:700px){.hero p{line-height:2.2}}
.two{display:grid;gap:14px;grid-template-columns:1fr 1fr}@media(max-width:800px){.two{grid-template-columns:1fr}}

.tbadge{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:6px;margin-bottom:4px}
.tbadge.buyer{background:#1d4ed8;color:#fff;box-shadow:0 0 12px rgba(59,130,246,.45)}
.tbadge.event{background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff;box-shadow:0 0 12px rgba(168,85,247,.4)}

.pnav-user{position:relative;flex-shrink:0}.pnav-av{display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:50%;box-shadow:0 0 0 2px rgba(56,198,255,.55)}.pnav-av img,.pnav-av .ph{width:42px;height:42px;border-radius:50%;background:var(--line);object-fit:cover;display:block}
.pnav-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:190px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 12px 40px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:10px;z-index:60}
.pnav-menu b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pnav-menu[hidden]{display:none}
.pnav-out{text-align:center;font-size:14px;font-weight:700;color:#ff9aa8;background:#3a1620;border:1px solid #5b1f2e;border-radius:10px;padding:8px 12px}.pnav-out:hover{filter:brightness(1.2)}
/* القائمة الجانبية: ما ينقطع آخر زر خلف شريط المتصفح */
.side{height:100vh;height:100dvh;padding-bottom:96px}
.sidefoot{margin-bottom:12px}
/* ===== إضافات: ثيم فاتح، شريط مصغّر، دوك، بحث، معاينة ===== */
:root[data-theme=light]{--bg:#f3f7fd;--panel:#ffffff;--panel2:#eaf1fb;--line:#cfdcef;--text:#0f2038;--muted:#5a7092}
:root[data-theme=light] .nav a.on{color:#0f2038}
:root[data-theme=light] .btn.danger{background:#fde8ec;border-color:#f5b5c0;color:#b4233a}
#dock{position:fixed;left:14px;bottom:14px;z-index:60;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100vw - 28px)}
#dock button,#dock label{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative}
#dock button:hover,#dock label:hover{border-color:var(--accent)}
#dock input[type=color]{width:20px;height:20px;border:0;padding:0;background:none;cursor:pointer}
#bellN{background:var(--bad);color:#fff;border-radius:99px;font-size:11px;padding:0 6px}
#dockPop{position:fixed;left:14px;bottom:60px;z-index:61;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:260px;max-width:min(380px,calc(100vw - 28px));box-shadow:0 10px 40px rgba(0,0,0,.4)}
#dockPop[hidden]{display:none}
#dockPop .pr{display:block;padding:8px 10px;border-radius:8px;color:var(--text)}#dockPop .pr:hover{background:var(--panel2)}
.pvc{background:var(--panel2);border-radius:8px;padding:10px 12px;margin-top:8px}.pvt{font-weight:800;margin-bottom:4px}.pvd{white-space:pre-wrap;word-break:break-word}
#navSearch{width:100%;margin:0 0 10px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit}
body.mini .side{width:64px;padding-left:8px;padding-right:8px;overflow-x:hidden}
body.mini .side .gbox>div,body.mini .side .gsw,body.mini .side .nav a span,body.mini .side .fh b,body.mini .side .chev,body.mini #navSearch,body.mini .side .sidefoot{display:none}
body.mini .side .nav a{justify-content:center;padding:9px 0}
@media(max-width:900px){body.mini .side{width:260px}body.mini .side .gbox>div,body.mini .side .nav a span,body.mini .side .fh b{display:revert}}
.rpick{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel2)}
.rp-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.rp-top .rp-q{flex:1;min-width:140px}
.rp-list{max-height:340px;overflow-y:auto;margin-top:8px;border:1px solid var(--line);border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.rp-row{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--line)}
.rp-row:last-child{border-bottom:0}
.rp-row.on{background:rgba(56,198,255,.14)}
.rp-ck{width:20px;height:20px;border:2px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#38c6ff;flex:none}
.rp-row.on .rp-ck{border-color:#38c6ff}

/* ===== مظهر الداشبورد: ثيمات + لون + كثافة + ورقة الإعدادات ===== */
:root{--accent-d:#2a7de1}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-d))}
.pnav-links a.on{background:linear-gradient(135deg,var(--accent),var(--accent2))}
html[data-theme=black]{--bg:#000;--panel:#0b0b0e;--panel2:#16161b;--line:#26262e;--muted:#9a9aa8}
html[data-theme=black] body{background:#000}
html[data-theme=black] .pnav{background:rgba(0,0,0,.9)}
html[data-theme=light]{--bg:#f3f6fb;--panel:#ffffff;--panel2:#e9eff8;--line:#d2dcec;--text:#0f1b33;--muted:#5a6d8c;--accent2:#c2410c}
html[data-theme=light] body{background:radial-gradient(900px 400px at 80% -10%,rgba(56,198,255,.14),transparent 60%),var(--bg)}
html[data-theme=light] .pnav{background:rgba(255,255,255,.9);box-shadow:0 1px 0 var(--line)}
html[data-theme=light] .nav a.on{color:var(--text);background:rgba(56,198,255,.16)}
html[data-theme=light] .savebar{background:rgba(255,255,255,.94)}
html[data-theme=light] .btn.primary,html[data-theme=light] .pnav-links a.on{color:#fff}
html[data-theme=light] .btn.danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c}
html[data-theme=light] .pnav-menu,html[data-theme=light] .uisheet{box-shadow:0 12px 40px rgba(15,27,51,.18)}
html[data-theme=light] .scrim.open,html[data-theme=light] .uiscrim.open{background:rgba(15,27,51,.35)}
html[data-theme=light] .soon,html[data-theme=light] .tile.soon{opacity:.55}

.ui-gear{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer;flex-shrink:0;padding:0}
.ui-gear:hover{border-color:var(--accent);color:var(--accent)}
.ui-gear.float{position:fixed;bottom:16px;left:16px;z-index:60;width:46px;height:46px;border-radius:50%}
.uiscrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90}.uiscrim.open{display:block}
.uisheet{position:fixed;z-index:100;background:var(--panel);border:1px solid var(--line);color:var(--text);overflow-y:auto;transition:transform .25s;padding:14px 18px 22px;
  left:50%;top:70px;width:360px;max-width:94vw;max-height:calc(100vh - 90px);border-radius:16px;transform:translate(-50%,-14px);opacity:0;pointer-events:none;box-shadow:0 14px 50px rgba(0,0,0,.55)}
.uisheet.open{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.uigrip{display:none;width:44px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 10px}
.uih{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:18px}
.uix{border:0;background:var(--panel2);color:var(--text);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px}
.uis{margin-top:14px}.uis>label{display:block;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:7px}
.uiseg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;background:var(--panel2);padding:4px;border-radius:12px}
.uiseg button{border:0;background:none;color:var(--muted);font:inherit;font-weight:700;padding:9px 6px;border-radius:9px;cursor:pointer}
.uiseg button.on{background:var(--accent);color:#04101a}
html[data-theme=light] .uiseg button.on{color:#fff}
.uiacc{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.uiacc button{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0}
.uiacc button.on{border-color:var(--text)}
.uiacc input[type=color]{width:38px;height:34px;padding:2px;border-radius:10px;border:1px solid var(--line);background:var(--bg)}
.uilinks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.uilinks a{display:block;text-align:center;padding:11px 8px;border-radius:11px;background:var(--panel2);border:1px solid var(--line);font-weight:700;font-size:14px}
.uilinks a.on{border-color:var(--accent);color:var(--accent)}
.uireset{width:100%;border:1px dashed var(--line);background:none;color:var(--muted);font:inherit;padding:10px;border-radius:11px;cursor:pointer}

/* تلخيص التلميحات الطويلة */
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.clamp::after{content:''}

/* الكثافة المضغوطة (تلقائي في الجوال) */
html.compact .main{padding-top:14px}
html.compact .card{padding:14px;margin-bottom:12px;border-radius:12px}
html.compact h1{font-size:21px}
html.compact .sub{margin-bottom:14px;font-size:14px}
html.compact .f{margin-bottom:10px}
html.compact .tile{min-height:88px;padding:10px;gap:3px}
html.compact .tile .ic{font-size:22px}html.compact .tile b{font-size:14px}html.compact .tile small{display:none}
html.compact .catt{margin:18px 0 8px;font-size:16px}
html.compact .btn{padding:9px 14px}

@media(max-width:860px){
  /* الشريط العلوي: الشعار + ديسكورد + الإعدادات + الحساب فقط، والتنقل داخل ورقة الإعدادات */
  .pnav{gap:8px;padding:7px 12px}
  .pnav-links{display:none}
  .pnav-logo{margin-inline-end:auto}
  .pnav-logo img{width:36px;height:36px}
  .pnav-dc,.ui-gear,.pnav-av img,.pnav-av .ph{width:38px;height:38px}
  .pnav-av img,.pnav-av .ph{width:38px;height:38px}
  .pnav-dc{border-radius:11px}
  .uisheet{left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;max-height:86vh;border-radius:20px 20px 0 0;border-bottom:0;transform:translateY(105%);opacity:1;padding-bottom:max(22px,env(safe-area-inset-bottom))}
  .uisheet.open{transform:none}
  .uigrip{display:block}
  .ui-gear.float{bottom:76px}
  /* شريط الحفظ والجداول والأزرار أخف */
  .savebar{padding:8px 12px}
  .savebar .btn{flex:1;justify-content:center}
  .gcards{grid-template-columns:1fr 1fr;gap:10px}
  .gcard{padding:14px}.gcard img,.gcard .ph{width:56px;height:56px}
  .hero{padding:36px 8px 24px}.hero h1{font-size:28px}.hero p{font-size:15px}
  .feat{grid-template-columns:1fr 1fr;gap:10px}.feat div{padding:12px}
  .center{padding:18px 12px}
  .top{padding:8px 12px}
  .tiles{grid-template-columns:1fr 1fr}
  table{display:block;overflow-x:auto;white-space:nowrap}
}

/* ===== شات المطورين ===== */
.devchat .dc-top{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.devchat .dc-top h3{margin:0}
.dc-list{height:min(62vh,560px);overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.dc-more{align-self:center;margin:8px auto 0;display:block}.dc-more[hidden]{display:none}
.dc-m{display:flex;gap:9px;align-items:flex-start;max-width:100%}
.dc-av{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none;background:var(--panel2)}
.dc-b{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 11px;min-width:0;max-width:min(560px,calc(100% - 46px))}
.dc-m.mine .dc-b{border-color:var(--accent)}
.dc-m.men .dc-b{box-shadow:0 0 0 2px rgba(255,165,48,.55)}
.dc-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:2px}.dc-h small{color:var(--muted);font-size:11px}
.dc-del{margin-inline-start:auto;border:0;background:none;cursor:pointer;opacity:.5;padding:0 2px}.dc-del:hover{opacity:1}
.dc-t{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.7}
.dc-t a{color:var(--accent);text-decoration:underline}
.dc-t code{background:var(--panel2);border-radius:5px;padding:1px 5px;direction:ltr;unicode-bidi:embed}
.dc-men{background:rgba(255,165,48,.18);color:#ffb454;border-radius:6px;padding:0 4px;font-weight:700}
.dc-code{position:relative;margin:6px 0}.dc-code pre{margin:0;background:#0b1020;color:#d7e3ff;border-radius:10px;padding:12px;overflow:auto;max-height:340px;direction:ltr;text-align:left;font-size:13px;line-height:1.55}
html[data-theme=light] .dc-code pre{background:#0f1b33}
.dc-code code{background:none;padding:0;white-space:pre}
.dc-copy{position:absolute;top:6px;left:8px;z-index:1;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:7px;padding:3px 9px;font:inherit;font-size:12px;cursor:pointer}
.dc-img{display:block;max-width:100%;max-height:340px;border-radius:10px;margin-top:6px}
.dc-vid{display:block;width:100%;max-height:380px;background:#000;border-radius:10px;margin-top:6px}
.dc-aud{display:block;width:min(320px,100%);margin-top:6px}
.dc-fn{font-size:12px;color:var(--muted);margin-top:3px;word-break:break-all}
.dc-file{display:flex;align-items:center;gap:8px;margin-top:6px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;word-break:break-all}.dc-file small{color:var(--muted);margin-inline-start:auto}
.dc-comp{display:flex;gap:6px;align-items:flex-end;margin-top:10px}
.dc-comp textarea{flex:1;min-width:0;resize:none;max-height:160px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--text);font:inherit;line-height:1.5}
.dc-comp textarea:focus{outline:0;border-color:var(--accent)}
.dc-ib{width:42px;height:42px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--panel2);cursor:pointer;font-size:18px;color:var(--text)}
.dc-ib.on{background:var(--bad);border-color:var(--bad)}
.dc-send{height:42px;flex:none}
.dc-pend{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dc-pend[hidden]{display:none}
.dc-chip{display:inline-flex;gap:6px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:4px 6px 4px 12px;font-size:13px;max-width:100%}
.dc-chip.err{border-color:var(--bad);color:#ff9aa8}.dc-chip small{color:var(--muted)}
.dc-chip button{border:0;background:var(--line);color:var(--text);width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:11px;padding:0}
.dc-rec{display:flex;gap:10px;align-items:center;margin-top:8px;background:rgba(239,68,68,.1);border:1px solid var(--bad);border-radius:12px;padding:8px 12px;flex-wrap:wrap}.dc-rec[hidden]{display:none}
.dc-rec small{color:var(--muted);margin-inline-start:auto}
.dc-dot{width:10px;height:10px;border-radius:50%;background:var(--bad);animation:dcb 1s infinite}@keyframes dcb{50%{opacity:.25}}
.dc-pop{display:none;position:relative}.dc-pop.open{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:6px;overflow:hidden}
.dc-pop button{border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);text-align:start;padding:9px 12px;font:inherit;cursor:pointer}.dc-pop button:last-child{border:0}.dc-pop button:hover{background:var(--panel2)}.dc-pop small{color:var(--muted);margin-inline-start:6px}
@media(max-width:860px){.dc-list{height:58vh}.dc-b{max-width:calc(100% - 46px)}.dc-send{padding:0 14px}}

/* حماية من تمدد الصفحة أفقياً في الجوال (كانت تقص المحتوى) */
html,body{max-width:100%}
@media(max-width:860px){
  html,body{overflow-x:hidden}
  .shell,.main{width:100%;max-width:100%;min-width:0;overflow-x:clip}
  .main img,.main video,.main iframe{max-width:100%}
  .side:not(.open){visibility:hidden}
  .side{transition:transform .25s,visibility 0s linear .25s}.side.open{visibility:visible;transition:transform .25s}
  .tabs,.chips{max-width:100%}
  .fsearch{max-width:100%}
  .grid{max-width:100%}
}

/* ===== عرض المميزات المتقلب ===== */
.sc{max-width:980px;margin:34px auto;padding:0 4px}
.sc-head{text-align:center;margin-bottom:14px}.sc-head h2{margin:0 0 4px;font-size:30px}.sc-head p{margin:0;color:var(--muted)}
.sc-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sc-count{flex:none;color:var(--muted);font-size:15px;direction:ltr}.sc-count b{color:var(--accent);font-size:20px}
.sc-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;padding:2px}.sc-tabs::-webkit-scrollbar{display:none}
.sc-tabs button{flex:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-weight:700;font-size:14px;padding:8px 15px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:.15s}
.sc-tabs button:hover{color:var(--text)}.sc-tabs button.on{background:var(--accent);border-color:var(--accent);color:#04101a}
html[data-theme=light] .sc-tabs button.on{color:#fff}
.sc-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;padding:22px 10px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(500px 220px at 50% 0%,rgba(56,198,255,.12),transparent 70%),var(--panel);overflow:hidden}
.sc-mock{width:min(560px,100%);opacity:0;transform:translateY(10px) scale(.98)}.sc-mock.in{opacity:1;transform:none;transition:opacity .4s,transform .4s}
.sc-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:22px;cursor:pointer;z-index:2;line-height:1;padding:0 0 3px}
.sc-nav.prev{right:10px}.sc-nav.next{left:10px}.sc-nav:hover{border-color:var(--accent)}
.sc-info{margin-top:16px;text-align:center}.sc-cat{display:inline-block;color:var(--accent);font-size:13px;font-weight:700;background:rgba(56,198,255,.1);padding:2px 12px;border-radius:99px}
.sc-info h3{margin:8px 0 4px;font-size:22px}.sc-info p{margin:0 auto;max-width:640px;color:var(--muted);line-height:1.8}
.sc-prog{height:3px;background:var(--line);border-radius:9px;margin-top:16px;overflow:hidden}.sc-prog i{display:block;height:100%;width:0;background:var(--accent)}
/* شكل ديسكورد (محاكاة) */
.dm{background:#313338;color:#dbdee1;border-radius:12px;overflow:hidden;text-align:right;font-size:14px;box-shadow:0 10px 40px rgba(0,0,0,.35);direction:rtl}
.dm-h{background:#2b2d31;padding:10px 14px;font-weight:800;border-bottom:1px solid #1e1f22;color:#f2f3f5}.dm-h span{color:#80848e;margin-left:3px}
.dm-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px;min-height:200px}
.dm-msg{display:flex;gap:10px;align-items:flex-start}.dm-av{width:38px;height:38px;border-radius:50%;flex:none;object-fit:cover;background:#1e1f22}
.dm-u{display:grid;place-items:center;font-weight:800;color:#fff}
.dm-c{min-width:0;flex:1}.dm-n{display:flex;align-items:center;gap:7px;margin-bottom:3px}.dm-n b{color:#f2f3f5}.dm-n small{color:#949ba4;font-size:11px}
.dm-tag{background:#5865f2;color:#fff;font-size:10px;font-weight:800;padding:0 5px;border-radius:4px;line-height:16px}
.dm-tx{color:#dbdee1}.dm-m{background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:4px;padding:0 3px;font-weight:600}
.dm-emb{background:#2b2d31;border-right:4px solid var(--c,#38c6ff);border-radius:6px;padding:10px 12px;margin-bottom:6px;max-width:440px}
.dm-et{display:block;color:#f2f3f5;font-size:15px;margin-bottom:4px}.dm-ed{color:#dbdee1;line-height:1.7}
.dm-fs{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:8px}.dm-fs div{display:flex;flex-direction:column}.dm-fs b{font-size:12px;color:#f2f3f5}.dm-fs span{font-size:13px;color:#b5bac1}
.dm-ft{display:block;margin-top:8px;color:#949ba4;font-size:11px}
.dm-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.dm-b{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;color:#fff}.dm-b.p{background:#5865f2}.dm-b.g{background:#248046}.dm-b.r{background:#da373c}.dm-b.s{background:#4e5058}
.dm-sel{display:flex;justify-content:space-between;align-items:center;background:#1e1f22;border:1px solid #3a3c43;border-radius:6px;padding:8px 12px;color:#949ba4;margin:2px 0 8px;max-width:440px}
.dm-img{height:90px;border-radius:8px;background:linear-gradient(120deg,#0e3b5c,#1b6ca8 45%,#7c3aed);position:relative;max-width:440px}.dm-img::after{content:'';position:absolute;inset:auto 14px 14px auto;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.85)}
.dm-bar{height:10px;background:#1e1f22;border-radius:99px;margin-top:4px;max-width:440px;overflow:hidden}.dm-bar i{display:block;height:100%;background:linear-gradient(90deg,#38c6ff,#a78bfa)}
.dm-ban{background:linear-gradient(120deg,#0b3a66,#14b8c4);border-radius:8px;padding:22px 14px;max-width:440px;margin-bottom:6px;color:#fff;display:flex;flex-direction:column}.dm-ban b{font-size:20px}.dm-ban span{opacity:.85;font-size:12px}
.dm-dash{display:flex;gap:10px;background:#0a172b;border:1px solid #1d3a63;border-radius:12px;padding:10px;min-height:250px;direction:rtl;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.dd-s{width:44px;display:flex;flex-direction:column;gap:8px}.dd-s i{height:30px;border-radius:9px;background:#112340}.dd-s i.on{background:#38c6ff}
.dd-m{flex:1;display:flex;flex-direction:column;gap:10px}.dd-t{height:20px;width:45%;background:#112340;border-radius:7px}
.dd-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dd-g span{height:52px;border-radius:10px;background:#112340;border:1px solid #1d3a63}
.dd-c{flex:1;border-radius:10px;background:linear-gradient(180deg,rgba(56,198,255,.18),#112340);border:1px solid #1d3a63;min-height:70px}.dd-c.s{flex:.6;background:#112340}
@media(max-width:700px){.sc-head h2{font-size:24px}.sc-stage{padding:16px 6px;min-height:260px}.sc-nav{display:none}.dm-body{padding:10px}.dm-emb,.dm-sel,.dm-img,.dm-bar,.dm-ban{max-width:100%}}

/* الصفحة الرئيسية */
.hm-hero{text-align:center;padding:54px 10px 24px}
.hm-hero .orb{margin:0 auto 14px}
.hm-hero h1{font-size:44px;margin:6px 0 4px}.hm-hero h1 .en{color:var(--muted);font-weight:600;font-size:.55em}
.hm-hero .wel{font-size:30px;margin:6px 0;color:var(--accent)}
.hm-hero p{color:var(--muted);max-width:600px;margin:10px auto 22px;line-height:1.9}
.hm-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hm-cta .btn{padding:13px 26px;font-size:16px}
.hm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:820px;margin:28px auto}
.hm-stats div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 10px;text-align:center}
.hm-stats b{display:block;font-size:38px;color:var(--accent);direction:ltr}.hm-stats span{color:var(--muted)}
.hm-sec{max-width:980px;margin:34px auto}.hm-sec>h2{text-align:center;margin:0 0 14px;font-size:28px}
.hm-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.hm-why div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.hm-why b{display:block;margin-bottom:4px}.hm-why span{color:var(--muted);font-size:14px;line-height:1.7}
@media(max-width:700px){.hm-hero{padding:34px 6px 10px}.hm-hero h1{font-size:30px}.hm-hero .wel{font-size:24px}.hm-stats b{font-size:26px}.hm-cta .btn{flex:1 1 100%;justify-content:center}}
/* التذييل */
.foot-quick{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin:6px 0 10px}.foot-quick a{color:var(--muted);font-size:14px}.foot-quick a:hover{color:var(--accent)}
/* زر الإعدادات داخل الشريط العلوي للجوال/ذيل القائمة، وتصغير شريط الأدوات السفلي */
.ui-gear.intop{width:38px;height:38px;margin-inline-start:auto;margin-inline-end:8px}
.ui-gear.infoot{width:100%;height:38px;margin-bottom:8px;gap:6px;display:flex;align-items:center;justify-content:center}
.ui-gear.infoot::after{content:'المظهر والإعدادات';font-size:13px;font-weight:700}
.top{gap:6px}
@media(max-width:860px){
  #dock{left:10px;bottom:10px;gap:6px}
  #dock .dk-mini{display:none}
  #dock button{padding:6px 12px;border-radius:99px;box-shadow:0 4px 18px rgba(0,0,0,.35)}
  .dc-comp{flex-wrap:wrap}.dc-comp textarea{flex:1 1 100%;order:-1;min-height:44px}.dc-send{margin-inline-start:auto;flex:1}
}

/* ===== المظهر والألوان v2: ترس صغير + لوحة ثيمات وخلفيات وألوان ===== */
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bgimg,none);background-size:var(--bgsize,auto);background-attachment:fixed;opacity:.9}
.btn.primary,.sc-tabs button.on,.uiseg button.on,.pnav-links a.on{color:var(--on-accent,#fff)}
.pnav{background:color-mix(in srgb,var(--bg) 86%,transparent)}
.savebar{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.nav a.on{color:var(--text)}
html[data-theme=light] .btn.primary,html[data-theme=light] .pnav-links a.on,html[data-theme=light] .sc-tabs button.on,html[data-theme=light] .uiseg button.on{color:var(--on-accent,#fff)}
html[data-uibg]:not([data-uibg=none]) .main .card,html[data-bg]:not([data-bg=none]) .tile{backdrop-filter:blur(6px)}

/* الترس الصغير */
.ui-gear{position:fixed;left:14px;bottom:14px;z-index:70;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);color:var(--muted);cursor:pointer;padding:0;box-shadow:0 4px 18px rgba(0,0,0,.35);backdrop-filter:blur(8px);opacity:.85;transition:.2s}
.ui-gear:hover{opacity:1;color:var(--accent);border-color:var(--accent);transform:rotate(40deg)}
.ui-gear.up{bottom:74px}
#dock{display:none!important}
/* اللوحة: نافذة عائمة في اللابتوب، ورقة من تحت في الجوال */
.uisheet{position:fixed;z-index:100;left:14px;bottom:60px;top:auto;right:auto;width:380px;max-width:calc(100vw - 28px);max-height:min(78vh,720px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 16px 18px;color:var(--text);box-shadow:0 18px 60px rgba(0,0,0,.55);transform:translateY(14px) scale(.98);opacity:0;pointer-events:none;transition:transform .22s,opacity .22s}
.uisheet.open{transform:none;opacity:1;pointer-events:auto}
.uih{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:16px}
.uipal{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--text)}.uipal svg{color:var(--accent)}
.uix{border:0;background:var(--panel2);color:var(--muted);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}
.uis{margin-top:14px}.uis>label{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:8px}.uis>label small{color:var(--accent);font-size:14px;font-weight:800}
.uigrp{color:var(--muted);font-size:12px;margin:6px 2px 6px;display:flex}
.uigrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.uit{border:2px solid transparent;border-radius:14px;background:none;padding:0;cursor:pointer;color:var(--text);font:inherit;display:flex;flex-direction:column;gap:4px;align-items:stretch;text-align:center}
.uit em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);padding-bottom:5px}
.uit .uip{position:relative;display:block;height:58px;border-radius:12px 12px 6px 6px;border:1px solid var(--line);overflow:hidden}
.uit .uip i{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%}
.uit .uip u{position:absolute;top:30px;right:9px;width:70%;height:8px;border-radius:4px;opacity:.9;text-decoration:none}
.uit .uip u+u{top:44px;opacity:1}
.uit.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.uit.on em{color:var(--text)}
.uigrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.uib{border:2px solid transparent;border-radius:12px;padding:0;background:none;cursor:pointer}.uib span{display:block;height:46px;border-radius:9px;border:1px solid var(--line);background-color:var(--bg)}
.uib.on{border-color:var(--accent)}
.uiacc{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.uiacc>button{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--line)}.uiacc>button.on{border-color:var(--text)}
.uicustom{position:relative;width:32px;height:32px;border-radius:50%;border:2px dashed var(--line);display:grid;place-items:center;cursor:pointer;color:var(--muted);overflow:hidden;margin:0!important}
.uicustom input{position:absolute;inset:-6px;opacity:0;cursor:pointer;width:50px;height:50px;padding:0;border:0}
.uiseg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;background:var(--panel2);padding:4px;border-radius:12px}
.uiseg button{border:0;background:none;color:var(--muted);font:inherit;font-weight:700;padding:8px 6px;border-radius:9px;cursor:pointer}
.uireset{width:100%;border:1px dashed var(--line);background:none;color:var(--muted);font:inherit;padding:10px;border-radius:11px;cursor:pointer}
.uitools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.uitools button{border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-weight:700;padding:10px;border-radius:11px;cursor:pointer}
.uin{background:var(--bad);color:#fff;border-radius:99px;padding:0 7px;font-size:12px}
.uiscrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90}.uiscrim.open{display:block}
.uigrip{display:none;width:44px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 10px}
@media(max-width:860px){
  .ui-gear{left:10px;bottom:10px}.ui-gear.up{bottom:66px}
  .uisheet{left:0;right:0;bottom:0;width:auto;max-width:none;max-height:88vh;border-radius:22px 22px 0 0;border-bottom:0;transform:translateY(105%);opacity:1;padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .uisheet.open{transform:none}
  .uigrip{display:block}
  /* قائمة الميزات: ورقة من تحت مع خطوط شجرة */
  .side{inset:auto 0 0 0!important;width:auto!important;max-width:none!important;height:84vh!important;border-radius:22px 22px 0 0;border:0;border-top:1px solid var(--line);transform:translateY(105%)!important;padding:8px 14px 24px;box-shadow:0 -16px 50px rgba(0,0,0,.5)}
  .side.open{transform:none!important}
  .side::before{content:'';display:block;width:44px;height:5px;border-radius:9px;background:var(--line);margin:2px auto 8px}
  .stitle{text-align:center;margin:0 0 10px}.stitle b{display:block;font-size:18px}.stitle small{color:var(--muted);font-size:12px}
  .side .fb{margin-right:16px;padding-right:0;border-right:2px solid var(--line)}
  .side .fb a,.side .fb .soon{position:relative;margin-right:14px}
  .side .fb a::before,.side .fb .soon::before{content:'';position:absolute;right:-16px;top:50%;width:14px;height:2px;background:var(--line)}
  .side .fb a:last-child::after,.side .fb .soon:last-child::after{content:'';position:absolute;right:-17px;top:calc(50% + 1px);bottom:-6px;width:4px;background:var(--panel)}
}
.stitle{display:none}@media(max-width:860px){.stitle{display:block}}

/* ===== بحث سريع Ctrl+K ===== */
#cmdk{display:none;position:fixed;inset:0;z-index:9999;background:rgba(2,6,15,.62);backdrop-filter:blur(4px);align-items:flex-start;justify-content:center;padding:10vh 16px 0}
#cmdk .ck-in{width:100%;max-width:560px;background:var(--card,#0f1b2e);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden}
#cmdk input{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--line,rgba(255,255,255,.12));background:transparent;color:inherit;padding:16px 18px;font-size:16px;outline:none}
#cmdk .ck-list{max-height:52vh;overflow:auto;padding:6px}
#cmdk .ck-i{display:block;padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none}
#cmdk .ck-i small{display:block;opacity:.65;margin-top:2px;font-size:12px}
#cmdk .ck-i.on,#cmdk .ck-i:hover{background:rgba(56,198,255,.14)}
#cmdk .ck-e,#cmdk .ck-h{padding:12px 16px;opacity:.6;font-size:12px}
#ckbtn{position:fixed;bottom:16px;left:16px;z-index:900;border:1px solid var(--line,rgba(255,255,255,.14));background:var(--card,#0f1b2e);color:inherit;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;opacity:.85;box-shadow:0 6px 18px rgba(0,0,0,.3)}
#ckbtn:hover{opacity:1}
@media(max-width:700px){#ckbtn{bottom:76px}}

/* ===== تنسيق نهائي: الجوال واللابتوب (v95) ===== */
.copy{direction:rtl;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.sitefoot .faq{margin-top:30px}
.topact{display:flex;gap:6px;align-items:center}
/* اللابتوب: زر البحث جنب الترس بدون تداخل */
#ckbtn{left:62px;bottom:14px;height:38px;display:flex;align-items:center;padding:0 14px;z-index:70}
.ui-gear.float{width:38px;height:38px;left:14px;bottom:14px}
.topact{display:none}
@media(max-width:860px){
  .shell,.main,.card,.grid,.tiles,.pagehead,.two,.row2{min-width:0;max-width:100%}
  .main{padding:14px 12px 96px;overflow-x:clip}
  img,video,canvas,iframe{max-width:100%}
  pre,code{white-space:pre-wrap;word-break:break-word}
  .card{padding:14px;border-radius:14px}
  h1{font-size:22px;line-height:1.5}
  .pagehead h1{font-size:22px}.pagehead p,.sub{font-size:14px;line-height:1.8}
  /* البحث يصير أيقونة في الشريط العلوي، ويختفي الزر العائم */
  #ckbtn{display:none}
  .topact{display:flex}
  .top{gap:8px}
  .top>b{flex:1;justify-content:center;text-align:center;font-size:16px}
  .top .btn.sm{padding:8px 11px;display:inline-flex;align-items:center;gap:5px}
  /* بلاطات الميزات: صفّان، أيقونة وعنوان بدون نص مزدحم */
  .tiles{grid-template-columns:1fr 1fr;gap:10px}
  .tile{flex-direction:row;align-items:center;gap:10px;min-height:62px;padding:10px 12px;border-radius:14px}
  .tile small{display:none}
  .tile .ic{flex:none;font-size:22px;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--panel2)}
  .tile b{font-size:14px;line-height:1.5;word-break:break-word}
  .tile .bd{top:6px;left:6px;font-size:10px;padding:0 7px}
  .catt{margin:22px 0 10px;font-size:17px}
  .fsearch{margin-bottom:6px}
  .stat{padding:14px 10px}.stat b{font-size:24px}.stat span{font-size:13px}
  /* بوابة الإدارة والتبويبات */
  .tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:6px;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabs>*{flex:none;white-space:nowrap}
  .shell{min-height:0}
  .sitefoot{margin-top:30px;padding:20px 12px 28px}
  .faq h2{font-size:19px}
  .faq summary{font-size:14.5px;line-height:1.7}
  .foot-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px}
  .savebar{left:0;right:0}
  .uisheet{z-index:120}
  .side .fb a,.side .fb .soon{padding:11px 12px;font-size:15px}
}
@media(max-width:380px){.tiles{grid-template-columns:1fr}.tile small{display:none}}
#livebox .grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){#livebox{padding:12px}#livebox .stat{padding:10px 6px}#livebox .stat b{font-size:22px}#livebox .stat span{font-size:12px}}

/* ===== رجوع لتصميم الجوال الأول: شريط علوي نظيف (الشعار + القائمة)، بلاطات بوصف، بدون ازدحام (v97) ===== */
.sidequick{display:none}
@media(max-width:860px){
  .topact{display:none!important}
  .top{padding:10px 14px;gap:8px}
  .top>b{flex:none;justify-content:flex-start;font-size:17px}
  .main{padding:16px 14px 90px}
  .banner{max-height:none!important;height:auto;border-radius:18px;margin-bottom:6px}
  .sidequick{display:flex;gap:8px;margin:0 0 12px}.sidequick .btn{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:6px;padding:11px 8px}
  .tiles{grid-template-columns:1fr 1fr;gap:12px}
  .tile{flex-direction:column;align-items:stretch;gap:6px;min-height:118px;padding:14px;border-radius:14px}
  .tile .ic{width:auto;height:auto;background:none;border-radius:0;font-size:26px;display:block}
  .tile b{font-size:15px;line-height:1.5}
  .tile small{display:block;font-size:12.5px;line-height:1.6}
  .tile .bd{top:10px;left:10px}
  .stat{padding:18px 16px}.stat b{font-size:30px}.stat span{font-size:15px}
  .grid{gap:12px}
  #livebox{padding:12px;margin-bottom:16px}
  #livebox .grid{grid-template-columns:repeat(3,1fr)!important;gap:8px}
  #livebox .stat{padding:10px 4px;text-align:center}#livebox .stat b{font-size:22px}#livebox .stat span{font-size:11.5px}
  #livebox .hint{display:none}
  .ui-gear{opacity:.6;width:34px;height:34px}
}
@media(max-width:380px){.tiles{grid-template-columns:1fr}}

/* اللابتوب: زر البحث السريع بعيد عن ترس الألوان، وينزل معه لو فيه شريط حفظ */
@media(min-width:861px){
  #ckbtn{left:96px;bottom:14px;z-index:60}
  body:has(.savebar) #ckbtn{bottom:74px}
  .uisheet{z-index:100}
}
/* صندوق تسجيل الخروج أسفل الصفحة */
.logoutbox{max-width:420px;margin:30px auto 8px;padding:18px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:center}
.logoutbox p{margin:0 0 12px;color:var(--muted);font-size:14px}
.logoutbox .btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%;padding:12px;border-color:rgba(239,68,68,.45);color:var(--bad,#ef4444)}
.logoutbox .btn:hover{background:rgba(239,68,68,.12)}
/* شريط الحفظ بالجوال: صف وحيد مضغوط، والترس فوقه بدون تغطية */
@media(max-width:860px){
  .savebar{gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom))}
  .savebar .btn{flex:1 1 0;min-width:0;padding:11px 6px;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px}
  .savebar .btn svg{width:16px;height:16px;flex:none}
  .ui-gear.up{bottom:78px}
}

/* v101: بدون overflow-x:hidden على html/body (بعض متصفحات الجوال تقصّ الصفحة وتضيّق العمود)، ونمنع التمدد من العناصر نفسها */
@media(max-width:860px){
  .shell{display:block;width:100%}
  .main{width:100%;max-width:100%;box-sizing:border-box}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid{min-width:0}
  .grid>*{min-width:0}
}

/* v102: سبب قص قائمة السيرفرات بالجوال: اسم السيرفر الطويل (nowrap) يوسّع عمود الشبكة أكثر من الشاشة */
.gcards{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}
.gcard,.tile,.stat,.card,.center{min-width:0}
.gcard b{max-width:100%}
.pnav-links{min-width:0}
@media(max-width:600px){.gcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gcard{padding:14px 8px}.gcard img,.gcard .ph{width:60px;height:60px}.gcard .btn{padding:9px 12px}}

/* v102 preview */
.pvcard{margin-top:12px}
.pvmsg{margin-top:10px;background:var(--bg2,#1b1d24);border-radius:10px;padding:12px;max-width:100%;overflow:hidden}
.pvch{font-size:12px;opacity:.7;margin-bottom:6px}
.pvemb{border-right:4px solid #38c6ff;background:rgba(255,255,255,.04);border-radius:6px;padding:10px 12px;max-width:520px;min-width:0}
.pvemb.plain{border-right-color:transparent;background:transparent;padding:0}
.pvt{font-weight:700;margin-bottom:4px;overflow-wrap:anywhere}
.pvd{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.pvi{display:block;max-width:100%;border-radius:6px;margin-top:8px}

.pvlab{font-size:12px;font-weight:700;opacity:.8;margin-bottom:4px}

/* v103 قائمة الجوال المنسدلة */
.pnav-burger{display:none;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer;flex-shrink:0;padding:0}
.pnav-burger .b2{display:none}.pnav-burger.open .b1{display:none}.pnav-burger.open .b2{display:inline}
.pnav-burger.open{background:var(--accent);color:#050c1a;border-color:transparent}
.pnav-drop[hidden]{display:none!important}
@media(max-width:860px){
  .pnav-burger{display:grid;order:9}
  .pnav-drop{position:absolute;top:100%;left:0;right:0;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.5);padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 56px);overflow-y:auto;z-index:39}
  .pnav-drop a{display:block;text-align:center;padding:15px 12px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);font-weight:700;font-size:16px;color:var(--text)}
  .pnav-drop a.on{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#050c1a;border-color:transparent}
}
@media(min-width:861px){.pnav-drop{display:none!important}}
/* ===== القائمة المختصرة ===== */
.nav2{padding-top:4px}
.ngroup{margin-bottom:10px}
.nh{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;cursor:pointer;font:inherit;color:var(--muted);font-size:12.5px;font-weight:800;letter-spacing:.3px;padding:10px 12px 6px}
.nh .chev{display:grid;transition:transform .2s;transform:rotate(180deg);opacity:.7}
.ngroup.shut .nh .chev{transform:none}
.ngroup.shut .nb{display:none}
.nav2 .nb a{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:3px;border-radius:12px;color:var(--text);font-weight:600;font-size:15px;border:1px solid transparent}
.nav2 .nb a .ni{display:grid;place-items:center;color:var(--accent);flex:none}
.nav2 .nb a span:nth-child(2){flex:1}
.nav2 .nb a:hover{background:var(--panel2)}
.nav2 .nb a.on{background:linear-gradient(135deg,rgba(56,198,255,.22),rgba(34,211,238,.08));border-color:rgba(56,198,255,.45);color:#fff}
.nav2 .ncount{font-style:normal;font-size:11px;font-weight:800;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:1px 8px;min-width:24px;text-align:center}
/* صفحة القسم: بطاقات الميزات */
.hubgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.hubcard{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.hubcard:hover{border-color:rgba(56,198,255,.55);transform:translateY(-2px)}
.hubcard .hi{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--panel2);color:var(--accent)}
.hubcard b{display:block;font-size:15px;margin-bottom:4px}
.hubcard small{display:block;color:var(--muted);font-size:13px;line-height:1.55}
.hubcard .hb{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px}
.hubsearch{width:100%;margin-bottom:14px}
.nres .ncount{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* تشغيل وإيقاف الأوامر */
.cmdlist summary .cmdtg{margin-right:auto}
.cmdlist li.cmdsub{display:flex;align-items:center;gap:10px;justify-content:space-between}
.cmdbar{position:sticky;top:10px;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border-radius:12px;background:var(--panel2);border:1px solid rgba(56,198,255,.45);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.cmdbar span{flex:1;font-weight:700}

/* ── تبديل اللغة في قائمة الحساب ── */
.pnav-lang{display:flex;gap:6px;padding:4px 0}
.lang-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:1.5px solid var(--line);border-radius:9px;color:var(--fg);font-size:13px;font-weight:600;padding:7px 10px;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}
.lang-btn:hover{border-color:var(--accent,#5865f2);background:rgba(88,101,242,.08)}
.lang-btn.active{border-color:var(--accent,#5865f2);background:rgba(88,101,242,.14);color:#fff}
/* الداشبورد بالإنجليزي - إخفاء النصوص العربية وإظهار الإنجليزية */
[data-lang="en"] [data-ar]{display:none}
[data-lang="en"] [data-en]{display:initial}
[data-lang="ar"] [data-en]{display:none}
[data-lang="ar"] [data-ar]{display:initial}

/* ── تطبيق اتجاه الصفحة حسب اللغة ── */
html[data-lang="en"]{direction:ltr;text-align:left}
html[data-lang="en"] .side,.pnav-drop{text-align:left}
html[data-lang="en"] .pnav-links,.pnav-drop{direction:ltr}

/* ── باقات الاشتراك ── */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px}
@media(max-width:700px){.plans-grid{grid-template-columns:1fr}}
.plan-card{position:relative;background:var(--panel2);border:1.5px solid var(--line);border-radius:16px;padding:22px 18px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,box-shadow .2s}
.plan-card:hover{border-color:var(--accent);box-shadow:0 6px 24px rgba(0,0,0,.3)}
.plan-card.featured{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel2))}
.plan-badge-top{position:absolute;top:-12px;right:50%;transform:translateX(50%);background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;padding:3px 12px;border-radius:30px;white-space:nowrap}
.plan-head{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}
.plan-badge{font-size:24px;line-height:1}
.plan-price{display:flex;align-items:baseline;gap:6px}
.plan-price .pamt{font-size:36px;font-weight:800;color:var(--accent)}
.plan-price small{color:var(--muted);font-size:14px}
.plan-save{font-size:12px;color:var(--accent);font-weight:600;background:color-mix(in srgb,var(--accent) 15%,transparent);padding:4px 10px;border-radius:8px;text-align:center}
.plan-feats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;flex:1}
.plan-feats li{font-size:13px;color:var(--muted)}
.w100{width:100%;justify-content:center;text-align:center}

/* ── رأس السيرفر (dashboard.ejs) ── */
.srv-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.srv-head .srv-ic{width:52px;height:52px;border-radius:14px;object-fit:cover;flex:none}
.srv-head .srv-ic.ph{background:var(--panel2);display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--accent)}
.srv-head h1{margin:0 0 2px;font-size:22px}
.srv-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.srv-st{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 10px;text-align:center}
.srv-st b{display:block;font-size:22px;font-weight:800;color:var(--accent)}
.srv-st span{color:var(--muted);font-size:12px}
@media(max-width:860px){.srv-stats{grid-template-columns:repeat(3,1fr)}.srv-head h1{font-size:18px}}
@media(max-width:480px){.srv-stats{grid-template-columns:repeat(2,1fr)}}

/* ── زر البحث في الشريط الجانبي ── */
.side-search-btn{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:8px 12px;cursor:pointer;margin-bottom:12px;transition:border-color .15s}
.side-search-btn:hover{border-color:var(--accent);color:var(--text)}

/* ── صندوق رفع الصورة (فاتورة) ── */
.upbox{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--panel2);border:1px dashed var(--line);border-radius:10px;margin-top:4px}
.upbox.has-file{border-color:var(--accent)}
#inv_result.ok{color:#22c55e;padding:10px 14px;background:color-mix(in srgb,#22c55e 12%,transparent);border-radius:10px;border:1px solid #22c55e}
#inv_result.err{color:#ef4444;padding:10px 14px;background:color-mix(in srgb,#ef4444 12%,transparent);border-radius:10px;border:1px solid #ef4444}

/* ── أزرار اللغة (الشريط الجانبي + الشريط العلوي) ── */
.side-lang{display:flex;gap:6px;margin:10px 0 8px}
.side-lang .lang-btn{padding:6px 8px;font-size:12.5px}
.pnav-flags{display:flex;gap:4px;align-items:center;margin-inline-start:auto}
.pnav-flags .lang-btn{flex:none;padding:4px 7px;font-size:17px;line-height:1;border-radius:8px}
.pnav-flags .lang-btn.active{background:rgba(56,198,255,.16)}
html[dir="ltr"] .side{border-left:0}

/* ── حقول التاريخ والوقت وكلمة السر والإيميل: نفس تصميم باقي الحقول ── */
input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=password],input[type=email],input[type=search]{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit;min-height:44px}
input[type=date],input[type=datetime-local],input[type=time],input[type=month]{color-scheme:dark;cursor:pointer;font-variant-numeric:tabular-nums;position:relative;padding-inline-end:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2338c6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}
html[dir=rtl] input[type=date],html[dir=rtl] input[type=datetime-local],html[dir=rtl] input[type=time],html[dir=rtl] input[type=month]{background-position:left 12px center}
input[type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2338c6ff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}
input[type=date]:hover,input[type=datetime-local]:hover,input[type=time]:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
html[data-theme=light] input[type=date],html[data-theme=light] input[type=datetime-local],html[data-theme=light] input[type=time],html[data-theme=light] input[type=month]{color-scheme:light}

/* ── زر رفع الملفات الموحّد ── */
.fpick{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin-top:6px;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--bg));cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.fpick:hover,.fpick.drag{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg))}
.fpick.drag{transform:scale(1.01)}
.fpick.has{border-style:solid;border-color:#22c55e;background:color-mix(in srgb,#22c55e 9%,var(--bg))}
.fpick input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.fpick .fp-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#5865f2));color:#04121c}
.fpick.has .fp-ic{background:#22c55e}
.fpick .fp-tx{display:flex;flex-direction:column;min-width:0}
.fpick .fp-t{font-size:14px;color:var(--text)}
.fpick .fp-n{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fpick.has .fp-n{color:#22c55e}
.fpick{position:relative}

/* ── أقسام صفحة الرول بلاي + بطاقة الرول بلاي الموحّدة ── */
.hubsec{display:flex;align-items:center;gap:8px;margin:22px 0 10px;font-size:15px}
.hubsec:first-child{margin-top:4px}
.hubsec span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--panel2);color:var(--accent)}
.hubsec em{font-style:normal;font-size:12px;color:var(--muted);background:var(--panel2);border-radius:99px;padding:2px 9px}
.tiles .tile.rp-one{grid-column:1/-1;min-height:auto;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),var(--panel))}
.rp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rp-chips i{font-style:normal;font-size:12px;padding:4px 10px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);color:var(--text)}

/* ── تبويبات صفحة الأنظمة والأدوات ── */
.ttabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;position:sticky;top:0;z-index:5;padding:8px 0;background:linear-gradient(var(--bg) 70%,transparent)}
.ttab{flex:1;min-width:150px;font:inherit;font-weight:700;font-size:14px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;transition:all .15s}
.ttab:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.ttab.on{color:#04121c;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#5865f2));border-color:transparent}
@media(max-width:600px){.ttab{min-width:calc(50% - 4px);font-size:13px;padding:10px 8px}}
.tile .bd.prem,.hubcard .hb.prem{background:linear-gradient(135deg,#f5c518,#f59e0b);color:#1a1200;border:0}

/* ── أيقونات البوت بدل الإيموجي داخل نصوص الواجهة ── */
img.emi{width:1.15em;height:1.15em;vertical-align:-.2em;object-fit:contain;display:inline-block;margin:0 .08em;pointer-events:none}
h1 img.emi,h2 img.emi,h3 img.emi{width:1.05em;height:1.05em}