.workflow-panel { padding: clamp(1.3rem, 3vw, 2.2rem); border: 1px solid rgba(157, 61, 255, 0.4); border-radius: var(--radius-md); background: radial-gradient(circle at 88% 4%, rgba(151, 52, 255, 0.18), transparent 22rem), rgba(8, 10, 31, 0.95); box-shadow: var(--shadow-violet); }
.workflow-panel > header > p:first-child { margin: 0 0 0.5rem; color: var(--color-violet-bright); font-size: 0.7rem; font-weight: 900; letter-spacing: 0.1em; }
.workflow-panel h2 { margin: 0 0 0.55rem; font-size: clamp(1.45rem, 2.7vw, 2.2rem); }
.workflow-panel > header > p:last-child { max-width: 56rem; margin: 0; color: #c9c4d7; font-size: 0.95rem; line-height: 1.55; }
.workflow-panel__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; margin-top: 1.3rem; }
.workflow-panel__grid--options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.workflow-panel__grid article { padding: 1rem; border: 1px solid rgba(151, 164, 205, 0.16); border-radius: var(--radius-sm); background: rgba(3, 6, 20, 0.62); }
.workflow-panel__grid article > i { color: var(--color-violet-bright); font-size: 1.1rem; }
.workflow-panel__grid h3 { margin: 0.8rem 0 0.45rem; font-size: 0.94rem; }
.workflow-panel__grid p { margin: 0; color: #bbb5c7; font-size: 0.875rem; line-height: 1.55; }
.workflow-panel__grid ul { display: grid; gap: 0.35rem; padding-left: 1rem; margin: 0.8rem 0 0; color: #d8d3e4; font-size: 0.75rem; line-height: 1.5; }
.workflow-panel__property { display: grid; gap: 0.35rem; margin-top: 1.2rem; padding: 1rem; border: 1px solid rgba(151, 164, 205, 0.16); border-radius: var(--radius-sm); background: rgba(3, 6, 20, 0.62); }
.workflow-panel__property span { color: #9992a8; font-size: 0.7rem; font-weight: 850; text-transform: uppercase; }
.workflow-panel__property strong { font-size: 1rem; }
.workflow-panel__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; margin: 0.8rem 0 0; }
.workflow-panel__facts div { padding: 1rem; border: 1px solid rgba(151, 164, 205, 0.16); border-radius: var(--radius-sm); background: rgba(3, 6, 20, 0.62); }
.workflow-panel__facts dt { color: #aaa4b8; font-size: 0.75rem; font-weight: 850; text-transform: uppercase; }
.workflow-panel__facts dd { margin: 0.55rem 0 0; color: #d8d3e4; font-size: 0.76rem; }
.workflow-panel__facts dd span { display: block; width: max-content; margin-bottom: 0.4rem; padding: 0.25rem 0.45rem; border-radius: 999px; color: #d4cfdb; background: rgba(132, 128, 149, 0.18); font-size: 0.6rem; font-weight: 900; text-transform: uppercase; }
.workflow-panel__notice { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.7rem; margin-top: 1rem; padding: 0.85rem; border: 1px solid rgba(255, 188, 112, 0.28); border-radius: var(--radius-sm); color: #eadbc9; background: rgba(118, 66, 27, 0.12); }
.workflow-panel__notice i { margin-top: 0.15rem; color: #ffc07c; }
.workflow-panel__notice p { margin: 0; font-size: 0.8rem; line-height: 1.5; }
.workflow-panel__notice a { color: #fff; font-weight: 850; }
.workflow-panel__next { display: flex; justify-content: flex-end; margin-top: 1rem; }
.workflow-panel__next a { display: inline-flex; gap: 0.55rem; align-items: center; min-height: 2.8rem; padding: 0.7rem 0.9rem; border: 1px solid rgba(159, 58, 255, 0.45); border-radius: var(--radius-sm); color: #fff; background: rgba(151, 52, 255, 0.14); font-size: 0.875rem; font-weight: 850; }
.workflow-panel__next--final { gap: 0.8rem; }
.workflow-panel--followup { margin-top: 1rem; }
.workflow-panel__agenda, .workflow-panel__equity-map { display: grid; grid-template-columns: minmax(13rem, 0.7fr) minmax(0, 1.3fr); gap: 1.5rem; margin-top: 1rem; padding: 1.2rem; border: 1px solid rgba(151, 164, 205, 0.16); border-radius: var(--radius-sm); background: rgba(3, 6, 20, 0.62); }
.workflow-panel__agenda > div > p, .workflow-panel__equity-map > div > p:first-child { margin: 0 0 0.45rem; color: var(--color-violet-bright); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.08em; }
.workflow-panel__agenda h3, .workflow-panel__equity-map h3 { margin: 0 0 0.5rem; font-size: 1.15rem; }
.workflow-panel__equity-map > div > p:last-child { margin: 0; color: #bbb5c7; font-size: 0.8rem; line-height: 1.55; }
.workflow-panel__agenda ol, .workflow-panel__equity-map ol { display: grid; gap: 0; padding: 0; margin: 0; list-style: none; }
.workflow-panel__agenda li, .workflow-panel__equity-map li { display: grid; grid-template-columns: minmax(2.8rem, auto) 1fr; gap: 0.75rem; padding: 0.65rem 0; border-top: 1px solid rgba(151, 164, 205, 0.16); }
.workflow-panel__agenda li:last-child, .workflow-panel__equity-map li:last-child { border-bottom: 1px solid rgba(151, 164, 205, 0.16); }
.workflow-panel__agenda li span, .workflow-panel__equity-map li span { color: #e4c2ff; font-size: 0.72rem; font-weight: 900; }
.workflow-panel__agenda li p, .workflow-panel__equity-map li p { margin: 0; color: #d8d3e4; font-size: 0.78rem; line-height: 1.5; }

@media (max-width: 52rem) {
  .workflow-panel__grid,
  .workflow-panel__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 40rem) {
  .workflow-panel__grid,
  .workflow-panel__grid--options,
  .workflow-panel__facts,
  .workflow-panel__agenda,
  .workflow-panel__equity-map { grid-template-columns: 1fr; }
  .workflow-panel__next { display: grid; }
  .workflow-panel__next a { justify-content: center; }
}