/* Reseller workspace — native account data and actions, portal presentation. */
body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller .sa-page-customer-reseller-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 17px;
  margin-bottom: 22px;
  border: 0;
}
body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller .sa-page-customer-reseller-stat.rounded-card.bg-surface {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  min-width: 0;
  min-height: 150px;
  padding: 22px;
  border: 1px solid #28282a;
  border-radius: 14px;
  background: #080809;
  box-shadow: 0 4px 18px #00000012;
  text-decoration: none;
}
.sa-page-customer-reseller .sa-page-customer-reseller-stat > span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #ff8226;
}
.sa-page-customer-reseller .sa-page-customer-reseller-stat > span:first-child svg { width: 23px; height: 23px; stroke-width: 1.8; }
.sa-page-customer-reseller .sa-page-customer-reseller-stat p.text-2xl {
  max-width: 100%;
  margin-top: 17px;
  color: #f2f2f4;
  font-size: clamp(25px, 2.5vw, 33px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
  white-space: normal;
  overflow-wrap: anywhere;
}
.sa-page-customer-reseller .sa-page-customer-reseller-stat p.text-sm { margin-top: 8px; color: #a5a5ad; font-size: 12px; line-height: 1.55; }
.sa-page-customer-reseller a.sa-page-customer-reseller-stat { transition: border-color .18s ease, background-color .18s ease; }
.sa-page-customer-reseller a.sa-page-customer-reseller-stat:hover { border-color: #5a3c25; }

/* Section cards restore the same depth as the reference dashboard. */
body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller .sync-client-surface.rounded-card.bg-surface {
  min-width: 0;
  max-width: 100%;
  border: 1px solid #28282a;
  border-radius: 14px;
  background: #080809;
  box-shadow: 0 4px 18px #00000012;
}
.sa-page-customer-reseller .sa-page-customer-reseller-items { grid-template-columns: minmax(0, 1fr); gap: 21px; margin-top: 0; }
.sa-page-customer-reseller .sa-page-customer-reseller-items > * { min-width: 0; }
.sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface.p-5,
.sa-page-customer-reseller .sa-page-customer-reseller-items > .grid > .sync-client-surface.p-5 { padding: 22px; }
.sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface:first-child { border-color: #3b2e24; }
.sa-page-customer-reseller .sa-page-customer-reseller-items > .grid { gap: 21px; }
.sa-page-customer-reseller .sa-page-customer-reseller-items h2 { color: #f0f0f2; font-size: 16px; font-weight: 600; line-height: 1.45; letter-spacing: -.025em; }
.sa-page-customer-reseller .sa-page-customer-reseller-items p.text-sm { max-width: 740px; color: #a5a5ad; font-size: 13px; line-height: 1.75; }
.sa-page-customer-reseller .sa-page-customer-reseller-items p.text-xs { color: #91919c; font-size: 12px; line-height: 1.6; }
.sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface > .border-b { padding: 19px 22px; border-color: #252528; }
.sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface > .p-4 { padding: 21px 22px; }
.sa-page-customer-reseller .sa-page-customer-reseller-items .rounded-input.grid { border-color: #303034; border-radius: 9px; background: #09090b; }
.sa-page-customer-reseller .sa-page-customer-reseller-items .rounded-input.grid > * { border-color: #28282d; }
.sa-page-customer-reseller .sa-page-customer-reseller-items .sa-page-customer-reseller-link { gap: 8px; color: #ff8c39; font-size: 12px; font-weight: 550; }

/* Compact, explicit controls; financial and connection behaviour is unchanged. */
.sa-page-customer-reseller .sa-page-customer-reseller-items :is(a, button).rounded-btn {
  min-height: 40px;
  padding: 9px 13px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.45;
  box-shadow: none;
}
.sa-page-customer-reseller .sa-page-customer-reseller-items :is(a, button).rounded-btn.border-theme { border-color: #3a3a40; background: #101012; color: #d0d0d6; }
.sa-page-customer-reseller .sa-page-customer-reseller-items :is(a, button).rounded-btn.border-theme:hover { border-color: #66666e; background: #151518; color: #fff; }
.sa-page-customer-reseller .sa-page-customer-reseller-items :is(a, button).rounded-btn.text-accent-500 { border-color: #6c421f; background: #2a190d; color: #ff9a4f; }
.sa-page-customer-reseller .sa-page-customer-reseller-items :is(a, button).rounded-btn.text-accent-500:hover { border-color: #b26428; background: #35200f; color: #ffad71; }
.sa-page-customer-reseller .sa-page-customer-reseller-items button.bg-accent-500 { border-color: #ff801f; background: #ff801f; color: #180d04; }
.sa-page-customer-reseller .sa-page-customer-reseller-items button.bg-error { background: #c84642; color: #fff; }
.sa-page-customer-reseller .sa-page-customer-reseller-items button.text-error { color: #f18e86; }
.sa-page-customer-reseller .sa-page-customer-reseller-items .rounded-badge { padding: 4px 8px; border-radius: 6px; font-size: 10px; line-height: 1.5; }

/* The catalog scrolls within its own card; names may wrap, amounts stay aligned. */
.sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface:has(> .overflow-x-auto) { overflow: hidden; }
.sa-page-customer-reseller .sa-page-customer-reseller-items .overflow-x-auto { min-width: 0; max-width: 100%; scrollbar-color: #414147 transparent; scrollbar-width: thin; overscroll-behavior-x: contain; }
.sa-page-customer-reseller .sa-page-customer-reseller-items table { min-width: 720px; font-variant-numeric: tabular-nums; }
body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller table :is(th, td) { padding: 16px 15px; border-color: #242427; }
body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller table :is(th, td):first-child { padding-left: 22px; }
body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller table :is(th, td):last-child { padding-right: 22px; }
.sa-page-customer-reseller .sa-page-customer-reseller-items table th { background: #0c0c0e; color: #8f8f9a; font-size: 10px; font-weight: 500; }
.sa-page-customer-reseller .sa-page-customer-reseller-items table td { color: #dcdce2; font-size: 12px; line-height: 1.6; }
.sa-page-customer-reseller .sa-page-customer-reseller-items table td > a { display: inline-block; max-width: 235px; color: #ededf0; overflow-wrap: anywhere; }
.sa-page-customer-reseller .sa-page-customer-reseller-items table tbody tr:hover { background: #ffffff02; }
.sa-page-customer-reseller .sa-page-customer-reseller-items table :is(button, input) { min-height: 36px; }
.sa-page-customer-reseller .sa-page-customer-reseller-items table input[type="number"] { width: 43px; border-color: #35353c; border-radius: 0; background: #09090b; font-size: 12px; }
.sa-page-customer-reseller .sa-page-customer-reseller-items table .rounded-btn { white-space: nowrap; }
.sa-page-customer-reseller .sa-pagination { padding: 0 22px 19px; }

/* Application, pending, rejected and suspended states retain native messages. */
body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller .sync-client-page-main > .sync-client-surface {
  padding: 36px 27px;
  border: 1px solid #28282a;
  border-radius: 14px;
  background: #080809;
}
.sa-page-customer-reseller :is(.sa-page-customer-reseller-suspended, .sa-page-customer-reseller-applied) h2 { font-size: 21px; font-weight: 600; letter-spacing: -.03em; }
.sa-page-customer-reseller .sync-client-page-main > .sync-client-surface .max-w-xl > span:first-child { border-radius: 10px; }
.sa-page-customer-reseller .sync-client-page-main > .sync-client-surface > .flex > h2 { font-size: 22px; }
.sa-page-customer-reseller .sync-client-page-main > .sync-client-surface .rounded-input.text-center { border-color: #303035; border-radius: 10px; background: #101012; }
.sa-page-customer-reseller .sync-client-page-main > .sync-client-surface textarea { min-height: 110px; border-radius: 8px; background: #08080a; }
.sa-page-customer-reseller .sync-client-page-main > .sync-client-surface button[type="submit"] { min-height: 44px; border-radius: 8px; }

@media (max-width: 1100px) {
  body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller .sa-page-customer-reseller-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller .sa-page-customer-reseller-stats { gap: 12px; margin-bottom: 17px; }
  body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller .sa-page-customer-reseller-stat.rounded-card.bg-surface { min-height: 146px; padding: 18px 16px; border: 1px solid #28282a; border-radius: 12px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-stat p.text-2xl { font-size: 26px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-stat p.text-sm { font-size: 11px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-items { gap: 17px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-items > .grid { grid-template-columns: minmax(0, 1fr); gap: 17px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface.p-5,
  .sa-page-customer-reseller .sa-page-customer-reseller-items > .grid > .sync-client-surface.p-5 { padding: 21px 18px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface > .border-b,
  .sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface > .p-4 { padding: 18px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-items > .sync-client-surface > .border-b { flex-wrap: wrap; }
  .sa-page-customer-reseller .sa-page-customer-reseller-items :is(a, button).rounded-btn { min-height: 44px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-items h2 { font-size: 15px; }
  .sa-page-customer-reseller .sa-page-customer-reseller-items table :is(a, button).rounded-btn { min-height: 38px; }
  body[class*="sa-tpl-customer-"] .component[class*="sa-page-customer-"].sync-client-page.sa-page-customer-reseller .sync-client-page-main > .sync-client-surface { padding: 30px 20px; }
  .sa-page-customer-reseller .sa-pagination { padding-inline: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .sa-page-customer-reseller a.sa-page-customer-reseller-stat { transition: none; }
}