@charset "UTF-8";
/* =========================================================
   CRAFTSMAN ACCOUNT SIDEBAR + NAVIGATION — NO CODE LABELS
   Full corrected replacement

   Purpose:
   1) Keep the account navigation as a LEFT SIDEBAR on desktop/tablet.
   2) Style it like the category selection list.
   3) Remove/hide ORD / RET / MSG code boxes.
   4) Only stack the nav above content on small phone widths.

   Paste this at the VERY BOTTOM of custom.css/custom.scss.
========================================================= */
/* =========================================================
   HARD LAYOUT FIX
   This is the important part that keeps the nav as a sidebar.
========================================================= */
body .container.main .ch-accountPage,
body .ch-accountPage {
  --ch-nav-orange: #f97316;
  --ch-nav-orange-dark: #c2410c;
  --ch-nav-black: #111827;
  --ch-nav-grey-900: #1f2937;
  --ch-nav-grey-800: #273241;
  --ch-nav-grey-700: #374151;
  --ch-nav-grey-600: #4b5563;
  --ch-nav-grey-500: #6b7280;
  --ch-nav-grey-300: #d1d5db;
  --ch-nav-grey-200: #e5e7eb;
  --ch-nav-grey-100: #f3f4f6;
  --ch-nav-grey-050: #f9fafb;
  --ch-nav-white: #ffffff;
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important; }

body .container.main .ch-accountPage *,
body .ch-accountPage * {
  box-sizing: border-box !important; }

body .container.main .ch-accountPage .ch-accountShell,
body .ch-accountPage .ch-accountShell {
  display: grid !important;
  grid-template-columns: 272px minmax(0, 1fr) !important;
  grid-template-areas: "accountSide accountMain" !important;
  align-items: start !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important; }

body .container.main .ch-accountPage .ch-accountShell::before,
body .container.main .ch-accountPage .ch-accountShell::after,
body .ch-accountPage .ch-accountShell::before,
body .ch-accountPage .ch-accountShell::after {
  content: none !important;
  display: none !important; }

body .container.main .ch-accountPage .ch-accountShell__side,
body .ch-accountPage .ch-accountShell__side {
  grid-area: accountSide !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  position: sticky !important;
  top: 14px !important;
  align-self: start !important;
  z-index: 4 !important; }

body .container.main .ch-accountPage .ch-accountShell__main,
body .ch-accountPage .ch-accountShell__main {
  grid-area: accountMain !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 420px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  border: 1px solid var(--ch-nav-grey-300) !important;
  background: var(--ch-nav-white) !important;
  overflow: hidden !important; }

/* =========================================================
   ACCOUNT NAVIGATION — CATEGORY LIST STYLE
========================================================= */
body .container.main .ch-accountPage .ch-accountNav,
body .ch-accountPage .ch-accountNav {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ch-nav-grey-300) !important;
  border-radius: 0 !important;
  background: var(--ch-nav-white) !important;
  box-shadow: none !important;
  overflow: hidden !important; }

body .container.main .ch-accountPage .ch-accountNav__head,
body .ch-accountPage .ch-accountNav__head {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 10px 12px 11px 16px !important;
  border-bottom: 1px solid var(--ch-nav-grey-300) !important;
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.06), rgba(249, 250, 251, 0) 72%), var(--ch-nav-grey-050) !important; }

body .container.main .ch-accountPage .ch-accountNav__head::before,
body .ch-accountPage .ch-accountNav__head::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: var(--ch-nav-orange) !important; }

body .container.main .ch-accountPage .ch-accountNav__eyebrow,
body .ch-accountPage .ch-accountNav__eyebrow {
  display: block !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  color: var(--ch-nav-grey-500) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important; }

body .container.main .ch-accountPage .ch-accountNav__title,
body .ch-accountPage .ch-accountNav__title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ch-nav-black) !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important; }

body .container.main .ch-accountPage .ch-accountNav__list,
body .ch-accountPage .ch-accountNav__list {
  display: block !important;
  width: 100% !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ch-nav-white) !important; }

body .container.main .ch-accountPage .ch-accountNav__item,
body .ch-accountPage .ch-accountNav__item {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--ch-nav-grey-200) !important;
  background: var(--ch-nav-white) !important; }

