.operation-hero { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); padding: 16px 18px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-white); }
.operation-hero__main { display: flex; align-items: center; gap: 12px; }
.operation-hero__title { color: var(--color-navy-950); font-size: 14px; font-weight: 750; }
.operation-hero__text { margin-top: 3px; color: var(--color-gray-500); font-size: 11px; }
.operation-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .8fr); gap: var(--space-5); }
.detail-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: var(--space-5); }
.detail-stat { padding: 13px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-white); }
.detail-stat__label { color: var(--color-gray-500); font-size: 10px; }
.detail-stat__value { margin-top: 6px; color: var(--color-navy-950); font-size: 17px; font-weight: 750; }
.detail-stat__meta { margin-top: 3px; color: var(--color-gray-500); font-size: 9px; }
.section-stack { display: flex; flex-direction: column; gap: var(--space-5); }
.kv-list { display: flex; flex-direction: column; gap: 12px; }
.kv-list__row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.kv-list__label { color: var(--color-gray-500); font-size: 11px; }
.kv-list__value { color: var(--color-gray-800); font-size: 11px; font-weight: 700; text-align: right; }
.capture-panel { padding: var(--space-5); border: 1px solid #c7e4df; border-radius: var(--radius-lg); background: #f3fbf9; }
.capture-panel__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.capture-panel__title { color: var(--color-navy-950); font-size: 14px; font-weight: 750; }
.capture-panel__copy { margin-top: 4px; color: var(--color-gray-600); font-size: 11px; }
.capture-reading { display: flex; align-items: baseline; gap: 7px; margin: 24px 0 17px; }
.capture-reading__value { color: var(--color-navy-950); font-size: 42px; font-weight: 800; letter-spacing: -.06em; line-height: 1; }
.capture-reading__unit { color: var(--color-gray-500); font-size: 12px; }
.timeline-list { display: flex; flex-direction: column; }
.timeline-list__item { display: grid; position: relative; grid-template-columns: 24px minmax(0, 1fr); gap: 11px; padding-bottom: 18px; }
.timeline-list__item:last-child { padding-bottom: 0; }
.timeline-list__item:not(:last-child)::before { position: absolute; top: 20px; bottom: 0; left: 9px; width: 1px; background: var(--color-border); content: ""; }
.timeline-list__node { z-index: 1; display: grid; width: 20px; height: 20px; place-items: center; border: 4px solid var(--color-teal-100); border-radius: 50%; background: var(--color-teal-700); color: var(--color-white); }
.timeline-list__node svg { width: 10px; height: 10px; }
.timeline-list__node--pending { border-color: var(--color-gray-100); background: var(--color-gray-300); }
.timeline-list__node--warning { border-color: var(--color-yellow-100); background: var(--color-yellow-500); }
.timeline-list__content { min-width: 0; }
.timeline-list__title { color: var(--color-gray-800); font-size: 11px; font-weight: 700; }
.timeline-list__meta { margin-top: 3px; color: var(--color-gray-500); font-size: 10px; }
.qr-ticket { display: grid; grid-template-columns: 74px minmax(0, 1fr); align-items: center; gap: 15px; padding: 13px; border: 1px dashed var(--color-border-strong); border-radius: var(--radius-md); background: var(--color-gray-50); }
.qr-ticket__code { display: grid; width: 74px; height: 74px; place-items: center; border-radius: 6px; background: repeating-linear-gradient(45deg, #20343b 0 3px, #fff 3px 6px, #20343b 6px 8px, #fff 8px 12px); }
.qr-ticket__code::after { width: 32px; height: 32px; border: 5px solid var(--color-white); border-radius: 4px; background: var(--color-navy-950); box-shadow: 0 0 0 2px var(--color-white); content: ""; }
.qr-ticket__title { color: var(--color-navy-950); font-size: 12px; font-weight: 750; }
.qr-ticket__meta { margin-top: 3px; color: var(--color-gray-500); font-size: 10px; line-height: 1.5; }

@media (max-width: 920px) { .detail-layout { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .operation-hero { align-items: flex-start; flex-direction: column; } .detail-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .capture-reading__value { font-size: 34px; } }

.detail-stat strong, .status-pipeline__count { font-weight: 750; }