/* ============================================================
   TALENTS (hire talent directory) - .sdx add-on (v1)
   Loads AFTER seller-dash.css + seller-business-sdx.css +
   serve-card-sdx.css (ed-card portfolio tiles + ed-av + ed-stars)
   + public-sdx.css (plx-hero, ed-crumb, plx-kicker, results-head).
   Styles the talent toolbar (ed-toolbar/ed-search/ed-select),
   category filter chips (ed-filter), results count (data-tl-count),
   and the ed-tpro talent card + all its internals. JS untouched
   (/api/talents, /api/me/saved-talents).
   ============================================================ */

/* ---- toolbar ---- */
body.fp-ed .sdx .ed-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px}
body.fp-ed .sdx .ed-search{position:relative;display:inline-flex;align-items:center;gap:9px;flex:1 1 260px;min-width:0;background:var(--sdx-surface);border:1px solid var(--sdx-line);border-radius:12px;box-shadow:var(--sdx-shadow-sm,0 1px 2px rgba(16,24,40,.05));padding:0 14px;height:46px;transition:.15s}
body.fp-ed .sdx .ed-search:focus-within{border-color:var(--sdx-brand-400);box-shadow:0 0 0 3.5px var(--sdx-brand-50)}
body.fp-ed .sdx .ed-search svg{position:static;transform:none;flex:none;width:19px;height:19px;color:var(--sdx-ink-400)}
body.fp-ed .sdx .ed-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:'Inter',sans-serif;font-size:13.5px;color:var(--sdx-ink-900);height:44px}
body.fp-ed .sdx .ed-search input::placeholder{color:var(--sdx-ink-400)}
body.fp-ed .sdx .ed-toolbar .ed-select{height:46px;min-height:0;box-sizing:border-box;flex:0 1 auto;appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid var(--sdx-line);border-radius:12px;background-color:var(--sdx-surface);padding:0 36px 0 14px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--sdx-ink-800);outline:none;transition:.15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667694' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:13px}
body.fp-ed .sdx .ed-toolbar .ed-select:hover{border-color:var(--sdx-brand-300)}
body.fp-ed .sdx .ed-toolbar .ed-select:focus{border-color:var(--sdx-brand-400);box-shadow:0 0 0 3.5px var(--sdx-brand-50)}

/* ---- results count ---- */
body.fp-ed .sdx [data-tl-count]{font-family:'Inter',sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--sdx-ink-900);margin:0}

/* ---- category filter chips ---- */
body.fp-ed .sdx .ed-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
body.fp-ed .sdx .ed-filter{font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;color:var(--sdx-ink-600);background:var(--sdx-surface);border:1px solid var(--sdx-line);border-radius:20px;padding:7px 14px;cursor:pointer;transition:.15s;white-space:nowrap}
body.fp-ed .sdx .ed-filter:hover{border-color:var(--sdx-brand-300);color:var(--sdx-brand-600);background:var(--sdx-brand-50)}
body.fp-ed[data-spx-theme] .sdx .ed-filter.is-active{background:linear-gradient(135deg,var(--sdx-brand-500),var(--sdx-brand-700));border-color:transparent;color:#fff;box-shadow:0 8px 16px -9px rgba(36,86,230,.55)}

/* ---- grid ---- (ORIGINAL: single full-width column per row) ---- */
body.fp-ed .sdx .ed-tpro-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}

