/* ============================================================================
   NEXORA · DASHBOARD LAYER (V2026.187)
   account · seller-dashboard · my-gigs · orders · payout · edit-profile ·
   wishlist. Brand v1.0: Black / Paper / Lime (dark only) / Purple accent,
   square corners, 1px hairlines, no shadows. Loaded after nx-brand.css.
   New components use the .nxd- prefix; the rest are scoped layout fixes.
   ========================================================================== */

/* ---------- shared building blocks ---------- */
.nxd-eb{display:inline-block;font:500 11px/1.3 var(--nx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nx-steel,#6B6B67)}
.nxd-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.nxd-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #050505;background:#050505;color:#F7F6F2;font:600 14px/1 var(--nx-text);text-decoration:none;cursor:pointer;border-radius:0;transition:background var(--nx-t-micro,120ms) var(--nx-ease),color var(--nx-t-micro,120ms) var(--nx-ease),border-color var(--nx-t-micro,120ms) var(--nx-ease)}
.nxd-btn:hover{background:#121212;color:#F7F6F2}
.nxd-btn.ghost{background:transparent;color:#050505}
.nxd-btn.ghost:hover{background:#050505;color:#F7F6F2}
.nxd-btn.lime{background:#DAFF03;border-color:#DAFF03;color:#050505}
.nxd-btn.lime:hover{background:#F7F6F2;border-color:#F7F6F2;color:#050505}
.nxd-btn.ghost-dark{background:transparent;border-color:rgba(247,246,242,.5);color:#F7F6F2}
.nxd-btn.ghost-dark:hover{background:#F7F6F2;color:#050505;border-color:#F7F6F2}
.nxd-btn.sm{min-height:36px;padding:0 12px;font-size:13px}
.nxd-btn.danger{background:transparent;color:#C4362F;border-color:#E4E3DD}
.nxd-btn.danger:hover{background:#C4362F;color:#fff;border-color:#C4362F}
.nxd-btn:disabled{opacity:.55;cursor:default}
.nxd-btn:focus-visible{outline:2px solid #3B4500;outline-offset:2px}

.nxd-panel{background:#FFFFFF;border:1px solid #E4E3DD;padding:24px;min-width:0}
.nxd-panel.dark{background:#050505;border-color:#050505;color:#F7F6F2}
.nxd-panel.dark .nxd-eb{color:#DAFF03}
html:not(#_) body .nxd-panel.dark :is(h2,h3,h4){color:#F7F6F2}
.nxd-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.nxd-panel-head h2,.nxd-panel-head h3{margin:4px 0 0;font:600 22px/1.15 var(--nx-display);letter-spacing:-.02em;color:inherit}
.nxd-panel-head a.more{font:500 12px/1 var(--nx-mono);letter-spacing:.1em;text-transform:uppercase;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.nxd-note{font:400 13px/1.55 var(--nx-text);color:#3A3A38;margin:12px 0 0}
.nxd-panel.dark .nxd-note{color:#B4B4AE}

.nxd-empty{border:1px dashed #B4B4AE;padding:28px 22px;text-align:center;display:grid;gap:10px;justify-items:center;background:#F7F6F2}
.nxd-empty h4{margin:0;font:600 17px/1.3 var(--nx-display);color:#050505}
.nxd-empty p{margin:0;font:400 14px/1.55 var(--nx-text);color:#3A3A38;max-width:46ch}
.nxd-panel.dark .nxd-empty{background:rgba(247,246,242,.04);border-color:rgba(247,246,242,.25)}
.nxd-panel.dark .nxd-empty h4{color:#F7F6F2}.nxd-panel.dark .nxd-empty p{color:#B4B4AE}

.nxd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#E4E3DD;border:1px solid #E4E3DD;margin:22px 0}
.nxd-kpi{background:#FFFFFF;padding:20px 20px 18px;display:grid;gap:6px;min-width:0}
.nxd-kpi b{font:600 30px/1 var(--nx-display);letter-spacing:-.03em;color:#050505;font-variant-numeric:tabular-nums}
.nxd-kpi span{font:500 11px/1.3 var(--nx-mono);letter-spacing:.12em;text-transform:uppercase;color:#3A3A38}
.nxd-kpi small{font:400 12.5px/1.45 var(--nx-text);color:#6B6B67}
.nxd-kpi a{color:#050505}

.nxd-list{display:grid;border-top:1px solid #E4E3DD}
.nxd-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #E4E3DD;text-decoration:none;color:#050505}
a.nxd-item:hover .nxd-item-t{text-decoration:underline}
.nxd-av{width:44px;height:44px;display:grid;place-items:center;background:#050505;color:#F7F6F2;font:600 15px/1 var(--nx-display);background-size:cover;background-position:center;overflow:hidden}
.nxd-item-t{font:600 15px/1.3 var(--nx-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nxd-item-s{font:400 13px/1.4 var(--nx-text);color:#3A3A38;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.nxd-chip{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--nx-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border:1px solid #E4E3DD;color:#3A3A38;white-space:nowrap}
.nxd-chip.live{border-color:#17694A;color:#17694A}
.nxd-chip.paused{border-color:#9A5A0A;color:#9A5A0A}
.nxd-chip.purple{border-color:#F7E3FE;background:#F7E3FE;color:#7A02A2}
.nxd-chip.dot::before{content:"";width:6px;height:6px;background:currentColor}
.nxd-chip.unread{background:#050505;border-color:#050505;color:#F7F6F2}

.nxd-checks{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.nxd-checks li{display:flex;gap:10px;align-items:center;font:400 13.5px/1.4 var(--nx-text);color:#3A3A38}
.nxd-checks li::before{content:"";flex:0 0 14px;height:14px;border:1px solid #B4B4AE}
.nxd-checks li.on{color:#050505}
.nxd-checks li::before{box-sizing:border-box}
.nxd-checks li.on::before{background:#050505;background-clip:content-box;padding:2px;border-color:#050505}
.nxd-panel.dark .nxd-checks li{color:#B4B4AE}
.nxd-panel.dark .nxd-checks li.on{color:#F7F6F2}
.nxd-panel.dark .nxd-checks li::before{border-color:#6B6B67}
.nxd-panel.dark .nxd-checks li.on::before{background-color:#DAFF03;border-color:#DAFF03}
.nxd-meter{height:6px;background:#E4E3DD;margin-top:12px;position:relative;overflow:hidden}
.nxd-meter i{position:absolute;inset:0 auto 0 0;background:#050505;transition:width var(--nx-t-narr,450ms) var(--nx-ease)}
.nxd-panel.dark .nxd-meter{background:rgba(247,246,242,.14)}.nxd-panel.dark .nxd-meter i{background:#DAFF03}

/* sign-in panel (shown instead of a dashboard when signed out) */
.nxd-signin{background:#050505;color:#F7F6F2;padding:clamp(28px,5vw,56px);display:grid;gap:14px;max-width:880px;margin:24px auto}
.nxd-signin .nxd-eb{color:#DAFF03}
.nxd-signin h2{margin:0;font:600 clamp(28px,4vw,44px)/1.05 var(--nx-display);letter-spacing:-.03em;color:#F7F6F2}
.nxd-signin p{margin:0;font:400 16px/1.6 var(--nx-text);color:#B4B4AE;max-width:60ch}
.nxd-signin .nxd-row{margin-top:8px}
.nxd-signin.is-compact{margin:0;max-width:none}

/* loading placeholders for the shared mounts (founding card, rewards) */
[data-nx-founding-card]{display:block;min-width:0}
[data-nx-founding-card]:empty{min-height:180px;background:#050505}
[data-nx-rewards]{display:block;min-width:0}
[data-nx-rewards="compact"]:empty{min-height:220px;background:linear-gradient(90deg,#EFEEE8,#F7F6F2,#EFEEE8);background-size:200% 100%;animation:nxdSk 1.4s linear infinite}
[data-nx-rewards="strip"]:empty{min-height:64px;background:linear-gradient(90deg,#EFEEE8,#F7F6F2,#EFEEE8);background-size:200% 100%;animation:nxdSk 1.4s linear infinite}
[data-nx-rewards="full"]:empty{min-height:320px;background:#EFEEE8}
.nxd-folded:empty{display:none!important;min-height:0!important}
@keyframes nxdSk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){[data-nx-rewards]:empty{animation:none}}

/* ---------- ACCOUNT ---------- */
.nxd-acct-founding{margin:28px 0 0}
.nx-acct-side a[hidden],.nx-acct-section[hidden]{display:none!important}
.nx-acct-side a.nxd-ext{border-top:1px solid #E4E3DD;margin-top:14px;padding-top:14px}
.nxd-acct-actions{display:flex;gap:10px;flex-wrap:wrap}
.nxd-acct-av{background-size:cover!important;background-position:center!important}
.nxd-mini-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.nx-acct-row .v a{color:#050505}
html:not(#_):not(#_) body .nx-acct-row button,html:not(#_):not(#_) body .nx-acct-row a.edit{min-height:40px;border-radius:0}
@media (max-width:900px){
  .nx-acct-side{display:flex!important;gap:0;overflow-x:auto;scroll-snap-type:x proximity;border-bottom:1px solid #E4E3DD;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .nx-acct-side::-webkit-scrollbar{display:none}
  .nx-acct-side a{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;border-left:0!important;border-bottom:2px solid transparent;padding:14px 14px!important;margin:0!important;background:transparent!important}
  .nx-acct-side a.is-active{border-bottom-color:#050505}
  .nx-acct-side a.nxd-ext{border-top:0}
  .nx-acct-grid{grid-template-columns:minmax(0,1fr)!important}
  .nx-acct-grid>*{min-width:0}
}
@media (max-width:560px){
  .nx-acct-row{grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px}
  .nx-acct-row .k{grid-column:1/-1}
  .nx-acct-row .v{grid-column:1/2;order:0;overflow-wrap:anywhere}
  .nx-acct-head{grid-template-columns:auto minmax(0,1fr)!important}
  .nx-acct-head h1{font-size:30px!important;overflow-wrap:anywhere}
  .nx-acct-head .nx-acct-av{width:60px;height:60px;font-size:22px}
  #roleToggle button{white-space:nowrap;padding:8px 12px!important}
  .nx-acct-head .meta{overflow-wrap:anywhere}
  .nxd-acct-actions{grid-column:1/-1}
  .nxd-acct-actions .nx-cta{flex:1 1 auto;justify-content:center}
}

/* ---------- SELLER DASHBOARD ---------- */
.nxd-sd-founding{margin:18px 0 0}
.nxd-sd-founding+.nx-dash-head{margin-top:44px}
.nxd-sd-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;margin-top:8px}
.nxd-sd-main,.nxd-sd-side{display:grid;gap:18px;min-width:0;align-content:start}
.nx-sdh-bar .av{background-size:cover;background-position:center}
.nxd-sd-right{display:flex;gap:10px;flex-wrap:wrap}
.nxd-boost-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:1px solid rgba(247,246,242,.14);min-width:0}
.nxd-boost-row .t{font:600 13.5px/1.3 var(--nx-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html:not(#_):not(#_) body .nxd-panel.dark a.nxd-boost{border-color:#DAFF03;color:#DAFF03!important;text-decoration:none;min-height:32px}
html:not(#_):not(#_) body .nxd-panel.dark a.nxd-boost:hover{background:#DAFF03;color:#050505!important}
.nxd-quick{display:grid;gap:0;border-top:1px solid #E4E3DD}
.nxd-quick a{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-bottom:1px solid #E4E3DD;color:#050505;text-decoration:none;font:500 15px/1.2 var(--nx-text)}
.nxd-quick a::after{content:"→";font-family:var(--nx-mono)}
.nxd-quick a:hover{padding-left:4px}
@media (max-width:1180px){
  .nxd-sd-cols{grid-template-columns:minmax(0,1fr)}
  .nx-sd-cols{grid-template-columns:minmax(0,1fr)!important}
  .nx-sd-cols>*{min-width:0}
}
@media (max-width:900px){.nxd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .nxd-kpi b{font-size:24px}
  .nxd-panel{padding:18px}
  .nx-sdh-bar{flex-wrap:wrap;gap:14px}
  .nxd-sd-right,.nxd-sd-right .nxd-btn{width:100%}
}

/* ---------- MY GIGS (table → stacked cards on phones) ---------- */
.nxd-gigs-strip{margin:4px 0 18px}
.nx-gigs-table.nxd-gt{min-width:0;width:100%}
@media (max-width:640px){
  #gigsTableHost,#gigsLocalHost{overflow:visible!important}
  .nx-gigs-table.nxd-gt,.nx-gigs-table.nxd-gt tbody{display:block;min-width:0!important;width:100%}
  .nx-gigs-table.nxd-gt thead{display:none}
  .nx-gigs-table.nxd-gt tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 0;border-bottom:1px solid #E4E3DD}
  .nx-gigs-table.nxd-gt td{display:block;padding:0!important;border:0!important;min-width:0}
  .nx-gigs-table.nxd-gt td:first-child{grid-column:1/-1;display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;align-items:center}
  .nx-gigs-table.nxd-gt td:first-child .thumb{grid-row:1/3;margin:0!important}
  .nx-gigs-table.nxd-gt td:first-child .title{white-space:normal;overflow-wrap:anywhere}
  .nx-gigs-table.nxd-gt td[data-l]::before{content:attr(data-l);display:block;font:500 10.5px/1.2 var(--nx-mono);letter-spacing:.1em;text-transform:uppercase;color:#6B6B67;margin-bottom:4px}
  .nx-gigs-table.nxd-gt td.num{text-align:left!important}
  .nx-gigs-table.nxd-gt td.nxd-acts{grid-column:1/-1;text-align:left!important;white-space:normal!important;display:flex;flex-wrap:wrap;gap:8px}
  .nx-gigs-table.nxd-gt td.nxd-acts>*{flex:1 1 auto;justify-content:center;min-height:44px!important;margin:0!important}
}

/* ---------- ORDERS ---------- */
#ordersList button[onclick*="simulateDelivery"]{display:none!important}
@media (max-width:640px){#ordersBrief{grid-template-columns:minmax(0,1fr)!important}#ordersBrief .nx-cta{justify-content:center}}
.nxd-orders-note{margin:0 0 14px;font:400 13.5px/1.5 var(--nx-text);color:#3A3A38}
@media (max-width:1100px){
  html:not(#_) body #ordersList>div:not(.head):not(.nx-orders-empty){grid-template-columns:64px minmax(0,1fr) auto!important;grid-template-areas:"th ti st" "ac ac ac";row-gap:12px;align-items:center}
  html:not(#_) body #ordersList>div:not(.head)>.nx-order-thumb{grid-area:th}
  html:not(#_) body #ordersList>div:not(.head)>.nx-order-title{grid-area:ti;min-width:0;overflow-wrap:anywhere}
  html:not(#_) body #ordersList>div:not(.head)>div:has(.nx-status){grid-area:st}
  html:not(#_) body #ordersList>div:not(.head)>.nx-order-actions{grid-area:ac;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
  html:not(#_) body #ordersList>div:not(.head)>.nx-order-actions button{min-height:44px;flex:1 1 auto}
  html:not(#_) body #ordersList>div.head{display:none}
}

/* ---------- PAYOUT ---------- */
.nxd-po-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;margin-top:28px}
.nxd-po-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#E4E3DD;border:1px solid #E4E3DD}
.nxd-po-steps li{background:#fff;padding:18px;display:grid;gap:6px;align-content:start}
.nxd-po-steps b{font:600 12px/1 var(--nx-mono);letter-spacing:.1em;color:#6B6B67}
.nxd-po-steps span{font:600 15px/1.3 var(--nx-display);color:#050505}
.nxd-po-steps small{font:400 13px/1.45 var(--nx-text);color:#3A3A38}
.nxd-field{display:grid;gap:6px;margin:0 0 14px;font:500 11px/1.3 var(--nx-mono);letter-spacing:.1em;text-transform:uppercase;color:#3A3A38}
.nxd-field input,.nxd-field select,.nxd-field textarea{width:100%;min-height:48px;border:1px solid #050505;background:#fff;padding:12px 14px;font:400 16px/1.4 var(--nx-text);letter-spacing:0;text-transform:none;color:#050505;border-radius:0;box-sizing:border-box}
.nxd-field textarea{min-height:110px;resize:vertical}
.nxd-field input:focus-visible,.nxd-field select:focus-visible,.nxd-field textarea:focus-visible{outline:2px solid #3B4500;outline-offset:2px}
.nxd-field .hint{font:400 12.5px/1.45 var(--nx-text);letter-spacing:0;text-transform:none;color:#6B6B67}
.nxd-field .err{font:500 12.5px/1.4 var(--nx-text);letter-spacing:0;text-transform:none;color:#C4362F}
.nxd-big{font:600 clamp(40px,6vw,64px)/1 var(--nx-display);letter-spacing:-.04em;color:#DAFF03}
@media (max-width:1000px){.nxd-po-grid{grid-template-columns:minmax(0,1fr)}.nxd-po-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.nxd-po-steps{grid-template-columns:minmax(0,1fr)}}

/* ---------- EDIT PROFILE ---------- */
.nxd-ep-top{margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.nxd-ep-top a.back{font:500 12px var(--nx-mono);text-transform:uppercase;color:#3A3A38;letter-spacing:.1em;text-decoration:none}
.nxd-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.nxd-handle{display:flex;align-items:stretch;border:1px solid #050505;background:#fff}
.nxd-handle span{display:grid;place-items:center;padding:0 12px;font:500 16px/1 var(--nx-mono);color:#6B6B67;border-right:1px solid #E4E3DD;letter-spacing:0;text-transform:none}
.nxd-handle input{border:0!important;min-width:0}
.nxd-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nxd-tag{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 6px 0 12px;border:1px solid #050505;font:500 14px/1 var(--nx-text);background:#fff}
.nxd-tag button{appearance:none;border:0;background:transparent;width:28px;height:28px;cursor:pointer;font:500 18px/1 var(--nx-text);color:#3A3A38}
.nxd-tag button:hover{color:#C4362F}
.nxd-add{display:flex;gap:8px;margin-top:10px}
.nxd-add input{flex:1 1 auto;min-width:0;min-height:44px;border:1px solid #B4B4AE;padding:0 12px;font:400 16px var(--nx-text);border-radius:0}
.nxd-seals{display:flex;flex-wrap:wrap;gap:6px}
.nxd-seal{font:500 11px/1 var(--nx-mono);padding:8px 10px;border:1px solid #DAFF03;color:#DAFF03;letter-spacing:.08em;text-transform:uppercase}
.nxd-seal.mute{border-color:#3A3A38;color:#B4B4AE}
html:not(#_) body #epBanner{color:#F7F6F2;font:500 12px/1.4 var(--nx-mono);letter-spacing:.12em;text-transform:uppercase}
html:not(#_) body #epBanner.has-img{color:transparent}
.nxd-status{font:500 13px/1.4 var(--nx-text);color:#3A3A38;min-height:18px}
.nxd-status.ok{color:#17694A}.nxd-status.err{color:#C4362F}
html:not(#_):not(#_) body .nx-ep-grid{grid-template-columns:minmax(0,1fr) 340px}
@media (max-width:1100px){
  html:not(#_):not(#_) body .nx-ep-grid{grid-template-columns:minmax(0,1fr)!important}
  .nx-ep-grid>*{min-width:0}
  .nx-ep-grid>aside{position:static!important}
}
@media (max-width:640px){html:not(#_) body .nx-ep-avwrap{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:0 20px;margin-top:-48px}html:not(#_) body .nx-ep-avwrap .av{width:84px;height:84px;font-size:28px}html:not(#_) body .nx-ep-avwrap button{white-space:nowrap;min-height:40px;padding:0 12px}.nxd-two{grid-template-columns:minmax(0,1fr)}.nxd-ep-top>div{width:100%}.nxd-ep-top .nxd-btn{flex:1 1 auto}}