/* POS register-session index and closeout review */
.dolo-pos-register-sessions-index,
.dolo-pos-register-sessions-index__frame,
.dolo-pos-register-session-detail,
.dolo-pos-register-session-detail__main,
.dolo-pos-register-session-detail__rail {
  display: grid;
  min-width: 0;
  gap: 1rem;
  color: var(--dolo-text);
}

.dolo-pos-register-sessions-index,
.dolo-pos-register-session-detail {
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
}

.dolo-pos-register-sessions-index__header {
  min-width: 0;
}

.dolo-pos-register-sessions-index__header > div {
  max-width: 48rem;
}

.dolo-pos-register-sessions-index__header .dolo-type-label,
.dolo-pos-register-sessions-index__header .dolo-type-page-title,
.dolo-pos-register-sessions-index__header .dolo-type-body,
.dolo-pos-register-session-detail__hero p,
.dolo-pos-register-session-detail__hero h1,
.dolo-pos-register-session-detail__section-heading p,
.dolo-pos-register-session-detail__section-heading h2 {
  margin: 0;
}

.dolo-pos-register-sessions-index__header .dolo-type-body,
.dolo-pos-register-session-detail__hero .dolo-type-body {
  margin-top: 0.35rem;
  color: var(--dolo-text-muted);
}

.dolo-pos-register-sessions-index__workspace {
  container: pos-register-sessions-index / inline-size;
  min-width: 0;
  overflow: visible;
}

/* POS devices and pairing */
.dolo-pos-devices-index,
.dolo-pos-device-detail,
.dolo-pos-device-workspace,
.dolo-pos-device-form,
.dolo-pos-pairing {
  display: grid;
  min-width: 0;
  gap: 1rem;
  color: var(--dolo-text);
}

.dolo-pos-devices-index,
.dolo-pos-device-detail,
.dolo-pos-device-workspace,
.dolo-pos-pairing {
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
}

.dolo-pos-devices-index__workspace,
.dolo-pos-devices-index__pairings,
.dolo-pos-device-detail__activity {
  min-width: 0;
  overflow: hidden;
}

.dolo-pos-devices-index__workspace,
.dolo-pos-devices-index__pairings {
  container: pos-device-index / inline-size;
}

.dolo-pos-device-detail__activity {
  container: pos-device-activity / inline-size;
}

.dolo-pos-devices-index__device-link:focus-visible {
  border-radius: var(--dolo-radius-control);
  outline: 3px solid var(--dolo-focus);
  outline-offset: 3px;
}

.dolo-pos-devices-index__device-link:hover strong {
  color: var(--dolo-action-quiet);
}

.dolo-pos-devices-index__table col[data-column="device"] {
  width: 30%;
}

.dolo-pos-devices-index__table col[data-column="location"] {
  width: 18%;
}

.dolo-pos-devices-index__table col[data-column="access"] {
  width: 17%;
}

.dolo-pos-devices-index__table col[data-column="last-seen"] {
  width: 20%;
}

.dolo-pos-devices-index__table col[data-column="actions"] {
  width: 15%;
}

.dolo-pos-devices-index__table-wrap,
.dolo-pos-devices-index__pairings-table-wrap,
.dolo-pos-device-detail__activity-table-wrap {
  display: none;
}

.dolo-pos-form-section {
  display: grid;
  min-width: 0;
  gap: 1rem;
  padding: 1rem;
}

.dolo-pos-form-section__heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 0.75rem;
}

.dolo-pos-form-section__heading > span {
  display: grid;
  width: 2.3rem;
  height: 2.3rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.7rem;
  background: var(--dolo-info-soft);
  color: var(--dolo-info);
}

.dolo-pos-form-section__heading > div {
  min-width: 0;
}

.dolo-pos-form-section__heading h2,
.dolo-pos-form-section__heading p {
  margin: 0;
}

.dolo-pos-form-section__heading h2 {
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: 0.9rem;
}

.dolo-pos-form-section__heading p {
  margin-top: 0.2rem;
  color: var(--dolo-text-muted);
  font-size: 0.7rem;
  line-height: 1.55;
}

.dolo-pos-form-fields {
  display: grid;
  min-width: 0;
  gap: 1rem;
}

