/* ============================================================
   SETTINGS pages - shared .sdx reskin (v1)
   Reused by seller-settings, buyer-settings, seller-profile-settings,
   buyer-profile-settings. Loads AFTER seller-dash.css (.sdx base) +
   seller-business-sdx.css (ed-panel / ed-kicker / ed-h3).
   Styles the settings primitives: panel sub, set-row, toggle switch,
   fields/selects, kyc chip, buttons, groups.
   ============================================================ */

body.fp-ed .sdx .set-wrap{padding-top:26px;padding-bottom:90px;max-width:820px}
body.fp-ed .sdx .set-wrap .ws-band{margin:0 0 18px}
body.fp-ed .sdx .set-wrap .ed-panel{margin-top:16px}
body.fp-ed .sdx .set-wrap form .ed-panel:first-child{margin-top:0}

/* panel head + sub */
body.fp-ed .sdx .ed-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 0 16px;margin-bottom:2px;border-bottom:1px solid var(--sdx-line-soft)}
body.fp-ed .sdx .ed-panel-sub{font-family:'Inter',sans-serif;font-size:12.5px;color:var(--sdx-ink-400);line-height:1.55;margin:5px 0 0;max-width:60ch}

/* ---- set rows (toggle / action rows) ---- */
body.fp-ed .sdx .ed-set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--sdx-line-soft)}
body.fp-ed .sdx .ed-set-row:last-child{border-bottom:0}
body.fp-ed .sdx .ed-set-row > div{min-width:0}
body.fp-ed .sdx .ed-set-row strong{display:block;font-family:'Inter',sans-serif;font-size:14px;font-weight:700;color:var(--sdx-ink-800)}
body.fp-ed .sdx .ed-set-row p{font-family:'Inter',sans-serif;font-size:12.5px;color:var(--sdx-ink-400);margin:3px 0 0;line-height:1.5}

/* ---- premium toggle switch ---- */
body.fp-ed .sdx .ed-switch{position:relative;display:inline-block;width:46px;height:27px;flex:none;cursor:pointer}
body.fp-ed .sdx .ed-switch input{position:absolute;opacity:0;width:0;height:0}
body.fp-ed .sdx .ed-switch-tr{position:absolute;inset:0;border-radius:20px;background:var(--sdx-line);transition:.22s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 1px 2px rgba(16,24,40,.12)}
body.fp-ed .sdx .ed-switch-tr::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(16,24,40,.28);transition:.22s cubic-bezier(.2,.7,.2,1)}
body.fp-ed .sdx .ed-switch input:checked + .ed-switch-tr{background:linear-gradient(135deg,var(--sdx-brand-500),var(--sdx-brand-700));box-shadow:inset 0 1px 2px rgba(36,86,230,.3),0 4px 10px -4px rgba(36,86,230,.5)}
body.fp-ed .sdx .ed-switch input:checked + .ed-switch-tr::after{transform:translateX(19px)}
body.fp-ed .sdx .ed-switch input:focus-visible + .ed-switch-tr{box-shadow:0 0 0 3px var(--sdx-brand-50)}

/* ---- fields / selects ---- */
body.fp-ed .sdx .ed-frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:2px}
body.fp-ed .sdx .ed-field{display:block}
body.fp-ed .sdx .ed-field > span{display:block;font-family:'Inter',sans-serif;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sdx-ink-400);margin-bottom:7px}
body.fp-ed .sdx .ed-field input,body.fp-ed .sdx .ed-field select,body.fp-ed .sdx .ed-field textarea{width:100%;height:46px;box-sizing:border-box;border:1px solid var(--sdx-line);border-radius:12px;background:var(--sdx-surface-2);padding:0 14px;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;color:var(--sdx-ink-900);outline:none;transition:.15s}
body.fp-ed .sdx .ed-field textarea{height:auto;min-height:96px;padding:12px 14px;line-height:1.55;resize:vertical}
body.fp-ed .sdx .ed-field select{appearance:none;-webkit-appearance:none;cursor:pointer;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 13px center;background-size:14px;padding-right:38px}
body.fp-ed .sdx .ed-field input:focus,body.fp-ed .sdx .ed-field select:focus,body.fp-ed .sdx .ed-field textarea:focus{border-color:var(--sdx-brand-400);background:var(--sdx-surface);box-shadow:0 0 0 3.5px var(--sdx-brand-50)}

