/*
 * SaloCart V4.3.2 — Business Cycle visual compatibility layer
 *
 * The component was rendered with .seller-cycle-grid / .seller-cycle-focus while
 * parts of the original V4.2 stylesheet targeted .seller-cycle-rail /
 * .seller-cycle-snapshot. This final stylesheet deliberately supports both naming
 * pairs and is loaded after every shared UI layer.
 */
.seller-dashboard .seller-cycle-section,
.seller-dashboard .seller-cycle-section *{box-sizing:border-box}

.seller-dashboard .seller-cycle-section--v432{
  position:relative;
  display:block;
  clear:both;
  width:100%;
  min-width:0;
  margin-top:18px;
  padding:20px;
  overflow:visible;
  border:1px solid var(--sc-line,#e2ebe5);
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 10%, color-mix(in srgb,var(--sc-blue,#2f80ed) 12%,transparent), transparent 32%),
    linear-gradient(145deg,color-mix(in srgb,var(--sc-surface,#fff) 94%,var(--sc-mint,#eaf8f0)),var(--sc-surface,#fff));
  box-shadow:0 10px 28px rgba(10,55,39,.055);
}
.seller-dashboard .seller-cycle-section--v432::after{content:"";display:block;clear:both}
.seller-dashboard .seller-cycle-section--v432 .seller-section-head{
  display:flex!important;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  min-width:0;
  margin-bottom:15px;
}
.seller-dashboard .seller-cycle-section--v432 .seller-section-head>div{min-width:0}
.seller-dashboard .seller-cycle-section--v432 .section-kicker{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--sc-green,#087a57);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}
.seller-dashboard .seller-cycle-section--v432 .seller-section-head h2{
  margin:5px 0 4px;
  color:var(--sc-ink,#153226);
  font-family:var(--font-display,Sora,system-ui,sans-serif);
  font-size:clamp(1.04rem,2vw,1.23rem);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.seller-dashboard .seller-cycle-section--v432 .seller-section-head p{
  max-width:750px;
  margin:0;
  color:var(--sc-muted,#687b71);
  font-size:.69rem;
  font-weight:600;
  line-height:1.52;
}
.seller-dashboard .seller-cycle-section--v432 .seller-refresh-button{
  flex:0 0 auto;
  min-height:34px;
  padding:0 10px;
  white-space:nowrap;
}

/* Both the old rail name and the rendered grid name must behave identically. */
.seller-dashboard .seller-cycle-grid,
.seller-dashboard .seller-cycle-rail{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
}
.seller-dashboard .seller-cycle-step{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto 13px;
  align-items:center;
  gap:9px;
  width:100%;
  min-width:0!important;
  min-height:76px;
  margin:0;
  padding:11px;
  overflow:hidden;
  border:1px solid var(--sc-line,#e2ebe5);
  border-radius:17px;
  background:var(--sc-surface,#fff);
  color:var(--sc-ink,#153226);
  text-align:left;
  box-shadow:0 3px 10px rgba(10,56,38,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.seller-dashboard .seller-cycle-step:hover,
.seller-dashboard .seller-cycle-step:focus-visible{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--sc-green,#087a57) 35%,var(--sc-line,#e2ebe5));
  box-shadow:0 10px 22px rgba(10,56,38,.08);
  outline:0;
}
.seller-dashboard .seller-cycle-step:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-green,#087a57) 18%,transparent),0 10px 22px rgba(10,56,38,.08)}
.seller-dashboard .seller-cycle-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:13px;
  background:var(--sc-mint,#e8f7ef);
  color:var(--sc-green,#087a57);
  font-size:.92rem;
}
.seller-dashboard .seller-cycle-icon.tone-blue{background:var(--sc-blue-soft,#e8f3ff);color:var(--sc-blue,#297dcb)}
.seller-dashboard .seller-cycle-icon.tone-orange{background:#fff0de;color:#ba680b}
.seller-dashboard .seller-cycle-icon.tone-violet{background:#f0edfd;color:#7152ca}
.seller-dashboard .seller-cycle-icon.tone-green{background:#e3f6e9;color:#1d8757}
.seller-dashboard .seller-cycle-step>span:nth-child(2){min-width:0}
.seller-dashboard .seller-cycle-step strong,
.seller-dashboard .seller-cycle-step small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-dashboard .seller-cycle-step strong{font-family:var(--font-display,Sora,system-ui,sans-serif);font-size:.69rem;font-weight:790;letter-spacing:-.025em}
.seller-dashboard .seller-cycle-step small{margin-top:3px;color:var(--sc-muted,#687b71);font-size:.53rem;font-weight:650}
.seller-dashboard .seller-cycle-step>b{max-width:74px;overflow:hidden;color:var(--sc-muted,#687b71);font-size:.52rem;font-weight:780;line-height:1.24;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.seller-dashboard .seller-cycle-step>i{color:var(--sc-line-strong,#90a398);font-size:.66rem}

/* Both the old snapshot name and the rendered focus name must behave identically. */
.seller-dashboard .seller-cycle-focus,
.seller-dashboard .seller-cycle-snapshot{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
  min-width:0;
  margin-top:11px;
}
.seller-dashboard .seller-cycle-focus article,
.seller-dashboard .seller-cycle-snapshot article{
  display:grid!important;
  grid-template-columns:39px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:12px;
  overflow:hidden;
  border:1px solid var(--sc-line,#e2ebe5);
  border-radius:17px;
  background:var(--sc-surface-alt,#f7fbf8);
}
.seller-dashboard .seller-cycle-focus article>span,
.seller-dashboard .seller-cycle-snapshot article>span{
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border-radius:13px;
  background:var(--sc-mint,#e8f7ef);
  color:var(--sc-green,#087a57);
  font-size:.96rem;
}
.seller-dashboard .seller-cycle-focus article:nth-child(2)>span,
.seller-dashboard .seller-cycle-snapshot article:nth-child(2)>span{background:var(--sc-blue-soft,#e8f3ff);color:var(--sc-blue,#297dcb)}
.seller-dashboard .seller-cycle-focus article>div,
.seller-dashboard .seller-cycle-snapshot article>div{min-width:0}
.seller-dashboard .seller-cycle-focus small,
.seller-dashboard .seller-cycle-focus strong,
.seller-dashboard .seller-cycle-focus em,
.seller-dashboard .seller-cycle-snapshot small,
.seller-dashboard .seller-cycle-snapshot strong,
.seller-dashboard .seller-cycle-snapshot em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-dashboard .seller-cycle-focus small,
.seller-dashboard .seller-cycle-snapshot small{color:var(--sc-muted,#687b71);font-size:.53rem;font-weight:730}
.seller-dashboard .seller-cycle-focus strong,
.seller-dashboard .seller-cycle-snapshot strong{margin-top:2px;color:var(--sc-ink,#153226);font-family:var(--font-display,Sora,system-ui,sans-serif);font-size:.75rem;font-weight:800;letter-spacing:-.025em}
.seller-dashboard .seller-cycle-focus em,
.seller-dashboard .seller-cycle-snapshot em{margin-top:3px;color:var(--sc-muted,#687b71);font-size:.52rem;font-style:normal;font-weight:590}
.seller-dashboard .seller-cycle-focus button,
.seller-dashboard .seller-cycle-snapshot button{
  min-height:32px;
  padding:0 9px;
  border:1px solid var(--sc-line,#e2ebe5);
  border-radius:10px;
  background:var(--sc-surface,#fff);
  color:var(--sc-green,#087a57);
  font-size:.56rem;
  font-weight:800;
  white-space:nowrap;
}
.seller-dashboard .seller-cycle-focus button:hover,
.seller-dashboard .seller-cycle-snapshot button:hover{border-color:var(--sc-green,#087a57);background:var(--sc-mint,#e8f7ef)}

html[data-theme="dark"] .seller-dashboard .seller-cycle-section--v432{
  border-color:var(--sc-line,#2d4238);
  background:radial-gradient(circle at 92% 10%,rgba(66,170,132,.10),transparent 32%),var(--sc-surface,#17271f);
  box-shadow:none;
}
html[data-theme="dark"] .seller-dashboard .seller-cycle-step{border-color:var(--sc-line,#2d4238);background:color-mix(in srgb,var(--sc-surface,#17271f) 94%,transparent)}
html[data-theme="dark"] .seller-dashboard .seller-cycle-focus article,
html[data-theme="dark"] .seller-dashboard .seller-cycle-snapshot article{border-color:var(--sc-line,#2d4238);background:color-mix(in srgb,var(--sc-surface-alt,#1f3329) 95%,transparent)}

@media (max-width:1199.98px){
  .seller-dashboard .seller-cycle-grid,
  .seller-dashboard .seller-cycle-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .seller-dashboard .seller-cycle-section--v432{margin-top:14px;padding:14px;border-radius:20px}
  .seller-dashboard .seller-cycle-section--v432 .seller-section-head{align-items:center;margin-bottom:12px}
  .seller-dashboard .seller-cycle-section--v432 .seller-section-head p{font-size:.65rem;line-height:1.45}
  .seller-dashboard .seller-cycle-section--v432 .seller-refresh-button{min-height:35px;padding:0 9px;font-size:.57rem}
  .seller-dashboard .seller-cycle-grid,
  .seller-dashboard .seller-cycle-rail{grid-template-columns:1fr;gap:8px}
  .seller-dashboard .seller-cycle-step{grid-template-columns:35px minmax(0,1fr) auto 12px;min-height:58px;padding:9px;border-radius:14px}
  .seller-dashboard .seller-cycle-icon{width:35px;height:35px;border-radius:11px;font-size:.82rem}
  .seller-dashboard .seller-cycle-step strong{font-size:.65rem}
  .seller-dashboard .seller-cycle-step small{font-size:.5rem}
  .seller-dashboard .seller-cycle-step>b{max-width:82px;font-size:.49rem}
  .seller-dashboard .seller-cycle-focus,
  .seller-dashboard .seller-cycle-snapshot{grid-template-columns:1fr;gap:8px;margin-top:9px}
  .seller-dashboard .seller-cycle-focus article,
  .seller-dashboard .seller-cycle-snapshot article{grid-template-columns:35px minmax(0,1fr) auto;padding:10px;border-radius:14px}
  .seller-dashboard .seller-cycle-focus article>span,
  .seller-dashboard .seller-cycle-snapshot article>span{width:35px;height:35px;border-radius:11px;font-size:.82rem}
  .seller-dashboard .seller-cycle-focus strong,
  .seller-dashboard .seller-cycle-snapshot strong{font-size:.68rem}
}
@media (max-width:390px){
  .seller-dashboard .seller-cycle-section--v432 .seller-section-head{align-items:flex-start;flex-direction:column}
  .seller-dashboard .seller-cycle-section--v432 .seller-refresh-button{width:100%;justify-content:center}
  .seller-dashboard .seller-cycle-step{grid-template-columns:35px minmax(0,1fr) auto;gap:8px}
  .seller-dashboard .seller-cycle-step>i{display:none}
  .seller-dashboard .seller-cycle-step>b{max-width:68px}
  .seller-dashboard .seller-cycle-focus article,
  .seller-dashboard .seller-cycle-snapshot article{grid-template-columns:34px minmax(0,1fr)}
  .seller-dashboard .seller-cycle-focus button,
  .seller-dashboard .seller-cycle-snapshot button{grid-column:1/-1;width:100%;min-height:34px}
}
@media (prefers-reduced-motion:reduce){
  .seller-dashboard .seller-cycle-step{transition:none!important}
}