/* DjimlyStore Marketplace v3.72.54 — reseller application readability & responsive layout.
   Isolated to onboarding screens; no dashboard/financial/form logic modifications. */
body.rv53-premium #sc-apply,
body.rv53-premium #sc-pending,
body.rv53-premium #sc-refused,
body.rv53-premium #sc-error {
  background:#0c1422 !important;
  color:#edf5ff;
  min-width:0;
}
body.rv53-premium #sc-apply > div:nth-child(2) {
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  scrollbar-color:#354865 transparent;
}
/* Contrast-safe header: never put white heading text on the old white header. */
body.rv53-premium #app #sc-apply .reseller-status-header,
body.rv53-premium #app #sc-pending .reseller-status-header,
body.rv53-premium #app #sc-refused .reseller-status-header,
body.rv53-premium #app #sc-error .reseller-status-header {
  background:#101c2f !important;
  color:#f7faff !important;
  border-bottom:1px solid #2b415c !important;
  box-shadow:0 4px 15px rgba(0,0,0,.12);
  min-height:66px;
  height:auto;
  padding:11px clamp(15px,3vw,28px);
  display:flex;
  align-items:center;
  gap:13px;
}
body.rv53-premium #app .reseller-status-header strong {
  color:#f7faff !important;
  opacity:1 !important;
  font-size:clamp(16px,4vw,19px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.035em;
  min-width:0;
}
body.rv53-premium #app .reseller-status-header a {
  background:#203b60 !important;
  border:1px solid #3b6290 !important;
  color:#b8d9ff !important;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:15px;
  font-size:27px;
  line-height:1;
  text-decoration:none;
}
body.rv53-premium #app .reseller-status-header a:focus-visible {
  outline:3px solid #8ac0ff;
  outline-offset:3px;
}
/* Preserve the branded hero graphic, complete and uncropped. */
body.rv53-premium #sc-apply .apply-hero.v38-reseller-hero {
  padding:0 !important;
  width:100%;
  max-height:none;
  background:#f4f9ff !important;
  overflow:hidden !important;
  border-radius:0 0 22px 22px !important;
  box-shadow:0 9px 22px rgba(0,0,0,.16) !important;
}
body.rv53-premium #sc-apply .v38-reseller-hero img {
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
/* Information and benefit section: no light-on-light text. */
body.rv53-premium #sc-apply .card {
  background:#16243a !important;
  border:1px solid #334762 !important;
  color:#f3f7ff !important;
  border-radius:22px !important;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
}
body.rv53-premium #sc-apply .card-body {padding:clamp(16px,4vw,22px)}
body.rv53-premium #sc-apply .card-body > p:first-child {
  color:#f5f8ff !important;
  font-size:16px !important;
  font-weight:800 !important;
  margin-bottom:14px !important;
  line-height:1.35;
}
body.v36-reseller.rv53-premium #app #sc-apply .benefit-row {
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  min-width:0;
  padding:13px 14px !important;
  margin:0 0 10px !important;
  border-radius:16px !important;
  background:#20314a !important;
  border:1px solid #3b536f !important;
  box-shadow:none !important;
  color:#f3f7ff !important;
}
body.v36-reseller.rv53-premium #app #sc-apply .benefit-row:last-child {margin-bottom:0 !important}
body.rv53-premium #sc-apply .benefit-row > div:last-child {flex:1;min-width:0}
body.rv53-premium #sc-apply .benefit-row > div:last-child p:first-child {
  color:#f9fbff !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  opacity:1 !important;
  margin:0 !important;
}
body.rv53-premium #sc-apply .benefit-row > div:last-child p:nth-child(2) {
  color:#c1d0e6 !important;
  font-size:12px !important;
  line-height:1.5 !important;
  opacity:1 !important;
  margin-top:3px !important;
}
body.rv53-premium #sc-apply .benefit-icon {
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:13px;
  background:#183e70 !important;
  border:1px solid #32649b;
  display:grid;
  place-items:center;
}
body.rv53-premium #sc-apply .benefit-icon svg {
  width:22px;
  height:22px;
  stroke:#8fc4ff !important;
}
/* Keep application progress and form visible across dark/light device modes. */
body.rv53-premium #sc-apply .progress-track {
  height:7px;
  background:#314359 !important;
  border-radius:99px;
  overflow:hidden;
  margin-top:22px;
}
body.rv53-premium #sc-apply .progress-fill {background:#4e9fff !important;border-radius:99px}
body.v36-reseller.rv53-premium #sc-apply .step-label {
  color:#9bc9ff !important;
  line-height:1.5;
  font-size:13px !important;
  font-weight:800 !important;
}
body.rv53-premium #sc-apply .field label {color:#c4d2e6 !important}
body.rv53-premium #sc-apply .field input,
body.rv53-premium #sc-apply .field select,
body.rv53-premium #sc-apply .field textarea {
  min-height:48px;
  color:#f5f9ff !important;
  background:#1b2b43 !important;
  border:1px solid #496180 !important;
  font-size:16px;
  caret-color:#7fbaff;
}
body.rv53-premium #sc-apply .field input::placeholder,
body.rv53-premium #sc-apply .field textarea::placeholder {color:#a7bad3 !important;opacity:1}
body.rv53-premium #sc-apply .field input:focus,
body.rv53-premium #sc-apply .field select:focus,
body.rv53-premium #sc-apply .field textarea:focus {border-color:#82baff !important;outline:2px solid rgba(125,185,255,.22);outline-offset:1px}
body.rv53-premium #sc-apply #applyStep1 .card,
body.rv53-premium #sc-apply #applyStep2 .card,
body.rv53-premium #sc-apply #applyStep3 .card {overflow:visible}
body.rv53-premium #sc-apply #applyStep1 .card-body,
body.rv53-premium #sc-apply #applyStep2 .card-body,
body.rv53-premium #sc-apply #applyStep3 .card-body {display:block}
body.rv53-premium #sc-apply #applyStep1 .btn-primary,
body.rv53-premium #sc-apply #applyStep2 .btn-primary,
body.rv53-premium #sc-apply #applyStep3 .btn-primary {min-height:54px}
/* Status screens also inherit premium white text: keep status panels legible. */
body.rv53-premium #sc-pending .pending-screen,
body.rv53-premium #sc-refused .pending-screen,
body.rv53-premium #sc-error .pending-screen {color:#edf5ff !important}
body.rv53-premium #sc-pending .pending-screen h2,
body.rv53-premium #sc-refused .pending-screen h2,
body.rv53-premium #sc-error .pending-screen h2 {color:#f6faff !important}
body.rv53-premium #sc-pending .reseller-status-card,
body.rv53-premium #sc-refused .reseller-status-card,
body.rv53-premium #sc-error .reseller-status-card {background:#17273c;border-color:#344e6e;color:#f2f7ff}
body.rv53-premium .reseller-status-card h3 {color:#f5faff !important}
body.rv53-premium .reseller-progress-step {color:#c5d8ed !important;border-bottom-color:#34506c !important}
body.rv53-premium .reseller-status-foot {color:#a8bdd5 !important}
@media(min-width:780px){
  body.rv53-premium #sc-apply > div:nth-child(2) > div:not(.apply-hero) {max-width:840px;margin-left:auto;margin-right:auto;width:100%}
  body.rv53-premium #sc-apply .apply-hero.v38-reseller-hero {max-width:840px;margin:16px auto 0;border-radius:22px !important}
}
@media(max-width:420px){
  body.rv53-premium #sc-apply .card-body {padding:16px}
  body.v36-reseller.rv53-premium #app #sc-apply .benefit-row {padding:12px !important;gap:11px !important}
  body.rv53-premium #sc-apply .benefit-icon {width:42px;height:42px;flex-basis:42px}
}
@media(prefers-reduced-motion:reduce){body.rv53-premium #sc-apply .progress-fill{transition:none}}