/* Contas nativas, variantes e ativacao por key.
   Carregado por ultimo para integrar a migracao aos paineis atuais sem alterar a Home. */

.softwareAccountsPageHead {
  align-items: flex-end;
  margin-bottom: 18px;
}

.softwareAccountHeadNote {
  display: flex;
  align-items: center;
  gap: 11px;
  max-width: 390px;
  padding: 11px 14px;
  border: 1px solid var(--rr-border, rgba(225, 229, 242, .09));
  border-radius: 12px;
  color: var(--rr-muted, #979baa);
  background: rgba(255, 255, 255, .018);
  font-size: 11px;
  line-height: 1.45;
}

.softwareAccountHeadNote svg {
  flex: 0 0 18px;
  width: 18px;
  color: var(--rr-accent, #b866e3);
}

.softwareAccountMetrics { margin-bottom: 16px; }

.softwareAccountError {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  border-color: rgba(238, 119, 145, .2) !important;
}

.softwareAccountError > svg {
  flex: 0 0 22px;
  width: 22px;
  color: var(--rr-red, #ee7791);
}

.softwareAccountError p { margin: 3px 0 0; }

.softwareAccountsWorkspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
  gap: 14px;
  align-items: start;
}

.softwareAccountsMain,
.softwareAccountDetail,
.softwareLegacyPanel,
.adminSoftwareTenants {
  border: 1px solid var(--rr-border, rgba(225, 229, 242, .085));
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(20, 23, 34, .97), rgba(13, 15, 23, .98));
  box-shadow: 0 20px 48px rgba(0, 0, 0, .14);
}

.softwareAccountsMain { min-width: 0; overflow: visible; }

.softwareAccountToolbar {
  position: relative;
  z-index: 12;
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(125px, .43fr) minmax(150px, .52fr) auto auto;
  gap: 8px;
  padding: 11px;
  border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .085));
}

