@media (min-width: 900px) {
  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) {
    --tm-inbox-canvas: #fff;
  }

  html body .tim-platform-app.tm-chat-page.tm-inbox-reference > .tm-shell {
    border: 1px solid color-mix(in srgb, var(--desktop-deep) 12%, #fff) !important;
    border-radius: 24px !important;
    background: var(--tm-inbox-canvas) !important;
    box-shadow: 0 18px 54px rgba(15, 58, 43, .09) !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-screen {
    overflow: hidden !important;
    border-radius: 23px !important;
    background: var(--tm-inbox-canvas) !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-list-head,
  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-list {
    background: var(--tm-inbox-canvas) !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-list-head {
    border-bottom-color: color-mix(in srgb, var(--desktop-deep) 9%, #fff) !important;
    box-shadow: none !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-overview {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 13px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--desktop-deep) 9%, #fff) !important;
    border-radius: 0 !important;
    background: var(--tm-inbox-canvas) !important;
    box-shadow: none !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-list {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 16px !important;
    border-right: 0 !important;
    background: var(--tm-inbox-canvas) !important;
    scrollbar-gutter: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: color-mix(in srgb, var(--desktop-deep) 30%, transparent) transparent !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-list::-webkit-scrollbar {
    width: 8px !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-list::-webkit-scrollbar-track {
    margin-block: 4px !important;
    background: transparent !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-list::-webkit-scrollbar-thumb {
    border: 2px solid transparent !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--desktop-deep) 30%, transparent) !important;
    background-clip: padding-box !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-list .tm-chat-row {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding-inline: 14px !important;
    border-radius: 0 !important;
    background: var(--tm-inbox-canvas) !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-row.is-selected {
    background: color-mix(in srgb, var(--desktop-deep) 8%, #fff) !important;
    box-shadow: none !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-row.is-selected .tm-chat-row-body > span > strong {
    color: var(--desktop-deep) !important;
    font-weight: 850 !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-chat-row.is-selected .tm-chat-row-body > em {
    color: color-mix(in srgb, var(--desktop-ink) 80%, #fff) !important;
    font-weight: 600 !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-inbox-desktop-empty {
    border-left: 1px solid color-mix(in srgb, var(--desktop-deep) 10%, #fff) !important;
    background: var(--tm-inbox-canvas) !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-inbox-desktop-empty.has-conversation,
  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-inbox-desktop-frame {
    background: var(--tm-inbox-canvas) !important;
  }

  html body .tim-platform-app.tm-chat-page:not(.tm-chat-detail-page) .tm-inbox-desktop-empty > span {
    border: 1px solid color-mix(in srgb, var(--desktop-deep) 8%, #fff) !important;
    box-shadow: 0 16px 40px rgba(15, 58, 43, .08) !important;
  }
}