/* Align storefront chrome with the reference mall and the ARKADIUS mark. */
html body .little-bloom-home .sf-home-header {
  background: #fff !important;
  border-bottom: 1px solid #e7eef0 !important;
  min-height: 72px;
}
html body .little-bloom-home .sf-home-brand {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  margin-right: auto;
}
html body .register-note {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
}
html body .register-note .register-logo,
html body .register-note .register-logo img {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  object-fit: contain !important;
  overflow: hidden !important;
}
html body .login-container .login-brand img {
  width: 168px !important;
  height: 168px !important;
  max-width: 72vw !important;
  max-height: 168px !important;
  object-fit: contain !important;
}
html body .little-bloom-home .sf-home-brand .sf-home-mark {
  width: 72px !important;
  height: 72px !important;
  max-width: none !important;
  object-fit: contain !important;
}
html body .little-bloom-home .sf-home-search,
html body .little-bloom-home .sf-home-search-action {
  display: none !important;
}
.van-tabbar {
  background: rgb(62, 191, 186) !important;
}
.van-tabbar-item--active {
  color: #fff !important;
}
.lb-profile-header {
  background: rgb(62, 191, 186) !important;
  color: #fff !important;
}
.lb-profile-header h1,
.lb-profile-header button,
.lb-profile-header svg {
  color: #fff !important;
}

html body .lb-ref-records-page .lb-ref-record-toolbar {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: center;
}
html body .lb-ref-records-page .lb-ref-record-toolbar select {
  width: 100%;
  height: 36px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #fff;
  color: #2f6bff;
  text-align: center;
}
html body .lb-ref-range-pill {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #222;
  font-size: 14px;
}
html body .lb-ref-range-pill input[type="date"] {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
html body .lb-ref-range-pill input[type="date"]:first-of-type { left: 0; }
html body .lb-ref-range-pill input[type="date"]:last-of-type { right: 0; }
html body .lb-order-ref-tabs {
  display: flex;
  justify-content: space-between;
  gap: 0;
  padding: 0 8px;
  border-bottom: 1px solid #eee;
}
html body .lb-order-ref-tabs .lb-membercommerce-tab {
  flex: 1;
  background: none;
  border: 0;
  padding: 12px 0;
  color: #666;
}
html body .lb-order-ref-tabs .lb-membercommerce-tab.selected {
  color: #111;
  font-weight: 700;
  box-shadow: inset 0 -2px 0 #111;
}
html body .lb-order-ref-card {
  margin: 10px 12px;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
}
html body .lb-order-ref-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: #222;
}
html body .lb-order-ref-top span {
  min-width: 0;
  overflow-wrap: anywhere;
}
html body .lb-order-ref-top time {
  flex: 0 0 auto;
  white-space: nowrap;
  text-align: right;
}
html body .lb-order-ref-status {
  display: inline-block;
  margin-top: 6px;
  color: #2f6bff;
  font-size: 13px;
}
html body .lb-order-ref-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
html body .lb-order-ref-pay,
html body .lb-order-ref-detail {
  min-width: 64px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
}
html body .lb-order-ref-end,
html body .lb-ref-record-empty {
  text-align: center;
  color: #999;
}