.dolo-pos-form-assurance,
.dolo-pos-pairing__consequence {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  color: var(--dolo-text-muted);
  font-size: 0.7rem;
  line-height: 1.55;
}

.dolo-pos-form-assurance .dolo-icon,
.dolo-pos-pairing__consequence .dolo-icon {
  flex: 0 0 auto;
  margin-top: 0.05rem;
  color: var(--dolo-info);
}

.dolo-pos-form-assurance[data-tone="success"] .dolo-icon {
  color: var(--dolo-success);
}

.dolo-pos-form-actions {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.dolo-pos-form-actions .dolo-button {
  width: 100%;
}

/* POS receipt configuration */
.dolo-pos-settings,
.dolo-pos-settings__layout,
.dolo-pos-settings__form,
.dolo-pos-settings__sidebar {
  display: grid;
  min-width: 0;
  gap: 1rem;
  color: var(--dolo-text);
}

.dolo-pos-settings {
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
}

.dolo-pos-settings__identity-fields,
.dolo-pos-settings__message-fields {
  display: grid;
  min-width: 0;
  gap: 1rem;
}

.dolo-destination-list,
.dolo-pos-settings__sync-reference {
  min-width: 0;
  overflow: hidden;
}

.dolo-destination-list__header {
  display: grid;
  gap: 0.2rem;
  padding: 1rem;
  border-bottom: 1px solid var(--dolo-divider);
}

.dolo-destination-list__header p,
.dolo-destination-list__header h2 {
  margin: 0;
}

.dolo-destination-list__header .dolo-type-body-small {
  margin-top: 0.2rem;
  color: var(--dolo-text-muted);
}

.dolo-destination-list__links {
  display: grid;
}

.dolo-destination-list__link {
  display: grid;
  min-width: 0;
  min-height: 4.5rem;
  grid-template-columns: 2.35rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.75rem 1rem;
  color: var(--dolo-text);
  text-decoration: none;
}

.dolo-destination-list__link + .dolo-destination-list__link {
  border-top: 1px solid var(--dolo-divider);
}

.dolo-destination-list__icon {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.7rem;
  background: var(--dolo-neutral-soft);
  color: var(--dolo-text-soft);
  place-items: center;
}

.dolo-destination-list__copy {
  display: grid;
  min-width: 0;
  gap: 0.15rem;
}

.dolo-destination-list__link strong {
  font-size: 0.75rem;
}

.dolo-destination-list__link small {
  color: var(--dolo-text-muted);
  font-size: 0.67rem;
  line-height: 1.45;
}

.dolo-destination-list__link > .dolo-icon {
  color: var(--dolo-text-muted);
}

.dolo-destination-list__link:hover {
  background: var(--dolo-surface-subtle);
}

.dolo-destination-list__link:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid var(--dolo-focus);
  outline-offset: -3px;
}

.dolo-pos-settings__sync-reference > summary {
  display: flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.7rem 1rem;
  cursor: pointer;
  list-style: none;
}

.dolo-pos-settings__sync-reference > summary::-webkit-details-marker {
  display: none;
}

.dolo-pos-settings__sync-reference > summary > span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.72rem;
  font-weight: 800;
}

.dolo-pos-settings__sync-reference > summary > .dolo-icon {
  color: var(--dolo-text-muted);
  transition: transform var(--dolo-motion);
}

.dolo-pos-settings__sync-reference[open] > summary > .dolo-icon {
  transform: rotate(180deg);
}

.dolo-pos-settings__sync-reference > div {
  border-top: 1px solid var(--dolo-divider);
  padding: 0.85rem 1rem 1rem;
}

.dolo-pos-settings__sync-reference p,
.dolo-pos-settings__sync-reference ul {
  margin: 0;
  color: var(--dolo-text-muted);
  font-size: 0.68rem;
  line-height: 1.55;
}

.dolo-pos-settings__sync-reference ul {
  columns: 2;
  margin-top: 0.65rem;
  padding-inline-start: 1rem;
}

.dolo-pos-settings__sync-reference li {
  break-inside: avoid;
  margin-bottom: 0.2rem;
}

.dolo-pos-device-detail__identity {
  min-width: 0;
  overflow: hidden;
}

