.koi-workflow{--koi-workflow-scrap: #7c3aed;--koi-workflow-scrap-soft: rgba(124, 58, 237, .07);overflow:hidden;background:var(--koi-surface);border:1px solid rgba(215,221,231,.94);border-radius:var(--koi-radius-xl);box-shadow:var(--koi-shadow-surface)}.koi-workflow__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;background:linear-gradient(180deg,#fffffffa,#f8fafce6);border-bottom:1px solid var(--koi-border-soft)}.koi-workflow__eyebrow{color:var(--koi-info);font-size:.67rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.koi-workflow__title{margin:.12rem 0 0;color:var(--koi-text);font-size:1.05rem;font-weight:800}.koi-workflow__subtitle{max-width:760px;margin-top:.2rem;color:var(--koi-muted);font-size:.75rem;line-height:1.35}.koi-workflow__stepper{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));min-width:min(100%,390px);gap:0}.koi-workflow-step{position:relative;display:grid;justify-items:center;gap:.24rem;color:var(--koi-muted);font-size:.68rem;text-align:center}.koi-workflow-step:not(:last-child):after{content:"";position:absolute;top:.95rem;left:calc(50% + 1rem);width:calc(100% - 2rem);height:1px;background:var(--koi-border)}.koi-workflow-step__dot{position:relative;z-index:1;display:grid;place-items:center;width:1.95rem;height:1.95rem;color:var(--koi-muted);font-size:.76rem;font-weight:900;background:var(--koi-surface);border:1px solid var(--koi-border);border-radius:999px}.koi-workflow-step.is-done .koi-workflow-step__dot{color:#fff;background:var(--koi-success);border-color:var(--koi-success)}.koi-workflow-step.is-active .koi-workflow-step__dot{color:#fff;background:var(--koi-pending);border-color:var(--koi-pending);box-shadow:0 0 0 .22rem var(--koi-pending-soft)}.koi-workflow-step.is-warning .koi-workflow-step__dot{color:var(--koi-warning);border-color:var(--koi-warning);background:var(--koi-warning-soft)}.koi-workflow-step.is-success .koi-workflow-step__dot{color:var(--koi-success);border-color:var(--koi-success);background:var(--koi-success-soft)}.koi-workflow-step.is-active{color:var(--koi-pending);font-weight:800}.koi-workflow__table-wrap{overflow-x:auto;background:var(--koi-surface)}.koi-workflow__table{min-width:1120px;margin:0;table-layout:fixed}.koi-workflow__table thead th{padding:.66rem .72rem;color:#475569;font-size:.67rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase;background:#f8fafcfa;border-bottom:1px solid rgba(148,163,184,.32)}.koi-workflow__table tbody td{padding:.68rem .72rem;vertical-align:middle;border-bottom-color:#94a3b833}.koi-workflow-row--active>td{background:var(--koi-warning-soft)}.koi-workflow-row--active>td:first-child{box-shadow:inset 3px 0 0 var(--koi-warning)}.koi-workflow-row--blocked{opacity:.68}.koi-workflow__primary{color:var(--koi-text);font-weight:800;line-height:1.1}.koi-workflow__secondary{margin-top:.18rem;color:var(--koi-muted);font-size:.7rem;line-height:1.25}.koi-workflow-operator{position:relative}.koi-workflow-operator>summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.3rem;padding:.42rem .58rem;color:var(--koi-text);background:var(--koi-surface);border:1px solid #cbd5e1;border-radius:var(--koi-radius-md);cursor:pointer;list-style:none}.koi-workflow-operator>summary::-webkit-details-marker{display:none}.koi-workflow-operator[open]>summary{border-color:var(--koi-pending);box-shadow:0 0 0 .18rem var(--koi-pending-soft)}.koi-workflow-operator__menu{position:absolute;z-index:60;top:calc(100% + .35rem);left:0;width:min(360px,80vw);padding:.7rem;background:var(--koi-surface);border:1px solid var(--koi-border);border-radius:var(--koi-radius-lg);box-shadow:var(--koi-shadow-shell)}.koi-workflow-workspace-row>td{padding:0!important;background:#f8fafcb3}.koi-workflow-workspace{margin:.75rem;padding:.85rem;background:#fffffffa;border:2px solid var(--koi-pending);border-radius:var(--koi-radius-xl);box-shadow:0 12px 34px #2563eb14}.koi-workflow-workspace__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.15rem .15rem .85rem}.koi-workflow-workspace__title{display:flex;align-items:center;gap:.55rem;margin:0;color:var(--koi-text);font-size:.94rem;font-weight:800}.koi-workflow-stage-number{display:inline-grid;place-items:center;flex:0 0 auto;width:1.62rem;height:1.62rem;color:#fff;font-size:.72rem;font-weight:900;background:var(--koi-pending);border-radius:999px}.koi-workflow-stage{padding:.85rem;background:var(--koi-surface);border:1px solid var(--koi-border-soft);border-radius:var(--koi-radius-lg)}.koi-workflow-stage+.koi-workflow-stage{margin-top:.65rem}.koi-workflow-stage__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.65rem}.koi-workflow-stage__title{display:flex;align-items:center;gap:.52rem;margin:0;font-size:.84rem;font-weight:800}.koi-workflow-stage__hint{margin-top:.15rem;color:var(--koi-muted);font-size:.7rem}.koi-workflow-stage--derivative{background:linear-gradient(90deg,var(--koi-success-soft),rgba(255,255,255,.96));border-color:#05966933}.koi-workflow-stage--derivative .koi-workflow-stage-number{background:var(--koi-warning)}.koi-workflow-stage--scrap{background:linear-gradient(90deg,var(--koi-workflow-scrap-soft),rgba(255,255,255,.96));border-color:#7c3aed2e}.koi-workflow-stage--scrap .koi-workflow-stage-number{background:var(--koi-workflow-scrap)}.koi-workflow-stage--final{background:#f8fafcdb}.koi-workflow-matrix-wrap{overflow-x:auto;border:1px solid rgba(148,163,184,.32);border-radius:var(--koi-radius-lg)}.koi-workflow-matrix{min-width:760px;margin:0;table-layout:fixed}.koi-workflow-matrix th,.koi-workflow-matrix td{padding:.42rem .48rem;text-align:center;vertical-align:middle;border-color:#94a3b847}.koi-workflow-matrix th:first-child,.koi-workflow-matrix td:first-child{width:145px;text-align:left}.koi-workflow-matrix thead th{color:#475569;font-size:.68rem;font-weight:900;background:#f8fafcfa}.koi-workflow-matrix tbody th{color:var(--koi-text);font-size:.72rem;font-weight:800;background:#f8fafca8}.koi-workflow-matrix .form-control{min-width:68px;height:2rem;padding:.2rem .4rem;text-align:right}.koi-workflow-matrix__derived>*{background:var(--koi-warning-soft)!important}.koi-workflow-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.koi-workflow-summary__metrics{display:flex;flex-wrap:wrap;gap:1rem}.koi-workflow-summary__metric{min-width:70px}.koi-workflow-summary__label{color:var(--koi-muted);font-size:.64rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.koi-workflow-summary__value{margin-top:.1rem;color:var(--koi-text);font-size:1rem;font-weight:900}.koi-workflow__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.78rem .95rem;color:var(--koi-muted);font-size:.71rem;background:#f8fafcd1;border-top:1px solid var(--koi-border-soft)}.koi-workflow details>summary{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 991.98px){.koi-workflow__header{flex-direction:column}.koi-workflow__stepper{width:100%;min-width:0}.koi-workflow-workspace{margin:.5rem;padding:.62rem}}@media (max-width: 575.98px){.koi-workflow__stepper{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.75rem}.koi-workflow-step:after{display:none}.koi-workflow-summary{align-items:stretch;flex-direction:column}}