/* «🛡️ أدوات الإدارة» + «👥 الأصدقاء والرسائل» — Night Gold, RTL, mobile-first. No letter-spacing (Arabic letters stay joined). */
.sy-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.sy-chip{appearance:none;border:1px solid var(--line2,rgba(255,215,128,.25));background:rgba(255,255,255,.04);color:var(--text,#f4ead2);border-radius:99px;padding:8px 14px;min-height:40px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}
.sy-chip.on{background:var(--grad-gold,linear-gradient(180deg,#f3d27a,#c9a24a));color:#1a1203;border-color:transparent}
.sy-pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px;align-items:center}
.sy-pills.sm{margin:4px 0 0}
.sy-pill{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.07);border:1px solid var(--line,rgba(255,255,255,.1));white-space:nowrap}
.sy-pill.bad{background:rgba(220,60,60,.18);border-color:rgba(240,90,90,.5);color:#ffb4b4}
.sy-pill.warn{background:rgba(240,170,60,.15);border-color:rgba(240,170,60,.45);color:#ffd79a}
.sy-pill.ok{background:rgba(60,190,120,.14);border-color:rgba(60,190,120,.4);color:#a9efc6}
.sy-pill.gold{background:rgba(243,210,122,.14);border-color:rgba(243,210,122,.45);color:var(--gold,#f3d27a)}
.sy-mod h2{margin:0}
.sy-mh{display:flex;gap:12px;align-items:center}
.sy-mh .av.md{width:56px;height:56px;flex:0 0 56px}
.sy-ms{border-top:1px solid var(--line,rgba(255,255,255,.08));padding-top:10px;margin-top:12px}
.sy-ms h3{font-size:.95rem;margin:0 0 6px;color:var(--gold,#f3d27a)}
.sy-prot{background:rgba(243,210,122,.08);border:1px solid rgba(243,210,122,.3);border-radius:14px;padding:10px 12px;margin:8px 0}
.sy-wl>div{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px dashed var(--line,rgba(255,255,255,.08))}
.btn.danger{background:linear-gradient(180deg,#d9534f,#a52a2a);color:#fff;border-color:transparent}
.sy-modbtn{margin-top:8px;border-color:rgba(160,190,255,.45)}
.sy-rel{margin-top:4px}
.sy-quote{margin:8px 0;padding:8px 12px;border-inline-start:3px solid var(--gold,#f3d27a);background:rgba(255,255,255,.04);border-radius:10px;font-size:.92rem;white-space:pre-wrap;overflow-wrap:anywhere}
.sy-rep,.sy-log{padding:10px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.sy-rep:last-child,.sy-log:last-child{border-bottom:0}
.sy-li{width:100%;text-align:start;background:none;border:0;color:inherit;font:inherit;min-height:48px}
.sy-flag{margin-inline-start:4px;min-width:32px;min-height:28px}
.sy-avw{position:relative}
.sy-on{position:absolute;bottom:-1px;inset-inline-start:-1px;width:12px;height:12px;border-radius:50%;background:#35d07f;border:2px solid var(--bg2,#0b1a3a);box-shadow:0 0 6px rgba(53,208,127,.7)}
.sy-ok{color:#7fe3ac}
.sy-frow .sy-fmeta{color:inherit;text-decoration:none;min-width:0}
.sy-qb .btn{position:relative;min-width:44px;min-height:40px}
.sy-qb .badge,.tabs .badge{position:static;display:inline-block;margin-inline-start:4px}
.sy-add label{display:block;margin-bottom:4px}
.sy-dmh{position:sticky;top:0;z-index:5;display:flex;gap:10px;align-items:center;padding:8px 10px;margin:4px 0 8px;background:rgba(9,20,48,.96);border:1px solid var(--line2,rgba(255,215,128,.2));border-radius:16px}
.sy-dmh a{color:inherit;text-decoration:none}
.sy-dmbox{min-height:40vh}
.msg.sy-dm .b{max-width:82%}
.sy-dmt{margin-top:2px}
#nav a.sy-dot{position:relative}
#nav a.sy-dot::after{content:"";position:absolute;top:6px;inset-inline-end:22%;width:9px;height:9px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px var(--nav,#050c20)}
.sy-warn{text-align:center}
.sy-warn-ic{font-size:2.6rem;line-height:1}
.sy-warn-r{font-size:1.05rem;font-weight:700;background:rgba(240,170,60,.1);border:1px solid rgba(240,170,60,.35);border-radius:14px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere}
.sy-ban{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(120% 80% at 50% 0%,rgba(120,20,30,.45),rgba(3,7,18,.97) 60%),#030712}
.sy-ban-card{width:100%;max-width:420px;text-align:center;background:linear-gradient(180deg,rgba(18,36,78,.97),rgba(9,20,48,.98));border:1px solid rgba(240,90,90,.4);border-radius:24px;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 30px 80px -20px rgba(0,0,0,.9)}
.sy-ban-em{width:48px;height:48px;border-radius:12px;opacity:.85}
.sy-ban-ic{font-size:2.8rem;margin:6px 0}
.sy-ban h1{margin:0 0 4px;color:#ffb4b4}
.sy-ban-sub{color:var(--muted,#a9b3c9);margin:0 0 12px}
.sy-ban-dl{text-align:start;margin:0 0 14px;background:rgba(255,255,255,.04);border-radius:16px;padding:10px 14px}
.sy-ban-dl dt{font-size:.8rem;color:var(--gold,#f3d27a);margin-top:6px}
.sy-ban-dl dd{margin:2px 0 6px;font-weight:700;overflow-wrap:anywhere}
.sy-ban-left{font-weight:400;font-size:.85rem;color:var(--muted,#a9b3c9)}
.sy-busy{opacity:.6}
.sy-chip,.sy-pill,.sy-ban h1,.sy-ms h3{letter-spacing:normal}

/* ── desktop / wide screens (Alsadig 16:09: the game must work great on PC) */
.sy-fside{display:none}
.sy-frow.on{background:rgba(243,210,122,.10);border-radius:12px}
@media (hover:hover){
  .sy-chip:hover{border-color:var(--gold,#f3d27a);background:rgba(243,210,122,.10)}
  .sy-chip.on:hover{filter:brightness(1.06)}
  .sy-frow:hover,.sy-prow:hover,.sy-li:hover,.sy-rep:hover,.sy-log:hover{background:rgba(255,255,255,.045);border-radius:12px}
  .sy-flag:hover{filter:brightness(1.3)}
  .sy-modbtn:hover{border-color:rgba(190,210,255,.8)}
}
.sy-chip:focus-visible,.sy-li:focus-visible,.sy-frow:focus-visible{outline:2px solid var(--gold,#f3d27a);outline-offset:2px}
@media (min-width:1024px){
  body.sy-wide .wrap{max-width:1180px;padding-inline:24px}
  .sy-fgrid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}
  .sy-fside{display:block;position:sticky;top:76px;max-height:calc(100vh - 100px);overflow:auto;margin:0}
  .sy-fmain{min-width:0}
  .sy-dmbox{min-height:58vh}
  .msg.sy-dm .b{max-width:62%}
  .modal-bg.sy-side{justify-content:flex-start;align-items:stretch}
  .modal-bg.sy-side .modal{max-width:460px;height:100vh;max-height:none;border-radius:0 !important;clip-path:none;animation:sy-slide .25s ease}
  body.sy-wide #mpl,body.sy-wide #rql{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
  body.sy-wide #rql .empty,body.sy-wide #mpl .empty{grid-column:1/-1}
  .sy-mod textarea{min-height:64px}
}
@media (min-width:1600px){ body.sy-wide .wrap{max-width:1320px} body.sy-wide #mpl{grid-template-columns:repeat(3,minmax(0,1fr))} }
@keyframes sy-slide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.modal-bg.sy-side .modal{animation:none}}

/* list rows: compact quick buttons so names and status keep their room */
.sy-frow{gap:10px}
.sy-qb .btn.sm,.li .sy-qb .btn.sm{min-width:44px !important;padding:0 10px}
.sy-fmeta .tiny{white-space:normal;line-height:1.5}
.sy-on{z-index:3}
.sy-fside .badge,.sy-frow .badge{position:static;flex:0 0 auto}
.sy-dmbox{min-height:calc(100vh - 380px)}
@media (min-width:1024px){ .sy-dmbox{min-height:calc(100vh - 330px)} }