body .container.main .ch-accountPage .ch-accountNav__item:last-child,
body .ch-accountPage .ch-accountNav__item:last-child {
  border-bottom: 0 !important; }

body .container.main .ch-accountPage .ch-accountNav__link,
body .ch-accountPage .ch-accountNav__link {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 9px 10px 9px 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ch-nav-grey-700) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important; }

body .container.main .ch-accountPage .ch-accountNav__link::before,
body .ch-accountPage .ch-accountNav__link::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 0 !important;
  background: var(--ch-nav-orange) !important;
  transition: width .14s ease !important; }

body .container.main .ch-accountPage .ch-accountNav__link::after,
body .ch-accountPage .ch-accountNav__link::after {
  content: "" !important;
  position: relative !important;
  z-index: 1 !important;
  justify-self: end !important;
  width: 6px !important;
  height: 6px !important;
  border-top: 1px solid var(--ch-nav-grey-500) !important;
  border-right: 1px solid var(--ch-nav-grey-500) !important;
  transform: rotate(45deg) !important;
  opacity: .72 !important; }

/* Hide legacy ORD / RET / MSG code chips if the old markup is still present */
body .container.main .ch-accountPage .ch-accountNav__code,
body .ch-accountPage .ch-accountNav__code {
  display: none !important; }

