.reference-profiles {
  gap:10px;
}
.profile-actionbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:54px;
  margin-top:0;
  padding-left:2px;
}
.profile-titleline {
  display:grid;
  gap:2px;
  min-width:0;
}
.profile-titleline strong {
  color:#f4f0e8;
  font-size:18px;
  line-height:1.2;
}
.profile-titleline span {
  color:#9f978c;
  font-size:13px;
}
.profile-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.profile-actions .gold-button,
.profile-actions .outline-button,
.profile-actions .ghost-button {
  min-height:38px;
  border-radius:8px;
}
.icon-only {
  width:40px;
  padding-inline:0;
}
.icon-only svg,
.icon-row-button svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.profile-toolbar {
  display:grid;
  grid-template-columns:minmax(250px, 1.35fr) repeat(4, minmax(138px, .72fr)) auto;
  gap:8px;
  align-items:end;
  padding:10px;
  border-color:rgba(248,189,36,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)), rgba(5,5,5,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.profile-view-actions {
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
}
.profile-view-actions .active {
  color:#1a1202;
  border-color:#d39200;
  background:linear-gradient(180deg, #ffd767, #d89705);
}

.profile-grid-view {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
  gap:12px;
}

.profile-grid-card {
  display:grid;
  gap:10px;
  min-height:168px;
  padding:14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:6px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}

.profile-grid-card p {
  margin:0;
  color:#b8bec4;
  font-size:13px;
}
.profile-toolbar label {
  gap:4px;
}
.profile-toolbar small {
  color:#9f978c;
  font-size:11px;
  font-weight:800;
}
.profile-toolbar input,
.profile-toolbar select,
.profile-toolbar .ghost-button {
  width:100%;
  min-width:0;
  height:38px;
  min-height:38px;
  padding:8px 10px;
  border-color:rgba(255,255,255,.105);
  background:rgba(255,255,255,.026);
}
.profile-search {
  position:relative;
}
.profile-search span {
  position:absolute;
  left:12px;
  bottom:8px;
  color:var(--gold);
  z-index:1;
}
.profile-search input {
  padding-left:34px;
}
.profile-shell {
  display:grid;
  grid-template-columns:238px minmax(0, 1fr);
  gap:18px;
  align-items:start;
  overflow:hidden;
}
.profile-groups {
  position:relative;
  z-index:1;
  min-width:0;
  min-height:520px;
  padding:14px;
  border-color:rgba(248,189,36,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.01)),
    rgba(7,7,7,.84);
}
.profile-groups .panel-header {
  min-height:32px;
  margin-bottom:8px;
}
.profile-groups .panel-header h2 {
  font-size:16px;
}
.profile-groups .mini-button {
  width:32px;
  height:32px;
  min-height:32px;
  padding:0;
  color:#161001;
  border-color:#d39200;
  background:linear-gradient(180deg, #ffd767, #d89705);
}
.profile-groups .group-list {
  gap:5px;
  min-width:0;
  overflow:hidden;
}
.profile-groups .group-button {
  min-width:0;
  max-width:100%;
  min-height:38px;
  padding:8px 10px;
  border-radius:7px;
  color:#cfc7bc;
}
.profile-groups .group-button span {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-groups .group-button span > :last-child,
.profile-groups .group-button span {
  text-overflow:ellipsis;
}
.profile-groups .group-button i {
  width:18px;
  color:#8f887e;
  font-style:normal;
}
.profile-groups .group-button strong {
  min-width:28px;
  padding:2px 7px;
  border-radius:999px;
  color:#cfc7bc;
  background:rgba(255,255,255,.055);
  font-size:12px;
  text-align:center;
}
.profile-groups .group-button.active {
  border-color:rgba(248,189,36,.52);
  color:var(--gold-2);
  background:linear-gradient(180deg, rgba(248,189,36,.14), rgba(248,189,36,.055));
  box-shadow:inset 0 0 0 1px rgba(248,189,36,.08), 0 0 18px rgba(248,189,36,.08);
}
.profile-groups .group-button.active i,
.profile-groups .group-button.active strong {
  color:var(--gold);
}
.profile-plan {
  margin-top:10px;
  padding:13px;
  border-color:rgba(248,189,36,.22);
  background:rgba(248,189,36,.045);
}
.profile-plan strong,
.profile-plan span {
  display:block;
}
.profile-plan span {
  margin:4px 0 8px;
  color:#f1e8d7;
  font-size:18px;
  font-weight:800;
}
.profile-table-card {
  position:relative;
  z-index:2;
  min-width:0;
  overflow:hidden;
  border-color:rgba(248,189,36,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.033), rgba(255,255,255,.01)),
    rgba(6,6,6,.86);
}
.reference-profiles .table-scroll {
  overflow:auto;
  max-height:calc(100vh - 286px);
  min-height:474px;
}
.reference-profiles .profiles-table {
  min-width:1260px;
  table-layout:fixed;
}

.selected-profile-toolbar {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
  padding:10px 12px;
  border:1px solid rgba(248,189,36,.28);
  border-radius:7px;
  background:rgba(248,189,36,.06);
}
.selected-profile-toolbar strong {
  color:#f3d68b;
  min-width:112px;
}
.selected-profile-toolbar label {
  display:flex;
  align-items:center;
  gap:8px;
  color:#cfc7bc;
  font-size:12px;
  font-weight:800;
}
.selected-profile-toolbar label {
  margin-left:auto;
}
.selected-profile-toolbar input {
  width:170px;
  height:38px;
}
.selected-profile-toolbar select {
  min-width:160px;
  height:38px;
}
.danger-action {
  border-color:rgba(255,78,66,.45) !important;
  color:#ffb5ae !important;
}
.reference-profiles .profiles-table th {
  position:sticky;
  top:0;
  z-index:2;
  height:42px;
  padding:8px 12px;
  border-bottom:1px solid rgba(248,189,36,.18);
  color:#a79f95;
  background:#090806;
}
.reference-profiles .profiles-table td {
  height:54px;
  padding:8px 12px;
  border-bottom-color:rgba(255,255,255,.055);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.reference-profiles .profiles-table th.select-col,
.reference-profiles .profiles-table td:first-child {
  overflow:visible;
  text-overflow:clip;
  text-align:center;
}
.reference-profiles .profiles-table th.status-col,
.reference-profiles .profiles-table td:nth-child(6),
.reference-profiles .profiles-table th.action-col,
.reference-profiles .profiles-table td:last-child {
  position:sticky;
  overflow:visible;
  text-overflow:clip;
}
.reference-profiles .profiles-table th.action-col,
.reference-profiles .profiles-table td:last-child {
  right:0;
  z-index:1;
  background:#090806;
  box-shadow:-10px 0 18px rgba(0,0,0,.24);
}
.reference-profiles .profiles-table th.action-col {
  z-index:3;
}
.reference-profiles .profiles-table tbody tr {
  background:rgba(255,255,255,.008);
}
.reference-profiles .profiles-table tbody tr:nth-child(even) {
  background:rgba(255,255,255,.018);
}
.reference-profiles .profiles-table tbody tr:hover {
  background:rgba(248,189,36,.06);
}
.reference-profiles input[type="checkbox"] {
  width:16px;
  height:16px;
  min-width:16px;
  padding:0;
  accent-color:var(--gold);
}
.reference-profiles .tag {
  max-width:100%;
  min-height:24px;
  color:#d8d2c8;
  background:rgba(255,255,255,.035);
}
.reference-profiles .status-pill {
  min-width:96px;
  justify-content:center;
  border-radius:7px;
  text-transform:capitalize;
}
.reference-profiles .profile-name {
  gap:9px;
}
.reference-profiles .brand-dot {
  width:34px;
  height:34px;
  border-radius:9px;
  background:
    radial-gradient(circle at 50% 34%, rgba(248,189,36,.2), transparent 46%),
    #0b0b0a;
}
.reference-profiles .profile-name strong {
  display:block;
  max-width:180px;
  overflow:hidden;
  color:#f3eee5;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.reference-profiles .profile-name small,
.reference-profiles .subtext {
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.reference-profiles .user-chip {
  width:28px;
  height:28px;
  margin-right:7px;
}
.reference-profiles .row-actions {
  justify-content:flex-start;
  gap:6px;
}
.reference-profiles .row-button {
  min-width:32px;
  height:32px;
  min-height:32px;
  padding:0 9px;
  border-radius:8px;
}
.reference-profiles .icon-row-button {
  width:32px;
  padding:0;
  color:#d7d0c4;
}
.reference-profiles .play-button {
  width:32px;
  height:32px;
  border-color:rgba(248,189,36,.72);
  color:#1a1102;
  background:linear-gradient(180deg, #ffd767, #d89705);
}
.profile-pagination {
  min-height:64px;
  justify-content:space-between;
  padding:8px 12px;
  border-top:1px solid rgba(255,255,255,.06);
  color:#a79f95;
}
.profile-pagination label {
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.profile-pagination select {
  width:96px;
  min-height:40px;
}
.profile-pagination .mini-button {
  width:34px;
  height:32px;
  min-height:32px;
  padding:0;
}
.profile-logo {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:white;
  font-weight:900;
  font-size:22px;
  flex:0 0 auto;
}
.brand-google { color:#4285f4; background:#111; }
.brand-facebook { background:#1877f2; }
.brand-tiktok { background:#111; color:#ff4d80; }
.brand-amazon { background:#111; color:white; font-family:Georgia,serif; }
.brand-shopify { background:#8bc34a; }
.user-chip {
  width:30px;
  height:30px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(248,189,36,.45);
  color:var(--gold);
  background:rgba(248,189,36,.08);
  font-size:12px;
  font-weight:800;
}
.play-button { width:34px; height:34px; border-radius:50%; border:1px solid var(--gold); color:var(--gold); background:rgba(248,189,36,.08); }
.page-current { min-width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--gold); border-radius:7px; color:var(--gold); background:rgba(248,189,36,.08); }
.ok-text { color:var(--green); }
.danger-text { color:var(--red) !important; }
.profiles-table .col-select { width:44px; }
.profiles-table .col-name { width:250px; }
.profiles-table .col-group { width:132px; }
.profiles-table .col-proxy { width:220px; }
.profiles-table .col-fingerprint { width:156px; }
.profiles-table .col-status { width:122px; }
.profiles-table .col-activity { width:142px; }
.profiles-table .col-user { width:106px; }
.profiles-table .col-actions { width:138px; }