/* ---- kyc entry chip ---- */
body.fp-ed .sdx .ed-kyc-chip{display:inline-flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;font-size:11px;font-weight:800;padding:5px 12px;border-radius:20px;border:1px solid var(--sdx-line);background:var(--sdx-surface-2);color:var(--sdx-ink-500);white-space:nowrap}
body.fp-ed .sdx .ed-kyc-chip.is-ok,body.fp-ed .sdx .ed-kyc-chip.is-verified{color:var(--sdx-green-600);background:var(--sdx-green-50);border-color:#bfeeda}
body.fp-ed .sdx .ed-kyc-chip.is-warn,body.fp-ed .sdx .ed-kyc-chip.is-pending{color:var(--sdx-amber-600);background:var(--sdx-amber-50);border-color:#f3dfb6}
body.fp-ed .sdx .ed-kyc-entry .ed-btn-fill{margin-top:16px}

/* ---- buttons ---- */
body.fp-ed .sdx .set-wrap .ed-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;min-height:0;padding:0 20px;border-radius:13px;font-family:'Inter',sans-serif;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;transition:.18s;border:1px solid transparent}
body.fp-ed .sdx .set-wrap .ed-btn-fill{background:linear-gradient(135deg,var(--sdx-brand-500),var(--sdx-brand-700));color:#fff;box-shadow:var(--sdx-shadow-pop)}
body.fp-ed .sdx .set-wrap .ed-btn-fill:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(36,86,230,.55)}
body.fp-ed .sdx .set-wrap .ed-btn-line{background:var(--sdx-surface);border:1px solid var(--sdx-line);color:var(--sdx-ink-700)}
body.fp-ed .sdx .set-wrap .ed-btn-line:hover{border-color:var(--sdx-brand-300);color:var(--sdx-brand-600);background:var(--sdx-brand-50)}
body.fp-ed .sdx .set-wrap .ed-btn-sm{height:36px;padding:0 14px;font-size:12.5px;border-radius:10px}
body.fp-ed .sdx .set-wrap .ed-auth-link{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;color:var(--sdx-brand-600);text-decoration:none}
body.fp-ed .sdx .set-wrap .ed-auth-link:hover{text-decoration:underline}
body.fp-ed .sdx .ed-onb-actions{display:flex;justify-content:flex-end}

/* ---- billing / deactivate groups (injected) keep as cards ---- */
body.fp-ed .sdx .ed-set-group{margin-top:16px;background:var(--sdx-surface);border:1px solid var(--sdx-line);border-radius:var(--sdx-radius);box-shadow:var(--sdx-shadow-card);padding:22px 24px}
body.fp-ed .sdx form .ed-set-group:first-child{margin-top:0}
body.fp-ed .sdx .ed-set-group > h2{font-family:'Inter',sans-serif;font-size:16.5px;font-weight:800;color:var(--sdx-ink-900);letter-spacing:-.02em;margin:0 0 4px}
body.fp-ed .sdx .ed-set-group > p{font-family:'Inter',sans-serif;font-size:12.5px;color:var(--sdx-ink-400);line-height:1.55;margin:0 0 8px}
body.fp-ed .sdx .ed-set-group > h2 + .ed-set-row,body.fp-ed .sdx .ed-set-group > p + .ed-set-row{padding-top:10px}
/* group rows: first has no top border feel, last no bottom */
body.fp-ed .sdx .ed-set-group .ed-set-row:last-child{border-bottom:0;padding-bottom:0}

/* sessions rows use ed-set-row; avatar/meta inherit */
body.fp-ed .sdx [data-sessions-list] .ed-set-row strong{font-weight:700}

/* status line */
body.fp-ed .sdx .ed-auth-status{font-family:'Inter',sans-serif;font-size:12.5px}
body.fp-ed .sdx .ed-auth-status:empty{display:none}

/* ============================================================
   PROFILE EDITOR primitives (seller-profile-settings / buyer-profile-settings)
   ============================================================ */
/* avatar edit block */
body.fp-ed .sdx .ed-avatar-edit{display:flex;align-items:center;gap:16px;margin-bottom:18px}
body.fp-ed .sdx .ed-av{width:72px;height:72px;border-radius:20px;flex:none;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--sdx-brand-100),var(--sdx-brand-50));color:var(--sdx-brand-600);font-family:'Inter',sans-serif;font-weight:800;font-size:22px}
body.fp-ed .sdx .ed-av img,body.fp-ed .sdx .ed-avatar-edit-preview img{width:100%;height:100%;object-fit:cover}
body.fp-ed .sdx .ed-avatar-edit-preview{width:72px;height:72px;border-radius:20px}
body.fp-ed .sdx .ed-avatar-edit-label{display:block;font-family:'Inter',sans-serif;font-size:12px;font-weight:800;color:var(--sdx-ink-700)}
body.fp-ed .sdx .ed-avatar-edit-btns{display:flex;align-items:center;gap:8px;margin-top:8px}
body.fp-ed .sdx .ed-avatar-edit-remove{border:0;background:transparent;color:#b42318;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;cursor:pointer;padding:6px 4px}
body.fp-ed .sdx .ed-avatar-edit-hint{display:block;font-family:'Inter',sans-serif;font-size:11.5px;color:var(--sdx-ink-400);margin-top:6px}
body.fp-ed .sdx .ed-avatar-edit-status{display:block;font-family:'Inter',sans-serif;font-size:11.5px;margin-top:4px}

/* field spacing when stacked in a panel */
body.fp-ed .sdx .ed-panel > .ed-field + .ed-field{margin-top:16px}
body.fp-ed .sdx .ed-cs-hint{display:block;font-family:'Inter',sans-serif;font-size:11.5px;color:var(--sdx-ink-400);margin-top:6px;line-height:1.5}

/* skills tag entry + chips */
body.fp-ed .sdx .ed-cs-tagentry{display:flex;gap:8px}
body.fp-ed .sdx .ed-cs-tagentry input{flex:1;height:44px;box-sizing:border-box;border:1px solid var(--sdx-line);border-radius:12px;background:var(--sdx-surface-2);padding:0 14px;font-family:'Inter',sans-serif;font-size:14px;color:var(--sdx-ink-900);outline:none;transition:.15s}
body.fp-ed .sdx .ed-cs-tagentry input:focus{border-color:var(--sdx-brand-400);background:var(--sdx-surface);box-shadow:0 0 0 3.5px var(--sdx-brand-50)}
body.fp-ed .sdx .ed-cs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.fp-ed .sdx .ed-cs-chips > *{display:inline-flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;color:var(--sdx-brand-700);background:var(--sdx-brand-50);border:1px solid var(--sdx-brand-100);border-radius:20px;padding:6px 12px}
body.fp-ed .sdx .ed-cs-chips button{border:0;background:transparent;color:var(--sdx-brand-600);cursor:pointer;font-size:15px;line-height:1;padding:0;opacity:.7}
body.fp-ed .sdx .ed-cs-chips button:hover{opacity:1}

/* dynamic rows (languages / experience / education / certs) */
body.fp-ed .sdx .ed-cs-rows{display:grid;gap:12px;margin-top:4px}
body.fp-ed .sdx .ed-cs-rows > div,body.fp-ed .sdx .ed-lang-row{border:1px solid var(--sdx-line);border-radius:14px;background:var(--sdx-surface-2);padding:14px 16px}
body.fp-ed .sdx .ed-cs-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
body.fp-ed .sdx .ed-cs-row-del{border:0;background:transparent;color:#b42318;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:8px}
body.fp-ed .sdx .ed-cs-row-del:hover{background:var(--sdx-red-50)}
body.fp-ed .sdx .ed-set-empty{font-family:'Inter',sans-serif;font-size:12.5px;color:var(--sdx-ink-400);margin-top:4px}

/* hourly rate input group */
body.fp-ed .sdx .ed-set-rate{display:flex;align-items:center;border:1px solid var(--sdx-line);border-radius:12px;background:var(--sdx-surface-2);overflow:hidden;transition:.15s}
body.fp-ed .sdx .ed-set-rate:focus-within{border-color:var(--sdx-brand-400);background:var(--sdx-surface);box-shadow:0 0 0 3.5px var(--sdx-brand-50)}
body.fp-ed .sdx .ed-set-rate-cur,body.fp-ed .sdx .ed-set-rate-unit{font-family:'Inter',sans-serif;font-weight:800;color:var(--sdx-ink-400);padding:0 12px;font-size:14px}
body.fp-ed .sdx .ed-set-rate input{flex:1;height:46px;border:0;background:transparent;outline:none;padding:0;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:var(--sdx-ink-900);box-shadow:none!important}

/* private panel + phone verify */
body.fp-ed .sdx .ed-panel-private{background:linear-gradient(135deg,var(--sdx-surface-2),var(--sdx-surface))}
body.fp-ed .sdx .ed-lock-note{display:block;margin-top:8px;color:var(--sdx-ink-400);font-family:'Inter',sans-serif;font-size:11.5px;line-height:1.5}

/* entrance */
@keyframes setRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body.fp-ed .sdx .set-wrap .ws-band,body.fp-ed .sdx .set-wrap .ed-panel,body.fp-ed .sdx .set-wrap .ed-set-group{animation:setRise .5s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){body.fp-ed .sdx .set-wrap .ws-band,body.fp-ed .sdx .set-wrap .ed-panel,body.fp-ed .sdx .set-wrap .ed-set-group{animation:none}}