body .container.main .ch-accountPage .ch-accountNav__text,
body .ch-accountPage .ch-accountNav__text {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

body .container.main .ch-accountPage .ch-accountNav__item:hover .ch-accountNav__link,
body .container.main .ch-accountPage .ch-accountNav__link:focus,
body .ch-accountPage .ch-accountNav__item:hover .ch-accountNav__link,
body .ch-accountPage .ch-accountNav__link:focus {
  background: var(--ch-nav-grey-050) !important;
  color: var(--ch-nav-black) !important;
  outline: none !important; }

body .container.main .ch-accountPage .ch-accountNav__item:hover .ch-accountNav__link::before,
body .container.main .ch-accountPage .ch-accountNav__link:focus::before,
body .ch-accountPage .ch-accountNav__item:hover .ch-accountNav__link::before,
body .ch-accountPage .ch-accountNav__link:focus::before {
  width: 4px !important; }

body .container.main .ch-accountPage .ch-accountNav__item:hover .ch-accountNav__link::after,
body .container.main .ch-accountPage .ch-accountNav__link:focus::after,
body .ch-accountPage .ch-accountNav__item:hover .ch-accountNav__link::after,
body .ch-accountPage .ch-accountNav__link:focus::after {
  border-color: var(--ch-nav-orange-dark) !important;
  opacity: 1 !important; }

body .container.main .ch-accountPage .ch-accountNav__item.is-active .ch-accountNav__link,
body .ch-accountPage .ch-accountNav__item.is-active .ch-accountNav__link {
  background: rgba(249, 115, 22, 0.08) !important;
  color: var(--ch-nav-black) !important;
  font-weight: 900 !important; }

body .container.main .ch-accountPage .ch-accountNav__item.is-active .ch-accountNav__link::before,
body .ch-accountPage .ch-accountNav__item.is-active .ch-accountNav__link::before {
  width: 4px !important; }

body .container.main .ch-accountPage .ch-accountNav__item.is-active .ch-accountNav__link::after,
body .container.main .ch-accountPage .ch-accountNav__link--current::after,
body .ch-accountPage .ch-accountNav__item.is-active .ch-accountNav__link::after,
body .ch-accountPage .ch-accountNav__link--current::after {
  border-color: var(--ch-nav-orange-dark) !important;
  opacity: 1 !important; }

body .container.main .ch-accountPage .ch-accountNav__link--current,
body .ch-accountPage .ch-accountNav__link--current {
  cursor: default !important; }

/* =========================================================
   RESPONSIVE BEHAVIOUR
   Keep sidebar until actual phone width.
   The previous CSS switched too early and made it feel like the sidebar vanished.
========================================================= */
@media (max-width: 760px) {
  body .container.main .ch-accountPage,
  body .ch-accountPage {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  body .container.main .ch-accountPage .ch-accountShell,
  body .ch-accountPage .ch-accountShell {
    grid-template-columns: 1fr !important;
    grid-template-areas: "accountSide"
 "accountMain" !important;
    gap: 12px !important; }
  body .container.main .ch-accountPage .ch-accountShell__side,
  body .ch-accountPage .ch-accountShell__side {
    position: relative !important;
    top: auto !important; }
  body .container.main .ch-accountPage .ch-accountNav__link,
  body .ch-accountPage .ch-accountNav__link {
    min-height: 42px !important;
    grid-template-columns: minmax(0, 1fr) 10px !important;
    padding: 10px 10px 10px 16px !important; } }

/* =========================================================
   FALLBACK FOR OLD BIGCOMMERCE NAVBAR ACCOUNT MARKUP
   Safe to keep. Only applies if an older page still outputs:
   .navBar.navBar--account
========================================================= */
body .ch-accountPage .navBar.navBar--account {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 0 !important;
  background: #fff !important;
  overflow: hidden !important; }

body .ch-accountPage .navBar.navBar--account .navBar-section {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important; }

body .ch-accountPage .navBar.navBar--account .navBar-item {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: #fff !important; }

body .ch-accountPage .navBar.navBar--account .navBar-action,
body .ch-accountPage .navBar.navBar--account .navBar-item.is-active {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 9px 12px 9px 16px !important;
  color: #374151 !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important; }

body .ch-accountPage .navBar.navBar--account .navBar-action::before,
body .ch-accountPage .navBar.navBar--account .navBar-item.is-active::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 0 !important;
  background: #f97316 !important; }

body .ch-accountPage .navBar.navBar--account .navBar-item:hover .navBar-action::before,
body .ch-accountPage .navBar.navBar--account .navBar-item.is-active::before {
  width: 4px !important; }

body .ch-accountPage .navBar.navBar--account .navBar-item:hover .navBar-action,
body .ch-accountPage .navBar.navBar--account .navBar-item.is-active {
  background: rgba(249, 115, 22, 0.08) !important;
  color: #111827 !important; }

/* =========================================================
   ACCOUNT INBOX — STABLE THREADED ROLLBACK CSS ONLY

   Use with:
   templates/pages/account/inbox.html
   templates/components/account/messages-list.html
   templates/components/account/messages-form.html

   Layout:
   ACCOUNT NAV | MESSAGE THREAD LIST | MESSAGE FORM

   No order-number script.
   No generated order rail.
========================================================= */
body .ch-accountPage--messages .ch-accountPanel--messages {
  --ch-msg-orange: #f97316;
  --ch-msg-orange-dark: #c2410c;
  --ch-msg-black: #111827;
  --ch-msg-grey-900: #1f2937;
  --ch-msg-grey-700: #374151;
  --ch-msg-grey-600: #4b5563;
  --ch-msg-grey-500: #6b7280;
  --ch-msg-grey-300: #d1d5db;
  --ch-msg-grey-200: #e5e7eb;
  --ch-msg-grey-100: #f3f4f6;
  --ch-msg-grey-050: #f9fafb;
  --ch-msg-white: #ffffff;
  display: block !important;
  width: 100% !important;
  min-height: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ch-msg-white) !important; }

body .ch-accountPage--messages .ch-messageAlert .alertBox {
  margin: 0 !important;
  border-radius: 0 !important; }

body .ch-accountPage--messages .ch-messageWorkbench {
  display: grid !important;
  grid-template-columns: 330px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ch-msg-white) !important; }

body .ch-accountPage--messages .ch-messageWorkbench__threads,
body .ch-accountPage--messages .ch-messageWorkbench__compose {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ch-msg-white) !important;
  overflow: hidden !important; }

body .ch-accountPage--messages .ch-messageWorkbench__threads {
  border-right: 1px solid var(--ch-msg-grey-300) !important; }

body .ch-accountPage--messages .ch-messageThreads,
body .ch-accountPage--messages .ch-messageCompose {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ch-msg-white) !important; }

body .ch-accountPage--messages .ch-messageThreads__head,
body .ch-accountPage--messages .ch-messageCompose__head {
  display: block !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--ch-msg-grey-300) !important;
  background: var(--ch-msg-grey-050) !important; }