/* ---- talent card ---- */
body.fp-ed .sdx .ed-tpro{position:relative;display:flex;flex-direction:column;background:var(--sdx-surface);border:1px solid var(--sdx-line);border-radius:20px;box-shadow:var(--sdx-shadow-card);padding:24px 26px;transition:.22s cubic-bezier(.2,.7,.2,1)}
body.fp-ed .sdx .ed-tpro:hover{transform:translateY(-3px);border-color:var(--sdx-brand-200);box-shadow:0 24px 48px -20px rgba(16,24,40,.26)}
body.fp-ed .sdx .ed-tpro-save{position:absolute;top:18px;right:18px;z-index:4;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--sdx-line);background:var(--sdx-surface);color:var(--sdx-ink-400);cursor:pointer;transition:.15s;box-shadow:0 2px 8px -3px rgba(16,24,40,.15)}
body.fp-ed .sdx .ed-tpro-save svg{width:16px;height:16px}
body.fp-ed .sdx .ed-tpro-save:hover{color:#e5484d;border-color:#f6cccc}
body.fp-ed .sdx .ed-tpro-save.is-saved{color:#e5484d;border-color:#f6cccc;background:var(--sdx-red-50)}

/* head: person + cta (padding-right reserves space so the save-heart never overlaps the CTA) */
body.fp-ed .sdx .ed-tpro-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:46px}
/* flex:1 1 auto overrides editorial's flex:1 1 320px (whose 320px basis becomes a HEIGHT on the mobile column head) */
body.fp-ed .sdx .ed-tpro-person{display:flex;align-items:center;gap:15px;min-width:0;text-decoration:none;padding-right:0;flex:1 1 auto}
body.fp-ed .sdx .ed-av-wrap{position:relative;flex:none}
body.fp-ed .sdx .ed-tpro .ed-av-wrap .ed-av{width:60px;height:60px;border-radius:50%;font-size:20px;box-shadow:0 0 0 3px var(--sdx-surface),0 0 0 4.5px var(--sdx-brand-100)}
body.fp-ed .sdx .ed-av-dot{position:absolute;right:1px;bottom:1px;width:13px;height:13px;border-radius:50%;background:var(--sdx-green-500);border:2.5px solid var(--sdx-surface);box-shadow:0 0 0 1px rgba(23,178,106,.35)}
body.fp-ed .sdx .ed-av-dot.is-off{background:var(--sdx-ink-300,#c4cad6);box-shadow:none}
body.fp-ed .sdx .ed-tpro-id{min-width:0;display:flex;flex-direction:column;gap:6px}
/* reset editorial's leftover transform:translate on name/sub/handle that pushed them down and made name+level overlap */
body.fp-ed .sdx .ed-tpro-name{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;transform:none}
body.fp-ed .sdx .ed-tpro-name strong{font-family:'Inter',sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--sdx-ink-900);line-height:1.2}
/* name stays BLACK always (no blue/underline on hover) - beats public-lux .pl-talents hover-blue (0,4,0) */
body.fp-ed[data-spx-theme] .sdx .ed-tpro:hover .ed-tpro-name strong,body.fp-ed .sdx .ed-tpro-person:hover .ed-tpro-name strong{color:var(--sdx-ink-900);text-decoration:none}
body.fp-ed .sdx .ed-tpro-handle{font-family:'Inter',sans-serif;font-size:12px;font-weight:500;color:var(--sdx-ink-400);transform:none}
body.fp-ed .sdx .ed-tpro-sub{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--sdx-ink-500);transform:none}
body.fp-ed .sdx .ed-tpro-sub .ed-stars{font-size:12.5px}
body.fp-ed .sdx .ed-tpro-sep{color:var(--sdx-ink-300,#c4cad6)}
body.fp-ed .sdx .ed-tpro-done b{color:var(--sdx-ink-800);font-weight:800}

/* honors row (reserve height when empty for aligned names) */
body.fp-ed .sdx .ed-tpro-honors{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;min-height:22px}
body.fp-ed .sdx .ed-tpro-honors[data-empty]{min-height:0;margin-top:0}

/* cta buttons */
body.fp-ed .sdx .ed-tpro-cta{display:flex;flex-direction:column;gap:9px;flex:none;align-items:stretch;transform:none;margin-left:0}
body.fp-ed .sdx .ed-tpro-cta .ed-btn-sm{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:136px;min-height:0;padding:0 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;transition:.16s;white-space:nowrap;border:1px solid transparent}
body.fp-ed .sdx .ed-tpro-cta .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-tpro-cta .ed-btn-fill:hover{transform:translateY(-2px)}
body.fp-ed .sdx .ed-tpro-cta .ed-btn-line{background:var(--sdx-surface);border:1px solid var(--sdx-line);color:var(--sdx-ink-700)}
body.fp-ed .sdx .ed-tpro-cta .ed-btn-line:hover{border-color:var(--sdx-brand-300);color:var(--sdx-brand-600);background:var(--sdx-brand-50)}

/* meta row */
body.fp-ed .sdx .ed-tpro-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--sdx-line-soft)}
body.fp-ed .sdx .ed-tpro-meta-item{display:inline-flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--sdx-ink-500)}
body.fp-ed .sdx .ed-tpro-meta-item b{color:var(--sdx-ink-800);font-weight:700}
body.fp-ed .sdx .ed-tpro-meta-item svg{width:15px;height:15px;color:var(--sdx-ink-400)}
body.fp-ed .sdx .ed-tpro-rate{font-family:'Inter',sans-serif;font-size:13.5px;font-weight:800;color:var(--sdx-ink-900);background:var(--sdx-surface-2);border:1px solid var(--sdx-line);border-radius:9px;padding:4px 11px}
body.fp-ed .sdx .ed-tpro-rate small{font-family:'Inter',sans-serif;font-size:11px;font-weight:600;color:var(--sdx-ink-400)}
body.fp-ed .sdx .ed-tpro-from{font-family:'Inter',sans-serif;font-size:12.5px;font-weight:800;color:var(--sdx-brand-600)}

