/** IT Store — order tracking. */
.itstore-track { max-width: 560px; }
.itstore-track__form { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.itstore-track__form input {
  flex: 1 1 200px;
  border: 1px solid #d7dce6;
  border-radius: 8px;
  padding: 11px 12px;
  font-size: 14px;
}
.itstore-track__error { color: #dc2626; font-size: 14px; }
.itstore-track__result { border: 1px solid #e3e7ef; border-radius: 14px; box-shadow: 0 1px 2px rgba(16,24,40,.04); overflow: hidden; }
.itstore-track__head { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; background: #f8f9fc; }
.itstore-track__ref { font-family: "JetBrains Mono", ui-monospace, monospace; font-weight: 700; color: #0b1220; margin-right: 10px; }
.itstore-track__status { background: #eaf1ff; color: #1d4ed8; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 20px; }
.itstore-track__total { font-family: "JetBrains Mono", ui-monospace, monospace; font-weight: 800; color: #0b1220; }
.itstore-track__steps { list-style: none; margin: 0; padding: 0; }
.itstore-track__steps li { display: flex; justify-content: space-between; padding: 12px 18px; border-top: 1px solid #eef0f4; font-size: 13.5px; }
.itstore-track__step-name { color: #0b1220; font-weight: 600; }
.itstore-track__step-date { color: #8b94a8; }