body .ch-accountPage--messages .ch-messageThreads__head {
  position: relative !important;
  padding-left: 16px !important;
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.06), rgba(249, 250, 251, 0) 72%), var(--ch-msg-grey-050) !important; }

body .ch-accountPage--messages .ch-messageThreads__head::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: var(--ch-msg-orange) !important; }

body .ch-accountPage--messages .ch-messageThreads__eyebrow,
body .ch-accountPage--messages .ch-messageCompose__eyebrow {
  display: block !important;
  margin: 0 0 4px !important;
  color: var(--ch-msg-grey-500) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important; }

body .ch-accountPage--messages .ch-messageThreads__title,
body .ch-accountPage--messages .ch-messageCompose__title {
  display: block !important;
  margin: 0 !important;
  color: var(--ch-msg-black) !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important; }

body .ch-accountPage--messages .ch-messageThreads__list {
  display: block !important;
  max-height: 680px !important;
  overflow-y: auto !important;
  background: var(--ch-msg-white) !important; }

body .ch-accountPage--messages .ch-messageThread {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ch-msg-grey-200) !important;
  background: var(--ch-msg-white) !important; }

body .ch-accountPage--messages .ch-messageThread[open] {
  background: rgba(249, 115, 22, 0.035) !important; }

body .ch-accountPage--messages .ch-messageThread__summary {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 8px 28px 8px 16px !important;
  color: var(--ch-msg-grey-700) !important;
  cursor: pointer !important;
  list-style: none !important; }

body .ch-accountPage--messages .ch-messageThread__summary::-webkit-details-marker {
  display: none !important; }

body .ch-accountPage--messages .ch-messageThread__summary::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 0 !important;
  background: var(--ch-msg-orange) !important; }

body .ch-accountPage--messages .ch-messageThread__summary::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  border-right: 1px solid var(--ch-msg-grey-500) !important;
  border-bottom: 1px solid var(--ch-msg-grey-500) !important;
  transform: translateY(-50%) rotate(-45deg) !important; }

body .ch-accountPage--messages .ch-messageThread[open] .ch-messageThread__summary::before,
body .ch-accountPage--messages .ch-messageThread:hover .ch-messageThread__summary::before {
  width: 4px !important; }

body .ch-accountPage--messages .ch-messageThread[open] .ch-messageThread__summary::after {
  border-color: var(--ch-msg-orange-dark) !important;
  transform: translateY(-50%) rotate(45deg) !important; }

body .ch-accountPage--messages .ch-messageThread__summaryMain {
  display: block !important;
  min-width: 0 !important; }

body .ch-accountPage--messages .ch-messageThread__subjectLine {
  display: block !important;
  min-width: 0 !important;
  color: var(--ch-msg-black) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

body .ch-accountPage--messages .ch-messageThread__preview {
  display: block !important;
  margin-top: 3px !important;
  color: var(--ch-msg-grey-500) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

body .ch-accountPage--messages .ch-messageThread__date {
  display: block !important;
  color: var(--ch-msg-grey-500) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important; }

body .ch-accountPage--messages .ch-messageThread__body {
  display: block !important;
  margin: 0 !important;
  padding: 0 10px 10px 16px !important;
  border-top: 1px solid rgba(229, 231, 235, 0.8) !important; }

body .ch-accountPage--messages .ch-messageThread__metaGrid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--ch-msg-grey-200) !important; }

body .ch-accountPage--messages .ch-messageThread__metaCell {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid var(--ch-msg-grey-200) !important;
  font-size: 11px !important;
  line-height: 1.25 !important; }

body .ch-accountPage--messages .ch-messageThread__metaCell:last-child {
  border-bottom: 0 !important; }

body .ch-accountPage--messages .ch-messageThread__metaLabel {
  color: var(--ch-msg-grey-500) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important; }

body .ch-accountPage--messages .ch-messageThread__metaValue {
  color: var(--ch-msg-grey-700) !important;
  font-weight: 700 !important; }

body .ch-accountPage--messages .ch-messageThread__subject {
  margin: 9px 0 5px !important;
  color: var(--ch-msg-black) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important; }

body .ch-accountPage--messages .ch-messageThread__message {
  display: -webkit-box !important;
  margin: 0 !important;
  color: var(--ch-msg-grey-700) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 8 !important;
  line-clamp: 8 !important; }

