/* dashboard-mobile-tabs.css  v20261008-sheet4
 * Phone-only tab bar under the dashboard announcement (see js/dashboard-mobile-tabs.js).
 * Tabs match influencer rewards 「兑换 / 抽奖」 underline style.
 * Everything is scoped to max-width 767.98px; above that the bar is not rendered and
 * the .dmt-* hide classes have no effect, so tablet/desktop are unchanged. */
.dmt-bar,
.dmt-empty-hint { display: none; }

.rkf-search {
  position: relative;
  display: block;
  margin: 8px 12px 4px;
}
.rkf-search i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 0.85rem;
  pointer-events: none;
}
.rkf-search input {
  width: 100%;
  height: 36px;
  padding: 6px 12px 6px 34px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: 0.85rem;
}
.rkf-search input:focus {
  outline: none;
  border-color: #a5b4fc;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

@media (max-width: 767.98px) {
  body .dmt-off,
  body .dmt-empty { display: none !important; }

  .dmt-bar {
    display: block;
    position: relative;
    width: 100%;
    margin: 12px 0 14px;
    flex: 0 0 auto;
    min-width: 0;
  }
  .dmt-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 2px 2px 4px;
    margin: 0;
  }
  .dmt-track::-webkit-scrollbar { display: none; width: 0; height: 0; }

  /* soft edge fades only while there is more to scroll on that side */
  .dmt-bar.has-right .dmt-track {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%);
            mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%);
  }
  .dmt-bar.has-left .dmt-track {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 100%);
  }
  .dmt-bar.has-left.has-right .dmt-track {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
  }

  .dmt-pill {
    flex: 0 0 auto;
    scroll-snap-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 0;
    padding: 6px 2px 10px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #94a3b8;
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    transition: color .15s ease;
  }
  .dmt-pill:active { transform: none; color: #4f46e5; }
  .dmt-pill:focus { outline: none; }
  .dmt-pill:focus-visible { color: #4f46e5; }
  .dmt-pill.is-active {
    background: transparent;
    color: #4f46e5;
    box-shadow: none;
  }
  .dmt-pill.is-active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: #4f46e5;
  }
  .dmt-pill.is-active:focus-visible { box-shadow: none; }

  .dmt-empty-hint:not([hidden]) {
    display: block;
    margin: 4px 0 18px;
    padding: 28px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.75);
    color: #94a3b8;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.18);
  }

  /* flex-column parents already space their children with gap-* */
  .d-flex.flex-column > .dmt-bar { margin: 0; }
  .d-flex.flex-column > .dmt-empty-hint:not([hidden]) { margin: 0; }
  /* marketer root: bar is its first child */
  #inf_marketer_dashboard_root > .dmt-bar { margin: 0 0 14px; }

  /* Company phone: same sticky pills + white sheet as influencer */
  body.company-dashboard .dmt-bar {
    position: sticky;
    top: 0;
    z-index: 40;
    margin: 0;
    padding: 8px 14px 0;
    background: #eef1f6;
    box-shadow: none;
    order: 3 !important;
  }
  body.company-dashboard .dmt-empty-hint {
    display: none !important;
  }
  body.company-dashboard:not(.vt-blogger-promo-on) .dmt-pill[data-dmt-tab="clicks"],
  body.company-dashboard:not(.vt-blogger-promo-on) .dmt-pill[data-dmt-tab="commission_settings"] {
    display: none !important;
  }
  body.company-dashboard.vt-blogger-promo-on .dmt-pill[data-dmt-tab="clicks"],
  body.company-dashboard.vt-blogger-promo-on .dmt-pill[data-dmt-tab="commission_settings"] {
    display: flex !important;
  }
  body.company-dashboard .dmt-pane {
    order: 4;
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    min-height: calc(100vh - 64px - 44px);
    min-height: calc(100dvh - 64px - 44px);
    max-height: none;
    overflow: visible;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 0 calc(72px + env(safe-area-inset-bottom, 0px));
    min-width: 0;
    flex: 1 0 auto;
    background: #fff;
    border-radius: 24px 24px 0 0;
    border: 0;
    box-shadow: none;
  }
  body.company-dashboard .dmt-pane > [data-mtab] {
    order: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    flex: 0 0 auto;
    height: auto !important;
    min-height: 0 !important;
  }
  body.company-dashboard .dmt-pane > [data-mtab]:not(.dmt-off) ~ [data-mtab]:not(.dmt-off) {
    border-top: 1px solid rgba(226, 232, 240, 0.95);
  }
  body.company-dashboard .dmt-track {
    gap: 18px;
    padding: 0 0 2px;
  }
  body.company-dashboard .dmt-pill {
    height: auto;
    padding: 6px 2px 10px;
    font-size: 1rem;
    font-weight: 800;
    color: #94a3b8;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  body.company-dashboard .dmt-pill.is-active {
    color: #4f46e5;
    background: transparent;
    box-shadow: none;
  }
  body.company-dashboard .dmt-pane .mk-desk-cal-bottom,
  body.company-dashboard .dmt-pane .vt-desk-cal-bottom,
  body.company-dashboard .dmt-pane .dashboard-calendar-days,
  body.company-dashboard .dmt-pane #dashboard_event_calendar_wrap {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    flex: 0 0 auto !important;
  }

  /* Master / admin phone: grey page, metrics + announce, sticky pills, white sheet */
  html body.admin-dashboard #content {
    padding-top: 64px !important;
    padding-bottom: 0 !important;
    background: #eef1f6 !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.7) transparent;
  }
  body.admin-dashboard ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }
  body.admin-dashboard ::-webkit-scrollbar-track { background: transparent; }
  body.admin-dashboard ::-webkit-scrollbar-thumb,
  body.admin-dashboard ::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.75) !important;
    box-shadow: none !important;
    border-radius: 99px;
  }
  body.admin-dashboard .content-admin-main {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }
  body.admin-dashboard .wt-admin-right-page-header { display: none !important; }
  body.admin-dashboard .admin-dash-announcements-row {
    display: flex !important;
    width: 100%;
    margin: 0 !important;
  }
  body.admin-dashboard #admin_dashboard_left_col {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.admin-dashboard .admin-mobile-welcome {
    display: none !important;
  }
  body.admin-dashboard #admin_dashboard_metrics_band {
    display: flex !important;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 4px 14px 10px;
  }
  body.admin-dashboard .admin-user-announcements-card {
    width: 100%;
    margin: 0 !important;
    padding: 0 14px 8px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body.admin-dashboard .dmt-bar {
    position: sticky;
    top: 0;
    z-index: 40;
    margin: 0;
    padding: 8px 14px 0;
    background: #eef1f6;
    box-shadow: none;
    order: 3 !important;
  }
  body.admin-dashboard .dmt-empty-hint { display: none !important; }
  body.admin-dashboard .dmt-pane {
    order: 4;
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    min-height: calc(100vh - 64px - 44px);
    min-height: calc(100dvh - 64px - 44px);
    max-height: none;
    overflow: visible;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 0 calc(72px + env(safe-area-inset-bottom, 0px));
    min-width: 0;
    flex: 1 0 auto;
    background: #fff;
    border-radius: 24px 24px 0 0;
    border: 0;
    box-shadow: none;
  }
  body.admin-dashboard .dmt-pane > [data-mtab] {
    order: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    flex: 0 0 auto;
    height: auto !important;
    min-height: 0 !important;
  }
  body.admin-dashboard .dmt-pane > [data-mtab]:not(.dmt-off) ~ [data-mtab]:not(.dmt-off) {
    border-top: 1px solid rgba(226, 232, 240, 0.95);
  }
  body.admin-dashboard .dmt-track {
    gap: 18px;
    padding: 0 0 2px;
  }
  body.admin-dashboard .dmt-pill {
    height: auto;
    padding: 6px 2px 10px;
    font-size: 1rem;
    font-weight: 800;
    color: #94a3b8;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  body.admin-dashboard .dmt-pill.is-active {
    color: #4f46e5;
    background: transparent;
    box-shadow: none;
  }
  body.admin-dashboard .dmt-pane .modern-info-card,
  body.admin-dashboard .dmt-pane .report-card,
  body.admin-dashboard .dmt-pane .mk-recruiting-card,
  body.admin-dashboard .dmt-pane .admin-recruiting-card,
  body.admin-dashboard .dmt-pane .admin-kol-progress-section,
  body.admin-dashboard .dmt-pane .dashboard-calendar-card,
  body.admin-dashboard .dmt-pane #dashboard_event_calendar_wrap,
  body.admin-dashboard .dmt-pane .ais-card,
  body.admin-dashboard .dmt-pane .irl-card {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
    backdrop-filter: none !important;
  }
  body.admin-dashboard .dmt-pane .mk-recruiting-card::before,
  body.admin-dashboard .dmt-pane .mk-recruiting-card::after,
  body.admin-dashboard .dmt-pane .admin-recruiting-card.mk-recruiting-card::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }
  body.admin-dashboard .dmt-pane .mk-rec-dots,
  body.admin-dashboard .dmt-pane .mk-desk-cal-rings {
    display: none !important;
  }
  body.admin-dashboard .dmt-pane .info-card-header,
  body.admin-dashboard .dmt-pane .mk-recruiting-header-plain,
  body.admin-dashboard .dmt-pane .admin-kol-progress-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background: transparent !important;
  }
  body.admin-dashboard .dmt-pane #admin_recruiting_list,
  body.admin-dashboard .dmt-pane .admin-kol-progress-body,
  body.admin-dashboard .dmt-pane #admin_kol_work_progress_list {
    max-height: none !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.admin-dashboard .dmt-pane .mk-desk-cal-bottom,
  body.admin-dashboard .dmt-pane .vt-desk-cal-bottom {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
  }
  body.admin-dashboard .dmt-pane .mk-desk-cal-top,
  body.admin-dashboard .dmt-pane .vt-desk-cal-top {
    box-shadow: none !important;
  }
  body.admin-dashboard .dmt-pane .dashboard-calendar-days {
    display: grid !important;
    visibility: visible !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
    opacity: 1 !important;
  }
  body.admin-dashboard .dmt-pane .modern-info-card:hover,
  body.admin-dashboard .dmt-pane .dashboard-calendar-card:hover,
  body.admin-dashboard .dmt-pane .ais-card:hover,
  body.admin-dashboard .dmt-pane .irl-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  body.admin-dashboard .dmt-pane > [data-mtab="charts"].dmt-off {
    display: none !important;
    pointer-events: none !important;
  }
  body.admin-dashboard .dmt-pane > [data-mtab="charts"]:not(.dmt-off) {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 4px 14px 18px !important;
    padding: 0.85rem !important;
    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%) !important;
    background-image: linear-gradient(135deg, #fff 0%, #f8fafc 100%) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body.admin-dashboard .dmt-pane .chart-section-content,
  body.admin-dashboard .dmt-pane .chart-section-left,
  body.admin-dashboard .dmt-pane .chart-section-right {
    overflow: visible !important;
  }
  body.admin-dashboard .dmt-pane .earning-detail-panel,
  body.admin-dashboard .dmt-pane .register-detail-panel {
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  }
  body.admin-dashboard .dmt-pane .chart-title {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    letter-spacing: 0 !important;
  }

  /* Influencer phone: pills stick; one sheet fills to the screen bottom and scrolls inside */
  body.influencer-dashboard:not(.is-marketer-mode) .dmt-bar {
    position: sticky;
    top: 0;
    z-index: 40;
    margin: 0;
    padding: 8px 14px 0;
    background: transparent;
    box-shadow: none;
  }
  body.influencer-dashboard:not(.is-marketer-mode) .dmt-pane {
    order: 4;
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    min-height: calc(100vh - 52px - 44px);
    min-height: calc(100dvh - 52px - 44px);
    max-height: none;
    overflow: visible;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 0 calc(74px + env(safe-area-inset-bottom, 0px));
    min-width: 0;
    background: #fff;
    border-radius: 24px 24px 0 0;
    border: 0;
    box-shadow: none;
  }
  body.influencer-dashboard:not(.is-marketer-mode) .dmt-track {
    gap: 18px;
    padding: 0 0 2px;
  }
  body.influencer-dashboard:not(.is-marketer-mode) .dmt-pill {
    height: auto;
    padding: 6px 2px 10px;
    font-size: 1rem;
    font-weight: 800;
    color: #94a3b8;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  body.influencer-dashboard:not(.is-marketer-mode) .dmt-pill.is-active {
    color: #4f46e5;
    background: transparent;
    box-shadow: none;
  }

  /* Marketer phone: the page scrolls. The white sheet is flush to the sides and the bottom, and does not scroll on its own. */
  body.influencer-dashboard.is-marketer-mode #content {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100dvh !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    display: block !important;
    scrollbar-width: none;
  }
  body.influencer-dashboard.is-marketer-mode #content::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  body.influencer-dashboard.is-marketer-mode .content-admin-main,
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root {
    display: block !important;
    height: auto !important;
    min-height: 0;
    overflow: visible !important;
    flex: none;
  }
  body.influencer-dashboard.is-marketer-mode .content-admin-main {
    padding: 0 !important;
    margin: 0 !important;
  }
  body.influencer-dashboard.is-marketer-mode .dmt-bar {
    position: sticky;
    top: 0;
    z-index: 40;
    margin: 0;
    padding: 4px 14px 0;
    background: #eef1f6;
    box-shadow: none;
  }
  body.influencer-dashboard.is-marketer-mode .dmt-pane {
    order: 4;
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
    min-height: calc(100dvh - 52px - 92px);
    height: auto;
    overflow: visible;
    overflow-x: auto;
    display: block;
    padding: 0 0 calc(74px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-radius: 24px 24px 0 0;
  }
  body.influencer-dashboard.is-marketer-mode [data-mtab].dmt-off,
  body.influencer-dashboard.is-marketer-mode #mmc_col.dmt-off {
    display: none !important;
  }
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root > .row {
    margin: 0 !important;
    flex: 0 0 auto;
  }
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root [data-mtab],
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root #mmc_col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-recruiting-card,
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-progress-card,
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-calendar-card,
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mmc-card,
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .modern-info-card {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-recruiting-card::before,
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-recruiting-card::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-recruiting-card .info-card-header {
    padding-left: 14px !important;
    border-bottom: 1px solid #e2e8f0 !important;
  }
  body.influencer-dashboard.is-marketer-mode #mk_recruiting_list,
  body.influencer-dashboard.is-marketer-mode #mk_progress_list,
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mmc-list {
    max-height: none !important;
    overflow: visible !important;
    scrollbar-width: none;
  }
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-rec-dots {
    display: none !important;
  }
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-calendar-card .dashboard-calendar-days {
    display: grid !important;
    visibility: visible !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
    opacity: 1 !important;
  }
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-calendar-card .mk-desk-cal-bottom,
  body.influencer-dashboard.is-marketer-mode #inf_marketer_dashboard_root .mk-calendar-card .vt-desk-cal-bottom {
    overflow: visible !important;
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
  }
  body.influencer-dashboard.is-marketer-mode .dmt-pill {
    height: auto;
    padding: 6px 2px 10px;
    font-size: 1rem;
    font-weight: 800;
    color: #94a3b8;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  body.influencer-dashboard.is-marketer-mode .dmt-pill.is-active {
    color: #4f46e5;
    background: transparent;
    box-shadow: none;
  }

  /* Rounded cap lives on the sticky tab bar so it cannot square-off while the
     sheet below scrolls. Titles stay in flow; only the body under the title
     scrolls, so a title cannot cover its list. */
  .dmt-bar::after {
    content: '';
    display: block;
    height: 24px;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    background: #fff;
    border-radius: 24px 24px 0 0;
    pointer-events: none;
  }
  .dmt-pane {
    position: relative !important;
    top: auto !important;
    z-index: 20;
    border-radius: 0 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }
  .dmt-pane > [data-mtab]:not(.dmt-off),
  .dmt-pane > #mmc_col:not(.dmt-off) {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
  }
  .dmt-pane-stack {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .dmt-pane-sticky {
    position: relative !important;
    top: auto !important;
    flex: 0 0 auto !important;
    z-index: 2;
    background: #fff;
    padding: 12px 14px 8px;
    box-sizing: border-box;
    border-radius: 0;
  }
  body.company-dashboard .dmt-pane-sticky,
  body.admin-dashboard .dmt-pane-sticky,
  body.influencer-dashboard:not(.is-marketer-mode) .dmt-pane-sticky {
    margin-left: -14px;
    margin-right: -14px;
  }
  .dmt-pane,
  .dmt-pane-stack {
    overscroll-behavior: contain;
  }
  .dmt-pane .dmt-pane-stack > .dmt-pane-sticky ~ * {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: none !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
  }
  .dmt-pane-sticky .rkf-search {
    margin: 8px 0 0;
  }
  .dmt-pane .mk-recruiting-title-plain,
  .dmt-pane .info-card-header .info-title,
  .dmt-pane .admin-kol-progress-header .info-title,
  .dmt-pane .company-dashboard-progress-title,
  .dmt-pane .mmc-title,
  .dmt-pane .ais-title,
  .dmt-pane .irl-title,
  .dmt-pane .commission-card-title,
  .dmt-pane .promo-code-title,
  .dmt-pane .list-title h4,
  .dmt-pane .showcase-card-title,
  .dmt-pane .promo-click-rank-title,
  .dmt-pane .promo-click-rank-title span,
  .dmt-pane .dashboard-calendar-title {
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.02em;
  }
  .dmt-pane .admin-kol-progress-header .info-icon,
  .dmt-pane .company-dashboard-progress-title-icon,
  .dmt-pane .info-card-header .info-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    font-size: 1rem !important;
  }
}