.dolo-pos-device-detail__identity > header,
.dolo-pos-device-detail__related-panel > header {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom: 1px solid var(--dolo-divider);
  padding: 1rem;
}

.dolo-pos-device-detail__identity header p,
.dolo-pos-device-detail__identity header h2,
.dolo-pos-device-detail__related-panel header p,
.dolo-pos-device-detail__related-panel header h2 {
  margin: 0;
}

.dolo-pos-device-detail__identity header h2,
.dolo-pos-device-detail__related-panel header h2 {
  margin-top: 0.2rem;
}

.dolo-pos-device-detail__identity dl,
.dolo-pos-device-detail__related-panel ul {
  display: grid;
  margin: 0;
  padding: 0;
}

.dolo-pos-device-detail__identity dl > div,
.dolo-pos-device-detail__related-panel li {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 1rem;
  padding: 0.8rem 1rem;
}

.dolo-pos-device-detail__identity dl > div + div,
.dolo-pos-device-detail__related-panel li + li {
  border-top: 1px solid var(--dolo-divider);
}

.dolo-pos-device-detail__identity dt,
.dolo-pos-device-detail__identity dd {
  min-width: 0;
  margin: 0;
  font-size: 0.7rem;
}

.dolo-pos-device-detail__identity dt {
  color: var(--dolo-text-muted);
}

.dolo-pos-device-detail__identity dd {
  overflow-wrap: anywhere;
  font-weight: 750;
  text-align: right;
}

.dolo-pos-device-detail__related {
  display: grid;
  min-width: 0;
  gap: 0.75rem;
}

.dolo-pos-device-detail__token {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 0.75rem;
  overflow: hidden;
  border-color: var(--dolo-status-warning-border);
  background: var(--dolo-status-warning-background);
  padding: 1rem;
}

.dolo-pos-device-detail__token > span {
  flex: 0 0 auto;
  color: var(--dolo-status-warning);
}

.dolo-pos-device-detail__token > div {
  display: grid;
  min-width: 0;
  flex: 1;
  gap: 0.6rem;
}

.dolo-pos-device-detail__token h2,
.dolo-pos-device-detail__token p {
  margin: 0;
}

.dolo-pos-device-detail__token h2 {
  font-family: var(--dolo-font-display);
  font-size: 0.9rem;
}

.dolo-pos-device-detail__token p {
  color: var(--dolo-text-muted);
  font-size: 0.7rem;
  line-height: 1.5;
}

.dolo-pos-device-detail__token-value {
  display: grid;
  min-width: 0;
  gap: 0.55rem;
}

.dolo-pos-device-detail__token-value code {
  min-width: 0;
  overflow-x: auto;
  border-radius: var(--dolo-radius-control);
  background: var(--dolo-text);
  padding: 0.75rem;
  color: var(--dolo-surface-raised);
  font-size: 0.7rem;
}

.dolo-pos-device-detail__token-value .dolo-button span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.dolo-pos-device-detail__token .dolo-pos-device-detail__token-copy-error {
  color: var(--dolo-danger);
}

.dolo-pos-device-detail__activity-message {
  overflow: visible !important;
  overflow-wrap: anywhere;
  white-space: normal !important;
  text-overflow: clip !important;
}

.dolo-pos-device-detail__activity-table-wrap col[data-column="operation"] {
  width: 17%;
}

.dolo-pos-device-detail__activity-table-wrap col[data-column="entity"] {
  width: 19%;
}

.dolo-pos-device-detail__activity-table-wrap col[data-column="status"] {
  width: 14%;
}

.dolo-pos-device-detail__activity-table-wrap col[data-column="message"] {
  width: 30%;
}

.dolo-pos-device-detail__activity-table-wrap col[data-column="time"] {
  width: 20%;
}

.dolo-pos-device-detail__related-panel {
  min-width: 0;
  overflow: hidden;
}

.dolo-pos-device-detail__related-panel ul {
  list-style: none;
}

.dolo-pos-device-detail__related-panel li a,
.dolo-pos-device-detail__related-panel li span,
.dolo-pos-device-detail__related-empty {
  overflow-wrap: anywhere;
  font-size: 0.7rem;
}

.dolo-pos-device-detail__related-panel li a {
  color: var(--dolo-text);
  font-weight: 750;
}

