/* Administração minimalista: base cinza, navegação híbrida e visão geral compacta. */
body[data-route="admin"] {
  --rr-bg: #1a1b1f;
  --rr-bg-soft: #1d1e22;
  --rr-panel: #232429;
  --rr-panel-raised: #27282e;
  --rr-panel-hover: #2b2c32;
  --rr-border: rgba(232, 234, 241, .075);
  --rr-border-strong: rgba(232, 234, 241, .12);
  --rr-text: #f1f2f5;
  --rr-muted: #9699a4;
  --rr-faint: #6f727d;
  --rr-accent: #b965dc;
  --rr-accent-strong: #c978e8;
  --rr-accent-soft: rgba(185, 101, 220, .12);
  background: var(--rr-bg);
}

body[data-route="admin"] > .noise { opacity: .018; }
body[data-route="admin"] > .ambient { opacity: .025; }

.dashboardShell-admin {
  --dashboard-sidebar: 252px;
  min-height: 100dvh;
  background: #1a1b1f;
}

.dashboardShell-admin .dashboardSidebar {
  width: var(--dashboard-sidebar);
  padding: 0 14px 14px;
  border-right: 1px solid #2a2b31;
  background: #17181c;
  box-shadow: none;
}

.dashboardShell-admin .dashboardSidebar::after { display: none; }
.dashboardShell-admin .dashboardBrand {
  width: calc(100% - 12px);
  min-height: 84px;
  margin: 0 auto;
  border-bottom-color: rgba(232, 234, 241, .07);
}
.dashboardShell-admin .dashboardBrand img { width: 126px; filter: saturate(.78) brightness(1.08); }

