/* ============================================================
   SELLER SERVES (My SERVEs) - .sdx reskin (v1)
   Loads AFTER seller-dash.css (.sdx base) + seller-business-sdx.css
   (ed-panel / ed-wsx / ed-kicker / ed-h3 / ed-rank-row / ed-rank-*).
   Adds: toolbar (search + status seg + sort seg), metric chips,
   status pills, per-SERVE action buttons, delete btn, limit chip,
   empty state - all in the .sdx system.
   ============================================================ */

body.fp-ed .sdx .ss-wrap{padding-top:26px;padding-bottom:90px}
body.fp-ed .sdx .ss-wrap .ws-band{margin:0 0 18px}
body.fp-ed .sdx [data-ss-count]{margin:0;font-family:'Inter',sans-serif;font-size:13px;color:var(--sdx-ink-400);font-weight:500}

/* limit chip under hero */
body.fp-ed .sdx [data-ss-limit]{font-family:'Inter',sans-serif;font-size:12px;color:var(--sdx-ink-500)}
body.fp-ed .sdx [data-ss-limit] .ed-pill{font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;background:var(--sdx-brand-50);color:var(--sdx-brand-600);border:1px solid var(--sdx-brand-100)}

/* kpi grid */
body.fp-ed .sdx [data-ss-kpis]{margin:0 0 18px}

/* ---- toolbar (search + two segs) ---- */
body.fp-ed .sdx .ed-toolbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:0 0 12px;padding:0;border:0;background:transparent}
body.fp-ed .sdx .ed-toolbar .ed-search{display:flex;align-items:center;gap:9px;flex:1 1 220px;max-width:320px;margin:0;height:40px;padding:0 13px;background:var(--sdx-surface-2);border:1px solid var(--sdx-line);border-radius:12px;overflow:hidden;transition:.15s}
body.fp-ed .sdx .ed-toolbar .ed-search:focus-within{border-color:var(--sdx-brand-300);background:var(--sdx-surface);box-shadow:0 0 0 3px var(--sdx-brand-50)}
body.fp-ed .sdx .ed-toolbar .ed-search svg{position:static;transform:none;margin:0;width:15px;height:15px;color:var(--sdx-ink-400);flex:none}
body.fp-ed .sdx .ed-toolbar .ed-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--sdx-ink-800);padding:0;margin:0}
body.fp-ed .sdx .ed-toolbar .ed-search input::placeholder{color:var(--sdx-ink-400)}
body.fp-ed .sdx .ed-seg{display:inline-flex;flex-wrap:wrap;background:var(--sdx-surface-2);border:1px solid var(--sdx-line);border-radius:11px;padding:3px;gap:2px}
body.fp-ed .sdx .ed-seg button{height:30px;padding:0 12px;border:0;background:transparent;border-radius:8px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--sdx-ink-500);cursor:pointer;transition:.15s;white-space:nowrap}
body.fp-ed .sdx .ed-seg button:hover{color:var(--sdx-ink-800)}
body.fp-ed .sdx .ed-seg button.is-active{background:var(--sdx-ink-900);color:#fff;box-shadow:var(--sdx-shadow-sm)}

/* ---- serve rows (ed-rank-row already base-styled; refine action area) ---- */
body.fp-ed .sdx .ed-rank-row{align-items:flex-start}
body.fp-ed .sdx .ed-rank-main strong{font-size:14px;font-weight:700;color:var(--sdx-ink-800);letter-spacing:-.01em}
body.fp-ed .sdx .ed-rank-val{font-family:'Inter',sans-serif;font-size:14px;font-weight:800;color:var(--sdx-ink-900);white-space:nowrap;align-self:center}
body.fp-ed .sdx .ed-metricchips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px}
body.fp-ed .sdx .ed-metricchip{display:inline-flex;align-items:center;gap:5px;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;line-height:1;color:var(--sdx-ink-500);background:var(--sdx-surface-2);border:1px solid var(--sdx-line-soft);border-radius:20px;padding:4px 10px;white-space:nowrap}
body.fp-ed .sdx .ed-metricchip svg{width:11px;height:11px;color:var(--sdx-amber-500)}
body.fp-ed .sdx .ed-metricchip b{font-family:'Inter',sans-serif;font-weight:800;color:var(--sdx-ink-800)}