.dolo-pos-device-detail__related-panel li span,
.dolo-pos-device-detail__related-empty {
  color: var(--dolo-text-muted);
}

.dolo-pos-device-detail__related-empty {
  margin: 0;
  padding: 1rem;
}

.dolo-pos-device-detail__rotation {
  min-width: 0;
  overflow: hidden;
  border-color: var(--dolo-status-danger-border);
}

.dolo-pos-device-detail__rotation summary {
  display: grid;
  min-height: 3.5rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.85rem 1rem;
  cursor: pointer;
  list-style: none;
}

.dolo-pos-device-detail__rotation summary::-webkit-details-marker {
  display: none;
}

.dolo-pos-device-detail__rotation summary > span:first-child {
  color: var(--dolo-status-danger);
}

.dolo-pos-device-detail__rotation summary strong,
.dolo-pos-device-detail__rotation summary small {
  display: block;
}

.dolo-pos-device-detail__rotation summary strong {
  font-size: 0.76rem;
}

.dolo-pos-device-detail__rotation summary small {
  margin-top: 0.1rem;
  color: var(--dolo-text-muted);
  font-size: 0.65rem;
}

.dolo-pos-device-detail__rotation > div {
  display: grid;
  gap: 0.8rem;
  border-top: 1px solid var(--dolo-status-danger-border);
  background: var(--dolo-status-danger-background);
  padding: 1rem;
}

.dolo-pos-device-detail__rotation > div p {
  margin: 0;
  color: var(--dolo-text-muted);
  font-size: 0.7rem;
  line-height: 1.55;
}

.dolo-pos-device-detail__rotation > div strong {
  color: var(--dolo-status-danger);
}

.dolo-pos-pairing__panel,
.dolo-pos-pairing__form {
  display: grid;
  min-width: 0;
  overflow: hidden;
}

.dolo-pos-pairing__form {
  gap: 0;
}

.dolo-pos-pairing__state {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
}

.dolo-pos-pairing__state > span {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.75rem;
  background: var(--dolo-info-soft);
  color: var(--dolo-info);
}

.dolo-pos-pairing[data-state="approved"] .dolo-pos-pairing__state > span {
  background: var(--dolo-status-success-background);
  color: var(--dolo-status-success);
}

.dolo-pos-pairing[data-state="expired"] .dolo-pos-pairing__state > span {
  background: var(--dolo-neutral-soft);
  color: var(--dolo-text-muted);
}

.dolo-pos-pairing__state > div {
  min-width: 0;
}

.dolo-pos-pairing__state p,
.dolo-pos-pairing__state h2 {
  margin: 0;
}

.dolo-pos-pairing__state h2 {
  margin-top: 0.15rem;
  font-family: var(--dolo-font-display);
  font-size: 1rem;
}

.dolo-pos-pairing__state h2 + p {
  margin-top: 0.25rem;
  color: var(--dolo-text-muted);
  font-size: 0.72rem;
  line-height: 1.55;
}

.dolo-pos-pairing__facts {
  display: grid;
  margin: 0;
  border-top: 1px solid var(--dolo-divider);
}

.dolo-pos-pairing__facts > div {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  padding: 0.8rem 1rem;
}

.dolo-pos-pairing__facts > div + div {
  border-top: 1px solid var(--dolo-divider);
}

.dolo-pos-pairing__facts dt,
.dolo-pos-pairing__facts dd {
  min-width: 0;
  margin: 0;
  font-size: 0.7rem;
}

.dolo-pos-pairing__facts dt {
  color: var(--dolo-text-muted);
}

.dolo-pos-pairing__facts dd {
  overflow-wrap: anywhere;
  font-weight: 750;
  text-align: right;
}

.dolo-pos-pairing__fields {
  display: grid;
  min-width: 0;
  gap: 1rem;
  border-top: 1px solid var(--dolo-divider);
  padding: 1rem;
}

.dolo-pos-pairing__consequence {
  border-top: 1px solid var(--dolo-status-info-border);
  background: var(--dolo-status-info-background);
  padding: 0.85rem 1rem;
}

.dolo-pos-pairing__actions {
  border-top: 1px solid var(--dolo-divider);
  padding: 1rem;
}

