/* Human-readable physical stock history. */
.history-event-list {
  display: grid;
  gap: 12px;
}

.history-event {
  border: 1px solid #e5e5e9;
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
}

.history-event-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 15px;
  border-bottom: 1px solid #eeeef1;
  background: #fafafa;
}

.history-event-heading,
.history-event-meta,
.history-standard-main,
.history-location,
.history-detail-line,
.history-transfer-summary {
  display: flex;
  align-items: center;
}

.history-event-heading { gap: 10px; }
.history-event-heading > div:last-child { display: grid; gap: 1px; }
.history-event-heading strong { font-size: .92rem; }
.history-event-time { color: #818187; font-size: .72rem; }
.history-event-meta { gap: 9px; color: #88888e; font-size: .7rem; }

.history-event-number {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 11px;
  background: #4a4a50;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: -.02em;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.history-event-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #f0f0f3;
  color: #555;
}

.history-event-receipt .history-event-icon,
.history-event-return_to_stock .history-event-icon { background: #edf8f0; color: #287542; }
.history-event-issue .history-event-icon { background: #fff0ef; color: #b43a33; }
.history-event-inventory_adjustment .history-event-icon { background: #fff7df; color: #966700; }
.history-event-transfer .history-event-icon { background: #edf4ff; color: #2d62a8; }
.history-event-split .history-event-icon { background: #f2edff; color: #6742a5; }

.history-document-link {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f0f0f3;
  color: #333;
  font-weight: 700;
}

.history-document-link:hover { color: #111; background: #e8e8ec; }

.history-standard-event {
  display: grid;
  grid-template-columns: minmax(170px, .8fr) minmax(0, 1.6fr);
  gap: 18px;
  padding: 15px;
}

.history-standard-main {
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}

.history-standard-main > strong { font-size: 1.25rem; letter-spacing: -.025em; }
.history-mini-label { color: #8a8a90; font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.history-ean-link { margin-top: 4px; color: #555; font-size: .72rem; }
.history-standard-details { display: grid; align-content: center; gap: 7px; }
.history-location,
.history-detail-line { gap: 7px; color: #555; font-size: .76rem; }
.history-location i,
.history-detail-line i { width: 15px; color: #96969c; text-align: center; }
.history-inline-arrow { margin: 0 7px; color: #999; font-size: .72rem; }

.history-transfer-summary {
  gap: 8px;
  padding: 14px 15px 4px;
  color: #666;
  font-size: .78rem;
}
.history-transfer-summary strong { color: #1d1d1f; font-size: 1.15rem; }
.history-transfer-summary .mono { margin-left: auto; color: #777; font-size: .7rem; }

.history-transfer-route {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
  padding: 10px 15px;
}

.history-route-card {
  display: grid;
  gap: 4px;
  padding: 13px;
  border: 1px solid #e6e6ea;
  border-radius: 14px;
  background: #fafafa;
}
.history-route-card.is-destination { background: #f1f7ff; border-color: #dce9fb; }
.history-route-card strong { font-size: .8rem; line-height: 1.35; }
.history-route-arrow { display: grid; place-items: center; color: #8a8a90; }
.history-balance-note { padding: 0 15px 14px; color: #7a7a80; font-size: .7rem; text-align: right; }

.history-split-layout { padding: 15px; }
.history-split-source {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid #e5e5e9;
  border-radius: 14px;
  background: #fafafa;
}
.history-split-source .history-mini-label { grid-column: 1 / -1; }
.history-split-source strong { font-size: 1.05rem; }
.history-split-branch { display: grid; place-items: center; height: 32px; color: #7757aa; }
.history-split-results { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.history-piece-card {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid #e5e5e9;
  border-radius: 14px;
  background: #fafafa;
}
.history-piece-card.is-created { border-color: #ded5f5; background: #f7f4ff; }
.history-piece-card strong { font-size: 1.02rem; }

.history-event-split .history-event-body > .history-location {
  gap: 9px;
  margin: 0 15px 16px;
  padding: 10px 12px;
  border-radius: 11px;
  background: #f7f7f9;
}

.history-event-split .history-event-body > .history-location i {
  margin-left: 2px;
}

.stock-archive-box {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #e4e4e8;
  border-radius: 16px;
  background: #fafafa;
}
.stock-archive-box.is-archived { background: #f3f3f5; }
.stock-archive-box p { margin: 4px 0 12px; color: #77777d; font-size: .76rem; }
.stock-archive-row { opacity: .64; }
.stock-archive-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.stock-archive-count { color: #818187; font-size: .72rem; }

.stock-label-print-button {
  margin-top: 12px;
  border-color: #d9d9df !important;
  font-weight: 750;
}

@media (max-width: 720px) {
  .history-event-header { align-items: flex-start; flex-direction: column; }
  .history-event-meta { width: 100%; justify-content: space-between; }
  .history-standard-event { grid-template-columns: 1fr; gap: 10px; }
  .history-transfer-route { grid-template-columns: 1fr; }
  .history-route-arrow { height: 20px; transform: rotate(90deg); }
  .history-transfer-summary { flex-wrap: wrap; }
  .history-transfer-summary .mono { width: 100%; margin-left: 0; }
  .history-balance-note { text-align: left; }
  .history-split-results { grid-template-columns: 1fr; }
  .history-split-source { grid-template-columns: 1fr; }
}