/* Seletor de área substitui os três accordions permanentes. */
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher {
  position: relative;
  z-index: 40;
  width: calc(100% - 8px);
  margin: 8px auto 14px;
}
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary {
  display: grid;
  min-height: 58px;
  grid-template-columns: 32px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 8px 11px;
  border: 1px solid rgba(232, 234, 241, .09);
  border-radius: 11px;
  color: #e7e8ed;
  background: #202126;
  cursor: pointer;
  list-style: none;
  transition: border-color .18s ease, background .18s ease;
}
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary::-webkit-details-marker { display: none; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary:hover,
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher[open] summary { border-color: rgba(201, 120, 232, .24); background: #24252a; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary > i {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  color: #cb82e6;
  background: rgba(185, 101, 220, .10);
}
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary > i svg { width: 16px; height: 16px; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary > span { display: grid; min-width: 0; gap: 2px; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary small { color: #737681; font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary strong { overflow: hidden; color: #dedfe5; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary > b { display: grid; place-items: center; color: #777a84; transition: transform .18s ease; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher summary > b svg { width: 13px; height: 13px; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher[open] summary > b { color: #c779e4; transform: rotate(180deg); }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaMenu {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  left: 0;
  display: grid;
  gap: 3px;
  padding: 7px;
  border: 1px solid rgba(232, 234, 241, .10);
  border-radius: 11px;
  background: #202126;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .34);
}
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaMenu > small { padding: 5px 7px 4px; color: #70737e; font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaMenu button {
  display: grid;
  min-height: 38px;
  grid-template-columns: 18px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  padding: 0 9px;
  border: 0;
  border-radius: 8px;
  color: #999ca6;
  background: transparent;
  font-size: 10px;
  font-weight: 750;
  text-align: left;
}
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaMenu button:hover { color: #ececf0; background: rgba(255, 255, 255, .035); }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaMenu button.active { color: #d89aee; background: rgba(185, 101, 220, .08); }
:is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaMenu button svg { width: 15px; height: 15px; }

.dashboardShell-admin .dashboardNav { padding: 0 4px 12px; }
.dashboardShell-admin .dashboardAdminNavSection { margin: 0 0 15px; }
.dashboardShell-admin .dashboardAdminNavSection-general { margin-bottom: 19px; }
.dashboardShell-admin .dashboardAdminNavLabel {
  padding: 0 10px 7px;
  color: #686b75;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.dashboardShell-admin .dashboardAdminNavItems { display: grid; gap: 3px; }
.dashboardShell-admin .dashboardNavItem {
  min-height: 39px;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  color: #858893;
  background: transparent;
  font-size: 10px;
  font-weight: 720;
}
.dashboardShell-admin .dashboardNavItem > svg { width: 15px; height: 15px; color: #777a85; }
.dashboardShell-admin .dashboardNavItem:hover { color: #dadbe1; background: rgba(255, 255, 255, .028); transform: none; }
.dashboardShell-admin .dashboardNavItem.active {
  border: 0;
  color: #f0ebf2;
  background: rgba(185, 101, 220, .105);
  box-shadow: inset 2px 0 0 #bd67dc;
}
.dashboardShell-admin .dashboardNavItem.active > svg { color: #ca7fe5; }
.dashboardShell-admin .dashboardSidebarFooter { border-top-color: rgba(232, 234, 241, .07); background: #17181c; box-shadow: 0 -14px 24px #17181c; }
.dashboardShell-admin .dashboardSidebarFooter .dashboardNavItem { min-height: 37px; }

.dashboardShell-admin .dashboardWorkspace { background: #1a1b1f; }
.dashboardShell-admin .dashboardTopbar {
  min-height: 70px;
  height: 70px;
  padding: 0 30px;
  border-bottom-color: #2a2b31;
  background: rgba(26, 27, 31, .94);
  box-shadow: none;
  backdrop-filter: blur(18px);
}
.dashboardShell-admin .dashboardTopbar::after { display: none; }
.dashboardShell-admin .dashboardGreeting { border-right-color: rgba(232, 234, 241, .08); }
.dashboardShell-admin .dashboardGreeting small { color: #797c86; }
.dashboardShell-admin .dashboardGreeting strong { color: #d293e8; }
.dashboardShell-admin .dashboardTopContext { color: #9c9fa9; }
.dashboardShell-admin .dashboardTopContext svg { color: #777a84; }
.dashboardShell-admin .dashboardRoleChip { min-height: 34px; border-radius: 9px; color: #9fa2ac; background: #222329; }
.dashboardShell-admin .dashboardAvatar { width: 36px; height: 36px; border-width: 1px; border-color: rgba(201, 120, 232, .35); }
.dashboardShell-admin .dashboardIconButton { width: 36px; height: 36px; border-radius: 9px; border-color: rgba(232, 234, 241, .09); color: #9497a1; background: #222329; }
.dashboardShell-admin .dashboardMain { width: min(1480px, 100%); padding: 27px 30px 70px; }

/* Visão geral */
.dashboardShell-admin .adminOverviewV2 { display: grid; gap: 18px; color: var(--rr-text); }
.dashboardShell-admin .adminOverviewV2 :is(h2, h3, p) { margin: 0; }
.dashboardShell-admin .adminOverviewHeader { display: flex; min-height: 70px; align-items: flex-end; justify-content: space-between; gap: 24px; }
.dashboardShell-admin .adminOverviewEyebrow { display: block; margin-bottom: 6px; color: #bd6fda; font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.dashboardShell-admin .adminOverviewHeader h2 { color: #f0f1f4; font-size: clamp(26px, 2.5vw, 34px); line-height: 1; letter-spacing: -.045em; }
.dashboardShell-admin .adminOverviewHeader p { max-width: 650px; margin-top: 8px; color: #858893; font-size: 11px; line-height: 1.5; }
.dashboardShell-admin .adminOverviewUpdated { display: grid; justify-items: end; gap: 4px; padding-bottom: 3px; }
.dashboardShell-admin .adminOverviewUpdated span { display: inline-flex; align-items: center; gap: 6px; color: #7e818b; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.dashboardShell-admin .adminOverviewUpdated span i { width: 6px; height: 6px; border-radius: 50%; background: #5fd29a; box-shadow: 0 0 10px rgba(95, 210, 154, .38); }
.dashboardShell-admin .adminOverviewUpdated strong { color: #b4b6be; font-size: 9px; font-weight: 650; }

.dashboardShell-admin .adminOverviewKpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.dashboardShell-admin .adminOverviewKpi {
  min-width: 0;
  padding: 15px 16px 14px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #232429;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.dashboardShell-admin .adminOverviewKpi:hover { border-color: rgba(232, 234, 241, .12); background: #25262c; transform: translateY(-1px); }
.dashboardShell-admin .adminOverviewKpiTop { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dashboardShell-admin .adminOverviewKpiTop > span { overflow: hidden; color: #858893; font-size: 9px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewKpiTop > i { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 8px; color: #858893; background: rgba(255, 255, 255, .03); }
.dashboardShell-admin .adminOverviewKpiTop svg { width: 14px; height: 14px; }
.dashboardShell-admin .adminOverviewKpi > strong { display: block; margin-top: 10px; color: #f1f2f5; font-size: clamp(20px, 2.1vw, 27px); line-height: 1; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.dashboardShell-admin .adminOverviewKpi > small { display: block; margin-top: 7px; overflow: hidden; color: #6f727d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewKpi.violet .adminOverviewKpiTop > i { color: #ce83e9; background: rgba(185, 101, 220, .10); }
.dashboardShell-admin .adminOverviewKpi.green .adminOverviewKpiTop > i { color: #71d9a5; background: rgba(65, 179, 121, .09); }
.dashboardShell-admin .adminOverviewKpi.amber .adminOverviewKpiTop > i { color: #dfb56d; background: rgba(204, 146, 56, .09); }
.dashboardShell-admin .adminOverviewKpi.red .adminOverviewKpiTop > i { color: #e68198; background: rgba(212, 75, 106, .09); }

.dashboardShell-admin .adminOverviewAlertStrip {
  display: grid;
  min-height: 58px;
  grid-template-columns: 30px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(222, 170, 76, .16);
  border-radius: 10px;
  background: rgba(116, 82, 29, .105);
}
.dashboardShell-admin .adminOverviewAlertStrip.critical { border-color: rgba(224, 104, 131, .18); background: rgba(128, 42, 62, .105); }
.dashboardShell-admin .adminOverviewAlertStrip > i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; color: #dcb26b; background: rgba(216, 157, 59, .09); }
.dashboardShell-admin .adminOverviewAlertStrip.critical > i { color: #e78399; background: rgba(214, 73, 105, .09); }
.dashboardShell-admin .adminOverviewAlertStrip > i svg { width: 15px; height: 15px; }
.dashboardShell-admin .adminOverviewAlertStrip > div { min-width: 0; }
.dashboardShell-admin .adminOverviewAlertStrip strong { display: block; font-size: 10px; }
.dashboardShell-admin .adminOverviewAlertStrip p { margin-top: 3px; overflow: hidden; color: #8b8e98; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewAlertStrip > span { color: #d6a85f; font-size: 9px; font-weight: 800; }
.dashboardShell-admin .adminOverviewAlertStrip > button,
.dashboardShell-admin .adminOverviewCardHeader > button,
.dashboardShell-admin .adminOverviewCard > footer button {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  border: 1px solid rgba(232, 234, 241, .08);
  border-radius: 8px;
  color: #a9abb4;
  background: rgba(255, 255, 255, .025);
  font-size: 8px;
  font-weight: 750;
  white-space: nowrap;
}
.dashboardShell-admin .adminOverviewAlertStrip > button:hover,
.dashboardShell-admin .adminOverviewCardHeader > button:hover,
.dashboardShell-admin .adminOverviewCard > footer button:hover { border-color: rgba(201, 120, 232, .24); color: #dfb1ef; background: rgba(185, 101, 220, .07); }
.dashboardShell-admin .adminOverviewAlertStrip button svg,
.dashboardShell-admin .adminOverviewCardHeader > button svg,
.dashboardShell-admin .adminOverviewCard > footer button svg { width: 12px; height: 12px; }

.dashboardShell-admin .adminOverviewPrimaryGrid,
.dashboardShell-admin .adminOverviewSecondaryGrid { display: grid; gap: 11px; align-items: stretch; }
.dashboardShell-admin .adminOverviewPrimaryGrid { grid-template-columns: minmax(0, 1.55fr) minmax(300px, .72fr); }
.dashboardShell-admin .adminOverviewSecondaryGrid { grid-template-columns: minmax(0, 1.48fr) minmax(290px, .72fr); }
.dashboardShell-admin .adminOverviewCard {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #232429;
}
.dashboardShell-admin .adminOverviewCardHeader { display: flex; min-height: 65px; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 15px 17px 13px; border-bottom: 1px solid rgba(232, 234, 241, .06); }
.dashboardShell-admin .adminOverviewCardHeader h3 { color: #e9eaee; font-size: 13px; letter-spacing: -.015em; }
.dashboardShell-admin .adminOverviewCardHeader p { margin-top: 4px; color: #737681; font-size: 9px; }
.dashboardShell-admin .adminOverviewCardHeader > span:not(.adminOverviewHealthBadge) { display: grid; justify-items: end; gap: 3px; }
.dashboardShell-admin .adminOverviewCardHeader > span small { color: #6f727d; font-size: 7px; text-transform: uppercase; }
.dashboardShell-admin .adminOverviewCardHeader > span strong { color: #e2e3e7; font-size: 13px; font-variant-numeric: tabular-nums; }

.dashboardShell-admin .adminOverviewChart { position: relative; min-height: 235px; padding: 24px 22px 11px; }
.dashboardShell-admin .adminOverviewChartGrid { position: absolute; inset: 23px 22px 54px; display: flex; flex-direction: column; justify-content: space-between; }
.dashboardShell-admin .adminOverviewChartGrid i { display: block; height: 1px; background: rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminOverviewChartBars { position: relative; z-index: 1; display: grid; height: 200px; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: clamp(18px, 5vw, 58px); padding: 0 clamp(10px, 3vw, 36px); }
.dashboardShell-admin .adminOverviewChartBars article { display: grid; min-width: 0; grid-template-rows: 145px auto auto; align-items: end; justify-items: center; gap: 6px; }
.dashboardShell-admin .adminOverviewChartBars article > div { display: flex; width: min(52px, 58%); height: 145px; align-items: flex-end; border-radius: 7px 7px 3px 3px; background: rgba(255, 255, 255, .018); }
.dashboardShell-admin .adminOverviewChartBars article > div span { display: block; width: 100%; min-height: 4px; border-radius: 7px 7px 3px 3px; background: linear-gradient(180deg, #c475e2, #8f45ae); box-shadow: 0 8px 25px rgba(170, 77, 206, .16); }
.dashboardShell-admin .adminOverviewChartBars article:nth-child(1) > div span { opacity: .58; }
.dashboardShell-admin .adminOverviewChartBars article:nth-child(2) > div span { opacity: .78; }
.dashboardShell-admin .adminOverviewChartBars strong { overflow: hidden; max-width: 100%; color: #c5c7ce; font-size: 10px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewChartBars small { overflow: hidden; max-width: 100%; color: #686b75; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewLineChart {
  display: grid;
  min-height: 235px;
  grid-template-rows: 154px auto;
  gap: 9px;
  padding: 18px 22px 10px;
}
.dashboardShell-admin .adminOverviewLinePlot { position: relative; min-width: 0; height: 154px; }
.dashboardShell-admin .adminOverviewLinePlot svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.dashboardShell-admin .adminOverviewLineGrid line { stroke: rgba(232, 234, 241, .055); stroke-width: 1; vector-effect: non-scaling-stroke; }
.dashboardShell-admin .adminOverviewLineArea { fill: url(#adminRevenueArea); }
.dashboardShell-admin .adminOverviewLineStroke { fill: none; stroke: #b965dc; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; filter: drop-shadow(0 5px 8px rgba(185, 101, 220, .18)); }
.dashboardShell-admin .adminOverviewLinePoint {
  position: absolute;
  z-index: 2;
  left: var(--point-x);
  top: var(--point-y);
  width: 9px;
  height: 9px;
  border: 2px solid #232429;
  border-radius: 50%;
  background: #b965dc;
  box-shadow: 0 0 0 2px rgba(185, 101, 220, .18), 0 5px 12px rgba(185, 101, 220, .22);
  transform: translate(-50%, -50%);
}
.dashboardShell-admin .adminOverviewLinePoint.point-1 { opacity: .68; }
.dashboardShell-admin .adminOverviewLinePoint.point-2 { opacity: .84; }
.dashboardShell-admin .adminOverviewLineLabels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.dashboardShell-admin .adminOverviewLineLabels article { display: grid; min-width: 0; gap: 4px; text-align: center; }
.dashboardShell-admin .adminOverviewLineLabels strong { overflow: hidden; color: #c9cbd2; font-size: 10px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewLineLabels small { overflow: hidden; color: #686b75; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewCard > footer { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 16px; border-top: 1px solid rgba(232, 234, 241, .06); }
.dashboardShell-admin .adminOverviewRevenue > footer > span { display: inline-flex; align-items: center; gap: 7px; color: #747781; font-size: 9px; }
.dashboardShell-admin .adminOverviewRevenue > footer > span i { width: 15px; height: 2px; border-radius: 999px; background: #b965dc; box-shadow: 0 0 7px rgba(185, 101, 220, .22); }

.dashboardShell-admin .adminOverviewHealthBadge { display: inline-flex; min-height: 24px; align-items: center; padding: 0 8px; border: 1px solid rgba(232, 234, 241, .08); border-radius: 999px; color: #858893; background: rgba(255, 255, 255, .025); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.dashboardShell-admin .adminOverviewHealthBadge.ok { border-color: rgba(95, 210, 154, .15); color: #75dba9; background: rgba(54, 167, 111, .07); }
.dashboardShell-admin .adminOverviewHealthBadge.warning { border-color: rgba(222, 170, 76, .16); color: #dcb36d; background: rgba(180, 123, 34, .07); }
.dashboardShell-admin .adminOverviewHealthBadge.critical { border-color: rgba(224, 104, 131, .18); color: #e78399; background: rgba(190, 57, 87, .07); }
.dashboardShell-admin .adminOverviewHealthList { display: grid; padding: 4px 16px 3px; }
.dashboardShell-admin .adminOverviewHealthList article { display: grid; min-height: 49px; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminOverviewHealthList article:last-child { border-bottom: 0; }
.dashboardShell-admin .adminOverviewHealthList article > i { width: 7px; height: 7px; border-radius: 50%; background: #6f727d; }
.dashboardShell-admin .adminOverviewHealthList article.ok > i { background: #5fd29a; box-shadow: 0 0 9px rgba(95, 210, 154, .24); }
.dashboardShell-admin .adminOverviewHealthList article.warning > i { background: #d5a653; }
.dashboardShell-admin .adminOverviewHealthList article.critical > i { background: #df7189; }
.dashboardShell-admin .adminOverviewHealthList article > div { display: grid; min-width: 0; gap: 3px; }
.dashboardShell-admin .adminOverviewHealthList strong { color: #cfd1d7; font-size: 10px; }
.dashboardShell-admin .adminOverviewHealthList small { overflow: hidden; color: #686b75; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewHealthList article > span { color: #7d808a; font-size: 8px; font-weight: 750; }
.dashboardShell-admin .adminOverviewHealthList article.ok > span { color: #68cc9b; }
.dashboardShell-admin .adminOverviewHealthList article.warning > span { color: #d3a65a; }
.dashboardShell-admin .adminOverviewHealthList article.critical > span { color: #df758c; }
.dashboardShell-admin .adminOverviewHealth > footer small { color: #676a74; font-size: 8px; }
.dashboardShell-admin .adminOverviewHealth > footer button { width: 29px; padding: 0; justify-content: center; }

.dashboardShell-admin .adminOverviewPaymentTable { overflow-x: auto; }
.dashboardShell-admin .adminOverviewPaymentTable table { width: 100%; border-collapse: collapse; }
.dashboardShell-admin .adminOverviewPaymentTable th { height: 34px; padding: 0 14px; border: 0; color: #696c76; background: transparent; font-size: 8px; font-weight: 800; text-align: left; text-transform: uppercase; }
.dashboardShell-admin .adminOverviewPaymentTable td { height: 50px; padding: 8px 14px; border: 0; border-top: 1px solid rgba(232, 234, 241, .05); color: #a7a9b2; font-size: 9px; vertical-align: middle; }
.dashboardShell-admin .adminOverviewPaymentTable tbody tr:hover { background: rgba(255, 255, 255, .017); }
.dashboardShell-admin .adminOverviewPaymentTable td:first-child strong,
.dashboardShell-admin .adminOverviewPaymentTable td:first-child small { display: block; }
.dashboardShell-admin .adminOverviewPaymentTable td:first-child strong { color: #c9cbd1; font-size: 9px; }
.dashboardShell-admin .adminOverviewPaymentTable td:first-child small { max-width: 150px; margin-top: 3px; overflow: hidden; color: #696c76; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewPaymentTable td > strong { color: #d9dae0; font-size: 10px; font-variant-numeric: tabular-nums; }
.dashboardShell-admin .adminOverviewPaymentTable td > span:not(.adminOverviewPaymentStatus) { color: #7b7e88; font-size: 8px; white-space: nowrap; }
.dashboardShell-admin .adminOverviewPaymentStatus { display: inline-flex; min-height: 23px; align-items: center; gap: 6px; padding: 0 8px; border-radius: 999px; color: #8f929c; background: rgba(255, 255, 255, .035); font-size: 8px; font-weight: 750; white-space: nowrap; }
.dashboardShell-admin .adminOverviewPaymentStatus i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.dashboardShell-admin .adminOverviewPaymentStatus.ok { color: #71d5a3; background: rgba(50, 164, 106, .08); }
.dashboardShell-admin .adminOverviewPaymentStatus.pending { color: #d9ad61; background: rgba(186, 129, 39, .08); }
.dashboardShell-admin .adminOverviewPaymentStatus.critical { color: #e27a91; background: rgba(198, 63, 94, .08); }
.dashboardShell-admin .adminOverviewPaymentTable td:last-child { width: 38px; padding-left: 4px; }
.dashboardShell-admin .adminOverviewPaymentTable td:last-child button { display: grid; width: 28px; height: 28px; place-items: center; border: 0; border-radius: 7px; color: #797c86; background: transparent; }
.dashboardShell-admin .adminOverviewPaymentTable td:last-child button:hover { color: #d39ae7; background: rgba(185, 101, 220, .08); }
.dashboardShell-admin .adminOverviewPaymentTable td:last-child svg { width: 14px; height: 14px; }

.dashboardShell-admin .adminOverviewEmpty { display: grid; min-height: 250px; place-items: center; align-content: center; gap: 7px; color: #777a84; text-align: center; }
.dashboardShell-admin .adminOverviewEmpty > i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; color: #9b6aaa; background: rgba(185, 101, 220, .07); }
.dashboardShell-admin .adminOverviewEmpty svg { width: 17px; height: 17px; }
.dashboardShell-admin .adminOverviewEmpty strong { color: #aeb0b8; font-size: 9px; }
.dashboardShell-admin .adminOverviewEmpty p { color: #686b75; font-size: 7px; }

.dashboardShell-admin .adminOverviewQuickActions > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 13px; }
.dashboardShell-admin .adminOverviewQuickActions > div > button {
  display: grid;
  min-height: 82px;
  grid-template-columns: 31px minmax(0, 1fr) 15px;
  align-items: center;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(232, 234, 241, .06);
  border-radius: 9px;
  color: #8b8e98;
  background: #202126;
  text-align: left;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.dashboardShell-admin .adminOverviewQuickActions > div > button:hover { border-color: rgba(201, 120, 232, .18); background: #24252a; transform: translateY(-1px); }
.dashboardShell-admin .adminOverviewQuickActions button > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: #ba72d4; background: rgba(185, 101, 220, .09); }
.dashboardShell-admin .adminOverviewQuickActions button > i svg { width: 15px; height: 15px; }
.dashboardShell-admin .adminOverviewQuickActions button > span { display: grid; min-width: 0; gap: 4px; }
.dashboardShell-admin .adminOverviewQuickActions button strong { overflow: hidden; color: #cfd1d7; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewQuickActions button small { overflow: hidden; color: #696c76; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminOverviewQuickActions button > b { display: grid; place-items: center; color: #636670; }
.dashboardShell-admin .adminOverviewQuickActions button > b svg { width: 12px; height: 12px; }

@media (min-width: 821px) {
  .dashboardShell-hasAreaSwitcher .dashboardSidebar { grid-template-rows: auto auto minmax(0, 1fr) auto; }
  .dashboardShell-hasAreaSwitcher .dashboardBrand { grid-row: 1; }
  .dashboardShell-hasAreaSwitcher .dashboardAreaSwitcher { grid-row: 2; }
  .dashboardShell-hasAreaSwitcher .dashboardNav { grid-row: 3; margin-top: 0; }
  .dashboardShell-hasAreaSwitcher .dashboardSidebarFooter { grid-row: 4; }
  .dashboardShell-admin .dashboardSidebar { grid-template-rows: auto auto minmax(0, 1fr) auto; }
  .dashboardShell-admin .dashboardBrand { grid-row: 1; }
  .dashboardShell-admin .dashboardAreaSwitcher { grid-row: 2; }
  .dashboardShell-admin .dashboardNav { grid-row: 3; }
  .dashboardShell-admin .dashboardSidebarFooter { grid-row: 4; }
  .dashboardShell-admin .dashboardWorkspace { padding-top: 70px; }
  .dashboardShell-admin .dashboardTopbar { left: var(--dashboard-sidebar); }
}

@media (max-width: 1120px) {
  .dashboardShell-admin { --dashboard-sidebar: 232px; }
  .dashboardShell-admin .adminOverviewKpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboardShell-admin .adminOverviewPrimaryGrid,
  .dashboardShell-admin .adminOverviewSecondaryGrid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .dashboardShell-admin { --dashboard-sidebar: 100%; }
  .dashboardShell-admin .dashboardSidebar { width: 100%; padding: 7px 9px; background: #17181c; }
  .dashboardShell-admin .dashboardBrand { width: 94px; min-height: 44px; margin: 0; border: 0; }
  .dashboardShell-admin .dashboardBrand img { width: 88px; }
  :is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardAreaSwitcher { display: none; }
  .dashboardShell-admin .dashboardNav { display: flex; gap: 4px; padding: 0 0 2px 8px; }
  .dashboardShell-admin .dashboardAdminNavSection { display: flex; min-width: max-content; align-items: center; margin: 0; }
  .dashboardShell-admin .dashboardAdminNavLabel { display: none; }
  .dashboardShell-admin .dashboardAdminNavItems { display: flex; gap: 3px; }
  .dashboardShell-admin .dashboardNavItem { display: flex; width: auto; min-width: max-content; min-height: 39px; padding: 0 9px; }
  .dashboardShell-admin .dashboardNavItem.active { box-shadow: inset 0 -2px 0 #bd67dc; }
  .dashboardShell-admin .dashboardTopbar { top: 58px; height: 62px; min-height: 62px; padding: 8px 14px; }
  .dashboardShell-admin .dashboardMain { padding: 20px 14px 55px; }
  .dashboardShell-admin .adminOverviewHeader { align-items: flex-start; }
  .dashboardShell-admin .adminOverviewHeader p { max-width: 520px; }
}

@media (max-width: 600px) {
  .dashboardShell-admin .adminOverviewV2 { gap: 13px; }
  .dashboardShell-admin .adminOverviewHeader { display: grid; min-height: 0; gap: 12px; }
  .dashboardShell-admin .adminOverviewUpdated { justify-items: start; }
  .dashboardShell-admin .adminOverviewKpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .dashboardShell-admin .adminOverviewKpi { padding: 13px 14px; }
  .dashboardShell-admin .adminOverviewKpi > strong { font-size: 23px; }
  .dashboardShell-admin .adminOverviewAlertStrip { grid-template-columns: 30px minmax(0, 1fr) auto; }
  .dashboardShell-admin .adminOverviewAlertStrip > span { display: none; }
  .dashboardShell-admin .adminOverviewAlertStrip > button { grid-column: 2 / -1; justify-self: start; }
  .dashboardShell-admin .adminOverviewCardHeader { padding-inline: 14px; }
  .dashboardShell-admin .adminOverviewChart { padding-inline: 8px; }
  .dashboardShell-admin .adminOverviewChartGrid { right: 14px; left: 14px; }
  .dashboardShell-admin .adminOverviewChartBars { gap: 9px; padding-inline: 4px; }
  .dashboardShell-admin .adminOverviewChartBars article > div { width: min(42px, 70%); }
  .dashboardShell-admin .adminOverviewLineChart { grid-template-rows: 140px auto; padding: 16px 12px 9px; }
  .dashboardShell-admin .adminOverviewLinePlot { height: 140px; }
  .dashboardShell-admin .adminOverviewLineLabels { gap: 6px; }
  .dashboardShell-admin .adminOverviewLineLabels strong { font-size: 9px; }
  .dashboardShell-admin .adminOverviewLineLabels small { font-size: 7px; }
  .dashboardShell-admin .adminOverviewQuickActions > div { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminOverviewQuickActions > div > button { min-height: 66px; }
  .dashboardShell-admin .adminOverviewPaymentTable table { min-width: 610px; }
  .dashboardShell-admin .adminOverviewRevenue > footer > span { display: none; }
  .dashboardShell-admin .adminOverviewRevenue > footer { justify-content: flex-end; }
}

/* Seletor administrativo da Revenda integrado ao cabeçalho superior. */
.dashboardShell-reseller .dashboardTopActions {
  flex: 1;
  justify-content: flex-end;
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminSwitchTopbar {
  display: grid;
  width: min(430px, 100%);
  min-width: 0;
  min-height: 32px;
  grid-template-columns: 22px minmax(0, 1fr);
  flex: 0 1 430px;
  gap: 7px;
  align-items: center;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminTopIcon {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: #b977cf;
  background: transparent;
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminTopIcon svg { width: 15px; height: 15px; }

.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl { gap: 0; }
.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl select,
.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdownTrigger {
  min-height: 34px;
  height: 34px;
  padding: 0 30px 0 10px !important;
  border: 1px solid rgba(232, 234, 241, .075);
  border-radius: 8px;
  color: #c7c9cf;
  background: #202126;
  box-shadow: none;
  font-size: 9px;
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdownTrigger:hover,
.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdown.open .smartDropdownTrigger {
  border-color: rgba(201, 120, 232, .20);
  color: #e0d7e4;
  background: #24252a;
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdownChevron {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  color: #a56ab7;
  background: transparent;
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdownMenu {
  top: calc(100% + 6px);
  padding: 5px;
  border: 0;
  border-radius: 9px;
  background: #202126;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .32);
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdownOption {
  min-height: 34px;
  border-radius: 7px;
  color: #9a9da6;
  background: transparent;
  font-size: 8px;
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdownOption:hover,
.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdownOption:focus-visible {
  color: #d6d7dc;
  background: #292a30;
}

.dashboardShell-reseller .dashboardTopActions .resellerAdminOwnerControl .smartDropdownOption.selected {
  color: #d08ce5;
  background: rgba(185, 101, 220, .075);
  box-shadow: inset 2px 0 0 #bd67dc;
}

@media (max-width: 1450px) {
  .dashboardShell-reseller .dashboardTopActions .resellerAdminSwitchTopbar { flex-basis: 380px; }
}

@media (max-width: 1120px) {
  .dashboardShell-reseller .dashboardTopActions .resellerAdminSwitchTopbar { flex-basis: 300px; }
}

@media (max-width: 820px) {
  .dashboardShell-reseller .dashboardTopbar { gap: 8px; }
  .dashboardShell-reseller .dashboardTopIdentity { flex: 0 0 auto; }
  .dashboardShell-reseller .dashboardTopActions { gap: 6px; }
  .dashboardShell-reseller .dashboardTopActions .resellerAdminSwitchTopbar {
    flex-basis: auto;
  }
  .dashboardShell-reseller .dashboardTopActions .resellerAdminSwitchTopbar { grid-template-columns: 20px minmax(0, 1fr); }
}

/* Sidebar compartilhada — Administração e Revenda usam o mesmo modelo visual. */
@media (min-width: 821px) {
  .dashboardShell-reseller {
    --dashboard-sidebar: 252px;
  }

  .dashboardShell-reseller .dashboardSidebar {
    width: var(--dashboard-sidebar);
    padding: 0 14px 14px;
    border-right: 1px solid #2a2b31;
    background: #17181c;
    box-shadow: none;
  }

  .dashboardShell-reseller .dashboardSidebar::after { display: none; }

  .dashboardShell-reseller .dashboardBrand {
    width: calc(100% - 12px);
    min-height: 84px;
    margin: 0 auto;
    border-bottom-color: rgba(232, 234, 241, .07);
  }

  .dashboardShell-reseller .dashboardBrand img {
    width: 126px;
    filter: saturate(.78) brightness(1.08);
  }

  .dashboardShell-reseller .dashboardNav {
    padding: 0 4px 12px;
  }

  .dashboardShell-reseller .dashboardNavSection {
    margin: 0 0 15px;
  }

  .dashboardShell-reseller .dashboardNavSectionLabel {
    margin: 0;
    padding: 0 10px 7px;
    color: #686b75;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .12em;
  }

  .dashboardShell-reseller .dashboardNavSectionLabel i {
    background: rgba(232, 234, 241, .065);
  }

  .dashboardShell-reseller .dashboardNavSectionItems {
    display: grid;
    gap: 3px;
  }

  .dashboardShell-reseller .dashboardNavItem {
    min-height: 39px;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 0 10px;
    border: 0;
    border-radius: 8px;
    color: #858893;
    background: transparent;
    font-size: 10px;
    font-weight: 720;
  }

  .dashboardShell-reseller .dashboardNavItem > svg {
    width: 15px;
    height: 15px;
    color: #777a85;
  }

  .dashboardShell-reseller .dashboardNavItem:hover {
    color: #dadbe1;
    background: rgba(255, 255, 255, .028);
    transform: none;
  }

  .dashboardShell-reseller .dashboardNavItem.active {
    border: 0;
    color: #f0ebf2;
    background: rgba(185, 101, 220, .105);
    box-shadow: inset 2px 0 0 #bd67dc;
  }

  .dashboardShell-reseller .dashboardNavItem.active > svg { color: #ca7fe5; }

  :is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardSidebarFooter {
    width: calc(100% - 8px);
    max-width: none;
    margin: 0 auto;
    padding: 12px 4px 0;
    border-top: 1px solid rgba(232, 234, 241, .07);
    background: transparent;
    box-shadow: none;
  }

  :is(.dashboardShell-admin, .dashboardShell-reseller, .dashboardShell-client) .dashboardSidebarFooter .dashboardNavItem {
    min-height: 37px;
  }
}

@media (max-width: 1120px) and (min-width: 821px) {
  .dashboardShell-reseller { --dashboard-sidebar: 232px; }
}

@media (max-width: 360px) {
  .dashboardShell-admin .adminOverviewKpis { grid-template-columns: 1fr; }
}

/* Sistema visual compartilhado por todas as demais abas administrativas. */
.dashboardShell-admin .adminSectionHeader {
  display: flex;
  min-height: 72px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}
.dashboardShell-admin .adminSectionHeader > div { min-width: 0; }
.dashboardShell-admin .adminSectionHeader > div > span {
  display: block;
  margin-bottom: 6px;
  color: #bd6fda;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.dashboardShell-admin .adminSectionHeader h2 {
  margin: 0;
  color: #f0f1f4;
  font-size: clamp(26px, 2.5vw, 34px);
  line-height: 1;
  letter-spacing: -.045em;
}
.dashboardShell-admin .adminSectionHeader p {
  max-width: 720px;
  margin: 8px 0 0;
  color: #858893;
  font-size: 11px;
  line-height: 1.5;
}
.dashboardShell-admin .adminTabSurface { display: grid; min-width: 0; gap: 14px; }
.dashboardShell-admin .adminTabSurface > h3 {
  margin: 5px 2px -4px;
  color: #aeb0b8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dashboardShell-admin .adminTabSurface :is(
  .notice,
  .panel,
  .tableWrap,
  .faqAdminPanel,
  .adminSoftwareTenants,
  .adminAccountsMain,
  .adminAccountDetail,
  .adminLegacyCreatePanel,
  .securityCenterHero,
  .securityMetric,
  .securityPanel,
  .updateCenterHero,
  .updateMetricCard,
  .releaseComposer,
  .updateProductSection,
  .updateHistorySection,
  .driverCurrentCard,
  .driverPublishCard,
  .updateReportsIntro,
  .adminOwnHero,
  .adminBotConfigPanel
) {
  border-color: rgba(232, 234, 241, .065) !important;
  border-radius: 11px !important;
  background: #232429 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.dashboardShell-admin .adminTabSurface :is(.panelHeader, .releaseComposerHeader, .updateHistorySection > header, .updateProductSection > header) {
  border-color: rgba(232, 234, 241, .06);
}
.dashboardShell-admin .adminTabSurface .panelHeader {
  min-height: 62px;
  align-items: center;
  padding: 14px 16px;
}
.dashboardShell-admin .adminTabSurface .panelHeader h3 { color: #e4e5e9; font-size: 13px; }
.dashboardShell-admin .adminTabSurface .panelHeader p { margin-top: 4px; color: #767984; font-size: 9px; }
.dashboardShell-admin .adminTabSurface .kicker {
  color: #a867bf !important;
  font-size: 8px !important;
  letter-spacing: .11em !important;
}

/* Ações e campos seguem uma única escala compacta. */
.dashboardShell-admin .adminTabSurface .btn {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(201, 120, 232, .23);
  border-radius: 9px;
  color: #f7effa;
  background: #9f4fc0;
  box-shadow: none;
  font-size: 9px;
  font-weight: 780;
}
.dashboardShell-admin .adminTabSurface .btn:hover { border-color: rgba(218, 149, 243, .38); background: #ab58cb; transform: translateY(-1px); }
.dashboardShell-admin .adminTabSurface :is(.ghostBtn, .linkBtn, .dangerBtn) {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 8px;
  font-weight: 750;
  box-shadow: none;
}
.dashboardShell-admin .adminTabSurface .ghostBtn {
  border-color: rgba(232, 234, 241, .085);
  color: #a6a9b2;
  background: #202126;
}
.dashboardShell-admin .adminTabSurface .ghostBtn:hover { border-color: rgba(201, 120, 232, .2); color: #d4a0e6; background: #27282d; }
.dashboardShell-admin .adminTabSurface .linkBtn { color: #b586c6; background: rgba(185, 101, 220, .055); }
.dashboardShell-admin .adminTabSurface .linkBtn:hover { color: #dfa6f1; background: rgba(185, 101, 220, .1); }
.dashboardShell-admin .adminTabSurface .dangerBtn,
.dashboardShell-admin .adminTabSurface .dangerSoft { color: #d98295; background: rgba(208, 73, 103, .065); }

.dashboardShell-admin .adminTabSurface :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  min-height: 40px;
  border-color: rgba(232, 234, 241, .075);
  border-radius: 8px;
  color: #e3e4e8;
  background: #1d1e23;
  font-size: 9px;
}
.dashboardShell-admin .adminTabSurface textarea { min-height: 86px; line-height: 1.45; }
.dashboardShell-admin .adminTabSurface :is(input, textarea, select):focus {
  border-color: rgba(201, 120, 232, .38);
  box-shadow: 0 0 0 3px rgba(185, 101, 220, .06);
}
.dashboardShell-admin .adminTabSurface .formGrid { gap: 11px; }
.dashboardShell-admin .adminTabSurface .formGrid > label { color: #858893; font-size: 9px; }
.dashboardShell-admin .adminTabSurface .checkLine { color: #92959f; font-size: 9px; }
.dashboardShell-admin .adminTabSurface .actions { gap: 8px; }

/* KPIs, filtros e tabelas. */
.dashboardShell-admin .adminTabSurface .stats {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}
.dashboardShell-admin .adminTabSurface .stat {
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 10px;
  background: #232429;
}
.dashboardShell-admin .adminTabSurface .stat small { color: #7d808a; font-size: 8px; }
.dashboardShell-admin .adminTabSurface .stat strong {
  display: block;
  margin-top: 7px;
  color: #eceef1;
  font-size: 20px;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
}
.dashboardShell-admin .adminTabSurface > :is(.quickFilters, .toolbar) {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 10px;
  background: #202126;
}
.dashboardShell-admin .adminTabSurface > .quickFilters { flex-wrap: wrap; }
.dashboardShell-admin .adminTabSurface > .toolbar { display: grid; grid-template-columns: repeat(3, minmax(130px, 1fr)) repeat(2, minmax(150px, 1fr)) auto auto; }
.dashboardShell-admin .adminTabSurface > .toolbar :is(input, select, .smartDropdown) { width: 100%; min-width: 0; }

.dashboardShell-admin .adminTabSurface .tableWrap {
  min-width: 0;
  overflow: auto;
  border-radius: 10px !important;
  background: #202126 !important;
}
.dashboardShell-admin .adminTabSurface table { border-collapse: collapse; }
.dashboardShell-admin .adminTabSurface table th {
  height: 38px;
  padding: 9px 12px;
  border-color: rgba(232, 234, 241, .055);
  color: #70737d;
  background: #202126;
  font-size: 8px;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.dashboardShell-admin .adminTabSurface table td {
  padding: 11px 12px;
  border-color: rgba(232, 234, 241, .05);
  color: #aeb0b8;
  font-size: 9px;
  line-height: 1.45;
}
.dashboardShell-admin .adminTabSurface table td strong { color: #dfe0e4; font-size: 10px; }
.dashboardShell-admin .adminTabSurface table td small { color: #71747e; font-size: 8px; }
.dashboardShell-admin .adminTabSurface table tbody tr:hover { background: rgba(255, 255, 255, .016); }
.dashboardShell-admin .adminTabSurface .rowActions { gap: 5px; }
.dashboardShell-admin .adminTabSurface .emptyState,
.dashboardShell-admin .adminTabSurface .empty {
  border-color: rgba(232, 234, 241, .07);
  border-radius: 10px;
  color: #777a84;
  background: #202126;
}

/* Catálogo e FAQ. */
.dashboardShell-admin .adminTabSurface-catalog > .panelHeader {
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #232429;
}
.dashboardShell-admin .faqAdminPanel { padding: 16px; }
.dashboardShell-admin .faqAdminHeader { margin: -16px -16px 15px; }
.dashboardShell-admin .faqAdminCount {
  border-color: rgba(232, 234, 241, .08);
  color: #c989df;
  background: #202126;
}
.dashboardShell-admin :is(.adminVariantChip, .adminVariantAdd) {
  border-color: rgba(232, 234, 241, .075);
  border-radius: 8px;
  color: #9a9da7;
  background: #1d1e23;
}

/* Usuários e acessos. */
.dashboardShell-admin .adminAccountsPageHead {
  align-items: center;
  padding: 15px 16px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #232429;
}
.dashboardShell-admin .adminAccountsPageHead > div:first-child > span { color: #a867bf; font-size: 8px; }
.dashboardShell-admin .adminAccountsPageHead h2 { font-size: 19px; letter-spacing: -.03em; }
.dashboardShell-admin .adminAccountsPageHead p { max-width: 720px; color: #777a84; font-size: 9px; }
.dashboardShell-admin .adminMigrationState,
.dashboardShell-admin .adminMigrationBanner {
  border-color: rgba(232, 234, 241, .075) !important;
  border-radius: 10px !important;
  background: #202126 !important;
  box-shadow: none !important;
}
.dashboardShell-admin .adminAccountMetrics { gap: 10px; }
.dashboardShell-admin .adminAccountMetric {
  min-height: 88px;
  padding: 14px;
  border-color: rgba(232, 234, 241, .065) !important;
  border-radius: 10px !important;
  background: #232429 !important;
  box-shadow: none !important;
}
.dashboardShell-admin .adminAccountsMain,
.dashboardShell-admin .adminAccountDetail { background: #232429 !important; }
.dashboardShell-admin .adminAccountToolbar { padding: 11px; border-color: rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminAccountRow { border-color: rgba(232, 234, 241, .05); }
.dashboardShell-admin .adminAccountRow:hover { background: rgba(255, 255, 255, .018); }
.dashboardShell-admin .adminAccountRow.selected { background: rgba(185, 101, 220, .07); box-shadow: inset 2px 0 0 #bd67dc; }
.dashboardShell-admin .adminAccountIdentity > i,
.dashboardShell-admin .adminAccountDetailAvatar {
  border-color: rgba(201, 120, 232, .18);
  color: #d39be6;
  background: rgba(185, 101, 220, .085);
  box-shadow: none;
}

/* Segurança. */
.dashboardShell-admin .securityCenter { gap: 14px; }
.dashboardShell-admin .securityCenterHero {
  min-height: 76px;
  gap: 12px;
  padding: 14px 16px;
  overflow: visible;
}
.dashboardShell-admin .securityCenterHeroIcon {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  border-color: rgba(201, 120, 232, .18);
  border-radius: 10px;
  color: #cb83e5;
  background: rgba(185, 101, 220, .08);
}
.dashboardShell-admin .securityCenterHeroIcon svg { width: 17px; height: 17px; }
.dashboardShell-admin .securityCenterHero span { color: #9766a8; font-size: 8px; }
.dashboardShell-admin .securityCenterHero h2 { margin: 2px 0 3px; font-size: 18px; }
.dashboardShell-admin .securityCenterHero p { color: #777a84; font-size: 9px; }
.dashboardShell-admin .securityManualPolicy { padding: 9px 11px; border-color: rgba(95, 210, 154, .12); border-radius: 9px; background: rgba(54, 167, 111, .055); }
.dashboardShell-admin .securityManualPolicy strong { color: #acd9c1; font-size: 9px; }
.dashboardShell-admin .securityManualPolicy small { color: #6f8c7c; font-size: 8px; }
.dashboardShell-admin .securityMetricGrid { gap: 10px; }
.dashboardShell-admin .securityMetric {
  min-height: 88px;
  gap: 11px;
  padding: 14px;
  border-radius: 10px !important;
}
.dashboardShell-admin .securityMetric i { flex-basis: 34px; height: 34px; border-radius: 9px; }
.dashboardShell-admin .securityMetric i svg { width: 15px; height: 15px; }
.dashboardShell-admin .securityMetric span { color: #7e818b; font-size: 8px; }
.dashboardShell-admin .securityMetric strong { font-size: 21px; }
.dashboardShell-admin .securityMetric small { color: #696c76; font-size: 8px; }
.dashboardShell-admin .securityCenterTabs {
  width: max-content;
  max-width: 100%;
  padding: 4px;
  border-color: rgba(232, 234, 241, .065);
  border-radius: 10px;
  background: #202126;
}
.dashboardShell-admin .securityCenterTabs button { min-height: 35px; padding: 0 12px; border-radius: 8px; color: #7f828c; font-size: 9px; }
.dashboardShell-admin .securityCenterTabs button.active { color: #e5d7ea; background: rgba(185, 101, 220, .09); box-shadow: inset 0 0 0 1px rgba(201, 120, 232, .14); }
.dashboardShell-admin .securityFilters { border-color: rgba(232, 234, 241, .055); }
.dashboardShell-admin .securityEvent,
.dashboardShell-admin .securityTable > article,
.dashboardShell-admin .securityBlockList article,
.dashboardShell-admin .securityAuditList article { border-color: rgba(232, 234, 241, .05); }
.dashboardShell-admin .securityPrivacyNote { color: #62656f; }

/* Revendedores e tenants. */
.dashboardShell-admin .adminSoftwareTenants { padding: 16px; }
.dashboardShell-admin .adminSoftwareTenants > header { padding-bottom: 14px; border-bottom: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminSoftwareTenants > header h2 { font-size: 18px; }
.dashboardShell-admin .adminSoftwareTenants > header p { color: #777a84; font-size: 9px; }
.dashboardShell-admin .adminOfficialTenant,
.dashboardShell-admin .adminTenantCard {
  border-color: rgba(232, 234, 241, .065) !important;
  border-radius: 10px !important;
  background: #202126 !important;
  box-shadow: none !important;
}
.dashboardShell-admin .adminTenantAvatar { color: #d39ae7; background: rgba(185, 101, 220, .085); }

/* Central de updates. */
.dashboardShell-admin .updateCenter {
  --uc-bg: #1d1e23;
  --uc-panel: #232429;
  --uc-raised: #27282d;
  --uc-border: rgba(232, 234, 241, .065);
  --uc-border-strong: rgba(201, 120, 232, .18);
  gap: 14px;
}
.dashboardShell-admin .updateCenterHero { min-height: 82px; gap: 16px; padding: 15px 16px; }
.dashboardShell-admin .updateCenterHero::after { display: none; }
.dashboardShell-admin .updateCenterHeading { gap: 12px; }
.dashboardShell-admin .updateCenterIcon {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  border-color: rgba(201, 120, 232, .18);
  border-radius: 10px;
  color: #ca82e4;
  background: rgba(185, 101, 220, .08);
  box-shadow: none;
}
.dashboardShell-admin .updateCenterIcon svg { width: 17px; height: 17px; }
.dashboardShell-admin .updateCenterHeading h2 { margin-top: 2px; font-size: 18px; }
.dashboardShell-admin .updateCenterHeading p { margin-top: 4px; color: #777a84; font-size: 9px; }
.dashboardShell-admin .updatePrimaryAction { min-height: 38px; border-radius: 9px; }
.dashboardShell-admin .updateMetrics { gap: 10px; }
.dashboardShell-admin .updateMetricCard {
  min-height: 88px;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  padding: 14px;
  border-radius: 10px !important;
}
.dashboardShell-admin .updateMetricCard > span { width: 34px; height: 34px; border-radius: 9px; }
.dashboardShell-admin .updateMetricCard > span svg { width: 15px; height: 15px; }
.dashboardShell-admin .updateMetricCard small { color: #7e818b; font-size: 8px; }
.dashboardShell-admin .updateMetricCard strong { font-size: 21px; }
.dashboardShell-admin .updateMetricCard p { color: #696c76; font-size: 8px; }
.dashboardShell-admin .updateCenterTabs { padding: 4px; border-radius: 10px; background: #202126; }
.dashboardShell-admin .updateCenterTab { min-height: 35px; padding: 0 11px; border-radius: 8px; font-size: 9px; }
.dashboardShell-admin .updateCenterTab.active { border-color: rgba(201, 120, 232, .14); background: rgba(185, 101, 220, .09); box-shadow: none; }
.dashboardShell-admin .releaseComposer { padding: 16px; }
.dashboardShell-admin .releaseStep,
.dashboardShell-admin .updateProductCard,
.dashboardShell-admin .updateReleaseTable,
.dashboardShell-admin .updateReportsTable {
  border-color: rgba(232, 234, 241, .065) !important;
  border-radius: 10px !important;
  background: #202126 !important;
  box-shadow: none !important;
}

/* Loader oficial e modais administrativos. */
.dashboardShell-admin .adminOwnLoaderPanel { gap: 14px; }
.dashboardShell-admin .adminOwnHero { min-height: 0; padding: 16px; }
.dashboardShell-admin .adminOwnHero h3 { font-size: 17px; }
.dashboardShell-admin .adminOwnHero p { color: #777a84; font-size: 9px; }
.dashboardShell-admin .adminOwnLoaderPanel .sectionSplit { gap: 12px; }
.dashboardShell-admin .adminOwnLoaderPanel .notice { padding: 16px; }
.dashboardShell-admin .adminOwnLoaderPanel .notice h3 { font-size: 13px; }
.dashboardShell-admin .adminOwnLoaderPanel .notice p { color: #777a84; font-size: 9px; }
body[data-route="admin"] .modalHost .modal {
  border-color: rgba(232, 234, 241, .085) !important;
  border-radius: 12px !important;
  color: #e8e9ed;
  background: #202126 !important;
  background-image: none !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .42) !important;
}

@media (max-width: 1180px) {
  .dashboardShell-admin .adminTabSurface > .toolbar { grid-template-columns: repeat(3, minmax(130px, 1fr)); }
  .dashboardShell-admin .adminAccountMetrics,
  .dashboardShell-admin .securityMetricGrid,
  .dashboardShell-admin .updateMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .dashboardShell-admin .adminSectionHeader { min-height: 0; align-items: flex-start; margin-bottom: 15px; }
  .dashboardShell-admin .adminTabSurface > .toolbar { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
  .dashboardShell-admin .securityCenterHero,
  .dashboardShell-admin .updateCenterHero { align-items: flex-start; }
}

@media (max-width: 600px) {
  .dashboardShell-admin .adminSectionHeader p { font-size: 10px; }
  .dashboardShell-admin .adminTabSurface { gap: 11px; }
  .dashboardShell-admin .adminTabSurface .stats,
  .dashboardShell-admin .adminAccountMetrics,
  .dashboardShell-admin .securityMetricGrid,
  .dashboardShell-admin .updateMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboardShell-admin .adminTabSurface > .toolbar,
  .dashboardShell-admin .securityFilters { grid-template-columns: 1fr; }
  .dashboardShell-admin .securityCenterHeroIcon,
  .dashboardShell-admin .updateCenterIcon { display: none; }
  .dashboardShell-admin .securityCenterHero,
  .dashboardShell-admin .updateCenterHero { display: grid; }
  .dashboardShell-admin .securityManualPolicy { width: 100%; margin: 0; }
  .dashboardShell-admin .updateCenterHero > .btn { justify-self: start; }
  .dashboardShell-admin .adminOwnLoaderPanel .sectionSplit { grid-template-columns: 1fr; }
}

@media (max-width: 390px) {
  .dashboardShell-admin .adminTabSurface .stats,
  .dashboardShell-admin .adminAccountMetrics,
  .dashboardShell-admin .securityMetricGrid,
  .dashboardShell-admin .updateMetrics { grid-template-columns: 1fr; }
}

/* Panel loading styles are shared in dashboard-states-modals.css. */

/* Payment KPIs: compact iconography with color reserved for meaning. */
.dashboardShell-admin .adminTabSurface .adminPaymentStats { gap: 8px; }

@media (min-width: 1100px) {
  .dashboardShell-admin .adminTabSurface .adminPaymentStats {
    grid-template-columns: repeat(5, minmax(120px, 1fr)) minmax(175px, 1.35fr);
  }
}

.dashboardShell-admin .adminPaymentStat {
  display: grid;
  min-height: 64px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 9px 11px;
  border-radius: 9px;
}

.dashboardShell-admin .adminPaymentStatIcon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgba(190, 105, 220, .14);
  border-radius: 8px;
  color: #c47cdd;
  background: rgba(185, 101, 220, .07);
}

.dashboardShell-admin .adminPaymentStatIcon svg { width: 13px; height: 13px; }
.dashboardShell-admin .adminPaymentStatCopy { min-width: 0; }
.dashboardShell-admin .adminPaymentStatCopy small { display: block; line-height: 1.25; }
.dashboardShell-admin .adminPaymentStatCopy strong { margin-top: 3px; font-size: 18px; }
.dashboardShell-admin .adminPaymentStat.pending .adminPaymentStatIcon { color: #d7ad58; border-color: rgba(215, 173, 88, .14); background: rgba(215, 173, 88, .065); }
.dashboardShell-admin .adminPaymentStat.problems .adminPaymentStatIcon { color: #d9788c; border-color: rgba(217, 120, 140, .14); background: rgba(217, 120, 140, .065); }
.dashboardShell-admin .adminPaymentStat.reseller .adminPaymentStatIcon { color: #7e9ed8; border-color: rgba(126, 158, 216, .14); background: rgba(126, 158, 216, .065); }
.dashboardShell-admin .adminPaymentStat.archived .adminPaymentStatIcon { color: #9296a0; border-color: rgba(146, 150, 160, .14); background: rgba(146, 150, 160, .06); }
.dashboardShell-admin .adminPaymentStat.automatic .adminPaymentStatIcon { color: #68be98; border-color: rgba(104, 190, 152, .14); background: rgba(104, 190, 152, .065); }
.dashboardShell-admin .adminPaymentStat.automatic strong { font-size: 13px; line-height: 1.2; }

/* Neutral admin dropdowns matching the charcoal surfaces. */
.dashboardShell-admin .adminTabSurface .smartDropdownTrigger {
  min-height: 40px;
  padding: 7px 8px 7px 12px;
  border: 1px solid rgba(232, 234, 241, .075);
  border-radius: 8px;
  color: #dedfe4;
  background: #1d1e23;
  box-shadow: none;
  font-size: 10px;
  font-weight: 750;
}

.dashboardShell-admin .adminTabSurface .smartDropdownTrigger:hover,
.dashboardShell-admin .adminTabSurface .smartDropdown.open .smartDropdownTrigger {
  border-color: rgba(201, 120, 232, .24);
  background: #24252a;
  box-shadow: 0 0 0 3px rgba(185, 101, 220, .045);
}

.dashboardShell-admin .adminTabSurface .smartDropdownTrigger:focus-visible {
  outline: none;
  border-color: rgba(201, 120, 232, .38);
  box-shadow: 0 0 0 3px rgba(185, 101, 220, .065);
}

.dashboardShell-admin .adminTabSurface .smartDropdownChevron {
  width: 25px;
  height: 25px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 7px;
  color: #a9acb5;
  background: #292a30;
}

.dashboardShell-admin .adminTabSurface .smartDropdown.open .smartDropdownChevron {
  color: #ca8adf;
  background: rgba(185, 101, 220, .09);
}

.dashboardShell-admin .adminTabSurface .smartDropdownMenu {
  gap: 3px;
  padding: 6px;
  border: 1px solid rgba(232, 234, 241, .085);
  border-radius: 10px;
  background: #26272c;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .32);
  backdrop-filter: none;
}

.dashboardShell-admin .adminTabSurface .smartDropdownOption {
  min-height: 35px;
  padding: 7px 8px;
  border-radius: 7px;
  color: #9ea1aa;
  font-size: 10px;
  font-weight: 700;
}

.dashboardShell-admin .adminTabSurface .smartDropdownOption:hover,
.dashboardShell-admin .adminTabSurface .smartDropdownOption.selected {
  color: #eeeff2;
  border-color: rgba(201, 120, 232, .12);
  background: rgba(185, 101, 220, .08);
  transform: none;
}

.dashboardShell-admin .adminTabSurface .smartDropdownBadge {
  border-color: rgba(232, 234, 241, .07);
  color: #c7c9d0;
  background: rgba(255, 255, 255, .045);
}

@media (max-width: 600px) {
  .dashboardShell-admin .adminPaymentStat { min-height: 58px; grid-template-columns: 28px minmax(0, 1fr); gap: 8px; padding: 8px 10px; }
  .dashboardShell-admin .adminPaymentStatIcon { width: 26px; height: 26px; }
  .dashboardShell-admin .adminPaymentStat.automatic strong { font-size: 12px; }
}

/* Payment toolbar actions stay compact and aligned at the end of the row. */
@media (min-width: 1101px) {
  .dashboardShell-admin .adminTab-payments .adminTabSurface > .toolbar {
    grid-template-columns: repeat(4, minmax(108px, 1fr)) repeat(2, minmax(120px, 1fr)) 40px 40px;
    align-items: center;
  }
}

.dashboardShell-admin .adminTab-payments .adminPaymentToolbarAction {
  display: grid;
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  place-self: center;
  place-items: center;
}

.dashboardShell-admin .adminTab-payments .adminPaymentToolbarAction svg {
  width: 15px;
  height: 15px;
}

@media (max-width: 1100px) {
  .dashboardShell-admin .adminTab-payments .adminTabSurface > .toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboardShell-admin .adminTab-payments .adminPaymentToolbarAction {
    width: 100%;
  }
}

.dashboardShell-admin .adminTab-payments .adminRowIconAction {
  display: grid;
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(201, 120, 232, .12);
  border-radius: 8px;
  color: #c181d8;
  background: rgba(185, 101, 220, .055);
}

.dashboardShell-admin .adminTab-payments .adminRowIconAction:hover {
  border-color: rgba(201, 120, 232, .24);
  color: #dda2ee;
  background: rgba(185, 101, 220, .1);
}

.dashboardShell-admin .adminTab-payments .adminRowIconAction svg {
  width: 13px;
  height: 13px;
}

/* Payment details modal aligned with the charcoal administration theme. */
.modalHost:has(.paymentDetailModal) {
  padding: 16px;
  background: rgba(11, 12, 15, .84);
  backdrop-filter: blur(8px);
}

#modalHost > .paymentDetailModal {
  width: min(1000px, 100%) !important;
  max-height: min(90vh, 860px);
  padding: 0 !important;
  overflow: auto;
  border: 1px solid rgba(232, 234, 241, .085);
  border-radius: 14px !important;
  color: #e8e9ed;
  background: #1b1c20 !important;
  box-shadow: 0 28px 75px rgba(0, 0, 0, .48);
  scrollbar-color: rgba(185, 101, 220, .42) transparent;
}

#modalHost > .paymentDetailModal .paymentDetailHeader {
  position: sticky;
  z-index: 4;
  top: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 16px;
  align-items: center;
  margin: 0 !important;
  padding: 17px 19px;
  border-bottom: 1px solid rgba(232, 234, 241, .065);
  background: rgba(27, 28, 32, .96) !important;
  backdrop-filter: blur(14px);
}

#modalHost > .paymentDetailModal .paymentDetailHeaderCopy { display: block; min-width: 0; }
#modalHost > .paymentDetailModal .paymentDetailHeader .kicker {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #b775cc;
  background: transparent;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#modalHost > .paymentDetailModal .paymentDetailHeader .kicker::before { display: none; }

.paymentDetailTitleRow {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  margin-top: 5px;
}

#modalHost > .paymentDetailModal .paymentDetailTitleRow h2 {
  margin: 0;
  color: #f0f1f4;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -.035em;
}

.paymentDetailReference {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 7px;
  color: #a7aab3;
  background: #24252a;
}
.paymentDetailReference svg { width: 12px; height: 12px; color: #bd75d5; }
.paymentDetailReference code { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.paymentDetailHeaderCopy > p {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin: 7px 0 0;
  color: #858893;
  font-size: 10px;
}
.paymentDetailHeaderCopy > p strong { color: #dfe0e5; font-size: 11px; }
.paymentDetailHeaderCopy > p span { color: #53555e; }

#modalHost > .paymentDetailModal .paymentDetailClose {
  display: grid;
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  place-items: center;
  border-color: rgba(232, 234, 241, .075);
  border-radius: 9px;
  color: #9699a3;
  background: #24252a;
  box-shadow: none !important;
}
#modalHost > .paymentDetailModal .paymentDetailClose:hover { color: #e3e4e8; background: #292a30; }
#modalHost > .paymentDetailModal .paymentDetailClose:focus-visible {
  outline: 1px solid rgba(201, 120, 232, .38);
  outline-offset: 2px;
  box-shadow: none !important;
}
#modalHost > .paymentDetailModal .paymentDetailClose svg { width: 14px; height: 14px; }

.paymentDetailContent {
  display: grid;
  gap: 12px;
  padding: 15px;
}

.paymentDetailModal .paymentDetailHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #232429;
  box-shadow: none;
}
.paymentDetailModal .paymentDetailHero.success { border-color: rgba(82, 183, 137, .16); }
.paymentDetailModal .paymentDetailHero.warning { border-color: rgba(215, 173, 88, .16); }
.paymentDetailModal .paymentDetailHero.danger { border-color: rgba(217, 120, 140, .18); }

.paymentDetailStatus {
  display: grid;
  min-width: 0;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}
.paymentDetailStatusIcon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 9px;
  color: #a5a8b1;
  background: #292a30;
}
.paymentDetailStatusIcon svg { width: 15px; height: 15px; }
.paymentDetailHero.success .paymentDetailStatusIcon { color: #68be98; border-color: rgba(104, 190, 152, .14); background: rgba(104, 190, 152, .065); }
.paymentDetailHero.warning .paymentDetailStatusIcon { color: #d7ad58; border-color: rgba(215, 173, 88, .14); background: rgba(215, 173, 88, .065); }
.paymentDetailHero.danger .paymentDetailStatusIcon { color: #d9788c; border-color: rgba(217, 120, 140, .14); background: rgba(217, 120, 140, .065); }

.paymentDetailModal .paymentDetailHero small { color: #777a84; font-size: 8px; letter-spacing: .1em; }
.paymentDetailModal .paymentDetailHero strong { margin: 2px 0; color: #eceef1; font-size: 17px; letter-spacing: -.025em; }
.paymentDetailModal .paymentDetailHero p { color: #90939d; font-size: 10px; line-height: 1.45; }
.paymentDetailModal .paymentDetailActions { gap: 7px; }
.paymentDetailModal .paymentDetailActions :is(.btn, .ghostBtn) {
  min-height: 34px;
  padding: 0 11px;
  border-radius: 8px;
  font-size: 9px;
  box-shadow: none;
}
.paymentDetailModal .paymentDetailActions svg { width: 12px; height: 12px; }

.paymentDetailModal .adminDeliveryFailure { margin: 0; border-radius: 11px; }

.paymentDetailModal .paymentDetailGrid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(360px, 1.12fr);
  gap: 12px;
  margin: 0;
}

.paymentDetailModal .paymentDetailSection {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #232429;
  box-shadow: none;
}

.paymentDetailSectionHeader {
  display: flex;
  gap: 9px;
  align-items: center;
}
.paymentDetailSectionHeader > span {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  place-items: center;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 8px;
  color: #b777ce;
  background: #292a30;
}
.paymentDetailSectionHeader > span svg { width: 13px; height: 13px; }
.paymentDetailSectionHeader h3 { margin: 0; color: #e5e6ea; font-size: 12px; }
.paymentDetailSectionHeader p { margin: 2px 0 0; color: #777a84; font-size: 9px; }

.paymentDetailModal .paymentTimeline { gap: 0; margin-top: 9px; }
.paymentDetailModal .paymentTimeline .timelineItem {
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 8px;
  padding: 9px 0;
  border: 0;
  border-top: 1px solid rgba(232, 234, 241, .05);
  border-radius: 0;
  background: transparent;
}
.paymentDetailModal .paymentTimeline .timelineDot {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  box-shadow: none;
}
.paymentDetailModal .paymentTimeline small { color: #737680; font-size: 8px; }
.paymentDetailModal .paymentTimeline strong { margin: 2px 0; color: #dfe0e4; font-size: 10px; }
.paymentDetailModal .paymentTimeline p { color: #8b8e98; font-size: 9px; line-height: 1.4; }

.paymentDetailModal .paymentFactsSection .productSpecs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 10px 0 0;
}
.paymentDetailModal .paymentFactsSection .spec {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(232, 234, 241, .055);
  border-radius: 8px;
  background: #1e1f23;
}
.paymentDetailModal .paymentFactsSection .spec small { color: #737680; font-size: 7px; letter-spacing: .08em; }
.paymentDetailModal .paymentFactsSection .spec strong { margin-top: 3px; color: #d8d9de; font-size: 10px; line-height: 1.3; }

.paymentDetailModal .paymentTechnicalDetails {
  margin-top: 0;
  overflow: hidden;
  border: 1px solid rgba(232, 234, 241, .06);
  border-radius: 10px;
  background: #202126;
}
.paymentDetailModal .paymentTechnicalDetails summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 11px 13px;
  color: #cfd1d7;
  font-size: 9px;
}
.paymentDetailModal .paymentTechnicalDetails summary span { display: inline-flex; gap: 7px; align-items: center; }
.paymentDetailModal .paymentTechnicalDetails summary svg { width: 12px; height: 12px; color: #b777ce; }
.paymentDetailModal .paymentTechnicalDetails summary small { color: #737680; font-weight: 650; }
.paymentDetailModal .paymentTechnicalDetails pre {
  max-height: 220px;
  margin: 0 10px 10px;
  padding: 11px;
  border: 1px solid rgba(232, 234, 241, .045);
  border-radius: 8px;
  color: #9699a3;
  background: #17181c;
  font-size: 9px;
}

@media (max-width: 820px) {
  .modalHost:has(.paymentDetailModal) { padding: 8px; place-items: end center; }
  #modalHost > .paymentDetailModal { max-height: 94vh; border-radius: 14px 14px 0 0 !important; }
  #modalHost > .paymentDetailModal .paymentDetailHeader { padding: 14px; }
  .paymentDetailContent { padding: 11px; }
  .paymentDetailModal .paymentDetailHero { grid-template-columns: 1fr; gap: 12px; }
  .paymentDetailModal .paymentDetailActions { justify-content: flex-start; }
  .paymentDetailModal .paymentDetailGrid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .paymentDetailModal .paymentDetailTitleRow { display: grid; }
  .paymentDetailModal .paymentDetailReference { width: max-content; max-width: 100%; }
  .paymentDetailModal .paymentDetailActions { display: grid; grid-template-columns: 1fr; }
  .paymentDetailModal .paymentDetailActions :is(.btn, .ghostBtn) { width: 100%; }
  .paymentDetailModal .paymentFactsSection .productSpecs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .paymentDetailModal .paymentTechnicalDetails summary small { display: none; }
}

/* Catálogo unificado: produtos + FAQ da Home. */
.dashboardShell-admin .adminTabSurface-catalog { min-width: 0; }
.dashboardShell-admin .adminCatalogWorkspace {
  display: grid;
  min-width: 0;
  gap: 12px;
}
.dashboardShell-admin .adminCatalogIntro {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  min-height: 82px;
  padding: 15px 16px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #232429;
}
.dashboardShell-admin .adminCatalogIntro > div > span {
  color: #a867bf;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.dashboardShell-admin .adminCatalogIntro h3 { margin: 3px 0 3px; color: #ececf0; font-size: 19px; letter-spacing: -.035em; }
.dashboardShell-admin .adminCatalogIntro p { margin: 0; color: #777a84; font-size: 9px; }
.dashboardShell-admin .adminCatalogPrimaryAction,
.dashboardShell-admin .adminFaqComposer .btn {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 13px;
  border-radius: 9px;
  white-space: nowrap;
}
.dashboardShell-admin .adminCatalogPrimaryAction svg,
.dashboardShell-admin .adminFaqComposer .btn svg { width: 13px; height: 13px; }

.dashboardShell-admin .adminCatalogViewSwitch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(232, 234, 241, .06);
  border-radius: 11px;
  background: #202126;
}
.dashboardShell-admin .adminCatalogViewButton {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto 15px;
  gap: 10px;
  align-items: center;
  min-height: 62px;
  padding: 10px 12px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #8d909a;
  background: #232429;
  text-align: left;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.dashboardShell-admin .adminCatalogViewButton::before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 2px;
  border-radius: 0 2px 2px 0;
  background: transparent;
  content: "";
}
.dashboardShell-admin .adminCatalogViewButton:hover { border-color: rgba(201, 120, 232, .12); color: #c8cad0; background: #27282d; }
.dashboardShell-admin .adminCatalogViewButton.active { border-color: rgba(201, 120, 232, .18); color: #d6d7dc; background: linear-gradient(100deg, rgba(185, 101, 220, .09), #27262c 55%, #25262b); }
.dashboardShell-admin .adminCatalogViewButton.active::before { background: #c06bdc; box-shadow: 0 0 11px rgba(185, 101, 220, .36); }
.dashboardShell-admin .adminCatalogViewButton > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 9px;
  color: #9a9da7;
  background: #2b2c32;
}
.dashboardShell-admin .adminCatalogViewButton.active > i { border-color: rgba(201, 120, 232, .18); color: #c77cdf; background: rgba(185, 101, 220, .08); }
.dashboardShell-admin .adminCatalogViewButton > i svg { width: 15px; height: 15px; }
.dashboardShell-admin .adminCatalogViewButton > span { display: grid; gap: 3px; min-width: 0; }
.dashboardShell-admin .adminCatalogViewButton > span strong { color: currentColor; font-size: 10px; }
.dashboardShell-admin .adminCatalogViewButton > span small { overflow: hidden; color: #71747e; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminCatalogViewButton > b { padding: 5px 7px; border: 1px solid rgba(232, 234, 241, .065); border-radius: 999px; color: #979aa4; background: #292a30; font-size: 7px; white-space: nowrap; }
.dashboardShell-admin .adminCatalogViewButton.active > b { border-color: rgba(201, 120, 232, .13); color: #c782df; background: rgba(185, 101, 220, .055); }
.dashboardShell-admin .adminCatalogViewButton > svg { width: 12px; height: 12px; color: #62656f; }

.dashboardShell-admin .adminCatalogMetrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.dashboardShell-admin .adminCatalogMetric {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 74px;
  padding: 11px 12px;
  border: 1px solid rgba(232, 234, 241, .06);
  border-radius: 10px;
  background: #232429;
}
.dashboardShell-admin .adminCatalogMetric > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 9px;
  color: #9a9da7;
  background: #292a30;
}
.dashboardShell-admin .adminCatalogMetric > i svg { width: 14px; height: 14px; }
.dashboardShell-admin .adminCatalogMetric > div { display: grid; grid-template-columns: auto 1fr; align-items: baseline; min-width: 0; }
.dashboardShell-admin .adminCatalogMetric span { color: #858892; font-size: 7px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dashboardShell-admin .adminCatalogMetric strong { grid-column: 1; margin-top: 2px; color: #ececf0; font-size: 17px; line-height: 1; }
.dashboardShell-admin .adminCatalogMetric small { grid-column: 1 / -1; margin-top: 4px; overflow: hidden; color: #676a74; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminCatalogMetric.accent > i { border-color: rgba(201, 120, 232, .16); color: #c57ddd; background: rgba(185, 101, 220, .07); }
.dashboardShell-admin .adminCatalogMetric.success > i { border-color: rgba(95, 210, 154, .15); color: #67c394; background: rgba(54, 167, 111, .065); }

.dashboardShell-admin :is(.adminCatalogProductsSection, .faqAdminPanel) {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #202126;
  box-shadow: none;
}
.dashboardShell-admin .adminCatalogSectionHead {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  min-height: 62px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(232, 234, 241, .055);
  background: #232429;
}
.dashboardShell-admin .adminCatalogSectionHead > div { display: flex; gap: 10px; align-items: center; min-width: 0; }
.dashboardShell-admin .adminCatalogSectionHead > div > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border: 1px solid rgba(201, 120, 232, .14);
  border-radius: 9px;
  color: #bd75d7;
  background: rgba(185, 101, 220, .065);
}
.dashboardShell-admin .adminCatalogSectionHead svg { width: 14px; height: 14px; }
.dashboardShell-admin .adminCatalogSectionHead h3 { margin: 0; color: #e3e4e8; font-size: 12px; letter-spacing: -.015em; }
.dashboardShell-admin .adminCatalogSectionHead p { margin: 2px 0 0; color: #71747e; font-size: 8px; }
.dashboardShell-admin .adminCatalogSectionHead > b {
  padding: 6px 9px;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 999px;
  color: #9a9da7;
  background: #292a30;
  font-size: 8px;
  white-space: nowrap;
}

.dashboardShell-admin .adminCatalogToolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px auto;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(232, 234, 241, .05);
}
.dashboardShell-admin .adminCatalogSearch {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 35px;
  padding: 0 10px;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 8px;
  background: #1b1c20;
}
.dashboardShell-admin .adminCatalogSearch:focus-within { border-color: rgba(201, 120, 232, .34); box-shadow: 0 0 0 2px rgba(185, 101, 220, .06); }
.dashboardShell-admin .adminCatalogSearch svg { width: 13px; height: 13px; flex: 0 0 13px; color: #70737d; }
.dashboardShell-admin .adminCatalogSearch input {
  width: 100%;
  height: 33px;
  padding: 0;
  border: 0 !important;
  color: #d5d6db;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 9px;
}
.dashboardShell-admin .adminCatalogStatusFilter { position: relative; display: block; }
.dashboardShell-admin .adminCatalogStatusFilter > span { position: absolute; z-index: 1; top: 6px; left: 10px; color: #656872; font-size: 6px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; pointer-events: none; }
.dashboardShell-admin .adminCatalogStatusFilter select {
  width: 100%;
  height: 35px;
  padding: 10px 30px 1px 10px;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 8px;
  color: #c6c8ce;
  background-color: #1b1c20;
  font-size: 8px;
}
.dashboardShell-admin .adminCatalogResultCount { justify-self: end; color: #737680; font-size: 8px; white-space: nowrap; }
.dashboardShell-admin .adminCatalogResultCount b { color: #d1d2d7; font-size: 9px; }
.dashboardShell-admin .adminCatalogProductList { display: grid; gap: 7px; padding: 10px; }
.dashboardShell-admin .adminCatalogProductCard {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(232, 234, 241, .06);
  border-radius: 10px;
  background: #232429;
}
.dashboardShell-admin .adminCatalogProductCard[hidden] { display: none; }
.dashboardShell-admin .adminCatalogProductSummary {
  display: grid;
  grid-template-columns: 44px minmax(220px, 1fr) auto auto;
  gap: 11px;
  align-items: center;
  min-height: 72px;
  padding: 11px 12px;
}
.dashboardShell-admin .adminCatalogProductMedia {
  display: grid;
  width: 44px;
  height: 44px;
  overflow: hidden;
  place-items: center;
  border: 1px solid rgba(201, 120, 232, .13);
  border-radius: 10px;
  color: #c17adc;
  background: linear-gradient(145deg, rgba(185,101,220,.1), rgba(185,101,220,.025));
}
.dashboardShell-admin .adminCatalogProductMedia img { width: 100%; height: 100%; object-fit: cover; }
.dashboardShell-admin .adminCatalogProductMedia svg { width: 18px; height: 18px; }
.dashboardShell-admin .adminCatalogProductIdentity { min-width: 0; }
.dashboardShell-admin .adminCatalogProductIdentity > div { display: flex; gap: 6px; align-items: center; min-width: 0; }
.dashboardShell-admin .adminCatalogProductIdentity h4 { max-width: 48%; margin: 0; overflow: hidden; color: #e3e4e8; font-size: 11px; letter-spacing: -.01em; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminCatalogProductIdentity > p { margin: 3px 0 5px; overflow: hidden; color: #757882; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin :is(.adminCatalogStatus, .adminCatalogBadge) {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  padding: 4px 6px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 999px;
  color: #9699a3;
  background: #292a30;
  font-size: 6px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.dashboardShell-admin .adminCatalogStatus i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.dashboardShell-admin .adminCatalogStatus.success { border-color: rgba(95, 210, 154, .13); color: #67c394; background: rgba(54, 167, 111, .055); }
.dashboardShell-admin .adminCatalogStatus.warning { border-color: rgba(229, 178, 86, .14); color: #d3a653; background: rgba(201, 143, 43, .06); }
.dashboardShell-admin .adminCatalogStatus.accent { border-color: rgba(201, 120, 232, .16); color: #ca83e4; background: rgba(185, 101, 220, .06); }
.dashboardShell-admin .adminCatalogStatus.danger { border-color: rgba(226, 103, 126, .15); color: #d77789; background: rgba(188, 70, 92, .06); }
.dashboardShell-admin .adminCatalogStatus.muted { color: #777a84; }
.dashboardShell-admin .adminCatalogBadge { color: #aa7bb9; }
.dashboardShell-admin .adminCatalogTraits { display: flex; gap: 5px; flex-wrap: wrap; }
.dashboardShell-admin .adminCatalogTraits span { display: inline-flex; gap: 4px; align-items: center; color: #7d808a; font-size: 7px; }
.dashboardShell-admin .adminCatalogTraits svg { width: 9px; height: 9px; color: #9b6eaa; }
.dashboardShell-admin .adminCatalogProductStats { display: grid; grid-template-columns: 54px 54px minmax(96px, auto); align-items: center; }
.dashboardShell-admin .adminCatalogProductStats > span { display: grid; gap: 2px; min-width: 0; padding: 0 12px; border-left: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminCatalogProductStats small { color: #686b75; font-size: 6px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.dashboardShell-admin .adminCatalogProductStats strong { overflow: hidden; color: #d6d7dc; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminCatalogProductStats .price strong { color: #d59de8; }
.dashboardShell-admin .adminCatalogProductActions { display: flex; gap: 6px; justify-content: flex-end; }
.dashboardShell-admin .adminCatalogEditButton {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  height: 31px;
  padding: 0 10px;
  border: 1px solid rgba(201, 120, 232, .13);
  border-radius: 8px;
  color: #c17bd9;
  background: rgba(185, 101, 220, .055);
  font-size: 8px;
  font-weight: 750;
  white-space: nowrap;
}
.dashboardShell-admin .adminCatalogEditButton:hover { border-color: rgba(201, 120, 232, .24); color: #d493e9; background: rgba(185, 101, 220, .09); }
.dashboardShell-admin .adminCatalogEditButton svg { width: 11px; height: 11px; }
.dashboardShell-admin .adminCatalogIconButton {
  display: inline-grid;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 8px;
  color: #92959f;
  background: #292a30;
  box-shadow: none;
}
.dashboardShell-admin .adminCatalogIconButton:hover { border-color: rgba(201, 120, 232, .2); color: #cf88e7; background: #2c2930; }
.dashboardShell-admin .adminCatalogIconButton.danger:hover { border-color: rgba(226, 103, 126, .2); color: #dd7a8c; background: rgba(188, 70, 92, .065); }
.dashboardShell-admin .adminCatalogIconButton svg { width: 13px; height: 13px; }

.dashboardShell-admin .adminCatalogProductDetails { border-top: 1px solid rgba(232, 234, 241, .05); }
.dashboardShell-admin .adminCatalogProductDetails > summary {
  display: grid;
  grid-template-columns: 1fr auto 14px;
  gap: 9px;
  align-items: center;
  padding: 9px 12px;
  color: #a6a9b1;
  background: #202126;
  cursor: pointer;
  font-size: 8px;
  list-style: none;
}
.dashboardShell-admin .adminCatalogProductDetails > summary::-webkit-details-marker { display: none; }
.dashboardShell-admin .adminCatalogProductDetails > summary > span { display: inline-flex; gap: 7px; align-items: center; font-weight: 750; }
.dashboardShell-admin .adminCatalogProductDetails > summary > span svg { width: 11px; height: 11px; color: #b875d0; }
.dashboardShell-admin .adminCatalogProductDetails > summary > small { color: #666973; font-size: 7px; }
.dashboardShell-admin .adminCatalogProductDetails > summary > svg { width: 11px; height: 11px; transition: transform .18s ease; }
.dashboardShell-admin .adminCatalogProductDetails[open] > summary > svg { transform: rotate(180deg); }
.dashboardShell-admin .adminCatalogProductDetailsBody { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 9px 10px 10px; border-top: 1px solid rgba(232, 234, 241, .045); }
.dashboardShell-admin .adminCatalogSubsection { min-width: 0; overflow: hidden; border: 1px solid rgba(232, 234, 241, .055); border-radius: 9px; background: #1d1e22; }
.dashboardShell-admin .adminCatalogSubsection > header { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 9px 10px; border-bottom: 1px solid rgba(232, 234, 241, .05); }
.dashboardShell-admin .adminCatalogSubsection > header > div { display: grid; gap: 2px; min-width: 0; }
.dashboardShell-admin .adminCatalogSubsection > header strong { color: #cfd1d7; font-size: 8px; }
.dashboardShell-admin .adminCatalogSubsection > header small { color: #62656e; font-size: 7px; }
.dashboardShell-admin .adminCatalogSmallAction,
.dashboardShell-admin .adminCatalogArchiveAction {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  min-height: 27px;
  padding: 0 8px;
  border: 1px solid rgba(201, 120, 232, .14);
  border-radius: 7px;
  color: #bb7acf;
  background: rgba(185, 101, 220, .055);
  font-size: 7px;
  font-weight: 750;
  white-space: nowrap;
}
.dashboardShell-admin :is(.adminCatalogSmallAction, .adminCatalogArchiveAction) svg { width: 10px; height: 10px; }
.dashboardShell-admin .adminVariantList { display: grid; gap: 5px; padding: 7px; }
.dashboardShell-admin .adminVariantChip {
  display: grid;
  grid-template-columns: 1fr auto 12px;
  gap: 7px;
  align-items: center;
  min-height: 37px;
  padding: 7px 8px !important;
  text-align: left;
}
.dashboardShell-admin .adminVariantChip > span { overflow: hidden; color: #c6c8ce; font-size: 8px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminVariantChip > small { color: #666973; font-size: 6px; white-space: nowrap; }
.dashboardShell-admin .adminVariantChip > svg { width: 10px; height: 10px; color: #777a84; }
.dashboardShell-admin .adminVariantChip.inactive,
.dashboardShell-admin .adminCatalogPlanRow.inactive { opacity: .52; }
.dashboardShell-admin .adminCatalogPlanList { display: grid; padding: 7px; }
.dashboardShell-admin .adminCatalogPlanRow {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) auto 31px 31px;
  gap: 6px;
  align-items: center;
  min-height: 43px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(232, 234, 241, .045);
}
.dashboardShell-admin .adminCatalogPlanRow:last-child { border-bottom: 0; }
.dashboardShell-admin .adminCatalogPlanRow > div { display: grid; gap: 2px; min-width: 0; }
.dashboardShell-admin .adminCatalogPlanRow > div strong { overflow: hidden; color: #c9cbd1; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminCatalogPlanRow > div small { overflow: hidden; color: #656872; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminCatalogPlanRow > b { padding-right: 5px; color: #d39be6; font-size: 8px; white-space: nowrap; }
.dashboardShell-admin .adminCatalogPlanRow .adminCatalogIconButton { width: 28px; height: 28px; flex-basis: 28px; }
.dashboardShell-admin .adminCatalogEmptyInline { padding: 13px 10px; color: #676a74; font-size: 8px; }
.dashboardShell-admin .adminCatalogProductDetails > footer { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 8px 10px; border-top: 1px solid rgba(232, 234, 241, .045); background: #1b1c20; }
.dashboardShell-admin .adminCatalogProductDetails > footer > span { color: #5f626b; font-size: 7px; }
.dashboardShell-admin .adminCatalogArchiveAction { border-color: rgba(226, 103, 126, .12); color: #bf6e7d; background: rgba(188, 70, 92, .035); }
.dashboardShell-admin .adminCatalogNoResults { padding: 0 10px 10px; }

.dashboardShell-admin .faqAdminPanel { padding: 0; }
.dashboardShell-admin .faqAdminHeader { margin: 0; }
.dashboardShell-admin .adminFaqComposer { margin: 10px; overflow: hidden; border: 1px solid rgba(232, 234, 241, .055); border-radius: 9px; background: #232429; }
.dashboardShell-admin .adminFaqComposerTitle { display: flex; gap: 9px; align-items: center; padding: 9px 11px; border-bottom: 1px solid rgba(232, 234, 241, .05); }
.dashboardShell-admin .adminFaqComposerTitle > span { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border: 1px solid rgba(201, 120, 232, .13); border-radius: 8px; color: #bc76d6; background: rgba(185, 101, 220, .05); }
.dashboardShell-admin .adminFaqComposerTitle svg { width: 12px; height: 12px; }
.dashboardShell-admin .adminFaqComposerTitle > div { display: grid; gap: 2px; }
.dashboardShell-admin .adminFaqComposerTitle strong { color: #d5d6db; font-size: 9px; }
.dashboardShell-admin .adminFaqComposerTitle small { color: #686b75; font-size: 7px; }
.dashboardShell-admin .adminFaqComposerFields { display: grid; grid-template-columns: minmax(230px, 1fr) 84px; gap: 8px; padding: 10px 11px 8px; }
.dashboardShell-admin .adminFaqComposerFields > label { display: grid; min-width: 0; gap: 5px; color: #6e717b; font-size: 6px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.dashboardShell-admin .adminFaqComposerFields :is(input, textarea) { width: 100%; min-width: 0; border: 1px solid rgba(232, 234, 241, .07); border-radius: 8px; color: #d1d2d7; background: #1b1c20; box-shadow: none; font-size: 8px; }
.dashboardShell-admin .adminFaqComposerFields input { height: 34px; padding: 0 9px; }
.dashboardShell-admin .adminFaqComposerFields textarea { min-height: 52px; padding: 8px 9px; resize: vertical; }
.dashboardShell-admin .adminFaqComposerFields :is(input, textarea):focus { border-color: rgba(201, 120, 232, .25); box-shadow: 0 0 0 2px rgba(185, 101, 220, .045); }
.dashboardShell-admin .adminFaqComposerAnswer { grid-column: 1 / -1; }
.dashboardShell-admin .adminFaqComposerOrder > div,
.dashboardShell-admin .adminFaqOrder > div { position: relative; min-width: 0; }
.dashboardShell-admin .adminFaqComposerOrder i,
.dashboardShell-admin .adminFaqOrder i { position: absolute; z-index: 1; top: 50%; left: 8px; color: #696c76; font-size: 7px; font-style: normal; transform: translateY(-50%); pointer-events: none; }
.dashboardShell-admin .adminFaqComposerOrder input,
.dashboardShell-admin .adminFaqOrder input { padding-left: 18px !important; text-align: left !important; }
.dashboardShell-admin .adminFaqComposerFooter { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 8px 11px 10px; border-top: 1px solid rgba(232, 234, 241, .045); background: #202126; }
.dashboardShell-admin .adminFaqComposerFooter .btn { min-height: 34px; padding: 0 12px; box-shadow: 0 7px 18px rgba(185, 101, 220, .12); }
.dashboardShell-admin .adminFaqListHead { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 10px 12px; border-top: 1px solid rgba(232, 234, 241, .05); border-bottom: 1px solid rgba(232, 234, 241, .05); }
.dashboardShell-admin .adminFaqListHead > div { display: grid; gap: 2px; }
.dashboardShell-admin .adminFaqListHead strong { color: #cfd1d7; font-size: 9px; }
.dashboardShell-admin .adminFaqListHead small,
.dashboardShell-admin .adminFaqListHead > span { color: #686b75; font-size: 7px; }
.dashboardShell-admin .adminFaqRows { display: grid; gap: 7px; padding: 10px; }
.dashboardShell-admin .adminFaqRow {
  display: grid;
  grid-template-columns: 62px minmax(170px, .9fr) minmax(260px, 1.35fr) 116px 70px;
  gap: 8px;
  align-items: center;
  min-height: 68px;
  padding: 8px 9px;
  border: 1px solid rgba(232, 234, 241, .055);
  border-radius: 9px;
  background: #232429;
  transition: border-color .18s ease, background .18s ease, opacity .18s ease;
}
.dashboardShell-admin .adminFaqRow:focus-within { border-color: rgba(201, 120, 232, .12); background: #25262b; }
.dashboardShell-admin .adminFaqRow.inactive { opacity: .68; }
.dashboardShell-admin :is(.adminFaqOrder, .adminFaqQuestion, .adminFaqAnswer) { display: grid; gap: 4px; min-width: 0; }
.dashboardShell-admin :is(.adminFaqOrder, .adminFaqQuestion, .adminFaqAnswer) > span { color: #686b75; font-size: 6px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.dashboardShell-admin .adminFaqRow :is(input, textarea) { width: 100%; min-width: 0; border: 1px solid rgba(232, 234, 241, .065); border-radius: 7px; color: #cfd1d7; background: #1b1c20; box-shadow: none; font-size: 8px; }
.dashboardShell-admin .adminFaqRow input { height: 32px; padding: 0 8px; }
.dashboardShell-admin .adminFaqRow textarea { min-height: 44px; padding: 7px 8px; resize: vertical; }
.dashboardShell-admin .adminFaqRow :is(input, textarea):focus { border-color: rgba(201, 120, 232, .22); box-shadow: 0 0 0 2px rgba(185, 101, 220, .035); }
.dashboardShell-admin .adminFaqToggle {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.dashboardShell-admin .adminFaqToggle > input { position: absolute; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; opacity: 0; pointer-events: none; }
.dashboardShell-admin .adminFaqToggleUi { position: relative; width: 28px; height: 16px; border: 1px solid rgba(232, 234, 241, .1); border-radius: 999px; background: #303137; transition: border-color .18s ease, background .18s ease; }
.dashboardShell-admin .adminFaqToggleUi i { position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #747781; transition: transform .18s ease, background .18s ease; }
.dashboardShell-admin .adminFaqToggle > input:checked + .adminFaqToggleUi { border-color: rgba(95, 210, 154, .22); background: rgba(54, 167, 111, .13); }
.dashboardShell-admin .adminFaqToggle > input:checked + .adminFaqToggleUi i { transform: translateX(12px); background: #67c394; }
.dashboardShell-admin .adminFaqToggle > input:focus-visible + .adminFaqToggleUi { outline: 2px solid rgba(201, 120, 232, .3); outline-offset: 2px; }
.dashboardShell-admin .adminFaqToggleCopy { display: grid; min-width: 0; gap: 1px; }
.dashboardShell-admin .adminFaqToggleCopy strong { overflow: hidden; color: #afb1b9; font-size: 7px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminFaqToggleCopy small { overflow: hidden; color: #666973; font-size: 6px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminFaqVisibility { width: 116px; }
.dashboardShell-admin .adminFaqActions { display: flex; gap: 6px; justify-content: flex-end; }
.dashboardShell-admin .adminFaqActions .adminCatalogIconButton { width: 29px; height: 29px; flex-basis: 29px; }
.dashboardShell-admin .adminFaqActions [data-action="save-faq"] { border-color: rgba(201, 120, 232, .12); color: #bd7ad3; background: rgba(185, 101, 220, .045); }
.dashboardShell-admin .adminFaqActions [data-action="save-faq"]:hover { border-color: rgba(201, 120, 232, .24); color: #db9bee; background: rgba(185, 101, 220, .09); }
.dashboardShell-admin .adminFaqActions [data-action="delete-faq"] { color: #a66b77; }

/* Formulários do catálogo seguem o novo fundo cinza da administração. */
#modalHost > .adminCatalogModal {
  width: min(860px, 100%) !important;
  max-height: 90vh;
  padding: 0 !important;
  overflow: auto;
  border: 1px solid rgba(232, 234, 241, .09) !important;
  border-radius: 14px !important;
  color: #cfd1d7 !important;
  background: #1b1c20 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48) !important;
}
#modalHost > .adminCatalogModal > .modalHeader {
  position: sticky;
  z-index: 4;
  top: 0;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin: 0 !important;
  padding: 15px 17px !important;
  border-bottom: 1px solid rgba(232, 234, 241, .065) !important;
  background: rgba(31, 32, 36, .97) !important;
  backdrop-filter: blur(16px);
}
#modalHost > .adminCatalogModal > .modalHeader .kicker { color: #a867bf !important; font-size: 7px !important; letter-spacing: .1em; }
#modalHost > .adminCatalogModal > .modalHeader h2 { margin: 3px 0 2px; color: #ececf0 !important; font-size: 18px; letter-spacing: -.03em; }
#modalHost > .adminCatalogModal > .modalHeader p { margin: 0; color: #747781 !important; font-size: 8px; }
#modalHost > .adminCatalogModal .adminCatalogModalClose {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(232, 234, 241, .075);
  border-radius: 8px;
  color: #92959f;
  background: #292a30;
}
#modalHost > .adminCatalogModal .adminCatalogModalClose:hover { color: #e1e2e6; background: #2d2e34; }
#modalHost > .adminCatalogModal .adminCatalogModalClose svg { width: 13px; height: 13px; }
#modalHost > .adminCatalogModal > .formGrid { gap: 10px; padding: 13px 15px; border: 0; background: transparent; }
#modalHost > .adminCatalogModal .formGrid label { color: #8b8e98; font-size: 8px; }
#modalHost > .adminCatalogModal :is(input, textarea, select) { border: 1px solid rgba(232, 234, 241, .075) !important; border-radius: 8px !important; color: #d3d4d9 !important; background-color: #232429 !important; box-shadow: none !important; }
#modalHost > .adminCatalogModal :is(input, textarea, select):focus { border-color: rgba(201, 120, 232, .32) !important; box-shadow: 0 0 0 2px rgba(185, 101, 220, .055) !important; }
#modalHost > .adminCatalogModal .fieldHint { color: #696c76; }
#modalHost > .adminCatalogModal > .actions { margin: 0; padding: 0 15px 15px; }
#modalHost > .adminCatalogModal .softwareVariantIntro { margin: 13px 15px 0; border-color: rgba(201, 120, 232, .1); border-radius: 9px; color: #b777ce; background: rgba(185, 101, 220, .045); box-shadow: none; }
#modalHost > .adminCatalogModal .softwareVariantIntro strong { color: #cfd1d7; }
#modalHost > .adminCatalogModal .softwareVariantIntro p { color: #747781; }

@media (max-width: 1080px) {
  .dashboardShell-admin .adminCatalogMetrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dashboardShell-admin .adminCatalogProductSummary { grid-template-columns: 44px minmax(190px, 1fr) auto auto; }
  .dashboardShell-admin .adminCatalogProductStats { grid-template-columns: 48px 48px; }
  .dashboardShell-admin .adminCatalogProductStats .price { grid-column: 1 / -1; margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(232, 234, 241, .045); }
  .dashboardShell-admin .adminFaqRow { grid-template-columns: 56px minmax(145px, .85fr) minmax(200px, 1.2fr) 108px 70px; }
}

@media (max-width: 820px) {
  .dashboardShell-admin .adminCatalogIntro { align-items: flex-start; }
  .dashboardShell-admin .adminCatalogMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboardShell-admin .adminCatalogToolbar { grid-template-columns: 1fr 160px; }
  .dashboardShell-admin .adminCatalogResultCount { grid-column: 1 / -1; justify-self: start; }
  .dashboardShell-admin .adminCatalogProductSummary { grid-template-columns: 44px minmax(0, 1fr) 70px; }
  .dashboardShell-admin .adminCatalogProductStats { display: none; }
  .dashboardShell-admin .adminCatalogProductDetailsBody { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminFaqRow { grid-template-columns: 54px minmax(0, 1fr) 108px 70px; }
  .dashboardShell-admin .adminFaqAnswer { grid-column: 1 / -1; grid-row: 2; }
  .modalHost:has(.adminCatalogModal) { padding: 8px; place-items: end center; }
  #modalHost > .adminCatalogModal { max-height: 94vh; border-radius: 14px 14px 0 0 !important; }
}

@media (max-width: 560px) {
  .dashboardShell-admin .adminCatalogIntro { display: grid; }
  .dashboardShell-admin .adminCatalogPrimaryAction { width: 100%; }
  .dashboardShell-admin .adminCatalogViewSwitch { grid-template-columns: 1fr 1fr; gap: 6px; padding: 6px; }
  .dashboardShell-admin .adminCatalogViewButton { grid-template-columns: 30px minmax(0, 1fr); gap: 7px; min-height: 52px; padding: 8px; }
  .dashboardShell-admin .adminCatalogViewButton > i { width: 30px; height: 30px; }
  .dashboardShell-admin .adminCatalogViewButton > span small,
  .dashboardShell-admin .adminCatalogViewButton > b,
  .dashboardShell-admin .adminCatalogViewButton > svg { display: none; }
  .dashboardShell-admin .adminCatalogMetrics { grid-template-columns: 1fr 1fr; }
  .dashboardShell-admin .adminCatalogMetric:last-child { grid-column: 1 / -1; }
  .dashboardShell-admin .adminCatalogToolbar { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminCatalogResultCount { grid-column: auto; }
  .dashboardShell-admin .adminCatalogProductSummary { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 8px; padding: 9px; }
  .dashboardShell-admin .adminCatalogProductMedia { width: 40px; height: 40px; }
  .dashboardShell-admin .adminCatalogProductIdentity h4 { max-width: 100%; }
  .dashboardShell-admin .adminCatalogProductIdentity > div { align-items: flex-start; flex-wrap: wrap; }
  .dashboardShell-admin .adminCatalogBadge { display: none; }
  .dashboardShell-admin .adminCatalogProductActions { display: grid; }
  .dashboardShell-admin .adminCatalogEditButton { width: 31px; padding: 0; }
  .dashboardShell-admin .adminCatalogEditButton span { display: none; }
  .dashboardShell-admin .adminCatalogProductDetails > footer { align-items: flex-start; flex-direction: column; }
  .dashboardShell-admin .adminCatalogArchiveAction { width: 100%; justify-content: center; }
  .dashboardShell-admin .adminFaqComposerFields { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminFaqComposerAnswer { grid-column: 1; }
  .dashboardShell-admin .adminFaqComposerFooter { align-items: stretch; flex-direction: column; }
  .dashboardShell-admin .adminFaqComposerFooter .btn { width: 100%; }
  .dashboardShell-admin .adminFaqRow { grid-template-columns: 50px minmax(0, 1fr) 70px; }
  .dashboardShell-admin .adminFaqOrder { grid-column: 1; grid-row: 1; }
  .dashboardShell-admin .adminFaqQuestion { grid-column: 2 / 4; grid-row: 1; }
  .dashboardShell-admin .adminFaqAnswer { grid-column: 1 / 4; grid-row: 2; }
  .dashboardShell-admin .adminFaqVisibility { grid-column: 1 / 3; grid-row: 3; }
  .dashboardShell-admin .adminFaqActions { grid-column: 3; grid-row: 3; }
  .dashboardShell-admin .adminCatalogSectionHead p,
  .dashboardShell-admin .adminFaqListHead small { display: none; }
  #modalHost > .adminCatalogModal > .formGrid { grid-template-columns: 1fr; }
  #modalHost > .adminCatalogModal > .formGrid .full { grid-column: 1; }
}

/* Editor de produto organizado, com prévia da Home. */
#modalHost > .adminProductModal {
  width: min(1160px, 100%) !important;
  height: min(92vh, 900px);
  max-height: 92vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}
#modalHost > .adminProductModal > .modalHeader { position: relative; }
#modalHost > .adminProductModal .adminProductEditor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 12px;
  min-height: 0;
  padding: 12px;
  overflow: auto;
  overscroll-behavior: contain;
  background: #1b1c20;
}
#modalHost > .adminProductModal .adminProductEditorMain { display: grid; min-width: 0; gap: 9px; align-content: start; }
#modalHost > .adminProductModal .adminProductFormSection {
  scroll-margin-top: 56px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 10px;
  background: #202126;
}
#modalHost > .adminProductModal .adminProductFormSection > summary {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) 14px;
  gap: 9px;
  align-items: center;
  min-height: 52px;
  padding: 9px 11px;
  color: #aeb0b8;
  background: #232429;
  cursor: pointer;
  list-style: none;
}
#modalHost > .adminProductModal .adminProductFormSection > summary::-webkit-details-marker { display: none; }
#modalHost > .adminProductModal .adminProductFormSection > summary > span {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 1px solid rgba(201, 120, 232, .13);
  border-radius: 8px;
  color: #be78d6;
  background: rgba(185, 101, 220, .055);
}
#modalHost > .adminProductModal .adminProductFormSection > summary > span svg { width: 13px; height: 13px; }
#modalHost > .adminProductModal .adminProductFormSection > summary > div { display: grid; gap: 2px; min-width: 0; }
#modalHost > .adminProductModal .adminProductFormSection > summary strong { color: #d8d9de; font-size: 9px; }
#modalHost > .adminProductModal .adminProductFormSection > summary small { overflow: hidden; color: #6f727c; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
#modalHost > .adminProductModal .adminProductFormSection > summary > svg { width: 11px; height: 11px; color: #777a84; transition: transform .18s ease; }
#modalHost > .adminProductModal .adminProductFormSection[open] > summary > svg { transform: rotate(180deg); }
#modalHost > .adminProductModal .adminProductFormSectionBody { padding: 11px; border-top: 1px solid rgba(232, 234, 241, .05); }
#modalHost > .adminProductModal .adminProductFields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 0;
  border: 0;
  background: transparent;
}
#modalHost > .adminProductModal .adminProductFields .full { grid-column: 1 / -1; }
#modalHost > .adminProductModal .adminProductFields label { min-width: 0; gap: 5px; color: #858892; font-size: 7px; font-weight: 800; letter-spacing: .035em; }
#modalHost > .adminProductModal .adminProductFields :is(input, select, textarea) { width: 100%; min-width: 0; min-height: 38px; padding: 9px 10px; border-radius: 8px !important; font-size: 9px; }
#modalHost > .adminProductModal .adminProductFields textarea { min-height: 68px; resize: vertical; }
#modalHost > .adminProductModal .adminProductFields .fieldHint { margin-top: 0; color: #62656e; font-size: 6px; font-weight: 600; }
#modalHost > .adminProductModal .imageUploadControl { gap: 6px; margin-top: 1px; }
#modalHost > .adminProductModal .imageUploadControl :is(.imagePickerBtn, .ghostBtn) { min-height: 31px; border-color: rgba(232, 234, 241, .07); border-radius: 7px; color: #989ba5; background: #292a30; font-size: 7px; }

/* Dropdowns do editor: campo e menu no mesmo carvão neutro do modal. */
#modalHost > .adminProductModal .adminProductFormSection:has(.smartDropdown.open) { position: relative; z-index: 30; overflow: visible; }
#modalHost > .adminProductModal .adminProductFormSection:has(.smartDropdown.open) .adminProductFormSectionBody { position: relative; z-index: 31; }
#modalHost > .adminProductModal label:has(.smartDropdown.open) { position: relative; z-index: 32; }
#modalHost > .adminProductModal:has(.smartDropdown.open) { overflow: hidden !important; }
#modalHost > .adminProductModal .smartDropdown { min-height: 38px; }
#modalHost > .adminProductModal .smartDropdownTrigger {
  min-height: 38px;
  padding: 7px 38px 7px 10px !important;
  border: 1px solid rgba(232, 234, 241, .075);
  border-radius: 8px;
  color: #d3d4d9;
  background: #232429;
  box-shadow: none;
  font-size: 9px;
  font-weight: 700;
}
#modalHost > .adminProductModal .smartDropdownTrigger:hover,
#modalHost > .adminProductModal .smartDropdown.open .smartDropdownTrigger {
  border-color: rgba(201, 120, 232, .22);
  color: #e4e5e9;
  background: #27282e;
  box-shadow: 0 0 0 2px rgba(185, 101, 220, .04);
}
#modalHost > .adminProductModal .smartDropdownTrigger:focus-visible { outline: none; border-color: rgba(201, 120, 232, .34); box-shadow: 0 0 0 2px rgba(185, 101, 220, .06); }
#modalHost > .adminProductModal .smartDropdownValue { color: inherit; font-size: 9px; font-weight: 700; }
#modalHost > .adminProductModal .smartDropdownChevron {
  right: 6px !important;
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 7px;
  color: #858892;
  background: #2b2c32;
}
#modalHost > .adminProductModal .smartDropdownChevron::before { width: 6px; height: 6px; border-width: 1.5px; }
#modalHost > .adminProductModal .smartDropdown.open .smartDropdownChevron { color: #c781df; background: rgba(185, 101, 220, .075); }
#modalHost > .adminProductModal .smartDropdownMenu {
  top: calc(100% + 5px);
  gap: 2px;
  max-height: min(235px, 38vh);
  padding: 5px;
  border: 1px solid rgba(232, 234, 241, .09);
  border-radius: 9px;
  background: #292a30;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .02);
  backdrop-filter: none;
  animation: none;
}
#modalHost > .adminProductModal .smartDropdownOption {
  min-height: 32px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #9699a3;
  background: transparent;
  font-size: 8px;
  font-weight: 700;
  transform: none !important;
}
#modalHost > .adminProductModal .smartDropdownOption:hover,
#modalHost > .adminProductModal .smartDropdownOption:focus-visible {
  border-color: rgba(232, 234, 241, .055);
  color: #dadbe0;
  background: #303137;
  outline: none;
}
#modalHost > .adminProductModal .smartDropdownOption.selected {
  border-color: rgba(201, 120, 232, .11);
  color: #d29ae5;
  background: rgba(185, 101, 220, .065);
  box-shadow: inset 2px 0 0 #b968d5;
}
#modalHost > .adminProductModal .smartDropdownOption.selected::after { color: #bf78d8; font-size: 9px; content: "✓"; }

#modalHost > .adminProductModal .adminProductToggleGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
#modalHost > .adminProductModal .adminProductTechnicalToggles { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(232, 234, 241, .05); }
#modalHost > .adminProductModal .adminProductToggle {
  position: relative;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px !important;
  align-items: center;
  min-height: 54px !important;
  margin: 0;
  padding: 8px !important;
  border: 1px solid rgba(232, 234, 241, .06) !important;
  border-radius: 9px !important;
  color: #9a9da7 !important;
  background: #1c1d21 !important;
  cursor: pointer;
}
#modalHost > .adminProductModal .adminProductToggle:hover { border-color: rgba(201, 120, 232, .14) !important; background: #1e1f23 !important; }
#modalHost > .adminProductModal .adminProductToggle > input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
#modalHost > .adminProductModal .adminProductToggleUi {
  position: relative;
  width: 30px;
  height: 17px;
  border: 1px solid rgba(232, 234, 241, .1);
  border-radius: 999px;
  background: #292a30;
  transition: background .18s ease, border-color .18s ease;
}
#modalHost > .adminProductModal .adminProductToggleUi i { position: absolute; top: 3px; left: 3px; width: 9px; height: 9px; border-radius: 50%; background: #747781; transition: transform .18s ease, background .18s ease; }
#modalHost > .adminProductModal .adminProductToggle > input:checked + .adminProductToggleUi { border-color: rgba(201, 120, 232, .32); background: rgba(185, 101, 220, .18); }
#modalHost > .adminProductModal .adminProductToggle > input:checked + .adminProductToggleUi i { transform: translateX(13px); background: #d28be8; }
#modalHost > .adminProductModal .adminProductToggle > input:focus-visible + .adminProductToggleUi { outline: 2px solid rgba(201, 120, 232, .35); outline-offset: 2px; }
#modalHost > .adminProductModal .adminProductToggle > span:last-child { display: grid; gap: 2px; min-width: 0; }
#modalHost > .adminProductModal .adminProductToggle strong { color: #c8cad0; font-size: 8px; line-height: 1.2; }
#modalHost > .adminProductModal .adminProductToggle small { color: #656872; font-size: 6px; font-weight: 550; line-height: 1.35; }

#modalHost > .adminProductModal .adminProductPreviewRail {
  position: sticky;
  top: 0;
  display: grid;
  align-self: start;
  height: max-content;
  min-width: 0;
  gap: 9px;
  align-content: start;
  padding: 10px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 10px;
  background: #202126;
}
#modalHost > .adminProductModal .adminProductPreviewRail > header { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 0 1px; }
#modalHost > .adminProductModal .adminProductPreviewRail > header > div { display: grid; gap: 2px; }
#modalHost > .adminProductModal .adminProductPreviewRail > header span { color: #8e619d; font-size: 6px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
#modalHost > .adminProductModal .adminProductPreviewRail > header strong { color: #d6d7dc; font-size: 9px; }
#modalHost > .adminProductModal .adminProductPreviewRail > header > small { display: inline-flex; gap: 4px; align-items: center; color: #67a983; font-size: 6px; white-space: nowrap; }
#modalHost > .adminProductModal .adminProductPreviewRail > header > small svg { width: 9px; height: 9px; }
#modalHost > .adminProductModal .adminProductPreviewStage { overflow: hidden; padding: 6px; border: 1px solid rgba(232, 234, 241, .06); border-radius: 10px; background: #191a1e; }
#modalHost > .adminProductModal .adminProductPreviewStageBar { display: grid; grid-template-columns: auto 1fr auto; gap: 7px; align-items: center; padding: 1px 2px 7px; }
#modalHost > .adminProductModal .adminProductPreviewStageBar > span { display: flex; gap: 3px; }
#modalHost > .adminProductModal .adminProductPreviewStageBar > span i { width: 4px; height: 4px; border-radius: 50%; background: #4e5059; }
#modalHost > .adminProductModal .adminProductPreviewStageBar > span i:first-child { background: #a963bd; }
#modalHost > .adminProductModal .adminProductPreviewStageBar b { overflow: hidden; color: #676a74; font-size: 6px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
#modalHost > .adminProductModal .adminProductPreviewStageBar small { padding: 3px 5px; border-radius: 999px; color: #878a94; background: #25262b; font-size: 5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
#modalHost > .adminProductModal .adminProductLiveCard { overflow: hidden; border: 1px solid rgba(232, 234, 241, .075); border-radius: 8px; background: #24252a; box-shadow: 0 12px 28px rgba(0, 0, 0, .18); }
#modalHost > .adminProductModal .adminProductLiveMedia { position: relative; display: grid; aspect-ratio: 16 / 8.5; overflow: hidden; place-items: center; color: #c37ddd; background: radial-gradient(circle at 70% 20%, rgba(185, 101, 220, .16), transparent 46%), #1c1d21; }
#modalHost > .adminProductModal .adminProductLiveMedia [hidden] { display: none !important; }
#modalHost > .adminProductModal .adminProductLiveMedia::after { position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(transparent, rgba(20, 20, 24, .92)); content: ""; }
#modalHost > .adminProductModal .adminProductLiveMedia img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#modalHost > .adminProductModal .adminProductLiveMedia > span { z-index: 1; display: grid; width: min(180px, 78%); height: auto; gap: 4px; padding: 12px; place-items: center; border: 1px dashed rgba(201, 120, 232, .2); border-radius: 11px; background: rgba(24, 22, 28, .68); text-align: center; }
#modalHost > .adminProductModal .adminProductLiveMedia > span svg { width: 19px; height: 19px; }
#modalHost > .adminProductModal .adminProductLiveMedia > span strong { color: #b4b6bd; font-size: 7px; }
#modalHost > .adminProductModal .adminProductLiveMedia > span small { color: #686b75; font-size: 6px; }
#modalHost > .adminProductModal .adminProductLiveMedia > b { position: absolute; z-index: 1; top: 9px; left: 9px; padding: 5px 7px; border: 1px solid rgba(201, 120, 232, .2); border-radius: 999px; color: #d69aea; background: rgba(31, 20, 35, .84); backdrop-filter: blur(8px); font-size: 6px; letter-spacing: .06em; text-transform: uppercase; }
#modalHost > .adminProductModal .adminProductLiveBody { padding: 10px; }
#modalHost > .adminProductModal .adminProductLiveStatusRow { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
#modalHost > .adminProductModal .adminProductLiveStatusRow .adminCatalogStatus { display: inline-flex; gap: 4px; align-items: center; padding: 4px 6px; border: 1px solid rgba(232, 234, 241, .07); border-radius: 999px; color: #9a9da7; background: #292a30; font-size: 6px; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; }
#modalHost > .adminProductModal .adminProductLiveStatusRow .adminCatalogStatus i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
#modalHost > .adminProductModal .adminProductLiveStatusRow .adminCatalogStatus.success { border-color: rgba(95, 210, 154, .13); color: #67c394; background: rgba(54, 167, 111, .055); }
#modalHost > .adminProductModal .adminProductLiveStatusRow .adminCatalogStatus.warning { border-color: rgba(229, 178, 86, .14); color: #d3a653; background: rgba(201, 143, 43, .06); }
#modalHost > .adminProductModal .adminProductLiveStatusRow .adminCatalogStatus.accent { border-color: rgba(201, 120, 232, .16); color: #ca83e4; background: rgba(185, 101, 220, .06); }
#modalHost > .adminProductModal .adminProductLiveStatusRow .adminCatalogStatus.danger { border-color: rgba(226, 103, 126, .15); color: #d77789; background: rgba(188, 70, 92, .06); }
#modalHost > .adminProductModal .adminProductLiveStatusRow .adminCatalogStatus.muted { color: #777a84; }
#modalHost > .adminProductModal .adminProductLiveStatusRow > small { max-width: 44%; overflow: hidden; color: #676a74; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
#modalHost > .adminProductModal .adminProductLiveBody h3 { margin: 8px 0 0; overflow: hidden; color: #e2e3e7; font-size: 15px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
#modalHost > .adminProductModal .adminProductLiveCategory { margin: 2px 0 0; color: #a66bb8; font-size: 7px; font-weight: 750; }
#modalHost > .adminProductModal .adminProductLiveDescription { min-height: 31px; margin: 7px 0; overflow: hidden; color: #858892; font-size: 7px; line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
#modalHost > .adminProductModal .adminProductLiveTraits { display: flex; min-height: 17px; gap: 5px; flex-wrap: wrap; }
#modalHost > .adminProductModal .adminProductLiveTraits span { display: inline-flex; gap: 4px; align-items: center; padding: 4px 6px; border: 1px solid rgba(232, 234, 241, .06); border-radius: 999px; color: #858892; background: #1e1f23; font-size: 6px; }
#modalHost > .adminProductModal .adminProductLiveTraits svg { width: 8px; height: 8px; color: #aa71bc; }
#modalHost > .adminProductModal .adminProductLiveBody footer { display: flex; justify-content: space-between; gap: 8px; align-items: end; margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(232, 234, 241, .055); }
#modalHost > .adminProductModal .adminProductLiveBody footer > span { display: grid; gap: 1px; }
#modalHost > .adminProductModal .adminProductLiveBody footer small { color: #62656e; font-size: 6px; }
#modalHost > .adminProductModal .adminProductLiveBody footer strong { color: #d59de8; font-size: 9px; }
#modalHost > .adminProductModal .adminProductLiveBody footer button { display: inline-flex; gap: 5px; align-items: center; min-height: 28px; padding: 0 8px; border: 1px solid rgba(201, 120, 232, .14); border-radius: 7px; color: #c27bd8; background: rgba(185, 101, 220, .06); font-size: 7px; pointer-events: none; }
#modalHost > .adminProductModal .adminProductLiveBody footer button svg { width: 9px; height: 9px; }
#modalHost > .adminProductModal .adminProductPreviewReadiness { display: grid; gap: 8px; padding: 9px; border: 1px solid rgba(232, 234, 241, .055); border-radius: 9px; background: #1d1e22; }
#modalHost > .adminProductModal .adminProductPreviewReadiness > header { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
#modalHost > .adminProductModal .adminProductPreviewReadiness > header > div { display: grid; gap: 2px; }
#modalHost > .adminProductModal .adminProductPreviewReadiness > header span { color: #666a74; font-size: 5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
#modalHost > .adminProductModal .adminProductPreviewReadiness > header strong { color: #d0d1d6; font-size: 8px; }
#modalHost > .adminProductModal .adminProductPreviewReadiness > header > b { padding: 4px 6px; border: 1px solid rgba(201, 120, 232, .12); border-radius: 999px; color: #c27cda; background: rgba(185, 101, 220, .05); font-size: 6px; white-space: nowrap; }
#modalHost > .adminProductModal .adminProductPreviewProgress { height: 4px; overflow: hidden; border-radius: 999px; background: #292a30; }
#modalHost > .adminProductModal .adminProductPreviewProgress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #9d58b5, #d27aea); box-shadow: 0 0 10px rgba(185, 101, 220, .24); transition: width .2s ease; }
#modalHost > .adminProductModal .adminProductPreviewChecklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 7px; }
#modalHost > .adminProductModal .adminProductPreviewChecklist > span { display: flex; gap: 5px; align-items: center; min-width: 0; color: #666973; font-size: 6px; }
#modalHost > .adminProductModal .adminProductPreviewChecklist > span i { display: grid; width: 13px; height: 13px; flex: 0 0 13px; place-items: center; border: 1px solid rgba(232, 234, 241, .07); border-radius: 50%; color: transparent; background: #27282d; }
#modalHost > .adminProductModal .adminProductPreviewChecklist > span i svg { width: 7px; height: 7px; }
#modalHost > .adminProductModal .adminProductPreviewChecklist > span.done { color: #999ca5; }
#modalHost > .adminProductModal .adminProductPreviewChecklist > span.done i { border-color: rgba(91, 198, 145, .18); color: #64be91; background: rgba(55, 158, 108, .07); }
#modalHost > .adminProductModal .adminProductPreviewSummary { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
#modalHost > .adminProductModal .adminProductPreviewSummary > div:last-child { grid-column: 1 / -1; }
#modalHost > .adminProductModal .adminProductPreviewSummary > div { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 6px; align-items: center; min-width: 0; padding: 7px; border: 1px solid rgba(232, 234, 241, .055); border-radius: 8px; background: #1d1e22; }
#modalHost > .adminProductModal .adminProductPreviewSummary > div > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; color: #ac72be; background: rgba(185, 101, 220, .055); }
#modalHost > .adminProductModal .adminProductPreviewSummary svg { width: 10px; height: 10px; }
#modalHost > .adminProductModal .adminProductPreviewSummary p { display: grid; min-width: 0; gap: 2px; margin: 0; }
#modalHost > .adminProductModal .adminProductPreviewSummary small { color: #62656e; font-size: 5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
#modalHost > .adminProductModal .adminProductPreviewSummary strong { overflow: hidden; color: #aeb0b8; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
#modalHost > .adminProductModal .adminProductPreviewSummary b { color: #ca85e1; }
#modalHost > .adminProductModal .adminProductPreviewHint { margin: 0; padding: 1px 2px; color: #5f626b; font-size: 6px; line-height: 1.45; }

#modalHost > .adminProductModal .adminProductEditorFooter {
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  min-height: 60px;
  padding: 10px 14px;
  border-top: 1px solid rgba(232, 234, 241, .065);
  background: #202126;
}
#modalHost > .adminProductModal .adminProductEditorFooter > div:first-child { display: grid; gap: 2px; }
#modalHost > .adminProductModal .adminProductSaveState { display: inline-flex; gap: 6px; align-items: center; color: #aeb0b8; font-size: 7px; font-weight: 750; }
#modalHost > .adminProductModal .adminProductSaveState i { width: 5px; height: 5px; border-radius: 50%; background: #d49b52; box-shadow: 0 0 0 3px rgba(212, 155, 82, .08); }
#modalHost > .adminProductModal .adminProductEditorFooter small { color: #646771; font-size: 6px; }
#modalHost > .adminProductModal .adminProductEditorFooter > div:last-child { display: flex; gap: 7px; }
#modalHost > .adminProductModal .adminProductEditorFooter :is(.ghostBtn, .btn) { display: inline-flex; gap: 6px; align-items: center; justify-content: center; min-height: 35px; padding: 0 13px; border-radius: 8px; font-size: 8px; }
#modalHost > .adminProductModal .adminProductEditorFooter .ghostBtn { border: 1px solid rgba(232, 234, 241, .075); color: #979aa4; background: #292a30; }
#modalHost > .adminProductModal .adminProductEditorFooter .btn svg { width: 11px; height: 11px; }

@media (max-width: 900px) {
  #modalHost > .adminProductModal .adminProductEditor { grid-template-columns: 1fr; }
  #modalHost > .adminProductModal .adminProductPreviewRail { position: relative; grid-template-columns: minmax(250px, .8fr) minmax(240px, 1fr); align-items: start; }
  #modalHost > .adminProductModal .adminProductPreviewRail > header { grid-column: 1 / -1; }
  #modalHost > .adminProductModal .adminProductPreviewStage { grid-row: span 4; }
  #modalHost > .adminProductModal .adminProductPreviewSummary { grid-template-columns: 1fr; }
  #modalHost > .adminProductModal .adminProductPreviewSummary > div:last-child { grid-column: auto; }
}

@media (max-width: 620px) {
  #modalHost > .adminProductModal { height: 94vh; max-height: 94vh; }
  #modalHost > .adminProductModal .adminProductEditor { padding: 8px; }
  #modalHost > .adminProductModal .adminProductPreviewRail { grid-template-columns: 1fr; }
  #modalHost > .adminProductModal .adminProductPreviewStage { grid-row: auto; }
  #modalHost > .adminProductModal .adminProductPreviewSummary { grid-template-columns: 1fr 1fr; }
  #modalHost > .adminProductModal .adminProductFields,
  #modalHost > .adminProductModal .adminProductToggleGrid,
  #modalHost > .adminProductModal .adminProductTechnicalToggles { grid-template-columns: 1fr; }
  #modalHost > .adminProductModal .adminProductFields .full { grid-column: 1; }
  #modalHost > .adminProductModal .adminProductFormSection:not([open]) > summary small { display: none; }
  #modalHost > .adminProductModal .adminProductEditorFooter > div:first-child { display: none; }
  #modalHost > .adminProductModal .adminProductEditorFooter > div:last-child { width: 100%; }
  #modalHost > .adminProductModal .adminProductEditorFooter :is(.ghostBtn, .btn) { flex: 1; }
}

/* Usuários e acessos — identidade, filtros e detalhe operacional. */
.dashboardShell-admin .adminAccountsPanel { gap: 12px; }
.dashboardShell-admin .adminAccountMetrics { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.dashboardShell-admin .adminAccountMetric {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-height: 70px;
  padding: 10px 12px;
}
.dashboardShell-admin .adminAccountMetric > i { width: 34px; height: 34px; border-radius: 9px; }
.dashboardShell-admin .adminAccountMetric > i svg { width: 15px; height: 15px; }
.dashboardShell-admin .adminAccountMetric span { color: #777b86; font-size: 7px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.dashboardShell-admin .adminAccountMetric strong { font-size: 19px; }
.dashboardShell-admin .adminAccountMetric small { color: #62656e; font-size: 7px; }
.dashboardShell-admin .adminAccountMetric.danger > i { border-color: rgba(221, 101, 125, .16); color: #d97589; background: rgba(197, 72, 96, .055); }

.dashboardShell-admin .adminMigrationProgress {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 10px;
  background: #232429;
}
.dashboardShell-admin .adminMigrationProgress > i { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(94, 194, 143, .14); border-radius: 9px; color: #64b88c; background: rgba(61, 158, 109, .05); }
.dashboardShell-admin .adminMigrationProgress > i svg { width: 15px; height: 15px; }
.dashboardShell-admin .adminMigrationProgress > div { display: grid; gap: 6px; min-width: 0; }
.dashboardShell-admin .adminMigrationProgress header,
.dashboardShell-admin .adminMigrationProgress footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dashboardShell-admin .adminMigrationProgress header > span { display: grid; gap: 1px; }
.dashboardShell-admin .adminMigrationProgress strong { color: #cfd1d7; font-size: 9px; }
.dashboardShell-admin .adminMigrationProgress small,
.dashboardShell-admin .adminMigrationProgress footer { color: #666a74; font-size: 6px; }
.dashboardShell-admin .adminMigrationProgress header > b { color: #c886df; font-size: 10px; }
.dashboardShell-admin .adminMigrationTrack { height: 4px; overflow: hidden; border-radius: 99px; background: #1b1c20; }
.dashboardShell-admin .adminMigrationTrack > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #9860ac, #c476df); box-shadow: 0 0 12px rgba(185, 101, 220, .24); }
.dashboardShell-admin .adminMigrationMode { padding: 5px 8px; border: 1px solid rgba(93, 194, 143, .13); border-radius: 99px; color: #66b98e; background: rgba(61, 158, 109, .045); font-size: 6px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.dashboardShell-admin .adminMigrationMode.disabled { border-color: rgba(218, 164, 80, .15); color: #cf9f54; background: rgba(188, 127, 36, .05); }

.dashboardShell-admin .adminAccountsWorkspace { grid-template-columns: minmax(0, 1fr) minmax(330px, 370px); gap: 10px; }
.dashboardShell-admin .adminAccountsWorkspace.isEmpty { grid-template-columns: 1fr; }
.dashboardShell-admin .adminAccountsMain,
.dashboardShell-admin .adminAccountDetail,
.dashboardShell-admin .adminAdvancedTools { border-color: rgba(232, 234, 241, .065); border-radius: 10px; box-shadow: none; }
.dashboardShell-admin .adminAccountQuickFilters { display: flex; gap: 5px; padding: 9px 10px 0; overflow-x: auto; scrollbar-width: none; }
.dashboardShell-admin .adminAccountQuickFilters::-webkit-scrollbar { display: none; }
.dashboardShell-admin .adminAccountQuickFilters button { min-height: 28px; padding: 0 10px; border: 1px solid rgba(232, 234, 241, .055); border-radius: 7px; color: #777b85; background: #1e1f23; font-size: 7px; font-weight: 750; white-space: nowrap; cursor: pointer; }
.dashboardShell-admin .adminAccountQuickFilters button:hover { color: #b8bac1; background: #25262b; }
.dashboardShell-admin .adminAccountQuickFilters button.active { border-color: rgba(201, 120, 232, .16); color: #cb89e0; background: rgba(185, 101, 220, .075); box-shadow: inset 2px 0 0 #b967d5; }
.dashboardShell-admin .adminAccountToolbar {
  grid-template-columns: minmax(210px, 1.25fr) repeat(4, minmax(105px, .58fr)) 36px 36px;
  gap: 6px;
  padding: 9px 10px 10px;
  border-bottom: 1px solid rgba(232, 234, 241, .055);
}
.dashboardShell-admin .adminAccountToolbar :is(input, select, .smartDropdownTrigger) { min-height: 34px; border-color: rgba(232, 234, 241, .065); border-radius: 7px; color: #a7aab3; background: #1e1f23; font-size: 7px; box-shadow: none; }
.dashboardShell-admin .adminAccountToolbar > label > span { color: #666a74; font-size: 6px; }
.dashboardShell-admin .adminAccountSearch input { padding-left: 32px; }
.dashboardShell-admin .adminAccountSearch > svg { left: 10px; width: 12px; height: 12px; }
.dashboardShell-admin :is(.adminAccountFilterButton, .adminAccountClear) { display: grid; align-self: end; width: 36px; height: 34px; min-height: 34px; padding: 0; place-items: center; border: 1px solid rgba(201, 120, 232, .16); border-radius: 7px; color: #c47dda; background: rgba(185, 101, 220, .07); cursor: pointer; }
.dashboardShell-admin :is(.adminAccountFilterButton, .adminAccountClear) svg { width: 13px; height: 13px; }
.dashboardShell-admin .adminAccountClear { border-color: rgba(232, 234, 241, .06); color: #777a84; background: #24252a; }
.dashboardShell-admin .adminAccountClear:disabled { opacity: .3; cursor: default; }
.dashboardShell-admin .adminAccountToolbar .smartDropdownMenu { border-color: rgba(232, 234, 241, .08); background: #292a30; }
.dashboardShell-admin .adminAccountToolbar .smartDropdownOption { color: #9396a0; background: transparent; font-size: 7px; }
.dashboardShell-admin .adminAccountToolbar .smartDropdownOption:hover { color: #dedfe3; background: #303137; }
.dashboardShell-admin .adminAccountToolbar .smartDropdownOption.selected { color: #ce8be3; background: rgba(185, 101, 220, .07); }

.dashboardShell-admin .adminAccountTableHead,
.dashboardShell-admin .adminAccountRow { grid-template-columns: minmax(175px, 1.15fr) minmax(105px, .72fr) minmax(125px, .9fr) minmax(110px, .72fr) auto; gap: 9px; }
.dashboardShell-admin .adminAccountTableHead { padding: 8px 11px; font-size: 6px; }
.dashboardShell-admin .adminAccountRow { min-height: 62px; padding: 9px 11px; }
.dashboardShell-admin .adminAccountAvatar { flex-basis: 32px; width: 32px; height: 32px; }
.dashboardShell-admin .adminAccountRow strong { font-size: 8px; }
.dashboardShell-admin .adminAccountRow small { font-size: 6px; }
.dashboardShell-admin .adminMigrationChip { min-height: 18px; padding: 0 6px; font-size: 5px; }
.dashboardShell-admin .adminAccountRows > .empty { display: none; }
.dashboardShell-admin .adminAccountUnifiedEmpty { display: flex; min-height: 205px; align-items: center; justify-content: center; gap: 12px; padding: 24px; text-align: left; }
.dashboardShell-admin .adminAccountUnifiedEmpty > i { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(201, 120, 232, .13); border-radius: 11px; color: #ac72c0; background: rgba(185, 101, 220, .055); }
.dashboardShell-admin .adminAccountUnifiedEmpty > i svg { width: 18px; height: 18px; }
.dashboardShell-admin .adminAccountUnifiedEmpty > div { display: grid; gap: 3px; }
.dashboardShell-admin .adminAccountUnifiedEmpty strong { color: #cfd0d5; font-size: 10px; }
.dashboardShell-admin .adminAccountUnifiedEmpty p { max-width: 330px; margin: 0; color: #6d707a; font-size: 7px; line-height: 1.5; }
.dashboardShell-admin .adminAccountUnifiedEmpty > button { min-height: 30px; padding: 0 10px; border: 1px solid rgba(201, 120, 232, .14); border-radius: 7px; color: #c27cda; background: rgba(185, 101, 220, .06); font-size: 7px; cursor: pointer; }

.dashboardShell-admin .adminAccountDetail { top: 78px; max-height: calc(100vh - 96px); overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #4a354f transparent; }
.dashboardShell-admin .adminAccountDetail > header { position: sticky; z-index: 3; top: 0; grid-template-columns: 40px minmax(0, 1fr) auto; padding: 12px; background: rgba(35, 36, 41, .97); backdrop-filter: blur(12px); }
.dashboardShell-admin .adminAccountDetail > header .adminAccountAvatar { width: 40px; height: 40px; }
.dashboardShell-admin .adminAccountDetail > header h3 { font-size: 14px; }
.dashboardShell-admin .adminAccountDetail > header small { font-size: 7px; }
.dashboardShell-admin .adminAccountDrawerClose { display: none; }
.dashboardShell-admin .adminAccountDetail > section { padding: 11px 12px; }
.dashboardShell-admin .adminAccountDetailTitle { margin-bottom: 7px; font-size: 8px; }
.dashboardShell-admin .adminAccountDetailTitle b { min-width: 19px; height: 19px; border-radius: 6px; font-size: 6px; }
.dashboardShell-admin .adminAccountFacts { gap: 5px; }
.dashboardShell-admin .adminAccountFacts > div { gap: 2px; padding: 7px 8px; border-radius: 7px; background: #202126; }
.dashboardShell-admin .adminAccountFacts span { font-size: 5px; }
.dashboardShell-admin .adminAccountFacts strong { font-size: 7px; }
.dashboardShell-admin .adminEntitlementCard { position: relative; grid-template-columns: 29px minmax(0, 1fr) auto; gap: 8px; padding: 8px; border-radius: 8px; background: #202126; }
.dashboardShell-admin .adminEntitlementIcon { width: 29px; height: 29px; border-radius: 7px; }
.dashboardShell-admin .adminEntitlementIcon svg { width: 13px; height: 13px; }
.dashboardShell-admin .adminEntitlementCopy { gap: 2px; }
.dashboardShell-admin .adminEntitlementCopy strong { font-size: 8px; }
.dashboardShell-admin .adminEntitlementCopy small { font-size: 6px; }
.dashboardShell-admin .adminEntitlementCopy em { display: inline-flex; gap: 4px; align-items: center; margin-top: 2px; color: #787b85; font-size: 6px; font-style: normal; }
.dashboardShell-admin .adminEntitlementCopy em svg { width: 9px; height: 9px; }
.dashboardShell-admin .adminEntitlementActions { display: flex; grid-column: auto; align-self: center; gap: 4px; padding: 0; border: 0; }
.dashboardShell-admin .adminEntitlementActions button,
.dashboardShell-admin .adminAccountQuickActions button { display: grid; width: 27px; height: 27px; min-height: 27px; padding: 0; place-items: center; border: 1px solid rgba(201, 120, 232, .13); border-radius: 7px; color: #b77dcc; background: rgba(185, 101, 220, .055); cursor: pointer; }
.dashboardShell-admin .adminEntitlementActions button svg,
.dashboardShell-admin .adminAccountQuickActions button svg { width: 11px; height: 11px; }
.dashboardShell-admin :is(.adminEntitlementActions, .adminAccountQuickActions) button.warning { border-color: rgba(218, 164, 80, .14); color: #cc9c52; background: rgba(188, 127, 36, .05); }
.dashboardShell-admin :is(.adminEntitlementActions, .adminAccountQuickActions) button.danger { border-color: rgba(221, 101, 125, .14); color: #d07184; background: rgba(197, 72, 96, .045); }
.dashboardShell-admin :is(.adminEntitlementActions, .adminAccountQuickActions) button.success { border-color: rgba(93, 194, 143, .14); color: #62b789; background: rgba(61, 158, 109, .05); }
.dashboardShell-admin :is(.adminEntitlementActions, .adminAccountQuickActions) button:disabled { opacity: .28; cursor: default; }
.dashboardShell-admin .adminAccountSectionEmpty { display: flex; align-items: center; gap: 7px; min-height: 34px; color: #686b75; font-size: 6px; }
.dashboardShell-admin .adminAccountSectionEmpty > svg { width: 13px; height: 13px; color: #855990; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) { display: grid; gap: 5px; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article { display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: center; gap: 7px; padding: 7px; border: 1px solid rgba(232, 234, 241, .055); border-radius: 7px; background: #202126; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article > i { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 7px; color: #a46ab7; background: rgba(185, 101, 220, .055); }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article > i svg { width: 11px; height: 11px; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article > span { display: grid; min-width: 0; gap: 2px; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article strong { overflow: hidden; color: #bfc1c7; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article small { overflow: hidden; color: #666a73; font-size: 5px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article > b { font-size: 5px; font-weight: 800; text-transform: uppercase; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article > b.active { color: #63b98b; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article > b.inactive { color: #777a84; }
.dashboardShell-admin .adminAccountAudit { padding: 10px 12px; }
.dashboardShell-admin .adminAccountAudit summary { font-size: 7px; }
.dashboardShell-admin .adminAccountQuickActions { display: flex; grid-template-columns: none; align-items: center; justify-content: space-between; gap: 9px; padding: 10px 12px; }
.dashboardShell-admin .adminAccountQuickActions > span { color: #777a84; font-size: 6px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.dashboardShell-admin .adminAccountQuickActions > div { display: flex; gap: 5px; }
.dashboardShell-admin .adminLegacyNextStep { margin: 10px 12px 12px; }

.dashboardShell-admin .adminAdvancedTools { overflow: hidden; background: #232429; }
.dashboardShell-admin .adminAdvancedTools > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; cursor: pointer; list-style: none; }
.dashboardShell-admin .adminAdvancedTools > summary::-webkit-details-marker { display: none; }
.dashboardShell-admin .adminAdvancedTools > summary > div { display: flex; align-items: center; gap: 9px; }
.dashboardShell-admin .adminAdvancedTools > summary > div > svg { width: 15px; height: 15px; color: #a86dbb; }
.dashboardShell-admin .adminAdvancedTools > summary span { display: grid; gap: 2px; }
.dashboardShell-admin .adminAdvancedTools > summary strong { color: #c8cad0; font-size: 8px; }
.dashboardShell-admin .adminAdvancedTools > summary small { color: #666a73; font-size: 6px; }
.dashboardShell-admin .adminAdvancedTools > summary > svg { width: 13px; height: 13px; color: #737680; transition: transform .16s ease; }
.dashboardShell-admin .adminAdvancedTools[open] > summary > svg { transform: rotate(180deg); }
.dashboardShell-admin .adminAdvancedToolsBody { display: grid; gap: 7px; padding: 0 10px 10px; border-top: 1px solid rgba(232, 234, 241, .05); }
.dashboardShell-admin .adminAdvancedToolsBody > details { margin-top: 8px; border-radius: 8px; background: #1f2024; }
.dashboardShell-admin .adminLegacyCreatePanel,
.dashboardShell-admin .adminLegacyHistoryPanel { box-shadow: none; }
.dashboardShell-admin .adminAccountDrawerBackdrop { display: none; }

@media (max-width: 1320px) {
  .dashboardShell-admin .adminAccountsWorkspace { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminAccountDetail { position: static; max-height: none; }
  .dashboardShell-admin .adminAccountToolbar { grid-template-columns: minmax(180px, 1fr) repeat(4, minmax(90px, .55fr)) 34px 34px; }
  .dashboardShell-admin .adminAccountToolbar > label:nth-of-type(4),
  .dashboardShell-admin .adminAccountToolbar > label:nth-of-type(5) { grid-column: auto; }
}

@media (max-width: 1080px) {
  .dashboardShell-admin .adminAccountMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .dashboardShell-admin .adminMigrationProgress { grid-template-columns: 32px minmax(0, 1fr); }
  .dashboardShell-admin .adminMigrationMode { grid-column: 2; justify-self: start; }
  .dashboardShell-admin .adminAccountToolbar { grid-template-columns: 1fr 1fr 36px 36px; }
  .dashboardShell-admin .adminAccountSearch { grid-column: 1 / -1; }
  .dashboardShell-admin .adminAccountToolbar > label:nth-of-type(4),
  .dashboardShell-admin .adminAccountToolbar > label:nth-of-type(5) { grid-column: auto; }
  .dashboardShell-admin .adminAccountDetail {
    position: fixed;
    z-index: 122;
    inset: 12px 10px 12px auto;
    width: min(390px, calc(100vw - 20px));
    max-height: none;
    border-radius: 12px;
    transform: translateX(calc(100% + 24px));
    visibility: hidden;
    transition: transform .2s ease, visibility .2s ease;
  }
  .dashboardShell-admin .adminAccountDetail.isOpen { transform: translateX(0); visibility: visible; }
  .dashboardShell-admin .adminAccountDetail > header { grid-template-columns: 40px minmax(0, 1fr) auto 28px; }
  .dashboardShell-admin .adminAccountDetail > header > .softwareAccountStatus { grid-column: auto; justify-self: end; }
  .dashboardShell-admin .adminAccountDrawerClose { display: grid; width: 28px; height: 28px; padding: 0; place-items: center; border: 1px solid rgba(232, 234, 241, .07); border-radius: 7px; color: #8d9099; background: #292a30; }
  .dashboardShell-admin .adminAccountDrawerClose svg { width: 11px; height: 11px; }
  .dashboardShell-admin .adminAccountDrawerBackdrop { position: fixed; z-index: 121; inset: 0; display: block; border: 0; background: rgba(7, 8, 10, .68); backdrop-filter: blur(3px); }
  .dashboardShell-admin .adminAccountTableHead { display: none; }
}

@media (max-width: 600px) {
  .dashboardShell-admin .adminAccountMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboardShell-admin .adminAccountMetric { grid-template-columns: 30px minmax(0, 1fr); min-height: 64px; padding: 9px; }
  .dashboardShell-admin .adminAccountMetric > i { width: 30px; height: 30px; }
  .dashboardShell-admin .adminMigrationProgress { padding: 10px; }
  .dashboardShell-admin .adminAccountToolbar { grid-template-columns: 1fr 1fr 34px 34px; }
  .dashboardShell-admin :is(.adminAccountFilterButton, .adminAccountClear) { width: 34px; }
  .dashboardShell-admin .adminAccountTableHead { display: none; }
  .dashboardShell-admin .adminAccountRow { grid-template-columns: minmax(0, 1fr) auto; }
  .dashboardShell-admin .adminAccountOrigin,
  .dashboardShell-admin .adminAccountAccess,
  .dashboardShell-admin .adminAccountActivity { display: none; }
  .dashboardShell-admin .adminAccountUnifiedEmpty { align-items: center; flex-direction: column; text-align: center; }
  .dashboardShell-admin .adminEntitlementCard { grid-template-columns: 29px minmax(0, 1fr); }
  .dashboardShell-admin .adminEntitlementActions { grid-column: 1 / -1; justify-content: flex-end; }
}

@media (max-width: 420px) {
  .dashboardShell-admin .adminAccountMetrics { grid-template-columns: 1fr 1fr; }
  .dashboardShell-admin .adminAccountMetric small { display: none; }
  .dashboardShell-admin .adminAccountToolbar { grid-template-columns: 1fr 1fr; }
  .dashboardShell-admin .adminAccountToolbar > label:not(.adminAccountSearch) { grid-column: auto; }
  .dashboardShell-admin :is(.adminAccountFilterButton, .adminAccountClear) { justify-self: start; }
}

/* Painel lateral enxuto: o essencial visível e detalhes sob demanda. */
.dashboardShell-admin .adminAccountDetail > header { padding: 11px 12px; }
.dashboardShell-admin .adminAccountPrimaryFacts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0 !important;
  background: #202126;
}
.dashboardShell-admin .adminAccountPrimaryFacts > div { display: grid; min-width: 0; gap: 3px; padding: 10px 11px; border-right: 1px solid rgba(232, 234, 241, .05); }
.dashboardShell-admin .adminAccountPrimaryFacts > div:last-child { border-right: 0; }
.dashboardShell-admin .adminAccountPrimaryFacts span { color: #626670; font-size: 5px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.dashboardShell-admin .adminAccountPrimaryFacts strong { overflow: hidden; color: #bfc1c7; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminAccountAccessSection { padding: 11px 12px !important; }
.dashboardShell-admin .adminAccountSecondary { border-bottom: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminAccountSecondary > summary {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  list-style: none;
  transition: background .16s ease;
}
.dashboardShell-admin .adminAccountSecondary > summary::-webkit-details-marker { display: none; }
.dashboardShell-admin .adminAccountSecondary > summary:hover { background: rgba(255, 255, 255, .015); }
.dashboardShell-admin .adminAccountSecondary > summary > i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; color: #9a68aa; background: rgba(185, 101, 220, .05); }
.dashboardShell-admin .adminAccountSecondary > summary > i svg { width: 11px; height: 11px; }
.dashboardShell-admin .adminAccountSecondary > summary > span { display: grid; gap: 2px; min-width: 0; }
.dashboardShell-admin .adminAccountSecondary > summary strong { color: #bfc1c7; font-size: 8px; }
.dashboardShell-admin .adminAccountSecondary > summary small { overflow: hidden; color: #656872; font-size: 5px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminAccountSecondary > summary > svg { width: 11px; height: 11px; color: #666a74; transition: transform .16s ease; }
.dashboardShell-admin .adminAccountSecondary[open] > summary > svg { transform: rotate(180deg); }
.dashboardShell-admin .adminAccountSecondaryBody { border-top: 1px solid rgba(232, 234, 241, .05); background: #1f2024; }
.dashboardShell-admin .adminAccountSecondaryBody > section { padding: 10px 12px; border-bottom: 1px solid rgba(232, 234, 241, .045); }
.dashboardShell-admin .adminAccountSecondaryBody > section:last-child { border-bottom: 0; }
.dashboardShell-admin .adminAccountSecondaryBody .adminAccountFacts > div { background: #232429; }
.dashboardShell-admin .adminAccountSecondaryBody .adminLegacyAccessCard { background: rgba(228, 184, 106, .018); }
.dashboardShell-admin .adminAccountSecondaryBody .adminAccountAudit { margin: 0; }
.dashboardShell-admin .adminAccountSecondaryBody .adminAccountAudit > div { display: grid; gap: 6px; margin: 0; }
.dashboardShell-admin .adminAccountQuickActions { position: sticky; z-index: 2; bottom: 0; background: rgba(35, 36, 41, .97); backdrop-filter: blur(12px); }

@media (max-width: 420px) {
  .dashboardShell-admin .adminAccountPrimaryFacts { grid-template-columns: 1fr 1fr; }
  .dashboardShell-admin .adminAccountPrimaryFacts > div:nth-child(2) { border-right: 0; }
  .dashboardShell-admin .adminAccountPrimaryFacts > div:last-child { grid-column: 1 / -1; border-top: 1px solid rgba(232, 234, 241, .05); }
}

/* Legibilidade de usuários e acessos. */
.dashboardShell-admin .adminAccountsPanel svg:not(.lineIcon) { fill: currentColor; }
.dashboardShell-admin .adminAccountMetric { grid-template-columns: 40px minmax(0, 1fr); min-height: 82px; padding: 12px 14px; }
.dashboardShell-admin .adminAccountMetric > i { width: 40px; height: 40px; }
.dashboardShell-admin .adminAccountMetric > i svg { width: 17px; height: 17px; }
.dashboardShell-admin .adminAccountMetric span { font-size: 9px; letter-spacing: .045em; }
.dashboardShell-admin .adminAccountMetric strong { font-size: 23px; }
.dashboardShell-admin .adminAccountMetric small { font-size: 9px; }
.dashboardShell-admin .adminAccountQuickFilters button { min-height: 34px; padding: 0 13px; font-size: 10px; }
.dashboardShell-admin .adminAccountToolbar > label > span { font-size: 8px; }
.dashboardShell-admin .adminAccountToolbar :is(input, select, .smartDropdownTrigger) { min-height: 42px; font-size: 11px; }
.dashboardShell-admin .adminAccountSearch > svg { width: 14px; height: 14px; }
.dashboardShell-admin .adminAccountSearch input { padding-left: 36px; }
.dashboardShell-admin :is(.adminAccountFilterButton, .adminAccountClear) { height: 42px; min-height: 42px; }
.dashboardShell-admin :is(.adminAccountFilterButton, .adminAccountClear) svg { width: 15px; height: 15px; }
.dashboardShell-admin .adminAccountTableHead { padding: 10px 13px; font-size: 8px; }
.dashboardShell-admin .adminAccountRow { min-height: 76px; padding: 11px 13px; }
.dashboardShell-admin .adminAccountAvatar { flex-basis: 38px; width: 38px; height: 38px; font-size: 10px; }
.dashboardShell-admin .adminAccountRow strong { font-size: 11px; }
.dashboardShell-admin .adminAccountRow small { font-size: 8px; }
.dashboardShell-admin .adminMigrationChip { min-height: 21px; padding: 0 7px; font-size: 7px; }
.dashboardShell-admin .adminAccountRow .softwareAccountStatus { min-height: 29px; padding: 0 12px; font-size: 9px; }
.dashboardShell-admin .softwareAccountPagination { padding: 11px 13px; font-size: 9px; }

.dashboardShell-admin .adminAccountDetail > header { grid-template-columns: 46px minmax(0, 1fr) auto; padding: 14px; }
.dashboardShell-admin .adminAccountDetail > header .adminAccountAvatar { width: 46px; height: 46px; }
.dashboardShell-admin .adminAccountDetail > header h3 { font-size: 18px; }
.dashboardShell-admin .adminAccountDetail > header small { font-size: 10px; }
.dashboardShell-admin .adminAccountDetail > header .adminMigrationChip { font-size: 7px; }
.dashboardShell-admin .adminAccountDetail > header .softwareAccountStatus { min-height: 30px; padding: 0 13px; font-size: 9px; }
.dashboardShell-admin .adminAccountPrimaryFacts > div { gap: 4px; padding: 12px; }
.dashboardShell-admin .adminAccountPrimaryFacts span { font-size: 8px; }
.dashboardShell-admin .adminAccountPrimaryFacts strong { font-size: 10px; }
.dashboardShell-admin .adminAccountAccessSection { padding: 14px !important; }
.dashboardShell-admin .adminAccountDetailTitle { margin-bottom: 10px; font-size: 11px; }
.dashboardShell-admin .adminAccountDetailTitle b { min-width: 24px; height: 24px; font-size: 9px; }
.dashboardShell-admin .adminEntitlementCard { grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; padding: 11px; }
.dashboardShell-admin .adminEntitlementIcon { width: 36px; height: 36px; }
.dashboardShell-admin .adminEntitlementIcon svg { width: 15px; height: 15px; }
.dashboardShell-admin .adminEntitlementCopy { gap: 4px; }
.dashboardShell-admin .adminEntitlementCopy .softwareAccountStatus { min-height: 24px; padding: 0 9px; font-size: 8px; }
.dashboardShell-admin .adminEntitlementCopy strong { font-size: 11px; }
.dashboardShell-admin .adminEntitlementCopy small { font-size: 9px; }
.dashboardShell-admin .adminEntitlementCopy em { font-size: 8px; }
.dashboardShell-admin .adminEntitlementActions button,
.dashboardShell-admin .adminAccountQuickActions button { width: 34px; height: 34px; min-height: 34px; }
.dashboardShell-admin .adminEntitlementActions button svg,
.dashboardShell-admin .adminAccountQuickActions button svg { width: 14px; height: 14px; }
.dashboardShell-admin .adminAccountSecondary > summary { grid-template-columns: 34px minmax(0, 1fr) 16px; gap: 10px; padding: 12px 14px; }
.dashboardShell-admin .adminAccountSecondary > summary > i { width: 34px; height: 34px; }
.dashboardShell-admin .adminAccountSecondary > summary > i svg { width: 14px; height: 14px; }
.dashboardShell-admin .adminAccountSecondary > summary strong { font-size: 10px; }
.dashboardShell-admin .adminAccountSecondary > summary small { font-size: 8px; }
.dashboardShell-admin .adminAccountSecondary > summary > svg { width: 13px; height: 13px; }
.dashboardShell-admin .adminAccountSecondaryBody > section { padding: 13px 14px; }
.dashboardShell-admin .adminAccountFacts span { font-size: 7px; }
.dashboardShell-admin .adminAccountFacts strong { font-size: 10px; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article strong { font-size: 10px; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article small { font-size: 8px; }
.dashboardShell-admin :is(.adminDeviceList, .adminSessionList) article > b { font-size: 7px; }
.dashboardShell-admin .adminLegacyAccessCard strong { font-size: 10px; }
.dashboardShell-admin .adminLegacyAccessCard small { font-size: 8px; }
.dashboardShell-admin .adminAccountAudit article strong { font-size: 9px; }
.dashboardShell-admin .adminAccountAudit article small { font-size: 8px; }
.dashboardShell-admin .adminAccountQuickActions { padding: 12px 14px; }
.dashboardShell-admin .adminAccountQuickActions > span { font-size: 8px; }

@media (max-width: 600px) {
  .dashboardShell-admin .adminAccountMetric { grid-template-columns: 36px minmax(0, 1fr); min-height: 74px; }
  .dashboardShell-admin .adminAccountMetric > i { width: 36px; height: 36px; }
  .dashboardShell-admin .adminAccountMetric span { font-size: 8px; }
  .dashboardShell-admin .adminAccountMetric strong { font-size: 20px; }
  .dashboardShell-admin .adminAccountToolbar :is(input, select, .smartDropdownTrigger) { min-height: 40px; }
}

/* Central administrativa de revendedores. */
.dashboardShell-admin .adminResellerCenter { display: grid; gap: 12px; }
.dashboardShell-admin .adminResellerCenter svg:not(.lineIcon) { fill: currentColor; }
.dashboardShell-admin .adminResellerMetrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.dashboardShell-admin .adminResellerMetric { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 11px; min-height: 82px; padding: 12px 14px; border: 1px solid rgba(232, 234, 241, .065); border-radius: 10px; background: #232429; }
.dashboardShell-admin .adminResellerMetric > i { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(201, 120, 232, .16); border-radius: 10px; color: #c27ada; background: rgba(185, 101, 220, .065); }
.dashboardShell-admin .adminResellerMetric > i svg { width: 17px; height: 17px; }
.dashboardShell-admin .adminResellerMetric > div { display: grid; min-width: 0; gap: 2px; }
.dashboardShell-admin .adminResellerMetric span { color: #7b7e88; font-size: 9px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.dashboardShell-admin .adminResellerMetric strong { color: #e4e5e9; font-size: 23px; line-height: 1; }
.dashboardShell-admin .adminResellerMetric small { overflow: hidden; color: #696c75; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminResellerMetric.green > i { border-color: rgba(91, 205, 147, .16); color: #65c08f; background: rgba(54, 167, 111, .055); }
.dashboardShell-admin .adminResellerMetric.blue > i { border-color: rgba(110, 151, 220, .16); color: #7ca0dd; background: rgba(75, 117, 186, .055); }
.dashboardShell-admin .adminResellerMetric.amber > i { border-color: rgba(218, 164, 80, .16); color: #d3a254; background: rgba(188, 127, 36, .055); }
.dashboardShell-admin .adminResellerMetric.red > i { border-color: rgba(221, 101, 125, .16); color: #d77387; background: rgba(197, 72, 96, .055); }

.dashboardShell-admin .adminResellerWorkspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 390px); align-items: start; gap: 10px; }
.dashboardShell-admin .adminResellerWorkspace.isEmpty { grid-template-columns: 1fr; }
.dashboardShell-admin .adminResellerMain,
.dashboardShell-admin .adminResellerDetail,
.dashboardShell-admin .adminResellerAdvancedTools { overflow: hidden; border: 1px solid rgba(232, 234, 241, .065); border-radius: 10px; background: #232429; }
.dashboardShell-admin .adminResellerMainHeader { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; }
.dashboardShell-admin .adminResellerMainHeader nav { display: flex; gap: 5px; overflow-x: auto; scrollbar-width: none; }
.dashboardShell-admin .adminResellerMainHeader nav::-webkit-scrollbar { display: none; }
.dashboardShell-admin .adminResellerMainHeader nav button { min-height: 34px; padding: 0 12px; border: 1px solid rgba(232, 234, 241, .055); border-radius: 7px; color: #7c7f89; background: #1e1f23; font-size: 10px; font-weight: 750; white-space: nowrap; cursor: pointer; }
.dashboardShell-admin .adminResellerMainHeader nav button.active { border-color: rgba(201, 120, 232, .18); color: #ce88e4; background: rgba(185, 101, 220, .075); box-shadow: inset 2px 0 0 #bc67d8; }
.dashboardShell-admin .adminResellerNewButton { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; min-height: 36px; padding: 0 12px; border: 1px solid rgba(201, 120, 232, .2); border-radius: 8px; color: #d195e4; background: rgba(185, 101, 220, .085); font-size: 10px; font-weight: 800; cursor: pointer; }
.dashboardShell-admin .adminResellerNewButton svg { width: 13px; height: 13px; }
.dashboardShell-admin .adminResellerToolbar { display: grid; grid-template-columns: minmax(220px, 1fr) 42px 42px; gap: 6px; padding: 0 10px 10px; border-bottom: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminResellerToolbar label { position: relative; display: flex; align-items: center; margin: 0; }
.dashboardShell-admin .adminResellerToolbar label > svg { position: absolute; left: 12px; z-index: 1; width: 14px; height: 14px; color: #737680; pointer-events: none; }
.dashboardShell-admin .adminResellerToolbar input { width: 100%; min-height: 42px; padding: 0 12px 0 38px; border: 1px solid rgba(232, 234, 241, .065); border-radius: 8px; color: #b8bac1; background: #1e1f23; font-size: 11px; }
.dashboardShell-admin .adminResellerToolbar > button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(201, 120, 232, .15); border-radius: 8px; color: #bc7ad2; background: rgba(185, 101, 220, .06); cursor: pointer; }
.dashboardShell-admin .adminResellerToolbar > button:last-child { border-color: rgba(232, 234, 241, .06); color: #777a84; background: #292a30; }
.dashboardShell-admin .adminResellerToolbar > button:disabled { opacity: .3; cursor: default; }
.dashboardShell-admin .adminResellerToolbar button svg { width: 14px; height: 14px; }
.dashboardShell-admin .adminResellerTableHead,
.dashboardShell-admin .adminResellerRow { display: grid; grid-template-columns: minmax(180px, 1.25fr) minmax(150px, .9fr) minmax(75px, .45fr) minmax(90px, .5fr) auto; align-items: center; gap: 12px; }
.dashboardShell-admin .adminResellerTableHead { padding: 10px 13px; border-bottom: 1px solid rgba(232, 234, 241, .05); color: #6f727c; font-size: 8px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.dashboardShell-admin .adminResellerRow { min-height: 76px; padding: 11px 13px; border-bottom: 1px solid rgba(232, 234, 241, .05); cursor: pointer; transition: background .16s ease; }
.dashboardShell-admin .adminResellerRow:last-child { border-bottom: 0; }
.dashboardShell-admin .adminResellerRow:hover { background: rgba(255, 255, 255, .018); }
.dashboardShell-admin .adminResellerRow.selected { background: rgba(185, 101, 220, .075); box-shadow: inset 2px 0 0 #bd68d9; }
.dashboardShell-admin .adminResellerIdentity { display: flex; align-items: center; gap: 10px; min-width: 0; }
.dashboardShell-admin .adminResellerIdentity > i,
.dashboardShell-admin .adminResellerDetail > header > i { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(201, 120, 232, .2); border-radius: 50%; color: #e2c5eb; background: radial-gradient(circle at 35% 25%, rgba(213, 114, 238, .45), rgba(67, 24, 83, .9)); font-size: 10px; font-style: normal; font-weight: 850; }
.dashboardShell-admin .adminResellerRow > div { display: grid; min-width: 0; gap: 3px; }
.dashboardShell-admin .adminResellerIdentity > span { display: grid; min-width: 0; gap: 3px; }
.dashboardShell-admin .adminResellerRow strong { overflow: hidden; color: #d5d6db; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminResellerRow small { overflow: hidden; color: #737680; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminResellerStatus { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 29px; padding: 0 12px; border: 1px solid rgba(91, 205, 147, .22); border-radius: 99px; color: #63cb94; background: rgba(54, 167, 111, .045); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.dashboardShell-admin .adminResellerStatus > i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.dashboardShell-admin .adminResellerStatus.suspended { border-color: rgba(218, 164, 80, .22); color: #d2a04f; background: rgba(188, 127, 36, .045); }
.dashboardShell-admin .adminResellerListFooter { padding: 11px 13px; border-top: 1px solid rgba(232, 234, 241, .05); color: #737680; font-size: 9px; }

.dashboardShell-admin .adminResellerDetail { position: sticky; top: 78px; }
.dashboardShell-admin .adminResellerDetail > header { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 14px; border-bottom: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminResellerDetail > header > i { width: 46px; height: 46px; flex-basis: 46px; font-size: 12px; }
.dashboardShell-admin .adminResellerDetail > header > div { display: grid; min-width: 0; gap: 2px; }
.dashboardShell-admin .adminResellerDetail > header span { color: #9763a7; font-size: 8px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.dashboardShell-admin .adminResellerDetail > header h3 { margin: 0; overflow: hidden; color: #ececef; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminResellerDetail > header small { color: #81848e; font-size: 10px; }
.dashboardShell-admin .adminResellerDrawerClose { display: none; }
.dashboardShell-admin .adminResellerFacts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid rgba(232, 234, 241, .055); background: #202126; }
.dashboardShell-admin .adminResellerFacts > div { display: grid; gap: 3px; padding: 11px 8px; border-right: 1px solid rgba(232, 234, 241, .05); text-align: center; }
.dashboardShell-admin .adminResellerFacts > div:last-child { border-right: 0; }
.dashboardShell-admin .adminResellerFacts span { color: #676a74; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.dashboardShell-admin .adminResellerFacts strong { color: #d4d5da; font-size: 14px; }
.dashboardShell-admin .adminResellerStock { padding: 13px 14px; border-bottom: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminResellerDetailTitle { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; color: #c8cad0; font-size: 11px; font-weight: 850; }
.dashboardShell-admin .adminResellerDetailTitle b { display: grid; min-width: 23px; height: 23px; place-items: center; border: 1px solid rgba(201, 120, 232, .13); border-radius: 7px; color: #bd79d3; background: rgba(185, 101, 220, .05); font-size: 9px; }
.dashboardShell-admin .adminResellerStock > div { display: grid; gap: 6px; }
.dashboardShell-admin .adminResellerStock article { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px; border: 1px solid rgba(232, 234, 241, .055); border-radius: 8px; background: #202126; }
.dashboardShell-admin .adminResellerStock article > i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 8px; color: #b675c9; background: rgba(185, 101, 220, .06); }
.dashboardShell-admin .adminResellerStock article svg { width: 13px; height: 13px; }
.dashboardShell-admin .adminResellerStock article > span { display: grid; min-width: 0; gap: 2px; }
.dashboardShell-admin .adminResellerStock article strong { color: #c9cbd0; font-size: 10px; }
.dashboardShell-admin .adminResellerStock article small { color: #737680; font-size: 8px; }
.dashboardShell-admin .adminResellerStock article > b { color: #ce89e2; font-size: 13px; }
.dashboardShell-admin .adminResellerStockEmpty { display: flex !important; align-items: center; gap: 9px; min-height: 54px; padding: 9px; border: 1px dashed rgba(232, 234, 241, .07); border-radius: 8px; color: #777a84; }
.dashboardShell-admin .adminResellerStockEmpty > svg { width: 17px; height: 17px; color: #8f5f9f; }
.dashboardShell-admin .adminResellerStockEmpty span { display: grid; gap: 2px; }
.dashboardShell-admin .adminResellerStockEmpty strong { color: #aeb0b7; font-size: 9px; }
.dashboardShell-admin .adminResellerStockEmpty small { font-size: 8px; }
.dashboardShell-admin .adminResellerMore { border-bottom: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminResellerMore > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 14px; cursor: pointer; list-style: none; }
.dashboardShell-admin .adminResellerMore > summary::-webkit-details-marker { display: none; }
.dashboardShell-admin .adminResellerMore > summary > span { display: inline-flex; align-items: center; gap: 8px; color: #b9bbc1; font-size: 10px; }
.dashboardShell-admin .adminResellerMore > summary svg { width: 13px; height: 13px; color: #9b68aa; }
.dashboardShell-admin .adminResellerMore > summary > svg { color: #686b75; transition: transform .16s ease; }
.dashboardShell-admin .adminResellerMore[open] > summary > svg { transform: rotate(180deg); }
.dashboardShell-admin .adminResellerMore > div { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 0 14px 12px; }
.dashboardShell-admin .adminResellerMore p { display: grid; gap: 3px; margin: 0; padding: 8px; border: 1px solid rgba(232, 234, 241, .05); border-radius: 7px; background: #202126; }
.dashboardShell-admin .adminResellerMore p span { color: #676a74; font-size: 7px; text-transform: uppercase; }
.dashboardShell-admin .adminResellerMore p strong { overflow: hidden; color: #aeb0b7; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminResellerDiscount { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; padding: 11px 14px; border-bottom: 1px solid rgba(232, 234, 241, .055); }
.dashboardShell-admin .adminResellerDiscount label { display: grid; gap: 5px; margin: 0; color: #777a84; font-size: 8px; }
.dashboardShell-admin .adminResellerDiscount label > span { display: flex; align-items: center; gap: 5px; color: #858892; }
.dashboardShell-admin .adminResellerDiscount input { width: 72px; min-height: 34px; padding: 0 9px; border: 1px solid rgba(232, 234, 241, .065); border-radius: 7px; color: #c7c9cf; background: #1e1f23; font-size: 10px; }
.dashboardShell-admin .adminResellerDiscount button { min-height: 34px; padding: 0 10px; border: 1px solid rgba(201, 120, 232, .15); border-radius: 7px; color: #c382d8; background: rgba(185, 101, 220, .06); font-size: 9px; cursor: pointer; }
.dashboardShell-admin .adminResellerDetail > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 14px; }
.dashboardShell-admin .adminResellerDetail > footer > span { color: #777a84; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.dashboardShell-admin .adminResellerDetail > footer > div { display: flex; gap: 5px; }
.dashboardShell-admin .adminResellerDetail > footer button { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(201, 120, 232, .14); border-radius: 8px; color: #bb78cf; background: rgba(185, 101, 220, .055); cursor: pointer; }
.dashboardShell-admin .adminResellerDetail > footer button svg { width: 14px; height: 14px; }
.dashboardShell-admin .adminResellerDetail > footer button.warning { border-color: rgba(218, 164, 80, .15); color: #cf9e51; background: rgba(188, 127, 36, .05); }
.dashboardShell-admin .adminResellerDetail > footer button.danger { border-color: rgba(221, 101, 125, .15); color: #d27386; background: rgba(197, 72, 96, .05); }

.dashboardShell-admin .adminResellerEmpty { display: flex; min-height: 220px; align-items: center; justify-content: center; gap: 11px; padding: 24px; }
.dashboardShell-admin .adminResellerEmpty > i { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(201, 120, 232, .14); border-radius: 11px; color: #aa70bd; background: rgba(185, 101, 220, .055); }
.dashboardShell-admin .adminResellerEmpty > i svg { width: 18px; height: 18px; }
.dashboardShell-admin .adminResellerEmpty > span { display: grid; gap: 3px; }
.dashboardShell-admin .adminResellerEmpty strong { color: #c7c9cf; font-size: 11px; }
.dashboardShell-admin .adminResellerEmpty small { color: #737680; font-size: 9px; }
.dashboardShell-admin .adminResellerEmpty > button { min-height: 34px; padding: 0 11px; border: 1px solid rgba(201, 120, 232, .15); border-radius: 8px; color: #c481da; background: rgba(185, 101, 220, .06); font-size: 9px; cursor: pointer; }

.dashboardShell-admin .adminResellerAdvancedTools > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; cursor: pointer; list-style: none; }
.dashboardShell-admin .adminResellerAdvancedTools > summary::-webkit-details-marker { display: none; }
.dashboardShell-admin .adminResellerAdvancedTools > summary > div { display: flex; align-items: center; gap: 9px; }
.dashboardShell-admin .adminResellerAdvancedTools > summary > div > svg { width: 16px; height: 16px; color: #a66db8; }
.dashboardShell-admin .adminResellerAdvancedTools > summary span { display: grid; gap: 2px; }
.dashboardShell-admin .adminResellerAdvancedTools > summary strong { color: #c8cad0; font-size: 10px; }
.dashboardShell-admin .adminResellerAdvancedTools > summary small { color: #6e717b; font-size: 8px; }
.dashboardShell-admin .adminResellerAdvancedTools > summary > svg { width: 13px; height: 13px; color: #70737d; transition: transform .16s ease; }
.dashboardShell-admin .adminResellerAdvancedTools[open] > summary > svg { transform: rotate(180deg); }
.dashboardShell-admin .adminResellerAdvancedBody { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; border-top: 1px solid rgba(232, 234, 241, .05); background: #202126; }
.dashboardShell-admin .adminResellerAdvancedBody > section,
.dashboardShell-admin .adminResellerAdvancedBody > details { overflow: visible; border: 1px solid rgba(232, 234, 241, .055); border-radius: 9px; background: #24252a; }
.dashboardShell-admin .adminResellerAdvancedBody > section > header { display: grid; gap: 3px; padding: 11px 12px 0; }
.dashboardShell-admin .adminResellerAdvancedBody > section > header > span { display: inline-flex; align-items: center; gap: 7px; color: #c5c7cd; }
.dashboardShell-admin .adminResellerAdvancedBody > section > header svg { width: 14px; height: 14px; color: #a96fbb; }
.dashboardShell-admin .adminResellerAdvancedBody > section > header strong { font-size: 10px; }
.dashboardShell-admin .adminResellerAdvancedBody > section > header small { color: #737680; font-size: 8px; }
.dashboardShell-admin .adminResellerAdvancedBody > section > .notice { margin: 0; padding: 11px 12px; border: 0; background: transparent; box-shadow: none; }
.dashboardShell-admin .adminResellerAdvancedBody > details { grid-column: 1 / -1; overflow: hidden; }
.dashboardShell-admin .adminResellerAdvancedBody > details > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 12px; cursor: pointer; list-style: none; }
.dashboardShell-admin .adminResellerAdvancedBody > details > summary::-webkit-details-marker { display: none; }
.dashboardShell-admin .adminResellerAdvancedBody > details > summary > span { display: inline-flex; align-items: center; gap: 7px; color: #c2c4ca; }
.dashboardShell-admin .adminResellerAdvancedBody > details > summary svg { width: 14px; height: 14px; color: #a76db9; }
.dashboardShell-admin .adminResellerAdvancedBody > details > summary strong { font-size: 10px; }
.dashboardShell-admin .adminResellerAdvancedBody > details > summary > b { color: #bd79d3; font-size: 9px; }
.dashboardShell-admin .adminResellerAdvancedBody > details > div { padding: 0 10px 10px; }
.dashboardShell-admin .adminResellerToolEmpty { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 10px; color: #777a84; font-size: 9px; }
.dashboardShell-admin .adminResellerToolEmpty svg { width: 15px; height: 15px; color: #8e5f9d; }
.dashboardShell-admin .adminResellerTenantRows { display: grid; gap: 6px; }
.dashboardShell-admin .adminResellerTenantRows article { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 9px; border: 1px solid rgba(232, 234, 241, .05); border-radius: 8px; background: #202126; }
.dashboardShell-admin .adminResellerTenantRows article > i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #d2b4dc; background: rgba(185, 101, 220, .09); font-size: 8px; font-style: normal; }
.dashboardShell-admin .adminResellerTenantRows article > span { display: grid; gap: 2px; }
.dashboardShell-admin .adminResellerTenantRows strong { color: #bfc1c7; font-size: 10px; }
.dashboardShell-admin .adminResellerTenantRows small { color: #737680; font-size: 8px; }
.dashboardShell-admin .adminResellerTenantRows article > b { color: #62ba8b; font-size: 8px; text-transform: uppercase; }
.dashboardShell-admin .adminResellerTenantRows article > b.removed { color: #d19e50; }
.dashboardShell-admin .adminResellerDrawerBackdrop { display: none; }

body[data-route="admin"] .adminResellerFormModal { width: min(640px, calc(100vw - 28px)); padding: 0 !important; overflow: hidden; }
body[data-route="admin"] .adminResellerFormModal > header { display: grid; grid-template-columns: minmax(0, 1fr) 34px; align-items: start; gap: 12px; padding: 17px 18px; border-bottom: 1px solid rgba(232, 234, 241, .06); }
body[data-route="admin"] .adminResellerFormModal > header > div { display: grid; gap: 4px; }
body[data-route="admin"] .adminResellerFormModal > header span { color: #a66db8; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
body[data-route="admin"] .adminResellerFormModal > header h2 { margin: 0; color: #ececef; font-size: 21px; }
body[data-route="admin"] .adminResellerFormModal > header p { margin: 0; color: #777a84; font-size: 9px; }
body[data-route="admin"] .adminResellerFormModal > header button { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(232, 234, 241, .07); border-radius: 8px; color: #898c95; background: #292a30; }
body[data-route="admin"] .adminResellerFormModal > header button svg { width: 13px; height: 13px; }
body[data-route="admin"] .adminResellerFormGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px 18px; }
body[data-route="admin"] .adminResellerFormGrid label { display: grid; gap: 6px; color: #858892; font-size: 9px; }
body[data-route="admin"] .adminResellerFormGrid label.full { grid-column: 1 / -1; }
body[data-route="admin"] .adminResellerFormGrid input { min-height: 42px; padding: 0 11px; border: 1px solid rgba(232, 234, 241, .07); border-radius: 8px; color: #c9cad0; background: #1d1e22; font-size: 10px; }
body[data-route="admin"] .adminResellerFormModal > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 13px 18px; border-top: 1px solid rgba(232, 234, 241, .06); }
body[data-route="admin"] .adminResellerCreatedToken { display: grid; gap: 4px; margin: 0 18px 14px; padding: 10px; border: 1px solid rgba(201, 120, 232, .1); border-radius: 8px; background: rgba(185, 101, 220, .04); }
body[data-route="admin"] .adminResellerCreatedToken span { color: #9a68aa; font-size: 8px; }
body[data-route="admin"] .adminResellerCreatedToken code { overflow-wrap: anywhere; color: #d3b1df; font-size: 9px; }

@media (max-width: 1320px) {
  .dashboardShell-admin .adminResellerWorkspace { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminResellerDetail { position: static; }
}

@media (max-width: 900px) {
  .dashboardShell-admin .adminResellerMetrics { grid-template-columns: 1fr 1fr; }
  .dashboardShell-admin .adminResellerTableHead,
  .dashboardShell-admin .adminResellerRow { grid-template-columns: minmax(170px, 1.2fr) minmax(140px, 1fr) 80px auto; }
  .dashboardShell-admin .adminResellerTableHead > :nth-child(3),
  .dashboardShell-admin .adminResellerRow > :nth-child(3) { display: none; }
  .dashboardShell-admin .adminResellerAdvancedBody { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminResellerAdvancedBody > details { grid-column: 1; }
}

@media (max-width: 820px) {
  .dashboardShell-admin .adminResellerDetail { position: fixed; z-index: 122; inset: 12px 10px 12px auto; width: min(390px, calc(100vw - 20px)); overflow-y: auto; border-radius: 12px; transform: translateX(calc(100% + 24px)); visibility: hidden; transition: transform .2s ease, visibility .2s ease; }
  .dashboardShell-admin .adminResellerDetail.isOpen { transform: translateX(0); visibility: visible; }
  .dashboardShell-admin .adminResellerDetail > header { grid-template-columns: 46px minmax(0, 1fr) auto 30px; }
  .dashboardShell-admin .adminResellerDrawerClose { display: grid; width: 30px; height: 30px; padding: 0; place-items: center; border: 1px solid rgba(232, 234, 241, .07); border-radius: 7px; color: #8a8d96; background: #292a30; }
  .dashboardShell-admin .adminResellerDrawerClose svg { width: 12px; height: 12px; }
  .dashboardShell-admin .adminResellerDrawerBackdrop { position: fixed; z-index: 121; inset: 0; display: block; border: 0; background: rgba(7, 8, 10, .68); backdrop-filter: blur(3px); }
}

@media (max-width: 600px) {
  .dashboardShell-admin .adminResellerMetric { grid-template-columns: 36px minmax(0, 1fr); min-height: 74px; padding: 10px; }
  .dashboardShell-admin .adminResellerMetric > i { width: 36px; height: 36px; }
  .dashboardShell-admin .adminResellerMetric span { font-size: 8px; }
  .dashboardShell-admin .adminResellerMetric strong { font-size: 20px; }
  .dashboardShell-admin .adminResellerMainHeader { align-items: stretch; flex-direction: column-reverse; }
  .dashboardShell-admin .adminResellerNewButton { justify-content: center; }
  .dashboardShell-admin .adminResellerTableHead { display: none; }
  .dashboardShell-admin .adminResellerRow { grid-template-columns: minmax(0, 1fr) auto; }
  .dashboardShell-admin .adminResellerRow > :nth-child(2),
  .dashboardShell-admin .adminResellerRow > :nth-child(3),
  .dashboardShell-admin .adminResellerRow > :nth-child(4) { display: none; }
  body[data-route="admin"] .adminResellerFormGrid { grid-template-columns: 1fr; }
  body[data-route="admin"] .adminResellerFormGrid label.full { grid-column: 1; }
}

/* Loader oficial — operacao compacta e alinhada ao painel cinza. */
.dashboardShell-admin .adminLoaderWorkspace {
  display: grid;
  gap: 11px;
  min-width: 0;
}

.dashboardShell-admin .adminLoaderMetrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.dashboardShell-admin .adminLoaderMetrics article {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 74px;
  padding: 13px 14px;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 10px;
  background: #232429;
  box-shadow: none;
}

.dashboardShell-admin .adminLoaderMetrics span {
  color: #777b85;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dashboardShell-admin .adminLoaderMetrics strong {
  overflow: hidden;
  color: #e5e6ea;
  font-size: 15px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboardShell-admin .adminLoaderMetrics small {
  overflow: hidden;
  color: #70747e;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboardShell-admin .adminLoaderGrid {
  display: grid;
  grid-template-columns: minmax(520px, 1.12fr) minmax(390px, .88fr);
  align-items: start;
  gap: 11px;
  min-width: 0;
}

.dashboardShell-admin .adminLoaderSideColumn {
  display: grid;
  gap: 11px;
  min-width: 0;
}

.dashboardShell-admin .adminLoaderCard {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(232, 234, 241, .065);
  border-radius: 11px;
  background: #202126;
  box-shadow: none;
}

.dashboardShell-admin .adminLoaderCardHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(232, 234, 241, .055);
}

.dashboardShell-admin .adminLoaderCardHeader > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.dashboardShell-admin .adminLoaderCardHeader > div:first-child > span {
  color: #a96fbb;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .11em;
}

.dashboardShell-admin .adminLoaderCardHeader h3 {
  margin: 0;
  color: #e7e8ec;
  font-size: 13px;
  letter-spacing: -.02em;
}

.dashboardShell-admin .adminLoaderCardHeader p {
  margin: 0;
  color: #747883;
  font-size: 8px;
}

.dashboardShell-admin .adminLoaderBrandSample {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: baseline;
  gap: 3px;
  max-width: 220px;
  padding: 7px 9px;
  border: 1px solid color-mix(in srgb, var(--loader-brand) 22%, rgba(232, 234, 241, .06));
  border-radius: 8px;
  background: color-mix(in srgb, var(--loader-brand) 5%, #24252a);
}

.dashboardShell-admin .adminLoaderBrandSample strong,
.dashboardShell-admin .adminLoaderBrandSample span {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboardShell-admin .adminLoaderBrandSample strong { color: #d8d9de; }
.dashboardShell-admin .adminLoaderBrandSample span { color: color-mix(in srgb, var(--loader-brand) 60%, #d8d9de); }

.dashboardShell-admin .adminLoaderIdentityGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  padding: 15px 16px 8px;
}

.dashboardShell-admin .adminLoaderField,
.dashboardShell-admin .adminLoaderIdentityGrid > .colorField {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  color: #a5a8b1;
  font-size: 9px;
  font-weight: 750;
}

.dashboardShell-admin .adminLoaderField > span,
.dashboardShell-admin .adminLoaderIdentityGrid > .colorField > span {
  color: #a5a8b1;
  font-size: 9px;
  font-weight: 750;
}

.dashboardShell-admin .adminLoaderField small {
  color: #6f737d;
  font-size: 8px;
  font-weight: 500;
}

.dashboardShell-admin .adminLoaderFieldWide { grid-column: 1 / -1; }

.dashboardShell-admin .adminLoaderField input,
.dashboardShell-admin .adminLoaderIdentityGrid .colorControl input,
.dashboardShell-admin .adminLoaderAssetField > input {
  width: 100%;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid #303239;
  border-radius: 8px;
  color: #d5d7dc;
  background: #1b1c20;
  box-shadow: none;
  font-size: 10px;
}

.dashboardShell-admin .adminLoaderField input:focus,
.dashboardShell-admin .adminLoaderIdentityGrid .colorControl input:focus,
.dashboardShell-admin .adminLoaderAssetField > input:focus {
  border-color: rgba(185, 101, 220, .46);
  box-shadow: 0 0 0 3px rgba(185, 101, 220, .075);
}

.dashboardShell-admin .adminLoaderIdentityGrid .colorControl {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 6px;
}

.dashboardShell-admin .adminLoaderIdentityGrid .colorControl .colorPickerInput {
  width: 40px;
  min-height: 40px;
  padding: 3px;
  cursor: pointer;
}

.dashboardShell-admin .adminLoaderAssetGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  padding: 8px 16px 15px;
}

.dashboardShell-admin .adminLoaderAssetField {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 11px;
  border: 1px solid rgba(232, 234, 241, .06);
  border-radius: 9px;
  background: #24252a;
}

.dashboardShell-admin .adminLoaderAssetField > header {
  grid-column: 1 / -1;
  display: grid;
  gap: 2px;
}

.dashboardShell-admin .adminLoaderAssetField > header strong { color: #cfd1d6; font-size: 10px; }
.dashboardShell-admin .adminLoaderAssetField > header small { color: #70747e; font-size: 8px; }
.dashboardShell-admin .adminLoaderAssetField > input { min-width: 0; }

.dashboardShell-admin .adminLoaderAssetField .imageUploadControl {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
}

.dashboardShell-admin .adminLoaderAssetField .imagePickerBtn {
  width: 34px;
  min-height: 40px;
  border: 1px solid #35373e;
  border-radius: 8px;
  color: #9a9da6;
  background: #2a2b30;
}

.dashboardShell-admin .adminLoaderAssetField .imageUploadControl .ghostBtn {
  min-height: 40px;
  padding: 8px 10px;
  border-color: rgba(185, 101, 220, .24);
  border-radius: 8px;
  color: #c89cda;
  background: rgba(185, 101, 220, .045);
  font-size: 8px;
}

.dashboardShell-admin .adminLoaderCardFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 16px;
  border-top: 1px solid rgba(232, 234, 241, .055);
  background: #222328;
}

.dashboardShell-admin .adminLoaderCardFooter > span { color: #747883; font-size: 8px; }
.dashboardShell-admin .adminLoaderCardFooter .btn,
.dashboardShell-admin .adminLoaderReleaseActions .btn,
.dashboardShell-admin .adminLoaderTokenForm > .btn {
  min-height: 36px;
  border-radius: 8px;
  background: #b965dc;
  box-shadow: none;
  font-size: 9px;
}

.dashboardShell-admin .adminLoaderStatus {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  border: 1px solid rgba(232, 234, 241, .07);
  border-radius: 999px;
  color: #969aa4;
  background: rgba(232, 234, 241, .025);
  font-size: 7px;
  font-weight: 850;
  text-transform: uppercase;
}

.dashboardShell-admin .adminLoaderStatus i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}

.dashboardShell-admin .adminLoaderStatus.good { border-color: rgba(91, 215, 159, .15); color: #5bd79f; background: rgba(91, 215, 159, .045); }
.dashboardShell-admin .adminLoaderStatus.warning { border-color: rgba(218, 172, 84, .15); color: #d7a957; background: rgba(218, 172, 84, .045); }

.dashboardShell-admin .adminLoaderReleaseFacts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 14px 16px;
}

.dashboardShell-admin .adminLoaderReleaseFacts > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 0 10px;
  border-right: 1px solid rgba(232, 234, 241, .055);
}

.dashboardShell-admin .adminLoaderReleaseFacts > span:first-child { padding-left: 0; }
.dashboardShell-admin .adminLoaderReleaseFacts > span:last-child { padding-right: 0; border-right: 0; }
.dashboardShell-admin .adminLoaderReleaseFacts small { color: #70747e; font-size: 7px; text-transform: uppercase; }
.dashboardShell-admin .adminLoaderReleaseFacts strong { overflow: hidden; color: #d8d9de; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

.dashboardShell-admin .adminLoaderReleaseActions {
  display: flex;
  gap: 7px;
  padding: 0 16px 15px;
}

.dashboardShell-admin .adminLoaderReleaseActions .ghostBtn {
  min-height: 36px;
  border-color: #34363d;
  border-radius: 8px;
  color: #a5a8b1;
  background: #292a2f;
  font-size: 9px;
}

.dashboardShell-admin .adminLoaderCompactEmpty,
.dashboardShell-admin .adminLoaderTokenEmpty {
  display: grid;
  gap: 4px;
  padding: 16px;
  color: #747883;
}

.dashboardShell-admin .adminLoaderCompactEmpty strong,
.dashboardShell-admin .adminLoaderTokenEmpty strong { color: #cfd1d6; font-size: 10px; }
.dashboardShell-admin .adminLoaderCompactEmpty span,
.dashboardShell-admin .adminLoaderTokenEmpty span { font-size: 8px; }

.dashboardShell-admin .adminLoaderCompactEmpty button {
  justify-self: start;
  min-height: 31px;
  margin-top: 6px;
  padding: 6px 9px;
  border: 1px solid #34363d;
  border-radius: 7px;
  color: #b88bc8;
  background: #28292e;
  font-size: 8px;
}

.dashboardShell-admin .adminLoaderTokenForm {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  padding: 14px 16px;
}

.dashboardShell-admin .adminLoaderTokenForm > .btn { min-width: 126px; }
.dashboardShell-admin .adminLoaderPlainToken {
  display: grid;
  gap: 5px;
  margin: 0 16px 12px;
  padding: 10px;
  border: 1px solid rgba(185, 101, 220, .14);
  border-radius: 8px;
  background: rgba(185, 101, 220, .04);
}

.dashboardShell-admin .adminLoaderPlainToken span { color: #a86fba; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.dashboardShell-admin .adminLoaderPlainToken code { overflow-wrap: anywhere; color: #d3b0df; font-size: 9px; }

.dashboardShell-admin .adminLoaderTokenList {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(232, 234, 241, .055);
}

.dashboardShell-admin .adminLoaderTokenRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 16px;
  border-bottom: 1px solid rgba(232, 234, 241, .05);
}

.dashboardShell-admin .adminLoaderTokenRow:last-child { border-bottom: 0; }
.dashboardShell-admin .adminLoaderTokenRow > div:first-child { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 8px; min-width: 0; }
.dashboardShell-admin .adminLoaderTokenRow code { overflow: hidden; color: #cfd0d5; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.dashboardShell-admin .adminLoaderTokenRow small { grid-column: 1 / -1; color: #6f737d; font-size: 7px; }
.dashboardShell-admin .adminLoaderTokenRow > div:last-child { display: flex; align-items: center; gap: 6px; }
.dashboardShell-admin .adminLoaderTokenRow :is(.linkBtn, .dangerBtn) { min-height: 31px; padding: 6px 8px; border-radius: 7px; font-size: 8px; }
.dashboardShell-admin .adminLoaderTokenRow .linkBtn { display: inline-flex; align-items: center; gap: 5px; }
.dashboardShell-admin .adminLoaderTokenRow .linkBtn svg { width: 11px; height: 11px; }

@media (max-width: 1250px) {
  .dashboardShell-admin .adminLoaderGrid { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminLoaderSideColumn { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 850px) {
  .dashboardShell-admin .adminLoaderMetrics { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminLoaderSideColumn { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .dashboardShell-admin .adminLoaderIdentityGrid,
  .dashboardShell-admin .adminLoaderAssetGrid,
  .dashboardShell-admin .adminLoaderTokenForm { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminLoaderFieldWide { grid-column: 1; }
  .dashboardShell-admin .adminLoaderAssetField { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminLoaderAssetField > header { grid-column: 1; }
  .dashboardShell-admin .adminLoaderAssetField .imageUploadControl { justify-content: flex-start; }
  .dashboardShell-admin .adminLoaderCardHeader,
  .dashboardShell-admin .adminLoaderCardFooter { align-items: stretch; flex-direction: column; }
  .dashboardShell-admin .adminLoaderBrandSample { max-width: 100%; align-self: flex-start; }
  .dashboardShell-admin .adminLoaderTokenForm > .btn { width: 100%; }
  .dashboardShell-admin .adminLoaderTokenRow { grid-template-columns: 1fr; }
  .dashboardShell-admin .adminLoaderTokenRow > div:last-child { justify-content: flex-start; }
}