/* WTQUM Affiliate – Dashboard & Register styles */

/* Referral banner on register page */
.wtqum-ref-info{
  background:#1e1f25;
  border:1px solid #2d2f36;
  color:#f0f0f0;
  padding:12px 16px;
  border-radius:8px;
  margin-bottom:12px;
  font-size:14px;
}

/* Input link (readonly) */
.nx-card input[readonly][value*="http"]{
  width:100%;
  background:#0d1115;
  border:1px solid #2d2f36;
  color:#f0f0f0;
  font-size:14px;
  padding:8px 10px;
  border-radius:6px;
  margin-bottom:8px;
}

/* Stats block */
.nx-card .nx-stats{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#cfcfcf}
.nx-card .nx-stats strong{color:#ffcd1f}

/* Affiliate table */
.nx-card .nx-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
.nx-card .nx-table th,.nx-card .nx-table td{padding:8px 10px;border-bottom:1px solid #2d2f36;text-align:left}
.nx-card .nx-table th{background:#1a1b20;color:#aaa;font-weight:600}
.nx-card .nx-table td{color:#ddd}
.nx-card .nx-table tr:hover td{background:#22242b}

/* Status badges */
.nx-card .nx-table td.status-cell{font-weight:600;text-transform:capitalize}
.nx-card .nx-table td.status-cell.rewarded{color:#4caf50}
.nx-card .nx-table td.status-cell.rewarded::before{content:'\25CF ' ;color:#4caf50}
.nx-card .nx-table td.status-cell.pending{color:#ffc107}
.nx-card .nx-table td.status-cell.pending::before{content:'\25CF ' ;color:#ffc107}
.nx-card .nx-table td.status-cell.blocked{color:#f44336}
.nx-card .nx-table td.status-cell.blocked::before{content:'\25CF ' ;color:#f44336}

/* EXP badge */
.nx-card .nx-table td.exp-cell{text-align:center}
.nx-card .nx-table td.exp-cell .exp-badge{display:inline-block;background:#ffcd1f;color:#111;font-weight:700;font-size:13px;padding:2px 8px;border-radius:999px;min-width:32px;text-align:center}

/* Wrapper + Table (tái dùng style đã gửi) */
.wt-table-searchbar{ margin:12px 0; }
.wt-table-searchbar input{
  width:100%; max-width:420px; background:#0f0f10; color:#e5e7eb;
  border:1px solid rgba(255,255,255,.08); border-radius:10px;
  padding:10px 12px; outline:none;
}
.wt-table-searchbar input:focus{ border-color:#fbbf24; box-shadow:0 0 0 3px rgba(251,191,36,.15); }

.wt-table-wrapper{ overflow-x:auto; margin:16px 0; border-radius:8px; border:1px solid rgba(255,255,255,.08); }
.wt-table{ width:100%; border-collapse:collapse; background:#111; color:#e5e7eb; font-size:14px; min-width:600px; }
.wt-table th,.wt-table td{ padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.08); vertical-align:middle; word-break:break-word; }
.wt-table th{ background:#1a1a1d; font-weight:600; color:#fbbf24; text-transform:uppercase; font-size:13px; cursor:pointer; user-select:none; }
.wt-table tr:nth-child(even){ background:#151515; }
.wt-table tr:hover{ background:#1e1e20; }

/* Status màu */
.status-rewarded{ color:#22c55e; font-weight:600; }
.status-pending{ color:#facc15; font-weight:600; }
.status-failed{ color:#ef4444; font-weight:600; }

/* Pagination */
.wt-pager{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:12px; }
.wt-pager .btn{ background:#0f0f10; color:#e5e7eb; border:1px solid rgba(255,255,255,.08); padding:8px 12px; border-radius:10px; text-decoration:none; cursor:pointer; }
.wt-pager .btn:hover{ border-color:#fbbf24; }
.wt-pager .btn[disabled]{ opacity:.5; cursor:not-allowed; }
.wt-pager .page{ padding:8px 12px; border-radius:10px; cursor:pointer; border:1px solid rgba(255,255,255,.08); }
.wt-pager .page.active{ background:#fbbf24; color:#111; border-color:#fbbf24; }


.wtqum-ref-tree ul {
  list-style: none;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px dashed #555;
}
.wtqum-ref-tree li {
  margin: 4px 0;
}
.wtqum-ref-tree .node {
  padding: 3px 6px;
  background: #1e1f25;
  border: 1px solid #2d2f36;
  border-radius: 4px;
  color: #eee;
  font-size: 14px;
}

#wtqum-ref-tree-ui ul {
  list-style: none;
  margin-left: 20px;
  padding-left: 16px;
  border-left: 1px dashed #555;
}
#wtqum-ref-tree-ui li {
  margin: 4px 0;
  position: relative;
}
#wtqum-ref-tree-ui li .node {
  display: inline-block;
  cursor: pointer;
  padding: 3px 8px;
  background: #1e1f25;
  border: 1px solid #2d2f36;
  border-radius: 4px;
  color: #eee;
  font-size: 14px;
}
#wtqum-ref-tree-ui li.has-children > .node::before {
  content: '+';
  margin-right: 6px;
  color: #ffcd1f;
  font-weight: bold;
}
#wtqum-ref-tree-ui li.has-children:not(.collapsed) > .node::before {
  content: '–'; /* dấu trừ khi expand */
}
#wtqum-ref-tree-ui li.has-children ul {
  display: none;
}
#wtqum-ref-tree-ui li.has-children:not(.collapsed) > ul {
  display: block;
}

.wtqum-ref-summary {
  margin: 10px 0 15px;
  padding: 8px 12px;
  background: #0d1115;
  border: 1px solid #2d2f36;
  border-radius: 6px;
  font-size: 14px;
  color: #ccc;
}
.wtqum-ref-summary .level-count {
  margin-right: 12px;
}
.wtqum-ref-summary .level-count strong {
  color: #ffcd1f;
}
.wtqum-ref-stars {
  margin: 12px 0;
  font-size: 20px;
  font-weight: 600;
}
.wtqum-ref-stars .star {
  color: #ffcd1f;
  font-size: 22px;
}
.wtqum-ref-stars .star.inactive {
  color: #555;
}