/* admin extras */
.role-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;
  color:#fff; letter-spacing:.5px;
}
.role-pill.author{ background: linear-gradient(135deg,#ef5b6e,#ffa86b); }
.role-pill.agent{ background: linear-gradient(135deg,#9c6bff,#1fc9e7); }

.tbl{
  width:100%; border-collapse: separate; border-spacing:0;
  font-size:13px;
}
.tbl th, .tbl td{
  padding:12px 14px;
  border-bottom:1px solid rgba(31,41,55,.06);
  text-align:left;
  vertical-align: middle;
}
.tbl thead th{
  font-size:11px; color:var(--color-secondary); font-weight:600;
  letter-spacing:.4px; background:rgba(255,255,255,.4);
}
.tbl tbody tr{ background:rgba(255,255,255,.4); transition: background .2s; }
.tbl tbody tr:hover{ background:rgba(255,255,255,.7); }
.tbl tbody tr td:first-child{ border-top-left-radius:0; }
.tbl-wrap{
  border:1px solid #fff; border-radius:18px; overflow:hidden;
  background:rgba(255,255,255,.45);
  backdrop-filter: blur(18px) saturate(160%);
}
.tbl .actions-cell{ display:flex; gap:6px; flex-wrap:wrap; }

.btn.sm{ padding:6px 12px; font-size:12px; border-radius:10px; }

.pricing-grid{
  display:grid; grid-template-columns: repeat(2, 1fr); gap:14px;
}
@media (max-width: 900px){ .pricing-grid{ grid-template-columns: 1fr; } }
.pricing-card{
  padding:16px; border-radius:18px;
  background: var(--color-card); border:1px solid #fff;
  backdrop-filter: blur(18px) saturate(160%);
}
.pricing-card h4{ margin:0 0 12px; font-size:14px; display:flex;align-items:center;gap:8px; }
.pricing-card .row2{ display:grid;grid-template-columns:1fr 1fr;gap:10px; }