/* ---- status pill ---- */
body.fp-ed .sdx .ed-pill{display:inline-flex;align-items:center;gap:5px;font-family:'Inter',sans-serif;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:20px;white-space:nowrap;border:1px solid transparent;letter-spacing:.02em}
body.fp-ed .sdx .ed-pill.is-live,body.fp-ed .sdx .ed-pill.is-active{color:var(--sdx-green-600);background:var(--sdx-green-50);border-color:#bfeeda}
body.fp-ed .sdx .ed-pill.is-warn{color:var(--sdx-amber-600);background:var(--sdx-amber-50);border-color:#f3dfb6}
body.fp-ed .sdx .ed-pill.is-draft,body.fp-ed .sdx .ed-pill.is-pending,body.fp-ed .sdx .ed-pill.is-muted{color:var(--sdx-ink-500);background:var(--sdx-surface-2);border-color:var(--sdx-line)}
body.fp-ed .sdx .ed-pill.is-hidden,body.fp-ed .sdx .ed-pill.is-paused{color:var(--sdx-amber-600);background:var(--sdx-amber-50);border-color:#f3dfb6}

/* ---- action buttons in a row ---- */
body.fp-ed .sdx .ed-rank-main .ed-btn-sm{display:inline-flex;align-items:center;justify-content:center;height:34px;min-height:0;padding:0 14px;border-radius:10px;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;text-decoration:none;cursor:pointer;transition:.15s;border:1px solid transparent}
body.fp-ed .sdx .ed-rank-main .ed-btn-line{background:var(--sdx-surface);border:1px solid var(--sdx-line);color:var(--sdx-ink-700)}
body.fp-ed .sdx .ed-rank-main .ed-btn-line:hover{border-color:var(--sdx-brand-300);color:var(--sdx-brand-600);background:var(--sdx-brand-50)}
body.fp-ed .sdx .ed-rank-main .ed-btn-fill{background:linear-gradient(135deg,var(--sdx-brand-500),var(--sdx-brand-700));color:#fff;box-shadow:0 8px 16px -8px rgba(36,86,230,.5)}
body.fp-ed .sdx .ed-rank-main .ed-btn-fill:hover{transform:translateY(-1px);box-shadow:0 12px 22px -8px rgba(36,86,230,.55)}
body.fp-ed .sdx .ed-rank-main .ss-del-btn{color:#b42318;border-color:transparent;background:transparent}
body.fp-ed .sdx .ed-rank-main .ss-del-btn:hover{background:var(--sdx-red-50);border-color:#f6cccc;color:#b42318}

/* manage dropdown (if any) keeps default; ensure menu button matches */
body.fp-ed .sdx .ed-rank-main .ss-manage,body.fp-ed .sdx .ed-rank-main [data-ss-manage]{position:relative}

/* ---- new SERVE hero button already .btn.primary from ws-actions; the ed-btn-fill in header handled by band ---- */

/* ---- empty ---- */
body.fp-ed .sdx .ed-empty{text-align:center;padding:44px 16px}
body.fp-ed .sdx .ed-empty h3{font-family:'Inter',sans-serif;font-size:16px;font-weight:800;color:var(--sdx-ink-800)}
body.fp-ed .sdx .ed-empty p{font-family:'Inter',sans-serif;font-size:13px;color:var(--sdx-ink-400);margin-top:6px;max-width:46ch;margin-left:auto;margin-right:auto}
body.fp-ed .sdx .ed-empty .ed-btn-fill{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--sdx-brand-500),var(--sdx-brand-700));color:#fff;font-family:'Inter',sans-serif;font-weight:800;font-size:13.5px;box-shadow:var(--sdx-shadow-pop);text-decoration:none;margin-top:14px}

/* entrance */
@keyframes ssRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.fp-ed .sdx .ws-band,body.fp-ed .sdx [data-ss-kpis] .ed-wsx,body.fp-ed .sdx .ed-panel{animation:ssRise .5s cubic-bezier(.2,.7,.2,1) both}
body.fp-ed .sdx [data-ss-kpis] .ed-wsx:nth-child(2){animation-delay:.05s}
body.fp-ed .sdx [data-ss-kpis] .ed-wsx:nth-child(3){animation-delay:.1s}
body.fp-ed .sdx [data-ss-kpis] .ed-wsx:nth-child(4){animation-delay:.15s}
body.fp-ed .sdx .ed-panel{animation-delay:.12s}
@media (prefers-reduced-motion:reduce){body.fp-ed .sdx .ws-band,body.fp-ed .sdx .ed-wsx,body.fp-ed .sdx .ed-panel{animation:none}}

@media (max-width:760px){
  body.fp-ed .sdx .ed-toolbar .ed-search{max-width:none;flex:1 1 100%}
  body.fp-ed .sdx .ed-seg[data-ss-sort]{margin-left:0!important}
}