/* Admin + Support UI */
.table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 10px;
}
.table th{
  text-align:left;
  font-size:12px;
  color: var(--muted);
  padding: 0 10px;
  font-weight:800;
}
.table td{
  background: rgba(18,26,29,.52);
  border: 1px solid rgba(255,255,255,.08);
  padding: 12px 10px;
  border-left: none;
  border-right: none;
}
.table tr td:first-child{
  border-left: 1px solid rgba(255,255,255,.08);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.table tr td:last-child{
  border-right: 1px solid rgba(255,255,255,.08);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.kbd{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  color: var(--text);
}
.tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  font-size: 12px;
  font-weight: 900;
}
.tag.open{ color: #39ff88; border-color: rgba(57,255,136,.25); background: rgba(57,255,136,.08); }
.tag.pending{ color: #ffce4d; border-color: rgba(255,206,77,.25); background: rgba(255,206,77,.08); }
.tag.closed{ color: #A9BCC1; }
.split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 900px){ .split{ grid-template-columns: 1fr; } }
.chat{
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,18,20,.55);
  border-radius: 18px;
  padding: 12px;
  height: 420px;
  overflow:auto;
}
.msg{
  display:flex;
  margin: 10px 0;
}
.bubble{
  max-width: 78%;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}
.msg.me{ justify-content:flex-end; }
.msg.me .bubble{
  border-color: rgba(57,255,136,.22);
  background: rgba(57,255,136,.10);
}
.meta{
  font-size: 11px;
  color: var(--muted);
  margin-top: 4px;
}
.row{
  display:flex; gap: 10px; align-items:center; flex-wrap:wrap;
}