body .ch-accountPage--messages .ch-messageThread .is-read {
  opacity: .78 !important; }

body .ch-accountPage--messages .ch-messageForm {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important; }

body .ch-accountPage--messages .ch-messageForm__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important; }

body .ch-accountPage--messages .ch-messageForm__field {
  margin: 0 !important;
  padding: 10px 12px !important;
  border-right: 1px solid var(--ch-msg-grey-200) !important;
  border-bottom: 1px solid var(--ch-msg-grey-200) !important; }

body .ch-accountPage--messages .ch-messageForm__field:nth-child(2n),
body .ch-accountPage--messages .ch-messageForm__field--message {
  border-right: 0 !important; }

body .ch-accountPage--messages .ch-messageForm__field--message {
  grid-column: 1 / -1 !important; }

body .ch-accountPage--messages .ch-messageForm__label {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--ch-msg-grey-600) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important; }

body .ch-accountPage--messages .ch-messageForm__input,
body .ch-accountPage--messages .ch-messageForm__select,
body .ch-accountPage--messages .ch-messageForm__textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--ch-msg-grey-300) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--ch-msg-black) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  box-shadow: none !important; }

body .ch-accountPage--messages .ch-messageForm__input,
body .ch-accountPage--messages .ch-messageForm__select {
  height: 38px !important;
  min-height: 38px !important;
  padding: 7px 9px !important; }

body .ch-accountPage--messages .ch-messageForm__textarea {
  min-height: 176px !important;
  padding: 9px !important;
  resize: vertical !important; }

body .ch-accountPage--messages .ch-messageForm__actions {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 12px !important;
  background: var(--ch-msg-grey-050) !important; }

body .ch-accountPage--messages .ch-messageForm__submit,
body .ch-accountPage--messages .ch-messageForm__reset {
  min-width: 132px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important; }

body .ch-accountPage--messages .ch-messageForm__submit {
  border: 1px solid var(--ch-msg-orange-dark) !important;
  background: var(--ch-msg-orange) !important;
  color: #fff !important; }

body .ch-accountPage--messages .ch-messageForm__reset {
  border: 1px solid var(--ch-msg-grey-300) !important;
  background: #fff !important;
  color: var(--ch-msg-grey-700) !important; }

body .ch-accountPage--messages .ch-messageForm__submit:hover,
body .ch-accountPage--messages .ch-messageForm__submit:focus,
body .ch-accountPage--messages .ch-messageForm__reset:hover,
body .ch-accountPage--messages .ch-messageForm__reset:focus {
  border-color: var(--ch-msg-black) !important;
  background: var(--ch-msg-black) !important;
  color: #fff !important; }

body .ch-accountPage--messages .ch-messageThreads__empty,
body .ch-accountPage--messages .ch-messageCompose__empty {
  padding: 12px !important; }

body .ch-accountPage--messages .ch-messageThreads__empty .alertBox,
body .ch-accountPage--messages .ch-messageCompose__empty .alertBox {
  margin: 0 !important;
  border-radius: 0 !important; }

@media (max-width: 1100px) {
  body .ch-accountPage--messages .ch-messageWorkbench {
    grid-template-columns: 290px minmax(0, 1fr) !important; } }

@media (max-width: 760px) {
  body .ch-accountPage--messages .ch-messageWorkbench {
    grid-template-columns: 1fr !important;
    min-height: 0 !important; }
  body .ch-accountPage--messages .ch-messageWorkbench__threads {
    border-right: 0 !important;
    border-bottom: 1px solid var(--ch-msg-grey-300) !important; }
  body .ch-accountPage--messages .ch-messageThreads__list {
    max-height: 360px !important; }
  body .ch-accountPage--messages .ch-messageForm__grid {
    grid-template-columns: 1fr !important; }
  body .ch-accountPage--messages .ch-messageForm__field {
    border-right: 0 !important; } }

@media (max-width: 480px) {
  body .ch-accountPage--messages .ch-messageForm__actions {
    display: grid !important;
    grid-template-columns: 1fr !important; }
  body .ch-accountPage--messages .ch-messageForm__submit,
  body .ch-accountPage--messages .ch-messageForm__reset {
    width: 100% !important; } }