@media (min-width: 42rem) {
  .dolo-image-upload {
    grid-template-columns: 6rem minmax(0, 1fr);
    align-items: start;
  }

  .dolo-pos-form-actions .dolo-button {
    width: auto;
  }

  .dolo-pos-device-form__fields,
  .dolo-pos-pairing__fields,
  .dolo-pos-pairing__facts,
  .dolo-pos-device-detail__related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dolo-pos-form-actions {
    flex-direction: row;
    justify-content: flex-end;
  }

  .dolo-pos-settings__identity-fields,
  .dolo-pos-settings__message-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dolo-pos-settings__wide-field {
    grid-column: 1 / -1;
  }

  .dolo-pos-device-detail__token-value {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .dolo-pos-pairing__facts > div:nth-child(2) {
    border-top: 0;
  }
}

@media (min-width: 64rem) {
  .dolo-pos-settings__layout {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 21rem);
    align-items: start;
  }

  .dolo-pos-settings__sidebar {
    position: sticky;
    top: 1rem;
  }
}

@media (forced-colors: active) {
  .dolo-image-upload__preview,
  .dolo-destination-list__link + .dolo-destination-list__link {
    border-color: CanvasText;
  }

  .dolo-pos-device-detail__token,
  .dolo-pos-device-detail__rotation,
  .dolo-pos-pairing__state > span {
    border: 1px solid CanvasText;
  }
}

.dolo-pos-register-sessions-index__session-link:focus-visible {
  border-radius: var(--dolo-radius-control);
  outline: 3px solid var(--dolo-focus);
  outline-offset: 3px;
}

.dolo-pos-register-sessions-index__session-link:hover strong {
  color: var(--dolo-action-quiet);
}

.dolo-pos-register-sessions-index__table col[data-column="register"] {
  width: 25%;
}

.dolo-pos-register-sessions-index__table col[data-column="status"] {
  width: 10%;
}

.dolo-pos-register-sessions-index__table col[data-column="expected"] {
  width: 14%;
}

.dolo-pos-register-sessions-index__table col[data-column="counted"] {
  width: 15%;
}

.dolo-pos-register-sessions-index__table col[data-column="activity"] {
  width: 20%;
}

.dolo-pos-register-sessions-index__table col[data-column="actions"] {
  width: 16%;
}

.dolo-pos-register-sessions-index__row-action {
  overflow: visible !important;
  text-align: end;
}

.dolo-pos-register-sessions-index__card .dolo-index-record__details dd {
  overflow-wrap: anywhere;
}

.dolo-pos-register-session-detail__hero {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.85rem;
}

.dolo-pos-register-session-detail__hero > div {
  min-width: 0;
}

.dolo-pos-register-session-detail__hero-icon {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 1rem;
  background: var(--dolo-brand-soft);
  color: var(--dolo-action-quiet);
  font-size: 1.35rem;
}

.dolo-pos-register-session-detail__kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.25rem;
}

.dolo-pos-register-session-detail__hero .dolo-type-page-title,
.dolo-pos-register-session-detail__hero .dolo-type-body {
  overflow-wrap: anywhere;
}

.dolo-pos-register-session-detail__metrics {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

.dolo-pos-register-session-detail__metrics .dolo-defined-metric {
  min-height: 0;
}

.dolo-pos-register-session-detail__metrics .dolo-defined-metric__value {
  font-size: clamp(1.25rem, 6vw, 1.8rem);
  white-space: normal;
  overflow-wrap: anywhere;
}

.dolo-pos-register-session-detail__layout {
  display: grid;
  min-width: 0;
  gap: 1rem;
}

.dolo-pos-register-session-detail__calculation,
.dolo-pos-register-session-detail__context,
.dolo-pos-register-session-detail__orders {
  min-width: 0;
  overflow: hidden;
}

.dolo-pos-register-session-detail__section-heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--dolo-divider);
  padding: 1rem;
}

.dolo-pos-register-session-detail__section-heading > div {
  min-width: 0;
}

.dolo-pos-register-session-detail__section-heading .dolo-type-section-title {
  margin-top: 0.2rem;
}

.dolo-pos-register-session-detail__section-heading .dolo-type-body-small {
  margin-top: 0.15rem;
  color: var(--dolo-text-muted);
}

.dolo-pos-register-session-detail__calculation-list,
.dolo-pos-register-session-detail__context dl {
  display: grid;
  margin: 0;
}

