/* ============================================================
   admin.css — ویجت‌های پنل ادمین
   مکمل app.css + dashboard.css
   ============================================================ */

/* ---------- نوار وضعیت سیستم ---------- */
.sys-strip{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}
.sys-pill{
  display:inline-flex;align-items:center;gap:8px;
  height:32px;padding:0 var(--sp-3);
  background:var(--bg-card);border:1px solid var(--line-1);border-radius:var(--r-full);
  font-size:var(--fs-2xs);font-weight:600;color:var(--ink-3);
}
.sys-pill b{color:var(--ink-1);font-weight:700}
.sys-pill .dot{width:7px;height:7px;border-radius:50%}
.dot-up{background:var(--up);box-shadow:0 0 8px var(--up-25);animation:pulse 2s infinite}
.dot-warn{background:var(--gold)}
.dot-down{background:var(--down)}

/* ---------- بج نقش کاربر ---------- */
.role{
  display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;
  border-radius:var(--r-full);font-size:var(--fs-2xs);font-weight:700;direction:ltr;
}
.role-admin{background:var(--down-12);color:var(--down)}
.role-vip{background:var(--gold-12);color:var(--gold)}
.role-pro{background:var(--purple-12);color:var(--purple)}
.role-free{background:var(--bg-card-2);color:var(--ink-3);border:1px solid var(--line-1)}

/* آواتار کوچک در جدول کاربران */
.uav{
  width:32px;height:32px;flex-shrink:0;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;direction:ltr;
  background:var(--bg-card-2);border:1px solid var(--line-2);color:var(--ink-2);
}
.ucell{display:flex;align-items:center;gap:10px}
.ucell .um{font-size:var(--fs-sm);font-weight:600;color:var(--ink-1);direction:ltr}
.ucell .us{font-size:10px;color:var(--ink-4)}

/* هش تراکنش کوتاه‌شده */
.hash{
  display:inline-flex;align-items:center;gap:6px;
  font-size:var(--fs-2xs);color:var(--ink-3);direction:ltr;
  padding:3px 8px;border-radius:var(--r-sm);
  background:var(--bg-inset);border:1px solid var(--line-1);
  font-family:var(--font);
}
.hash:hover{color:var(--gold);border-color:var(--gold-25);cursor:pointer}

/* دکمه آیکونی تأیید/رد */
.icon-btn{
  width:32px;height:32px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--r-sm);border:1px solid var(--line-2);
  background:transparent;color:var(--ink-3);font-size:16px;cursor:pointer;
  transition:all var(--t-fast);
}
.icon-btn:hover{background:rgba(255,255,255,.04);color:var(--ink-1)}
.icon-btn.ok:hover{background:var(--up-12);border-color:var(--up-25);color:var(--up)}
.icon-btn.no:hover{background:var(--down-12);border-color:var(--down-25);color:var(--down)}

/* ---------- ردیف تنظیمات ---------- */
.setrow{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);
  padding:var(--sp-4) 0;border-bottom:1px solid var(--line-1);
}
.setrow:last-child{border-bottom:0}
.setrow-info{min-width:0}
.setrow-info b{font-size:var(--fs-sm);font-weight:700;color:var(--ink-1)}
.setrow-info p{font-size:var(--fs-2xs);color:var(--ink-4);margin-top:2px}
.setrow-ctl{flex-shrink:0}
.ref-grid{display:grid;grid-template-columns:120px 1fr;gap:var(--sp-3) var(--sp-4);align-items:center}
.ref-grid label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);direction:ltr;text-align:left}

/* ---------- دیباگ: لاگ خطا ---------- */
.log{
  display:flex;gap:12px;align-items:flex-start;
  padding:var(--sp-4);
  border:1px solid var(--line-1);border-radius:var(--r-md);
  background:var(--bg-card);
  margin-bottom:var(--sp-3);
  transition:border-color var(--t-fast);
}
.log:hover{border-color:var(--line-2)}
.log-sev{
  width:38px;height:38px;flex-shrink:0;border-radius:11px;
  display:flex;align-items:center;justify-content:center;font-size:19px;
}
.log-sev.err{background:var(--down-12);color:var(--down)}
.log-sev.warn{background:var(--gold-12);color:var(--gold)}
.log-sev.info{background:var(--info-12);color:var(--info)}
.log-body{flex:1;min-width:0}
.log-msg{font-size:var(--fs-sm);font-weight:700;color:var(--ink-1);margin-bottom:3px}
.log-trace{
  font-size:var(--fs-2xs);color:var(--ink-3);direction:ltr;text-align:left;
  background:var(--bg-inset);border:1px solid var(--line-1);border-radius:var(--r-sm);
  padding:8px 10px;margin-top:8px;
  font-family:ui-monospace,'SF Mono',monospace;line-height:1.7;
  overflow-x:auto;white-space:pre;
}
.log-meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:8px;font-size:10px;color:var(--ink-4)}
.log-meta span{display:inline-flex;align-items:center;gap:4px}
.log-count{
  flex-shrink:0;align-self:flex-start;
  font-size:var(--fs-2xs);font-weight:800;direction:ltr;
  padding:3px 9px;border-radius:var(--r-full);
  background:var(--down-12);color:var(--down);
}

/* پیشرفت CPU/RAM در استر‌یپ */
.gauge{display:flex;flex-direction:column;gap:6px;min-width:120px}
.gauge .gt{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--ink-4)}
.gauge .gt b{color:var(--ink-2);font-weight:700;direction:ltr}

@media(max-width:640px){
  .ref-grid{grid-template-columns:1fr}
  .ref-grid label{text-align:right}
}