.daruta-order-detail { padding: 0 16px 32px; display: flex; flex-direction: column; gap: 14px; }
.daruta-order-detail__panel {
  background: var(--daruta-paper);
  border: 1px solid var(--daruta-line-quiet);
  border-radius: var(--daruta-radius-lg);
  padding: 18px 20px;
  display: flex; flex-direction: column; gap: 10px;
}
.daruta-order-detail__head { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; }
.daruta-order-detail__head strong { font-family: var(--daruta-font-display); letter-spacing: .06em; display: block; margin-top: 4px; }

.daruta-order-detail__items { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.daruta-order-detail__items li { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; }
.daruta-order-detail__row { display: flex; justify-content: space-between; padding-top: 8px; border-top: 1px solid var(--daruta-line-quiet); font-size: 13px; }
.daruta-order-detail__row--total { font-size: 16px; padding-top: 12px; }

.daruta-order-detail__timeline { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.daruta-order-detail__timeline li {
  display: flex; gap: 12px; align-items: flex-start;
  padding-left: 4px;
}
.daruta-order-detail__timeline li strong { display: block; font-family: var(--daruta-font-body); font-size: 14px; color: var(--daruta-fg); margin-bottom: 2px; }
.daruta-order-detail__timeline li .daruta-small { color: var(--daruta-muted); }
.daruta-order-detail__dot {
  display: inline-block;
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--daruta-forest);
  margin-top: 6px; flex-shrink: 0;
}