/* ---------- بانر انتهاء الاشتراك ---------- */
.expired-banner{
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.4);
  color:#fca5a5;
  padding:14px 16px;
  border-radius:10px;
  margin-bottom:18px;
  font-size:13px;
  line-height:1.8;
}
.pending-notice{
  margin-top:18px;
  padding:14px;
  border-radius:10px;
  background:rgba(34,197,94,.1);
  border:1px solid rgba(34,197,94,.3);
  color:var(--green);
  font-size:13px;
  line-height:1.8;
  text-align:center;
}
.tabs{display:flex;gap:8px;margin-top:20px;}
.tab-btn{
  flex:1;
  padding:10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#0d1420;
  color:var(--muted);
  cursor:pointer;
  font-size:13px;
}
.tab-btn.active{
  background:linear-gradient(90deg, var(--accent), var(--accent2));
  color:white;
  border-color:transparent;
}

/* ---------- جدول لوحة الإدارة ---------- */
.admin-wrap{max-width:1100px;margin:40px auto;padding:0 20px;}
.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.admin-header h1{font-size:20px;margin:0;}
.tenants-table{
  width:100%;
  border-collapse:collapse;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
}
.tenants-table th, .tenants-table td{
  padding:12px 14px;
  text-align:right;
  border-bottom:1px solid var(--border);
  font-size:13px;
}
.tenants-table th{color:var(--muted);font-weight:normal;background:var(--panel2);}
.tenants-table tr:last-child td{border-bottom:none;}
.badge{
  display:inline-block;
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
}
.badge-online{background:rgba(34,197,94,.15);color:var(--green);}
.badge-offline{background:rgba(139,148,175,.15);color:var(--muted);}
.badge-suspended{background:rgba(239,68,68,.15);color:var(--red);}
.badge-pending{background:rgba(234,179,8,.15);color:#eab308;}
.row-actions{display:flex;gap:6px;flex-wrap:wrap;}
.row-actions button{
  padding:6px 10px;
  font-size:12px;
  border-radius:8px;
  border:1px solid var(--border);
  background:#0d1420;
  color:var(--text);
  cursor:pointer;
}
.row-actions button:hover{border-color:var(--accent);}
.row-actions .danger{color:var(--red);border-color:rgba(239,68,68,.4);}
.add-tenant-card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px;
  margin-bottom:20px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.add-tenant-card input{
  padding:10px 12px;
  border-radius:8px;
  border:1px solid var(--border);
  background:#0d1420;
  color:var(--text);
  font-size:13px;
}
.add-tenant-card button{
  padding:10px 16px;
  border:none;
  border-radius:8px;
  background:linear-gradient(90deg, var(--accent), var(--accent2));
  color:white;
  cursor:pointer;
  font-size:13px;
}