/* One desk for every merchant module.
   Cream canvas, purple mark, white type on solid buttons, Manrope.
   Loaded after the portal bundle. Does not move any address. */

:root {
  --bg-base: #EFE7D6;
  --bg-body: #EFE7D6;
  --bg-card: #FBF6EA;
  --bg-surface: #FBF6EA;
  --bg-elevated: #F4EDDE;
  --bg-overlay: #EFE7D6;
  --header-bg: #FBF6EA;
  --header-border: #E7DCC6;
  --sidebar-bg: #FBF6EA;
  --sidebar-bg-top: #FBF6EA;
  --sidebar-border: #E7DCC6;
  --text-primary: #241E16;
  --text-secondary: #7A7060;
  --text-muted: #AA9F89;
  --text-on-primary: #FFFFFF;
  --border-color: #E7DCC6;
  --border-active: #6D44C9;
  --color-primary: #6D44C9;
  --color-primary-hover: #8A5FE0;
  --shadow-primary: 0 4px 16px rgba(109, 68, 201, 0.18);
  --cs-cream: #FBF6EA;
  --cs-cream-line: #E7DCC6;
  --cd-bg: #EFE7D6;
  --cd-fg: #241E16;
}

html,
body,
#root {
  background: #EFE7D6;
  color: #241E16;
}

body,
.followup-page,
.cd-app,
.ts-page {
  font-family: Manrope, "PingFang SC", "Microsoft YaHei", "Noto Sans", "Noto Sans Bengali", "Noto Sans Arabic", "Segoe UI", sans-serif;
}

html.is-app .mp-header,
.cd-app__bar {
  background: #FBF6EA !important;
  background-image: none !important;
  color: #241E16 !important;
  border-bottom: 1px solid #E7DCC6 !important;
  box-shadow: none !important;
}

html.is-app .mp-header__brand-name,
html.is-app .mp-header__brand-sub,
html.is-app .mp-header__user,
html.is-app [data-testid="menu-toggle"],
html.is-app .mp-header__bell,
html.is-app .mp-header__help,
html.is-app .mp-header__main-site,
.cd-app__bar,
.cd-app__wordmark {
  color: #241E16 !important;
}

html.is-app .mp-header__bell,
html.is-app .mp-header__help,
html.is-app .mp-header__main-site {
  background: transparent !important;
  border-color: #E7DCC6 !important;
}

html.is-app .mp-header__brand-mark,
.mp-header__brand-mark,
.mp-sidebar__module-icon {
  background: #6D44C9 !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
}

.mp-bottomnav::before,
.mp-bottomnav:before {
  background: #6D44C9 !important;
  background-image: none !important;
}

.mp-bottomnav__item.is-active .mp-bottomnav__icon::before,
.mp-bottomnav__item.is-active .mp-bottomnav__icon:before {
  background: rgba(109, 68, 201, 0.12) !important;
  background-image: none !important;
}

html.is-app .mp-login {
  background: #EFE7D6 !important;
  background-image: none !important;
}

.followup-page,
.tt-hub,
.yt-hub,
.ig-hub,
.industry-workspaces,
.cd-app {
  background: #EFE7D6 !important;
  color: #241E16 !important;
}

.followup-header,
.ig-hero,
.yt-hero,
.tt-hero,
.industry-workspaces .platform-console-hero {
  background: #FBF6EA !important;
  background-image: none !important;
  color: #241E16 !important;
  border: 1px solid #E7DCC6 !important;
  box-shadow: none !important;
}

.ig-hero::before,
.ig-hero::after,
.yt-hero::before,
.yt-hero::after,
.tt-hero::before,
.tt-hero::after,
.tt-hero__glow {
  display: none !important;
}

.followup-header h1,
.followup-header p,
.connect-mark,
.tt-hero__title,
.yt-hero__title,
.ig-hero__title,
.tt-hero__sub,
.yt-hero__sub,
.ig-hero__sub,
.platform-console-hero h1,
.platform-console-hero h2,
.platform-console-hero p,
.platform-header p,
.platform-muted {
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: #241E16 !important;
}

.followup-header p,
.tt-hero__sub,
.yt-hero__sub,
.ig-hero__sub,
.platform-header p,
.platform-muted {
  color: #7A7060 !important;
  -webkit-text-fill-color: #7A7060 !important;
}

.connect-hero-tools .ant-select-selector,
.connect-hero-tools .ant-btn:not(.ant-btn-primary) {
  background: #fff !important;
  color: #241E16 !important;
  border-color: #E7DCC6 !important;
}

.connect-hero-tools .ant-select-selection-item,
.connect-hero-tools .ant-select-arrow {
  color: #241E16 !important;
}

.followup-cards .ant-card,
.followup-page .ant-card {
  border-top-color: #6D44C9 !important;
}

.followup-count,
.connect-profile h2,
.connect-guide .ant-collapse-header {
  color: #6D44C9 !important;
}

.connect-channel-choice:hover,
.connect-bottom-nav {
  border-color: #E7DCC6 !important;
}

.cs-panel::before {
  background: #6D44C9 !important;
  background-image: none !important;
}

.cs-badge {
  background: #EDE4F7 !important;
  background-image: none !important;
  color: #5A32B0 !important;
}

.cs-sug,
.mp-game-list__kpi-card--primary,
.mp-risk-kpi-card--highlight {
  background: #FBF6EA !important;
  background-image: none !important;
  border-color: #6D44C9 !important;
}

.ig-add-btn,
.ig-save-btn,
.ig-post-btn,
.yt-add-btn,
.yt-save-btn,
.yt-post-btn,
.tt-add-btn,
.tt-add-btn-b,
.tt-plat-btn--active,
.ig-post-type-btn--active,
.yt-post-type-btn--active,
.cs-pill.on,
.cs-obj.on {
  background: #6D44C9 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #6D44C9 !important;
}

.ant-btn-primary:not(.ant-btn-dangerous):not(:disabled) {
  background: #6D44C9 !important;
  background-image: none !important;
  border-color: #6D44C9 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.ant-btn-primary:not(.ant-btn-dangerous):not(:disabled):hover {
  background: #8A5FE0 !important;
  border-color: #8A5FE0 !important;
  color: #fff !important;
}

.ant-tabs-ink-bar {
  background: #6D44C9 !important;
}

.ant-layout,
.ant-layout-content,
.mp-layout__content {
  background: #EFE7D6 !important;
}

.ant-card {
  background: #FBF6EA !important;
  border-color: #E7DCC6 !important;
}

.ant-table-thead > tr > th {
  background: #F4EDDE !important;
  color: #7A7060 !important;
  border-bottom: 1px solid #EDE4D4 !important;
}

.ant-table-tbody > tr > td {
  border-bottom: 1px solid #EDE4D4 !important;
  background: #FBF6EA;
  color: #241E16;
}

.ant-table-tbody > tr:hover > td {
  background: #F4EDDE !important;
}

input,
textarea,
select,
.ant-input,
.ant-input-affix-wrapper,
.ant-select-selector {
  background-color: #fff !important;
  color: #241E16 !important;
}