/* portfolio tiles (mini ed-card thumbnails) */
/* portfolio tiles - ORIGINAL 16:9 (1280x720) media, bigger tiles, video hover-play */
body.fp-ed .sdx .ed-tpro-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}
body.fp-ed .sdx .ed-tpro-tile{border-radius:14px;box-shadow:none;border:1px solid var(--sdx-line);overflow:hidden}
body.fp-ed .sdx .ed-tpro-tile .ed-card-thumb{aspect-ratio:16/9;height:auto;border-radius:0}
body.fp-ed .sdx .ed-tpro-tile .ed-thumb{position:absolute;inset:0}
body.fp-ed .sdx .ed-tpro-tile-img,body.fp-ed .sdx .ed-tpro-tile-vid,body.fp-ed .sdx .ed-tpro-tile .ed-card-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.fp-ed .sdx .ed-tpro-tile:hover{transform:none;border-color:var(--sdx-brand-200)}
/* video play badge on hover-capable tiles (matches original) */
body.fp-ed .sdx .ed-tpro-tile[data-serve-video] .ed-card-thumb::after{content:"";position:absolute;z-index:2;right:10px;bottom:10px;width:26px;height:26px;border-radius:50%;background:rgba(11,11,12,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/12px no-repeat;opacity:.92;transition:opacity .2s ease;pointer-events:none}
body.fp-ed .sdx .ed-tpro-tile[data-serve-video]:hover .ed-card-thumb::after{opacity:0}

/* skills */
body.fp-ed .sdx .ed-tpro-skills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
body.fp-ed .sdx .ed-tpro-skill{font-family:'Inter',sans-serif;font-size:11.5px;font-weight:600;color:var(--sdx-ink-600);background:var(--sdx-surface-2);border:1px solid var(--sdx-line);border-radius:9px;padding:5px 11px;transition:.15s}
body.fp-ed .sdx .ed-tpro:hover .ed-tpro-skill{border-color:var(--sdx-line)}
body.fp-ed .sdx .ed-tpro-skill:hover{border-color:var(--sdx-brand-300);color:var(--sdx-brand-700);background:var(--sdx-brand-50)}
body.fp-ed .sdx .ed-tpro-skill.is-more{color:var(--sdx-brand-700);background:var(--sdx-brand-50);border-color:var(--sdx-brand-100);font-weight:700}

/* entrance */
@keyframes tlRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.fp-ed .sdx .ed-tpro{animation:tlRise .5s cubic-bezier(.2,.7,.2,1) both}
body.fp-ed .sdx .ed-tpro-grid > *:nth-child(2) .ed-tpro,body.fp-ed .sdx .ed-tpro:nth-child(2){animation-delay:.05s}
@media (prefers-reduced-motion:reduce){body.fp-ed .sdx .ed-tpro{animation:none}}

/* empty / error (renderer uses ed-empty) */
body.fp-ed .sdx .ed-tpro-grid .ed-empty{grid-column:1/-1;text-align:center;padding:56px 20px;background:var(--sdx-surface);border:1px dashed var(--sdx-line);border-radius:18px}

/* responsive */
@media (max-width:760px){
  body.fp-ed .sdx .ed-tpro-grid{grid-template-columns:1fr}
  body.fp-ed .sdx .ed-search{flex:1 1 100%}
  body.fp-ed .sdx .ed-toolbar .ed-select{flex:1 1 calc(50% - 5px)}
  body.fp-ed .sdx .ed-tpro-head{flex-direction:column}
  body.fp-ed .sdx .ed-tpro-cta{flex-direction:row;width:100%}
  body.fp-ed .sdx .ed-tpro-cta .ed-btn-sm{flex:1}
  body.fp-ed .sdx .ed-tpro-person{flex:0 0 auto;width:100%;padding-right:0}
}

/* ============================================================
   TALENTS PAGE - redesigned search hero (page chrome only;
   talent CARD styles above are UNCHANGED). JS hooks preserved:
   data-tl-form / -input / -level / -sort / -lead / -count / -filters.
   ============================================================ */
body.fp-ed .sdx .tlx-hero{position:relative;overflow:hidden;padding:56px 0 46px;margin:0;background:radial-gradient(760px 400px at 84% -30%,rgba(59,110,246,.18) 0%,rgba(59,110,246,0) 60%),radial-gradient(560px 360px at 8% -10%,rgba(99,152,255,.14) 0%,rgba(99,152,255,0) 62%),linear-gradient(150deg,#fff 0%,#f4f8ff 100%);border-bottom:1px solid var(--sdx-line-soft,#eef1f7)}
body.fp-ed .sdx .tlx-hero-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
body.fp-ed .sdx .tlx-orb{position:absolute;border-radius:50%;filter:blur(10px)}
body.fp-ed .sdx .tlx-orb-1{width:260px;height:260px;top:-110px;right:9%;background:radial-gradient(circle at 30% 30%,rgba(99,152,255,.24),rgba(99,152,255,0) 70%)}
body.fp-ed .sdx .tlx-orb-2{width:200px;height:200px;bottom:-90px;left:12%;background:radial-gradient(circle at 40% 40%,rgba(59,110,246,.16),rgba(59,110,246,0) 70%)}
body.fp-ed .sdx .tlx-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(36,86,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,86,230,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(560px 320px at 80% 0%,#000 0%,transparent 74%);mask-image:radial-gradient(560px 320px at 80% 0%,#000 0%,transparent 74%)}
body.fp-ed .sdx .tlx-hero-in{position:relative;z-index:1;text-align:center;max-width:720px;margin-inline:auto;animation:tlRise .55s cubic-bezier(.2,.7,.2,1) both}
body.fp-ed .sdx .tlx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--sdx-brand-600);background:var(--sdx-brand-50);border:1px solid var(--sdx-brand-100);border-radius:20px;padding:6px 14px;margin:0 0 18px}
body.fp-ed .sdx .tlx-title{font-family:'Inter',sans-serif;font-size:clamp(30px,4.6vw,46px);font-weight:800;letter-spacing:-.04em;color:var(--sdx-ink-900);line-height:1.05;margin:0}
body.fp-ed .sdx .tlx-title em{font-style:normal;background:linear-gradient(120deg,var(--sdx-brand-500),var(--sdx-brand-700));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.fp-ed .sdx .tlx-sub{font-family:'Inter',sans-serif;font-size:15px;color:var(--sdx-ink-500);line-height:1.55;margin:15px auto 0;max-width:58ch}
/* hero search pill */
body.fp-ed .sdx .tlx-search{display:flex;align-items:center;gap:8px;margin:28px auto 0;max-width:600px;background:var(--sdx-surface);border:1px solid var(--sdx-line);border-radius:16px;box-shadow:0 18px 40px -22px rgba(16,24,40,.3),var(--sdx-shadow-card);padding:8px 8px 8px 18px;transition:.18s}
body.fp-ed .sdx .tlx-search:focus-within{border-color:var(--sdx-brand-400);box-shadow:0 0 0 4px var(--sdx-brand-50),0 18px 40px -22px rgba(16,24,40,.3)}
body.fp-ed .sdx .tlx-search-ic{flex:none;display:grid;place-items:center;color:var(--sdx-ink-400)}
body.fp-ed .sdx .tlx-search-ic svg{width:22px;height:22px}
body.fp-ed .sdx .tlx-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:'Inter',sans-serif;font-size:15px;color:var(--sdx-ink-900);height:46px}
body.fp-ed .sdx .tlx-search input::placeholder{color:var(--sdx-ink-400)}
body.fp-ed .sdx .tlx-search-go{flex:none;height:46px;padding:0 26px;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-size:14px;font-weight:800;cursor:pointer;box-shadow:var(--sdx-shadow-pop);transition:.18s}
body.fp-ed .sdx .tlx-search-go:hover{transform:translateY(-1px)}
/* body / toolbar */
body.fp-ed .sdx .tlx-body{padding:0 0 90px}
body.fp-ed .sdx .tlx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:28px 0 0}
body.fp-ed .sdx .tlx-toolbar .ed-filters{margin:0;flex:1 1 auto}
body.fp-ed .sdx .tlx-controls{display:flex;gap:8px;flex:none}
body.fp-ed .sdx .tlx-sel{height:42px;min-height:0;box-sizing:border-box;appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid var(--sdx-line);border-radius:11px;background-color:var(--sdx-surface);padding:0 34px 0 13px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:var(--sdx-ink-800);outline:none;transition:.15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667694' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:13px}
body.fp-ed .sdx .tlx-sel:hover{border-color:var(--sdx-brand-300)}
body.fp-ed .sdx .tlx-sel:focus{border-color:var(--sdx-brand-400);box-shadow:0 0 0 3.5px var(--sdx-brand-50)}
/* count */
body.fp-ed .sdx .tlx-count{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:var(--sdx-ink-500);margin:18px 0 0}
body.fp-ed .sdx .tlx-count b{color:var(--sdx-ink-900);font-weight:800}
body.fp-ed .sdx .tlx-body .ed-tpro-grid{margin-top:16px}

/* ---- custom filter dropdowns (Level / Location / Price / Rating / Sort) ---- */
body.fp-ed .sdx .tlx-fdrops{display:flex;flex-wrap:wrap;gap:8px;flex:none}
body.fp-ed .sdx .tlx-fdrop-wrap{position:relative}
body.fp-ed .sdx .tlx-fdrop{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px 0 15px;border:1px solid var(--sdx-line);border-radius:11px;background:var(--sdx-surface);color:var(--sdx-ink-700);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:.15s;white-space:nowrap}
body.fp-ed .sdx .tlx-fdrop:hover{border-color:var(--sdx-brand-300);color:var(--sdx-brand-600)}
body.fp-ed .sdx .tlx-fdrop.is-open{border-color:var(--sdx-brand-400);color:var(--sdx-brand-700);box-shadow:0 0 0 3.5px var(--sdx-brand-50)}
body.fp-ed .sdx .tlx-fdrop.is-set{background:var(--sdx-brand-50);border-color:var(--sdx-brand-200);color:var(--sdx-brand-700);font-weight:700}
body.fp-ed .sdx .tlx-fchev{width:15px;height:15px;flex:none;color:var(--sdx-ink-400);transition:transform .2s}
body.fp-ed .sdx .tlx-fdrop.is-open .tlx-fchev{transform:rotate(180deg);color:var(--sdx-brand-500)}
body.fp-ed .sdx .tlx-fdrop.is-set .tlx-fchev{color:var(--sdx-brand-500)}
/* panel (scrollable) - display:none when closed so it never adds page overflow */
@keyframes tlxPanelIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
body.fp-ed .sdx .tlx-fpanel{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:212px;max-width:290px;max-height:300px;overflow-y:auto;background:var(--sdx-surface);border:1px solid var(--sdx-line);border-radius:14px;box-shadow:0 24px 50px -18px rgba(16,24,40,.32),0 4px 14px -8px rgba(16,24,40,.16);padding:6px;transform-origin:top left;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
body.fp-ed .sdx .tlx-fpanel.is-open{display:block;animation:tlxPanelIn .16s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){body.fp-ed .sdx .tlx-fpanel.is-open{animation:none}}
body.fp-ed .sdx .tlx-fopt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;min-height:40px;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--sdx-ink-700);font-family:'Inter',sans-serif;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:.12s}
body.fp-ed .sdx .tlx-fopt > span{display:inline-flex;align-items:center;min-width:0;gap:2px}
body.fp-ed .sdx .tlx-fopt:hover{background:var(--sdx-surface-2);color:var(--sdx-ink-900)}
body.fp-ed .sdx .tlx-fopt.is-active{background:var(--sdx-brand-50);color:var(--sdx-brand-700);font-weight:700}
body.fp-ed .sdx .tlx-fcheck{width:16px;height:16px;flex:none;color:var(--sdx-brand-600)}
/* panel scrollbar */
body.fp-ed .sdx .tlx-fpanel{scrollbar-width:thin;scrollbar-color:var(--sdx-line) transparent}
body.fp-ed .sdx .tlx-fpanel::-webkit-scrollbar{width:9px}
body.fp-ed .sdx .tlx-fpanel::-webkit-scrollbar-track{background:transparent}
body.fp-ed .sdx .tlx-fpanel::-webkit-scrollbar-thumb{background:var(--sdx-line);border-radius:8px;border:2.5px solid var(--sdx-surface)}
body.fp-ed .sdx .tlx-fpanel::-webkit-scrollbar-thumb:hover{background:var(--sdx-ink-300,#c4cad6)}

@media (max-width:760px){
  body.fp-ed .sdx .tlx-toolbar{flex-direction:column;align-items:stretch;gap:14px}
  body.fp-ed .sdx .tlx-fdrops{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  body.fp-ed .sdx .tlx-fdrop-wrap{position:relative}
  body.fp-ed .sdx .tlx-fdrop{width:100%;justify-content:space-between}
  /* panel spans the whole filter row (anchored to the grid, not the narrow button) so it never overflows */
  body.fp-ed .sdx .tlx-fdrops{position:relative}
  body.fp-ed .sdx .tlx-fpanel{left:0;right:0;width:auto;min-width:0;max-width:none;transform-origin:top left;position:absolute}
  body.fp-ed .sdx .tlx-fdrop-wrap{position:static}
}
@media (max-width:640px){
  body.fp-ed .sdx .tlx-hero{padding:40px 0 34px}
  body.fp-ed .sdx .tlx-search-go{padding:0 16px}
}