/* Isolate the NKT receipt from generic .warning pseudo-elements and grid rules. */
#nktOfficialPanel .nkt-receipt {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: start !important;
  gap: 11px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#nktOfficialPanel .nkt-receipt::before,
#nktOfficialPanel .nkt-receipt::after {
  content: none !important;
  display: none !important;
}

#nktOfficialPanel .nkt-receipt > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  box-sizing: border-box !important;
}

#nktOfficialPanel .nkt-receipt > div {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}

#nktOfficialPanel .nkt-receipt strong,
#nktOfficialPanel .nkt-receipt small {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}

@media (max-width: 760px) {
  #nktOfficialPanel .nkt-receipt {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  #nktOfficialPanel .nkt-receipt > span {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
  }
}