/* Clean reseller workspace */
.dashboardShell-reseller .dashboardPageHeading{display:none}
.dashboardShell-reseller .dashboardMain{padding-top:24px}
.dashboardShell-reseller .resellerMainPanel{display:grid;gap:14px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.dashboardShell-reseller .dashboardNavGroup.expanded .dashboardNavGroupItems{gap:5px;padding-top:5px}
.dashboardShell-reseller .dashboardNavGroupItems>.dashboardNavItem{min-height:43px}

.resellerPageBar{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:18px 21px;border:1px solid rgba(206,104,231,.13);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.028),rgba(169,45,198,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.resellerPageBar>div:first-child{min-width:0}
.resellerPageBar>div:first-child>span{display:block;margin-bottom:4px;color:#b96dca;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.resellerPageBar h3{margin:0;color:#f4edf6;font-size:clamp(21px,2vw,28px);line-height:1.05}
.resellerPageBar p{margin:7px 0 0;color:rgba(214,199,220,.5);font-size:12px}
.resellerPageBar>b{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(210,106,235,.13);border-radius:10px;color:rgba(232,216,236,.72);background:rgba(178,49,207,.06);font-size:10px}
.resellerKeyHeroActions{display:flex;align-items:center;gap:8px}
.resellerKeyHeroActions .btn{min-height:40px;padding-inline:16px;border-radius:11px}

.resellerMoreActions,.resellerRowMenu{position:relative;z-index:15}
.resellerMoreActions>summary,.resellerRowMenu>summary{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(211,108,237,.13);border-radius:11px;color:rgba(232,217,236,.65);background:rgba(255,255,255,.025);cursor:pointer;font-size:13px;font-weight:900;letter-spacing:1px;list-style:none;transition:.16s ease}
.resellerMoreActions>summary::-webkit-details-marker,.resellerRowMenu>summary::-webkit-details-marker{display:none}
.resellerMoreActions>summary:hover,.resellerMoreActions[open]>summary,.resellerRowMenu>summary:hover,.resellerRowMenu[open]>summary{color:#f7ecf9;border-color:rgba(218,105,243,.3);background:rgba(180,50,211,.1)}
.resellerMoreActions>div,.resellerRowMenu>div{position:absolute;z-index:90;top:calc(100% + 6px);right:0;min-width:170px;padding:5px;border:1px solid rgba(216,107,241,.18);border-radius:12px;background:rgba(16,7,21,.985);box-shadow:0 18px 42px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.resellerMoreActions>div button,.resellerRowMenu>div button{width:100%;min-height:36px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:8px;color:rgba(232,218,236,.72);background:transparent;cursor:pointer;font-size:10px;font-weight:750;text-align:left}
.resellerMoreActions>div button:hover,.resellerRowMenu>div button:hover{color:#f7eff9;background:rgba(181,51,212,.1)}
.resellerRowMenu>div button.danger{color:#e69bb5}
.resellerMoreActions>div svg,.resellerRowMenu>div svg{width:15px;height:15px}

.resellerCompactSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(205,103,230,.11);border-radius:14px;background:rgba(255,255,255,.018);overflow:hidden}
.resellerCompactSummary>span{min-width:0;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-left:1px solid rgba(255,255,255,.045)}
.resellerCompactSummary>span:first-child{border-left:0}
.resellerCompactSummary small{color:rgba(211,194,217,.46);font-size:9px;font-weight:750}
.resellerCompactSummary strong{color:#f1e9f3;font-size:18px}
.resellerCompactSummary .success strong{color:#c97dde}
.resellerCompactSummary .warning strong{color:#dca268}
.resellerCompactSummary .danger strong{color:#d77c9d}

.resellerQuickFilters{display:flex;align-items:center;gap:6px;padding:2px;overflow-x:auto;scrollbar-width:none}
.resellerQuickFilters::-webkit-scrollbar{display:none}
.resellerQuickFilters button{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.055);border-radius:999px;color:rgba(216,201,222,.5);background:rgba(255,255,255,.018);cursor:pointer;font-size:9px;font-weight:800;transition:.16s ease}
.resellerQuickFilters button b{min-width:19px;padding:2px 5px;border-radius:99px;color:rgba(230,215,234,.67);background:rgba(255,255,255,.045);font-size:8px}
.resellerQuickFilters button:hover{color:rgba(238,226,241,.78);border-color:rgba(212,105,237,.16)}
.resellerQuickFilters button.active{color:#f8effa;border-color:rgba(218,106,243,.29);background:linear-gradient(135deg,rgba(182,51,213,.16),rgba(110,30,131,.07))}
.resellerQuickFilters button.active b{color:#f0d9f5;background:rgba(207,94,234,.13)}

.dashboardShell-reseller .resellerFiltersDisclosure{margin:0;border-color:rgba(205,103,230,.09);border-radius:12px;background:rgba(255,255,255,.012)}
.dashboardShell-reseller .resellerFiltersDisclosure>summary{min-height:43px;padding:9px 13px}
.dashboardShell-reseller .resellerFiltersDisclosure[open]>summary{border-bottom-color:rgba(255,255,255,.045)}
.dashboardShell-reseller .resellerManagerFilters{grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:11px;gap:7px}
.dashboardShell-reseller .resellerClientFilters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}

.resellerSettingsShell{display:grid;gap:12px}
.resellerSettingsHeader{min-height:82px}
.resellerSettingsTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:6px;border:1px solid rgba(207,103,232,.1);border-radius:15px;background:rgba(255,255,255,.015)}
.resellerSettingsTabs button{min-width:0;min-height:54px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid transparent;border-radius:11px;color:rgba(215,199,220,.45);background:transparent;cursor:pointer;text-align:left;transition:.16s ease}
.resellerSettingsTabs button>i{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.018)}
.resellerSettingsTabs svg{width:15px;height:15px}
.resellerSettingsTabs span{min-width:0;display:grid;gap:2px}
.resellerSettingsTabs strong{color:inherit;font-size:10px}
.resellerSettingsTabs small{color:rgba(208,192,214,.34);font-size:8px}
.resellerSettingsTabs button:hover{color:rgba(237,224,240,.73);background:rgba(255,255,255,.02)}
.resellerSettingsTabs button.active{color:#f7edfa;border-color:rgba(217,106,241,.23);background:linear-gradient(135deg,rgba(183,52,213,.15),rgba(105,29,126,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.resellerSettingsTabs button.active>i{color:#d875ed;border-color:rgba(217,106,241,.19);background:rgba(183,51,214,.1)}
.resellerSettingsContent{min-width:0}
.resellerSettingsContent>:first-child{margin-top:0}

.resellerAttentionStrip{display:flex;flex-wrap:wrap;gap:7px}
.resellerAttentionStrip button{flex:1 1 230px;min-height:50px;display:grid;grid-template-columns:7px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(206,104,231,.1);border-radius:12px;color:rgba(221,207,225,.62);background:rgba(255,255,255,.017);cursor:pointer;text-align:left}
.resellerAttentionStrip button>i{width:7px;height:7px;border-radius:50%;background:#9d729f;box-shadow:0 0 12px rgba(157,114,159,.25)}
.resellerAttentionStrip button.warning>i{background:#d49a5f;box-shadow:0 0 12px rgba(212,154,95,.28)}
.resellerAttentionStrip button span{display:grid;gap:2px}
.resellerAttentionStrip strong{color:rgba(240,228,243,.82);font-size:10px}
.resellerAttentionStrip small{color:rgba(207,190,213,.42);font-size:8px}
.resellerAttentionStrip svg{width:14px;height:14px}
.resellerAnalyticsPrimary{min-width:0}
.resellerAnalyticsPrimary .resellerPerformanceCard{width:100%}
.dashboardShell-reseller .resellerAnalyticsMetric{min-height:92px;padding:12px}
.resellerAnalyticsRanking .resellerTopProductsCard{min-height:auto}
.resellerAnalyticsRanking .resellerTopProductsClean{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.resellerAnalyticsRanking .resellerTopProductsClean>div{border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(255,255,255,.015)}

.resellerClientDirectoryClean,.resellerKeyDirectoryClean,.resellerClientDirectoryClean .resellerClientDirectoryBody,.resellerKeyDirectoryClean .resellerKeyDirectoryBody{overflow:visible}
.resellerClientDirectoryClean .resellerClientDirectoryHead,.resellerClientDirectoryClean .resellerClientCleanRow{grid-template-columns:minmax(190px,1.35fr) minmax(155px,1fr) minmax(125px,.75fr) minmax(90px,.55fr) 48px}
.resellerKeyDirectoryClean .resellerKeyDirectoryHead,.resellerKeyDirectoryClean .resellerKeyCleanRow{grid-template-columns:minmax(175px,1fr) minmax(210px,1.35fr) minmax(150px,.9fr) minmax(90px,.55fr) minmax(105px,.65fr)}
.resellerClientCleanRow,.resellerKeyCleanRow{position:relative;z-index:1;overflow:visible!important}
.resellerClientCleanRow:has(.resellerRowMenu[open]),.resellerKeyCleanRow:has(.resellerRowMenu[open]){z-index:30}
.resellerClientCleanRow .resellerClientDirectoryProduct>div,.resellerKeyCleanRow .resellerKeyProduct>div{min-width:0}
.resellerClientCleanRow .resellerClientDirectoryProduct,.resellerKeyCleanRow .resellerKeyProduct{display:block;gap:0}
.resellerClientCleanRow .resellerRowMenu{justify-self:end}
.resellerClientCleanRow .resellerRowMenu>summary{width:34px;height:34px;border-radius:9px}
.resellerClientExtra{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.045)}
.resellerClientExtra>summary{min-height:34px;display:flex;align-items:center;gap:6px;padding:7px 10px;color:rgba(208,190,214,.48);cursor:pointer;font-size:9px;font-weight:750;list-style:none}
.resellerClientExtra>summary::-webkit-details-marker{display:none}
.resellerClientExtra>summary svg{width:12px;height:12px;transition:transform .16s ease}
.resellerClientExtra[open]>summary svg{transform:rotate(180deg)}
.resellerClientExtra>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 10px 10px}
.resellerClientExtra>div>span{min-width:0;display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:rgba(255,255,255,.014)}
.resellerClientExtra small{color:rgba(205,187,211,.38);font-size:8px;text-transform:uppercase}
.resellerClientExtra strong{overflow:hidden;color:rgba(235,222,238,.72);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.resellerClientExtra em{color:rgba(204,186,210,.38);font-size:8px;font-style:normal}
.resellerCopyAction{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(211,105,237,.12);border-radius:8px;color:rgba(228,214,232,.66);background:rgba(180,49,210,.055);cursor:pointer;font-size:9px;font-weight:800}
.resellerCopyAction:hover{color:#f6ebf8;border-color:rgba(218,106,243,.27);background:rgba(181,50,212,.11)}
.resellerCopyAction svg{width:13px;height:13px}
.resellerKeyCleanRow .resellerKeyActions{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.resellerKeyCleanRow .resellerRowMenu>summary{width:32px;height:32px;border-radius:8px}

@media(max-width:1100px){
  .resellerCompactSummary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resellerCompactSummary>span:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.045)}
  .resellerCompactSummary>span:nth-child(4){border-top:1px solid rgba(255,255,255,.045)}
  .resellerAnalyticsRanking .resellerTopProductsClean{grid-template-columns:1fr}
  .resellerClientDirectoryClean .resellerClientDirectoryHead,.resellerKeyDirectoryClean .resellerKeyDirectoryHead{display:none}
  .resellerClientDirectoryClean .resellerClientCleanRow,.resellerKeyDirectoryClean .resellerKeyCleanRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}
  .resellerClientCleanRow .resellerRowMenu{position:absolute;top:11px;right:11px}
  .resellerClientCleanRow .resellerClientDirectoryIdentity{padding-right:42px}
  .resellerKeyCleanRow .resellerKeyActions{justify-content:flex-start}
  .resellerClientExtra{grid-column:1/-1}
}

@media(max-width:720px){
  .dashboardShell-reseller .dashboardMain{padding-top:14px}
  .resellerPageBar{align-items:flex-start;flex-direction:column;min-height:0;padding:16px}
  .resellerPageBar p{max-width:42rem}
  .resellerKeyHeroActions{width:100%}
  .resellerKeyHeroActions .btn{flex:1}
  .resellerSettingsTabs{grid-template-columns:1fr}
  .resellerSettingsTabs button{min-height:48px}
  .dashboardShell-reseller .resellerManagerFilters,.dashboardShell-reseller .resellerClientFilters{grid-template-columns:1fr}
  .resellerClientDirectoryClean .resellerClientCleanRow,.resellerKeyDirectoryClean .resellerKeyCleanRow{grid-template-columns:1fr}
  .resellerClientExtra>div{grid-template-columns:1fr}
  .resellerKeyCleanRow .resellerKeyActions{justify-content:space-between}
}