.dolo-pos-register-session-detail__calculation-list > div,
.dolo-pos-register-session-detail__context dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 1rem;
  padding: 0.75rem 1rem;
}

.dolo-pos-register-session-detail__calculation-list > div + div,
.dolo-pos-register-session-detail__context dl > div + div {
  border-top: 1px solid var(--dolo-divider);
}

.dolo-pos-register-session-detail__calculation-list dt,
.dolo-pos-register-session-detail__calculation-list dd,
.dolo-pos-register-session-detail__context dt,
.dolo-pos-register-session-detail__context dd {
  min-width: 0;
  margin: 0;
  color: var(--dolo-text-muted);
  font-size: 0.7rem;
}

.dolo-pos-register-session-detail__calculation-list dd,
.dolo-pos-register-session-detail__context dd {
  overflow-wrap: anywhere;
  color: var(--dolo-text);
  font-variant-numeric: tabular-nums;
  font-weight: 750;
  text-align: right;
}

.dolo-pos-register-session-detail__calculation-list [data-total="calculated"] {
  background: var(--dolo-surface-subtle);
}

.dolo-pos-register-session-detail__calculation-list [data-total="recorded"] dt,
.dolo-pos-register-session-detail__calculation-list [data-total="recorded"] dd {
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: 0.8rem;
  font-weight: 800;
}

.dolo-pos-register-session-detail__calculation-note,
.dolo-pos-register-session-detail__orders-boundary,
.dolo-pos-register-session-detail__context-note {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
}

.dolo-pos-register-session-detail__calculation-note {
  border-top: 1px solid var(--dolo-status-warning-border);
  background: var(--dolo-status-warning-background);
  color: var(--dolo-status-warning);
}

.dolo-pos-register-session-detail__calculation-note > span,
.dolo-pos-register-session-detail__orders-boundary > span,
.dolo-pos-register-session-detail__context-note > span {
  flex: 0 0 auto;
  margin-top: 0.05rem;
}

.dolo-pos-register-session-detail__calculation-note p,
.dolo-pos-register-session-detail__orders-boundary p,
.dolo-pos-register-session-detail__context-note h3,
.dolo-pos-register-session-detail__context-note p {
  margin: 0;
}

.dolo-pos-register-session-detail__calculation-note p,
.dolo-pos-register-session-detail__orders-boundary p {
  font-size: 0.68rem;
  line-height: 1.5;
}

.dolo-pos-register-session-detail__context-note {
  border-top: 1px solid var(--dolo-status-info-border);
  background: var(--dolo-status-info-background);
}

.dolo-pos-register-session-detail__context-note > span {
  color: var(--dolo-status-info);
}

.dolo-pos-register-session-detail__context-note h3 {
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: 0.8rem;
}

.dolo-pos-register-session-detail__context-note p {
  margin-top: 0.2rem;
  color: var(--dolo-text-muted);
  font-size: 0.68rem;
  line-height: 1.5;
}

.dolo-pos-register-session-detail__orders {
  container: pos-orders / inline-size;
  overflow: visible;
}

.dolo-pos-register-session-detail__orders .dolo-index-panel__header strong {
  color: var(--dolo-text);
}

.dolo-pos-register-session-detail__orders-boundary {
  align-items: center;
  border-bottom: 1px solid var(--dolo-status-info-border);
  background: var(--dolo-status-info-background);
  color: var(--dolo-status-info);
}

.dolo-pos-register-session-detail__orders-boundary > span {
  margin-top: 0;
}

@container pos-register-sessions-index (min-width: 54rem) {
  .dolo-pos-register-sessions-index__workspace .dolo-pos-register-sessions-index__table-wrap {
    display: block;
  }

  .dolo-pos-register-sessions-index__workspace .dolo-pos-register-sessions-index__cards {
    display: none;
  }
}

@media (min-width: 38rem) {
  .dolo-pos-register-session-detail__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container pos-device-activity (min-width: 54rem) {
  .dolo-pos-register-session-detail__metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .dolo-pos-register-session-detail__layout {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.38fr);
    align-items: start;
  }

  .dolo-pos-register-session-detail__rail {
    position: sticky;
    top: 5.5rem;
  }
}