.softwareAccountToolbar > label {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.softwareAccountToolbar > label > span {
  padding-left: 3px;
  color: var(--rr-faint, #686c7a);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.softwareAccountToolbar .smartDropdown,
.softwareAccountToolbar .smartDropdownTrigger { width: 100%; }

.softwareAccountSearch {
  position: relative;
  display: flex !important;
  align-items: center;
  align-self: end;
}

.softwareAccountSearch > svg {
  position: absolute;
  z-index: 2;
  left: 13px;
  width: 16px;
  color: #727787;
  pointer-events: none;
}

.softwareAccountSearch input {
  width: 100%;
  min-height: 42px;
  padding-left: 38px !important;
}

.softwareAccountToolbar .btn,
.softwareAccountClear {
  align-self: end;
  min-height: 42px;
  white-space: nowrap;
}

.softwareAccountToolbar .btn { padding-inline: 16px; }

.softwareAccountClear {
  padding: 0 10px;
  border: 0;
  color: var(--rr-accent, #b866e3);
  background: transparent;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.softwareAccountClear:disabled { opacity: .32; cursor: default; }

.softwareAccountTableHead,
.softwareAccountRow {
  display: grid;
  grid-template-columns: minmax(145px, 1.15fr) minmax(150px, 1.2fr) minmax(135px, 1fr) minmax(125px, .88fr) auto;
  gap: 14px;
  align-items: center;
}

.softwareAccountTableHead {
  padding: 11px 15px;
  border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .085));
  color: var(--rr-faint, #686c7a);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.softwareAccountRow {
  position: relative;
  min-height: 76px;
  padding: 12px 15px;
  border: 0;
  border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .07));
  color: var(--rr-text, #f1f2f7);
  background: transparent;
  cursor: pointer;
  transition: background .2s ease, box-shadow .2s ease;
}

.softwareAccountRow:last-child { border-bottom: 0; }
.softwareAccountRow:hover { background: rgba(255, 255, 255, .025); }
.softwareAccountRow:focus-visible { outline: 2px solid rgba(184, 102, 227, .6); outline-offset: -2px; }

.softwareAccountRow.selected {
  background: linear-gradient(90deg, rgba(184, 102, 227, .13), rgba(184, 102, 227, .035));
  box-shadow: inset 3px 0 0 var(--rr-accent, #b866e3);
}

.softwareAccountIdentity,
.softwareAccountIdentity > span,
.softwareAccountAccess,
.softwareAccountDevice,
.softwareAccountActivity {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.softwareAccountIdentity {
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.softwareAccountIdentity > i,
.softwareAccountDetailAvatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(184, 102, 227, .25);
  border-radius: 50%;
  color: #e0b7f2;
  background: radial-gradient(circle at 30% 20%, rgba(207, 111, 244, .35), rgba(75, 31, 96, .65));
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.softwareAccountRow strong,
.softwareAccountDetail strong { color: var(--rr-text, #f1f2f7); font-size: 11px; }
.softwareAccountRow small,
.softwareAccountDetail small { overflow: hidden; color: var(--rr-faint, #6f7381); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.softwareAccountStatus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 74px;
  min-height: 25px;
  padding: 0 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.softwareAccountStatus > i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.softwareAccountStatus.success { color: var(--rr-green, #5ce6a0); background: rgba(92, 230, 160, .055); }
.softwareAccountStatus.warning { color: var(--rr-amber, #e4b86a); background: rgba(228, 184, 106, .055); }
.softwareAccountStatus.danger { color: var(--rr-red, #ee7791); background: rgba(238, 119, 145, .055); }

.softwareAccountPagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 50px;
  padding: 8px 14px;
  border-top: 1px solid var(--rr-border, rgba(225, 229, 242, .075));
  color: var(--rr-faint, #6f7381);
  font-size: 9px;
}

.softwareAccountPagination nav { display: flex; align-items: center; gap: 5px; }
.softwareAccountPagination button {
  display: grid;
  place-items: center;
  min-width: 29px;
  height: 29px;
  border: 1px solid var(--rr-border-strong, rgba(225, 229, 242, .14));
  border-radius: 8px;
  color: var(--rr-muted, #989cab);
  background: rgba(255, 255, 255, .02);
  cursor: pointer;
}
.softwareAccountPagination button.active { border-color: rgba(184, 102, 227, .45); color: #fff; background: rgba(184, 102, 227, .18); }
.softwareAccountPagination button:disabled { opacity: .3; cursor: default; }

.softwareAccountDetail {
  position: sticky;
  top: 92px;
  overflow: hidden;
}

.softwareAccountDetail.isEmpty { min-height: 320px; display: grid; place-items: center; }
.softwareAccountDetail > header {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 16px;
  border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .085));
  background: radial-gradient(circle at 16% 0%, rgba(184, 102, 227, .1), transparent 48%);
}
.softwareAccountDetailAvatar { width: 44px; height: 44px; font-size: 12px; }
.softwareAccountDetail > header > div:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.softwareAccountDetail > header span { color: var(--rr-accent, #b866e3); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.softwareAccountDetail > header h3 { margin: 0; font-size: 17px; }

.softwareAccountDetail > section { padding: 14px 16px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .075)); }
.softwareAccountDetailTitle { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.softwareAccountDetailTitle > span { color: var(--rr-muted, #989cab); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.softwareAccountDetailTitle > b { display: grid; place-items: center; min-width: 22px; height: 22px; border-radius: 7px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .1); font-size: 9px; }

.softwareEntitlementList,
.softwareSessionList { display: grid; gap: 7px; }
.softwareEntitlementList article,
.softwareDeviceSummary,
.softwareSessionList > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 9px;
  border: 1px solid var(--rr-border, rgba(225, 229, 242, .075));
  border-radius: 10px;
  background: rgba(255, 255, 255, .018);
}
.softwareEntitlementList article > i,
.softwareDeviceSummary > i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  color: var(--rr-accent, #b866e3);
  background: rgba(184, 102, 227, .09);
}
.softwareEntitlementList article > i svg,
.softwareDeviceSummary > i svg { width: 16px; }
.softwareEntitlementList article > div,
.softwareDeviceSummary > div,
.softwareSessionList > div { display: grid; min-width: 0; gap: 3px; }
.softwareEntitlementList article.active { border-color: rgba(92, 230, 160, .12); }
.softwareEntitlementList article.inactive { opacity: .62; }
.softwareSessionList > div { grid-template-columns: 1fr; }

.softwareAccountDetail > footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 13px;
}
.softwareAccountDetail > footer > :first-child,
.softwareAccountDetail > footer > .btn:only-child { grid-column: 1 / -1; }
.softwareAccountDetail > footer button { min-height: 38px; font-size: 9px; }

.softwareLegacyPanel { margin-top: 14px; overflow: hidden; }
.softwareLegacyPanel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 12px 16px;
  list-style: none;
  cursor: pointer;
}
.softwareLegacyPanel > summary::-webkit-details-marker { display: none; }
.softwareLegacyPanel > summary > div { display: flex; align-items: center; gap: 11px; }
.softwareLegacyPanel > summary svg { width: 18px; color: var(--rr-accent, #b866e3); }
.softwareLegacyPanel > summary span { display: grid; gap: 2px; }
.softwareLegacyPanel > summary strong { font-size: 11px; }
.softwareLegacyPanel > summary small { color: var(--rr-faint, #6f7381); font-size: 9px; }
.softwareLegacyPanel > summary > b { display: grid; place-items: center; min-width: 27px; height: 27px; border-radius: 8px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .1); font-size: 10px; }
.softwareLegacyBody { padding: 0 14px 14px; border-top: 1px solid var(--rr-border, rgba(225, 229, 242, .075)); }
.softwareLegacyRows { display: grid; }
.softwareLegacyRows article { display: grid; grid-template-columns: minmax(180px, 1.4fr) minmax(130px, 1fr) auto; gap: 12px; align-items: center; min-height: 62px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .065)); }
.softwareLegacyRows article:last-child { border-bottom: 0; }
.softwareLegacyRows article > span:nth-child(2) { display: grid; gap: 3px; }

/* Cliente: compra no site e ativacao dentro do software. */
.clientSoftwareActivationGuide {
  display: grid;
  grid-template-columns: 44px minmax(230px, .8fr) minmax(380px, 1.2fr);
  align-items: center;
  gap: 15px;
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid rgba(184, 102, 227, .18);
  border-radius: 13px;
  background: linear-gradient(100deg, rgba(184, 102, 227, .09), rgba(255, 255, 255, .015));
}
.clientActivationGuideIcon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(184, 102, 227, .22); border-radius: 12px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .1); }
.clientActivationGuideIcon svg { width: 20px; }
.clientSoftwareActivationGuide > div:nth-child(2) { display: grid; gap: 3px; }
.clientSoftwareActivationGuide > div:nth-child(2) > span { color: var(--rr-accent, #b866e3); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.clientSoftwareActivationGuide h3 { margin: 0; font-size: 14px; }
.clientSoftwareActivationGuide p { margin: 0; color: var(--rr-muted, #989cab); font-size: 10px; line-height: 1.45; }
.clientSoftwareActivationGuide ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 0; padding: 0; list-style: none; }
.clientSoftwareActivationGuide li { display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 7px; min-height: 44px; padding: 7px; border: 1px solid var(--rr-border, rgba(225, 229, 242, .075)); border-radius: 9px; background: rgba(8, 10, 16, .42); color: var(--rr-muted, #989cab); font-size: 9px; }
.clientSoftwareActivationGuide li b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .1); font-size: 9px; }

.clientActivationKeyBox {
  display: grid;
  grid-template-columns: minmax(220px, 1.1fr) minmax(230px, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding: 13px;
  border: 1px solid rgba(184, 102, 227, .18);
  border-radius: 12px;
  background: rgba(184, 102, 227, .055);
}
.clientActivationKeyBox.redeemed { border-color: rgba(92, 230, 160, .16); background: rgba(92, 230, 160, .035); }
.clientActivationKeyBox > div { display: grid; gap: 3px; }
.clientActivationKeyBox > div > span { color: var(--rr-accent, #b866e3); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.clientActivationKeyBox.redeemed > div > span { color: var(--rr-green, #5ce6a0); }
.clientActivationKeyBox > div > small { color: var(--rr-muted, #989cab); white-space: normal; }
.clientActivationKeyBox code { min-width: 0; padding: 11px 12px; overflow: hidden; border: 1px solid var(--rr-border, rgba(225, 229, 242, .085)); border-radius: 9px; color: #efe8f4; background: #0b0d14; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; user-select: all; }
.clientActivationDone { display: inline-flex; align-items: center; gap: 6px; color: var(--rr-green, #5ce6a0); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.clientActivationDone svg { width: 15px; }

/* Admin: tenants e variantes. */
.adminSoftwareTenants { margin-bottom: 18px; padding: 18px; }
.adminSoftwareTenants > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .085)); }
.adminSoftwareTenants > header > div:first-child { display: grid; gap: 4px; }
.adminSoftwareTenants > header > div:first-child > span { color: var(--rr-accent, #b866e3); font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.adminSoftwareTenants h2 { margin: 0; font-size: 22px; }
.adminSoftwareTenants p { max-width: 720px; margin: 0; color: var(--rr-muted, #989cab); font-size: 10px; line-height: 1.5; }
.adminTenantTotals { display: flex; gap: 8px; }
.adminTenantTotals span { display: grid; min-width: 80px; padding: 9px 12px; border: 1px solid var(--rr-border, rgba(225, 229, 242, .085)); border-radius: 10px; color: var(--rr-muted, #989cab); font-size: 8px; text-transform: uppercase; }
.adminTenantTotals strong { font-size: 17px; }
.adminOfficialTenant { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; margin-bottom: 12px; padding: 12px; border: 1px solid rgba(92, 230, 160, .14); border-radius: 12px; background: rgba(92, 230, 160, .035); }
.adminOfficialTenant > svg { width: 20px; color: var(--rr-green, #5ce6a0); }
.adminOfficialTenant > div { display: grid; gap: 2px; }
.adminOfficialTenant span { color: var(--rr-green, #5ce6a0); font-size: 8px; font-weight: 900; text-transform: uppercase; }
.adminOfficialTenant small { color: var(--rr-muted, #989cab); }
.adminOfficialTenant > b { padding: 6px 9px; border-radius: 999px; color: var(--rr-green, #5ce6a0); background: rgba(92, 230, 160, .07); font-size: 8px; text-transform: uppercase; }
.adminTenantGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.adminTenantCard { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; min-height: 74px; padding: 11px; border: 1px solid var(--rr-border, rgba(225, 229, 242, .085)); border-radius: 11px; background: rgba(255, 255, 255, .018); }
.adminTenantCard.removed { opacity: .63; }
.adminTenantAvatar { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(184, 102, 227, .2); border-radius: 10px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .08); font-size: 10px; font-weight: 900; }
.adminTenantCopy { display: grid; min-width: 0; gap: 2px; }
.adminTenantCopy span { color: var(--rr-accent, #b866e3); font-size: 7px; font-weight: 900; text-transform: uppercase; }
.adminTenantCopy small { overflow: hidden; color: var(--rr-faint, #6f7381); text-overflow: ellipsis; }
.adminTenantCounts { display: flex; gap: 6px; }
.adminTenantCounts span { display: grid; min-width: 56px; padding: 6px 8px; border-radius: 8px; background: rgba(255, 255, 255, .025); color: var(--rr-muted, #989cab); font-size: 7px; text-transform: uppercase; }
.adminTenantCounts b { font-size: 12px; }
.adminTenantCard button { min-height: 34px; font-size: 8px; }

.adminVariantList { display: flex; flex-wrap: wrap; gap: 6px; min-width: 220px; }
.adminVariantChip,
.adminVariantAdd { display: grid; gap: 1px; min-height: 35px; padding: 6px 9px; border: 1px solid rgba(184, 102, 227, .2); border-radius: 9px; color: #e8d7ef; background: rgba(184, 102, 227, .075); text-align: left; cursor: pointer; }
.adminVariantChip small { color: var(--rr-accent, #b866e3); font-size: 7px; text-transform: uppercase; }
.adminVariantChip.inactive { opacity: .5; filter: grayscale(.5); }
.adminVariantAdd { place-items: center; border-style: dashed; color: var(--rr-accent, #b866e3); background: transparent; font-weight: 800; }
.planMini > span { display: inline-grid; gap: 1px; }
.planMini > span small { color: var(--rr-accent, #b866e3); }
.softwareVariantModal { width: min(760px, calc(100vw - 28px)); }
.softwareVariantIntro { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; padding: 12px; border: 1px solid rgba(184, 102, 227, .18); border-radius: 12px; background: rgba(184, 102, 227, .06); }
.softwareVariantIntro > svg { flex: 0 0 22px; width: 22px; color: var(--rr-accent, #b866e3); }
.softwareVariantIntro > div { display: grid; gap: 3px; }
.softwareVariantIntro p { margin: 0; }

/* Produto publico: edicoes como Internal/External. */
.productVariantOverview { display: grid; gap: 7px; margin: 12px 0; padding: 11px; border: 1px solid rgba(203, 91, 239, .16); border-radius: 11px; background: rgba(116, 33, 147, .07); }
.productVariantOverview > span { color: rgba(231, 207, 239, .58); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.productVariantOverview > div { display: flex; flex-wrap: wrap; gap: 6px; }
.productVariantOverview b,
.planVariantTag { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; border: 1px solid rgba(203, 91, 239, .2); border-radius: 999px; color: #deb0ed; background: rgba(184, 67, 222, .08); font-size: 8px; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.productVariantOverview b.default { border-color: rgba(214, 95, 242, .42); color: #f0c5fa; background: rgba(190, 53, 224, .16); }
.productPlanCopy strong { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.productPlanCopy .planVariantTag { min-height: 20px; padding-inline: 7px; font-size: 7px; }

@media (max-width: 1240px) {
  .softwareAccountsWorkspace { grid-template-columns: 1fr; }
  .softwareAccountDetail { position: static; }
  .softwareAccountToolbar { grid-template-columns: minmax(210px, 1fr) repeat(2, minmax(140px, .55fr)) auto; }
  .softwareAccountClear { grid-column: 1 / -1; justify-self: end; min-height: 24px; }
  .clientSoftwareActivationGuide { grid-template-columns: 44px 1fr; }
  .clientSoftwareActivationGuide ol { grid-column: 1 / -1; }
  .adminTenantGrid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .softwareAccountToolbar { grid-template-columns: 1fr 1fr; }
  .softwareAccountSearch { grid-column: 1 / -1; }
  .softwareAccountToolbar .btn { width: 100%; }
  .softwareAccountTableHead { display: none; }
  .softwareAccountRow { grid-template-columns: minmax(150px, 1.2fr) minmax(130px, 1fr) auto; }
  .softwareAccountDevice,
  .softwareAccountActivity { display: none; }
  .clientActivationKeyBox { grid-template-columns: 1fr; }
  .clientActivationKeyBox code { width: 100%; }
  .adminTenantCard { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .adminTenantCard button { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 620px) {
  .softwareAccountsPageHead { align-items: stretch; }
  .softwareAccountHeadNote { max-width: none; }
  .softwareAccountToolbar { grid-template-columns: 1fr; }
  .softwareAccountSearch,
  .softwareAccountClear { grid-column: auto; }
  .softwareAccountRow { grid-template-columns: 1fr auto; gap: 9px; }
  .softwareAccountAccess { display: none; }
  .softwareAccountDetail > header { grid-template-columns: 40px 1fr; }
  .softwareAccountDetail > header .softwareAccountStatus { grid-column: 1 / -1; justify-self: start; }
  .softwareAccountDetail > footer { grid-template-columns: 1fr; }
  .softwareAccountDetail > footer > * { grid-column: auto !important; }
  .softwareAccountPagination { align-items: flex-start; flex-direction: column; }
  .softwareLegacyRows article { grid-template-columns: 1fr auto; padding: 10px 0; }
  .softwareLegacyRows article > span:nth-child(2) { grid-column: 1; }
  .clientSoftwareActivationGuide { grid-template-columns: 38px 1fr; }
  .clientSoftwareActivationGuide ol { grid-template-columns: 1fr; }
  .adminSoftwareTenants > header { flex-direction: column; }
  .adminTenantTotals { width: 100%; }
  .adminTenantTotals span { flex: 1; }
  .adminTenantCard { grid-template-columns: 36px 1fr; }
  .adminTenantCounts { grid-column: 1 / -1; }
}

/* Admin: usuarios antigos, migrados e nativos em uma unica leitura. */
.adminAccountsPanel { display: grid; gap: 15px; }
.adminAccountsPageHead { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; padding: 4px 2px 2px; }
.adminAccountsPageHead > div:first-child { display: grid; gap: 4px; }
.adminAccountsPageHead > div:first-child > span { color: var(--rr-accent, #b866e3); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.adminAccountsPageHead h2 { margin: 0; color: #f4f2f7; font-size: clamp(26px, 2.3vw, 38px); letter-spacing: -.045em; }
.adminAccountsPageHead p { max-width: 760px; margin: 0; color: var(--rr-muted, #989cab); font-size: 12px; line-height: 1.55; }
.adminMigrationState { display: flex; align-items: center; gap: 10px; min-width: 185px; padding: 11px 13px; border: 1px solid rgba(92, 230, 160, .14); border-radius: 12px; background: rgba(92, 230, 160, .035); }
.adminMigrationState.disabled { border-color: rgba(228, 184, 106, .18); background: rgba(228, 184, 106, .04); }
.adminMigrationState > svg { width: 19px; color: var(--rr-green, #5ce6a0); }
.adminMigrationState.disabled > svg { color: var(--rr-amber, #e4b86a); }
.adminMigrationState span { display: grid; gap: 2px; }
.adminMigrationState small { color: var(--rr-faint, #727786); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.adminMigrationState strong { color: #e8e8ee; font-size: 12px; }

.adminAccountMetrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.adminAccountMetric { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 11px; min-height: 88px; padding: 14px; border: 1px solid var(--rr-border, rgba(225, 229, 242, .085)); border-radius: 13px; background: linear-gradient(145deg, rgba(20, 23, 34, .97), rgba(14, 16, 24, .98)); }
.adminAccountMetric > i { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(184, 102, 227, .18); border-radius: 11px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .075); }
.adminAccountMetric > i svg { width: 19px; }
.adminAccountMetric > div { display: grid; gap: 1px; min-width: 0; }
.adminAccountMetric span { color: var(--rr-muted, #989cab); font-size: 10px; }
.adminAccountMetric strong { color: #f5f3f7; font-size: 24px; line-height: 1; }
.adminAccountMetric small { overflow: hidden; color: var(--rr-faint, #727786); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.adminAccountMetric.success > i { border-color: rgba(92, 230, 160, .16); color: var(--rr-green, #5ce6a0); background: rgba(92, 230, 160, .055); }
.adminAccountMetric.warning > i { border-color: rgba(228, 184, 106, .16); color: var(--rr-amber, #e4b86a); background: rgba(228, 184, 106, .055); }
.adminAccountMetric.accent > i { border-color: rgba(204, 105, 236, .22); color: #d474f2; background: rgba(184, 102, 227, .095); }

.adminMigrationBanner { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 12px 14px; border: 1px solid rgba(92, 230, 160, .13); border-radius: 12px; background: linear-gradient(90deg, rgba(92, 230, 160, .04), rgba(184, 102, 227, .025)); }
.adminMigrationBanner > svg { width: 20px; color: var(--rr-green, #5ce6a0); }
.adminMigrationBanner > div { display: grid; gap: 2px; }
.adminMigrationBanner strong { color: #e9ecef; font-size: 12px; }
.adminMigrationBanner p { margin: 0; color: var(--rr-muted, #989cab); font-size: 10px; line-height: 1.45; }
.adminMigrationBanner > span { padding: 6px 9px; border-radius: 999px; color: var(--rr-green, #5ce6a0); background: rgba(92, 230, 160, .06); font-size: 9px; font-weight: 900; white-space: nowrap; }

.adminAccountsWorkspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 390px); align-items: start; gap: 12px; }
.adminAccountsMain,
.adminAccountDetail,
.adminLegacyCreatePanel,
.adminLegacyHistoryPanel { border: 1px solid var(--rr-border, rgba(225, 229, 242, .085)); border-radius: 14px; background: linear-gradient(145deg, rgba(20, 23, 34, .98), rgba(13, 15, 23, .99)); box-shadow: 0 18px 44px rgba(0, 0, 0, .14); }
.adminAccountsMain { min-width: 0; overflow: visible; }
.adminAccountToolbar { position: relative; z-index: 15; display: grid; grid-template-columns: minmax(230px, 1fr) repeat(3, minmax(118px, .42fr)) auto auto; gap: 7px; padding: 10px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .085)); }
.adminAccountToolbar > label { display: grid; gap: 3px; min-width: 0; margin: 0; }
.adminAccountToolbar > label > span { padding-left: 3px; color: var(--rr-faint, #727786); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.adminAccountToolbar input,
.adminAccountToolbar select { width: 100%; min-height: 38px; padding: 0 10px; border: 1px solid var(--rr-border, rgba(225, 229, 242, .09)); border-radius: 9px; color: #e7e4eb; background: rgba(8, 10, 16, .58); font-size: 11px; }
.adminAccountSearch { position: relative; display: flex !important; align-items: center; }
.adminAccountSearch > svg { position: absolute; left: 11px; z-index: 1; width: 15px; color: var(--rr-faint, #727786); pointer-events: none; }
.adminAccountSearch input { padding-left: 36px; }
.adminAccountToolbar .btn { align-self: end; min-height: 38px; padding-inline: 14px; font-size: 11px; }
.adminAccountClear { align-self: end; min-height: 38px; padding: 0 8px; border: 0; color: var(--rr-accent, #b866e3); background: transparent; font-size: 10px; font-weight: 800; cursor: pointer; }
.adminAccountClear:disabled { opacity: .35; cursor: default; }
.adminAccountTableHead,
.adminAccountRow { display: grid; grid-template-columns: minmax(185px, 1.15fr) minmax(130px, .85fr) minmax(150px, 1fr) minmax(135px, .82fr) auto; align-items: center; gap: 12px; }
.adminAccountTableHead { padding: 9px 13px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .075)); color: var(--rr-faint, #727786); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.adminAccountRow { position: relative; min-height: 69px; padding: 10px 13px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .065)); cursor: pointer; transition: background .16s ease, box-shadow .16s ease; }
.adminAccountRow:last-child { border-bottom: 0; }
.adminAccountRow:hover { background: rgba(255, 255, 255, .022); }
.adminAccountRow:focus-visible { outline: 2px solid rgba(184, 102, 227, .55); outline-offset: -2px; }
.adminAccountRow.selected { background: linear-gradient(90deg, rgba(184, 102, 227, .13), rgba(184, 102, 227, .025)); box-shadow: inset 3px 0 0 var(--rr-accent, #b866e3); }
.adminAccountIdentity { display: flex; align-items: center; gap: 9px; min-width: 0; }
.adminAccountAvatar { position: relative; display: grid; flex: 0 0 36px; place-items: center; width: 36px; height: 36px; overflow: hidden; border: 1px solid rgba(184, 102, 227, .24); border-radius: 50%; color: #ead7f2; background: radial-gradient(circle at 35% 25%, rgba(213, 114, 238, .48), rgba(67, 24, 83, .88)); font-size: 9px; font-weight: 900; }
.adminAccountAvatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.adminAccountAvatar b { display: none; }
.adminAccountAvatar.fallback b { display: block; }
.adminAccountIdentity > span,
.adminAccountOrigin,
.adminAccountAccess,
.adminAccountActivity { display: grid; min-width: 0; gap: 2px; }
.adminAccountRow strong { overflow: hidden; color: #ece9f0; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.adminAccountRow small { overflow: hidden; color: var(--rr-faint, #727786); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.adminMigrationChip { display: inline-flex; align-items: center; justify-self: start; min-height: 21px; padding: 0 7px; border: 1px solid rgba(184, 102, 227, .17); border-radius: 999px; color: #d595e9; background: rgba(184, 102, 227, .055); font-size: 8px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.adminMigrationChip.success { border-color: rgba(92, 230, 160, .15); color: var(--rr-green, #5ce6a0); background: rgba(92, 230, 160, .045); }
.adminMigrationChip.warning { border-color: rgba(228, 184, 106, .15); color: var(--rr-amber, #e4b86a); background: rgba(228, 184, 106, .045); }
.softwareAccountStatus.accent { color: #d474f2; background: rgba(184, 102, 227, .065); }
.softwareAccountStatus.muted { color: #9195a4; background: rgba(145, 149, 164, .055); }

.adminAccountDetail { position: sticky; top: 86px; overflow: hidden; }
.adminAccountDetail.isEmpty { min-height: 210px; padding: 16px; }
.adminAccountDetail > header { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 15px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .085)); }
.adminAccountDetail > header .adminAccountAvatar { width: 44px; height: 44px; }
.adminAccountDetail > header > div { display: grid; gap: 3px; min-width: 0; }
.adminAccountDetail > header h3 { margin: 0; overflow: hidden; color: #f4f1f6; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.adminAccountDetail > header small { overflow: hidden; color: var(--rr-muted, #989cab); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.adminAccountDetail > section { padding: 13px 15px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .075)); }
.adminAccountFacts { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.adminAccountFacts > div { display: grid; gap: 2px; min-width: 0; padding: 9px; border: 1px solid var(--rr-border, rgba(225, 229, 242, .075)); border-radius: 9px; background: rgba(255, 255, 255, .018); }
.adminAccountFacts span { color: var(--rr-faint, #727786); font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.adminAccountFacts strong { overflow: hidden; color: #e9e5ec; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.adminAccountDetailTitle { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; color: #e7e4ea; font-size: 11px; font-weight: 900; }
.adminAccountDetailTitle b { display: grid; place-items: center; min-width: 22px; height: 22px; border: 1px solid rgba(184, 102, 227, .18); border-radius: 7px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .055); font-size: 9px; }
.adminEntitlementList,
.adminLegacyAccessList { display: grid; gap: 7px; }
.adminEntitlementCard { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 9px; padding: 10px; border: 1px solid var(--rr-border, rgba(225, 229, 242, .08)); border-radius: 10px; background: rgba(255, 255, 255, .018); }
.adminEntitlementIcon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .08); }
.adminEntitlementIcon svg { width: 16px; }
.adminEntitlementCopy { display: grid; min-width: 0; gap: 3px; }
.adminEntitlementCopy .softwareAccountStatus { justify-self: start; }
.adminEntitlementCopy strong { color: #ece9f0; font-size: 11px; }
.adminEntitlementCopy small { color: var(--rr-muted, #989cab); font-size: 9px; }
.adminEntitlementActions,
.adminLegacyAccessActions { display: flex; grid-column: 1 / -1; flex-wrap: wrap; justify-content: flex-end; gap: 5px; padding-top: 7px; border-top: 1px solid var(--rr-border, rgba(225, 229, 242, .06)); }
.adminEntitlementActions button,
.adminLegacyAccessActions button { min-height: 27px; padding: 0 8px; border: 1px solid rgba(184, 102, 227, .18); border-radius: 7px; color: #d8c9df; background: rgba(184, 102, 227, .055); font-size: 9px; font-weight: 800; cursor: pointer; }
.adminEntitlementActions button.danger,
.adminLegacyAccessActions button.danger { border-color: rgba(238, 119, 145, .18); color: var(--rr-red, #ee7791); background: rgba(238, 119, 145, .04); }
.adminLegacyAccessSection > p { margin: -3px 0 9px; font-size: 9px; }
.adminLegacyAccessCard { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 9px; border: 1px solid rgba(228, 184, 106, .11); border-radius: 9px; background: rgba(228, 184, 106, .025); }
.adminLegacyAccessCard > div:first-child { display: grid; min-width: 0; gap: 3px; }
.adminLegacyAccessCard strong { overflow: hidden; color: #dedbe2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.adminLegacyAccessCard small { color: var(--rr-faint, #727786); font-size: 9px; }
.adminPreservedBadge { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; padding: 5px 7px; border-radius: 999px; color: var(--rr-green, #5ce6a0); background: rgba(92, 230, 160, .045); font-size: 8px; font-weight: 900; text-transform: uppercase; }
.adminPreservedBadge svg { width: 11px; }
.adminAccountAudit { margin: 0; padding: 12px 15px; border-bottom: 1px solid var(--rr-border, rgba(225, 229, 242, .075)); }
.adminAccountAudit summary { display: flex; align-items: center; justify-content: space-between; color: #dcd8e0; font-size: 10px; font-weight: 800; cursor: pointer; list-style: none; }
.adminAccountAudit summary::-webkit-details-marker { display: none; }
.adminAccountAudit summary b { color: var(--rr-accent, #b866e3); }
.adminAccountAudit > div { display: grid; gap: 6px; margin-top: 10px; }
.adminAccountAudit article { display: flex; align-items: flex-start; gap: 7px; }
.adminAccountAudit article > i { flex: 0 0 6px; width: 6px; height: 6px; margin-top: 4px; border-radius: 50%; background: var(--rr-accent, #b866e3); box-shadow: 0 0 8px rgba(184, 102, 227, .5); }
.adminAccountAudit article > i.warning { background: var(--rr-amber, #e4b86a); }
.adminAccountAudit article > span { display: grid; gap: 1px; }
.adminAccountAudit article strong { color: #dcd9df; font-size: 9px; }
.adminAccountAudit article small { color: var(--rr-faint, #727786); font-size: 8px; line-height: 1.4; }
.adminAccountDetail > footer { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 13px 15px; }
.adminAccountDetail > footer > :first-child { grid-column: 1 / -1; }
.adminAccountDetail > footer button { min-height: 34px; font-size: 10px; }
.adminLegacyNextStep { display: flex; align-items: center; gap: 10px; margin: 12px 15px 15px; padding: 11px; border: 1px solid rgba(228, 184, 106, .14); border-radius: 10px; color: var(--rr-amber, #e4b86a); background: rgba(228, 184, 106, .035); }
.adminLegacyNextStep > svg { flex: 0 0 18px; width: 18px; }
.adminLegacyNextStep > span { display: grid; gap: 2px; }
.adminLegacyNextStep strong { font-size: 10px; }
.adminLegacyNextStep small { color: var(--rr-muted, #989cab); font-size: 9px; line-height: 1.4; }

.adminLegacyCreatePanel,
.adminLegacyHistoryPanel { overflow: hidden; }
.adminLegacyCreatePanel > summary,
.adminLegacyHistoryPanel > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; cursor: pointer; list-style: none; }
.adminLegacyCreatePanel > summary::-webkit-details-marker,
.adminLegacyHistoryPanel > summary::-webkit-details-marker { display: none; }
.adminLegacyCreatePanel > summary > div,
.adminLegacyHistoryPanel > summary > div { display: flex; align-items: center; gap: 10px; }
.adminLegacyCreatePanel > summary svg,
.adminLegacyHistoryPanel > summary svg { width: 17px; color: var(--rr-accent, #b866e3); }
.adminLegacyCreatePanel > summary span,
.adminLegacyHistoryPanel > summary span { display: grid; gap: 2px; }
.adminLegacyCreatePanel > summary strong,
.adminLegacyHistoryPanel > summary strong { color: #e8e5eb; font-size: 11px; }
.adminLegacyCreatePanel > summary small,
.adminLegacyHistoryPanel > summary small { color: var(--rr-muted, #989cab); font-size: 9px; }
.adminLegacyHistoryPanel > summary > b { display: grid; place-items: center; min-width: 25px; height: 25px; border-radius: 8px; color: var(--rr-accent, #b866e3); background: rgba(184, 102, 227, .065); font-size: 10px; }
.adminLegacyCreateBody,
.adminLegacyHistoryPanel > div { padding: 14px 15px; border-top: 1px solid var(--rr-border, rgba(225, 229, 242, .075)); }
.adminEntitlementRenewModal { width: min(760px, calc(100vw - 28px)); }

@media (max-width: 1380px) {
  .adminAccountsWorkspace { grid-template-columns: minmax(0, 1fr) 340px; }
  .adminAccountToolbar { grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(125px, .5fr)) auto; }
  .adminAccountToolbar > label:nth-of-type(4) { grid-column: 1 / 3; }
  .adminAccountClear { justify-self: end; }
}

@media (max-width: 1120px) {
  .adminAccountMetrics { grid-template-columns: 1fr 1fr; }
  .adminAccountsWorkspace { grid-template-columns: 1fr; }
  .adminAccountDetail { position: static; }
}

@media (max-width: 820px) {
  .adminAccountsPageHead { align-items: stretch; flex-direction: column; }
  .adminMigrationState { min-width: 0; }
  .adminAccountToolbar { grid-template-columns: 1fr 1fr; }
  .adminAccountSearch { grid-column: 1 / -1; }
  .adminAccountToolbar > label:nth-of-type(4) { grid-column: auto; }
  .adminAccountToolbar .btn { width: 100%; }
  .adminAccountTableHead { display: none; }
  .adminAccountRow { grid-template-columns: minmax(170px, 1.2fr) minmax(140px, 1fr) auto; }
  .adminAccountOrigin,
  .adminAccountActivity { display: none; }
}

@media (max-width: 560px) {
  .adminAccountMetrics { grid-template-columns: 1fr; }
  .adminMigrationBanner { grid-template-columns: 28px 1fr; }
  .adminMigrationBanner > span { grid-column: 1 / -1; justify-self: start; }
  .adminAccountToolbar { grid-template-columns: 1fr; }
  .adminAccountSearch { grid-column: auto; }
  .adminAccountRow { grid-template-columns: 1fr auto; }
  .adminAccountAccess { display: none; }
  .adminAccountDetail > header { grid-template-columns: 42px 1fr; }
  .adminAccountDetail > header > .softwareAccountStatus { grid-column: 1 / -1; justify-self: start; }
  .adminAccountFacts { grid-template-columns: 1fr; }
  .adminLegacyAccessCard { align-items: flex-start; flex-direction: column; }
  .adminAccountDetail > footer { grid-template-columns: 1fr; }
  .adminAccountDetail > footer > :first-child { grid-column: auto; }
}

/* Revenda / Contas — superfície cinza compacta alinhada ao painel reformulado. */
.dashboardShell-reseller .softwareAccountsPageHead {
  align-items: center;
  margin-bottom: 11px;
}

.dashboardShell-reseller .softwareAccountHeadNote {
  gap: 8px;
  max-width: 335px;
  padding: 9px 11px;
  border-color: rgba(232, 234, 241, .075);
  border-radius: 10px;
  color: #92959f;
  background: #232429;
  font-size: 9px;
  line-height: 1.4;
}

.dashboardShell-reseller .softwareAccountHeadNote svg {
  flex-basis: 15px;
  width: 15px;
  color: #67d9a3;
}

.dashboardShell-reseller .softwareAccountMetrics {
  gap: 10px;
  margin-bottom: 10px;
}

.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric {
  min-height: 88px;
  gap: 12px;
  padding: 14px 15px;
  border-color: rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #232429;
  box-shadow: none;
}

.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric::after { content: none; }
.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric:hover {
  border-color: rgba(232, 234, 241, .11);
  background: #25262b;
  transform: translateY(-1px);
}
.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric > i {
  flex-basis: 40px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  box-shadow: none;
}
.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric > i svg { width: 18px; height: 18px; }
.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric.positive > i svg { fill: none; }
.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric small { color: #6f727b; font-size: 8px; }
.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric strong { color: #e3e4e8; font-size: 22px; }
.dashboardShell-reseller .softwareAccountMetrics .resellerReformMetric span { color: #8f929c; font-size: 9px; }

.dashboardShell-reseller .softwareAccountsWorkspace {
  grid-template-columns: minmax(0, 1fr) minmax(285px, 320px);
  gap: 10px;
}

.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail, .softwareLegacyPanel) {
  border-color: rgba(232, 234, 241, .075);
  border-radius: 11px;
  background: #202126;
  box-shadow: none;
}

.dashboardShell-reseller .softwareAccountsMain { overflow: visible; }

.dashboardShell-reseller .softwareAccountToolbar {
  grid-template-columns: minmax(150px, 1fr) 92px 116px auto auto;
  gap: 6px;
  padding: 8px;
  border-color: rgba(232, 234, 241, .065);
  border-radius: 11px 11px 0 0;
  background: #232429;
}

.dashboardShell-reseller .softwareAccountToolbar > label { gap: 3px; }
.dashboardShell-reseller .softwareAccountToolbar > label > span { padding-left: 2px; color: #777b87; font-size: 6px; }

.dashboardShell-reseller .softwareAccountSearch > svg {
  left: 10px;
  width: 14px;
  color: #797d88;
}

.dashboardShell-reseller .softwareAccountSearch input,
.dashboardShell-reseller .softwareAccountToolbar .smartDropdownTrigger {
  min-height: 36px;
  border-color: rgba(232, 234, 241, .065);
  border-radius: 8px;
  color: #b9bbc2;
  background: #1d1e22;
  font-size: 8px;
  box-shadow: none;
}

.dashboardShell-reseller .softwareAccountSearch input { padding-left: 31px !important; }
.dashboardShell-reseller .softwareAccountSearch input::placeholder { color: #6e727d; }

.dashboardShell-reseller .softwareAccountToolbar .smartDropdownTrigger:hover,
.dashboardShell-reseller .softwareAccountToolbar .smartDropdown.open .smartDropdownTrigger {
  border-color: rgba(195, 119, 224, .25) !important;
  color: #dedfe3;
  background: #202126;
  box-shadow: none;
}

.dashboardShell-reseller .softwareAccountToolbar .smartDropdownChevron {
  width: 24px;
  height: 24px;
  border: 0;
  color: #b86bce;
  background: transparent;
}

.dashboardShell-reseller .softwareAccountToolbar .smartDropdownMenu {
  border-color: rgba(232, 234, 241, .08);
  border-radius: 9px;
  background: #292a30;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .24);
}

.dashboardShell-reseller .softwareAccountToolbar .smartDropdownOption {
  min-height: 32px;
  color: #9699a3;
  background: transparent;
  font-size: 8px;
}

.dashboardShell-reseller .softwareAccountToolbar .smartDropdownOption:hover {
  transform: none;
  color: #e1e2e6;
  background: #303137;
}

.dashboardShell-reseller .softwareAccountToolbar .smartDropdownOption.selected {
  color: #ce8be3;
  background: rgba(185, 101, 220, .075);
}

.dashboardShell-reseller .softwareAccountToolbar :is(.btn, .softwareAccountClear) {
  align-self: end;
  min-height: 36px;
  border-radius: 8px;
  font-size: 8px;
}

.dashboardShell-reseller .softwareAccountToolbar .btn { padding-inline: 12px; }
.dashboardShell-reseller .softwareAccountClear { padding-inline: 7px; color: #a976ba; }
.dashboardShell-reseller .softwareAccountClear:not(:disabled):hover { color: #d18be7; background: rgba(185, 101, 220, .05); }

.dashboardShell-reseller .softwareAccountTableHead,
.dashboardShell-reseller .softwareAccountRow {
  grid-template-columns: minmax(135px, 1.15fr) minmax(130px, 1.1fr) minmax(115px, .9fr) minmax(110px, .78fr) auto;
  gap: 10px;
}

.dashboardShell-reseller .softwareAccountTableHead {
  padding: 9px 12px;
  border-color: rgba(232, 234, 241, .06);
  color: #727682;
  background: #25262b;
  font-size: 7px;
}

.dashboardShell-reseller .softwareAccountRow {
  min-height: 66px;
  padding: 10px 12px;
  border-color: rgba(232, 234, 241, .055);
  background: #202126;
}

.dashboardShell-reseller .softwareAccountRow:hover { background: #25262b; }
.dashboardShell-reseller .softwareAccountRow.selected { background: rgba(185, 101, 220, .085); box-shadow: inset 2px 0 0 #bd72d5; }
.dashboardShell-reseller .softwareAccountIdentity { grid-template-columns: 34px minmax(0, 1fr); gap: 8px; }
.dashboardShell-reseller .softwareAccountIdentity > i { width: 34px; height: 34px; }
.dashboardShell-reseller .softwareAccountRow strong { color: #dedfe3; font-size: 9px; }
.dashboardShell-reseller .softwareAccountRow small { color: #777b86; font-size: 7px; }
.dashboardShell-reseller .softwareAccountStatus { min-width: 66px; min-height: 23px; padding-inline: 8px; font-size: 7px; }

.dashboardShell-reseller .softwareAccountPagination {
  min-height: 43px;
  padding: 7px 11px;
  border-color: rgba(232, 234, 241, .06);
  color: #777b85;
  background: #232429;
  font-size: 8px;
}

.dashboardShell-reseller .softwareAccountPagination button {
  min-width: 26px;
  height: 26px;
  border-color: rgba(232, 234, 241, .08);
  border-radius: 7px;
  background: #292a30;
}

.dashboardShell-reseller .softwareAccountDetail { top: 84px; }
.dashboardShell-reseller .softwareAccountDetail.isEmpty { min-height: 325px; }

.dashboardShell-reseller .softwareAccountDetail > header {
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 9px;
  padding: 12px;
  border-color: rgba(232, 234, 241, .065);
  background: #232429;
}

.dashboardShell-reseller .softwareAccountDetailAvatar { width: 40px; height: 40px; }
.dashboardShell-reseller .softwareAccountDetail > header h3 { font-size: 14px; }
.dashboardShell-reseller .softwareAccountDetail > header span { font-size: 7px; }
.dashboardShell-reseller .softwareAccountDetail > section { padding: 11px 12px; border-color: rgba(232, 234, 241, .06); }
.dashboardShell-reseller .softwareAccountDetailTitle { margin-bottom: 8px; }
.dashboardShell-reseller .softwareAccountDetailTitle > span { font-size: 8px; }

.dashboardShell-reseller :is(.softwareEntitlementList article, .softwareDeviceSummary, .softwareSessionList > div) {
  gap: 8px;
  padding: 8px;
  border-color: rgba(232, 234, 241, .065);
  border-radius: 9px;
  background: #292a30;
}

.dashboardShell-reseller .softwareAccountDetail > footer { gap: 6px; padding: 10px; background: #232429; }
.dashboardShell-reseller .softwareAccountDetail > footer button { min-height: 34px; border-radius: 8px; font-size: 8px; }
.dashboardShell-reseller .softwareAccountDetail > footer .ghostBtn {
  border-color: rgba(232, 234, 241, .08) !important;
  color: #aeb1b9 !important;
  background: #292a30 !important;
  box-shadow: none !important;
}

.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail) .luxEmptyState {
  grid-template-columns: 1fr;
  place-content: center;
  min-height: 190px;
  padding: 24px;
  border: 0;
  border-radius: 0;
  text-align: center;
  background: transparent;
}

.dashboardShell-reseller .softwareAccountDetail.isEmpty .luxEmptyState {
  width: 100%;
  min-height: 323px;
}

.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail) .luxEmptyState::before,
.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail) .luxEmptyState::after { content: none; }
.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail) .luxEmptyState .luxStateMark { display: none; }
.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail) .luxEmptyState > div { justify-items: center; gap: 5px; }
.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail) .luxEmptyState small { color: #b86bce; font-size: 7px; }
.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail) .luxEmptyState strong { color: #d6d7dc; font-size: 11px; }
.dashboardShell-reseller :is(.softwareAccountsMain, .softwareAccountDetail) .luxEmptyState p { max-width: 300px; color: #747884; font-size: 8px; line-height: 1.45; }

.dashboardShell-reseller .softwareLegacyPanel { margin-top: 10px; }
.dashboardShell-reseller .softwareLegacyPanel > summary {
  min-height: 52px;
  padding: 10px 12px;
  background: #232429;
}

.dashboardShell-reseller .softwareLegacyPanel > summary strong { color: #d8d9de; font-size: 10px; }
.dashboardShell-reseller .softwareLegacyPanel > summary small { color: #777b85; font-size: 8px; }
.dashboardShell-reseller .softwareLegacyPanel > summary > b { min-width: 24px; height: 24px; border-radius: 7px; font-size: 8px; }
.dashboardShell-reseller .softwareLegacyBody { padding: 0 12px 12px; border-color: rgba(232, 234, 241, .06); background: #202126; }
.dashboardShell-reseller .softwareLegacyRows article { min-height: 56px; border-color: rgba(232, 234, 241, .055); }
.dashboardShell-reseller .softwareLegacyBody > .notice {
  margin: 11px 0 0;
  border-color: rgba(232, 234, 241, .065);
  border-radius: 9px;
  color: #a7a9b1;
  background: #292a30;
  box-shadow: none;
}

.dashboardShell-reseller .softwareLegacyBody > .notice strong { color: #d8d9de; font-size: 9px; }
.dashboardShell-reseller .softwareLegacyBody > .notice p { color: #858994; font-size: 8px; }
.dashboardShell-reseller .softwareLegacyPanel .luxEmptyState {
  grid-template-columns: 1fr;
  place-content: center;
  min-height: 120px;
  margin-top: 8px;
  padding: 18px;
  border: 1px solid rgba(232, 234, 241, .055);
  border-radius: 9px;
  text-align: center;
  background: #232429;
}

.dashboardShell-reseller .softwareLegacyPanel .luxEmptyState::before,
.dashboardShell-reseller .softwareLegacyPanel .luxEmptyState::after { content: none; }
.dashboardShell-reseller .softwareLegacyPanel .luxEmptyState .luxStateMark { display: none; }
.dashboardShell-reseller .softwareLegacyPanel .luxEmptyState > div { justify-items: center; gap: 4px; }
.dashboardShell-reseller .softwareLegacyPanel .luxEmptyState small { color: #b86bce; font-size: 7px; }
.dashboardShell-reseller .softwareLegacyPanel .luxEmptyState strong { color: #d6d7dc; font-size: 10px; }
.dashboardShell-reseller .softwareLegacyPanel .luxEmptyState p { max-width: 300px; color: #747884; font-size: 8px; line-height: 1.45; }

@media (max-width: 1120px) {
  .dashboardShell-reseller .softwareAccountsWorkspace { grid-template-columns: 1fr; }
  .dashboardShell-reseller .softwareAccountDetail { position: static; }
}

@media (max-width: 820px) {
  .dashboardShell-reseller .softwareAccountsPageHead { align-items: stretch; flex-direction: column; }
  .dashboardShell-reseller .softwareAccountHeadNote { max-width: none; }
  .dashboardShell-reseller .softwareAccountMetrics { grid-template-columns: 1fr 1fr; }
  .dashboardShell-reseller .softwareAccountToolbar { grid-template-columns: 1fr 1fr; }
  .dashboardShell-reseller .softwareAccountSearch { grid-column: 1 / -1; }
  .dashboardShell-reseller .softwareAccountToolbar .btn { width: 100%; }
  .dashboardShell-reseller .softwareAccountTableHead { display: none; }
  .dashboardShell-reseller .softwareAccountRow { grid-template-columns: minmax(170px, 1.2fr) minmax(140px, 1fr) auto; }
  .dashboardShell-reseller :is(.softwareAccountDevice, .softwareAccountActivity) { display: none; }
}

@media (max-width: 560px) {
  .dashboardShell-reseller .softwareAccountMetrics { grid-template-columns: 1fr; }
  .dashboardShell-reseller .softwareAccountToolbar { grid-template-columns: 1fr; }
  .dashboardShell-reseller .softwareAccountSearch { grid-column: auto; }
  .dashboardShell-reseller .softwareAccountRow { grid-template-columns: 1fr auto; }
  .dashboardShell-reseller .softwareAccountAccess { display: none; }
  .dashboardShell-reseller .softwareLegacyRows article { grid-template-columns: 1fr auto; }
}

/* Contas / detalhes — leitura direta, sem cards e ícones decorativos aninhados. */
.dashboardShell-reseller .softwareAccountDetail > header {
  grid-template-columns: 36px minmax(0, 1fr) auto;
  padding: 11px 12px;
}

.dashboardShell-reseller .softwareAccountDetailAvatar {
  width: 36px;
  height: 36px;
  font-size: 10px;
}

.dashboardShell-reseller .softwareAccountDetail > header h3 { font-size: 13px; }
.dashboardShell-reseller .softwareAccountDetail > section { padding: 10px 12px; }
.dashboardShell-reseller .softwareAccountDetailTitle { margin-bottom: 7px; }
.dashboardShell-reseller .softwareAccountDetailTitle > b {
  min-width: 19px;
  height: 19px;
  border-radius: 6px;
  background: rgba(185, 101, 220, .055);
  font-size: 7px;
}

.dashboardShell-reseller .softwareAccountDetail .softwareEntitlementList,
.dashboardShell-reseller .softwareAccountDetail .softwareSessionList {
  gap: 0;
}

.dashboardShell-reseller .softwareAccountDetail .softwareEntitlementList article {
  display: block;
  padding: 1px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.dashboardShell-reseller .softwareAccountDetail .softwareEntitlementList article + article {
  margin-top: 8px;
  padding-top: 9px;
  border-top: 1px solid rgba(232, 234, 241, .055);
}

.dashboardShell-reseller .softwareAccountDetail .softwareEntitlementList article > i { display: none; }
.dashboardShell-reseller .softwareAccountDetail .softwareEntitlementList article > div { gap: 2px; }
.dashboardShell-reseller .softwareAccountDetail .softwareEntitlementList article strong {
  color: #dfe0e4;
  font-size: 9px;
  line-height: 1.35;
}

.dashboardShell-reseller .softwareAccountDetail .softwareEntitlementList article span {
  color: #7b7f89;
  font-size: 8px;
  line-height: 1.4;
}

.dashboardShell-reseller .softwareAccountDetail .softwareEntitlementList article.active span::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 5px 1px 0;
  border-radius: 50%;
  background: #5ce6a0;
  content: "";
}

.dashboardShell-reseller .softwareAccountDetail .softwareDeviceSummary {
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  padding: 1px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.dashboardShell-reseller .softwareAccountDetail .softwareDeviceSummary > i {
  width: 18px;
  height: 18px;
  border-radius: 0;
  color: #68dca7;
  background: transparent;
}

.dashboardShell-reseller .softwareAccountDetail .softwareDeviceSummary > i svg { width: 14px; height: 14px; }
.dashboardShell-reseller .softwareAccountDetail .softwareDeviceSummary strong { color: #d8d9de; font-size: 9px; }
.dashboardShell-reseller .softwareAccountDetail .softwareDeviceSummary span { color: #777b85; font-size: 8px; }

.dashboardShell-reseller .softwareAccountDetail .softwareSessionList > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
  padding: 7px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.dashboardShell-reseller .softwareAccountDetail .softwareSessionList > div + div {
  border-top: 1px solid rgba(232, 234, 241, .05);
}

.dashboardShell-reseller .softwareAccountDetail .softwareSessionList strong { color: #cfd0d5; font-size: 8px; }
.dashboardShell-reseller .softwareAccountDetail .softwareSessionList span { color: #747883; font-size: 7px; }

.dashboardShell-reseller .softwareAccountsMain > .softwareAccountPagination:last-child {
  overflow: hidden;
  border-radius: 0 0 10px 10px;
  background-clip: padding-box;
}

/* Keep the existing password workflow in the gray panel theme. */
.modal.softwarePasswordModal { width: min(560px, calc(100vw - 32px)); }
.softwarePasswordModal > header { display: flex; align-items: flex-start; gap: 16px; padding: 24px; border-bottom: 1px solid #323338; }
.softwarePasswordModal > header > div { flex: 1; min-width: 0; }
.softwarePasswordModal > header h2 { margin: 6px 0 8px; font-size: 22px; }
.softwarePasswordModal > header p, .softwarePasswordNotice p { margin: 0; color: #a0a3ad; font-size: 13px; line-height: 1.6; }
.softwarePasswordModal > header span { color: #c47be0; font-size: 11px; }
.softwarePasswordModal .modalClose { flex: 0 0 36px; height: 36px; border: 1px solid #36373e; border-radius: 9px; background: #27282d; color: #d6d7de; font-size: 24px; cursor: pointer; }
.softwarePasswordNotice { display: flex; align-items: flex-start; gap: 12px; margin: 20px 24px; }
.softwarePasswordNotice > svg { width: 20px; height: 20px; flex: 0 0 20px; color: #c47be0; }
.softwarePasswordFields { display: grid; gap: 16px; padding: 0 24px 24px; }
.softwarePasswordFields label { display: grid; gap: 8px; color: #d6d7de; font-size: 13px; }
.softwarePasswordFields input { width: 100%; box-sizing: border-box; min-height: 44px; }
.softwarePasswordModal > footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding: 18px 24px; border-top: 1px solid #323338; }