body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f7fa}*{box-sizing:border-box}.channelDetailPage{max-width:1240px;margin:0 auto}.channelDetailHeaderTitle{min-width:0}.channelDetailSummaryPanel{max-width:920px}.channelDetailSummaryHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.channelDetailSummaryTitle{font-size:22px;font-weight:700;line-height:1.3;color:#1a1c21}.channelDetailSummarySubTitle{margin-top:6px;color:#69707d;font-size:13px}.channelDetailSummaryBadges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.channelDetailSummaryGrid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px 28px}.channelDetailInfoRow{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:start;min-width:0}.channelDetailInfoLabel{color:#69707d;font-size:13px;line-height:1.5;text-align:left}.channelDetailInfoValue{color:#1a1c21;font-size:14px;font-weight:600;line-height:1.5;text-align:right;min-width:0;overflow-wrap:anywhere;word-break:break-word}.channelDetailConfigHeader{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}.channelDetailConfigHeaderSpacer{min-height:1px}.channelDetailConfigHeaderTitle{min-width:0}.channelDetailConfigTable{display:flex;flex-direction:column;gap:14px}.channelDetailConfigRow{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.channelDetailConfigLabel{display:flex;flex-direction:column;gap:6px;padding-top:8px;color:#343741;font-size:13px;font-weight:600;line-height:1.4}.channelDetailConfigValue,.channelDetailConfigDraft{min-width:0}.channelDetailConfigValueActive{min-height:38px;padding:9px 12px;border:1px solid #d3dae6;border-radius:8px;background:#f8f9fb;color:#515761;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.channelDetailConfigDraft .euiFieldText,.channelDetailConfigDraft .euiTextArea{width:100%}.orderDetailOverviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.orderDetailOverviewSection{min-width:0}.orderDetailOverviewSectionFull{grid-column:1 / -1}.orderDetailContextGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.orderDetailFieldList{display:flex;flex-direction:column;gap:10px;min-width:0}.orderDetailFieldRow{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:start;min-width:0}.orderDetailFieldLabel{text-align:right;color:#69707d;font-size:12px;line-height:1.5;word-break:break-word}.orderDetailFieldValue{min-width:0;text-align:left;color:#1a1c21;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.orderDetailFieldValue code,.orderDetailFieldValue .euiCodeBlock,.orderDetailFieldValue .euiCode{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.orderEventTimeline{display:flex;flex-direction:column;gap:16px}.orderEventTimelineRow{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:16px;align-items:stretch}.orderEventTimelineCard{min-width:0}.orderEventTimelineCardHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.orderEventTimelineBadges{display:flex;flex-wrap:wrap;gap:8px}.orderEventTimelineMeta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:10px}.orderEventTimelineCenter{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.orderEventTimelineTime,.orderEventTimelineDelta{width:100%;text-align:center;font-size:12px;line-height:1.4}.orderEventTimelineTime{color:#343741;font-weight:600}.orderEventTimelineDelta{color:#69707d;letter-spacing:.02em}.orderEventTimelineAxis{position:relative;width:2px;flex:1;min-height:72px;background:linear-gradient(180deg,#d3dae6,#bcc4d1);border-radius:999px}.orderEventTimelineDot{position:absolute;top:12px;left:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%);box-shadow:0 0 0 4px #f5f7fa}@media (max-width: 1200px){.channelDetailConfigHeader,.channelDetailConfigRow{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)}.orderDetailOverviewGrid,.orderDetailContextGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.channelDetailSummaryGrid,.channelDetailConfigHeader,.channelDetailConfigRow{grid-template-columns:minmax(0,1fr)}.channelDetailSummaryBadges{justify-content:flex-start}.channelDetailInfoRow{grid-template-columns:minmax(0,1fr);gap:4px}.channelDetailInfoValue{text-align:left}.channelDetailConfigLabel{padding-top:0}.channelDetailConfigHeaderSpacer{display:none}.orderDetailFieldRow{grid-template-columns:120px minmax(0,1fr);gap:12px}.orderEventTimelineRow{grid-template-columns:minmax(0,1fr)}.orderEventTimelineCenter{flex-direction:row;justify-content:flex-start;align-items:center}.orderEventTimelineTime,.orderEventTimelineDelta{width:auto;text-align:left}.orderEventTimelineAxis{width:56px;min-height:2px;height:2px}.orderEventTimelineDot{top:50%;left:20px;transform:translateY(-50%);box-shadow:0 0 0 4px #f5f7fa}}
