.ot-detail[data-v-e13974f4]{flex-direction:column;gap:14px;min-height:220px;display:flex}.ot-detail__hero[data-v-e13974f4]{background:linear-gradient(135deg,#fff 0%,#eef4ff 100%);border:1px solid #d8e4f3;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.ot-detail__hero>div[data-v-e13974f4]{flex-direction:column;gap:2px;min-width:0;display:flex}.ot-detail__eyebrow[data-v-e13974f4],.ot-detail__metrics span[data-v-e13974f4],.ot-detail__reason>span[data-v-e13974f4],.ot-detail-workflow__header span[data-v-e13974f4]{color:#667085;font-size:12px}.ot-detail__hero strong[data-v-e13974f4]{color:#17233d;font-size:18px}.ot-detail__hero small[data-v-e13974f4]{color:#475467;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ot-detail__metrics[data-v-e13974f4]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ot-detail__metrics>div[data-v-e13974f4]{background:#fff;border:1px solid #e0e7f0;border-radius:11px;min-width:0;padding:12px 14px}.ot-detail__metrics strong[data-v-e13974f4]{color:#17233d;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;display:block;overflow:hidden}.ot-detail__reason[data-v-e13974f4]{background:#fff;border:1px solid #e0e7f0;border-radius:11px;padding:12px 14px}.ot-detail__reason p[data-v-e13974f4]{color:#344054;white-space:pre-wrap;margin:6px 0 0;font-size:13px;line-height:1.55}.ot-detail-workflow[data-v-e13974f4]{background:#fff;border:1px solid #d8e4f3;border-radius:13px;flex-direction:column;gap:12px;padding:14px 15px 15px;display:flex;box-shadow:0 8px 24px #0f172a0d}.ot-detail-workflow__header[data-v-e13974f4]{justify-content:space-between;align-items:center;gap:12px;display:flex}.ot-detail-workflow__header>div[data-v-e13974f4]{flex-direction:column;gap:2px;display:flex}.ot-detail-workflow__header strong[data-v-e13974f4]{color:#17233d;font-size:14px}.ot-detail-workflow__recall[data-v-e13974f4]{margin-bottom:1px}.ot-detail-approval-steps[data-v-e13974f4]{gap:14px;padding:2px 1px 5px;display:flex;overflow-x:auto}.ot-detail-approval-step[data-v-e13974f4]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;flex:1 0 220px;min-width:220px;padding:12px;position:relative}.ot-detail-approval-step[data-v-e13974f4]:not(:last-child):after{content:"→";z-index:3;color:#64748b;background:#f8fafc;border:1px solid #d9e2ef;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid;position:absolute;top:50%;right:-20px;transform:translateY(-50%);box-shadow:0 2px 6px #0f172a14}.ot-detail-approval-step--current[data-v-e13974f4]{background:#fffbeb;border-color:#f0c66a;box-shadow:0 5px 14px #b4690017}.ot-detail-approval-step__head[data-v-e13974f4]{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ot-detail-approval-step__number[data-v-e13974f4]{color:#64748b;background:#e8eef6;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.ot-detail-approval-step__number--success[data-v-e13974f4]{color:#fff;background:#16a34a}.ot-detail-approval-step__number--warning[data-v-e13974f4]{color:#fff;background:#d97706}.ot-detail-approval-step__number--danger[data-v-e13974f4]{color:#fff;background:#dc2626}.ot-detail-approval-step__heading[data-v-e13974f4]{flex-direction:column;gap:1px;min-width:0;display:flex}.ot-detail-approval-step__heading strong[data-v-e13974f4]{color:#17233d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ot-detail-approval-step__heading small[data-v-e13974f4]{color:#98a2b3;font-size:10px}.ot-detail-approval-step__head[data-v-e13974f4] .el-tag{max-width:92px;padding-inline:6px;font-size:10px}.ot-detail-approval-step__assignees[data-v-e13974f4]{gap:5px;margin-top:10px;padding-left:38px;display:grid}.ot-detail-approval-step__assignees>div[data-v-e13974f4]{flex-direction:column;gap:1px;min-width:0;display:flex}.ot-detail-approval-step__assignees strong[data-v-e13974f4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ot-detail-approval-step__assignees small[data-v-e13974f4],.ot-detail-approval-step__assignees>span[data-v-e13974f4]{color:#667085;font-size:10px}.ot-detail-approval-step__decision[data-v-e13974f4]{color:#475467;background:#ffffffc7;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;padding:6px 8px;font-size:10px;display:flex}.ot-detail-approval-step__decision small[data-v-e13974f4]{color:#98a2b3}.ot-detail-approval-step>p[data-v-e13974f4]{color:#667085;margin:7px 0 0;font-size:11px;line-height:1.4}.ot-detail-workflow__history[data-v-e13974f4]{border-top:1px solid #edf1f6;border-bottom:0}.ot-detail-workflow__history[data-v-e13974f4] .el-collapse-item__header{color:#475467;border-bottom:0;height:38px;font-size:12px;font-weight:700}.ot-detail-workflow__history[data-v-e13974f4] .el-collapse-item__wrap{border-bottom:0}.ot-detail-workflow__history-list[data-v-e13974f4]{gap:7px;padding-bottom:4px;display:grid}.ot-detail-workflow__history-list>div[data-v-e13974f4]{color:#475467;background:#f8fafc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;font-size:11px;display:grid}.ot-detail-workflow__history-list strong[data-v-e13974f4]{color:#344054}.ot-detail-workflow__history-list small[data-v-e13974f4]{color:#98a2b3}.ot-detail-auto-approval[data-v-e13974f4]{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}@media (width<=900px){.ot-detail__metrics[data-v-e13974f4]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ot-detail__metrics[data-v-e13974f4]{grid-template-columns:1fr}.ot-detail-workflow__header[data-v-e13974f4],.ot-detail__hero[data-v-e13974f4]{flex-direction:column;align-items:flex-start}.ot-detail-approval-steps[data-v-e13974f4]{flex-direction:column;overflow-x:visible}.ot-detail-approval-step[data-v-e13974f4]{flex-basis:auto;min-width:0}.ot-detail-approval-step[data-v-e13974f4]:not(:last-child):after{display:none}.ot-detail-workflow__history-list>div[data-v-e13974f4]{grid-template-columns:1fr auto}.ot-detail-workflow__history-list small[data-v-e13974f4]{grid-column:1/-1}}