/* الملاحظات — زرّ الشريط + نافذة الإرسال + صندوق المالك (feedback.js) */
#btnFb{ position:relative }
#btnFb .fb-badge{ position:absolute; top:-4px; inset-inline-start:-4px; min-width:18px; height:18px; padding:0 5px;
  border-radius:9px; background:#e3343f; color:#fff; font:900 11px/18px Cairo, sans-serif; font-style:normal;
  box-shadow:0 0 0 2px var(--panel, #0d1b2e); pointer-events:none }
#btnFb .fb-badge[hidden]{ display:none }

.modal-box.fb-modal{ width:min(560px, 94vw) }
.modal-box.fb-modal.fb-wide{ width:min(820px, 96vw) }
.fb{ display:flex; flex-direction:column; gap:14px; font-weight:700 }
.fb-ic{ width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round }
.fb-ic.big{ width:40px; height:40px; color:var(--star, #ffd34d) }
.fb-ic.ok{ color:#3ddc84 }
.fb-head{ display:flex; gap:12px; align-items:center }
.fb-head h2{ margin:0; font-size:22px; font-weight:900 }
.fb-head p{ margin:3px 0 0; color:var(--dim, #9fb3c8); font-size:14px }

.fb-kinds{ display:grid; grid-template-columns:repeat(4, 1fr); gap:8px }
.fb-k{ display:flex; flex-direction:column; align-items:center; gap:3px; padding:11px 6px; border-radius:12px; cursor:pointer;
  background:rgba(255,255,255,.04); border:1.5px solid var(--line, rgba(255,255,255,.12)); color:inherit; font:inherit; text-align:center }
.fb-k b{ font-size:15px; font-weight:900 }
.fb-k small{ font-size:11.5px; color:var(--dim, #9fb3c8); line-height:1.35 }
.fb-k .fb-ic{ width:24px; height:24px; color:var(--dim, #9fb3c8) }
.fb-k:hover{ border-color:var(--p1, #4fb3ff) }
.fb-k.on{ border-color:var(--p1, #4fb3ff); background:color-mix(in srgb, var(--p1, #4fb3ff) 16%, transparent) }
.fb-k.on .fb-ic{ color:var(--p1, #4fb3ff) }

.fb-text{ width:100%; box-sizing:border-box; resize:vertical; min-height:120px; padding:12px 14px; border-radius:12px;
  background:rgba(0,0,0,.25); border:1.5px solid var(--line, rgba(255,255,255,.14)); color:inherit; font:700 15px/1.6 Cairo, sans-serif }
.fb-text:focus{ outline:none; border-color:var(--p1, #4fb3ff) }
.fb-row{ display:flex; justify-content:space-between; gap:10px; font-size:12.5px; color:var(--dim, #9fb3c8); margin-top:-6px }
.fb-row b{ color:inherit; font-weight:900 }
.fb-count{ direction:ltr; flex:none }
.fb-send{ width:100%; padding:12px; font-size:16px; font-weight:900 }
.fb-thanks{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:18px 0 6px; text-align:center }
.fb-thanks .fb-ic.big{ width:56px; height:56px }
.fb-thanks h2{ margin:0; font-size:22px; font-weight:900 }
.fb-thanks p{ margin:0 0 8px; color:var(--dim, #9fb3c8) }

/* صندوق المالك */
.fb-tabs{ display:flex; gap:6px }
.fb-tabs button{ flex:1; padding:8px; border-radius:10px; cursor:pointer; font:800 14px Cairo, sans-serif; color:inherit;
  background:rgba(255,255,255,.04); border:1.5px solid var(--line, rgba(255,255,255,.12)) }
.fb-tabs button b{ font-weight:900; opacity:.75; margin-inline-start:4px }
.fb-tabs button.on{ border-color:var(--p1, #4fb3ff); background:color-mix(in srgb, var(--p1, #4fb3ff) 16%, transparent) }
.fb-list{ display:flex; flex-direction:column; gap:10px; max-height:min(62vh, 640px); overflow:auto; padding-inline-end:2px }
.fb-card{ --kc:#9fb3c8; position:relative; padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.035);
  border:1.5px solid var(--line, rgba(255,255,255,.1)); border-inline-start:4px solid var(--kc) }
.fb-card.k-bug{ --kc:#ff6b6b } .fb-card.k-idea{ --kc:#ffd34d } .fb-card.k-game{ --kc:#4fb3ff } .fb-card.k-other{ --kc:#b18cff }
.fb-card.new::after{ content:'جديدة'; position:absolute; top:10px; inset-inline-end:12px; padding:1px 8px; border-radius:8px;
  background:#e3343f; color:#fff; font:900 11px/18px Cairo, sans-serif }
.fb-card.is-done{ opacity:.55 }
.fb-card header{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13px; padding-inline-end:60px }
.fb-tag{ display:inline-flex; align-items:center; gap:4px; color:var(--kc); font-weight:900 }
.fb-tag .fb-ic{ width:16px; height:16px }
.fb-who{ display:inline-flex; align-items:center; gap:3px; padding:0; border:0; background:none; color:inherit; font:900 13px Cairo, sans-serif; cursor:pointer; direction:ltr }
.fb-who .fb-ic{ width:15px; height:15px }
.fb-who:hover{ color:var(--p1, #4fb3ff); text-decoration:underline }
.fb-game{ padding:1px 8px; border-radius:8px; background:rgba(255,255,255,.07); font-weight:800 }
.fb-card time{ color:var(--dim, #9fb3c8); font-weight:700 }
.fb-msg{ margin:8px 0 4px; white-space:pre-wrap; word-break:break-word; font-size:15.5px; line-height:1.65; font-weight:700 }
.fb-meta{ display:block; color:var(--dim, #9fb3c8); font-size:12px; font-weight:700 }
.fb-card footer{ display:flex; gap:8px; margin-top:10px }
.fb-act{ display:inline-flex; align-items:center; gap:5px; padding:5px 12px; border-radius:9px; cursor:pointer; font:800 13px Cairo, sans-serif;
  color:inherit; background:rgba(255,255,255,.05); border:1px solid var(--line, rgba(255,255,255,.12)) }
.fb-act .fb-ic{ width:16px; height:16px }
.fb-act.ok:hover{ border-color:#3ddc84; color:#3ddc84 }
.fb-act.del:hover{ border-color:#ff6b6b; color:#ff6b6b }
.fb-empty{ padding:36px 10px; text-align:center; color:var(--dim, #9fb3c8); font-weight:800 }

@media (max-width:560px){
  .fb-kinds{ grid-template-columns:repeat(2, 1fr) }
  .fb-card header{ padding-inline-end:0; padding-top:18px }
}

/* الزرّ نفسه: حبّة مكتوبة جنب «حسابي» بالصفحة الرئيسيّة (نفس قاعدة حسابي بـpass-hooks.css)، ووقت اللعب أيقونة */
#btnFb .fb-lbl{display:none}
@media (min-width:861px){
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnFb{
    display:inline-flex;align-items:center;gap:7px;width:auto !important;height:auto !important;padding:8px 14px;border:0;border-radius:13px;white-space:nowrap;
    font-size:14px;color:#1a1300;background:linear-gradient(135deg,#ffe58a,#ffc531 55%,#ff9f2e);
    box-shadow:0 4px 14px rgba(255,180,40,.32),inset 0 -3px 0 rgba(0,0,0,.14);transition:transform .15s,filter .15s}
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnFb.hidden{display:none}
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnFb:hover{transform:translateY(-1px);filter:brightness(1.07)}
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnFb .ico{width:19px;height:19px;flex:0 0 auto}
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnFb .fb-lbl{display:inline;font-weight:900 !important;font-size:14px;font-family:Tajawal, system-ui, "Segoe UI", sans-serif}
}
@media (min-width:861px) and (max-width:1440px){
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnFb{padding:8px 10px;font-size:13px;gap:5px}
}

/* مكان الزرّ بالشريط العلوي: بالصفحة الرئيسيّة (قبل أيّ لعبة) أيقونتا «اللاعبون والنقاط» و«تجربة رسالة» ما لهم شغل
   ⇒ تنخفي هناك بس وترجع مع أوّل لعبة، وخانة اسم البثّ أضيق شوي بالشاشات الكبيرة — عشان ما يتراكب الشريط */
@media (min-width:861px){
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnRail,
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnLab{display:none}
}
@media (min-width:1441px){
  body:not(.playing):has(#stage[data-game="home"]) #topbar #ttUser{width:118px}
}
/* اللابتوبات الضيّقة (أقلّ من ١٢٨٠): الشريط كان مزحوم من قبل ⇒ الزرّ أيقونة بس هناك */
@media (min-width:861px) and (max-width:1279px){
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnFb{padding:8px;gap:0}
  body:not(.playing):has(#stage[data-game="home"]) #toolrail #btnFb .fb-lbl{display:none}
}