:root{
  --sx-ink:#1f2a24;
  --sx-muted:#6b726c;
  --sx-line:#e4e6e1;
  --sx-bg:#f7f8f6;
  --sx-accent:#2f6b4f;
  --sx-warn:#8a5a00;
  --sx-bad:#8a1f1f;
}
.supplyex-banner{padding:10px 0;font-size:14px;text-align:center}
.supplyex-banner--pending{background:#fff6e5;color:var(--sx-warn);border-bottom:1px solid #f0d9a8}
.supplyex-banner--blocked{background:#fdecec;color:var(--sx-bad);border-bottom:1px solid #f0b4b4}
.supplyex-note{margin:0 0 16px;padding:12px 14px;background:var(--sx-bg);border-left:3px solid var(--sx-ink);font-size:14px;line-height:1.45}
.supplyex-note--bad{border-left-color:var(--sx-bad);color:var(--sx-bad)}
.supplyex-status{display:inline-block;margin:0 0 14px;padding:6px 12px;border-radius:4px;background:var(--sx-bg);border:1px solid var(--sx-line);font-size:14px}
.supplyex-status--pending{background:#fff6e5}
.supplyex-status--active{background:#e5f3eb}
.supplyex-status--blocked,.supplyex-status--rejected{background:#fdecec}
.supplyex-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}
.supplyex-kpi__card{background:var(--sx-bg);border:1px solid var(--sx-line);padding:14px 16px;border-radius:4px}
.supplyex-kpi__label{font-size:12px;color:var(--sx-muted);margin-bottom:6px}
.supplyex-kpi__value{font-size:22px;font-weight:700;color:var(--sx-ink)}
.supplyex-kpi__hint{font-size:11px;color:var(--sx-muted);margin-top:4px}
.supplyex-form{display:flex;flex-direction:column;gap:10px;max-width:720px}
.supplyex-form__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:720px){.supplyex-form__row{grid-template-columns:1fr}}
.supplyex-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;background:var(--sx-ink);color:#fff;border:0;border-radius:4px;cursor:pointer}
.supplyex-flash{margin:0 0 12px;padding:10px 12px;background:#e5f3eb;color:var(--sx-accent);border-radius:4px}
.supplyex-alt{margin-top:14px;font-size:14px;color:var(--sx-muted)}
.supplyex-page .form__group{margin-bottom:12px}
.profile__role{display:block;margin-top:4px;font-size:12px;color:var(--sx-muted)}

/* Role switcher on register */
.sx-role-switch{margin:0 0 18px}
.sx-role-switch__label{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--sx-ink)}
.sx-role-switch__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.sx-role-switch__grid{grid-template-columns:1fr}}
.sx-role-switch__card{
  display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;
  border:1px solid var(--sx-line);border-radius:6px;background:#fff;
  text-decoration:none;color:var(--sx-ink);transition:border-color .15s,box-shadow .15s,background .15s
}
.sx-role-switch__card:hover{border-color:#b8c0b8;background:var(--sx-bg)}
.sx-role-switch__card.is-active{
  border-color:var(--sx-ink);background:var(--sx-bg);
  box-shadow:inset 0 0 0 1px var(--sx-ink)
}
.sx-role-switch__title{font-size:16px;font-weight:700;line-height:1.2}
.sx-role-switch__desc{font-size:13px;line-height:1.35;color:var(--sx-muted)}
.sx-role-note,.dropex-register-note{
  margin:0 0 18px;padding:12px 14px;background:var(--sx-bg);
  border-left:3px solid var(--sx-ink);font-size:14px;line-height:1.45;color:#3d453f
}
.supplyex-h3{margin:18px 0 10px;font-size:16px;font-weight:700;color:var(--sx-ink)}
.sx-register-aside{
  margin-top:8px;padding:28px 24px;background:linear-gradient(160deg,#f7f8f6 0%,#eef1ec 100%);
  border:1px solid var(--sx-line);border-radius:8px;min-height:280px
}
.sx-register-aside__title{font-size:20px;font-weight:700;color:var(--sx-ink);margin:0 0 14px}
.sx-register-aside__list{margin:0;padding:0 0 0 18px;color:#3d453f;font-size:14px;line-height:1.55}
.sx-register-aside__list li{margin:0 0 10px}
.supplyex-products-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.supplyex-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.supplyex-chip{display:inline-flex;padding:6px 10px;border:1px solid var(--sx-line);border-radius:4px;color:var(--sx-ink);text-decoration:none;font-size:13px;background:#fff}
.supplyex-chip.is-active{border-color:var(--sx-ink);background:var(--sx-bg)}
.supplyex-table-wrap{overflow:auto}
.supplyex-table{width:100%;border-collapse:collapse;font-size:14px}
.supplyex-table th,.supplyex-table td{padding:10px 8px;border-bottom:1px solid var(--sx-line);text-align:left;vertical-align:top}
.supplyex-table th{color:var(--sx-muted);font-weight:600;font-size:12px}
.supplyex-actions{white-space:nowrap}
.supplyex-actions a,.supplyex-linkbtn{margin-right:8px;font-size:13px;background:none;border:0;padding:0;color:#1a5f9e;cursor:pointer;text-decoration:underline}
.supplyex-linkbtn--bad{color:var(--sx-bad)}
.supplyex-muted{color:var(--sx-muted);font-size:13px}
.supplyex-btn--ghost{background:#fff;color:var(--sx-ink);border:1px solid var(--sx-ink)}
.supplyex-form__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.supplyex-flash--err{background:#fdecec;color:var(--sx-bad)}
.supplyex-products-actions{display:flex;flex-wrap:wrap;gap:8px}
.supplyex-import-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;align-items:center}
.supplyex-status--new{background:#fff6e5}
.supplyex-status--accepted{background:#e8f0fe}
.supplyex-status--shipped{background:#e5f3eb}
.supplyex-status--done{background:#e5f3eb}
.supplyex-status--cancelled{background:#fdecec}
.supplyex-chat-layout{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:16px;align-items:start}
@media (max-width:900px){.supplyex-chat-layout{grid-template-columns:1fr}}
.supplyex-chat-list{border:1px solid var(--sx-line);border-radius:6px;background:#fff;max-height:70vh;overflow:auto}
.supplyex-chat-item{display:block;padding:12px 14px;border-bottom:1px solid var(--sx-line);color:inherit;text-decoration:none}
.supplyex-chat-item:hover,.supplyex-chat-item.is-active{background:var(--sx-bg)}
.supplyex-chat-item__title{font-weight:700;display:flex;align-items:center;gap:8px}
.supplyex-chat-thread{border:1px solid var(--sx-line);border-radius:6px;background:#fff;padding:14px;min-height:320px}
.supplyex-chat-thread__head{font-weight:700;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--sx-line)}
.dropex-msg--partner{background:#f3f6f2}
.dropex-msg--supplier{background:#eef3f9}