/* ============================================================================
   NEXORA · SELLER MONEY + SUPPORT (V2026.200)
   seller-dashboard.html (tool listings, earnings, payouts, sales, refunds,
   support inbox, analytics) and support.html (tickets, thread, reports).
   Brand v1.0: Black / Paper / Purple accent, Lime on dark only, square
   corners, 1px hairlines, no shadows or gradients. Builds on nx-dash.css.
   Prefixes: .sdx- (dashboard parts, shared) and .sup- (support page).
   ========================================================================== */

/* ---------- small parts ---------- */
.sdx-tag{display:inline-flex;align-items:center;font:600 10.5px/1 var(--nx-mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 7px;background:#F7E3FE;color:#7A02A2;border:1px solid #F7E3FE;white-space:nowrap}
.sdx-st{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--nx-mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border:1px solid #D9D8D2;color:#3A3A38;white-space:nowrap;background:#fff}
.sdx-st::before{content:"";width:6px;height:6px;background:currentColor;flex:0 0 6px}
.sdx-st.ok{border-color:#17694A;color:#17694A}
.sdx-st.warn{border-color:#9A5A0A;color:#8A4F06}
.sdx-st.bad{border-color:#C4362F;color:#B0302A}
.sdx-st.info{border-color:#7A02A2;color:#7A02A2}
.sdx-mute{color:#6B6B67}
.sdx-mono{font-family:var(--nx-mono);font-size:12.5px;letter-spacing:0}
.sdx-neg{color:#B0302A}
.sdx-msg{font:400 14px/1.5 var(--nx-text);margin:10px 0 0;padding:10px 12px;border-left:3px solid #050505;background:#F7F6F2}
.sdx-msg.err{border-left-color:#C4362F;background:#FFF6F5}
.sdx-msg.ok{border-left-color:#17694A;background:#F2FAF5}
.sdx-msg:empty{display:none}

/* listing counts */
.sdx-counts{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:1px;background:#E4E3DD;border:1px solid #E4E3DD}
.sdx-counts li{flex:1 1 120px;background:#fff;min-width:0}
.sdx-counts a{display:grid;gap:4px;padding:12px 14px;color:#050505;text-decoration:none;min-height:44px}
.sdx-counts a:hover span{text-decoration:underline}
.sdx-counts b{font:600 24px/1 var(--nx-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sdx-counts span{font:400 12.5px/1.35 var(--nx-text);color:#3A3A38}

/* money */
.sdx-kpis{margin:0 0 16px}
.sdx-dl{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0;border-top:1px solid #E4E3DD}
.sdx-dl dt,.sdx-dl dd{margin:0;padding:9px 0;border-bottom:1px solid #E4E3DD;font:400 14px/1.4 var(--nx-text);color:#050505}
.sdx-dl dd{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--nx-mono);font-size:13.5px}
.sdx-dl .tot{font-weight:600}
.sdx-dl dd.tot{font-weight:600}
.sdx-rel{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #E4E3DD}
.sdx-rel li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #E4E3DD;font:400 13.5px/1.4 var(--nx-text)}
.sdx-rel li b{font-family:var(--nx-mono);font-weight:500;font-size:13px}
.sdx-test{margin:16px 0 0;border:1px dashed #B003E8;background:#FCF7FE;padding:14px 16px;display:grid;gap:8px}
.sdx-test p{margin:0;font:400 13.5px/1.5 var(--nx-text);color:#3A3A38}
.sdx-test .row{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 13px/1.4 var(--nx-mono);color:#050505}
.sdx-h3{font:600 16px/1.3 var(--nx-display);margin:22px 0 10px;color:#050505;letter-spacing:-.01em}
.sdx-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sdx-form{display:grid;gap:10px;align-content:start}
.sdx-form .nxd-field{margin:0}
.sdx-inline{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.sdx-inline .nxd-field{flex:1 1 160px}
.sdx-amount{position:relative}
.sdx-amount::before{content:"$";position:absolute;left:14px;bottom:13px;font:400 16px/1.4 var(--nx-text);color:#6B6B67}
.sdx-amount input{padding-left:28px!important}

/* tables → cards on phones */
.sdx-tw{overflow-x:auto;border-top:1px solid #E4E3DD;-webkit-overflow-scrolling:touch}
.sdx-t{width:100%;border-collapse:collapse;font:400 13.5px/1.4 var(--nx-text);color:#050505}
.sdx-t th{text-align:left;font:500 10.5px/1.3 var(--nx-mono);letter-spacing:.1em;text-transform:uppercase;color:#3A3A38;padding:10px 10px 8px 0;border-bottom:1px solid #E4E3DD;white-space:nowrap}
.sdx-t td{padding:10px 10px 10px 0;border-bottom:1px solid #E4E3DD;vertical-align:top;min-width:0}
.sdx-t .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sdx-t td .sub{display:block;font-size:12px;color:#6B6B67;margin-top:2px;overflow-wrap:anywhere}
.sdx-t tfoot td{font-weight:600;border-bottom:0;border-top:1px solid #050505}
.sdx-t tr.is-test td{background:#FCF7FE}
.sdx-t a{color:#050505}

/* period switch */
.sdx-seg{display:inline-flex;border:1px solid #050505}
.sdx-seg button{appearance:none;border:0;background:#fff;color:#050505;min-height:36px;min-width:52px;padding:0 12px;font:500 12px/1 var(--nx-mono);letter-spacing:.06em;cursor:pointer;border-radius:0}
.sdx-seg button+button{border-left:1px solid #050505}
.sdx-seg button[aria-pressed="true"]{background:#050505;color:#F7F6F2}
.sdx-seg button:focus-visible{outline:2px solid #B003E8;outline-offset:2px}
.sdx-bars{display:flex;align-items:flex-end;gap:3px;height:96px;border-bottom:1px solid #050505;margin:14px 0 6px;padding-top:6px}
.sdx-bars i{flex:1 1 0;min-width:3px;background:#050505;display:block}
.sdx-bars i.z{background:#E4E3DD;height:1px!important}
.sdx-axis{display:flex;justify-content:space-between;font:500 11px/1 var(--nx-mono);color:#6B6B67}

/* ---------- support page ---------- */
.sup-top{background:#050505;color:#F7F6F2;padding:clamp(40px,7vw,88px) 0 clamp(28px,4vw,44px)}
.sup-top .nxd-eb{color:#DAFF03}
html:not(#_) body .sup-top h1{margin:8px 0 10px;font:600 clamp(36px,6vw,64px)/1 var(--nx-display);letter-spacing:-.04em;color:#F7F6F2}
.sup-top p{margin:0;max-width:62ch;font:400 16px/1.6 var(--nx-text);color:#B4B4AE}
.sup-body{padding-top:28px;padding-bottom:72px}
.sup-tabs{display:flex;gap:0;border-bottom:1px solid #050505;margin:0 0 18px;overflow-x:auto;scrollbar-width:none}
.sup-tabs::-webkit-scrollbar{display:none}
.sup-tabs button{appearance:none;border:0;background:transparent;color:#3A3A38;font:600 14px/1 var(--nx-text);min-height:48px;padding:0 16px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;border-radius:0}
.sup-tabs button[aria-selected="true"]{color:#050505;border-bottom-color:#B003E8}
.sup-tabs button:focus-visible,.sup-item:focus-visible,.sup-f button:focus-visible{outline:2px solid #B003E8;outline-offset:2px}
.sup-tabs i{font-style:normal;font:500 11px/1 var(--nx-mono);margin-left:6px;padding:3px 5px;background:#050505;color:#F7F6F2}
.sup-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.sup-f{display:flex;flex-wrap:wrap;gap:6px}
.sup-f button{appearance:none;border:1px solid #D9D8D2;background:#fff;color:#050505;min-height:40px;padding:0 12px;font:500 13px/1 var(--nx-text);cursor:pointer;border-radius:0}
.sup-f button[aria-pressed="true"]{background:#050505;border-color:#050505;color:#F7F6F2}
.sup-f button b{font:500 11px/1 var(--nx-mono);margin-left:6px}
.sup-list{display:grid;border-top:1px solid #E4E3DD}
.sup-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:14px 4px;border-bottom:1px solid #E4E3DD;text-decoration:none;color:#050505;background:transparent;border-left:0;border-right:0;border-top:0;text-align:left;font:inherit;width:100%;cursor:pointer}
.sup-item:hover .t{text-decoration:underline}
.sup-item .t{font:600 15px/1.35 var(--nx-text);overflow-wrap:anywhere}
.sup-item .s{font:400 13px/1.4 var(--nx-text);color:#3A3A38;overflow-wrap:anywhere;grid-column:1/2}
.sup-item .r{display:grid;justify-items:end;gap:6px;grid-row:1/3;grid-column:2}
.sup-item .r small{font:400 12px/1 var(--nx-text);color:#6B6B67}
.sup-item.you{box-shadow:none;border-left:3px solid #B003E8;padding-left:10px}
.sup-thread{border:1px solid #E4E3DD;background:#fff}
.sup-th{padding:18px 20px;border-bottom:1px solid #E4E3DD;display:grid;gap:8px}
.sup-th h2{margin:0;font:600 22px/1.2 var(--nx-display);letter-spacing:-.02em;overflow-wrap:anywhere}
.sup-th .meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font:400 13px/1.4 var(--nx-text);color:#3A3A38}
.sup-msgs{list-style:none;margin:0;padding:18px 20px;display:grid;gap:14px}
.sup-m{max-width:min(640px,92%);padding:12px 14px;border:1px solid #E4E3DD;background:#F7F6F2}
.sup-m.me{justify-self:end;background:#050505;border-color:#050505;color:#F7F6F2}
.sup-m.staff{border-left:3px solid #B003E8;background:#FCF7FE}
.sup-m .who{display:flex;justify-content:space-between;gap:12px;font:500 11px/1.3 var(--nx-mono);letter-spacing:.08em;text-transform:uppercase;color:#3A3A38;margin-bottom:6px}
html:not(#_) body .sup-m.me .who{color:#B4B4AE}
html:not(#_) body .sup-m.me p{color:#F7F6F2}
.sup-m p{margin:0;font:400 15px/1.55 var(--nx-text);white-space:pre-wrap;overflow-wrap:anywhere}
.sup-compose{border-top:1px solid #E4E3DD;padding:16px 20px;display:grid;gap:10px}
.sup-compose textarea{width:100%;min-height:96px;border:1px solid #050505;padding:12px 14px;font:400 16px/1.5 var(--nx-text);resize:vertical;border-radius:0;box-sizing:border-box;background:#fff;color:#050505}
.sup-compose textarea:focus-visible{outline:2px solid #3B4500;outline-offset:2px}
html:not(#_) body :is(.sup-compose,.sup-new,.sdx-form) :is(input,textarea,select){border-color:#050505;box-shadow:none}
.sup-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sup-new{border:1px solid #E4E3DD;background:#fff;padding:18px 20px;margin:0 0 18px;display:grid;gap:10px}
.sup-new[hidden]{display:none}
.sup-rep{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid #E4E3DD}
.sup-rep .t{font:600 15px/1.35 var(--nx-text);overflow-wrap:anywhere}
.sup-rep .s{font:400 13px/1.45 var(--nx-text);color:#3A3A38;overflow-wrap:anywhere}

@media (max-width:900px){.sdx-grid2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .sdx-tw{overflow:visible}
  .sdx-t,.sdx-t tbody,.sdx-t tfoot{display:block;width:100%}
  .sdx-t thead{display:none}
  .sdx-t tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;padding:12px 0;border-bottom:1px solid #E4E3DD}
  .sdx-t td{display:block;padding:0;border:0;text-align:left!important;white-space:normal!important}
  .sdx-t td.w{grid-column:1/-1}
  .sdx-t td::before{content:attr(data-label);display:block;font:500 10px/1.3 var(--nx-mono);letter-spacing:.1em;text-transform:uppercase;color:#6B6B67;margin-bottom:2px}
  .sdx-t td[data-label=""]::before{display:none}
  .sdx-t tfoot tr{border-top:1px solid #050505}
  .sdx-t tfoot td{border-top:0}
  .sup-item{grid-template-columns:minmax(0,1fr)}
  .sup-item .r{grid-row:auto;grid-column:1;justify-items:start;display:flex;gap:10px;align-items:center}
  .sup-msgs,.sup-th,.sup-compose{padding-left:14px;padding-right:14px}
  .sup-m{max-width:100%}
}
@media (prefers-reduced-motion:reduce){.sdx-bars i{transition:none}}