/* Smart Fin Reports 5.4.9.13 — single-row unified workflow and typography refinement.
   Scope is limited to transformed workflow components. No platform-width rules. */
.sfr-unified-workflow-source-hidden{display:none!important}
.sfr-unified-workflow-shell{
  --sfr-unified-workflow-columns:4;
  --sfr-unified-workflow-progress:0%;
  margin:0 0 14px!important;
  padding:10px 12px 12px!important;
  border:1px solid #dce6ef!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,49,95,.06)!important;
  color:#173b63;
  overflow:hidden!important;
  min-width:0;
  font-family:"Cairo","Tajawal",Tahoma,Arial,sans-serif!important;
}
.sfr-unified-workflow-progress{
  display:grid!important;
  grid-template-columns:auto minmax(80px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 2px 9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0!important;
}
.sfr-unified-workflow-progress>span{
  color:#60758b!important;
  font-family:"Cairo","Tajawal",Tahoma,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.sfr-unified-workflow-progress>i{
  display:block!important;
  height:4px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#dce6ef!important;
  overflow:hidden!important;
}
.sfr-unified-workflow-progress>i>b{
  display:block!important;
  width:var(--sfr-unified-workflow-progress)!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#10b981,#3b82f6)!important;
  transition:width .25s ease!important;
}
.sfr-unified-workflow-progress>strong{
  margin:0!important;
  color:#1e3a8a!important;
  font:800 12px/1.2 Inter,"JetBrains Mono",monospace!important;
  direction:ltr!important;
  white-space:nowrap!important;
}
.sfr-unified-workflow-steps{
  display:grid!important;
  grid-template-columns:repeat(var(--sfr-unified-workflow-columns),minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  min-width:0!important;
  direction:rtl!important;
}
.sfr-unified-workflow-steps>:not(button){display:none!important}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:64px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid #dce6ef!important;
  border-radius:12px!important;
  background:#f7fafc!important;
  color:#60758b!important;
  font-family:"Cairo","Tajawal",Tahoma,Arial,sans-serif!important;
  text-align:right!important;
  white-space:normal!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transform:none;
  overflow:visible!important;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important;
  scroll-snap-align:center!important;
}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button:not(.sfr-unified-workflow-row-end)::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  left:-9px!important;
  width:9px!important;
  height:2px!important;
  border:0!important;
  background:#dce6ef!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button:hover{
  transform:translateY(-1px)!important;
  border-color:#93c5fd!important;
  background:#eff6ff!important;
}
.sfr-unified-workflow-number{
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#dce6ef!important;
  color:#475569!important;
  font:800 12px/1 Inter,"JetBrains Mono",monospace!important;
  direction:ltr!important;
}
.sfr-unified-workflow-copy{
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  flex:1 1 auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sfr-unified-workflow-copy>b,.sfr-unified-workflow-copy>small{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font-family:"Cairo","Tajawal",Tahoma,Arial,sans-serif!important;
  text-align:right!important;
}
.sfr-unified-workflow-copy>b{
  display:-webkit-box!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  flex:0 1 auto!important;
  place-items:initial!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:13.25px!important;
  font-weight:800!important;
  line-height:1.45!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.sfr-unified-workflow-copy>small{
  display:block!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:10.75px!important;
  font-weight:600!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  opacity:.86!important;
}
.sfr-unified-workflow-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:20px!important;
  height:20px!important;
  margin-inline-start:4px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:rgba(100,116,139,.14)!important;
  color:inherit!important;
  font:700 9px/1 Inter,"JetBrains Mono",monospace!important;
  vertical-align:middle!important;
}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-is-current{
  border-color:#3b82f6!important;
  background:linear-gradient(135deg,#1e3a8a,#2563eb)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(30,58,138,.22)!important;
}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-is-current .sfr-unified-workflow-number{
  background:#fff!important;
  color:#1e3a8a!important;
}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-is-current .sfr-unified-workflow-badge{background:rgba(255,255,255,.18)!important;color:#fff!important}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-is-complete{
  border-color:#10b981!important;
  background:#ecfdf5!important;
  color:#047857!important;
}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-is-complete .sfr-unified-workflow-number{
  background:#10b981!important;
  color:#fff!important;
  font-size:0!important;
}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-is-complete .sfr-unified-workflow-number::after{content:"✓"!important;font-size:14px!important}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-has-error:not(.sfr-is-current){border-color:#f59e0b!important;background:#fffbeb!important;color:#92400e!important}
.sfr-unified-workflow-shell .sfr-unified-workflow-steps>button:focus-visible{outline:3px solid rgba(59,130,246,.24)!important;outline-offset:2px!important}

/* A single visual sequence is preserved at every width. When cards cannot stay readable,
   the sequence becomes one horizontal scroll row instead of wrapping into a second row. */
.sfr-unified-workflow-shell[data-sfr-workflow-layout="scroll"] .sfr-unified-workflow-steps{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding-bottom:2px!important;
}
.sfr-unified-workflow-shell[data-sfr-workflow-layout="scroll"] .sfr-unified-workflow-steps::-webkit-scrollbar{display:none!important}
.sfr-unified-workflow-shell[data-sfr-workflow-layout="scroll"] .sfr-unified-workflow-steps>button{
  flex:0 0 clamp(220px,34vw,270px)!important;
  width:clamp(220px,34vw,270px)!important;
}

body.dark-platform .sfr-unified-workflow-shell{
  background:#0f1d2e!important;
  border-color:#2a4059!important;
  color:#e8f1fb!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
body.dark-platform .sfr-unified-workflow-progress>span{color:#a9bbce!important}
body.dark-platform .sfr-unified-workflow-progress>i{background:#2a4059!important}
body.dark-platform .sfr-unified-workflow-progress>strong{color:#60a5fa!important}
body.dark-platform .sfr-unified-workflow-shell .sfr-unified-workflow-steps>button{
  background:#13243a!important;
  border-color:#2a4059!important;
  color:#a9bbce!important;
}
body.dark-platform .sfr-unified-workflow-shell .sfr-unified-workflow-steps>button:not(.sfr-unified-workflow-row-end)::after{background:#2a4059!important}
body.dark-platform .sfr-unified-workflow-shell .sfr-unified-workflow-steps>button:hover{border-color:#4d79a8!important;background:#172b45!important}
body.dark-platform .sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-is-current{
  border-color:#3b82f6!important;
  background:linear-gradient(135deg,#174d7c,#2563eb)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(37,99,235,.24)!important;
}
body.dark-platform .sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-is-complete{background:#0d2f25!important;border-color:#047857!important;color:#a7f3d0!important}
body.dark-platform .sfr-unified-workflow-shell .sfr-unified-workflow-steps>button.sfr-has-error:not(.sfr-is-current){background:#38270c!important;border-color:#b7791f!important;color:#fde68a!important}

@media(max-width:760px){
  .sfr-unified-workflow-shell[data-sfr-workflow-layout="scroll"] .sfr-unified-workflow-steps>button{
    flex-basis:min(78vw,260px)!important;
    width:min(78vw,260px)!important;
  }
  .sfr-unified-workflow-shell .sfr-unified-workflow-steps>button{min-height:62px!important;padding:9px 10px!important}
}
@media(max-width:420px){
  .sfr-unified-workflow-shell{padding:9px!important}
  .sfr-unified-workflow-progress>span{display:none!important}
  .sfr-unified-workflow-progress{grid-template-columns:minmax(80px,1fr) auto!important}
  .sfr-unified-workflow-copy>b{font-size:12.5px!important}
  .sfr-unified-workflow-copy>small{font-size:10.25px!important}
  .sfr-unified-workflow-number{flex-basis:27px!important;width:27px!important;height:27px!important}
}
@media print{.sfr-unified-workflow-shell{display:none!important}}

/* Compact desktop/laptop mode: still one row, with descriptions removed before any wrap occurs. */
.sfr-unified-workflow-shell[data-sfr-workflow-layout="compact"] .sfr-unified-workflow-steps>button{
  min-height:58px!important;
  gap:6px!important;
  padding:8px 7px!important;
}
.sfr-unified-workflow-shell[data-sfr-workflow-layout="compact"] .sfr-unified-workflow-number{
  flex-basis:27px!important;
  width:27px!important;
  height:27px!important;
  font-size:11px!important;
}
.sfr-unified-workflow-shell[data-sfr-workflow-layout="compact"] .sfr-unified-workflow-copy>b{
  font-size:12.25px!important;
  line-height:1.4!important;
}
.sfr-unified-workflow-shell[data-sfr-workflow-layout="compact"] .sfr-unified-workflow-copy>small{display:none!important}
