:root {
  --tc-font-ui: "Almarai", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial,
    sans-serif;
  --tc-font-size-xs: 12px;
  --tc-font-size-sm: 13px;
  --tc-font-size-md: 14px;
  --tc-font-size-lg: 16px;
  --tc-font-size-xl: 18px;
  --tc-font-size-base: 15px;
  --tc-line-height-base: 1.72;
  --tc-heading-line-height: 1.45;
  --tc-color-canvas: #f5f7f7;
  --tc-color-surface: #ffffff;
  --tc-color-surface-subtle: #f7f9f9;
  --tc-color-surface-muted: #eef3f2;
  --tc-color-heading: #203331;
  --tc-color-text: #213432;
  --tc-color-muted: #6f7f7d;
  --tc-color-muted-strong: #526360;
  --tc-color-border: #dce6e5;
  --tc-color-border-strong: #cbdad8;
  --tc-color-primary: #2f7b79;
  --tc-color-primary-hover: #286a68;
  --tc-color-primary-active: #215b59;
  --tc-color-primary-soft: #eef6f5;
  --tc-color-action-bg: #eef6f5;
  --tc-color-action-text: #286a68;
  --tc-color-action-border: #c9dfdd;
  --tc-color-action-hover-bg: #e3f0ef;
  --tc-color-action-hover-text: #215b59;
  --tc-color-action-hover-border: #a9d0cd;
  --tc-color-success: #0b7a49;
  --tc-color-success-soft: #eef8f3;
  --tc-color-warning: #9a5b00;
  --tc-color-warning-soft: #fff8e8;
  --tc-color-danger: #b42318;
  --tc-color-danger-hover: #912018;
  --tc-color-danger-soft: #fff4f2;
  --tc-color-info: var(--tc-color-primary);
  --tc-color-info-soft: var(--tc-color-primary-soft);
  --tc-color-disabled-bg: #f2f4f7;
  --tc-color-disabled-text: #98a2b3;
  --tc-color-disabled-border: #e4e7ec;
  --tc-color-field-bg: var(--tc-color-surface);
  --tc-color-field-text: var(--tc-color-text);
  --tc-color-field-border: var(--tc-color-border-strong);
  --tc-color-field-border-hover: #a8bfbd;
  --tc-color-field-placeholder: #869593;
  --tc-color-button-secondary-bg: var(--tc-color-action-bg);
  --tc-color-button-secondary-text: var(--tc-color-action-text);
  --tc-color-button-secondary-border: var(--tc-color-action-border);
  --tc-color-button-secondary-hover-bg: var(--tc-color-action-hover-bg);
  --tc-color-button-secondary-hover-text: var(--tc-color-action-hover-text);
  --tc-color-button-secondary-hover-border: var(--tc-color-action-hover-border);
  --tc-color-button-warning-border: #dfb85e;
  --tc-color-button-danger-border: #e7b1ac;
  --tc-color-sidebar: #285f5e;
  --tc-color-sidebar-soft: #347573;
  --tc-color-sidebar-deep: #214f4e;
  --tc-control-height-sm: 34px;
  --tc-control-height-md: 46px;
  --tc-control-height-lg: 48px;
  --tc-control-padding-inline: 12px;
  --tc-control-radius: 12px;
  --tc-control-border-width: 1px;
  --tc-textarea-min-height: 112px;
  --tc-button-height: 46px;
  --tc-button-large-height: 48px;
  --tc-table-row-height: 52px;
  --tc-focus-ring-width: 3px;
  --tc-focus-ring-color: rgba(47, 123, 121, 0.14);
  --tc-focus-ring: 0 0 0 var(--tc-focus-ring-width) var(--tc-focus-ring-color);
  --tc-space-1: 4px;
  --tc-space-2: 8px;
  --tc-space-3: 12px;
  --tc-space-4: 16px;
  --tc-space-5: 20px;
  --tc-space-6: 24px;
  --tc-space-7: 32px;
  --tc-page-inline-space: 26px;
  --tc-page-block-space: 24px;
  --tc-panel-inline: 24px;
  --tc-panel-gap: 18px;
  --tc-section-gap: 24px;
  --tc-content-gap: 16px;
  --tc-label-gap: 7px;
  --tc-card-padding: 20px;
  --tc-card-space: 22px;
  --tc-card-space-compact: 18px;
  --tc-note-space-block: 13px;
  --tc-note-space-inline: 15px;
  --tc-action-gap: 10px;
  --tc-radius-sm: 10px;
  --tc-radius-md: 12px;
  --tc-radius-lg: 14px;
  --tc-radius-xl: 16px;
  --tc-radius-2xl: 18px;
  --tc-radius-pill: 999px;
  --tc-shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.045);
  --tc-shadow-md: 0 10px 26px rgba(15, 23, 42, 0.045);
  --tc-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.055);
  --tc-shadow-xl: 0 20px 55px rgba(16, 24, 40, 0.22);
  --tc-sidebar-width: 280px;
  --tc-topbar-height: 72px;
  --tc-field-min-width: 240px;
  --tc-action-min-width: 158px;
  --tc-calendar-button-width: 46px;
  --tc-sidebar-width-compact: 252px;
  --tc-topbar-height-compact: 64px;
  --tc-control-height-mobile: 50px;
  --tc-ui-control-height-mobile: 48px;
  --tc-action-height-mobile: 48px;
  --tc-panel-inline-tablet: 16px;
  --tc-panel-inline-mobile: 12px;
  --tc-card-padding-tablet: 16px;
  --tc-card-padding-mobile: 14px;
  --tc-content-gap-mobile: 12px;
  --tc-field-min-width-tablet: 220px;
  --tc-action-min-width-tablet: 150px;
  --tc-action-min-width-mobile: 145px;
  --tc-font-size-base-mobile: 14.5px;
  --tc-page-inline-tablet: 16px;
  --tc-page-block-tablet: 16px;
  --tc-page-inline-mobile: 10px;
  --tc-page-block-mobile: 10px;
  --tc-page-inline-narrow: 8px;
  --tc-card-space-tablet: 18px;
  --tc-card-space-mobile: 16px;
  --tc-card-space-narrow: 14px;
  --tc-panel-gap-tablet: 14px;
  --tc-panel-gap-mobile: 12px;
  --tc-section-gap-tablet: 20px;
  --tc-section-gap-mobile: 18px;
  --tc-mobile-bottom-space: max(
    96px,
    calc(76px + env(safe-area-inset-bottom, 0px))
  );
  --tc-bg: var(--tc-color-canvas);
  --tc-surface: var(--tc-color-surface);
  --tc-surface-soft: var(--tc-color-surface-subtle);
  --tc-ink: var(--tc-color-heading);
  --tc-muted: var(--tc-color-muted);
  --tc-line: var(--tc-color-border);
  --tc-primary: var(--tc-color-primary);
  --tc-primary-dark: var(--tc-color-primary-hover);
  --tc-success: var(--tc-color-success);
  --tc-warning: var(--tc-color-warning);
  --tc-danger: var(--tc-color-danger);
  --tc-sidebar: var(--tc-color-sidebar);
  --tc-sidebar-soft: var(--tc-color-sidebar-soft);
  --tc-radius: var(--tc-radius-lg);
  --tc-shadow: var(--tc-shadow-md);
  --tc-control-h: var(--tc-control-height-md);
  --tc-control-height: var(--tc-control-height-md);
  --tc-action-height: var(--tc-control-height-md);
  --tc-card-pad: var(--tc-card-space);
  --tc-panel-radius: var(--tc-radius-lg);
  --tc-border: var(--tc-color-border);
  --tc-soft: var(--tc-color-surface-subtle);
  --tc-text: var(--tc-color-text);
  --tc-text-soft: var(--tc-color-muted);
  --tc-font-ar: var(--tc-font-ui);
  --tc-control-gap: var(--tc-space-3);

  --tc-ui-bg: var(--tc-color-canvas);
  --tc-ui-surface: var(--tc-color-surface);
  --tc-ui-surface-soft: var(--tc-color-surface-subtle);
  --tc-ui-surface-tint: var(--tc-color-primary-soft);
  --tc-ui-text: var(--tc-color-text);
  --tc-ui-muted: var(--tc-color-muted);
  --tc-ui-border: var(--tc-color-border);
  --tc-ui-border-strong: var(--tc-color-border-strong);
  --tc-ui-primary: var(--tc-color-primary);
  --tc-ui-primary-hover: var(--tc-color-primary-hover);
  --tc-ui-primary-soft: var(--tc-color-primary-soft);
  --tc-ui-success: var(--tc-color-success);
  --tc-ui-warning: var(--tc-color-warning);
  --tc-ui-danger: var(--tc-color-danger);
  --tc-ui-radius-sm: var(--tc-radius-sm);
  --tc-ui-radius: var(--tc-radius-lg);
  --tc-ui-radius-lg: var(--tc-radius-2xl);
  --tc-ui-shadow-sm: var(--tc-shadow-sm);
  --tc-ui-shadow: var(--tc-shadow-lg);
  --tc-ui-focus: var(--tc-focus-ring);

  --tc-ui-canvas: var(--tc-color-canvas);
  --tc-ui-bg: var(--tc-color-canvas);
  --tc-ui-card: var(--tc-color-surface);
  --tc-ui-surface: var(--tc-color-surface);
  --tc-ui-surface-subtle: var(--tc-color-surface-subtle);
  --tc-ui-surface-muted: var(--tc-color-surface-muted);
  --tc-ui-sidebar: var(--tc-color-sidebar);
  --tc-ui-sidebar-deep: var(--tc-color-sidebar-deep);
  --tc-ui-sidebar-hover: var(--tc-color-sidebar-soft);
  --tc-ui-text: var(--tc-color-text);
  --tc-ui-text-soft: var(--tc-color-muted);
  --tc-ui-muted: var(--tc-color-muted);
  --tc-ui-border: var(--tc-color-border);
  --tc-ui-border-strong: var(--tc-color-border-strong);
  --tc-ui-primary: var(--tc-color-primary);
  --tc-ui-primary-hover: var(--tc-color-primary-hover);
  --tc-ui-accent: var(--tc-color-primary);
  --tc-ui-accent-hover: var(--tc-color-primary-hover);
  --tc-ui-accent-soft: var(--tc-color-primary-soft);
  --tc-ui-success: var(--tc-color-success);
  --tc-ui-success-soft: var(--tc-color-success-soft);
  --tc-ui-warning: var(--tc-color-warning);
  --tc-ui-warning-soft: var(--tc-color-warning-soft);
  --tc-ui-danger: var(--tc-color-danger);
  --tc-ui-danger-soft: var(--tc-color-danger-soft);
  --tc-ui-info: var(--tc-color-info);
  --tc-ui-info-soft: var(--tc-color-info-soft);
  --tc-ui-control-h: var(--tc-control-height-md);
  --tc-ui-button-h: var(--tc-button-height);
  --tc-ui-radius-sm: var(--tc-radius-md);
  --tc-ui-radius: var(--tc-radius-md);
  --tc-ui-card-radius: var(--tc-radius-xl);
  --tc-ui-gap: var(--tc-space-3);
  --tc-ui-shadow-sm: var(--tc-shadow-sm);
  --tc-ui-shadow: var(--tc-shadow-md);

  --tc-clean-border: var(--tc-color-border);
  --tc-clean-soft: var(--tc-color-surface-subtle);
  --tc-clean-shadow: var(--tc-shadow-lg);
  --tc-clean-shadow-sm: var(--tc-shadow-sm);
}
html,
body,
button,
input,
select,
textarea,
optgroup,
option,
table,
.tc-standalone,
.tc-login-page {
  font-family: var(--tc-font-ui) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* {
  box-sizing: border-box;
}
html {
  height: 100%;
}
body.tc-standalone {
  margin: 0;
  overflow: hidden;
}
body.tc-standalone[dir="rtl"],
html[dir="rtl"] body.tc-standalone {
  direction: rtl;
  text-align: right;
}
body.tc-standalone[dir="ltr"],
html[dir="ltr"] body.tc-standalone {
  direction: ltr;
  text-align: left;
}
.tc-icon {
  width: 19px;
  height: 19px;
  display: block;
  flex: 0 0 auto;
}
.tc-sidebar {
  position: fixed !important;
  inset-block: 0 !important;
  width: var(--tc-sidebar-width) !important;
  z-index: 1200 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  background: linear-gradient(
    180deg,
    var(--tc-color-sidebar) 0%,
    var(--tc-color-sidebar-deep) 100%
  ) !important;
  color: var(--tc-color-surface) !important;
  box-shadow: none !important;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.07) !important;
}
html[dir="rtl"] .tc-sidebar {
  right: 0 !important;
  left: auto !important;
}
html[dir="ltr"] .tc-sidebar {
  left: 0 !important;
  right: auto !important;
}
.tc-sidebar-brand {
  flex: 0 0 var(--tc-topbar-height) !important;
  min-height: var(--tc-topbar-height) !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 12px 15px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.tc-sidebar-brand strong {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
}
.tc-sidebar-brand small {
  margin-top: 2px;
  color: var(--tc-color-disabled-text);
  font-size: 10px;
}
.tc-brand-mark {
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--tc-radius-md) !important;
  font-size: var(--tc-font-size-md) !important;
  background: linear-gradient(145deg, #2f7b79, #2f7b79) !important;
}
.tc-sidebar-close {
  display: none !important;
  margin-inline-start: auto !important;
}
.tc-sidebar-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--tc-color-muted-strong) transparent;
  direction: ltr;
}
html[dir="ltr"] .tc-sidebar-scroll {
  direction: rtl;
}
.tc-sidebar-scroll::-webkit-scrollbar {
  width: 9px;
}
.tc-sidebar-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.tc-sidebar-scroll::-webkit-scrollbar-thumb {
  background: var(--tc-color-muted-strong);
  border: 2px solid transparent;
  border-radius: var(--tc-radius-pill);
  background-clip: padding-box;
}
.tc-sidebar-nav {
  padding: 12px 9px 18px !important;
  overflow: visible !important;
  direction: rtl;
}
html[dir="ltr"] .tc-sidebar-nav {
  direction: ltr;
}
.tc-sidebar-footer {
  flex: 0 0 54px !important;
  min-height: 54px !important;
  padding: 11px 15px !important;
  background: rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: var(--tc-color-disabled-text) !important;
  font-size: 10px !important;
}
.tc-app {
  height: 100vh !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  transition: margin 0.2s ease !important;
}
html[dir="rtl"] .tc-app {
  margin-right: var(--tc-sidebar-width) !important;
  margin-left: 0 !important;
}
html[dir="ltr"] .tc-app {
  margin-left: var(--tc-sidebar-width) !important;
  margin-right: 0 !important;
}
.tc-topbar {
  position: relative !important;
  top: auto !important;
  flex: 0 0 var(--tc-topbar-height) !important;
  min-height: var(--tc-topbar-height) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 10px 22px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid var(--tc-line) !important;
  box-shadow: 0 2px 12px rgba(16, 24, 40, 0.035) !important;
  z-index: 50 !important;
}
.tc-topbar-start,
.tc-topbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0;
}
.tc-topbar-start {
  flex: 1 1 auto;
}
.tc-topbar-actions {
  flex: 0 0 auto;
}
.tc-page-heading {
  min-width: 0;
}
.tc-page-heading h1 {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  color: var(--tc-color-heading) !important;
}
.tc-page-heading p {
  max-width: min(760px, 52vw) !important;
  margin: 3px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 11px !important;
}
.tc-health-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 42px !important;
  padding: 7px 12px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
  color: #214f4e !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.tc-main-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #aab4c3 transparent;
  direction: ltr;
}
html[dir="ltr"] .tc-main-scroll {
  direction: rtl;
}
.tc-main-scroll::-webkit-scrollbar {
  width: 10px;
}
.tc-main-scroll::-webkit-scrollbar-track {
  background: #eef2f7;
}
.tc-main-scroll::-webkit-scrollbar-thumb {
  background: #aab4c3;
  border: 2px solid #eef2f7;
  border-radius: var(--tc-radius-pill);
}
.tc-main {
  direction: rtl !important;
  text-align: right !important;
  width: 100% !important;
  max-width: 1580px !important;
  margin: 0 auto !important;
  padding: 24px 26px 52px !important;
}
html[dir="ltr"] .tc-main {
  direction: ltr !important;
  text-align: left !important;
}
.tc-main > .wrap,
.tc-main > .tc-wrap {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tc-main .tc-hero {
  display: none !important;
}
.tc-nav-group {
  position: relative !important;
  margin: 0 0 5px !important;
  border: 0 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: transparent !important;
  overflow: visible !important;
}
.tc-nav-group > summary {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 43px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #cbd5e1 !important;
  list-style: none !important;
  cursor: pointer !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  user-select: none !important;
}
.tc-nav-group > summary::-webkit-details-marker {
  display: none !important;
}
.tc-nav-group > summary:hover,
.tc-nav-group.is-active-group > summary,
.tc-nav-group[data-flyout-open="1"] > summary {
  background: rgba(255, 255, 255, 0.075) !important;
  color: var(--tc-color-surface) !important;
}
.tc-nav-icon,
.tc-nav-link-icon {
  display: grid !important;
  place-items: center !important;
  width: 23px !important;
  height: 23px !important;
  flex: 0 0 23px !important;
  color: inherit !important;
}
.tc-nav-icon .tc-icon,
.tc-nav-link-icon .tc-icon {
  width: 18px !important;
  height: 18px !important;
}
.tc-nav-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tc-nav-direct {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 43px !important;
  margin: 0 0 5px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #cbd5e1 !important;
  text-decoration: none !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}
.tc-nav-direct > span:not(.tc-nav-link-icon):not(.tc-nav-attention-badge) {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.tc-nav-direct:hover,
.tc-nav-direct.is-active {
  background: rgba(255, 255, 255, 0.085) !important;
  color: var(--tc-color-surface) !important;
}
.tc-nav-direct.is-active {
  box-shadow: inset -3px 0 0 #347573 !important;
}
html[dir="ltr"] .tc-nav-direct.is-active {
  box-shadow: inset 3px 0 0 #347573 !important;
}
.tc-nav-chevron {
  margin-inline-start: auto !important;
  transition: transform 0.16s ease !important;
}
html[dir="rtl"] .tc-nav-chevron {
  transform: rotate(90deg) !important;
}
html[dir="ltr"] .tc-nav-chevron {
  transform: rotate(-90deg) !important;
}
.tc-nav-items {
  display: none !important;
}
.tc-nav-flyout {
  position: fixed !important;
  z-index: 1400 !important;
  width: 286px !important;
  max-height: min(560px, calc(100vh - 32px)) !important;
  overflow: auto !important;
  padding: 8px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: 13px !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-color-heading) !important;
  box-shadow: 0 20px 55px rgba(16, 24, 40, 0.22) !important;
  direction: rtl !important;
}
html[dir="rtl"] .tc-nav-flyout {
  right: calc(var(--tc-sidebar-width) + 8px) !important;
  left: auto !important;
}
html[dir="ltr"] .tc-nav-flyout {
  left: calc(var(--tc-sidebar-width) + 8px) !important;
  right: auto !important;
  direction: ltr !important;
}
.tc-nav-flyout-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 9px 10px;
  border-bottom: 1px solid #edf0f4;
}
.tc-nav-flyout-head strong {
  font-size: var(--tc-font-size-xs);
}
.tc-nav-flyout-head button {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  background: var(--tc-color-disabled-bg);
  color: var(--tc-color-muted);
  cursor: pointer;
}
.tc-nav-flyout-head button:hover {
  background: #e9edf3;
  color: #214f4e;
}
.tc-nav-flyout [data-flyout-content] {
  display: grid;
  gap: 4px;
  padding-top: 7px;
}
.tc-nav-flyout .tc-nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
  color: var(--tc-color-muted-strong) !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.tc-nav-flyout .tc-nav-link:hover {
  background: var(--tc-color-canvas) !important;
  color: var(--tc-color-primary-hover) !important;
}
.tc-nav-flyout .tc-nav-link.is-active {
  background: #eaf0ff !important;
  color: var(--tc-color-primary-hover) !important;
  box-shadow: none !important;
}
.tc-main .tc-stat {
  border: 1px solid var(--tc-line) !important;
}
.tc-account-card {
  border: 1px solid var(--tc-line) !important;
  background: var(--tc-surface) !important;
}
.tc-main .tc-card {
  margin-bottom: 18px !important;
}
.tc-main .tc-stats,
.tc-main .tc-mini-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}

.tc-main .tc-section-head p,
.tc-main .tc-card > p {
  margin: 0 !important;
}
.tc-main .tc-form-grid {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 280px), 1fr)
  ) !important;
  gap: 16px 18px !important;
}
.tc-main .tc-form-grid .tc-full,
.tc-main .tc-full {
  grid-column: 1/-1 !important;
}
.tc-main label {
  min-width: 0 !important;
}
.tc-main input[type="text"],
.tc-main input[type="password"],
.tc-main input[type="number"],
.tc-main input[type="url"],
.tc-main input[type="email"],
.tc-main input[type="datetime-local"],
.tc-main input[type="search"] {
  width: 100% !important;
  max-width: 100% !important;
  min-height: var(--tc-control-height-md) !important;
  padding: 9px var(--tc-control-padding-inline) !important;
  border: var(--tc-control-border-width) solid var(--tc-color-border) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-color-heading) !important;
  font-size: var(--tc-font-size-xs) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.02) !important;
}
.tc-main select,
.tc-main textarea {
  width: 100% !important;
}

.tc-main .tc-table-wrap {
  max-width: 100% !important;
}
.tc-main table.widefat {
  width: 100% !important;
  min-width: 720px !important;
  border-collapse: collapse !important;
  background: var(--tc-color-surface) !important;
}
.tc-main .widefat th,
.tc-main .widefat td {
  padding: 11px 12px !important;
  border-bottom: 1px solid #edf0f4 !important;
  text-align: start !important;
  vertical-align: middle !important;
}
.tc-main .widefat th {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  white-space: nowrap !important;
}
.tc-main .widefat tbody tr:hover td {
  background: #fbfcff !important;
}
.tc-main details {
  border: 1px solid #e1e7ef !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  overflow: hidden !important;
}
.tc-main details > summary {
  min-height: var(--tc-control-height-md) !important;
  padding: 10px 13px !important;
  background: #fafbfc !important;
  color: #214f4e !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.tc-main details[open] > summary {
  background: var(--tc-color-canvas) !important;
}
.button,
.button-secondary,
.button-logout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 7px 14px !important;
  border: 1px solid var(--tc-color-button-secondary-border) !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  touch-action: manipulation !important;
}
.button-primary,
.button-warning,
.button-danger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 7px 14px !important;
  border: 1px solid #d5dde8 !important;
  border-radius: var(--tc-radius-sm) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.button:hover,
.button:active,
.button:focus-visible,
.button-secondary:hover,
.button-secondary:active,
.button-secondary:focus-visible {
  background: var(--tc-color-button-secondary-hover-bg) !important;
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
}
.button-primary {
  border-color: var(--tc-color-button-secondary-border) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
}

.tc-main
  .button:not(.button-primary):not(.button-secondary):not(.button-warning):not(.button-danger):not(
    .button-link-delete
  ),
.tc-modal
  .button:not(.button-primary):not(.button-secondary):not(.button-warning):not(.button-danger):not(
    .button-link-delete
  ) {
  border-color: var(--tc-color-button-secondary-border) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
}
.tc-main
  .button:not(.button-primary):not(.button-secondary):not(.button-warning):not(.button-danger):not(
    .button-link-delete
  ):is(:hover, :active, :focus-visible),
.tc-modal
  .button:not(.button-primary):not(.button-secondary):not(.button-warning):not(.button-danger):not(
    .button-link-delete
  ):is(:hover, :active, :focus-visible) {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
}
.button-primary:is(:hover, :active, :focus-visible) {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
}
.button-warning {
  border-color: var(--tc-color-button-warning-border) !important;
  background: var(--tc-color-warning-soft) !important;
  color: var(--tc-color-warning) !important;
}
.button-danger,
.button-link-delete {
  border-color: var(--tc-color-button-danger-border) !important;
  background: var(--tc-color-danger-soft) !important;
  color: var(--tc-danger) !important;
}
.button[disabled],
.button[aria-disabled="true"] {
  opacity: 0.55 !important;
  pointer-events: none !important;
}
.tc-chat-layout {
  display: grid !important;
  min-height: 650px !important;
}
.tc-chat-customers {
  min-width: 0 !important;
  overflow: hidden !important;
}
.tc-chat-customer-list,
.tc-chat-messages {
  overflow: auto !important;
}

.tc-input-shell,
.tc-password-field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.tc-input-shell input {
  padding-inline-start: 42px !important;
  padding-inline-end: 48px !important;
}
.tc-user-menu {
  position: relative !important;
}
.tc-user-menu > summary {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 186px !important;
  min-height: var(--tc-control-height-md) !important;
  padding: 5px 7px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
  list-style: none !important;
  cursor: pointer !important;
}
.tc-user-menu > summary::-webkit-details-marker {
  display: none !important;
}
.tc-user-avatar {
  font-size: var(--tc-font-size-xs) !important;
}
.tc-user-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
.tc-user-copy strong {
  max-width: 110px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 11px !important;
}
.tc-user-copy small {
  font-size: 9px !important;
  color: #7a8699 !important;
}
.tc-user-arrow {
  margin-inline-start: auto !important;
}
.tc-user-dropdown {
  position: absolute !important;
  inset-inline-end: 0 !important;
  top: calc(100% + 8px) !important;
  z-index: 1000 !important;
  width: 250px !important;
  padding: 8px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 18px 45px rgba(16, 24, 40, 0.16) !important;
}
.tc-user-dropdown > a,
.tc-user-language {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 40px !important;
  width: 100% !important;
  padding: 8px 9px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #214f4e !important;
  text-decoration: none !important;
  text-align: start !important;
  font-size: 10.5px !important;
  cursor: pointer !important;
}
.tc-logout-trigger {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 40px !important;
  width: 100% !important;
  padding: 8px 9px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  text-decoration: none !important;
  text-align: start !important;
  font-size: 10.5px !important;
  cursor: pointer !important;
}
.tc-user-dropdown > a:hover,
.tc-logout-trigger:hover {
  background: var(--tc-color-canvas) !important;
}
.tc-logout-trigger {
  color: var(--tc-color-danger) !important;
  font-weight: 700 !important;
}
body.tc-login-page {
  place-items: center !important;
  color: var(--tc-color-heading) !important;
}

.tc-login-form label > span {
  margin-bottom: 7px !important;
}

.tc-sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(16, 24, 40, 0.55);
}
.tc-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 3000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
}
.tc-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(16, 24, 40, 0.58) !important;
}
.tc-modal-card {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 470px) !important;
  padding: 24px !important;
  border-radius: var(--tc-radius-xl) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 30px 80px rgba(16, 24, 40, 0.25) !important;
  text-align: center !important;
}
@media (max-width: 1180px) {
  .tc-main {
    padding-inline: 20px !important;
  }
  .tc-chat-layout {
    grid-template-columns: 285px minmax(0, 1fr) !important;
  }
}
@media (max-width: 960px) {
  .tc-sidebar-close {
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--tc-color-surface) !important;
  }
  .tc-mobile-menu {
    cursor: pointer !important;
  }

  .tc-nav-link:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    color: var(--tc-color-surface) !important;
  }

  .tc-topbar {
    padding-inline: 14px !important;
  }
}
@media (max-width: 700px) {
  :root {
    --tc-topbar-height: var(--tc-topbar-height-compact);
  }
  .tc-topbar {
    gap: 8px !important;
    padding: 8px 10px !important;
  }
}
@media (max-width: 420px) {
  .tc-user-dropdown {
    position: fixed !important;
    inset-inline: 10px !important;
    top: 70px !important;
    width: auto !important;
  }
}
body [hidden],
.tc-nav-flyout[hidden],
[data-eye-show][hidden],
[data-eye-hide][hidden] {
  display: none !important;
}
html {
  width: 100%;
}
body {
  width: 100%;
  max-width: 100%;
}
body {
  overflow-wrap: anywhere;
}
button,
input,
select,
textarea {
  font: inherit;
}
.tc-icon-button {
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.tc-brand-mark {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  color: var(--tc-color-surface) !important;
  font-weight: 800 !important;
}
body.tc-login-page {
  min-height: 100svh !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: auto !important;
  display: block !important;
  padding: clamp(14px, 3vw, 34px) !important;
  background: radial-gradient(
      circle at 12% 12%,
      rgba(49, 95, 213, 0.11),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 86%,
      rgba(15, 118, 110, 0.08),
      transparent 30%
    ),
    linear-gradient(145deg, var(--tc-color-surface-subtle), #edf2f8) !important;
}
.tc-login-layout {
  min-height: calc(100svh - clamp(28px, 6vw, 68px)) !important;
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
}
.tc-login-card {
  width: min(100%, 460px) !important;
  margin: 0 auto !important;
  padding: clamp(22px, 4vw, 32px) !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: 22px !important;

  text-align: start !important;
}
.tc-login-language {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  width: 100% !important;
  margin: 0 0 22px !important;

  border: 1px solid #e5eaf1 !important;
}
html[dir="ltr"] .tc-login-language {
  justify-content: flex-start !important;
}
.tc-login-language a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-decoration: none !important;
}

.tc-login-brand {
  display: flex !important;

  width: 100% !important;
  margin: 0 0 24px !important;
}
.tc-login-brand > div {
  min-width: 0 !important;
}
.tc-brand-mark-large {
  width: 52px !important;
  height: 52px !important;
  border-radius: 15px !important;
  font-size: 17px !important;
  background: linear-gradient(145deg, #2f7b79, #2f7b79) !important;
}
.tc-login-brand strong {
  display: block !important;
  margin: 0 !important;
}
.tc-login-brand small {
  display: block !important;
}
.tc-login-intro {
  width: 100% !important;
  margin: 0 !important;
}
.tc-login-intro h1 {
  margin: 0 0 8px !important;
}
.tc-login-intro p {
  margin: 0 0 22px !important;
}
.tc-login-form {
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
}
.tc-login-form label {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
.tc-login-form label > span {
  display: block !important;
  margin: 0 0 7px !important;
  color: #214f4e !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 700 !important;
}
.tc-login-form .tc-input-shell {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.tc-login-form input {
  width: 100% !important;
  height: 50px !important;
  margin: 0 !important;
  padding-inline-start: 44px !important;
  padding-inline-end: 48px !important;
  border: 1px solid var(--tc-color-field-border) !important;
  border-radius: 11px !important;
  outline: 0 !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  box-shadow: none !important;
  font-size: var(--tc-font-size-sm) !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease !important;
}
.tc-login-form input:focus {
  border-color: var(--tc-color-primary) !important;
  box-shadow: var(--tc-focus-ring) !important;
}
.tc-input-icon {
  position: absolute !important;
  inset-inline-start: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--tc-color-disabled-text) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.tc-input-icon .tc-icon {
  width: 18px !important;
  height: 18px !important;
}
.tc-password-toggle {
  position: absolute !important;
  inset-inline-end: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--tc-color-muted) !important;
  cursor: pointer !important;
}
.tc-password-toggle:hover,
.tc-password-toggle:focus-visible {
  background: var(--tc-color-action-bg) !important;
  color: var(--tc-color-action-text) !important;
  outline: 0 !important;
}
.tc-password-toggle .tc-icon {
  width: 18px !important;
  height: 18px !important;
}
.tc-login-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 2px 0 0 !important;
  padding: 10px 16px !important;
  border: 1px solid var(--tc-color-primary) !important;
  border-radius: 11px !important;
  background: var(--tc-color-primary) !important;
  color: var(--tc-color-surface) !important;
  box-shadow: 0 10px 22px rgba(49, 95, 213, 0.22) !important;
  font-size: var(--tc-font-size-sm) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.tc-login-button:hover {
  filter: brightness(0.97) !important;
}
.tc-login-button:disabled {
  opacity: 0.7 !important;
  cursor: wait !important;
  transform: none !important;
}
.tc-button-loading {
  align-items: center !important;
}
.tc-button-loading i {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(255, 255, 255, 0.45) !important;
  border-top-color: var(--tc-color-surface) !important;
  border-radius: 50% !important;
  animation: tc-spin 0.7s linear infinite !important;
}
@keyframes tc-spin {
  to {
    transform: rotate(360deg);
  }
}
.tc-login-success,
.tc-login-error {
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 17px !important;
  padding: 12px 13px !important;
  border-radius: 11px !important;
  font-size: var(--tc-font-size-xs) !important;
}
.tc-login-success {
  border: 1px solid #a9e6c4 !important;
  background: #effaf4 !important;
  color: #087443 !important;
}
.tc-login-error {
  border: 1px solid #f0bbb7 !important;
  background: #fff4f3 !important;
  color: var(--tc-color-danger) !important;
}
.tc-login-success p,
.tc-login-error p {
  margin: 0 !important;
}
.tc-login-security {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 22px 0 0 !important;
  color: #7a8699 !important;
  font-size: 11px !important;
  text-align: center !important;
}
.tc-login-security .tc-icon {
  width: 16px !important;
  height: 16px !important;
}
.tc-sidebar-brand .tc-brand-mark {
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--tc-radius-md) !important;
  background: linear-gradient(145deg, #2f7b79, #2f7b79) !important;
  font-size: var(--tc-font-size-md) !important;
}
.tc-sidebar-brand > div {
  min-width: 0 !important;
}
.tc-sidebar-brand strong {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.tc-sidebar-brand small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.tc-mobile-menu {
  display: none !important;
}
.tc-topbar {
  min-width: 0 !important;
}
.tc-topbar-start {
  overflow: hidden !important;
}
.tc-topbar-actions {
  margin-inline-start: auto !important;
}
.tc-main-scroll {
  -webkit-overflow-scrolling: touch !important;
}
.tc-main {
  min-width: 0 !important;
}
.tc-main .wrap,
.tc-main .tc-wrap,
.tc-main form,
.tc-main section,
.tc-main article {
  min-width: 0 !important;
}
.tc-main .tc-table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.tc-main table {
  max-width: none !important;
}
.tc-main input[type="text"],
.tc-main input[type="number"],
.tc-main input[type="password"],
.tc-main input[type="email"],
.tc-main input[type="url"],
.tc-main input[type="datetime-local"],
.tc-main select,
.tc-main textarea {
  max-width: 100% !important;
}
.tc-main textarea {
  resize: vertical !important;
}
.tc-main .notice {
  margin: 0 0 16px !important;
}
.tc-main .button,
.tc-user-dropdown .button {
  white-space: normal !important;
  text-align: center !important;
}
.tc-modal[hidden] {
  display: none !important;
}
.tc-modal-card h2 {
  margin: 0 0 8px !important;
  font-size: 20px !important;
}
.tc-modal-card p {
  margin: 0 0 20px !important;
  color: var(--tc-color-muted) !important;
  line-height: 1.75 !important;
}
.tc-modal-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
.tc-modal-actions form {
  margin: 0 !important;
}
@media (max-width: 1180px) {
  :root {
    --tc-sidebar-width: var(--tc-sidebar-width-compact);
  }
  .tc-main {
    padding: 20px 18px 42px !important;
  }
  .tc-page-heading p {
    max-width: 42vw !important;
  }
}
@media (max-width: 960px) {
  :root {
    --tc-topbar-height: var(--tc-topbar-height-compact);
  }
  body.tc-standalone {
    overflow: hidden !important;
  }
  .tc-sidebar {
    width: min(86vw, 310px) !important;
    max-width: 310px !important;
    transition: transform 0.22s ease !important;
    box-shadow: 0 20px 60px rgba(16, 24, 40, 0.32) !important;
  }
  html[dir="rtl"] .tc-sidebar {
    right: 0 !important;
    left: auto !important;
    transform: translateX(105%) !important;
  }
  html[dir="ltr"] .tc-sidebar {
    left: 0 !important;
    right: auto !important;
    transform: translateX(-105%) !important;
  }
  body.tc-sidebar-open .tc-sidebar {
    transform: translateX(0) !important;
  }
  body.tc-sidebar-open .tc-sidebar-overlay {
    display: block !important;
  }
  html[dir="rtl"] .tc-app,
  html[dir="ltr"] .tc-app {
    margin: 0 !important;
  }
  .tc-sidebar-close {
    display: grid !important;
  }
  .tc-mobile-menu {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid var(--tc-color-border) !important;
    border-radius: var(--tc-radius-sm) !important;
    background: var(--tc-color-surface) !important;
    color: #214f4e !important;
    box-shadow: 0 2px 8px rgba(16, 24, 40, 0.05) !important;
  }
  .tc-mobile-menu .tc-icon {
    width: 21px !important;
    height: 21px !important;
  }
  .tc-nav-flyout {
    display: none !important;
  }
  .tc-nav-group > summary {
    min-height: 42px !important;
  }
  .tc-nav-items {
    display: grid !important;
    gap: 4px !important;
    padding: 4px 6px 8px 38px !important;
  }
  html[dir="rtl"] .tc-nav-items {
    padding: 4px 38px 8px 6px !important;
  }
  .tc-nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    color: #b8c3d1 !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }
  .tc-nav-link.is-active {
    background: var(--tc-color-primary) !important;
    color: var(--tc-color-surface) !important;
  }
  .tc-nav-group:not([open]) > .tc-nav-items {
    display: none !important;
  }
  .tc-nav-group[open] .tc-nav-chevron {
    transform: rotate(180deg) !important;
  }
  .tc-topbar {
    padding: 8px 12px !important;
    gap: 10px !important;
  }
  .tc-page-heading h1 {
    font-size: 17px !important;
  }
  .tc-page-heading p {
    max-width: 48vw !important;
  }
  .tc-health-link {
    display: none !important;
  }
  .tc-main {
    padding: 16px 12px 34px !important;
  }
  .tc-chat-layout {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  .tc-chat-customers {
    max-height: 360px !important;
  }
  .tc-chat-panel {
    min-height: 520px !important;
  }
}
@media (max-width: 700px) {
  .tc-topbar {
    min-height: 64px !important;
  }
  .tc-topbar-start {
    gap: 8px !important;
  }
  .tc-page-heading h1 {
    font-size: 15px !important;
  }
  .tc-page-heading p {
    display: none !important;
  }
  .tc-user-menu > summary {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 3px !important;
  }
  .tc-user-avatar {
    width: 34px !important;
    height: 34px !important;
  }
  .tc-user-copy,
  .tc-user-arrow {
    display: none !important;
  }
  .tc-user-dropdown {
    position: fixed !important;
    inset-inline: 10px !important;
    top: 72px !important;
    width: auto !important;
    max-height: calc(100svh - 84px) !important;
    overflow: auto !important;
  }
  .tc-main {
    padding: 12px 8px 28px !important;
  }
  .tc-main .tc-card,
  .tc-main .tc-settings-card {
    margin-bottom: 12px !important;
  }
  .tc-main .tc-table-wrap {
    padding: 14px !important;
    border-radius: var(--tc-radius-md) !important;
    margin-bottom: 12px !important;
  }
  .tc-main .tc-stats,
  .tc-main .tc-mini-stats,
  .tc-main .tc-form-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .tc-main .tc-section-head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .tc-main .button,
  .tc-main button,
  .tc-main input[type="submit"] {
    max-width: 100% !important;
  }
  .tc-form-actions,
  .tc-save-bar {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .tc-form-actions .button,
  .tc-save-bar .button {
    width: 100% !important;
  }
  .tc-main table.widefat {
    min-width: 680px !important;
  }

  .tc-modal-card {
    padding: 20px 16px !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  .tc-modal-actions {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
  }
  .tc-modal-actions form,
  .tc-modal-actions .button {
    width: 100% !important;
  }
  .tc-modal-actions form .button {
    width: 100% !important;
  }
  body.tc-login-page {
    padding: 12px !important;
  }
  .tc-login-layout {
    min-height: calc(100svh - 24px) !important;
  }
  .tc-login-card {
    padding: 20px 16px !important;
    border-radius: 17px !important;
  }
  .tc-login-language {
    margin-bottom: 18px !important;
  }
  .tc-login-brand {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 420px) {
  .tc-mobile-menu {
    width: 39px !important;
    height: 39px !important;
    flex-basis: 39px !important;
  }
  .tc-page-heading h1 {
    font-size: var(--tc-font-size-md) !important;
  }
  .tc-main {
    padding-inline: 6px !important;
  }
  .tc-main .tc-card,
  .tc-main .tc-settings-card,
  .tc-main .tc-table-wrap {
    padding: 12px !important;
  }
  .tc-login-card {
    padding: 18px 14px !important;
  }
  .tc-login-language a {
    flex: 1 1 0 !important;
    padding-inline: 7px !important;
  }
  .tc-login-brand strong {
    font-size: 19px !important;
  }
  .tc-login-intro h1 {
    font-size: 23px !important;
  }
}

.tc-main code {
  font-variant-numeric: tabular-nums;
}

.tc-main kbd,
.tc-main pre,
.tc-chat-customer code,
.tc-chat-person code {
  font-family: var(--tc-font-ui) !important;
  font-variant-numeric: tabular-nums;
}
.tc-main a:not(.button):not(.tc-nav-link):not(.tc-chat-customer) {
  color: var(--tc-color-primary);
  text-decoration: none;
  text-underline-offset: 3px;
}
.tc-main a:not(.button):not(.tc-nav-link):not(.tc-chat-customer):hover {
  color: var(--tc-color-primary-hover);
  text-decoration: underline;
}
.tc-main h1,
.tc-main h2,
.tc-main h3,
.tc-main h4,
.tc-main label,
.tc-main th,
.tc-main strong {
  letter-spacing: 0 !important;
}
.tc-main h2 {
  line-height: 1.55 !important;
}
.tc-main p {
  line-height: 1.75 !important;
}
.tc-main label {
  color: #214f4e !important;
  font-weight: 700 !important;
}
.tc-main .help,
.tc-main .hint {
  color: #7a8699 !important;
}
.tc-chat-layout {
  align-items: stretch !important;
}
.tc-main .tc-chat-customers,
.tc-main .tc-chat-panel {
  border: 1px solid var(--tc-line) !important;
  border-radius: var(--tc-radius) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: var(--tc-shadow) !important;
}
.tc-chat-customers {
  display: flex !important;
  flex-direction: column !important;
}
.tc-chat-list-head {
  padding: 18px 18px 11px !important;
  border-bottom: 1px solid #edf0f4 !important;
  background: var(--tc-color-surface) !important;
}
.tc-chat-list-head h2 {
  margin: 0 0 4px !important;
  color: var(--tc-color-heading) !important;
  font-size: var(--tc-font-size-lg) !important;
}
.tc-chat-list-head p {
  margin: 0 !important;
  font-size: 10.5px !important;
}
.tc-chat-customer-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;

  background: var(--tc-color-surface) !important;
  scrollbar-width: thin;
  scrollbar-color: #c2cad6 transparent;
}
.tc-chat-customer-list::-webkit-scrollbar,
.tc-chat-messages::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.tc-chat-customer-list::-webkit-scrollbar-thumb,
.tc-chat-messages::-webkit-scrollbar-thumb {
  background: #c2cad6;
  border: 2px solid transparent;
  border-radius: var(--tc-radius-pill);
  background-clip: padding-box;
}
.tc-chat-customer {
  min-height: 60px !important;
  margin: 0 0 5px !important;

  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease !important;
}
.tc-chat-customer:hover {
  border-color: #e2e8f0 !important;

  color: var(--tc-color-heading) !important;
  text-decoration: none !important;
}
.tc-chat-customer.is-active {
  color: var(--tc-color-primary-hover) !important;
  box-shadow: inset 3px 0 0 var(--tc-color-primary) !important;
}
html[dir="rtl"] .tc-chat-customer.is-active {
  box-shadow: inset -3px 0 0 var(--tc-color-primary) !important;
}
.tc-chat-avatar {
  box-shadow: none !important;
}
.tc-chat-avatar-large {
  width: 46px !important;
  height: 46px !important;
  border-radius: var(--tc-radius-lg) !important;
  font-size: 15px !important;
}
.tc-chat-customer-copy {
  flex-direction: column !important;
}
.tc-chat-customer-copy strong {
  font-weight: 800 !important;
}

.tc-chat-customer-copy code {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--tc-color-muted) !important;
  font-size: inherit !important;
}
.tc-chat-customer time {
  padding-top: 3px !important;
}
.tc-chat-panel {
  min-width: 0 !important;
}

.tc-chat-person h2 {
  color: var(--tc-color-heading) !important;
}
.tc-chat-messages {
  display: flex !important;
  flex-direction: column !important;
}
.tc-chat-bubble {
  width: fit-content !important;

  color: #214f4e !important;
}
.tc-chat-bubble.is-out {
  border-end-end-radius: 5px !important;
}
.tc-chat-bubble.is-in {
  border-end-start-radius: 5px !important;
  background: var(--tc-color-surface) !important;
}
.tc-chat-bubble.is-system {
  border-color: #e2e7ef !important;

  color: var(--tc-color-muted) !important;
}
.tc-chat-bubble-top {
  color: var(--tc-color-muted) !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
}
.tc-chat-bubble-body {
  overflow-wrap: anywhere !important;
  white-space: pre-wrap !important;
}

.tc-chat-empty,
.tc-chat-start {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 7px !important;
  min-height: 420px !important;
  padding: 30px !important;
  color: #7a8699 !important;
  text-align: center !important;
}

.tc-chat-empty h2,
.tc-chat-start strong {
  margin: 0 !important;
  color: #214f4e !important;
  font-size: var(--tc-font-size-lg) !important;
  font-weight: 800 !important;
}
.tc-chat-empty p,
.tc-chat-start span {
  max-width: 520px !important;
  margin: 0 !important;
  color: #7a8699 !important;
  font-size: 10.5px !important;
  line-height: 1.8 !important;
}
.tc-chat-empty-icon {
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: var(--tc-radius-2xl) !important;
  background: #e9efff !important;
  font-size: 26px !important;
}
.tc-main .notice,
.tc-main .tc-system-note {
  line-height: 1.8 !important;
}
@media (max-width: 960px) {
  .tc-chat-customer {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
  }
  .tc-chat-panel-head {
    align-items: flex-start !important;
  }
}
@media (max-width: 700px) {
  .tc-chat-panel-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .tc-chat-messages {
    padding: 14px 10px !important;
  }
  .tc-chat-bubble {
    max-width: 92% !important;
  }
}
html[lang="ar"],
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] table,
html[lang="ar"] summary {
  font-family: var(--tc-font-ui) !important;
  font-synthesis: none;
  letter-spacing: 0 !important;
}
html[lang="en"],
html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] table,
html[lang="en"] summary {
  font-family: var(--tc-font-ui) !important;
  font-synthesis: none;
}
.tc-login-language {
  padding: 5px !important;
  border-color: var(--tc-color-border) !important;
}
.tc-login-language a {
  min-height: 33px !important;
  padding: 6px 14px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #596579 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.tc-login-language a.is-active {
  border-color: #e1e7f0 !important;
  background: var(--tc-color-surface) !important;
  color: #2f7b79 !important;
  box-shadow: 0 3px 10px rgba(16, 24, 40, 0.06) !important;
}
.tc-login-brand {
  align-items: center !important;
  gap: 12px !important;
}
.tc-login-brand strong {
  color: #214f4e !important;
}
.tc-login-brand small {
  margin-top: 2px !important;

  font-weight: 400 !important;
}
.tc-login-intro h1 {
  margin-bottom: 7px !important;
}
.tc-login-intro p {
  margin-bottom: 22px !important;

  font-weight: 400 !important;
}
.tc-main .tc-stat {
  display: flex !important;

  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  border-color: #dbe3ee !important;
  border-radius: 15px !important;
  background: linear-gradient(
    180deg,
    var(--tc-color-surface) 0%,
    #fbfcfe 100%
  ) !important;
  box-shadow: 0 8px 22px rgba(16, 24, 40, 0.045) !important;
  text-align: center !important;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease !important;
}
.tc-main .tc-stat::before {
  content: "" !important;
  position: absolute !important;

  background: linear-gradient(
    90deg,
    var(--tc-color-primary),
    #347573
  ) !important;
  opacity: 0.9 !important;
}
.tc-main .tc-stat:hover {
  transform: translateY(-1px) !important;
  border-color: #cbd7e8 !important;
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.07) !important;
}
.tc-main .tc-stat strong {
  display: block !important;
  margin: 0 !important;

  font-variant-numeric: tabular-nums !important;
}
.tc-main .tc-stat span {
  display: block !important;
  margin: 0 !important;
}
.tc-message-actions {
  flex: 0 0 auto !important;
}
.tc-message-actions > summary {
  margin: 0 !important;
  user-select: none !important;
}
.tc-message-actions > summary::before,
.tc-message-actions > summary::after {
  content: none !important;
  display: none !important;
}
.tc-message-actions > summary:hover,
.tc-message-actions[open] > summary {
  outline: 0 !important;
}
.tc-message-actions > summary:focus-visible {
  border-color: #d9e1ec !important;
  background: #f2f5f9 !important;
  color: var(--tc-color-primary) !important;
  outline: 0 !important;
}
.tc-page-heading h1,
.tc-chat-list-head h2,
.tc-chat-person h2 {
  letter-spacing: 0 !important;
  font-weight: 800 !important;
}
.tc-page-heading p,
.tc-chat-list-head p {
  color: #748096 !important;
  font-weight: 400 !important;
}
.tc-chat-person p {
  font-weight: 400 !important;
}
.tc-main table th {
  color: #214f4e !important;
  font-weight: 800 !important;
}
.tc-main table td {
  color: #2f7b79 !important;
  font-weight: 400 !important;
}
@media (max-width: 640px) {
  .tc-login-intro h1 {
    font-size: 25px !important;
  }
  .tc-main .tc-stat {
    min-height: 88px !important;
    padding: 14px 12px !important;
  }
  .tc-main .tc-stat strong {
    font-size: 22px !important;
  }
}
html body.tc-standalone *,
html body.tc-login-page * {
  font-family: var(--tc-font-ui) !important;
  font-synthesis: none;
  letter-spacing: 0 !important;
}
.tc-main,
.tc-main input,
.tc-main select,
.tc-main textarea,
.tc-main button,
.tc-main table,
.tc-main summary,
.tc-main code {
  font-family: var(--tc-font-ui) !important;
}
.tc-main .tc-card,
.tc-main .tc-settings-card,
.tc-main .tc-list-card,
.tc-main .tc-template-card,
.tc-main .tc-reset-card {
  border: 1px solid #dde5ef !important;
  background: var(--tc-color-surface) !important;
}
.tc-main .tc-table-wrap,
.tc-main .tc-external-gateway-card,
.tc-main .tc-subscription-panel {
  border: 1px solid #dde5ef !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.05) !important;
}
.tc-main .tc-external-gateway-card,
.tc-main .tc-subscription-panel {
  padding: 20px !important;
}
.tc-main .tc-section-head {
  display: flex !important;

  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #edf1f5 !important;
}
.tc-main .tc-section-head h2,
.tc-main .tc-card > h2 {
  margin: 0 !important;
  color: var(--tc-color-heading) !important;
  font-weight: 800 !important;
}
.tc-main .tc-section-head p,
.tc-main .tc-card > p,
.tc-main .description {
  color: #6f7b8f !important;
  font-weight: 400 !important;
}
.tc-main input[type="text"],
.tc-main input[type="number"],
.tc-main input[type="password"],
.tc-main input[type="email"],
.tc-main input[type="url"],
.tc-main input[type="search"],
.tc-main input[type="datetime-local"],
.tc-main select,
.tc-main textarea {
  border: 1px solid #d4dde9 !important;

  box-shadow: none !important;
}
.tc-main input:focus,
.tc-main select:focus,
.tc-main textarea:focus {
  border-color: #347573 !important;
  box-shadow: 0 0 0 3px rgba(49, 95, 213, 0.11) !important;
  outline: 0 !important;
}

.tc-main .button-primary {
  background: var(--tc-color-button-secondary-bg) !important;
  border-color: var(--tc-color-button-secondary-border) !important;
  color: var(--tc-color-button-secondary-text) !important;
}
.tc-main .button-danger,
.tc-main .button-link-delete {
  border-color: #efc0bc !important;
  background: #fff5f4 !important;
  color: var(--tc-color-danger) !important;
}
.tc-main .tc-table-wrap {
  overflow: auto !important;
  padding: 0 !important;
}
.tc-main table.widefat {
  border: 0 !important;
  border-radius: 15px !important;
  overflow: hidden !important;
}
.tc-main .widefat th {
  background: var(--tc-color-surface-subtle) !important;
  color: #214f4e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
.tc-main .widefat td {
  color: #2f7b79 !important;
  font-size: 10.5px !important;
  line-height: 1.7 !important;
}
.tc-main .widefat tbody tr:last-child td {
  border-bottom: 0 !important;
}
.tc-main .tc-stat strong {
  color: #2f7b79 !important;

  font-weight: 800 !important;
  line-height: 1.1 !important;
}
.tc-main .tc-stat span {
  color: #5e6b80 !important;

  font-weight: 700 !important;
  line-height: 1.6 !important;
}
.tc-login-card {
  border-color: var(--tc-color-border) !important;
  background: linear-gradient(
    180deg,
    var(--tc-color-surface) 0%,
    #fefeff 100%
  ) !important;
  box-shadow: 0 26px 68px rgba(16, 24, 40, 0.13) !important;
}
.tc-login-language {
  margin-bottom: 24px !important;
  border-radius: 11px !important;
  background: var(--tc-color-canvas) !important;
}
.tc-login-brand {
  position: relative !important;
  margin-bottom: 24px !important;
  padding: 2px 0 !important;
}
.tc-login-brand strong {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
.tc-login-brand small {
  color: #7c8799 !important;
  font-size: 10px !important;
  line-height: 1.7 !important;
}
.tc-login-intro h1 {
  color: #214f4e !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}
.tc-login-intro p {
  color: #6d788b !important;
  font-size: 11.5px !important;
  line-height: 1.9 !important;
}
.tc-chat-avatar {
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.tc-chat-customer.is-active {
  border-color: #bfcfff !important;
  background: #f0f4ff !important;
}

.tc-chat-customer time {
  line-height: 1.5 !important;
}

.tc-chat-bubble footer {
  line-height: 1.5 !important;
}
.tc-chat-bubble-top {
  position: relative !important;
  margin-bottom: 3px !important;
}
.tc-message-actions {
  display: block !important;

  margin-inline-start: auto !important;
}
.tc-message-actions > summary {
  position: absolute !important;
  inset: 0 !important;

  line-height: 0 !important;
}
.tc-message-actions > summary::marker {
  content: "" !important;
  font-size: 0 !important;
}
.tc-message-actions[open] > summary {
  border-color: var(--tc-color-border) !important;
  background: #f3f6fa !important;
  color: var(--tc-color-primary) !important;
}
.tc-main .notice,
.tc-main .tc-note,
.tc-main .tc-system-note,
.tc-main .tc-empty-state,
.tc-main .tc-chat-closed-note {
  border: 1px solid #dde5ef !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  color: #5f6b7d !important;
  box-shadow: 0 5px 16px rgba(16, 24, 40, 0.035) !important;
}
@media (max-width: 700px) {
  .tc-main .tc-card,
  .tc-main .tc-settings-card,
  .tc-main .tc-list-card,
  .tc-main .tc-template-card,
  .tc-main .tc-external-gateway-card,
  .tc-main .tc-subscription-panel,
  .tc-main .tc-reset-card {
    padding: 14px !important;
    border-radius: var(--tc-radius-md) !important;
  }
  .tc-login-intro h1 {
    font-size: 25px !important;
  }
}
.tc-main {
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.75 !important;
}
.tc-main h4,
.tc-main strong,
.tc-main button,
.tc-main .button {
  text-rendering: optimizeLegibility !important;
}
.tc-main .tc-card > h2,
.tc-main .tc-section-head h2 {
  font-size: 17px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}
.tc-main .tc-card > p,
.tc-main .tc-section-head p,
.tc-main .description {
  font-size: 11.5px !important;
  line-height: 1.9 !important;
}
.tc-main small {
  font-size: 10px !important;
  line-height: 1.75 !important;
  color: #7b8798 !important;
}
.tc-main .tc-card,
.tc-main .tc-settings-card,
.tc-main .tc-list-card,
.tc-main .tc-template-card,
.tc-main .tc-subscription-slot,
.tc-main .tc-schedule-card,
.tc-main .tc-reset-card {
  border-color: var(--tc-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  box-shadow: 0 8px 28px rgba(16, 24, 40, 0.055) !important;
}
.tc-account-card {
  border-color: var(--tc-border) !important;
  box-shadow: 0 8px 28px rgba(16, 24, 40, 0.055) !important;
}
.tc-main .tc-card,
.tc-main .tc-settings-card,
.tc-main .tc-list-card,
.tc-main .tc-template-card,
.tc-main .tc-reset-card {
  padding: var(--tc-card-pad) !important;
}
.tc-main .tc-section-head {
  min-height: 0 !important;

  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
}
.tc-main .tc-section-head > div:first-child {
  min-width: 0 !important;
}
.tc-main input[type="text"],
.tc-main input[type="number"],
.tc-main input[type="password"],
.tc-main input[type="email"],
.tc-main input[type="url"],
.tc-main input[type="search"],
.tc-main input[type="datetime-local"] {
  padding: 10px 13px !important;
  border-color: #cfd9e6 !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-text) !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.65 !important;
}
.tc-main select,
.tc-main textarea {
  padding: 10px 13px !important;
  border-color: #cfd9e6 !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-text) !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.65 !important;
}

.tc-main select {
  padding-inline-end: 38px !important;
  background-color: var(--tc-color-surface) !important;
}
.tc-main input::placeholder,
.tc-main textarea::placeholder {
  color: var(--tc-color-disabled-text) !important;
  opacity: 1 !important;
}
.tc-main input:disabled,
.tc-main select:disabled,
.tc-main textarea:disabled {
  background: #f3f5f8 !important;
  color: var(--tc-color-disabled-text) !important;
}
.tc-main input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #b9c5d4 !important;
  border-radius: 6px !important;
  background: var(--tc-color-surface) !important;
  display: inline-grid !important;
  place-items: center !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.tc-main input[type="checkbox"]::before {
  content: "" !important;
  border-inline-start: 2px solid var(--tc-color-surface) !important;

  transition: transform 0.12s ease !important;
}
.tc-main input[type="checkbox"]:checked {
  background: var(--tc-color-primary) !important;
  border-color: var(--tc-color-primary) !important;
}

.tc-main input[type="checkbox"]:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 4px var(--tc-focus-ring-color) !important;
}
.tc-main .tc-checks label,
.tc-main .tc-checkbox-card {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}
.tc-toggle-card {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 40px !important;
  padding: 6px 10px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface-subtle) !important;
  cursor: pointer !important;
}
.tc-toggle-card > input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.tc-toggle-ui {
  position: relative !important;
  width: 39px !important;
  height: 22px !important;
  flex: 0 0 39px !important;
  border-radius: var(--tc-radius-pill) !important;
  background: #cbd5e1 !important;
  transition: background 0.16s ease !important;
}
.tc-toggle-ui::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  inset-inline-start: 3px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 2px 5px rgba(16, 24, 40, 0.22) !important;
  transition: transform 0.16s ease !important;
}
.tc-toggle-card > input:checked + .tc-toggle-ui {
  background: #1f9d62 !important;
}
.tc-toggle-card > input:checked + .tc-toggle-ui::after {
  transform: translateX(17px) !important;
}
html[dir="ltr"] .tc-toggle-card > input:checked + .tc-toggle-ui::after {
  transform: translateX(17px) !important;
}
html[dir="rtl"] .tc-toggle-card > input:checked + .tc-toggle-ui::after {
  transform: translateX(-17px) !important;
}
.tc-toggle-card > span:last-child {
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #214f4e !important;
}
.tc-main button {
  min-height: 41px !important;
  padding: 9px 15px !important;
  border-radius: var(--tc-radius-sm) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.tc-account-page {
  display: grid !important;
  place-items: start center !important;
  padding: 10px 0 32px !important;
}

.tc-account-card-head {
  display: flex !important;
  border-bottom: 1px solid #e9eef4 !important;
}
.tc-account-icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 13px !important;
  background: #eef3ff !important;
  color: var(--tc-color-primary) !important;
}
.tc-account-icon .tc-icon {
  width: 23px !important;
  height: 23px !important;
}
.tc-account-heading {
  min-width: 0 !important;
}
.tc-account-heading h2 {
  margin: 0 0 5px !important;
  color: var(--tc-color-heading) !important;
}
.tc-account-heading p {
  margin: 0 !important;
  color: var(--tc-color-muted) !important;
}
.tc-account-form label {
  display: grid !important;
  gap: 7px !important;
}
.tc-account-form label > span {
  margin: 0 !important;
}
.tc-account-form .tc-password-field input {
  height: 48px !important;
  padding-inline-start: 14px !important;
  padding-inline-end: 52px !important;
}
.tc-account-form .tc-form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 4px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e9eef4 !important;
}
.tc-account-form .tc-form-actions .button {
  min-width: 126px !important;
}
.tc-main .tc-stats,
.tc-main .tc-mini-stats {
  padding-top: 4px !important;
  align-items: stretch !important;
}
.tc-main .tc-stat {
  position: relative !important;
  overflow: hidden !important;
  min-height: 104px !important;
  padding: 18px 16px !important;
  border-top: 0 !important;
}
.tc-main .tc-stat::before {
  inset-inline: 14px !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 0 0 999px 999px !important;
}
.tc-main .tc-stat strong {
  font-size: 25px !important;
  margin-top: 2px !important;
}
.tc-main .tc-stat span {
  font-size: 11px !important;
  margin-top: 9px !important;
}

.tc-users-table th,
.tc-users-table td {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
.tc-users-table th:first-child,
.tc-users-table td:first-child {
  min-width: 190px !important;
  white-space: normal !important;
}
.tc-users-table th:nth-child(8),
.tc-users-table td:nth-child(8) {
  min-width: 430px !important;
}
.tc-users-table th:nth-child(9),
.tc-users-table td:nth-child(9) {
  width: 108px !important;
  min-width: 108px !important;
  text-align: center !important;
}
.tc-template-head {
  align-items: center !important;
}
.tc-template-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
}
.tc-template-head h3 {
  margin: 0 0 5px !important;
  font-size: var(--tc-font-size-md) !important;
  color: var(--tc-color-text) !important;
}
.tc-template-head code {
  display: inline-flex !important;
  padding: 4px 7px !important;
  border-radius: 7px !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-muted) !important;
  font-size: 9.5px !important;
}
.tc-schedule-card {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.55fr) minmax(0, 1.45fr) !important;
  gap: 22px !important;
  align-items: start !important;
  padding: 19px !important;
  margin-top: 18px !important;
  background: #fbfcfe !important;
}
.tc-schedule-copy h3 {
  margin: 0 0 5px !important;
  font-size: var(--tc-font-size-md) !important;
}
.tc-schedule-copy p {
  margin: 0 !important;
  font-size: 10.5px !important;
  color: var(--tc-color-muted) !important;
}
.tc-schedule-controls {
  display: grid !important;
  grid-template-columns: minmax(190px, 0.8fr) minmax(240px, 1.2fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}
.tc-checkbox-card.tc-send-now,
.tc-schedule-field {
  min-height: 92px !important;
  padding: 13px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
}
.tc-checkbox-card.tc-send-now {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.tc-checkbox-card.tc-send-now span {
  margin: 0 !important;
}
.tc-checkbox-card.tc-send-now strong {
  display: block !important;
  font-size: 11.5px !important;
  margin-bottom: 4px !important;
}
.tc-checkbox-card.tc-send-now small,
.tc-schedule-field small {
  display: block !important;
  margin-top: 6px !important;
}
.tc-schedule-field {
  display: grid !important;
  align-content: start !important;
}
.tc-schedule-field.is-disabled {
  opacity: 0.65 !important;
}
.tc-connection-actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
  padding: 14px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 7px 22px rgba(16, 24, 40, 0.04) !important;
}
.tc-connection-actions form {
  margin: 0 !important;
}
.tc-connection-actions .button {
  width: 100% !important;
  min-height: 44px !important;
  white-space: normal !important;
  text-align: center !important;
}
.tc-webhook-card .tc-section-head {
  margin-bottom: 15px !important;
}
.tc-copy-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px !important;
  border: 1px solid #dde5ef !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface-subtle) !important;
}
.tc-copy-field code {
  display: block !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--tc-color-primary) !important;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
  direction: ltr !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.tc-chat-customer {
  border-radius: var(--tc-radius-md) !important;
}

.tc-message-actions {
  width: 30px !important;
  height: 30px !important;
}
.tc-message-actions > summary {
  border-color: #e1e7ef !important;
}
.tc-main .tc-search,
.tc-main .tc-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
  margin-bottom: 15px !important;
}
.tc-main .tc-search input {
  flex: 1 1 280px !important;
  max-width: 520px !important;
}
.tc-main details > summary {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  white-space: normal !important;
}
.tc-main details > summary::marker {
  font-size: 0 !important;
}
@media (max-width: 980px) {
  .tc-account-card {
    width: min(100%, 680px) !important;
  }
  .tc-schedule-card {
    grid-template-columns: 1fr !important;
  }
  .tc-schedule-controls {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 700px) {
  :root {
    --tc-card-pad: var(--tc-card-space-mobile);
  }
  .tc-main {
    font-size: 11.5px !important;
  }
  .tc-main .tc-card > h2,
  .tc-main .tc-section-head h2 {
    font-size: 15px !important;
  }
  .tc-account-page {
    padding-top: 0 !important;
  }
  .tc-account-card {
    padding: 18px 15px !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  .tc-account-card-head {
    align-items: flex-start !important;
    margin-bottom: 18px !important;
  }
  .tc-account-icon {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
  .tc-account-heading h2 {
    font-size: 18px !important;
  }
  .tc-account-form .tc-form-actions {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
  }
  .tc-account-form .tc-form-actions .button {
    width: 100% !important;
  }
  .tc-schedule-controls {
    grid-template-columns: 1fr !important;
  }
  .tc-template-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .tc-template-actions {
    width: 100% !important;
    justify-content: space-between !important;
  }
  .tc-copy-field {
    grid-template-columns: 1fr !important;
  }
  .tc-copy-field .button {
    width: 100% !important;
  }
  .tc-connection-actions {
    grid-template-columns: 1fr !important;
    padding: 11px !important;
  }
  .tc-main .tc-stats,
  .tc-main .tc-mini-stats {
    padding-top: 2px !important;
  }
  .tc-main .tc-stat {
    min-height: 92px !important;
  }
  .tc-chat-customer {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
  }
  .tc-chat-avatar {
    width: 38px !important;
    height: 38px !important;
  }
}
.tc-main input:not([type="checkbox"]):not([type="radio"]),
.tc-account-page input {
  min-height: 44px !important;
  border-radius: var(--tc-radius-sm) !important;
  padding-inline: 13px !important;
  font: inherit !important;
}
.tc-main select,
.tc-main textarea {
  border-radius: var(--tc-radius-sm) !important;
  padding-inline: 13px !important;
  font: inherit !important;
}
.tc-main .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  gap: 7px !important;
}
.tc-account-page
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: var(--tc-radius-sm) !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}
.tc-users-toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}
.tc-users-toolbar .tc-search {
  flex: 1 !important;
  margin: 0 !important;
}
.tc-users-table {
  min-width: 1040px !important;
  table-layout: auto !important;
}
.tc-users-table th,
.tc-users-table td {
  vertical-align: middle !important;
  padding: 13px 14px !important;
}
.tc-users-table th:nth-child(1) {
  min-width: 260px !important;
}
.tc-users-table th:nth-child(3) {
  min-width: 190px !important;
}

.tc-user-identity {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
}
.tc-user-avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  display: grid !important;
  place-items: center !important;
  background: var(--tc-color-primary-soft) !important;
  color: #2f7b79 !important;
  font-weight: 800 !important;
  flex: 0 0 auto !important;
}
.tc-user-identity strong {
  display: block !important;
  font-size: var(--tc-font-size-sm) !important;
}
.tc-user-identity small {
  display: block !important;
  margin-top: 4px !important;
  color: #6f7d91 !important;
}
.tc-user-statuses,
.tc-user-activity {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
}
.tc-balance-stack {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
.tc-balance-stack span {
  border: 1px solid #e1e8f2 !important;
  background: #f8faff !important;
  border-radius: var(--tc-radius-sm) !important;
  padding: 8px 10px !important;
}
.tc-balance-stack small,
.tc-balance-stack strong {
  display: block !important;
}
.tc-balance-stack small {
  font-size: 10px !important;
  color: #718096 !important;
  margin-bottom: 2px !important;
}
.tc-balance-stack strong {
  font-size: var(--tc-font-size-sm) !important;
  color: #214f4e !important;
}
.tc-user-actions > summary {
  width: 38px !important;
  place-items: center !important;
  letter-spacing: 2px !important;
}
.tc-user-balance-form {
  padding-top: 10px !important;
  border-top: 1px solid #edf1f6 !important;
}
.tc-user-balance-form label {
  display: grid !important;
  gap: 5px !important;
}
.tc-user-block-form {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  border-top: 1px solid #edf1f6 !important;
  padding-top: 10px !important;
}
.tc-account-grid {
  margin: 0 auto !important;
}
.tc-account-card {
  margin: 0 !important;
  align-self: start !important;
}
.tc-pin-status {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 11px !important;
  background: #f5f7fb !important;
  border: 1px solid #e1e7f0 !important;
}
.tc-pin-status.is-active {
  background: #effaf3 !important;
  border-color: #b8e5c7 !important;
  color: #14783b !important;
}
.tc-pin-status span {
  font-size: 11px !important;
}

.tc-pin-fields label {
  display: grid !important;
  gap: 6px !important;
}
.tc-log-help {
  margin-bottom: 14px !important;
}
.tc-log-help p {
  margin: 5px 0 0 !important;
  color: #6b778c !important;
}
.tc-logs-table {
  min-width: 980px !important;
}
.tc-logs-table td {
  vertical-align: top !important;
}
.tc-log-message {
  display: block !important;
  margin-top: 5px !important;
  color: #738096 !important;
}
.tc-tech-details summary {
  cursor: pointer !important;
  color: #2f7b79 !important;
  font-weight: 700 !important;
}
.tc-tech-details div {
  margin-top: 8px !important;
  padding: 10px !important;
  background: var(--tc-color-surface-subtle) !important;
  border: 1px solid #e3e9f2 !important;
  border-radius: var(--tc-radius-sm) !important;
}
.tc-tech-details code {
  display: block !important;
  margin-bottom: 7px !important;
}
.tc-tech-details pre {
  white-space: pre-wrap !important;
  word-break: break-word !important;
  margin: 0 !important;
  font-size: 10px !important;
  direction: ltr !important;
  text-align: left !important;
}
@media (max-width: 900px) {
  .tc-users-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .tc-users-toolbar .button {
    width: 100% !important;
  }
  .tc-user-balance-form {
    grid-template-columns: 1fr !important;
  }
  .tc-user-balance-form .tc-full {
    grid-column: auto !important;
  }
}
@media (max-width: 600px) {
  .tc-account-card {
    padding: 17px !important;
  }
  .tc-form-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .tc-form-actions .button {
    width: 100% !important;
  }
}

.tc-pin-status {
  min-height: 58px !important;
  margin-bottom: 16px !important;
}

.tc-pin-fields input {
  height: 48px !important;
  text-align: center !important;
  letter-spacing: 4px !important;
  font-variant-numeric: tabular-nums !important;
}
.tc-template-sections {
  display: grid !important;
  gap: 14px !important;
}
.tc-template-section {
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
  overflow: hidden !important;
}
.tc-template-section > summary {
  min-height: 66px !important;
  padding: 14px 16px !important;
}
.tc-template-section-body {
  padding: 14px !important;
  background: #f8faff !important;
}
.tc-template-card {
  margin: 0 !important;
}
.tc-template-languages {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: start !important;
}
.tc-template-languages textarea {
  min-height: 130px !important;
  resize: vertical !important;
}
@media (max-width: 900px) {
  .tc-account-card {
    min-height: 0 !important;
  }

  .tc-template-languages {
    grid-template-columns: 1fr !important;
  }
}

.tc-account-page {
  margin: 0 auto !important;
}
.tc-account-grid {
  display: grid !important;
  gap: 18px !important;
}
.tc-account-card {
  width: 100% !important;
  min-height: 0 !important;
  padding: 28px !important;
  border-radius: var(--tc-radius-2xl) !important;
}
.tc-account-card-head {
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
  padding-bottom: 18px !important;
}
.tc-account-heading h2 {
  font-size: 22px !important;
  line-height: 1.5 !important;
}
.tc-account-heading p {
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.9 !important;
  margin-top: 4px !important;
}
.tc-account-form {
  display: grid !important;
  gap: 16px !important;
}
.tc-account-form > label,
.tc-pin-fields > label {
  display: grid !important;
  gap: 8px !important;
}

.tc-account-form input {
  width: 100% !important;
  min-height: 48px !important;
}
.tc-form-actions {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--tc-border) !important;
}
.tc-form-actions .button {
  min-width: 150px !important;
}
.tc-login-pin-step .tc-login-card {
  width: min(100%, 470px) !important;
}
.tc-pin-step-form {
  gap: 22px !important;
}
.tc-pin-code-inputs {
  display: grid !important;
  grid-template-columns: repeat(4, 64px) !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 4px 0 2px !important;
}
.tc-pin-code-inputs input {
  width: 64px !important;
  height: 64px !important;
  padding: 0 !important;
  text-align: center !important;
  font-family: var(--tc-font-ui) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  border: 1px solid #cbd7ea !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
  color: #214f4e !important;
  box-shadow: none !important;
}
.tc-pin-code-inputs input:focus {
  border-color: var(--tc-primary) !important;
  box-shadow: 0 0 0 4px rgba(49, 95, 213, 0.12) !important;
  outline: 0 !important;
}
.tc-login-back {
  display: block !important;
  text-align: center !important;
  color: #2f7b79 !important;
  text-decoration: none !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 700 !important;
}
.tc-login-back:hover {
  color: var(--tc-primary) !important;
}
.tc-chat-layout {
  grid-template-columns: minmax(300px, 350px) minmax(0, 1fr) !important;
  gap: 18px !important;
}
.tc-chat-customers,
.tc-chat-panel {
  border: 1px solid #dbe3ef !important;
  border-radius: var(--tc-radius-2xl) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.06) !important;
}
.tc-chat-customer-list {
  padding: 8px !important;
  display: grid !important;
  gap: 7px !important;
}
.tc-chat-customer-row {
  position: relative !important;
  display: grid !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid transparent !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
  transition: 0.18s ease !important;
}
.tc-chat-customer-row:hover {
  background: #f7f9fd !important;
  border-color: #dbe4f3 !important;
}
.tc-chat-customer-row.is-active {
  background: #eef4ff !important;
  border-color: #c9dfdd !important;
  box-shadow: inset -3px 0 0 var(--tc-color-primary) !important;
}
.tc-chat-customer {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 8px 10px 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  color: inherit !important;
  min-width: 0 !important;
}
.tc-chat-customer:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.tc-chat-customer-row.is-active .tc-chat-customer {
  box-shadow: none !important;
}
.tc-chat-avatar {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  background: #eef3ff !important;
  color: var(--tc-color-primary) !important;
  border: 1px solid #d7e1f5 !important;
  font-size: var(--tc-font-size-sm) !important;
  font-weight: 800 !important;
  overflow: hidden !important;
}
.tc-chat-customer-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
.tc-chat-customer-copy strong {
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.55 !important;
  color: #214f4e !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.tc-chat-customer-copy small {
  font-size: 9px !important;
  line-height: 1.6 !important;
  color: #718096 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.tc-chat-customer time {
  font-size: 8px !important;
  color: #8a97aa !important;
  white-space: nowrap !important;
  align-self: end !important;
}
.tc-conversation-actions,
.tc-conversation-head-menu,
.tc-message-actions,
.tc-user-actions {
  position: relative !important;
  z-index: 12 !important;
}
.tc-conversation-actions > summary,
.tc-conversation-head-menu > summary,
.tc-message-actions > summary {
  list-style: none !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid #d8e1ef !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface) !important;
  color: #2f7b79 !important;
  cursor: pointer !important;
  transition: 0.18s ease !important;
}
.tc-conversation-actions > summary::-webkit-details-marker,
.tc-conversation-head-menu > summary::-webkit-details-marker,
.tc-message-actions > summary::-webkit-details-marker,
.tc-user-actions > summary::-webkit-details-marker {
  display: none !important;
}
.tc-conversation-actions > summary:hover,
.tc-conversation-head-menu > summary:hover,
.tc-message-actions > summary:hover {
  background: #eef4ff !important;
  border-color: #b9caf1 !important;
  color: var(--tc-color-primary) !important;
}
.tc-conversation-actions > summary svg,
.tc-conversation-head-menu > summary svg,
.tc-message-actions > summary svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
  stroke: none !important;
}
.tc-chat-panel {
  display: flex !important;
  flex-direction: column !important;
  min-height: 640px !important;
  overflow: hidden !important;
}
.tc-chat-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid #e5eaf2 !important;
  background: var(--tc-color-surface) !important;
}

.tc-chat-person {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.tc-chat-person h2 {
  font-size: var(--tc-font-size-lg) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
.tc-chat-person p {
  font-size: 10px !important;
  line-height: 1.7 !important;
  margin: 3px 0 0 !important;
  color: #718096 !important;
}
.tc-chat-messages {
  flex: 1 1 auto !important;
  min-height: 430px !important;
  max-height: calc(100vh - 300px) !important;
  padding: 20px !important;
  gap: 12px !important;
  background: linear-gradient(180deg, #f8faff 0%, #f4f7fc 100%) !important;
}
.tc-chat-bubble {
  position: relative !important;
  max-width: min(72%, 680px) !important;
  padding: 11px 13px 9px !important;
  border-radius: var(--tc-radius-xl) !important;
  border: 1px solid #dfe6f1 !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 5px 14px rgba(16, 24, 40, 0.045) !important;
}
.tc-chat-bubble.is-in {
  align-self: flex-start !important;
  border-start-start-radius: 6px !important;
}
.tc-chat-bubble.is-out {
  align-self: flex-end !important;
  background: #edf4ff !important;
  border-color: #cadbfa !important;
  border-start-end-radius: 6px !important;
}
.tc-chat-bubble-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 4px !important;
}
.tc-chat-bubble-top > span {
  font-size: 9px !important;
  font-weight: 800 !important;
  color: #2f7b79 !important;
}
.tc-chat-bubble-body {
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.9 !important;
  color: #214f4e !important;
  word-break: break-word !important;
}
.tc-chat-bubble footer {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  justify-content: flex-end !important;
  margin-top: 7px !important;
  font-size: 8px !important;
  color: #8390a3 !important;
}

.tc-user-actions > summary {
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid #cdd8e8 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface) !important;
  color: #214f4e !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.tc-user-actions[open] > summary {
  border-color: var(--tc-color-primary) !important;
  color: var(--tc-color-primary) !important;
  background: #eef4ff !important;
}

@media (max-width: 900px) {
  .tc-chat-layout {
    grid-template-columns: 1fr !important;
  }
  .tc-chat-customers {
    max-height: 360px !important;
  }
  .tc-chat-panel {
    min-height: 560px !important;
  }
  .tc-chat-messages {
    max-height: 55vh !important;
    min-height: 360px !important;
  }
}
@media (max-width: 560px) {
  .tc-account-card {
    padding: 18px !important;
  }
  .tc-form-actions {
    flex-direction: column-reverse !important;
  }
  .tc-form-actions .button {
    width: 100% !important;
    min-width: 0 !important;
  }
  .tc-pin-code-inputs {
    grid-template-columns: repeat(4, 54px) !important;
    gap: 9px !important;
  }
  .tc-pin-code-inputs input {
    width: 54px !important;
    height: 58px !important;
    font-size: 23px !important;
  }
  .tc-chat-bubble {
    max-width: 90% !important;
  }

  .tc-user-balance-form {
    grid-template-columns: 1fr !important;
  }
  .tc-user-balance-form .tc-full {
    grid-column: auto !important;
  }
}
.tc-account-page {
  width: min(100%, 1180px) !important;
}
.tc-account-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.tc-pin-remove-option {
  width: 100% !important;
  min-height: 58px !important;
  padding: 12px 14px !important;
  border: 1px solid #dbe3ef !important;
  border-radius: var(--tc-radius-md) !important;
  background: #f8faff !important;
  align-items: center !important;
  cursor: pointer !important;
}
.tc-pin-remove-option > input {
  flex: 0 0 20px !important;
}
.tc-pin-remove-option > span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}
.tc-pin-remove-option strong {
  font-size: 11.5px !important;
  color: #214f4e !important;
}
.tc-pin-remove-option small {
  font-size: 9.5px !important;
  color: #718096 !important;
  line-height: 1.7 !important;
}
.tc-main input[type="checkbox"]::before {
  width: 6px !important;
  height: 10px !important;
  border: 0 !important;
  border-right: 2px solid var(--tc-color-surface) !important;
  border-bottom: 2px solid var(--tc-color-surface) !important;
  transform: translateY(-1px) rotate(45deg) scale(0) !important;
  transform-origin: center !important;
}
.tc-main input[type="checkbox"]:checked::before {
  transform: translateY(-1px) rotate(45deg) scale(1) !important;
}
.tc-chat-customer-row {
  grid-template-columns: minmax(0, 1fr) !important;
}
.tc-chat-bubble-top {
  min-height: 0 !important;
}
.tc-customer-management-grid {
  display: grid !important;
}

.tc-customer-profile-facts {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
}
.tc-customer-profile-facts > div {
  padding: 11px !important;
  border: 1px solid #e1e7f0 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: #f8faff !important;
}
.tc-customer-profile-facts dt {
  font-size: 9.5px !important;
  color: #718096 !important;
  margin-bottom: 5px !important;
}
.tc-customer-profile-facts dd {
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #214f4e !important;
  word-break: break-word !important;
}
.tc-customer-block-card .tc-user-block-form {
  border-top: 0 !important;
  padding-top: 0 !important;
}
.tc-users-table th:last-child {
  width: auto !important;
  text-align: start !important;
}
.tc-details-hide {
  display: none !important;
}
.tc-tech-details[open] .tc-details-show {
  display: none !important;
}
.tc-tech-details[open] .tc-details-hide {
  display: inline !important;
}
@media (max-width: 900px) {
  .tc-account-grid {
    grid-template-columns: 1fr !important;
  }

  .tc-customer-profile-card {
    grid-row: auto !important;
  }
}
@media (max-width: 720px) {
  .tc-logs-wrap {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }
  .tc-logs-table {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
  }
  .tc-logs-table thead {
    display: none !important;
  }
  .tc-logs-table tbody {
    display: grid !important;
    gap: 12px !important;
  }
  .tc-logs-table tr {
    display: grid !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--tc-color-border) !important;
    border-radius: var(--tc-radius-lg) !important;
    background: var(--tc-color-surface) !important;
    overflow: hidden !important;
    box-shadow: 0 7px 18px rgba(16, 24, 40, 0.045) !important;
  }
  .tc-logs-table td {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
  .tc-logs-table td:last-child {
    border-bottom: 0 !important;
  }
  .tc-logs-table td::before {
    content: attr(data-label) !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #65738a !important;
  }
  .tc-tech-details {
    min-width: 0 !important;
    width: 100% !important;
  }
  .tc-tech-details > summary {
    width: 100% !important;
    justify-content: center !important;
  }
  .tc-tech-details pre {
    max-width: 100% !important;
    overflow: auto !important;
  }
  .tc-customer-profile-facts {
    grid-template-columns: 1fr !important;
  }
}
.tc-customer-management-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.tc-customer-management-grid > .tc-card {
  margin: 0 !important;
}
.tc-customer-profile-card {
  grid-row: auto !important;
  min-height: 330px !important;
  height: 100% !important;
}
.tc-customer-balance-card {
  min-height: 330px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.tc-customer-balance-card .tc-user-balance-form {
  flex: 1 !important;
  align-content: start !important;
}
.tc-customer-block-card {
  grid-column: 1/-1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 132px !important;
}
.tc-customer-block-card .tc-section-head {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.tc-customer-block-card .tc-user-block-form {
  flex: 0 0 auto !important;
  min-width: 220px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.tc-chat-panel-head {
  overflow: visible !important;
}
.tc-chat-panel-head {
  position: relative !important;
  z-index: 30 !important;
}
.tc-account-grid {
  align-items: stretch !important;
}
.tc-account-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.tc-account-card-head {
  min-height: var(--tc-textarea-min-height) !important;
}
.tc-account-card .tc-account-form {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.tc-account-card .tc-form-actions {
  margin-top: auto !important;
  padding-top: 4px !important;
}
.tc-pin-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
@media (max-width: 900px) {
  .tc-customer-management-grid {
    grid-template-columns: 1fr !important;
  }
  .tc-customer-profile-card,
  .tc-customer-balance-card {
    min-height: 0 !important;
    height: auto !important;
  }
  .tc-customer-block-card {
    grid-column: auto !important;
    display: block !important;
    min-height: 0 !important;
  }
  .tc-customer-block-card .tc-user-block-form {
    min-width: 0 !important;
    margin-top: 16px !important;
    justify-content: stretch !important;
  }
  .tc-customer-block-card .tc-user-block-form .button {
    width: 100% !important;
  }
  .tc-account-card {
    height: auto !important;
  }
  .tc-account-card-head {
    min-height: 0 !important;
  }
}
@media (max-width: 600px) {
  .tc-pin-fields {
    grid-template-columns: 1fr !important;
  }
}
.tc-chat-mobile-back {
  display: none !important;
}
.tc-chat-panel-head {
  min-height: 70px !important;
}
.tc-chat-person {
  flex: 1 1 auto !important;
}
.tc-chat-person > div {
  min-width: 0 !important;
}
.tc-chat-person h2,
.tc-chat-person p {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 720px) {
  .tc-main table.tc-responsive-table {
    border: 0 !important;
    background: transparent !important;
  }
  .tc-main table.tc-responsive-table thead {
    display: none !important;
  }

  .tc-main table.tc-responsive-table tr {
    display: block !important;
    border: 1px solid var(--tc-color-border) !important;
    background: var(--tc-color-surface) !important;
    overflow: hidden !important;
    box-shadow: 0 7px 18px rgba(16, 24, 40, 0.045) !important;
  }
  .tc-main table.tc-responsive-table td {
    display: grid !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-align: start !important;
  }
  .tc-main table.tc-responsive-table td:last-child {
    border-bottom: 0 !important;
  }
  .tc-main table.tc-responsive-table td::before {
    content: attr(data-label) !important;
    display: block !important;
    font-weight: 800 !important;
    color: #65738a !important;
  }
  .tc-main table.tc-responsive-table td[data-full-row="1"] {
    display: block !important;
    text-align: center !important;
  }
  .tc-main table.tc-responsive-table td[data-full-row="1"]::before {
    display: none !important;
    content: none !important;
  }
  .tc-main table.tc-responsive-table td[data-responsive-kind="actions"],
  .tc-main .tc-countries-table td:last-child {
    display: block !important;
  }
  .tc-main table.tc-responsive-table td[data-responsive-kind="actions"]::before,
  .tc-main .tc-countries-table td:last-child::before {
    margin-bottom: 9px !important;
  }
  .tc-main table.tc-responsive-table td > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .tc-main table.tc-responsive-table code {
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
  }
  .tc-main table.tc-responsive-table .tc-inline-form,
  .tc-main .tc-countries-table .tc-inline-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 9px !important;
    align-items: stretch !important;
    margin: 0 !important;
  }
  .tc-main
    table.tc-responsive-table
    .tc-inline-form
    input:not([type="checkbox"]):not([type="radio"]),
  .tc-main table.tc-responsive-table .tc-inline-form select,
  .tc-main table.tc-responsive-table .tc-inline-form textarea,
  .tc-main
    .tc-countries-table
    .tc-inline-form
    input:not([type="checkbox"]):not([type="radio"]),
  .tc-main .tc-countries-table .tc-inline-form select,
  .tc-main .tc-countries-table .tc-inline-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .tc-main table.tc-responsive-table .tc-inline-form .button,
  .tc-main .tc-countries-table .tc-inline-form .button {
    width: 100% !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .tc-main .tc-country-alerts {
    width: 100% !important;
    max-width: 100% !important;
  }
  .tc-main .tc-country-alerts > summary {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .tc-main .tc-country-alerts label {
    width: 100% !important;
  }
  .tc-main .tc-toolbar,
  .tc-main .tc-save-bar {
    flex-direction: column !important;
  }
  .tc-main .tc-section-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .tc-main .tc-section-head > * {
    max-width: 100% !important;
  }
  .tc-main .tc-toolbar form,
  .tc-main .tc-toolbar .button,
  .tc-main .tc-search .button,
  .tc-main .tc-search-wide .button {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .tc-main .tc-save-bar .button {
    justify-content: center !important;
    margin: 0 !important;
  }
  .tc-main .tc-mini-stats,
  .tc-main .tc-stats {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
    width: 100% !important;
  }
  .tc-chat-layout {
    display: block !important;
    width: 100% !important;
  }
  .tc-chat-layout.has-selected-conversation .tc-chat-customers {
    display: none !important;
  }
  .tc-chat-layout.has-no-selection .tc-chat-panel {
    display: none !important;
  }
  .tc-chat-layout.has-selected-conversation .tc-chat-panel {
    display: flex !important;
    width: 100% !important;
    min-height: calc(100dvh - 190px) !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  .tc-chat-mobile-back {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    color: #2f7b79 !important;
    text-decoration: none !important;
  }
  .tc-chat-mobile-back:hover {
    background: #edf2f8 !important;
    color: #2f7b79 !important;
  }
  .tc-chat-mobile-back svg {
    width: 22px !important;
    height: 22px !important;
  }
  html[dir="rtl"] .tc-chat-mobile-back svg {
    transform: rotate(180deg) !important;
  }
  .tc-chat-panel-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    min-height: 64px !important;
    padding: 10px 11px !important;
    gap: 7px !important;
  }
  .tc-chat-person {
    gap: 9px !important;
  }
  .tc-chat-avatar-large {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
  .tc-chat-person h2 {
    font-size: var(--tc-font-size-sm) !important;
  }
  .tc-chat-person p {
    font-size: 8.5px !important;
    max-width: 52vw !important;
  }

  .tc-chat-messages {
    min-height: calc(100dvh - 340px) !important;
    max-height: none !important;
    padding: 14px 10px !important;
    gap: 8px !important;
  }
  .tc-chat-bubble {
    max-width: 88% !important;
    padding: 9px 11px 8px !important;
    border-radius: 15px !important;
  }

  .tc-chat-closed-note {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 30 !important;
  }
}
@media (max-width: 430px) {
  .tc-chat-person p {
    max-width: 45vw !important;
  }
}
.tc-main .tc-cron-card .tc-section-head {
  align-items: flex-start !important;
  gap: 14px !important;
}
.tc-main .tc-cron-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 16px !important;
}
.tc-main .tc-cron-summary > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--tc-border, #e4e8ef) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
}
.tc-main .tc-cron-summary span {
  font-size: var(--tc-font-size-xs) !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  font-weight: 700 !important;
}
.tc-main .tc-cron-summary strong {
  font-size: 15px !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere !important;
}
.tc-main .tc-cron-summary small {
  font-size: 11px !important;
  line-height: 1.7 !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  overflow-wrap: anywhere !important;
}
.tc-main .tc-cron-tasks {
  margin-top: 14px !important;
  border: 1px solid var(--tc-border, #e4e8ef) !important;
  border-radius: var(--tc-radius-lg) !important;
  overflow: hidden !important;
}
.tc-main .tc-cron-tasks > summary {
  cursor: pointer !important;
  padding: 13px 15px !important;
  font-weight: 800 !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
}
.tc-main .tc-cron-task-list {
  display: grid !important;
  gap: 0 !important;
}
.tc-main .tc-cron-task {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.8fr) !important;
  gap: 16px !important;
  padding: 13px 15px !important;
  border-top: 1px solid var(--tc-border, #e4e8ef) !important;
}
.tc-main .tc-cron-task > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}
.tc-main .tc-cron-task code {
  font-size: 11px !important;
  overflow-wrap: anywhere !important;
}
.tc-main .tc-cron-task span,
.tc-main .tc-cron-task small {
  font-size: 11px !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  line-height: 1.7 !important;
}
@media (max-width: 900px) {
  .tc-main .tc-cron-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .tc-main .tc-cron-card .tc-section-head {
    display: flex !important;
    flex-direction: column !important;
  }
  .tc-main .tc-cron-card .tc-section-head form,
  .tc-main .tc-cron-card .tc-section-head .button {
    width: 100% !important;
  }
  .tc-main .tc-cron-summary {
    grid-template-columns: 1fr !important;
  }
  .tc-main .tc-cron-task {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}
.tc-nav-attention-badge {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  margin-inline-start: auto !important;
  border-radius: var(--tc-radius-pill) !important;
  background: var(--tc-color-primary) !important;
  color: var(--tc-color-surface) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08) !important;
}
.tc-nav-link-badge {
  margin-inline-start: auto !important;
  flex: 0 0 auto !important;
}
.tc-nav-group > summary .tc-nav-attention-badge {
  margin-inline-start: auto !important;
  margin-inline-end: 4px !important;
}
.tc-chat-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
.tc-chat-list-total {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: var(--tc-radius-pill) !important;
  background: var(--tc-color-primary) !important;
  color: var(--tc-color-surface) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
.tc-chat-customer-row.has-unread .tc-chat-customer-copy strong {
  font-weight: 800 !important;
  color: #214f4e !important;
}
.tc-chat-customer-row.has-unread .tc-chat-customer-copy small {
  font-weight: 700 !important;
  color: #214f4e !important;
}
.tc-chat-row-meta {
  display: grid !important;
  justify-items: end !important;
  align-content: center !important;
  gap: 5px !important;
  min-width: 42px !important;
}
.tc-chat-row-meta time {
  font-size: 8px !important;
  color: #8a97aa !important;
  white-space: nowrap !important;
}
.tc-chat-row-signals {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  min-height: 18px !important;
}
.tc-chat-unread-badge {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 19px !important;
  height: 19px !important;
  padding: 0 5px !important;
  border-radius: var(--tc-radius-pill) !important;
  background: var(--tc-color-primary) !important;
  color: var(--tc-color-surface) !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.tc-chat-waiting-dot {
  display: block !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #f59e0b !important;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.14) !important;
}
.tc-automation-card {
  margin-top: 20px !important;
}
.tc-automation-form {
  display: grid !important;
  gap: 16px !important;
}
.tc-weekday-picker {
  display: grid !important;
  gap: 8px !important;
}
.tc-weekday-picker > span {
  font-size: 10px !important;
}

.tc-weekday-picker label {
  position: relative !important;
  cursor: pointer !important;
}
.tc-weekday-picker input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.tc-weekday-picker label span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid #d7dfeb !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface) !important;
  color: #2f7b79 !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  transition: 0.15s ease !important;
}
.tc-weekday-picker input:checked + span {
  border-color: var(--tc-color-primary) !important;
  background: var(--tc-color-primary-soft) !important;
  color: var(--tc-color-action-text) !important;
  box-shadow: inset 0 0 0 1px var(--tc-color-primary) !important;
}
.tc-automation-table td > strong {
  display: block !important;
}
.tc-automation-table td > small {
  display: block !important;
  margin-top: 4px !important;
  color: #7b8799 !important;
  line-height: 1.7 !important;
}
.tc-error-text {
  color: var(--tc-color-danger) !important;
  white-space: normal !important;
}
.tc-automation-table .tc-row-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.tc-automation-table .tc-row-actions form {
  margin: 0 !important;
}
.tc-automation-table-wrap {
  margin-top: 16px !important;
}
[data-price-country][hidden],
[data-weekdays][hidden],
[data-message-weekdays][hidden],
[data-message-interval][hidden] {
  display: none !important;
}
@media (max-width: 720px) {
  .tc-chat-row-meta {
    min-width: 38px !important;
  }
  .tc-nav-attention-badge {
    min-width: 19px !important;
    height: 19px !important;
    font-size: 8px !important;
  }
  .tc-automation-card {
    padding: 14px !important;
  }
  .tc-weekday-picker > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .tc-weekday-picker label span {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .tc-automation-table .tc-row-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }
  .tc-automation-table .tc-row-actions .button,
  .tc-automation-table .tc-row-actions form {
    width: 100% !important;
  }
}
.tc-main input[type="datetime-local"],
.tc-main input[type="date"],
.tc-main input[type="time"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
}
.tc-chat-customer-row[data-conversation-context],
.tc-chat-panel-head[data-conversation-context],
.tc-chat-bubble[data-message-editable] {
  -webkit-touch-callout: none !important;
}
.tc-chat-bubble[data-message-editable] {
  cursor: context-menu !important;
}
.tc-direct-context-menu {
  position: fixed !important;
  z-index: 100500 !important;
  min-width: 190px !important;
  padding: 7px !important;
  border: 1px solid #dce3ee !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.2) !important;
}
.tc-direct-context-menu[hidden] {
  display: none !important;
}
.tc-direct-context-menu form {
  margin: 0 !important;
}
.tc-direct-context-menu button {
  display: block !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #214f4e !important;
  font: inherit !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 700 !important;
  text-align: start !important;
  cursor: pointer !important;
}
.tc-direct-context-menu button:hover,
.tc-direct-context-menu button:focus-visible {
  background: #eef4ff !important;
  color: #2f7b79 !important;
  outline: none !important;
}
.tc-chat-edit-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100600 !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
  background: rgba(15, 23, 42, 0.48) !important;
}
.tc-chat-edit-modal[hidden] {
  display: none !important;
}
.tc-chat-edit-dialog {
  width: min(560px, 100%) !important;
  max-height: min(84vh, 720px) !important;
  overflow: auto !important;
  border: 1px solid #dce3ee !important;
  border-radius: var(--tc-radius-xl) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.28) !important;
  padding: 18px !important;
}
.tc-chat-edit-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}
.tc-chat-edit-head h2 {
  margin: 0 !important;
  font-size: var(--tc-font-size-lg) !important;
  color: #214f4e !important;
}
.tc-chat-edit-close {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f1f4f8 !important;
  color: #2f7b79 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.tc-chat-edit-dialog textarea {
  width: 100% !important;
  min-height: 130px !important;
  resize: vertical !important;
  margin: 0 !important;
}
.tc-chat-edit-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  margin-top: 14px !important;
}
html.tc-modal-open {
  overflow: hidden !important;
}
@media (max-width: 600px) {
  .tc-direct-context-menu {
    min-width: 180px !important;
    max-width: calc(100vw - 16px) !important;
  }
  .tc-chat-edit-modal {
    padding: 10px !important;
    align-items: end !important;
  }
  .tc-chat-edit-dialog {
    width: 100% !important;
    border-radius: 18px 18px 12px 12px !important;
    padding: 15px !important;
  }
  .tc-chat-edit-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .tc-chat-edit-actions .button {
    width: 100% !important;
  }
}
.tc-direct-context-menu .tc-context-danger {
  color: #c62828 !important;
}
.tc-direct-context-menu .tc-context-danger:hover,
.tc-direct-context-menu .tc-context-danger:focus-visible {
  background: #fff1f1 !important;
  color: #a61414 !important;
}
.tc-schedule-datetime-pair {
  margin-top: 8px !important;
}
.tc-schedule-datetime-pair > span {
  display: grid !important;
  gap: 5px !important;
}
.tc-schedule-datetime-pair small {
  margin: 0 !important;
  color: #2f7b79 !important;
  font-size: 11px !important;
  text-align: start !important;
}

.tc-iso-picker-button {
  position: static !important;
  grid-column: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 1px solid #e2e8f0 !important;
  border-radius: 0 !important;
  background: #f8faff !important;
  color: var(--tc-color-primary) !important;
  transform: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.tc-iso-picker-button:hover,
.tc-iso-picker-button:focus-visible {
  background: #eef4ff !important;
  color: #2f7b79 !important;
  outline: none !important;
}
.tc-iso-picker-button:disabled {
  cursor: not-allowed !important;
  opacity: 0.62 !important;
}
.tc-iso-picker-button svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.tc-native-picker-input {
  position: absolute !important;
  inset: auto auto 0 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
@media (max-width: 600px) {
  .tc-schedule-datetime-pair {
    grid-template-columns: 1fr !important;
  }
}
@media (min-width: 721px) {
  .tc-main .tc-countries-table-wrap {
    overflow-x: auto !important;
  }
  .tc-main .tc-countries-table {
    width: 100% !important;
    min-width: 1180px !important;
    table-layout: fixed !important;
  }
  .tc-main .tc-countries-table .tc-country-col-name {
    width: 17% !important;
  }
  .tc-main .tc-countries-table .tc-country-col-dial {
    width: 8% !important;
  }
  .tc-main .tc-countries-table .tc-country-col-stock {
    width: 9% !important;
  }
  .tc-main .tc-countries-table .tc-country-col-provider {
    width: 8% !important;
  }
  .tc-main .tc-countries-table .tc-country-col-sale {
    width: 9% !important;
  }
  .tc-main .tc-countries-table .tc-country-col-settings {
    width: 49% !important;
  }
  .tc-main .tc-countries-table th,
  .tc-main .tc-countries-table td {
    vertical-align: top !important;
    padding: 12px 10px !important;
    white-space: normal !important;
  }
  .tc-main .tc-country-settings-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .tc-main .tc-country-settings-form .tc-country-field {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 !important;
  }
  .tc-main .tc-country-settings-form .tc-country-alerts {
    grid-column: 1/-1 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .tc-main .tc-country-alerts-grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    gap: 8px !important;
    padding-top: 10px !important;
  }
  .tc-main .tc-country-alerts-grid label {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
  }
  .tc-main .tc-country-alerts-grid select,
  .tc-main .tc-country-alerts-grid input {
    width: 100% !important;
    min-width: 0 !important;
  }
  .tc-main .tc-country-settings-form .tc-country-active {
    grid-column: 1/3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid var(--tc-line) !important;
    border-radius: 9px !important;
    background: var(--tc-color-surface) !important;
  }
  .tc-main .tc-country-settings-form .tc-country-active input {
    width: auto !important;
    margin: 0 !important;
  }
  .tc-main .tc-country-settings-form .tc-country-save {
    grid-column: 3 !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    justify-content: center !important;
  }
}
.tc-main .tc-channel-test-grid {
  flex-wrap: wrap !important;
  align-items: stretch !important;
}
.tc-main .tc-channel-test-grid .tc-channel-test-action {
  display: flex !important;
  flex: 1 1 210px !important;
}
.tc-main .tc-channel-test-grid .tc-test-button {
  justify-content: center !important;
  border-color: #cfd8e6 !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-color-primary-hover) !important;
}
.tc-main .tc-channel-test-grid .tc-test-button:hover {
  border-color: var(--tc-color-primary) !important;
  background: #f3f6ff !important;
  color: var(--tc-color-primary-hover) !important;
}
.tc-main .tc-channel-test-grid .tc-test-button-reset {
  border-color: #d7b46a !important;
  color: #7a5100 !important;
  background: #fffdf7 !important;
}
@media (max-width: 720px) {
  .tc-main .tc-country-settings-form {
    grid-template-columns: 1fr !important;
  }
  .tc-main .tc-country-settings-form > * {
    grid-column: 1 !important;
  }
  .tc-main .tc-country-alerts-grid {
    grid-template-columns: 1fr !important;
  }
  .tc-main .tc-country-settings-form .tc-country-active,
  .tc-main .tc-country-settings-form .tc-country-save {
    grid-column: 1 !important;
    width: 100% !important;
  }
  .tc-main .tc-channel-test-grid {
    display: grid !important;
    gap: 9px !important;
  }
  .tc-main .tc-channel-test-grid .tc-channel-test-action {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
.tc-main .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
.tc-main input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  border-radius: var(--tc-radius-sm) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-align: center !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
.tc-main .button-primary {
  box-shadow: none !important;
}
.tc-main .tc-actions,
.tc-main .tc-row-actions,
.tc-main .tc-form-actions,
.tc-main .tc-save-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}
.tc-main .tc-form-actions,
.tc-main .tc-save-bar {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid #e8edf4 !important;
}
.tc-main .tc-actions .button,
.tc-main .tc-row-actions .button,
.tc-main .tc-form-actions .button,
.tc-main .tc-save-bar .button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 118px !important;
  max-width: 240px !important;
}
.tc-main .tc-checks {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 18px !important;
  margin-top: 18px !important;
  padding: 13px 15px !important;
  border: 1px solid #e1e7f0 !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface-subtle) !important;
}
.tc-main .tc-checks label {
  min-height: 28px !important;
  margin: 0 !important;
}
.tc-main .tc-checks + p {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}
.tc-main .tc-checks + p .button {
  min-width: 118px !important;
  max-width: 220px !important;
}
.tc-main input[type="text"],
.tc-main input[type="number"],
.tc-main input[type="password"],
.tc-main input[type="email"],
.tc-main input[type="url"],
.tc-main input[type="search"],
.tc-main input[type="date"],
.tc-main input[type="time"],
.tc-main input[type="datetime-local"],
.tc-main select {
  min-height: 42px !important;
  height: 42px !important;
  box-sizing: border-box !important;
}
.tc-main textarea {
  min-height: 104px !important;
  box-sizing: border-box !important;
}
.tc-main .tc-card,
.tc-main .tc-settings-card {
  overflow: visible !important;
}
.tc-main .tc-section-head {
  align-items: flex-start !important;
}
.tc-main .tc-channel-test-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

.tc-main .tc-channel-test-grid .tc-channel-test-action {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
.tc-main .tc-channel-test-grid .tc-test-button {
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.tc-chat-bubble.is-in {
  max-width: min(82%, 760px) !important;
  padding: 14px 16px 12px !important;
  border-radius: var(--tc-radius-2xl) !important;
}
.tc-chat-bubble.is-in .tc-chat-bubble-body {
  font-size: 12.5px !important;
  line-height: 2 !important;
}
.tc-chat-bubble.is-system {
  align-self: center !important;
  width: auto !important;
  max-width: min(62%, 540px) !important;
  padding: 9px 14px !important;
  border: 1px solid #e3e9f1 !important;
  border-radius: var(--tc-radius-pill) !important;
  background: var(--tc-color-surface-subtle) !important;
  box-shadow: none !important;
  text-align: center !important;
}
.tc-chat-bubble.is-system .tc-chat-bubble-top {
  display: none !important;
}
.tc-chat-bubble.is-system .tc-chat-bubble-body {
  font-size: 10.5px !important;
  line-height: 1.75 !important;
  color: #2f7b79 !important;
}
.tc-chat-bubble.is-system footer {
  justify-content: center !important;
  margin-top: 3px !important;
  font-size: 7.5px !important;
}
@media (max-width: 720px) {
  .tc-main .tc-row-actions {
    align-items: stretch !important;
  }
  .tc-main .tc-checks + p {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
  .tc-main .tc-actions .button,
  .tc-main .tc-form-actions .button,
  .tc-main .tc-save-bar .button,
  .tc-main .tc-checks + p .button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  .tc-main .tc-row-actions .button {
    min-width: 0 !important;
  }
  .tc-main .tc-checks {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  .tc-main .tc-channel-test-grid {
    grid-template-columns: 1fr !important;
  }
  .tc-chat-bubble.is-in {
    max-width: 92% !important;
  }
  .tc-chat-bubble.is-system {
    max-width: 86% !important;
    border-radius: var(--tc-radius-lg) !important;
  }
}
body[data-admin-page="telecode-countries"] .tc-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
}
body[data-admin-page="telecode-countries"] .tc-toolbar > form {
  margin: 0 !important;
}
body[data-admin-page="telecode-countries"] .tc-toolbar .tc-action-form {
  flex: 0 0 auto !important;
}
body[data-admin-page="telecode-countries"] .tc-search-wide {
  display: grid !important;
  grid-template-columns: minmax(270px, 420px) auto auto !important;
  gap: 8px !important;
  align-items: end !important;
  flex: 0 1 auto !important;
  width: auto !important;
  margin: 0 !important;
}
body[data-admin-page="telecode-countries"] .tc-search-wide input {
  width: 100% !important;
  min-width: 0 !important;
}
body[data-admin-page="telecode-countries"] .tc-search-wide .button,
body[data-admin-page="telecode-countries"] .tc-toolbar .tc-action-form .button {
  width: auto !important;
  min-width: 92px !important;
  max-width: 210px !important;
}
body[data-admin-page="telecode-countries"] .tc-mini-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}
body[data-admin-page="telecode-countries"] .tc-mini-stats > div {
  min-height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 15px !important;
  border: 1px solid #dde5ef !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 5px 16px rgba(16, 24, 40, 0.035) !important;
}
body[data-admin-page="telecode-countries"] .tc-mini-stats strong {
  font-size: 19px !important;
  line-height: 1 !important;
  color: #2f7b79 !important;
}
body[data-admin-page="telecode-countries"] .tc-mini-stats span {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #5f6d82 !important;
}
body[data-admin-page="telecode-countries"] .tc-note {
  margin-bottom: 10px !important;
  padding: 12px 15px !important;
  border-radius: var(--tc-radius-md) !important;
  font-size: 10.5px !important;
  line-height: 1.85 !important;
}
@media (min-width: 721px) {
  body[data-admin-page="telecode-countries"] .tc-countries-table-wrap {
    overflow-x: auto !important;
    border-radius: 15px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table {
    width: 100% !important;
    min-width: 1260px !important;
    table-layout: fixed !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-col-name {
    width: 16% !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-col-dial {
    width: 7% !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-col-stock {
    width: 8% !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-col-provider {
    width: 8% !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-col-sale {
    width: 8% !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-col-settings {
    width: 53% !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table th {
    padding: 10px 9px !important;
    font-size: 10px !important;
    vertical-align: middle !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td {
    padding: 10px 9px !important;
    vertical-align: middle !important;
    font-size: 10.5px !important;
    line-height: 1.65 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name > .tc-flag {
    flex: 0 0 auto !important;
    font-size: 18px !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-country-name
    > span:last-child {
    display: block !important;
    min-width: 0 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name strong,
  body[data-admin-page="telecode-countries"] .tc-country-name small {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name strong {
    font-size: 10.5px !important;
    line-height: 1.6 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name small {
    margin-top: 2px !important;
    font-size: 8.5px !important;
    color: #718096 !important;
    line-height: 1.55 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-settings-form {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name-ar {
    grid-column: 1/3 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name-en {
    grid-column: 3/5 !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-country-settings-form
    .tc-country-field {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 6px 9px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts {
    grid-column: 1/3 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts > summary {
    min-height: 36px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    gap: 7px !important;
    padding: 9px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid label {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-country-alerts-grid
    label
    > span {
    font-size: 9px !important;
    margin: 0 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid input,
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid select {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    font-size: 9.5px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-active {
    grid-column: 3 !important;
    min-height: 36px !important;
    padding: 0 9px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-save {
    grid-column: 4 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    box-shadow: none !important;
  }
}
body[data-admin-page="telecode-bot"] .tc-settings-card {
  padding: 22px !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-section-head {
  margin: 22px 0 13px !important;
  padding: 18px 0 10px !important;
  border-top: 1px solid #e8edf4 !important;
  border-bottom: 0 !important;
}
body[data-admin-page="telecode-bot"]
  .tc-settings-card
  > .tc-section-head:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-section-head h2 {
  font-size: 17px !important;
  line-height: 1.5 !important;
  margin: 0 0 3px !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-section-head p {
  font-size: 10.5px !important;
  line-height: 1.8 !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-form-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 260px)) !important;
  justify-content: start !important;
  gap: 12px 18px !important;
  align-items: start !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-form-grid > label {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 260px !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card label > span {
  margin-bottom: 6px !important;
  font-size: 10.5px !important;
  line-height: 1.65 !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card label > small {
  display: block !important;
  margin-top: 5px !important;
  font-size: 8.75px !important;
  line-height: 1.65 !important;
  color: #78869a !important;
}
body[data-admin-page="telecode-bot"]
  .tc-settings-card
  input:not([type="checkbox"]):not([type="radio"]),
body[data-admin-page="telecode-bot"] .tc-settings-card select {
  height: 40px !important;
  min-height: 40px !important;
  padding: 7px 10px !important;
  font-size: 10.5px !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-checks {
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  gap: 9px 18px !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface-subtle) !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-checks label {
  min-height: 24px !important;
  font-size: 10.5px !important;
}
body[data-admin-page="telecode-bot"] .tc-pricing-note,
body[data-admin-page="telecode-bot"] .tc-auto-publish-note {
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #e1e7f0 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: #fafbfd !important;
  color: #5e6b80 !important;
  font-size: 9.75px !important;
  line-height: 1.85 !important;
}
body[data-admin-page="telecode-bot"] .tc-auto-publish-note {
  margin-top: 12px !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-save-bar {
  margin-top: 22px !important;
  padding-top: 16px !important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-save-bar .button {
  min-width: 150px !important;
  max-width: 210px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-card {
  padding: 20px !important;
  border-radius: 15px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-section-head {
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-section-head
  h2 {
  font-size: 17px !important;
  line-height: 1.5 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-section-head
  p {
  font-size: 10.5px !important;
  line-height: 1.8 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-form-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 13px 16px !important;
  align-items: start !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-form-grid
  > .tc-full {
  grid-column: 1/-1 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-form-grid
  > label {
  min-width: 0 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  label
  > span {
  margin-bottom: 6px !important;
  font-size: 10.75px !important;
  line-height: 1.65 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  label
  > small {
  display: block !important;
  margin-top: 5px !important;
  font-size: 8.75px !important;
  line-height: 1.65 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  input:not([type="checkbox"]):not([type="radio"]),
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  select {
  min-height: 42px !important;
  height: 42px !important;
  font-size: 10.75px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  textarea {
  min-height: 116px !important;
  padding: 10px 12px !important;
  font-size: 10.75px !important;
  line-height: 1.8 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  textarea[name="template_body"] {
  min-height: 132px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  textarea[name="template_target_ids"] {
  min-height: 76px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-schedule-card {
  grid-template-columns: minmax(160px, 0.45fr) minmax(0, 1.55fr) !important;
  gap: 18px !important;
  margin-top: 16px !important;
  padding: 15px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-schedule-controls {
  gap: 10px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-checkbox-card.tc-send-now,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-schedule-field {
  min-height: 86px !important;
  padding: 12px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-save-bar {
  margin-top: 15px !important;
  padding-top: 14px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-save-bar
  .button {
  min-width: 124px !important;
  max-width: 190px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-automation-table-wrap {
  margin-top: 16px !important;
  border-radius: var(--tc-radius-md) !important;
  overflow: auto !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-automation-table {
  min-width: 760px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-automation-table
  th,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-automation-table
  td {
  padding: 11px 12px !important;
  font-size: 10.25px !important;
  line-height: 1.7 !important;
  vertical-align: middle !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-automation-table
  td
  strong,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-automation-table
  td
  small {
  display: block !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-automation-table
  td
  small {
  margin-top: 3px !important;
  color: #768499 !important;
}
body[data-admin-page="telecode-texts"] .tc-content-control {
  padding: 22px !important;
  overflow: visible !important;
}
body[data-admin-page="telecode-texts"] .tc-content-control > .tc-section-head {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
}
body[data-admin-page="telecode-texts"]
  .tc-content-control
  > .tc-section-head
  h2 {
  font-size: 18px !important;
  line-height: 1.5 !important;
}
body[data-admin-page="telecode-texts"] .tc-content-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 6px 10px !important;
  border: 1px solid #dce5f1 !important;
  border-radius: 9px !important;
  background: var(--tc-color-surface-subtle) !important;
  color: #2f7b79 !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
}
body[data-admin-page="telecode-texts"] .tc-variable-note {
  margin: 0 0 14px !important;
  padding: 10px 12px !important;
  border: 1px solid #dce5f1 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: #f8faff !important;
  font-size: 10px !important;
  line-height: 1.8 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-sections {
  gap: 11px !important;
}
body[data-admin-page="telecode-texts"] .tc-template-section {
  border-radius: var(--tc-radius-md) !important;
  overflow: hidden !important;
}
body[data-admin-page="telecode-texts"] .tc-template-section > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 54px !important;
  padding: 11px 14px !important;
  cursor: pointer !important;
}
body[data-admin-page="telecode-texts"] .tc-template-section > summary > span {
  display: block !important;
  min-width: 0 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-section > summary strong {
  display: block !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-section > summary small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 9px !important;
  line-height: 1.6 !important;
  color: #758299 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-section > summary > b {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: #eef3ff !important;
  color: var(--tc-color-primary) !important;
  font-size: 10px !important;
}
body[data-admin-page="telecode-texts"] .tc-template-section-body {
  padding: 12px !important;
  background: #f8faff !important;
}
body[data-admin-page="telecode-texts"] .tc-template-card {
  padding: 16px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: none !important;
}
body[data-admin-page="telecode-texts"] .tc-template-card + .tc-template-card {
  margin-top: 10px !important;
}
body[data-admin-page="telecode-texts"] .tc-template-card > header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 13px !important;
  padding: 0 0 11px !important;
  border-bottom: 1px solid #edf1f6 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-card > header h3 {
  margin: 0 0 3px !important;
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.55 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-card > header p {
  margin: 0 !important;
  font-size: 9.5px !important;
  line-height: 1.75 !important;
  color: #6f7d91 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-card > header code {
  flex: 0 0 auto !important;
  padding: 5px 8px !important;
  border-radius: 7px !important;
  background: #f2f5f9 !important;
  color: #5d6b80 !important;
  font-size: 9px !important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages label > span {
  margin: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 42px !important;
  font-size: 10.75px !important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages textarea {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  font-size: 10.75px !important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages textarea {
  min-height: 122px !important;
}
body[data-admin-page="telecode-texts"] .tc-section-divider {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 20px 0 14px !important;
  color: #214f4e !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}
body[data-admin-page="telecode-texts"] .tc-section-divider::before,
body[data-admin-page="telecode-texts"] .tc-section-divider::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background: #e5eaf1 !important;
}
body[data-admin-page="telecode-texts"] .tc-text-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
}
body[data-admin-page="telecode-texts"] .tc-text-tools input {
  width: min(100%, 460px) !important;
  min-height: 40px !important;
}
body[data-admin-page="telecode-texts"] .tc-text-tools .button {
  min-width: 96px !important;
  min-height: 40px !important;
}
body[data-admin-page="telecode-texts"] .tc-text-tools span {
  margin-inline-start: auto !important;
  font-size: 9.5px !important;
  color: #718096 !important;
}
body[data-admin-page="telecode-texts"] .tc-text-catalog {
  display: grid !important;
  gap: 10px !important;
}
body[data-admin-page="telecode-texts"] .tc-text-group {
  border: 1px solid var(--tc-color-border) !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
  overflow: hidden !important;
}
body[data-admin-page="telecode-texts"] .tc-text-group > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 10px 13px !important;
  cursor: pointer !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}
body[data-admin-page="telecode-texts"] .tc-text-group-body {
  padding: 11px !important;
  background: #f8faff !important;
}
body[data-admin-page="telecode-texts"] .tc-text-row {
  display: grid !important;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: start !important;
  padding: 12px !important;
  border: 1px solid #e0e7f0 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface) !important;
}
body[data-admin-page="telecode-texts"] .tc-text-row + .tc-text-row {
  margin-top: 9px !important;
}
body[data-admin-page="telecode-texts"] .tc-text-preview span,
body[data-admin-page="telecode-texts"] .tc-text-preview strong,
body[data-admin-page="telecode-texts"] .tc-text-preview small,
body[data-admin-page="telecode-texts"] .tc-text-preview code {
  display: block !important;
}
body[data-admin-page="telecode-texts"] .tc-text-preview span {
  font-size: 8.5px !important;
  color: #758299 !important;
  margin-bottom: 4px !important;
}
body[data-admin-page="telecode-texts"] .tc-text-preview strong {
  font-size: 11px !important;
  line-height: 1.75 !important;
  color: #214f4e !important;
}
body[data-admin-page="telecode-texts"] .tc-text-preview small {
  margin-top: 6px !important;
  color: #667085 !important;
  line-height: 1.7 !important;
}
body[data-admin-page="telecode-texts"] .tc-text-preview code {
  width: max-content !important;
  max-width: 100% !important;
  margin-top: 8px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body[data-admin-page="telecode-texts"] .tc-text-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body[data-admin-page="telecode-texts"] .tc-text-fields label {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}
body[data-admin-page="telecode-texts"] .tc-text-fields textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 86px !important;
  font-size: 10.5px !important;
}
body[data-admin-page="telecode-texts"] .tc-text-restore-one {
  grid-column: 1/-1 !important;
  justify-self: start !important;
}
@media (max-width: 1050px) {
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-schedule-card {
    grid-template-columns: 1fr !important;
  }
}

.tc-cron-task-stats {
  margin-block: 20px;
}
.tc-cron-tasks {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}
.tc-cron-task-filters {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(150px, 1fr));
  gap: 12px;
}
.tc-cron-task-filters label {
  display: grid;
  gap: 7px;
}
.tc-cron-task-filters label > span {
  color: var(--tc-muted);
  font-size: 12px;
  font-weight: 800;
}
.tc-cron-task-table td:first-child {
  min-width: 260px;
}
.tc-cron-task-table td:first-child small,
.tc-cron-task-meta,
.tc-cron-task-error {
  display: block;
  margin-top: 5px;
  color: var(--tc-muted);
  line-height: 1.55;
}
.tc-cron-task-meta {
  font-size: 11px;
  font-weight: 800;
}
.tc-cron-task-error {
  max-width: 260px;
}
@media (max-width: 900px) {
  .tc-cron-task-filters {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .tc-cron-task-filters {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  body[data-admin-page="telecode-countries"] .tc-search-wide {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  body[data-admin-page="telecode-countries"] .tc-toolbar .button,
  body[data-admin-page="telecode-countries"] .tc-search-wide .button {
    width: 100% !important;
    max-width: none !important;
  }
  body[data-admin-page="telecode-countries"] .tc-mini-stats {
    grid-template-columns: 1fr !important;
  }
  body[data-admin-page="telecode-countries"] .tc-mini-stats > div {
    min-height: 58px !important;
  }
  body[data-admin-page="telecode-bot"] .tc-settings-card {
    padding: 15px !important;
  }
  body[data-admin-page="telecode-bot"] .tc-settings-card > .tc-form-grid {
    grid-template-columns: 1fr !important;
  }
  body[data-admin-page="telecode-bot"]
    .tc-settings-card
    > .tc-form-grid
    > label {
    max-width: none !important;
  }
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-card {
    padding: 15px !important;
  }
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-form-grid {
    grid-template-columns: 1fr !important;
  }
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-form-grid
    > * {
    grid-column: 1 !important;
  }
  body[data-admin-page="telecode-texts"] .tc-content-control {
    padding: 15px !important;
  }
  body[data-admin-page="telecode-texts"] .tc-template-languages,
  body[data-admin-page="telecode-texts"] .tc-text-fields,
  body[data-admin-page="telecode-texts"] .tc-text-row {
    grid-template-columns: 1fr !important;
  }
  body[data-admin-page="telecode-texts"] .tc-template-card > header {
    display: block !important;
  }
  body[data-admin-page="telecode-texts"] .tc-template-card > header code {
    display: inline-flex !important;
    margin-top: 8px !important;
  }
  body[data-admin-page="telecode-texts"] .tc-text-tools {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  body[data-admin-page="telecode-texts"] .tc-text-tools input,
  body[data-admin-page="telecode-texts"] .tc-text-tools .button {
    width: 100% !important;
    max-width: none !important;
  }
  body[data-admin-page="telecode-texts"] .tc-text-tools span {
    margin-inline-start: 0 !important;
    text-align: center !important;
  }
}
@media (min-width: 721px) {
  body[data-admin-page="telecode-countries"]
    .tc-main
    .tc-country-settings-form
    .tc-country-alerts {
    grid-column: 1/3 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-main
    .tc-country-settings-form
    .tc-country-active {
    grid-column: 3 !important;
    min-height: 36px !important;
    padding: 0 9px !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-main
    .tc-country-settings-form
    .tc-country-save {
    grid-column: 4 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 36px !important;
    margin: 0 !important;
  }
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card {
  padding: 18px 20px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  .tc-section-head,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  .tc-section-head {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  .tc-section-head
  h2,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  .tc-section-head
  h2 {
  font-size: 18px !important;
  line-height: 1.5 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  .tc-section-head
  p,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  .tc-section-head
  p {
  font-size: 11px !important;
  line-height: 1.8 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  .tc-automation-table-wrap,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  .tc-table-wrap {
  margin-top: 10px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-md) !important;
  overflow: auto !important;
  background: var(--tc-color-surface) !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  table,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  table {
  margin: 0 !important;
  min-width: 760px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  th,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  th {
  min-height: 48px !important;
  padding: 13px 14px !important;
  line-height: 1.75 !important;
  vertical-align: middle !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  td,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  td {
  min-height: 48px !important;
  padding: 13px 14px !important;
  font-size: 11px !important;
  line-height: 1.75 !important;
  vertical-align: middle !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  th,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  th {
  font-size: 10.75px !important;
  font-weight: 800 !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  td[colspan],
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  td[colspan] {
  padding: 10px !important;
}
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  #tc-recurring-messages
  .tc-empty-state,
body:is(
    [data-admin-page="telecode-broadcasts"],
    [data-admin-page="telecode-publishing"]
  )
  .tc-list-card
  .tc-empty-state {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 11px 14px !important;
  border: 1px dashed #dbe3ee !important;
  border-radius: 9px !important;
  background: #fafbfd !important;
  color: #65738a !important;
  font-size: 11px !important;
  line-height: 1.75 !important;
  text-align: center !important;
}
@media (max-width: 720px) {
  body.tc-standalone,
  .tc-app,
  .tc-main,
  .tc-main > * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .tc-main {
    width: 100% !important;
    padding: 12px 9px 30px !important;
  }
  .tc-main .tc-card,
  .tc-main .tc-settings-card,
  .tc-main .tc-list-card,
  .tc-main .tc-automation-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    padding: 14px !important;
    border-radius: var(--tc-radius-lg) !important;
    box-sizing: border-box !important;
  }
  .tc-main .tc-section-head {
    width: 100% !important;
    margin-bottom: 13px !important;
    padding-bottom: 11px !important;
    gap: 7px !important;
  }
  .tc-main .tc-section-head h2,
  .tc-main .tc-card > h2 {
    font-size: var(--tc-font-size-lg) !important;
    line-height: 1.55 !important;
  }
  .tc-main .tc-section-head p,
  .tc-main .tc-card > p,
  .tc-main .description,
  .tc-main small {
    font-size: 10px !important;
    line-height: 1.8 !important;
  }
  .tc-main form,
  .tc-main fieldset,
  .tc-main label,
  .tc-main .tc-form-grid,
  .tc-main .tc-form-grid > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .tc-main
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .tc-main select,
  .tc-main textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: var(--tc-font-size-sm) !important;
  }
  .tc-main
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .tc-main select {
    min-height: 44px !important;
  }
  .tc-main textarea {
    min-height: 96px !important;
    resize: vertical !important;
  }
  .tc-main .tc-toolbar,
  .tc-main .tc-search,
  .tc-main .tc-search-wide,
  .tc-main .tc-form-actions,
  .tc-main .tc-save-bar,
  .tc-main .tc-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 9px !important;
    align-items: stretch !important;
  }
  .tc-main .tc-toolbar > *,
  .tc-main .tc-search > *,
  .tc-main .tc-search-wide > *,
  .tc-main .tc-form-actions > *,
  .tc-main .tc-save-bar > *,
  .tc-main .tc-actions > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .tc-main
    .tc-toolbar
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
  .tc-main
    .tc-search
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
  .tc-main
    .tc-search-wide
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
  .tc-main
    .tc-form-actions
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
  .tc-main
    .tc-save-bar
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
  .tc-main
    .tc-actions
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
    width: 100% !important;
    max-width: none !important;
    min-height: 44px !important;
    justify-content: center !important;
  }
  .tc-main details,
  .tc-main details > summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .tc-main details > summary {
    min-height: var(--tc-control-height-md) !important;
    padding: 10px 12px !important;
    line-height: 1.65 !important;
  }
  .tc-main .tc-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  .tc-main table.tc-responsive-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .tc-main table.tc-responsive-table tbody {
    display: grid !important;
    width: 100% !important;
    gap: 10px !important;
  }
  .tc-main table.tc-responsive-table tr {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: var(--tc-radius-md) !important;
    box-sizing: border-box !important;
  }
  .tc-main table.tc-responsive-table td {
    grid-template-columns: minmax(82px, 102px) minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 11px !important;
    font-size: 11px !important;
    line-height: 1.75 !important;
    box-sizing: border-box !important;
  }
  .tc-main table.tc-responsive-table td::before {
    font-size: 9.5px !important;
    line-height: 1.65 !important;
  }
  .tc-main table.tc-responsive-table td[data-full-row="1"] {
    padding: 10px !important;
  }
  .tc-main table.tc-responsive-table td[data-full-row="1"] .tc-empty-state {
    min-height: 48px !important;
    padding: 11px 12px !important;
    font-size: 10.5px !important;
    line-height: 1.75 !important;
  }
  .tc-main .tc-row-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 7px !important;
  }
  .tc-main .tc-row-actions form,
  .tc-main .tc-row-actions .button {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: center !important;
  }
  .tc-main code,
  .tc-main pre {
    max-width: 100% !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    #tc-recurring-messages,
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-list-card {
    padding: 14px !important;
  }
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    #tc-recurring-messages
    .tc-section-head
    h2,
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-list-card
    .tc-section-head
    h2 {
    font-size: var(--tc-font-size-lg) !important;
  }
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    #tc-recurring-messages
    .tc-automation-table-wrap,
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-list-card
    .tc-table-wrap {
    margin-top: 8px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    #tc-recurring-messages
    table,
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-list-card
    table {
    min-width: 0 !important;
  }
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    #tc-recurring-messages
    .tc-empty-state,
  body:is(
      [data-admin-page="telecode-broadcasts"],
      [data-admin-page="telecode-publishing"]
    )
    .tc-list-card
    .tc-empty-state {
    min-height: 50px !important;
    font-size: 10.5px !important;
  }
}
@media (max-width: 430px) {
  .tc-main {
    padding-inline: 7px !important;
  }
  .tc-main .tc-card,
  .tc-main .tc-settings-card,
  .tc-main .tc-list-card,
  .tc-main .tc-automation-card {
    padding: 12px !important;
  }
  .tc-main table.tc-responsive-table td {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    padding: 10px !important;
    gap: 8px !important;
  }
}
@media (min-width: 721px) {
  body[data-admin-page="telecode-referrals"] .tc-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    padding-top: 0 !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-stat {
    min-height: 82px !important;
    padding: 13px 12px 11px !important;
    border-radius: 13px !important;
    gap: 5px !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-stat::before {
    inset-inline: 13px !important;
    height: 2px !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-stat strong {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-stat span {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card {
    margin-bottom: 14px !important;
    padding: 18px 20px !important;
    border-radius: 15px !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-section-head {
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
  }
  body[data-admin-page="telecode-referrals"]
    form.tc-card
    > .tc-section-head
    h2 {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-section-head p {
    font-size: 10.5px !important;
    line-height: 1.75 !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-checks {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px 20px !important;
    min-height: 50px !important;
    margin: 0 0 14px !important;
    padding: 9px 12px !important;
    border-radius: var(--tc-radius-sm) !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-checks label {
    flex: 0 0 auto !important;
    min-height: 30px !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-form-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
    align-items: start !important;
  }
  body[data-admin-page="telecode-referrals"]
    form.tc-card
    > .tc-form-grid
    > label {
    min-width: 0 !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label > span {
    margin-bottom: 6px !important;
    font-size: 10.5px !important;
    line-height: 1.55 !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label > small {
    display: block !important;
    margin-top: 5px !important;
    font-size: 9px !important;
    line-height: 1.65 !important;
  }
  body[data-admin-page="telecode-referrals"]
    form.tc-card
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body[data-admin-page="telecode-referrals"] form.tc-card select {
    min-height: 40px !important;
    height: 40px !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-note {
    margin: 12px 0 0 !important;
    padding: 8px 11px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    line-height: 1.7 !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-save-bar {
    justify-content: flex-start !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
  }
  body[data-admin-page="telecode-referrals"]
    form.tc-card
    > .tc-save-bar
    .button {
    width: auto !important;
    min-width: 150px !important;
    max-width: 190px !important;
    min-height: 40px !important;
  }
  body[data-admin-page="telecode-referrals"] > .tc-main .tc-table-wrap,
  body[data-admin-page="telecode-referrals"] .tc-wrap > .tc-table-wrap {
    margin-top: 0 !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-table-wrap table {
    min-width: 940px !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-table-wrap th,
  body[data-admin-page="telecode-referrals"] .tc-table-wrap td {
    padding: 11px 12px !important;
    font-size: 10.5px !important;
    line-height: 1.65 !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-table-wrap td[colspan] {
    min-height: 44px !important;
    padding: 12px !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-center {
  width: 100%;
}

html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-section
  > summary {
  align-items: center;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-section
  > summary
  .tc-status-pill {
  margin-inline-start: auto;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-block {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--tc-border, #dfe5ec);
  border-radius: 13px;
  background: #fbfcfe;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-block:first-child {
  margin-top: 0;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-block
  > .tc-section-head {
  margin-bottom: 13px;
  padding-bottom: 11px;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-block
  > .tc-section-head
  h3 {
  margin: 0 0 4px;
  font-size: var(--tc-font-size-lg);
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-block
  > .tc-section-head
  p {
  margin: 0;
  color: #2f7b79;
}
@media (max-width: 700px) {
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-channel-template-block {
    padding: 12px;
  }
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-channel-template-section
    > summary {
    align-items: flex-start;
  }
}

@media (min-width: 721px) and (max-width: 1180px) {
  body[data-admin-page="telecode-referrals"] .tc-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.tc-standalone {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-topbar {
    flex: 0 0 auto !important;

    height: auto !important;
    padding-block: 9px !important;
  }
  body.tc-standalone .tc-topbar-start {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  body.tc-standalone .tc-page-heading {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  body.tc-standalone .tc-page-heading h1 {
    margin: 0 !important;

    white-space: normal !important;

    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-page-heading p {
    max-width: 100% !important;
    margin: 3px 0 0 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-main {
    font-size: var(--tc-font-size-sm) !important;
    line-height: 1.8 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-main .tc-section-head h2,
  body.tc-standalone .tc-main .tc-card > h2 {
    line-height: 1.55 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body.tc-standalone .tc-main .tc-section-head h3,
  body.tc-standalone .tc-main .tc-gateway-title {
    font-size: 15px !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body.tc-standalone .tc-main .tc-section-head p,
  body.tc-standalone .tc-main .tc-card > p {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-main small,
  body.tc-standalone .tc-main .tc-empty-state {
    font-size: 11.5px !important;
  }
  body.tc-standalone .tc-main .tc-note {
    font-size: 11.5px !important;
    line-height: 1.85 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-main label {
    font-size: var(--tc-font-size-xs) !important;
  }

  body.tc-standalone .tc-nav-group > summary,
  body.tc-standalone .tc-nav-link {
    font-size: var(--tc-font-size-xs) !important;
    line-height: 1.55 !important;
  }
  body.tc-standalone .tc-nav-title,
  body.tc-standalone .tc-nav-link span:last-child {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-sidebar-brand small,
  body.tc-standalone .tc-sidebar-footer {
    font-size: 10.5px !important;
    line-height: 1.55 !important;
  }
  body.tc-standalone .tc-chat-customer-copy strong {
    font-size: 12.5px !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body.tc-standalone .tc-chat-customer-copy small {
    font-size: 11px !important;
    line-height: 1.75 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body.tc-standalone .tc-chat-customer time {
    line-height: 1.5 !important;
  }
  body.tc-standalone .tc-chat-person h2,
  body.tc-standalone .tc-chat-person p {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-chat-bubble-body {
    font-size: var(--tc-font-size-sm) !important;
    line-height: 1.9 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-chat-bubble footer {
    line-height: 1.55 !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td {
    font-size: var(--tc-font-size-xs) !important;
    line-height: 1.8 !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td::before {
    font-size: 11px !important;
    line-height: 1.65 !important;
    white-space: normal !important;

    word-break: normal !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table code,
  body.tc-standalone .tc-main .tc-copy-field code {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

@media (max-width: 380px) {
  body.tc-standalone .tc-main table.tc-responsive-table td {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td::before {
    margin-bottom: 2px !important;
  }
}

@media (max-width: 720px) {
  body.tc-standalone .tc-chat-person h2 {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  body.tc-standalone .tc-chat-person p {
    font-size: 11px !important;
    line-height: 1.7 !important;
  }
  body.tc-standalone .tc-chat-customer time,
  body.tc-standalone .tc-chat-bubble footer {
    font-size: 10.5px !important;
  }
}

@media (max-width: 720px) {
  body.tc-standalone .tc-chat-bubble.is-in .tc-chat-bubble-body,
  body.tc-standalone .tc-chat-bubble.is-out .tc-chat-bubble-body,
  body.tc-standalone .tc-chat-bubble.is-system .tc-chat-bubble-body {
    font-size: var(--tc-font-size-sm) !important;
    line-height: 1.9 !important;
  }
}

.tc-brand-mark,
.tc-user-avatar,
.tc-user-menu > summary,
.tc-login-card,
.tc-login-button,
.tc-main .tc-note.tc-note-flat {
  transform: none !important;
  animation: none !important;
}

.tc-brand-mark,
.tc-user-avatar {
  line-height: 1 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow: none !important;
}

.tc-user-avatar {
  transition: none !important;
}

.tc-login-card {
  overflow: visible !important;
}

.tc-login-brand,
.tc-login-intro,
.tc-login-form,
.tc-login-form label,
.tc-login-error,
.tc-login-success,
.tc-login-error p,
.tc-login-success p {
  min-width: 0 !important;
}

.tc-login-error,
.tc-login-success {
  align-items: flex-start !important;
  overflow: visible !important;
  line-height: 1.85 !important;
}

.tc-login-error p,
.tc-login-success p {
  flex: 1 1 auto !important;
  padding-block: 1px 2px !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.tc-login-alert-mark {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 25px !important;
  width: 25px !important;
  height: 25px !important;
  margin-top: 1px !important;
  border-radius: 8px !important;
  background: #fee4e2 !important;
  color: var(--tc-color-danger) !important;
  font-size: var(--tc-font-size-md) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.tc-login-button {
  height: auto !important;
  min-height: 50px !important;
  padding-block: 11px 12px !important;
  line-height: 1.6 !important;
  transition:
    filter 0.15s ease,
    background 0.15s ease !important;
}

.tc-login-button:hover {
  transform: none !important;
}

.tc-login-form input {
  line-height: 1.45 !important;
  padding-block: 10px !important;
}

.tc-login-language a,
.tc-login-back,
.tc-login-security {
  line-height: 1.65 !important;
}

.tc-nav-group > summary,
.tc-nav-link,
.tc-user-dropdown > a,
.tc-user-language,
.tc-logout-trigger,
.button,
.button-primary,
.button-secondary,
.button-warning,
.button-danger,
.button-logout {
  line-height: 1.55 !important;
}

.button,
.button-primary,
.button-secondary,
.button-warning,
.button-danger,
.button-logout {
  height: auto !important;
  min-height: 42px !important;
  padding-block: 8px 9px !important;
  overflow: visible !important;
}

.tc-main .tc-note.tc-note-flat {
  margin: 14px 0 16px !important;
  padding: 13px 2px !important;
  border: 0 !important;
  border-top: 1px solid #e7edf5 !important;
  border-bottom: 1px solid #e7edf5 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: none !important;
}

.tc-page-heading h1,
.tc-main h1,
.tc-main h2,
.tc-main h3,
.tc-main p,
.tc-main small,
.tc-main label,
.tc-main .notice,
.tc-main .tc-empty-state,
.tc-main td,
.tc-main th {
  text-rendering: optimizeLegibility !important;
}

@media (max-width: 960px) {
  body.tc-standalone .tc-nav-group > summary,
  body.tc-standalone .tc-nav-link {
    transition: none !important;
  }
  body.tc-standalone .tc-nav-title,
  body.tc-standalone .tc-nav-link > span:nth-child(2) {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 720px) {
  body.tc-login-page {
    min-height: 100dvh !important;
    padding: max(12px, env(safe-area-inset-top, 0px))
      max(12px, env(safe-area-inset-right, 0px))
      max(16px, env(safe-area-inset-bottom, 0px))
      max(12px, env(safe-area-inset-left, 0px)) !important;
  }
  .tc-login-layout {
    min-height: calc(
      100dvh -
        max(
          28px,
          calc(
            env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) +
              12px
          )
        )
    ) !important;
    align-items: center !important;
  }
  .tc-login-card {
    padding: 20px 16px 22px !important;
    border-radius: 17px !important;
  }
  .tc-login-language {
    margin-bottom: 18px !important;
  }
  .tc-login-brand {
    margin-bottom: 19px !important;
  }
  .tc-brand-mark-large {
    width: 48px !important;
    height: 48px !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  .tc-login-intro h1 {
    font-size: 24px !important;
    line-height: 1.55 !important;
    padding-bottom: 1px !important;
  }
  .tc-login-intro p {
    margin-bottom: 19px !important;
    font-size: var(--tc-font-size-xs) !important;
    line-height: 1.85 !important;
  }
  .tc-login-error,
  .tc-login-success {
    gap: 9px !important;
    margin-bottom: 16px !important;
    padding: 12px !important;
  }
  body.tc-standalone .tc-main {
    padding-bottom: max(
      42px,
      calc(env(safe-area-inset-bottom, 0px) + 24px)
    ) !important;
  }
  body.tc-standalone .tc-page-heading h1 {
    padding-block: 1px 2px !important;
    overflow: visible !important;
  }
  body.tc-standalone
    .tc-main
    .button:not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(.tc-chat-send-button):not(.tc-gift-action-control),
  body.tc-standalone .tc-main button,
  body.tc-standalone .tc-main input[type="submit"] {
    min-height: 44px !important;
    padding-block: 9px 10px !important;
    font-size: var(--tc-font-size-xs) !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-main label,
  body.tc-standalone .tc-main p,
  body.tc-standalone .tc-main small,
  body.tc-standalone .tc-main .notice,
  body.tc-standalone .tc-main .tc-empty-state {
    line-height: 1.8 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-main .description {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-user-dropdown {
    padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
  }
  body.tc-standalone .tc-user-dropdown > a,
  body.tc-standalone .tc-user-language,
  body.tc-standalone .tc-logout-trigger {
    min-height: 44px !important;
    padding-block: 9px 10px !important;
    font-size: 11.5px !important;
    line-height: 1.65 !important;
  }
  .tc-logs-table tbody {
    padding-bottom: 10px !important;
  }
  .tc-tech-details > summary {
    min-height: 44px !important;
    padding: 9px 11px !important;
    line-height: 1.65 !important;
  }
  body.tc-standalone .tc-main .tc-empty-state {
    margin-block: 3px 12px !important;
  }
}

@media (max-width: 380px) {
  .tc-login-card {
    padding-inline: 14px !important;
  }
  .tc-login-language a {
    padding-inline: 8px !important;
  }
  .tc-pin-code-inputs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .tc-pin-code-inputs input {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .tc-main .tc-stat:hover,
  .tc-login-button:hover,
  .tc-chat-customer:hover {
    transform: none !important;
  }
  .tc-user-avatar,
  .tc-user-menu > summary,
  .tc-brand-mark,
  .tc-main .tc-card,
  .tc-main .tc-note {
    animation: none !important;
    transition: none !important;
  }
}

.tc-main .tc-empty-state {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 12px 14px !important;
  margin-bottom: 14px !important;
  line-height: 1.8 !important;
  text-align: center !important;
}

.tc-main .notice,
.tc-main .tc-system-note {
  min-width: 0 !important;
  padding: 12px 14px !important;
  overflow: visible !important;
}

.tc-main .notice > p,
.tc-main .tc-system-note > p {
  margin: 0 !important;
  line-height: 1.8 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

@media (max-width: 720px) {
  .tc-main .tc-empty-state {
    min-height: 56px !important;
    padding: 13px 12px !important;
    margin-bottom: max(
      16px,
      calc(env(safe-area-inset-bottom, 0px) + 8px)
    ) !important;
  }
}

.tc-login-button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.tc-login-button .tc-button-label,
.tc-login-button .tc-button-loading {
  min-width: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.6 !important;
  text-align: center !important;
  white-space: normal !important;
}

.tc-button-loading {
  display: inline-flex !important;
  gap: 9px !important;
}

.tc-button-loading[hidden] {
  display: none !important;
}

.tc-login-spinner {
  display: inline-block !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  box-sizing: border-box !important;
  border: 2px solid rgba(255, 255, 255, 0.42) !important;
  border-top-color: var(--tc-color-surface) !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  animation: tc-spin 0.72s linear infinite !important;
}

.tc-button-loading i {
  display: none !important;
}

@media (max-width: 720px) {
  body.tc-standalone .tc-topbar {
    align-items: center !important;
    padding: 10px 12px !important;
  }
  body.tc-standalone .tc-topbar-start {
    align-items: center !important;
  }
  body.tc-standalone .tc-topbar-actions {
    align-self: center !important;
  }
  body.tc-standalone .tc-page-heading p {
    font-size: var(--tc-font-size-xs) !important;
    line-height: 1.75 !important;
    color: var(--tc-color-muted) !important;
  }
  body.tc-standalone .tc-user-menu > summary {
    border-radius: 13px !important;
  }
  body.tc-standalone .tc-user-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border: 1px solid #d7e1f5 !important;
    border-radius: 13px !important;
    background: #eef3ff !important;
    box-shadow: none !important;
    font-size: var(--tc-font-size-sm) !important;
    line-height: 1 !important;
  }

  body[data-admin-page="telecode-referrals"] .tc-main {
    padding-bottom: max(
      104px,
      calc(env(safe-area-inset-bottom, 0px) + 82px)
    ) !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-hero p,
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-section-head p {
    font-size: 12.5px !important;
    line-height: 1.9 !important;
    color: var(--tc-color-muted) !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label > span {
    font-size: var(--tc-font-size-sm) !important;
    line-height: 1.75 !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label > small {
    display: block !important;
    margin-top: 7px !important;
    font-size: var(--tc-font-size-xs) !important;
    line-height: 1.9 !important;
    color: var(--tc-color-muted) !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-note {
    margin: 16px 0 0 !important;
    padding: 14px 13px !important;
    border-radius: 11px !important;
    font-size: 12.5px !important;
    line-height: 1.9 !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-save-bar {
    margin: 16px 0 5px !important;
    padding-top: 15px !important;
  }
  body[data-admin-page="telecode-referrals"]
    form.tc-card
    > .tc-save-bar
    .button {
    width: 100% !important;
    max-width: none !important;
    min-height: var(--tc-action-height) !important;
    padding: 9px 16px !important;
    font-size: var(--tc-font-size-sm) !important;
    line-height: 1.45 !important;
    border-radius: var(--tc-radius-md) !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap {
    margin-top: 14px !important;
    margin-bottom: max(
      32px,
      calc(env(safe-area-inset-bottom, 0px) + 18px)
    ) !important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty {
    overflow: visible !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body[data-admin-page="telecode-referrals"]
    .tc-referrals-table-wrap.is-empty
    .tc-referrals-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body[data-admin-page="telecode-referrals"]
    .tc-referrals-table-wrap.is-empty
    tbody,
  body[data-admin-page="telecode-referrals"]
    .tc-referrals-table-wrap.is-empty
    tr,
  body[data-admin-page="telecode-referrals"]
    .tc-referrals-table-wrap.is-empty
    td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body[data-admin-page="telecode-referrals"]
    .tc-referrals-table-wrap.is-empty
    .tc-referrals-table {
    min-width: 0 !important;
    margin: 0 !important;
  }
  body[data-admin-page="telecode-referrals"]
    .tc-referrals-table-wrap.is-empty
    thead {
    display: none !important;
  }
  body[data-admin-page="telecode-referrals"]
    .tc-referrals-table-wrap.is-empty
    td {
    padding: 0 !important;
    border: 0 !important;
  }
  body[data-admin-page="telecode-referrals"]
    .tc-referrals-table-wrap.is-empty
    .tc-empty-state {
    min-height: 64px !important;
    margin: 0 !important;
    padding: 16px 14px !important;
    border: 1px solid #e1e7f0 !important;
    border-radius: var(--tc-radius-lg) !important;
    background: var(--tc-color-surface) !important;
    color: #2f7b79 !important;
    font-size: var(--tc-font-size-sm) !important;
    line-height: 1.85 !important;
    box-shadow: 0 7px 20px rgba(16, 24, 40, 0.04) !important;
  }

  .tc-login-button {
    min-height: 52px !important;
    padding: 11px 16px 12px !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
  }
  .tc-login-error,
  .tc-login-success {
    font-size: 12.5px !important;
    line-height: 1.9 !important;
  }
}

@media (max-width: 380px) {
  body.tc-standalone .tc-page-heading p {
    font-size: 11.5px !important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label > small,
  body[data-admin-page="telecode-referrals"] form.tc-card > .tc-note {
    font-size: 11.5px !important;
  }
}

.tc-modal-dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 760px) !important;
  max-height: calc(100vh - 36px) !important;
  overflow: auto !important;
  padding: 22px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: var(--tc-radius-2xl) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 28px 80px rgba(16, 24, 40, 0.28) !important;
}

.tc-modal-dialog > header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #edf1f7 !important;
}

.tc-modal-dialog > header h2 {
  margin: 0 0 5px !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
}

.tc-modal-dialog > header p {
  margin: 0 !important;
  color: var(--tc-color-muted) !important;
  line-height: 1.75 !important;
}

.tc-modal-close {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  border: 1px solid #dce3ee !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
  color: #214f4e !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.tc-modal-dialog textarea[readonly],
.tc-modal-dialog input[readonly] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
}

.tc-campaign-selection,
.tc-weekday-picker,
.tc-campaign-buttons,
.tc-campaign-post-link {
  padding: 15px !important;
  border: 1px solid #e4eaf2 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: #fbfcfe !important;
}

.tc-campaign-selection > span,
.tc-weekday-picker > span {
  display: block !important;
  margin-bottom: 10px !important;
  font-weight: 700 !important;
  color: #214f4e !important;
}

.tc-campaign-check-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 9px !important;
}

.tc-campaign-check-grid > label {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: var(--tc-control-height-md) !important;
  padding: 10px 12px !important;
  border: 1px solid #dde5ef !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
  cursor: pointer !important;
}

.tc-weekday-picker > div > label {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid #dde5ef !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
  cursor: pointer !important;
}

.tc-campaign-check-grid > label > input,
.tc-weekday-picker > div > label > input {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.tc-campaign-check-grid > label > span {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.tc-campaign-check-grid > label small {
  color: var(--tc-color-muted) !important;
  word-break: break-word !important;
}

.tc-weekday-picker > div > label {
  min-height: 40px !important;
  padding: 8px 11px !important;
}

.tc-campaign-buttons summary,
.tc-campaign-post-link summary {
  cursor: pointer !important;
  list-style: none !important;
}

.tc-campaign-buttons summary::-webkit-details-marker,
.tc-campaign-post-link summary::-webkit-details-marker {
  display: none !important;
}

.tc-campaign-buttons summary small,
.tc-campaign-post-link summary small {
  margin-inline-start: 6px !important;
  color: var(--tc-color-muted) !important;
  font-weight: 400 !important;
}

.tc-campaign-button-list {
  display: grid !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.tc-campaign-button-row {
  padding: 13px !important;
  border: 1px solid #e3e8f0 !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
}

.tc-campaign-button-row > strong {
  display: block !important;
  margin-bottom: 10px !important;
}

.tc-template-vars {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1.8 !important;
}

.tc-template-vars code {
  direction: ltr !important;
}

.tc-payment-integrity-summary {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 10px !important;
}

.tc-payment-integrity-summary > div {
  padding: 13px !important;
  border: 1px solid #e4eaf2 !important;
  border-radius: var(--tc-radius-md) !important;
  background: #fbfcfe !important;
}

.tc-payment-integrity-summary span,
.tc-payment-integrity-summary strong,
.tc-payment-integrity-summary small {
  display: block !important;
}

.tc-payment-integrity-summary strong {
  margin: 4px 0 !important;
  font-size: 18px !important;
}

@media (max-width: 720px) {
  .tc-modal {
    padding: 10px !important;
    align-items: end !important;
  }
  .tc-modal-dialog {
    width: 100% !important;
    max-height: calc(100vh - 20px) !important;
    padding: 16px 14px !important;
    border-radius: 16px 16px 12px 12px !important;
  }
  .tc-modal-dialog > header h2 {
    font-size: 18px !important;
  }
  .tc-modal-dialog > header p {
    font-size: var(--tc-font-size-xs) !important;
  }
  .tc-campaign-check-grid {
    grid-template-columns: 1fr !important;
  }
}

.tc-payment-integrity-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 9px !important;
  margin-bottom: 12px !important;
}

.tc-payment-integrity-actions form {
  margin: 0 !important;
}

.tc-payment-integrity-time {
  margin: 0 0 12px !important;
  color: var(--tc-color-muted) !important;
  font-size: var(--tc-font-size-xs) !important;
}

.tc-payment-integrity-summary > p {
  margin: 0 !important;
  padding: 12px 13px !important;
  border: 1px solid #e4eaf2 !important;
  border-radius: var(--tc-radius-md) !important;
  background: #fbfcfe !important;
  line-height: 1.8 !important;
}

.tc-payment-integrity-notes {
  display: grid !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.tc-integrity-issue {
  padding: 14px !important;
  border: 1px solid #eadfca !important;
  border-radius: 13px !important;
  background: #fffdf8 !important;
}

.tc-integrity-issue h3 {
  margin: 0 0 7px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.tc-integrity-issue p {
  margin: 6px 0 !important;
  line-height: 1.85 !important;
}

.tc-integrity-detail {
  margin-top: 9px !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
  overflow: hidden !important;
}

.tc-integrity-detail > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 11px 12px !important;
  cursor: pointer !important;
}

.tc-integrity-detail > summary b {
  font-size: var(--tc-font-size-xs) !important;
  color: var(--tc-color-muted-strong) !important;
}

.tc-integrity-detail dl {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 12px 12px !important;
}

.tc-integrity-detail dl > div {
  display: grid !important;
  grid-template-columns: minmax(145px, 220px) 1fr !important;
  gap: 10px !important;
  padding: 9px 0 !important;
  border-top: 1px solid #edf1f5 !important;
}

.tc-integrity-detail dt {
  font-weight: 700 !important;
  color: #214f4e !important;
}

.tc-integrity-detail dd {
  margin: 0 !important;
  min-width: 0 !important;
  word-break: break-word !important;
}

.tc-integrity-hash-list {
  margin: 0 !important;
  padding-inline-start: 18px !important;
}

.tc-integrity-safe-note {
  padding: 10px 12px !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface-subtle) !important;
}

@media (max-width: 720px) {
  .tc-payment-integrity-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .tc-payment-integrity-actions form,
  .tc-payment-integrity-actions .button {
    width: 100% !important;
  }
  .tc-integrity-detail dl > div {
    grid-template-columns: 1fr !important;
    gap: 3px !important;
  }
}

.tc-schedule-builder {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface-subtle) !important;
}

.tc-schedule-builder-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.tc-schedule-builder-head strong {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #214f4e !important;
}

.tc-schedule-builder-head small {
  display: block !important;
  margin-top: 3px !important;
  color: var(--tc-color-muted) !important;
  line-height: 1.7 !important;
}

.tc-schedule-summary {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  min-height: var(--tc-control-height-md) !important;
  padding: 11px 13px !important;
  border: 1px solid #cfd9e7 !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
  line-height: 1.75 !important;
  color: #214f4e !important;
}

.tc-schedule-summary strong {
  color: var(--tc-color-action-text, #2f7b79) !important;
}

.tc-schedule-builder [data-campaign-weekdays][hidden],
.tc-schedule-builder [data-campaign-monthly][hidden],
.tc-schedule-builder [data-post-weekdays][hidden],
.tc-schedule-builder [data-post-monthly][hidden] {
  display: none !important;
}

@media (max-width: 720px) {
  .tc-schedule-builder {
    padding: 13px !important;
    gap: 12px !important;
  }
  .tc-schedule-builder-head strong {
    font-size: var(--tc-font-size-md) !important;
  }
  .tc-schedule-summary {
    font-size: var(--tc-font-size-xs) !important;
  }
}

.tc-template-vars-box {
  margin-top: 12px !important;
  border: 1px solid #e1e7ef !important;
  border-radius: var(--tc-radius-md) !important;
  background: #fbfcfe !important;
  overflow: hidden !important;
}

.tc-template-vars-box > summary {
  padding: 12px 14px !important;
  cursor: pointer !important;
  font-weight: 700 !important;
  color: #214f4e !important;
}

.tc-template-vars-box .tc-template-vars {
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid #edf1f5 !important;
  border-radius: 0 !important;
}

.tc-campaign-buttons > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.tc-campaign-buttons > summary small {
  color: var(--tc-color-muted) !important;
  font-weight: 400 !important;
}

@media (max-width: 720px) {
  .tc-campaign-buttons > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 2px !important;
  }
}

body.tc-login-page .tc-login-card {
  width: min(100%, 468px) !important;
  padding: clamp(24px, 4vw, 34px) !important;
  border-color: #d9e2ef !important;
}

body.tc-login-page .tc-login-form {
  gap: 18px !important;
}

body.tc-login-page .tc-login-form label > span {
  margin-bottom: 8px !important;
  color: #214f4e !important;
  font-size: var(--tc-font-size-sm) !important;
  font-weight: 800 !important;
}

body.tc-login-page .tc-input-shell {
  min-height: 54px !important;
  border-radius: 13px !important;
  background: var(--tc-color-field-bg) !important;
}

body.tc-login-page .tc-login-form .tc-input-shell > input {
  height: 54px !important;
  padding-inline-start: 48px !important;
  padding-inline-end: 52px !important;
  border: 1px solid var(--tc-color-field-border) !important;
  border-radius: 13px !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  font-size: var(--tc-font-size-md) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.tc-login-page .tc-login-form .tc-input-shell > input:hover {
  border-color: var(--tc-color-field-border-hover) !important;
  background: var(--tc-color-field-bg) !important;
}

body.tc-login-page .tc-login-form .tc-input-shell > input:focus {
  border-color: var(--tc-color-primary) !important;
  background: var(--tc-color-field-bg) !important;
  box-shadow: var(--tc-focus-ring) !important;
}

body.tc-login-page .tc-input-icon {
  inset-inline-start: 15px !important;
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  color: #7b8aa0 !important;
  transition: color 0.15s ease !important;
}

body.tc-login-page .tc-input-shell:focus-within .tc-input-icon {
  color: var(--tc-color-primary) !important;
}

body.tc-login-page .tc-password-toggle {
  inset-inline-end: 8px !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid transparent !important;
  border-radius: var(--tc-radius-sm) !important;
}

body.tc-login-page .tc-password-toggle:hover,
body.tc-login-page .tc-password-toggle:focus-visible {
  border-color: #dbe4f0 !important;
  background: #f0f4fa !important;
}

body.tc-login-page input[type="password"]::-ms-reveal,
body.tc-login-page input[type="password"]::-ms-clear {
  display: none !important;
}

body.tc-login-page
  input[type="password"]::-webkit-credentials-auto-fill-button {
  visibility: hidden !important;
  display: none !important;
}

body.tc-login-page .tc-pin-step-form {
  gap: 22px !important;
}

body.tc-login-page .tc-pin-code-inputs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(58px, 68px)) !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 2px 0 4px !important;
}

body.tc-login-page .tc-pin-code-inputs .tc-pin-digit {
  width: 100% !important;
  min-width: 0 !important;
  height: 66px !important;
  padding: 0 !important;
  border: 1px solid #c8d5e6 !important;
  border-radius: 15px !important;
  background: #fbfcfe !important;
  color: var(--tc-color-heading) !important;
  text-align: center !important;
  font-family: var(--tc-font-ui) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  caret-color: var(--tc-color-primary) !important;
  box-shadow: 0 2px 6px rgba(16, 24, 40, 0.035) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-text-security: disc !important;
}

body.tc-login-page .tc-pin-code-inputs .tc-pin-digit:hover {
  border-color: var(--tc-color-field-border-hover) !important;
  background: var(--tc-color-field-bg) !important;
}

body.tc-login-page .tc-pin-code-inputs .tc-pin-digit:focus {
  border-color: var(--tc-color-primary) !important;
  background: var(--tc-color-field-bg) !important;
  box-shadow: var(--tc-focus-ring) !important;
  outline: 0 !important;
}

body.tc-login-page .tc-login-button {
  min-height: 52px !important;
  border-radius: var(--tc-radius-md) !important;
  font-size: var(--tc-font-size-md) !important;
  box-shadow: 0 12px 26px rgba(49, 95, 213, 0.24) !important;
}

@media (max-width: 520px) {
  body.tc-login-page .tc-pin-code-inputs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
  body.tc-login-page .tc-pin-code-inputs .tc-pin-digit {
    height: 60px !important;
    font-size: 25px !important;
  }
}

html {
  background: var(--tc-ui-bg) !important;
  scroll-behavior: smooth;
}

body.tc-standalone * {
  min-width: 0;
}

body.tc-standalone a,
body.tc-standalone button,
body.tc-standalone input,
body.tc-standalone select,
body.tc-standalone textarea {
  -webkit-tap-highlight-color: transparent;
}

body.tc-standalone :focus-visible,
body.tc-login-page :focus-visible {
  outline: 2px solid transparent !important;
  box-shadow: var(--tc-ui-focus) !important;
}

body.tc-standalone .tc-sidebar-brand {
  padding-inline: 17px !important;
}

body.tc-standalone .tc-sidebar-brand strong {
  font-size: 17px !important;
  letter-spacing: 0.1px;
}

body.tc-standalone .tc-sidebar-brand small {
  font-size: 10.5px !important;
  color: #9eacc0 !important;
}

body.tc-standalone .tc-brand-mark {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: linear-gradient(145deg, #2f7b79, #2f7b79) !important;
  box-shadow: 0 9px 20px rgba(49, 95, 213, 0.25) !important;
}

body.tc-standalone .tc-sidebar-nav {
  padding: 14px 10px 22px !important;
}

body.tc-standalone .tc-nav-group > summary {
  color: #c4cede !important;

  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease !important;
}

body.tc-standalone .tc-nav-group.is-active-group > summary {
  box-shadow: inset 3px 0 0 #347573 !important;
}

html[dir="rtl"] body.tc-standalone .tc-nav-group.is-active-group > summary {
  box-shadow: inset -3px 0 0 #347573 !important;
}

body.tc-standalone .tc-sidebar-footer {
  min-height: 58px !important;
  padding-inline: 17px !important;
  color: #9cabc0 !important;
}

body.tc-standalone .tc-topbar {
  min-height: 74px !important;
  padding: 10px clamp(14px, 2.2vw, 28px) !important;

  backdrop-filter: saturate(150%) blur(14px) !important;
  -webkit-backdrop-filter: saturate(150%) blur(14px) !important;
}

body.tc-standalone .tc-page-heading h1 {
  color: var(--tc-color-text) !important;
  font-size: clamp(18px, 1.5vw, 22px) !important;
}

body.tc-standalone .tc-page-heading p {
  max-width: min(780px, 55vw) !important;
  color: #748197 !important;
  font-size: 11.5px !important;
}

body.tc-standalone .tc-health-link,
body.tc-standalone .tc-user-menu > summary {
  border-color: var(--tc-ui-border) !important;
}

body.tc-standalone .tc-health-link:hover,
body.tc-standalone .tc-user-menu > summary:hover {
  border-color: #c9d5e7 !important;
  background: #f9fbfe !important;
}

body.tc-standalone .tc-main {
  width: 100% !important;

  padding: clamp(18px, 2.2vw, 32px) clamp(16px, 2.4vw, 34px) 64px !important;
}

body.tc-standalone .tc-main .tc-section-head {
  gap: 16px !important;
}

body.tc-standalone .tc-main .tc-form-grid {
  gap: 17px 20px !important;
}

body.tc-standalone .tc-main .tc-stats,
body.tc-standalone .tc-main .tc-mini-stats {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 14px !important;
}

body.tc-standalone .tc-main .tc-stat {
  min-height: 118px !important;
  padding: 20px 18px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-radius-xl) !important;
  background: linear-gradient(
    150deg,
    var(--tc-color-surface) 0%,
    #fbfcff 100%
  ) !important;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.05) !important;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease !important;
}

body.tc-standalone .tc-main .tc-stat:hover {
  transform: translateY(-2px) !important;
  border-color: #ccd8e8 !important;
  box-shadow: 0 14px 30px rgba(16, 24, 40, 0.075) !important;
}

body.tc-standalone .tc-main .tc-stat strong {
  font-size: clamp(24px, 2vw, 30px) !important;
  color: #214f4e !important;
}

body.tc-standalone .tc-main .tc-stat span {
  font-size: 11.5px !important;
  color: #6b788d !important;
}

body.tc-standalone .tc-main label > span {
  line-height: 1.6 !important;
}

body.tc-standalone
  .tc-main
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="button"]
  ):not(.tc-native-picker-input) {
  width: 100% !important;

  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease !important;
}

body.tc-standalone .tc-main select,
body.tc-standalone .tc-main textarea {
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease !important;
}

body.tc-standalone .tc-main input::placeholder,
body.tc-standalone .tc-main textarea::placeholder {
  color: #98a4b7 !important;
  opacity: 1 !important;
}

body.tc-standalone
  .tc-main
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="button"]
  ):not(.tc-native-picker-input):hover,
body.tc-standalone .tc-main select:hover,
body.tc-standalone .tc-main textarea:hover {
  border-color: var(--tc-color-field-border-hover) !important;
}

body.tc-standalone
  .tc-main
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="button"]
  ):not(.tc-native-picker-input):focus,
body.tc-standalone .tc-main select:focus,
body.tc-standalone .tc-main textarea:focus {
  outline: 0 !important;
}

body.tc-standalone .tc-main input:disabled,
body.tc-standalone .tc-main select:disabled,
body.tc-standalone .tc-main textarea:disabled,
body.tc-standalone .tc-main input[readonly],
body.tc-standalone .tc-main textarea[readonly] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
  cursor: not-allowed !important;
}

body.tc-standalone .tc-main input[type="checkbox"] {
  accent-color: var(--tc-ui-primary) !important;
}

body.tc-standalone .tc-main input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  flex: 0 0 18px !important;
  accent-color: var(--tc-ui-primary) !important;
}

body.tc-standalone .tc-main input[type="file"] {
  min-height: 48px !important;
  padding: 6px !important;
  background: #f9fbfd !important;
}

body.tc-standalone .tc-main input[type="file"]::file-selector-button {
  min-height: 34px !important;
  margin-inline-end: 10px !important;
  padding: 0 13px !important;
  border: 1px solid #cdd7e5 !important;
  border-radius: 9px !important;
  background: var(--tc-color-surface) !important;
  color: #214f4e !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body.tc-standalone
  .tc-main
  button:not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(.tc-chat-send-button):not(.tc-gift-action-control):not(
    .tc-icon-button
  ):not(.tc-modal-close):not(.tc-password-toggle):not(
    .tc-iso-picker-button
  ):not(.tc-chat-edit-close):not(.tc-support-media-link):not(
    .tc-attachment-chip
  ):not(.tc-support-viewer-close),
body.tc-standalone .tc-main input[type="submit"]:not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete),
body.tc-standalone
  .tc-account-page
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  transition:
    transform 0.14s ease,
    box-shadow 0.14s ease,
    border-color 0.14s ease,
    background-color 0.14s ease !important;
}

body.tc-standalone .tc-main .button-primary:hover,
body.tc-standalone .tc-main button.button-primary:hover {
  box-shadow: none !important;
}

body.tc-standalone .tc-main .tc-actions,
body.tc-standalone .tc-main .tc-row-actions,
body.tc-standalone .tc-main .tc-form-actions,
body.tc-standalone .tc-main .tc-save-bar {
  gap: 10px !important;
}

body.tc-standalone .tc-main .tc-save-bar {
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e8edf4 !important;
}

body.tc-standalone .tc-main .tc-table-wrap {
  position: relative !important;

  scrollbar-width: thin !important;
  scrollbar-color: #aab6c7 #eef2f7 !important;
}

body.tc-standalone .tc-main table.widefat {
  min-width: 760px !important;
  border: 0 !important;
}

body.tc-standalone .tc-main .widefat th {
  padding: 13px 14px !important;

  letter-spacing: 0.05px !important;
}

body.tc-standalone .tc-main .widefat td {
  padding: 13px 14px !important;

  line-height: 1.7 !important;
}

body.tc-standalone .tc-main .widefat code {
  white-space: normal !important;
  word-break: break-all !important;
}

body.tc-standalone .tc-main .notice,
body.tc-standalone .tc-main .tc-note,
body.tc-standalone .tc-main .tc-system-note {
  line-height: 1.85 !important;
}

body.tc-standalone .tc-main .tc-empty-state {
  border-radius: 13px !important;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.035) !important;
}

body.tc-standalone .tc-main .tc-chat-closed-note {
  padding: 14px 15px !important;
  border-radius: 13px !important;
  line-height: 1.85 !important;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.035) !important;
}

body.tc-standalone .tc-main .tc-empty-state {
  color: #6d7b90 !important;
  background: #fafcff !important;
  border: 1px dashed #cfd9e7 !important;
}

body.tc-standalone .tc-nav-flyout,
body.tc-standalone .tc-user-dropdown {
  border-color: var(--tc-ui-border) !important;
}

body.tc-standalone .tc-modal-backdrop {
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

body.tc-standalone .tc-account-card {
  padding: clamp(20px, 2.4vw, 30px) !important;
}

body.tc-standalone .tc-account-card-head {
  border-bottom: 1px solid #e9eef5 !important;
}

body.tc-standalone .tc-chat-customers,
body.tc-standalone .tc-chat-panel {
  border-color: var(--tc-ui-border) !important;
}

body.tc-standalone .tc-chat-list-head,
body.tc-standalone .tc-chat-panel-head {
  background: var(--tc-color-surface) !important;
}

body.tc-standalone .tc-chat-messages {
  background: linear-gradient(
    180deg,
    #f8faff,
    var(--tc-color-canvas)
  ) !important;
}

@media (max-width: 1180px) {
  body.tc-standalone .tc-main {
    padding-inline: 20px !important;
  }
}

@media (max-width: 960px) {
  body.tc-standalone .tc-sidebar {
    padding-top: env(safe-area-inset-top, 0px) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }
  body.tc-standalone .tc-sidebar-brand {
    min-height: 70px !important;
  }
  body.tc-standalone .tc-sidebar-overlay {
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
  }
  body.tc-standalone .tc-topbar {
    min-height: 68px !important;
    padding-top: max(8px, env(safe-area-inset-top, 0px)) !important;
    padding-inline: 12px !important;
  }
  body.tc-standalone .tc-mobile-menu {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: var(--tc-radius-md) !important;
    box-shadow: var(--tc-ui-shadow-sm) !important;
  }

  body.tc-standalone .tc-nav-link {
    border-radius: var(--tc-radius-sm) !important;
  }
  body.tc-standalone .tc-page-heading p {
    max-width: 48vw !important;
  }
}

@media (max-width: 720px) {
  body.tc-standalone .tc-topbar {
    min-height: 64px !important;
    gap: 8px !important;
    padding-inline: 9px !important;
  }
  body.tc-standalone .tc-topbar-start {
    gap: 8px !important;
  }
  body.tc-standalone .tc-page-heading h1 {
    font-size: var(--tc-font-size-lg) !important;
    line-height: 1.45 !important;
  }
  body.tc-standalone .tc-page-heading p {
    display: none !important;
  }

  body.tc-standalone .tc-main .tc-card,
  body.tc-standalone .tc-main .tc-settings-card,
  body.tc-standalone .tc-main .tc-list-card,
  body.tc-standalone .tc-main .tc-template-card,
  body.tc-standalone .tc-main .tc-external-gateway-card,
  body.tc-standalone .tc-main .tc-subscription-panel,
  body.tc-standalone .tc-main .tc-reset-card,
  body.tc-standalone .tc-account-card {
    margin-bottom: 14px !important;

    box-shadow: 0 6px 18px rgba(16, 24, 40, 0.05) !important;
  }
  body.tc-standalone .tc-main .tc-section-head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
  }
  body.tc-standalone .tc-main .tc-section-head h2,
  body.tc-standalone .tc-main .tc-card > h2 {
    font-size: var(--tc-font-size-lg) !important;
  }
  body.tc-standalone .tc-main .tc-section-head p,
  body.tc-standalone .tc-main .tc-card > p,
  body.tc-standalone .tc-main .description {
    font-size: var(--tc-font-size-xs) !important;
    line-height: 1.8 !important;
  }
  body.tc-standalone .tc-main .tc-form-grid,
  body.tc-standalone .tc-account-grid,
  body.tc-standalone .tc-pin-fields {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.tc-standalone .tc-main .tc-stat {
    min-height: 100px !important;
    padding: 15px 13px !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body.tc-standalone .tc-main .tc-stat strong {
    font-size: 22px !important;
  }
  body.tc-standalone .tc-main .tc-stat span {
    font-size: 10.5px !important;
    line-height: 1.6 !important;
  }
  body.tc-standalone
    .tc-main
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
      [type="button"]
    ):not(.tc-native-picker-input),
  body.tc-standalone .tc-main select,
  body.tc-standalone .tc-main textarea {
    border-radius: var(--tc-radius-md) !important;
  }

  body.tc-standalone .tc-main .tc-save-bar {
    width: 100% !important;
  }
  body.tc-standalone .tc-main .tc-form-actions button,
  body.tc-standalone .tc-main .tc-save-bar button {
    width: 100% !important;
    min-height: 48px !important;
  }
  body.tc-standalone .tc-main .tc-actions,
  body.tc-standalone .tc-main .tc-row-actions {
    gap: 7px !important;
  }
  body.tc-standalone .tc-main .tc-actions .button,
  body.tc-standalone .tc-main .tc-row-actions .button {
    flex: 1 1 auto !important;
  }
  body.tc-standalone .tc-main .tc-table-wrap {
    margin-inline: -1px !important;
    border-radius: 13px !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.tc-standalone .tc-main table.widefat {
    min-width: 680px !important;
  }
  body.tc-standalone .tc-main .widefat th,
  body.tc-standalone .tc-main .widefat td {
    padding: 11px 12px !important;
    font-size: 11px !important;
  }

  body.tc-standalone .tc-user-menu > summary {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  body.tc-standalone .tc-user-dropdown {
    position: fixed !important;
    inset-inline: 9px !important;
    top: 72px !important;
    width: auto !important;
    max-height: calc(100svh - 86px) !important;
    overflow: auto !important;
  }
  body.tc-standalone .tc-modal {
    align-items: end !important;
    padding: 8px !important;
  }
  body.tc-standalone .tc-modal-dialog,
  body.tc-standalone .tc-modal-card {
    width: 100% !important;
    max-height: calc(100svh - 16px) !important;
    padding: 17px 15px max(17px, env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 20px 20px 12px 12px !important;
  }
  body.tc-standalone .tc-chat-layout {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    min-height: 0 !important;
  }
  body.tc-standalone .tc-chat-customers {
    max-height: 330px !important;
  }
  body.tc-standalone .tc-chat-panel {
    min-height: 520px !important;
  }
  body.tc-standalone .tc-chat-panel-head {
    padding: 13px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.tc-standalone .tc-chat-messages {
    min-height: 320px !important;
    max-height: 52svh !important;
    padding: 13px !important;
  }
  body.tc-standalone .tc-chat-bubble {
    max-width: 90% !important;
  }
}

@media (max-width: 420px) {
  body.tc-standalone .tc-main {
    padding-inline: 7px !important;
  }
  body.tc-standalone .tc-main .tc-card,
  body.tc-standalone .tc-main .tc-settings-card,
  body.tc-standalone .tc-main .tc-list-card,
  body.tc-standalone .tc-main .tc-template-card,
  body.tc-standalone .tc-account-card {
    padding: 14px !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body.tc-standalone .tc-main .tc-stats,
  body.tc-standalone .tc-main .tc-mini-stats {
    grid-template-columns: 1fr 1fr !important;
  }
  body.tc-standalone .tc-main .tc-stat {
    min-height: 92px !important;
    padding: 13px 11px !important;
  }
  body.tc-standalone .tc-main .tc-stat strong {
    font-size: 20px !important;
  }
  body.tc-standalone
    .tc-main
    .button:not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(.tc-chat-send-button):not(.tc-gift-action-control),
  body.tc-standalone
    .tc-main
    button:not(.tc-chat-send-button):not(.tc-gift-action-control):not(
      .tc-icon-button
    ):not(.tc-modal-close):not(.tc-password-toggle):not(
      .tc-iso-picker-button
    ):not(.tc-chat-edit-close):not(.tc-support-media-link):not(
      .tc-attachment-chip
    ):not(.tc-support-viewer-close),
  body.tc-standalone .tc-main input[type="submit"] {
    padding-inline: 13px !important;
  }
}

@media (max-width: 350px) {
  body.tc-standalone .tc-main .tc-stats,
  body.tc-standalone .tc-main .tc-mini-stats {
    grid-template-columns: 1fr !important;
  }
  body.tc-standalone .tc-page-heading h1 {
    font-size: var(--tc-font-size-md) !important;
  }
}

body.tc-login-page .tc-login-card {
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 32px 90px rgba(16, 24, 40, 0.15) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body.tc-login-page .tc-login-language {
  border-radius: 13px !important;
}

body.tc-login-page .tc-login-language a {
  min-height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: var(--tc-radius-sm) !important;
}

body.tc-login-page .tc-login-button {
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease !important;
}

body.tc-login-page .tc-login-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 15px 30px rgba(49, 95, 213, 0.28) !important;
}

@media (max-width: 520px) {
  body.tc-login-page {
    padding: max(12px, env(safe-area-inset-top, 0px)) 10px
      max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }
  body.tc-login-page .tc-login-card {
    padding: 20px 15px !important;
    border-radius: var(--tc-radius-2xl) !important;
  }
  body.tc-login-page .tc-login-form .tc-input-shell > input {
    font-size: var(--tc-font-size-lg) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}

body.tc-standalone .tc-main .tc-input-shell > input {
  padding-inline-start: 42px !important;
  padding-inline-end: 52px !important;
}

body.tc-standalone .tc-main .tc-password-field input {
  padding-inline-end: 52px !important;
}

body.tc-standalone .tc-main .tc-native-picker-input {
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.tc-standalone {
  background: var(--tc-ui-canvas) !important;
  color: var(--tc-ui-text) !important;
  font-size: var(--tc-font-size-sm) !important;
}

body.tc-standalone .tc-main-scroll {
  background: var(--tc-ui-canvas) !important;
}

body.tc-standalone .tc-sidebar {
  background: linear-gradient(
    180deg,
    var(--tc-ui-sidebar) 0%,
    var(--tc-ui-sidebar-deep) 100%
  ) !important;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 28px rgba(15, 23, 42, 0.1) !important;
}

body.tc-standalone .tc-sidebar-brand,
body.tc-standalone .tc-sidebar-footer {
  background: rgba(4, 10, 20, 0.18) !important;
}

body.tc-standalone .tc-nav-group > summary {
  border-radius: var(--tc-radius-sm) !important;
  font-weight: 700 !important;
}

body.tc-standalone .tc-nav-link {
  min-height: 44px !important;
  border-radius: var(--tc-radius-sm) !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 700 !important;
}

body.tc-standalone .tc-nav-group > summary:hover,
body.tc-standalone .tc-nav-group.is-active-group > summary,
body.tc-standalone .tc-nav-group[data-flyout-open="1"] > summary,
body.tc-standalone .tc-nav-link:hover {
  background: var(--tc-ui-sidebar-hover) !important;
  color: var(--tc-color-surface) !important;
}

body.tc-standalone .tc-nav-link.is-active {
  background: var(--tc-ui-accent) !important;
  color: var(--tc-color-surface) !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-nav-flyout {
  border: 1px solid #214f4e !important;
  border-radius: var(--tc-radius-lg) !important;
  background: linear-gradient(180deg, #214f4e 0%, #214f4e 100%) !important;
  color: #edf2f8 !important;
  box-shadow: 0 24px 60px rgba(4, 10, 20, 0.34) !important;
}

body.tc-standalone .tc-nav-flyout-head {
  border-bottom: 1px solid #214f4e !important;
  color: var(--tc-color-surface) !important;
}

body.tc-standalone .tc-nav-flyout-head strong {
  color: var(--tc-color-surface) !important;
}

body.tc-standalone .tc-nav-flyout-head button {
  background: #214f4e !important;
  color: #cbd5e1 !important;
}

body.tc-standalone .tc-nav-flyout-head button:hover {
  background: #214f4e !important;
  color: var(--tc-color-surface) !important;
}

body.tc-standalone .tc-nav-flyout .tc-nav-link {
  color: #c8d3e2 !important;
  background: transparent !important;
}

body.tc-standalone .tc-nav-flyout .tc-nav-link:hover {
  background: #214f4e !important;
  color: var(--tc-color-surface) !important;
}

body.tc-standalone .tc-nav-flyout .tc-nav-link.is-active {
  background: var(--tc-ui-accent) !important;
  color: var(--tc-color-surface) !important;
}

body.tc-standalone .tc-topbar {
  background: rgba(255, 255, 255, 0.97) !important;
}

body.tc-standalone .tc-health-link {
  min-height: 44px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-ui-surface) !important;
  color: #214f4e !important;
  box-shadow: var(--tc-ui-shadow-sm) !important;
}

body.tc-standalone .tc-user-menu > summary {
  min-height: 44px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-ui-surface) !important;
  color: #214f4e !important;
}

body.tc-standalone .tc-user-dropdown {
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-ui-surface) !important;
  color: var(--tc-ui-text) !important;
  box-shadow: 0 22px 54px rgba(16, 24, 40, 0.18) !important;
}

body.tc-standalone .tc-user-dropdown > a,
body.tc-standalone .tc-user-language {
  min-height: 42px !important;
  border-radius: var(--tc-radius-sm) !important;
  color: #214f4e !important;
  font-size: 11.5px !important;
}

body.tc-standalone .tc-logout-trigger {
  min-height: 42px !important;
  border-radius: var(--tc-radius-sm) !important;
  font-size: 11.5px !important;
}

body.tc-standalone .tc-user-dropdown > a:hover,
body.tc-standalone .tc-logout-trigger:hover {
  background: var(--tc-ui-surface-muted) !important;
}

body.tc-standalone .tc-logout-trigger {
  color: var(--tc-ui-danger) !important;
}

body.tc-standalone .tc-main .tc-card,
body.tc-standalone .tc-main .tc-settings-card,
body.tc-standalone .tc-main .tc-list-card,
body.tc-standalone .tc-main .tc-template-card,
body.tc-standalone .tc-main .tc-external-gateway-card,
body.tc-standalone .tc-main .tc-subscription-panel,
body.tc-standalone .tc-main .tc-reset-card,
body.tc-standalone .tc-account-card,
body.tc-standalone .tc-chat-customers,
body.tc-standalone .tc-chat-panel {
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-radius-xl) !important;
  background: var(--tc-ui-surface) !important;
  box-shadow: var(--tc-ui-shadow) !important;
}

body.tc-standalone .tc-main .tc-card,
body.tc-standalone .tc-main .tc-settings-card,
body.tc-standalone .tc-main .tc-list-card,
body.tc-standalone .tc-main .tc-template-card,
body.tc-standalone .tc-main .tc-external-gateway-card,
body.tc-standalone .tc-main .tc-subscription-panel,
body.tc-standalone .tc-main .tc-reset-card {
  padding: 22px !important;
  margin-bottom: 18px !important;
}

body.tc-standalone .tc-main .tc-section-head {
  margin-bottom: 18px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #e8edf4 !important;
}

body.tc-standalone .tc-main .tc-section-head h2,
body.tc-standalone .tc-main .tc-card > h2 {
  margin: 0 !important;
  color: var(--tc-ui-text) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
}

body.tc-standalone .tc-main .tc-section-head p,
body.tc-standalone .tc-main .tc-card > p,
body.tc-standalone .tc-main .description {
  color: var(--tc-ui-text-soft) !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.8 !important;
}

body.tc-standalone .tc-main label > span {
  margin-bottom: 7px !important;
  color: #214f4e !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 800 !important;
}

body.tc-standalone
  .tc-main
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="button"]
  ):not(.tc-native-picker-input) {
  min-height: var(--tc-ui-control-h) !important;
  padding: 9px 13px !important;
  border: 1px solid var(--tc-color-field-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.65 !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-main select {
  min-height: var(--tc-ui-control-h) !important;
  padding: 9px 13px !important;
  border: 1px solid var(--tc-color-field-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  font-size: var(--tc-font-size-sm) !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-main textarea {
  padding: 9px 13px !important;
  border: 1px solid var(--tc-color-field-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  font-size: var(--tc-font-size-sm) !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-main textarea {
  min-height: var(--tc-textarea-min-height) !important;
}

body.tc-standalone
  .tc-main
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="button"]
  ):not(.tc-native-picker-input):focus,
body.tc-standalone .tc-main select:focus,
body.tc-standalone .tc-main textarea:focus {
  border-color: var(--tc-ui-accent) !important;
  box-shadow: var(--tc-focus-ring) !important;
}

body.tc-standalone .tc-main .tc-checks label,
body.tc-standalone .tc-main .tc-checkbox-card {
  min-height: var(--tc-ui-control-h) !important;
  padding: 10px 12px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-ui-surface-subtle) !important;
  color: #214f4e !important;
}

body.tc-standalone .tc-main .tc-checks label:hover,
body.tc-standalone .tc-main .tc-checkbox-card:hover {
  border-color: var(--tc-ui-border-strong) !important;
  background: #f5f8fc !important;
}

body.tc-standalone
  .tc-main
  button:not(.tc-chat-send-button):not(.tc-gift-action-control):not(
    .tc-icon-button
  ):not(.tc-modal-close):not(.tc-password-toggle):not(
    .tc-iso-picker-button
  ):not(.tc-chat-edit-close):not(.tc-support-media-link):not(
    .tc-attachment-chip
  ):not(.tc-support-viewer-close),
body.tc-standalone .tc-main input[type="submit"],
body.tc-standalone
  .tc-account-page
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
body.tc-standalone
  .tc-modal
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  min-height: var(--tc-ui-button-h) !important;
  padding: 8px 16px !important;
  border: 1px solid var(--tc-color-button-secondary-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

body.tc-standalone
  .tc-main
  button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(
    .tc-iso-picker-button
  ):not(.tc-chat-edit-close):not(.tc-support-media-link):not(
    .tc-attachment-chip
  ):not(.tc-support-viewer-close):hover,
body.tc-standalone .tc-main input[type="submit"]:hover,
body.tc-standalone .tc-modal .button:hover {
  transform: none !important;
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-main input.button-primary[type="submit"],
body.tc-standalone .tc-modal .button-primary {
  border-color: var(--tc-color-button-secondary-border) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-modal .button-primary:hover {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
}

body.tc-standalone .tc-main .button-danger,
body.tc-standalone .tc-main .button-link-delete {
  border-color: var(--tc-color-button-danger-border) !important;
  background: var(--tc-color-danger-soft) !important;
  color: var(--tc-color-danger) !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-modal .button-logout {
  border-color: var(--tc-color-button-danger-border) !important;
  background: var(--tc-ui-danger-soft) !important;
  color: var(--tc-ui-danger) !important;
  box-shadow: none !important;
}

body.tc-standalone
  .tc-main
  .tc-row-actions
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
body.tc-standalone
  .tc-main
  .widefat
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  min-height: 38px !important;
  padding: 6px 12px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}

body.tc-standalone .tc-main .tc-table-wrap {
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-ui-surface) !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-main .widefat th {
  background: #f5f7fa !important;
  color: #2f7b79 !important;
  font-size: 11.5px !important;
}

body.tc-standalone .tc-main .widefat td {
  color: #214f4e !important;
  font-size: 11.5px !important;
}

body.tc-standalone .tc-main .widefat tbody tr:nth-child(even) td {
  background: #fbfcfe !important;
}

body.tc-standalone .tc-main .widefat tbody tr:hover td {
  background: var(--tc-color-canvas) !important;
}

body.tc-standalone .tc-main .tc-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 4px 9px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-radius-pill) !important;
  background: #f5f7fa !important;
  color: #2f7b79 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body.tc-standalone .tc-main .tc-status-sending,
body.tc-standalone .tc-main .tc-status-queued {
  border-color: #c9d8fb !important;
  background: var(--tc-ui-info-soft) !important;
  color: #2f7b79 !important;
}

body.tc-standalone .tc-main .tc-status-paused {
  border-color: #ead39f !important;
  background: var(--tc-ui-warning-soft) !important;
  color: var(--tc-ui-warning) !important;
}

body.tc-standalone .tc-main .tc-status-error {
  border-color: #efc6c2 !important;
  background: var(--tc-ui-danger-soft) !important;
  color: var(--tc-ui-danger) !important;
}

body.tc-standalone .tc-main .notice,
body.tc-standalone .tc-main .tc-note,
body.tc-standalone .tc-main .tc-system-note {
  position: relative !important;
  margin: 0 0 16px !important;
  padding: 13px 15px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-inline-start-width: 4px !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-ui-surface) !important;
  color: #214f4e !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-main .notice p {
  margin: 0 !important;
}

body.tc-standalone .tc-main .notice-warning {
  border-color: #ead39f !important;
  border-inline-start-color: #c98616 !important;
  background: var(--tc-ui-warning-soft) !important;
  color: #724600 !important;
}

body.tc-standalone .tc-main .notice-error {
  border-color: #efc6c2 !important;
  border-inline-start-color: var(--tc-ui-danger) !important;
  background: var(--tc-ui-danger-soft) !important;
  color: #912018 !important;
}

body.tc-standalone .tc-security-guidance {
  margin: -4px 0 16px !important;
  padding: 12px 13px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: 11px !important;
  background: var(--tc-ui-surface-subtle) !important;
  color: var(--tc-ui-text-soft) !important;
  font-size: 11.5px !important;
  line-height: 1.8 !important;
}

body.tc-standalone .tc-security-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.tc-standalone .tc-security-list li {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 11px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: 11px !important;
  background: var(--tc-ui-surface-subtle) !important;
  color: #214f4e !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

body.tc-standalone .tc-security-check-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.tc-standalone .tc-security-check-copy strong {
  color: var(--tc-ui-text) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.tc-standalone .tc-security-check-copy > span {
  color: var(--tc-ui-text-soft) !important;
  overflow-wrap: anywhere !important;
}

body.tc-standalone .tc-security-status {
  padding: 3px 7px !important;
  border-radius: var(--tc-radius-pill) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body.tc-standalone .tc-security-list li.is-enabled .tc-security-status {
  background: #e9effb !important;
  color: #2f7b79 !important;
}

body.tc-standalone .tc-security-list li.is-disabled .tc-security-status {
  background: #eef0f3 !important;
  color: #5b6472 !important;
}

body.tc-standalone .tc-security-list li.is-setup .tc-security-status {
  background: #fff0cf !important;
  color: #7a4a00 !important;
}

body.tc-standalone .tc-integrity-all-good {
  padding: 13px 14px !important;
  border: 1px solid #c9d8fb !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-ui-info-soft) !important;
  color: #2f7b79 !important;
}

body.tc-standalone .tc-modal-card,
body.tc-standalone .tc-modal-dialog {
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-radius-2xl) !important;
  background: var(--tc-ui-surface) !important;
  box-shadow: 0 28px 76px rgba(15, 23, 42, 0.24) !important;
}

body.tc-standalone .tc-icon-button,
body.tc-standalone .tc-modal-close,
body.tc-standalone .tc-password-toggle,
body.tc-standalone .tc-iso-picker-button,
body.tc-standalone .tc-chat-edit-close {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: var(--tc-radius-sm) !important;
}

@media (max-width: 960px) {
  body.tc-standalone .tc-nav-items {
    padding: 5px 4px 8px !important;
  }
}

@media (max-width: 720px) {
  body.tc-standalone .tc-main .tc-card,
  body.tc-standalone .tc-main .tc-settings-card {
    border-radius: var(--tc-radius-lg) !important;
  }

  body.tc-standalone .tc-main .tc-list-card,
  body.tc-standalone .tc-main .tc-template-card,
  body.tc-standalone .tc-main .tc-external-gateway-card,
  body.tc-standalone .tc-main .tc-subscription-panel,
  body.tc-standalone .tc-main .tc-reset-card,
  body.tc-standalone .tc-account-card {
    padding: 15px !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body.tc-standalone
    .tc-main
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
      [type="button"]
    ):not(.tc-native-picker-input),
  body.tc-standalone .tc-main select,
  body.tc-standalone .tc-main textarea {
    min-height: 50px !important;
    font-size: var(--tc-font-size-lg) !important;
  }
  body.tc-standalone .tc-security-list {
    grid-template-columns: 1fr !important;
  }
  body.tc-standalone .tc-main .tc-form-actions,
  body.tc-standalone .tc-main .tc-save-bar {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  body.tc-standalone
    .tc-main
    .tc-form-actions
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
  body.tc-standalone
    .tc-main
    .tc-save-bar
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
    width: 100% !important;
    min-height: 48px !important;
  }
}

body.tc-standalone
  .tc-main
  button.button-warning:not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close) {
  border-color: var(--tc-color-button-warning-border) !important;
  background: var(--tc-ui-warning-soft) !important;
  color: var(--tc-ui-warning) !important;
}

body.tc-standalone
  .tc-main
  button.button-danger:not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close),
body.tc-standalone
  .tc-main
  button.button-link-delete:not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close) {
  border-color: var(--tc-color-button-danger-border) !important;
  background: var(--tc-ui-danger-soft) !important;
  color: var(--tc-ui-danger) !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-gateway-visibility {
  margin-bottom: 14px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-inline-start-width: 4px !important;
  border-radius: 11px !important;
  background: var(--tc-ui-surface-subtle) !important;
  color: var(--tc-color-muted-strong) !important;
  font-size: 11.5px !important;
  line-height: 1.75 !important;
}

body.tc-standalone .tc-gateway-visibility.is-visible {
  border-inline-start-color: var(--tc-ui-accent) !important;
  background: var(--tc-ui-info-soft) !important;
  color: var(--tc-color-action-text) !important;
}

body.tc-standalone .tc-gateway-visibility.is-hidden {
  border-inline-start-color: #c98616 !important;
  background: var(--tc-ui-warning-soft) !important;
  color: #724600 !important;
}

body.tc-standalone .tc-payment-integrity-summary .tc-integrity-summary-item {
  position: relative !important;
  min-height: var(--tc-control-height-md) !important;
  padding: 11px 32px 11px 12px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: 11px !important;
  background: var(--tc-ui-surface-subtle) !important;
  color: var(--tc-color-muted-strong) !important;
}

html[dir="ltr"]
  body.tc-standalone
  .tc-payment-integrity-summary
  .tc-integrity-summary-item {
  padding: 11px 12px 11px 32px !important;
}

body.tc-standalone
  .tc-payment-integrity-summary
  .tc-integrity-summary-item::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 13px !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--tc-ui-accent) !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 0 3px rgba(49, 95, 213, 0.1) !important;
}

body.tc-standalone .tc-integrity-healthy ul {
  display: grid !important;
  gap: 8px !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.tc-standalone .tc-integrity-healthy li {
  position: relative !important;
  padding-inline-start: 18px !important;
  color: var(--tc-color-muted-strong) !important;
  line-height: 1.75 !important;
}

body.tc-standalone .tc-integrity-healthy li::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 0.72em !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--tc-ui-accent) !important;
}

body.tc-login-page .tc-login-success {
  border: 1px solid #c9d8fb !important;
  background: var(--tc-color-primary-soft) !important;
  color: var(--tc-color-action-text) !important;
}

body.tc-login-page .tc-login-status-mark {
  flex: 0 0 auto !important;
  width: 9px !important;
  height: 9px !important;
  margin-top: 0.55em !important;
  border-radius: 50% !important;
  background: var(--tc-color-primary) !important;
  box-shadow: 0 0 0 4px rgba(49, 95, 213, 0.11) !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-children,
.tc-unified-sidebar .tc-sidebar .submenu {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-shadow: none !important;
}

.tc-support-media-image {
  margin-top: 8px;
}

.tc-support-media-player {
  display: block;
  width: min(100%, 420px);
  max-width: 100%;
  margin-top: 8px;
}

@media (max-width: 900px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  .tc-admin-shell,
  .tc-admin-main,
  .tc-page,
  .wrap,
  .tc-content {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .tc-grid,
  .tc-form-grid,
  .tc-cards,
  .tc-settings-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .tc-card,
  .tc-panel,
  .tc-section,
  .tc-table-wrap,
  .tc-chat-layout,
  .tc-chat-panel {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  table {
    max-width: none;
  }
  .tc-table-wrap,
  .widefat-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  input,
  select,
  textarea,
  button {
    max-width: 100%;
    box-sizing: border-box;
  }
  input,
  select,
  textarea {
    font-size: var(--tc-font-size-lg) !important;
  }
  .tc-topbar {
    gap: 8px !important;
  }
  .tc-profile-menu,
  .tc-account-menu {
    max-width: calc(100vw - 24px) !important;
    inset-inline-end: 12px !important;
    inset-inline-start: auto !important;
  }
  .tc-chat-layout {
    display: block !important;
  }
  .tc-chat-list,
  .tc-chat-panel {
    width: 100% !important;
  }
  .tc-chat-panel:not(.is-selected) {
    display: none;
  }
}

@media (max-width: 480px) {
  .tc-page,
  .wrap,
  .tc-content {
    padding-inline: 12px !important;
  }
  .button,
  .tc-button,
  button {
    min-height: 42px;
  }
  .tc-actions,
  .tc-form-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .tc-actions > *,
  .tc-form-actions > * {
    flex: 1 1 140px;
  }
}

.tc-unified-sidebar .tc-sidebar .tc-nav-group {
  /* Closed groups already hide .tc-nav-items explicitly. Keeping an open
     group unclipped prevents lower session/settings items from being cut off. */
  overflow: visible !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-group > summary {
  width: 100% !important;
  box-sizing: border-box !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-items {
  position: static !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 4px 6px 8px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-group:not([open]) > .tc-nav-items {
  display: none !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 39px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  color: #b8c3d1 !important;
  text-decoration: none !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  overflow: hidden !important;
}

.tc-unified-sidebar
  .tc-sidebar
  .tc-nav-link
  > span:not(.tc-nav-link-icon):not(.tc-nav-attention-badge) {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-link:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--tc-color-surface) !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-link.is-active {
  background: var(--tc-color-primary) !important;
  color: var(--tc-color-surface) !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-group[open] > summary {
  background: rgba(255, 255, 255, 0.075) !important;
  color: var(--tc-color-surface) !important;
}

.tc-unified-sidebar .tc-sidebar .tc-nav-group[open] .tc-nav-chevron {
  transform: rotate(180deg) !important;
}

.tc-unified-sidebar .tc-nav-flyout,
.tc-unified-sidebar [data-desktop-flyout] {
  display: none !important;
}

body.tc-standalone .tc-user-menu {
  position: relative !important;
  flex: 0 0 auto !important;
  z-index: 2100 !important;
}

body.tc-standalone .tc-user-menu > summary {
  box-sizing: border-box !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.tc-standalone .tc-user-menu > summary:focus-visible {
  border-color: #347573 !important;
  box-shadow: 0 0 0 3px rgba(49, 95, 213, 0.14) !important;
}

body.tc-standalone .tc-user-menu[open] > summary {
  border-color: #347573 !important;
  background: #f7f9ff !important;
}

body.tc-standalone .tc-user-dropdown {
  display: grid !important;
  gap: 3px !important;
  max-width: calc(100vw - 20px) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.tc-standalone .tc-user-dropdown > a,
body.tc-standalone .tc-user-language,
body.tc-standalone .tc-logout-trigger {
  box-sizing: border-box !important;
  min-width: 0 !important;
  white-space: normal !important;
  line-height: 1.55 !important;
}

body.tc-standalone .tc-user-language {
  flex-wrap: wrap !important;
}

body.tc-standalone .tc-user-language a {
  min-width: 0 !important;
}

@media (max-width: 960px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  body.tc-standalone {
    min-width: 0 !important;
  }
  body.tc-standalone .tc-app,
  body.tc-standalone .tc-main-scroll {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.tc-standalone .tc-main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.tc-standalone .tc-main-scroll {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  body.tc-standalone .tc-sidebar {
    overflow: hidden !important;
  }
  body.tc-standalone .tc-sidebar-scroll {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  body.tc-standalone .tc-sidebar-nav {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.tc-standalone .tc-topbar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.tc-standalone .tc-topbar-start {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  body.tc-standalone .tc-page-heading {
    min-width: 0 !important;
  }
  body.tc-standalone .tc-page-heading h1 {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body.tc-standalone .tc-topbar-actions {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  body.tc-standalone .tc-user-menu > summary {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 4px !important;
    border-radius: var(--tc-radius-md) !important;
  }
  body.tc-standalone .tc-user-avatar {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
  }
  body.tc-standalone .tc-user-copy,
  body.tc-standalone .tc-user-arrow {
    display: none !important;
  }
  body.tc-standalone .tc-user-dropdown {
    position: fixed !important;
    top: calc(var(--tc-topbar-height) + 8px) !important;
    inset-inline-end: 10px !important;
    inset-inline-start: auto !important;
    width: min(286px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - var(--tc-topbar-height) - 20px) !important;
    overflow-y: auto !important;
    z-index: 2500 !important;
  }
  body.tc-standalone .tc-main,
  body.tc-standalone .tc-main *,
  body.tc-standalone .tc-main *::before,
  body.tc-standalone .tc-main *::after {
    box-sizing: border-box !important;
  }
  body.tc-standalone .tc-main .tc-card,
  body.tc-standalone .tc-main .tc-settings-card,
  body.tc-standalone .tc-main .tc-panel,
  body.tc-standalone .tc-main .tc-section,
  body.tc-standalone .tc-main .tc-table-wrap,
  body.tc-standalone .tc-main form,
  body.tc-standalone .tc-main fieldset,
  body.tc-standalone .tc-main details {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.tc-standalone
    .tc-main
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.tc-standalone .tc-main select,
  body.tc-standalone .tc-main textarea {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.tc-standalone .tc-main .tc-form-grid,
  body.tc-standalone .tc-main .tc-settings-grid,
  body.tc-standalone .tc-main .tc-grid,
  body.tc-standalone .tc-main .tc-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 720px) {
  body.tc-standalone .tc-main {
    padding: 12px 8px 32px !important;
  }
  body.tc-standalone .tc-main .tc-card,
  body.tc-standalone .tc-main .tc-settings-card,
  body.tc-standalone .tc-main .tc-panel {
    padding: 13px !important;
  }
  body.tc-standalone .tc-main .tc-table-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table tbody,
  body.tc-standalone .tc-main table.tc-responsive-table tr {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    grid-template-columns: minmax(92px, 32%) minmax(0, 1fr) !important;
    padding: 10px 11px !important;
    gap: 9px !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td::before {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.tc-standalone .tc-main .tc-countries-table td {
    unicode-bidi: plaintext !important;
  }
  body.tc-standalone .tc-main .tc-countries-table td:first-child {
    overflow-wrap: anywhere !important;
  }
  body.tc-standalone .tc-main .tc-inline-form,
  body.tc-standalone .tc-main .tc-row-actions:not(.tc-gift-actions-grid),
  body.tc-standalone .tc-main .tc-form-actions,
  body.tc-standalone .tc-main .tc-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.tc-standalone .tc-main .tc-inline-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.tc-standalone .tc-main .tc-inline-form .button,
  body.tc-standalone
    .tc-main
    .tc-row-actions:not(.tc-gift-actions-grid)
    .button,
  body.tc-standalone .tc-main .tc-form-actions .button {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 400px) {
  body.tc-standalone .tc-topbar {
    padding-inline: 8px !important;
  }
  body.tc-standalone .tc-mobile-menu {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }
  body.tc-standalone .tc-user-menu > summary {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }
  body.tc-standalone .tc-user-avatar {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td {
    grid-template-columns: minmax(84px, 30%) minmax(0, 1fr) !important;
    padding: 9px !important;
    gap: 7px !important;
  }
}

@media (max-width: 960px) {
  body.tc-standalone .tc-sidebar {
    visibility: hidden !important;
    pointer-events: none !important;
    box-shadow: none !important;
  }
  body.tc-standalone.tc-sidebar-open .tc-sidebar {
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: 0 20px 60px rgba(16, 24, 40, 0.32) !important;
  }
}

body.tc-standalone .tc-sidebar-brand {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.tc-standalone .tc-sidebar-brand .tc-brand-mark,
body.tc-standalone .tc-sidebar-brand .tc-sidebar-close {
  flex: 0 0 auto !important;
}

body.tc-standalone .tc-main input[type="checkbox"] {
  direction: ltr !important;
  transform: none !important;
}

body.tc-standalone .tc-main input[type="checkbox"]::before {
  box-sizing: border-box !important;
  border-right: 2px solid var(--tc-color-surface) !important;
}

html[dir="rtl"] body.tc-standalone .tc-main input[type="checkbox"]::before {
  content: "" !important;
  box-sizing: border-box !important;
  width: 6px !important;
  height: 10px !important;
  border: 0 !important;
  border-right: 2px solid var(--tc-color-surface) !important;
  border-bottom: 2px solid var(--tc-color-surface) !important;
  transform: translateY(-1px) rotate(45deg) scale(0) !important;
  transform-origin: center !important;
}

html[dir="rtl"]
  body.tc-standalone
  .tc-main
  input[type="checkbox"]:checked::before {
  transform: translateY(-1px) rotate(45deg) scale(1) !important;
}

body[data-admin-page="telecode-users"] .tc-users-summary {
  grid-template-columns: minmax(0, 1fr) !important;
}

body[data-admin-page="telecode-users"] .tc-users-summary .tc-stat {
  width: 100% !important;
  max-width: none !important;
}

body[data-admin-page="telecode-users"] .tc-user-identity-copy {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-admin-page="telecode-users"] .tc-user-identity-copy strong,
body[data-admin-page="telecode-users"] .tc-user-meta {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body[data-admin-page="telecode-users"] .tc-user-meta {
  unicode-bidi: plaintext !important;
  text-align: start !important;
}

body[data-admin-page="telecode-users"] .tc-user-language {
  margin: 0 !important;
  color: #6f7d91 !important;
}

body[data-admin-page="telecode-users"] .tc-admin-datetime {
  display: block !important;
  max-width: 100% !important;
  color: #7a8699 !important;
  font-size: 10.5px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  unicode-bidi: isolate !important;
}

@media (max-width: 720px) {
  body.tc-standalone .tc-user-menu > summary {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  body.tc-standalone .tc-user-menu > summary .tc-user-avatar {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border: 1px solid #d8e1ee !important;
    border-radius: var(--tc-radius-md) !important;
    background: #eef3ff !important;
    box-shadow: none !important;
  }

  body[data-admin-page="telecode-users"] .tc-page-stats {
    margin-bottom: 12px !important;
  }
  body[data-admin-page="telecode-users"] .tc-page-stats .tc-stat {
    min-height: 86px !important;
    padding: 13px 14px !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body[data-admin-page="telecode-users"] .tc-page-stats .tc-stat strong {
    font-size: 24px !important;
  }
  body[data-admin-page="telecode-users"] .tc-users-toolbar {
    margin-bottom: 12px !important;
    padding: 12px !important;
  }
  body[data-admin-page="telecode-users"] .tc-users-toolbar .tc-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table tbody {
    gap: 10px !important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table tr {
    overflow: hidden !important;
    border: 1px solid var(--tc-color-border) !important;
    border-radius: var(--tc-radius-lg) !important;
    background: var(--tc-color-surface) !important;
    box-shadow: 0 5px 16px rgba(16, 24, 40, 0.035) !important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table td {
    grid-template-columns: minmax(78px, 26%) minmax(0, 1fr) !important;
    padding: 10px 12px !important;
    gap: 8px !important;
    align-items: center !important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table td::before {
    align-self: start !important;
    padding-top: 2px !important;
    font-size: 10.5px !important;
  }
  body[data-admin-page="telecode-users"] .tc-user-identity {
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  body[data-admin-page="telecode-users"] .tc-user-avatar {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border-radius: var(--tc-radius-md) !important;
  }
  body[data-admin-page="telecode-users"] .tc-user-statuses,
  body[data-admin-page="telecode-users"] .tc-user-activity {
    width: 100% !important;
    align-items: flex-start !important;
    gap: 5px !important;
  }
  body[data-admin-page="telecode-users"] .tc-balance-stack {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  body[data-admin-page="telecode-users"] .tc-balance-stack span {
    min-width: 0 !important;
    padding: 8px 9px !important;
  }

  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-name {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px !important;
    direction: rtl !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-name
    > span:last-child {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-name
    strong,
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-name
    small {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    .tc-country-name
    small {
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    text-align: right !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-active {
    justify-content: flex-start !important;
  }
}

@media (max-width: 400px) {
  body.tc-standalone .tc-user-menu > summary .tc-user-avatar {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table td {
    grid-template-columns: minmax(72px, 25%) minmax(0, 1fr) !important;
    padding: 9px 10px !important;
  }
}

.tc-support-media-link {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--tc-radius-md) !important;
  background: transparent !important;
  cursor: zoom-in !important;
  text-align: start !important;
}

.tc-support-media-image {
  display: block !important;
  max-width: min(100%, 360px) !important;
  max-height: 300px !important;
  object-fit: contain !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface-subtle) !important;
}

.tc-support-media-error {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 180px !important;
  min-height: 82px !important;
  padding: 12px !important;
  border: 1px dashed #d0d8e5 !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface-subtle) !important;
  color: var(--tc-color-muted) !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}

.tc-support-media-error[hidden] {
  display: none !important;
}

.tc-attachment-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-height: 40px !important;
  margin-top: 8px !important;
  padding: 8px 12px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface-subtle) !important;
  color: var(--tc-color-primary) !important;
  text-decoration: none !important;
  font: inherit !important;
  cursor: pointer !important;
}

.tc-support-viewer-dialog {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;

  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.tc-support-viewer-dialog > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 52px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid #e7ecf2 !important;
}

.tc-support-viewer-dialog > header button {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: #214f4e !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.tc-support-viewer-body {
  display: grid !important;
  place-items: center !important;
  min-height: 220px !important;

  background: #eef2f7 !important;
}

.tc-support-viewer-body img {
  max-height: calc(92dvh - 90px) !important;
  object-fit: contain !important;
  border-radius: var(--tc-radius-sm) !important;
}

.tc-support-viewer-body iframe {
  display: block !important;
  width: 100% !important;
  height: min(78dvh, 760px) !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--tc-color-surface) !important;
}

.tc-support-viewer-body img[hidden],
.tc-support-viewer-body iframe[hidden],
.tc-support-viewer-error[hidden] {
  display: none !important;
}

.tc-support-viewer-error {
  padding: 18px !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-color-danger) !important;
  text-align: center !important;
}

body.tc-support-viewer-open {
  overflow: hidden !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
  border-color: #dbe4f0 !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-customers {
  border-color: #dbe4f0 !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-in {
  background: var(--tc-color-surface) !important;
  border: 1px solid #dfe7f1 !important;
  box-shadow: 0 7px 20px rgba(31, 50, 78, 0.07) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system {
  background: #fff8e7 !important;
  border: 1px solid #f3d58c !important;
  color: #7a4b00 !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-support-media-image {
  border-radius: var(--tc-radius-md) !important;
  border: 1px solid rgba(20, 42, 77, 0.12) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-attachment-chip {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  cursor: pointer !important;
}

body[data-admin-page="telecode-customer-chat"] .is-out .tc-attachment-chip {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: var(--tc-color-surface) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages {
  position: sticky !important;
  top: 8px !important;
  z-index: 30 !important;
  display: block !important;
  width: max-content !important;
  max-width: calc(100% - 24px) !important;
  margin: 8px auto -4px !important;
  padding: 8px 14px !important;
  border: 1px solid var(--tc-color-button-secondary-border) !important;
  border-radius: var(--tc-radius-pill) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages:hover,
body[data-admin-page="telecode-customer-chat"]
  .tc-chat-new-messages:focus-visible {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
  outline: 0 !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages[hidden] {
  display: none !important;
}

body[data-admin-page="telecode-customer-chat"] .notice-success {
  border-inline-start: 4px solid #18a874 !important;
  background: #effcf6 !important;
  color: #126b4d !important;
}

body[data-admin-page="telecode-customer-chat"] .notice-error {
  border-inline-start: 4px solid #dc4c4c !important;
  background: #fff2f2 !important;
  color: #9b2525 !important;
}

body[data-admin-page="telecode-customer-chat"] .notice-warning {
  border-inline-start: 4px solid #e7a51a !important;
  background: var(--tc-color-warning-soft) !important;
  color: #815300 !important;
}

@media (max-width: 782px) {
  body[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
    min-height: calc(100dvh - 108px) !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-messages {
    min-height: calc(100dvh - 300px) !important;
    max-height: calc(100dvh - 245px) !important;
    padding: 12px 9px 18px !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble {
    max-width: 92% !important;
  }

  body[data-admin-page="telecode-customer-chat"] .tc-support-media-image,
  body[data-admin-page="telecode-customer-chat"] .tc-support-media-player {
    width: 100% !important;
    max-height: 300px !important;
  }
}

@media (max-width: 420px) {
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person p {
    max-width: 62vw !important;
  }
}

body[data-admin-page="telecode-customer-chat"] .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.tc-standalone .tc-main .tc-status-neutral {
  border-color: #d8dee8 !important;
  background: #f4f6f9 !important;
  color: #5d697b !important;
}

body.tc-standalone .tc-main .notice-success {
  border-color: #bcdcca !important;
  border-inline-start-color: #16835e !important;
  background: #effaf4 !important;
  color: #116346 !important;
}

body.tc-standalone .tc-main .tc-status-completed {
  border-color: #bcdcca !important;
  background: #effaf4 !important;
  color: #116346 !important;
}

body.tc-standalone .tc-main .tc-status-info {
  border-color: #c9d8fb !important;
  background: #eef4ff !important;
  color: var(--tc-color-action-text) !important;
}

body.tc-standalone .tc-main .tc-status-warning {
  border-color: #ead39f !important;
  background: #fff8e7 !important;
  color: #7a4b00 !important;
}

body.tc-standalone .tc-main .tc-status-failed {
  border-color: var(--tc-color-button-danger-border) !important;
  background: #fff2f1 !important;
  color: #98261d !important;
}

body.tc-standalone .tc-main .tc-status-expired {
  border-color: #d7c9ef !important;
  background: #f6f1ff !important;
  color: #2f7b79 !important;
}

body.tc-standalone
  .tc-main
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 1px solid #b9c9e5 !important;
  border-radius: 11px !important;
  background: var(--tc-color-primary-soft) !important;
  color: var(--tc-color-action-text) !important;
  box-shadow: 0 2px 7px rgba(34, 68, 125, 0.08) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transform: none !important;
  transition:
    background-color 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    box-shadow 0.16s ease !important;
}

body.tc-standalone
  .tc-main
  button.button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 1px solid #b9c9e5 !important;
  border-radius: 11px !important;
  background: var(--tc-color-primary-soft) !important;
  color: var(--tc-color-action-text) !important;
  box-shadow: 0 2px 7px rgba(34, 68, 125, 0.08) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transform: none !important;
  transition:
    background-color 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    box-shadow 0.16s ease !important;
}

body.tc-standalone .tc-main .button:hover,
body.tc-standalone .tc-main button.button:hover {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
  box-shadow: 0 4px 11px rgba(34, 68, 125, 0.12) !important;
  transform: none !important;
}

body.tc-standalone .tc-main .button:focus-visible,
body.tc-standalone .tc-main button.button:focus-visible {
  outline: var(--tc-focus-ring-width) solid var(--tc-focus-ring-color) !important;
  outline-offset: 2px !important;
}

body.tc-standalone .tc-main .button-warning {
  border-color: var(--tc-color-button-warning-border) !important;
  background: var(--tc-color-warning-soft) !important;
  color: var(--tc-color-warning) !important;
}

body.tc-standalone .tc-main .button-danger,
body.tc-standalone .tc-main .button-link-delete {
  border-color: var(--tc-color-button-danger-border) !important;
  background: var(--tc-color-danger-soft) !important;
  color: var(--tc-color-danger) !important;
}

body.tc-standalone .tc-main .button[disabled],
body.tc-standalone .tc-main .button[aria-disabled="true"] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-layout {
  display: grid !important;
  grid-template-columns: minmax(290px, 340px) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-customers,
body[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
  min-width: 0 !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 17px !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 10px 28px rgba(22, 39, 68, 0.07) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
  display: flex !important;
  flex-direction: column !important;
  min-height: 620px !important;
  overflow: hidden !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 72px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #e2e8f1 !important;
  background: var(--tc-color-surface) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back {
  display: none !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-messages {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
  min-height: 420px !important;
  max-height: calc(100dvh - 290px) !important;
  padding: 18px !important;
  overflow-y: auto !important;
  background: linear-gradient(
    180deg,
    var(--tc-color-surface-subtle) 0%,
    #f2f6fb 100%
  ) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble {
  width: fit-content !important;
  max-width: min(76%, 680px) !important;
  padding: 10px 12px 8px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
  color: #214f4e !important;
  box-shadow: 0 5px 16px rgba(22, 39, 68, 0.055) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-in {
  align-self: flex-start !important;
  border-start-start-radius: 5px !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out {
  align-self: flex-end !important;
  border-color: #bdd1f3 !important;
  border-start-end-radius: 5px !important;
  background: #e8f1ff !important;
  color: #214f4e !important;
  box-shadow: 0 6px 17px rgba(48, 92, 170, 0.09) !important;
}

body[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-out
  .tc-chat-bubble-top,
body[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-out
  .tc-chat-bubble-top
  > span,
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out footer {
  color: #2f7b79 !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble-body {
  color: #214f4e !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.85 !important;
  word-break: break-word !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble footer {
  margin-top: 6px !important;
  color: #7c899b !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-chat-waiting-dot {
  display: none !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-support-media-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 440px) !important;
  max-width: 100% !important;
  margin-top: 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #cfdaea !important;
  border-radius: 13px !important;
  background: var(--tc-color-surface-subtle) !important;
  box-shadow: none !important;
  cursor: zoom-in !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-support-media-link:hover {
  border-color: #c9dfdd !important;
  background: #f4f8ff !important;
  transform: none !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-support-media-image {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 420px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  opacity: 1 !important;
  object-fit: contain !important;
  background: var(--tc-color-surface-subtle) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-support-media-image[hidden] {
  display: none !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-support-media-error {
  width: 100% !important;
  padding: 22px 14px !important;
  color: #9a2c24 !important;
  text-align: center !important;
  font-size: 10.5px !important;
  line-height: 1.7 !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-support-media-player {
  display: block !important;
  width: min(100%, 480px) !important;
  max-height: 390px !important;
  margin-top: 8px !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-sidebar) !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-attachment-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin-top: 8px !important;
  padding: 8px 11px !important;
  overflow: hidden !important;
  border: 1px solid #b9cae5 !important;
  border-radius: 11px !important;
  background: var(--tc-color-primary-soft) !important;
  color: var(--tc-color-action-text) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  text-align: start !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-attachment-chip:hover {
  border-color: #347573 !important;
  background: #e2ecff !important;
  color: #214f4e !important;
  transform: none !important;
}

body[data-admin-page="telecode-customer-chat"]
  .tc-attachment-chip
  > span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-admin-page="telecode-customer-chat"] .tc-attachment-symbol,
body[data-admin-page="telecode-customer-chat"] .tc-attachment-symbol svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

@media (max-width: 720px) {
  body.tc-standalone .tc-main .tc-stats,
  body.tc-standalone .tc-main .tc-mini-stats,
  body.tc-standalone .tc-main .tc-page-stats,
  body.tc-standalone .tc-main .tc-users-summary,
  body.tc-standalone .tc-main .tc-cron-summary,
  body.tc-standalone .tc-main .tc-payment-integrity-summary {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }
  body.tc-standalone .tc-main .tc-stats > .tc-stat,
  body.tc-standalone .tc-main .tc-mini-stats > *,
  body.tc-standalone .tc-main .tc-page-stats > .tc-stat,
  body.tc-standalone .tc-main .tc-users-summary > .tc-stat,
  body.tc-standalone .tc-main .tc-cron-summary > *,
  body.tc-standalone .tc-main .tc-payment-integrity-summary > * {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-main {
    width: 100% !important;
    max-width: none !important;
    padding: 8px !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  body[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-selected-conversation
    .tc-chat-customers,
  body[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-no-selection
    .tc-chat-customers,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-customers {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-height: 310px !important;
    min-height: 0 !important;
    border-radius: var(--tc-radius-lg) !important;
    overflow: hidden !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-customer-list {
    min-height: 0 !important;
    max-height: 230px !important;
    overflow-y: auto !important;
  }
  body[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-selected-conversation
    .tc-chat-panel,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
    display: flex !important;
    width: 100% !important;
    min-height: 610px !important;
    max-height: none !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-no-selection
    .tc-chat-panel {
    display: flex !important;
    width: 100% !important;
    max-height: none !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-no-selection
    .tc-chat-panel {
    min-height: 260px !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head {
    min-height: 64px !important;
    padding: 10px 11px !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person h2,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person p {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person p {
    max-width: calc(100vw - 92px) !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-messages {
    min-height: 360px !important;
    max-height: 58dvh !important;
    padding: 12px 9px 15px !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble {
    max-width: 94% !important;
  }

  body[data-admin-page="telecode-customer-chat"] .tc-support-media-link,
  body[data-admin-page="telecode-customer-chat"] .tc-support-media-player {
    width: 100% !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-support-media-image {
    width: 100% !important;
    max-height: 54dvh !important;
  }
}

@media (max-width: 390px) {
  body[data-admin-page="telecode-customer-chat"] .tc-main {
    padding-inline: 6px !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble {
    max-width: 96% !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person h2 {
    font-size: var(--tc-font-size-xs) !important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person p {
    font-size: 8.5px !important;
  }
}

body.tc-standalone[data-admin-page]
  .tc-main
  button.button:not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close),
body.tc-standalone[data-admin-page] .tc-main input.button[type="submit"] {
  border-color: #a9bfe5 !important;
  background: #eaf1ff !important;
  color: #2f7b79 !important;
  box-shadow: 0 3px 10px rgba(34, 68, 125, 0.1) !important;
  transform: none !important;
}

body.tc-standalone[data-admin-page]
  .tc-main
  button.button:not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close):hover,
body.tc-standalone[data-admin-page] .tc-main input.button[type="submit"]:hover {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
  box-shadow: 0 5px 13px rgba(34, 68, 125, 0.14) !important;
  transform: none !important;
}

body.tc-standalone[data-admin-page]
  .tc-main
  button.button.button-warning:not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close) {
  border-color: var(--tc-color-button-warning-border) !important;
  background: var(--tc-color-warning-soft) !important;
  color: var(--tc-color-warning) !important;
}

body.tc-standalone[data-admin-page]
  .tc-main
  button.button.button-danger:not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close),
body.tc-standalone[data-admin-page]
  .tc-main
  button.button.button-link-delete:not(.tc-icon-button):not(
    .tc-modal-close
  ):not(.tc-password-toggle):not(.tc-iso-picker-button):not(
    .tc-chat-edit-close
  ):not(.tc-support-media-link):not(.tc-attachment-chip):not(
    .tc-support-viewer-close
  ) {
  border-color: var(--tc-color-button-danger-border) !important;
  background: var(--tc-color-danger-soft) !important;
  color: var(--tc-color-danger) !important;
}

body[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-out
  .tc-chat-bubble-body
  .tc-attachment-chip {
  border-color: #a9bee3 !important;
  background: #f7faff !important;
  color: #2f7b79 !important;
  box-shadow: none !important;
}

body[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-out
  .tc-chat-bubble-body
  .tc-attachment-chip:hover {
  border-color: #347573 !important;
  background: #edf4ff !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
}

body[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-out
  .tc-chat-bubble-body
  .tc-attachment-chip
  > span {
  color: inherit !important;
  stroke: currentColor !important;
}

html body.tc-standalone {
  text-rendering: optimizeLegibility;
}

html body.tc-standalone .tc-main,
html body.tc-standalone .tc-sidebar,
html body.tc-standalone input,
html body.tc-standalone select,
html body.tc-standalone textarea,
html body.tc-standalone button {
  font-family: var(--tc-font-ar) !important;
  text-rendering: optimizeLegibility;
}

html body.tc-standalone[data-admin-page] .tc-main {
  color: var(--tc-ui-text) !important;
  font-size: var(--tc-font-size-md) !important;
  line-height: 1.8 !important;
}

html body.tc-standalone[data-admin-page] .tc-main *,
html body.tc-standalone[data-admin-page] .tc-main *::before,
html body.tc-standalone[data-admin-page] .tc-main *::after {
  box-sizing: border-box;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .tc-section-head,
    .tc-card-head,
    .tc-chat-panel-head,
    .tc-chat-list-head,
    .tc-schedule-builder-head
  ) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #e8eef7 !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(.tc-section-head h2, .tc-card-head h2, .tc-schedule-builder-head strong) {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  font-weight: 800 !important;
  color: var(--tc-ui-text) !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .tc-section-head p,
    .tc-card-head p,
    .tc-section-head small,
    .tc-card-head small,
    .tc-schedule-builder-head small,
    small
  ) {
  color: var(--tc-ui-muted) !important;
  line-height: 1.85 !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(.tc-schedule-field, .tc-checkbox-card, .tc-campaign-selection) {
  min-width: 0 !important;
}

html body.tc-standalone[data-admin-page] .tc-main label > span:first-child,
html
  body.tc-standalone[data-admin-page]
  .tc-main
  .tc-schedule-field
  > span:first-child,
html
  body.tc-standalone[data-admin-page]
  .tc-main
  .tc-campaign-selection
  > span:first-child {
  display: block !important;
  margin: 0 0 7px !important;
  color: #214f4e !important;
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.7 !important;
  font-weight: 800 !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea,
    .tc-iso-picker-display
  ) {
  width: 100% !important;
  min-height: var(--tc-ui-control-h) !important;
  height: auto !important;
  border: 1px solid var(--tc-color-field-border) !important;
  border-radius: var(--tc-ui-radius) !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  padding: 10px 14px !important;
  font-size: var(--tc-font-size-md) !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
}

html body.tc-standalone[data-admin-page] .tc-main textarea {
  min-height: 96px !important;
  resize: vertical !important;
  font-weight: 700 !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(input, select, textarea, .tc-iso-picker-shell):focus-within,
html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(input, select, textarea):focus {
  border-color: var(--tc-color-primary) !important;
  box-shadow: var(--tc-focus-ring) !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
  ):disabled,
html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    textarea
  )[readonly] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    a.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    input[type="submit"],
    button:not(.tc-chat-send-button):not(.tc-gift-action-control):not(
        .tc-icon-button
      ):not(.tc-modal-close):not(.tc-password-toggle):not(
        .tc-iso-picker-button
      ):not(.tc-chat-edit-close):not(.tc-support-media-link):not(
        .tc-attachment-chip
      ):not(.tc-support-viewer-close)
  ):not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(.tc-action-wide) {
  min-height: var(--tc-ui-control-h) !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 9px 14px !important;
  border: 1px solid var(--tc-color-button-secondary-border) !important;
  border-radius: var(--tc-ui-radius) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  font-size: var(--tc-font-size-md) !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  overflow-wrap: normal !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(.button.button-warning, button.button-warning) {
  background: var(--tc-color-warning-soft) !important;
  border-color: var(--tc-color-button-warning-border) !important;
  color: var(--tc-color-warning) !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .button.button-link-delete,
    .button.button-danger,
    button.button-link-delete,
    button.button-danger
  ) {
  background: var(--tc-color-danger-soft) !important;
  border-color: var(--tc-color-button-danger-border) !important;
  color: var(--tc-color-danger) !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(.button, button, input[type="submit"]):disabled,
html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(.button, button)[aria-disabled="true"] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .tc-row-actions:not(.tc-gift-actions-grid),
    .tc-actions,
    .tc-save-bar,
    .tc-copy-row,
    .tc-copy-field
  ) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(.tc-schedule-datetime-pair) {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(220px, 100%), 1fr)
  ) !important;
  gap: 12px !important;
  width: 100% !important;
}

html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-button {
  height: 100% !important;

  border: 0 !important;
  border-inline-start: 1px solid var(--tc-ui-border) !important;

  background: var(--tc-color-surface-subtle) !important;
  color: #2f7b79 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
}

html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-button svg {
  width: 19px !important;
  height: 19px !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .tc-status-pill,
    .tc-status,
    .tc-stock,
    .tc-country-active span,
    span[class*="tc-status-"],
    .tc-chip,
    .tc-badge
  ) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  height: auto !important;
  padding: 6px 12px !important;
  line-height: 1.9 !important;
  border-radius: var(--tc-radius-pill) !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  font-family: var(--tc-font-ar) !important;
}

html body.tc-standalone[data-admin-page] .tc-main .tc-country-active {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: var(--tc-ui-control-h) !important;
  padding: 6px 10px !important;
  white-space: nowrap !important;
}

html body.tc-standalone[data-admin-page] .tc-main table.widefat {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  background: var(--tc-color-surface) !important;
}

html body.tc-standalone[data-admin-page] .tc-main table.widefat :is(th, td) {
  padding: 12px 14px !important;
  line-height: 1.85 !important;
  vertical-align: middle !important;
  white-space: normal !important;
  overflow: visible !important;
}

html body.tc-standalone[data-admin-page] .tc-main table.widefat th {
  font-weight: 800 !important;
  color: #2f7b79 !important;
  background: var(--tc-color-surface-subtle) !important;
}

html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-group > summary {
  background: transparent !important;
  color: #cbd5e1 !important;
  box-shadow: none !important;
}

html.tc-unified-sidebar
  body.tc-standalone
  .tc-sidebar
  .tc-nav-group[open]
  > summary {
  background: rgba(255, 255, 255, 0.055) !important;
  color: #e5edf8 !important;
  box-shadow: none !important;
}

html.tc-unified-sidebar
  body.tc-standalone
  .tc-sidebar
  .tc-nav-group.is-active-group
  > summary {
  background: rgba(255, 255, 255, 0.075) !important;
  color: var(--tc-color-surface) !important;
  box-shadow: none !important;
}

html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link {
  background: transparent !important;
  color: #d6deeb !important;
  box-shadow: none !important;
}

html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--tc-color-surface) !important;
}

html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link.is-active,
html.tc-unified-sidebar
  body.tc-standalone
  .tc-sidebar
  .tc-nav-link[aria-current="page"] {
  background: var(--tc-ui-primary) !important;
  color: var(--tc-color-surface) !important;
  box-shadow: none !important;
}

html.tc-unified-sidebar body.tc-standalone .tc-nav-flyout {
  display: none !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card-wide {
  height: auto !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-facts {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(220px, 100%), 1fr)
  ) !important;
  gap: 12px !important;
  margin: 14px 0 0 !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-facts
  > div {
  min-height: 78px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--tc-ui-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: #f9fbff !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-panel-head {
  justify-content: space-between !important;

  flex-wrap: wrap !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person {
  flex: 1 1 280px !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head-actions {
  margin-inline-start: auto !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head-actions
  form {
  display: inline-flex !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-messages {
  border-radius: var(--tc-radius-xl) !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-closed-note {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
  color: #66738b !important;
  min-height: 0 !important;
}

.tc-support-viewer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 20px !important;
}

.tc-support-viewer[hidden] {
  display: none !important;
}

.tc-support-viewer-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, 0.58) !important;
}

.tc-support-viewer-dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(960px, 96vw) !important;
  max-height: 92vh !important;
  background: var(--tc-color-surface) !important;
  border-radius: var(--tc-radius-2xl) !important;
  overflow: hidden !important;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.35) !important;
}

.tc-support-viewer-dialog header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #e8eef7 !important;
}

.tc-support-viewer-close {
  background: var(--tc-color-surface) !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-sm) !important;
  min-width: 38px !important;
  min-height: 38px !important;
}

.tc-support-viewer-body {
  padding: 14px !important;
  overflow: auto !important;
  max-height: calc(92vh - 64px) !important;
}

.tc-support-viewer-body img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: auto !important;
}

html body.tc-standalone[data-admin-page="telecode-referrals"] .tc-form-grid {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(230px, 100%), 1fr)
  ) !important;
}

@media (max-width: 782px) {
  :root {
    --tc-ui-control-h: var(--tc-ui-control-height-mobile);
    --tc-ui-gap: var(--tc-space-3);
  }
  html body.tc-standalone[data-admin-page] .tc-main {
    font-size: 13.5px !important;
    line-height: 1.9 !important;
  }

  html
    body.tc-standalone[data-admin-page]
    .tc-main
    :is(
      .tc-section-head,
      .tc-card-head,
      .tc-chat-panel-head,
      .tc-chat-list-head,
      .tc-schedule-builder-head
    ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html
    body.tc-standalone[data-admin-page]
    .tc-main
    :is(
      input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
      select,
      .tc-iso-picker-display,
      textarea
    ) {
    font-size: 13.5px !important;
    line-height: 1.9 !important;
  }
  html
    body.tc-standalone[data-admin-page]
    .tc-main
    :is(
      .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
      button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
      a.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
      input[type="submit"].button:not(.tc-chat-send-button)
    ):not(.tc-action-wide) {
    width: max-content !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }
  html
    body.tc-standalone[data-admin-page]
    .tc-main
    :is(
      .tc-row-actions:not(.tc-gift-actions-grid),
      .tc-actions,
      .tc-save-bar,
      .tc-copy-row,
      .tc-copy-field,
      .tc-chat-head-actions
    ) {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-messages {
    min-height: 180px !important;
    max-height: 52vh !important;
  }

  html body.tc-standalone[data-admin-page] .tc-main table.widefat :is(th, td) {
    padding: 12px !important;
    line-height: 1.95 !important;
  }
}

html body.tc-standalone[data-admin-page] .tc-main {
  --tc-control-height: 46px;
  --tc-control-radius: 12px;
  --tc-control-gap: 12px;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
        .tc-native-picker-input
      ),
    select,
    textarea,
    .tc-iso-picker-display
  ) {
  min-height: var(--tc-control-height) !important;
  border-radius: var(--tc-control-radius) !important;
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.7 !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    a.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    input[type="submit"].button:not(.tc-chat-send-button):not(
        .tc-gift-action-control
      )
  ):not(.tc-action-wide) {
  min-height: 44px !important;
  border-radius: var(--tc-control-radius) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1.45 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .tc-status-pill,
    .tc-status,
    .tc-country-active span,
    .tc-user-statuses span,
    .tc-stock,
    .tc-badge,
    .tc-chip
  ) {
  min-height: 28px !important;
}

html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .tc-form-grid,
    .tc-settings-grid,
    .tc-template-grid,
    .tc-payment-templates-grid,
    .tc-country-alerts-grid,
    .tc-schedule-controls,
    .tc-schedule-inline-grid,
    .tc-schedule-datetime-pair
  ) {
  gap: var(--tc-control-gap) !important;
}

html body.tc-standalone[data-admin-page] .tc-main .tc-schedule-datetime-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: end !important;
}

html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker {
  width: 100% !important;
  min-width: 0 !important;
}

html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-button {
  width: 46px !important;
  min-width: 46px !important;
  min-height: var(--tc-control-height) !important;
  border-radius: var(--tc-control-radius) 0 0 var(--tc-control-radius) !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head-actions
  form {
  margin: 0 !important;
}

html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  .tc-referrals-table-wrap {
  overflow: auto !important;
}

@media (max-width: 782px) {
  html body.tc-standalone[data-admin-page] .tc-main {
    --tc-control-height: 48px;
    padding-inline: 10px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    .tc-main
    :is(
      .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
      button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
      a.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
      input[type="submit"].button:not(.tc-chat-send-button):not(
          .tc-gift-action-control
        )
    ):not(.tc-action-wide) {
    width: max-content !important;
    max-width: 100% !important;
    min-height: 48px !important;
    white-space: nowrap !important;
  }
  html body.tc-standalone[data-admin-page] .tc-main .tc-schedule-datetime-pair {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout {
    display: block !important;
    min-height: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-selected-conversation
    .tc-chat-customers {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-no-selection
    .tc-chat-panel {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-panel {
    min-height: calc(100dvh - 105px) !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-panel-head {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-head-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
}

body.tc-standalone[data-admin-page],
body.tc-standalone[data-admin-page] .tc-app,
body.tc-standalone[data-admin-page] .tc-main-scroll,
body.tc-standalone[data-admin-page] .tc-main,
body.tc-standalone[data-admin-page] .tc-wrap,
body.tc-standalone[data-admin-page] .wrap {
  max-width: 100% !important;
  min-width: 0 !important;
}

body.tc-standalone[data-admin-page] .tc-main {
  width: 100% !important;
  padding: 22px 22px 44px !important;
}

body.tc-standalone[data-admin-page]
  .tc-main
  :where(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-table-wrap,
    .tc-section-head,
    .tc-form-grid,
    form,
    section,
    article,
    div
  ) {
  min-width: 0 !important;
}

body.tc-standalone[data-admin-page]
  .tc-main
  :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  width: 100% !important;
  max-width: 100% !important;
}

body.tc-standalone[data-admin-page]
  .tc-main
  :where(
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    a.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    input[type="submit"].button:not(.tc-chat-send-button):not(
        .tc-gift-action-control
      )
  ) {
  min-height: 44px !important;
  border-radius: var(--tc-radius-sm) !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-align: center !important;
}

body.tc-standalone[data-admin-page] .tc-main .tc-table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.tc-standalone[data-admin-page] .tc-main table.widefat {
  max-width: none !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-row {
  min-width: 0 !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta {
  justify-items: end !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-panel-head {
  top: auto !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person
  .tc-chat-avatar-large {
  width: 42px !important;
  height: 42px !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-in {
  border-start-start-radius: 6px !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-out {
  border-start-end-radius: 6px !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-system {
  border: 1px solid var(--tc-color-border) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-closed-note {
  flex: 0 0 auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border-inline: 0 !important;
  border-bottom: 0 !important;
}

@media (max-width: 960px) {
  body.tc-standalone[data-admin-page] .tc-main {
    padding: 14px 10px 28px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main {
    padding: 10px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-selected-conversation
    .tc-chat-customers {
    display: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-no-selection
    .tc-chat-panel {
    display: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-customers {
    height: auto !important;
    max-height: none !important;
    min-height: calc(100dvh - 96px) !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-customer-list {
    max-height: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
    height: calc(100dvh - 96px) !important;
    min-height: 520px !important;
    max-height: none !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-panel-head {
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    min-height: 60px !important;
    padding: 9px 10px !important;
    gap: 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-mobile-back {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 50% !important;
    color: #2f7b79 !important;
    text-decoration: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    .tc-chat-avatar-large {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    h2 {
    font-size: 12.5px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    p {
    font-size: 8.5px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-head-actions
    .button {
    min-width: 70px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-messages {
    padding: 10px 9px !important;
    gap: 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble {
    max-width: 88% !important;
    padding: 9px 11px 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-bubble-body {
    font-size: 11.5px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-bubble.is-system {
    max-width: 90% !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 520px) {
  body.tc-standalone[data-admin-page] .tc-topbar {
    min-height: 58px !important;
    padding: 7px 9px !important;
  }
  body.tc-standalone[data-admin-page] .tc-page-heading h1 {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
  }
  body.tc-standalone[data-admin-page] .tc-main {
    padding: 8px 7px 24px !important;
  }

  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
    height: calc(100dvh - 78px) !important;
    min-height: 460px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-list-head {
    padding: 12px 12px 8px !important;
  }

  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-row-meta {
    min-width: 34px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-panel-head {
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    min-height: 56px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-mobile-back {
    width: 36px !important;
    height: 36px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person {
    gap: 7px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    .tc-chat-avatar-large {
    display: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    p {
    display: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-head-actions
    .button {
    min-width: 58px !important;
    padding: 0 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble {
    max-width: 92% !important;
  }
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main {
  max-width: 1260px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 14px !important;
  overflow: visible !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-wrap {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .notice {
  margin: 0 0 10px !important;
  padding: 8px 12px !important;
  border-radius: var(--tc-radius-sm) !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout {
  direction: rtl !important;
  display: grid !important;
  grid-template-columns: 340px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: min(680px, calc(100dvh - 168px)) !important;
  min-height: 560px !important;
  max-height: 760px !important;
  overflow: visible !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers,
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dce6f3 !important;
  border-radius: var(--tc-radius-2xl) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.06) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-list-head {
  flex: 0 0 auto !important;
  display: block !important;
  padding: 14px 15px 10px !important;
  border-bottom: 1px solid #edf1f6 !important;
  background: var(--tc-color-surface) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-list-head
  h2 {
  margin: 0 0 4px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
  color: var(--tc-color-sidebar) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-list-head
  p {
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1.7 !important;
  color: #7b8798 !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-list {
  flex: 1 1 auto !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: auto !important;
  padding: 10px !important;
  background: var(--tc-color-surface) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-row {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid #e5edf7 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: none !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-row.is-active {
  border-color: #b9ccfb !important;
  background: #f0f5ff !important;
  box-shadow: inset -3px 0 0 var(--tc-color-primary) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 52px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
  color: var(--tc-color-sidebar-soft) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-avatar {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border: 1px solid #d8e4f7 !important;
  border-radius: 13px !important;
  background: #eef4ff !important;
  color: var(--tc-color-primary) !important;
  font-size: var(--tc-font-size-sm) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-align: center !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  line-height: 1.4 !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy
  strong,
body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy
  small {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: start !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy
  strong {
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;
  color: #214f4e !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy
  small {
  margin-top: 2px !important;
  font-size: 9px !important;
  line-height: 1.55 !important;
  color: #718096 !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: 52px !important;
  overflow: hidden !important;
  text-align: end !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-row-meta
  time {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 8px !important;
  line-height: 1.3 !important;
  color: #8a97aa !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-panel-head {
  flex: 0 0 auto !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 70px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #e6edf6 !important;
  background: var(--tc-color-surface) !important;
  z-index: 2 !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-mobile-back {
  display: none !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person
  .tc-chat-avatar-large {
  flex: 0 0 42px !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2,
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
  text-align: start !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person
  h2 {
  font-size: var(--tc-font-size-md) !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
  color: var(--tc-color-sidebar) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p {
  margin-top: 2px !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
  color: #718096 !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 86px !important;
  width: auto !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head-actions
  form {
  margin: 0 !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head-actions
  .button {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 86px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  font-size: var(--tc-font-size-xs) !important;
  white-space: nowrap !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-new-messages[hidden] {
  display: none !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-new-messages {
  flex: 0 0 auto !important;
  margin: 8px auto 0 !important;
  min-height: 34px !important;
  border-radius: var(--tc-radius-md) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: auto !important;
  overflow-anchor: none !important;
  scrollbar-gutter: stable !important;
  padding: 16px !important;
  background: linear-gradient(
    180deg,
    #f8faff 0%,
    var(--tc-color-canvas) 100%
  ) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: min(78%, 680px) !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 15px !important;
  box-shadow: 0 3px 12px rgba(16, 24, 40, 0.045) !important;
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-in {
  align-self: flex-start !important;
  background: var(--tc-color-surface) !important;
}
body.tc-standalone .tc-support-runtime-card {
  margin-bottom: 16px !important;
}
body.tc-standalone .tc-support-runtime-card .tc-section-head {
  margin-bottom: 12px !important;
}
body.tc-standalone .tc-support-runtime-controls {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;
}
body.tc-standalone .tc-support-runtime-controls .tc-checks,
body.tc-standalone .tc-support-runtime-controls .tc-form-grid {
  margin: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
body.tc-standalone .tc-support-runtime-controls > .button {
  min-width: 150px !important;
  min-height: 44px !important;
}
@media (max-width: 1100px) {
  body.tc-standalone .tc-support-runtime-controls {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  body.tc-standalone .tc-support-runtime-controls > .button {
    grid-column: 1/-1 !important;
    justify-self: start !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto 34px !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 13px 14px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  background: var(--tc-color-surface) !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  overflow-anchor: none !important;
  contain: layout !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-composer-row {
  display: grid !important;
  grid-template-columns: minmax(96px, auto) minmax(0, 1fr) minmax(108px, auto) !important;
  gap: 10px !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  direction: rtl !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-composer-field {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-composer-field
  textarea {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 56px !important;
  max-height: 180px !important;
  height: 56px;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #cfd8e6 !important;
  border-radius: 13px !important;
  background: var(--tc-color-surface) !important;
  font: inherit !important;
  line-height: 1.75 !important;
  text-align: start !important;
  resize: none !important;
  overflow-y: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-composer-field
  textarea:focus {
  border-color: #347573 !important;
  box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.12) !important;
  outline: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-attach-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 96px !important;
  max-width: 128px !important;
  height: var(--tc-action-height) !important;
  min-height: var(--tc-action-height) !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #cfd8e6 !important;
  border-radius: 13px !important;
  background: var(--tc-color-surface) !important;
  cursor: pointer !important;
  align-self: center !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-attach-button
  input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  inline-size: 100% !important;
  block-size: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-attach-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-attach-icon
  svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-attach-label {
  position: static !important;
  display: block !important;
  inline-size: auto !important;
  block-size: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-send-button {
  grid-column: 3 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 108px !important;
  max-width: 132px !important;
  height: var(--tc-action-height) !important;
  min-height: var(--tc-action-height) !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--tc-color-button-secondary-border) !important;
  border-radius: 13px !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  box-shadow: none !important;
  align-self: center !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-send-button:hover,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-send-button:focus-visible {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-send-label {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-composer-meta {
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 34px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-file-slot,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-upload-help {
  grid-column: 1 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-file-slot {
  display: flex !important;
  align-items: center !important;
  visibility: hidden !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-upload-help {
  display: flex !important;
  align-items: center !important;
  padding: 0 2px !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.5 !important;
  text-align: start !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  visibility: visible !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-composer.has-attachment
  .tc-chat-file-slot {
  visibility: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-composer.has-attachment
  .tc-chat-upload-help {
  visibility: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-file-chip {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 6px 0 10px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: 10px !important;
  background: var(--tc-color-surface-subtle) !important;
  color: var(--tc-color-text) !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-file-chip[hidden] {
  display: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-file-chip
  > [data-chat-file-name] {
  display: block !important;
  min-width: 0 !important;
  max-width: min(60vw, 520px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.4 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-file-chip
  > [data-chat-attachment-clear] {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--tc-color-muted-strong) !important;
  box-shadow: none !important;
  font: 700 18px/1 var(--tc-font-ui) !important;
  cursor: pointer !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-file-chip
  > [data-chat-attachment-clear]:hover,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-file-chip
  > [data-chat-attachment-clear]:focus-visible {
  background: var(--tc-color-danger-soft) !important;
  color: var(--tc-color-danger) !important;
  outline: 0 !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-composer {
    grid-template-rows: auto 34px !important;
    padding: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-file-chip
    > [data-chat-file-name] {
    max-width: calc(100vw - 112px) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-composer-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-composer-field {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 1 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-attach-button {
    flex: none !important;
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    max-width: none !important;
    order: 2 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-send-button {
    flex: none !important;
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    max-width: none !important;
    order: 3 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-composer-field
    textarea {
    min-height: 66px !important;
    max-height: 190px !important;
    height: auto;
    padding: 14px 15px !important;
    line-height: 1.8 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-attach-button {
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--tc-action-height) !important;
    min-height: var(--tc-action-height) !important;
    border-radius: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-send-button {
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--tc-action-height) !important;
    min-height: var(--tc-action-height) !important;
    border-radius: 12px !important;
  }
}
@media (min-width: 721px) and (max-width: 1180px) {
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main,
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-wrap,
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout,
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout.has-selected-conversation
    .tc-chat-customers {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-panel {
    display: flex !important;
  }
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-panel-head {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    grid-template-areas: "back person" "actions actions" !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 10px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-mobile-back {
    grid-area: back !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-person {
    grid-area: person !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-person
    h2 {
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-head-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-head-actions
    :is(form, .button:not(.tc-chat-send-button):not(.tc-gift-action-control)) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-out {
  align-self: flex-end !important;
  background: #edf4ff !important;
  border-color: #cadbfa !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-system {
  align-self: center !important;
  max-width: 80% !important;
  padding: 6px 12px !important;
  border-radius: var(--tc-radius-pill) !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-color-muted) !important;
  box-shadow: none !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-system
  .tc-chat-bubble-top,
body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-system
  footer {
  display: none !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble-body {
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.8 !important;
  color: inherit !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-system
  .tc-chat-bubble-body {
  font-size: 10px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  color: var(--tc-color-muted) !important;
}

@media (max-width: 900px) {
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main {
    padding: 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-selected-conversation
    .tc-chat-customers {
    display: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-no-selection
    .tc-chat-panel {
    display: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-customers {
    height: calc(100dvh - 92px) !important;
    min-height: 480px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
    height: calc(100dvh - 82px) !important;
    min-height: 480px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-panel-head {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    min-height: 58px !important;
    padding: 9px !important;
    gap: 7px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-mobile-back {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #dbe5f1 !important;
    border-radius: 50% !important;
    background: var(--tc-color-surface) !important;
    text-decoration: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    .tc-chat-avatar-large {
    display: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    p {
    display: none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-head-actions
    .button {
    min-width: 64px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 9px !important;
    font-size: 10px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-messages {
    padding: 10px !important;
    gap: 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble {
    max-width: 92% !important;
  }
}
@media (max-width: 520px) {
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main {
    padding: 6px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-customers,
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel {
    border-radius: var(--tc-radius-md) !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-customer {
    grid-template-columns: 38px minmax(0, 1fr) 42px !important;
    min-height: 58px !important;
    padding: 8px !important;
    gap: 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-row-meta {
    width: 42px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    h2 {
    font-size: 12.5px !important;
  }
}
html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .tc-status-pill,
    .tc-status,
    .tc-country-active span,
    .tc-user-statuses span,
    .tc-stock,
    .tc-badge,
    .tc-chip
  ) {
  width: auto !important;

  overflow-wrap: normal !important;

  padding: 7px 11px !important;
  text-align: center !important;
  flex: 0 0 auto !important;
}
html body.tc-standalone[data-admin-page] .tc-user-statuses {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-management-grid
  > .tc-card {
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card-wide {
  grid-column: 1 / -1 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card
  .tc-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 0 0 14px !important;
  margin: 0 0 14px !important;
  border-bottom: 1px solid #e3eaf4 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card
  .tc-user-identity {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card
  .tc-user-avatar {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: var(--tc-radius-lg) !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-user-balance-form {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-user-balance-form
  .tc-full {
  grid-column: 1 / -1 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-user-balance-form
  :is(input, select, textarea, .button) {
  min-height: 44px !important;
  border-radius: var(--tc-radius-md) !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main {
  max-width: 1260px !important;
  width: 100% !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-layout {
  direction: rtl !important;
  display: grid !important;
  grid-template-columns: minmax(310px, 360px) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  height: calc(100dvh - 160px) !important;
  min-height: 620px !important;
  max-height: 820px !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customers,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-panel {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dce6f3 !important;
  border-radius: var(--tc-radius-2xl) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.055) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-list-head {
  flex: 0 0 auto !important;
  padding: 16px 16px 11px !important;
  border-bottom: 1px solid #edf1f6 !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-list-head
  h2 {
  margin: 0 0 4px !important;
  font-size: var(--tc-font-size-lg) !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-list-head
  p {
  margin: 0 !important;
  font-size: 10.5px !important;
  line-height: 1.7 !important;
  color: #7b8798 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 10px !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-row {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid #e5edf7 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
  box-sizing: border-box !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-row.is-active {
  border-color: #c9dfdd !important;
  background: #f1f6ff !important;
  box-shadow: inset -3px 0 0 var(--tc-color-primary) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 56px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 66px !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: transparent !important;
  text-decoration: none !important;
  color: var(--tc-color-sidebar-soft) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-avatar {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 13px !important;
  border: 1px solid #d8e4f7 !important;
  background: #eef4ff !important;
  color: var(--tc-color-primary) !important;
  font-size: var(--tc-font-size-sm) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-row-meta {
  min-width: 0 !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy
  strong,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy
  small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy
  strong {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;
  color: var(--tc-color-heading) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-customer-copy
  small {
  font-size: 9.5px !important;
  line-height: 1.5 !important;
  color: #718096 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-row-meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
  width: 56px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-row-meta
  time {
  font-size: 8.5px !important;
  color: #8a97aa !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-panel-head {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 72px !important;
  padding: 13px 15px !important;
  border-bottom: 1px solid #e6edf6 !important;
  background: var(--tc-color-surface) !important;
  box-sizing: border-box !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-mobile-back {
  display: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person
  h2,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person
  p {
  display: block !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person
  h2 {
  font-size: var(--tc-font-size-md) !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-person
  p {
  margin-top: 2px !important;
  font-size: 10px !important;
  color: #718096 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head-actions
  .button {
  width: auto !important;
  min-width: 86px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: var(--tc-radius-md) !important;
  font-size: var(--tc-font-size-xs) !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-messages {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  overflow: auto !important;
  padding: 16px !important;
  background: #f6f9fd !important;
  border: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-start {
  margin: auto !important;
  max-width: 300px !important;
  text-align: center !important;
  color: #718096 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble {
  max-width: min(78%, 680px) !important;
  border-radius: 15px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-in {
  align-self: flex-start !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-out {
  align-self: flex-end !important;
  background: #eef5ff !important;
  border-color: #cbdcf7 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-system {
  align-self: center !important;
  max-width: 78% !important;
  padding: 6px 12px !important;
  border-radius: var(--tc-radius-pill) !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-color-muted) !important;
  box-shadow: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-system
  .tc-chat-bubble-top,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-bubble.is-system
  footer {
  display: none !important;
}

@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page]
    .tc-main
    :is(
      .tc-status-pill,
      .tc-status,
      .tc-country-active span,
      .tc-user-statuses span,
      .tc-stock,
      .tc-badge,
      .tc-chip
    ) {
    min-width: max-content !important;
    white-space: nowrap !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-customer-profile-card
    .tc-section-head {
    align-items: flex-start !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-user-balance-form {
    grid-template-columns: 1fr !important;
  }
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main {
    padding: 8px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-selected-conversation
    .tc-chat-customers {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-layout.has-no-selection
    .tc-chat-panel {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-customers,
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-panel {
    height: calc(100dvh - 82px) !important;
    min-height: 480px !important;
    border-radius: var(--tc-radius-lg) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-panel-head {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    min-height: 60px !important;
    padding: 9px !important;
    gap: 7px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-mobile-back {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #dbe5f1 !important;
    border-radius: 50% !important;
    background: var(--tc-color-surface) !important;
    text-decoration: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    .tc-chat-avatar-large {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    p {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-head-actions
    .button {
    min-width: 72px !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 7px 11px !important;
    font-size: 11.5px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-messages {
    padding: 10px !important;
    gap: 8px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-bubble {
    max-width: 92% !important;
  }
}
@media (max-width: 520px) {
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-customer {
    grid-template-columns: 38px minmax(0, 1fr) 42px !important;
    min-height: 58px !important;
    padding: 8px !important;
    gap: 8px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-row-meta {
    width: 42px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-person
    h2 {
    font-size: 12.5px !important;
  }
}
html body.tc-standalone .tc-pin-status {
  justify-content: flex-start !important;

  padding: 14px 16px !important;
  min-height: 64px !important;
  overflow: visible !important;
}
html body.tc-standalone .tc-pin-status strong {
  flex: 0 0 auto !important;
  text-align: center !important;
}
html body.tc-standalone .tc-pin-status span {
  display: block !important;
  flex: 1 1 auto !important;
}
html
  body.tc-standalone[data-admin-page]
  .tc-main
  :is(
    .tc-status-pill,
    .tc-status,
    .tc-country-active span,
    .tc-user-statuses span,
    .tc-stock,
    .tc-badge,
    .tc-chip
  ) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: visible !important;
  line-height: 1.35 !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card-wide {
  min-height: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-top
  .tc-user-identity {
  width: 100% !important;
  min-width: 0 !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-balance-card
  .tc-user-balance-form
  > .button.tc-full {
  width: 100% !important;
  min-height: var(--tc-control-height-md) !important;
}

@media (max-width: 1200px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-customer-profile-card,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-customer-profile-card-wide {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 782px) {
  html body.tc-standalone .tc-pin-status {
    align-items: flex-start !important;
    gap: 10px !important;
  }
  html body.tc-standalone .tc-pin-status strong {
    min-width: 48px !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-customer-balance-card
    .tc-user-balance-form {
    grid-template-columns: 1fr !important;
  }
}

html body.tc-standalone .tc-pin-status {
  direction: rtl !important;
}
html body.tc-standalone .tc-pin-status strong,
html body.tc-standalone .tc-pin-status.is-active strong,
html
  body.tc-standalone
  .tc-main
  :is(
    .tc-status-pill,
    .tc-status,
    .tc-country-active span,
    .tc-user-statuses span,
    .tc-stock,
    .tc-badge,
    .tc-chip
  ) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.45 !important;
  writing-mode: horizontal-tb !important;
  overflow: visible !important;
}
html body.tc-standalone .tc-pin-status span {
  min-width: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.75 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-management-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-card-wide {
  display: grid !important;
  grid-template-columns: minmax(240px, 0.75fr) minmax(0, 2.25fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
  padding: 14px !important;
  box-sizing: border-box !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-profile-top {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid #dfe8f5 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: #f8fbff !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-balance-card
  .tc-user-balance-form {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-balance-card
  .tc-user-balance-form
  .tc-full,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-balance-card
  .tc-user-balance-form
  .tc-pin-field,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  .tc-customer-balance-card
  .tc-user-balance-form
  .tc-pin-box {
  grid-column: 1 / -1 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-new-messages {
  display: none !important;
  visibility: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-messages {
  min-height: 360px !important;
  height: auto !important;
  max-height: calc(100vh - 330px) !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head
  .button,
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  .tc-chat-head
  button {
  width: auto !important;
  min-width: max-content !important;
  padding-inline: 16px !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-customer-profile-card,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-customer-profile-card-wide {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  html body.tc-standalone .tc-pin-status {
    grid-template-columns: max-content minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    .tc-chat-messages {
    min-height: 300px !important;
    max-height: none !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-head-actions
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-panel-head
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  padding: 0 16px !important;
  height: 38px !important;
  line-height: 36px !important;
  white-space: nowrap !important;
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-card
  .tc-user-balance-form {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-card
  .tc-user-balance-form
  > label {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-card
  .tc-user-balance-form
  .tc-checkbox-card {
  grid-column: auto !important;
  min-height: var(--tc-control-height-md) !important;
  padding: 9px 11px !important;
  border-radius: var(--tc-radius-md) !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-card
  .tc-user-balance-form
  .tc-checkbox-card
  input[type="checkbox"] {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-card
  .tc-user-balance-form
  .tc-checkbox-card
  span {
  min-width: 0 !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.6 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-card
  .tc-user-balance-form
  .tc-checkbox-card
  small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 10.5px !important;
  color: var(--tc-color-muted) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-card
  .tc-user-balance-form
  > .button:not(.tc-chat-send-button):not(.tc-gift-action-control).tc-full {
  grid-column: auto !important;
  width: auto !important;
  min-width: 126px !important;
  max-width: 180px !important;
  justify-self: start !important;
  padding-inline: 18px !important;
  white-space: nowrap !important;
}
@media (max-width: 1100px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-card
    .tc-user-balance-form {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-card
    .tc-user-balance-form {
    grid-template-columns: 1fr !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-card
    .tc-user-balance-form
    > .button.tc-full {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-schedule-datetime-pair {
  align-items: center !important;
}

html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-schedule-field input[type="date"],
    .tc-schedule-field input[type="time"],
    .tc-schedule-datetime-pair input,
    .tc-iso-picker-display,
    .tc-iso-picker-shell
  ) {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.4 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-schedule-field
  input[type="time"],
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-schedule-datetime-pair
  input[type="time"] {
  min-width: 108px !important;
}

@media (max-width: 640px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-schedule-datetime-pair {
    grid-template-columns: 1fr !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-form {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-result {
  margin-top: 14px !important;
  padding: 14px !important;
  border: 1px solid #dde6f2 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: #f8fbff !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-summary {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-summary
  h3 {
  margin: 7px 0 4px !important;
  font-size: var(--tc-font-size-lg) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-summary
  p {
  margin: 0 !important;
  color: var(--tc-color-muted-strong) !important;
  line-height: 1.7 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 10px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-grid
  > div {
  padding: 10px !important;
  border: 1px solid #e1e8f2 !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface) !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-grid
  span {
  display: block !important;
  font-size: 11px !important;
  color: var(--tc-color-muted) !important;
  margin-bottom: 4px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-grid
  strong {
  display: block !important;
  font-size: var(--tc-font-size-xs) !important;
  word-break: break-word !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-review-note {
  font-size: var(--tc-font-size-xs) !important;
  color: var(--tc-color-muted-strong) !important;
  line-height: 1.8 !important;
  margin: 12px 0 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-transaction-review {
  margin-top: 14px !important;
  padding: 14px !important;
  border: 1px solid #d9e4f3 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-transaction-review
  h4 {
  margin: 0 0 5px !important;
  font-size: var(--tc-font-size-md) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-transaction-review
  > p {
  margin: 0 0 12px !important;
  color: var(--tc-color-muted-strong) !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.7 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  :is(.tc-payment-transaction-form, .tc-payment-credit-form) {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-transaction-verified {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 5px 10px !important;
  align-items: center !important;
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border-radius: var(--tc-radius-md) !important;
  background: #eef8f2 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-transaction-verified
  span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-transaction-verified
  small {
  grid-column: 1/-1 !important;
  color: var(--tc-color-muted-strong) !important;
}
@media (max-width: 640px) {
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-payment-review-form {
    grid-template-columns: 1fr !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-payment-review-form
    .button {
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-payment-review-summary {
    display: block !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    :is(.tc-payment-transaction-form, .tc-payment-credit-form) {
    grid-template-columns: 1fr !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    :is(.tc-payment-transaction-form, .tc-payment-credit-form)
    .button {
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-payment-transaction-verified {
    grid-template-columns: 1fr !important;
  }
}
html body.tc-standalone .tc-pin-status {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}
html
  body.tc-standalone
  .tc-pin-status
  :is(.tc-status-pill, .tc-status, .tc-badge) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  line-height: 1.4 !important;
  padding-inline: 12px !important;
}
html body.tc-standalone .tc-main .tc-card {
  max-width: 100% !important;
  overflow: visible !important;
}
html body.tc-standalone .tc-main :is(label, .tc-schedule-field) {
  min-width: 0 !important;
}
html
  body.tc-standalone
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
        .tc-native-picker-input
      ),
    select,
    textarea
  ) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 13px !important;
  border: 1px solid var(--tc-color-field-border) !important;
  border-radius: 13px !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
html body.tc-standalone .tc-main textarea {
  resize: none !important;
  overflow: auto !important;
  padding-top: 11px !important;
  padding-bottom: 9px !important;
}
html body.tc-standalone .tc-main :is(input, select, textarea):focus {
  border-color: var(--tc-color-primary) !important;
  box-shadow: var(--tc-focus-ring) !important;
}
html body.tc-standalone .tc-main :is(input, textarea)::placeholder {
  color: var(--tc-color-field-placeholder) !important;
  opacity: 1 !important;
}
html
  body.tc-standalone
  .tc-main
  :is(
    button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    a.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    input[type="submit"],
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control)
  ):not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: max-content !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 13px !important;
  font-size: var(--tc-font-size-sm) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
html body.tc-standalone .tc-main .tc-save-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
html body.tc-standalone .tc-main .tc-save-bar .button {
  width: auto !important;
  min-width: 150px !important;
}
html body.tc-standalone .tc-main .tc-row-actions:not(.tc-gift-actions-grid) {
  flex-wrap: wrap !important;
}
html body.tc-standalone .tc-main .tc-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #dde8f7 !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
}
html body.tc-standalone .tc-main table.widefat {
  width: 100% !important;
  min-width: 760px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--tc-color-surface) !important;
}
html body.tc-standalone .tc-main table.widefat :is(th, td) {
  padding: 12px 13px !important;
  vertical-align: middle !important;
  line-height: 1.65 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
html body.tc-standalone .tc-main table.widefat th {
  font-size: var(--tc-font-size-xs) !important;
  color: #2f7b79 !important;
  font-weight: 800 !important;
}
html body.tc-standalone .tc-main table.widefat td {
  font-size: 12.5px !important;
  color: #214f4e !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-head-actions
  .button {
  min-width: max-content !important;
  width: auto !important;
}

html body.tc-standalone .tc-main .tc-schedule-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 12px !important;
  border: 1px solid #dce8f7 !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
}
html body.tc-standalone .tc-main .tc-schedule-field > span:first-child,
html body.tc-standalone .tc-main .tc-iso-picker > small {
  display: block !important;
  margin: 0 !important;
  color: #2f7b79 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}
html body.tc-standalone .tc-main .tc-schedule-datetime-pair {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  gap: 8px !important;
  align-items: end !important;
  width: 100% !important;
  direction: ltr !important;
}
html body.tc-standalone .tc-main .tc-iso-picker {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  direction: rtl !important;
}

html body.tc-standalone .tc-main .tc-iso-picker-button {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-inline-start: 1px solid #dce8f7 !important;
  border-radius: 0 !important;
  background: #f8fbff !important;
  color: #2f7b79 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body.tc-standalone .tc-main .tc-iso-picker-button svg {
  width: 18px !important;
  height: 18px !important;
}
html body.tc-standalone .tc-main .tc-native-picker-input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
}

@media (max-width: 760px) {
  html body.tc-standalone .tc-main .tc-schedule-datetime-pair {
    grid-template-columns: 1fr !important;
    direction: rtl !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-user-balance-form {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-user-balance-form
  .tc-checkbox-card {
  grid-column: auto !important;
  min-height: var(--tc-control-height-md) !important;
  padding: 9px 11px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border-radius: 13px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-user-balance-form
  .tc-checkbox-card
  input[type="checkbox"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-user-balance-form
  .tc-checkbox-card
  span {
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.55 !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-user-balance-form
  > button.tc-full {
  grid-column: auto !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 132px !important;
  max-width: 190px !important;
}
@media (max-width: 1100px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-user-balance-form {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-user-balance-form {
    grid-template-columns: 1fr !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-user-balance-form
    > button.tc-full {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}
html
  body.tc-standalone
  .tc-main
  :is(
    .tc-status-pill,
    .tc-country-active,
    .tc-user-statuses .tc-status,
    .tc-pin-status .tc-status-pill
  ) {
  display: inline-flex !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  align-items: center !important;
  justify-content: center !important;
  padding-inline: 12px !important;
  line-height: 1.45 !important;
}
html body .tc-main,
html body .tc-main * {
  box-sizing: border-box !important;
}
html body .tc-main {
  max-width: 100% !important;
  overflow-x: hidden !important;
}
html body .tc-main .tc-card {
  max-width: 100% !important;
  overflow: visible !important;
}
html body .tc-main :is(label, .tc-schedule-field, .tc-checkbox-card) {
  min-width: 0 !important;
}
html
  body
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
        .tc-native-picker-input
      ),
    select,
    textarea
  ) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 1px solid var(--tc-color-field-border) !important;
  border-radius: 13px !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html body .tc-main textarea {
  resize: none !important;
  overflow: auto !important;
  padding-top: 11px !important;
  padding-bottom: 9px !important;
}
html body .tc-main :is(input, select, textarea):focus {
  border-color: var(--tc-color-primary) !important;
  box-shadow: var(--tc-focus-ring) !important;
}
html body .tc-main :is(input, textarea)::placeholder {
  color: var(--tc-color-field-placeholder) !important;
  opacity: 1 !important;
}
html
  body
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
        .tc-native-picker-input
      ),
    select,
    textarea
  ):hover:not(:focus):not(:disabled) {
  border-color: var(--tc-color-field-border-hover) !important;
}
html
  body
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
        .tc-native-picker-input
      ),
    select,
    textarea
  ):disabled,
html
  body
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
        .tc-native-picker-input
      ),
    textarea
  )[readonly] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
}
html
  body
  .tc-main
  :is(
    button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    a.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    input[type="submit"],
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control)
  ) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 8px 14px !important;
  border: 1px solid var(--tc-color-button-secondary-border) !important;
  border-radius: 13px !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
html body .tc-main .tc-save-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
html body .tc-main .tc-row-actions:not(.tc-gift-actions-grid) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
html body .tc-main .tc-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #dde8f7 !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
}
html body .tc-main table.widefat {
  width: 100% !important;
  min-width: 780px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--tc-color-surface) !important;
}
html body .tc-main table.widefat :is(th, td) {
  padding: 12px 13px !important;
  vertical-align: middle !important;
  line-height: 1.65 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
html body .tc-main table.widefat th {
  font-size: var(--tc-font-size-xs) !important;
  color: #2f7b79 !important;
  font-weight: 800 !important;
}
html body .tc-main table.widefat td {
  font-size: 12.5px !important;
  color: #214f4e !important;
}
html body .tc-main .tc-schedule-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid #dce8f7 !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
  min-height: 0 !important;
}
html body .tc-main .tc-schedule-field > span:first-child,
html body .tc-main .tc-iso-picker > small {
  display: block !important;
  margin: 0 !important;
  color: #2f7b79 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
}
html body .tc-main .tc-schedule-datetime-pair {
  display: grid !important;
  grid-template-columns: minmax(178px, 1fr) minmax(106px, 116px) !important;
  gap: 8px !important;
  align-items: end !important;
  width: 100% !important;
  direction: ltr !important;
}
html body .tc-main .tc-iso-picker {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  direction: rtl !important;
}
html body .tc-main .tc-iso-picker-date {
  min-width: 170px !important;
}
html body .tc-main .tc-iso-picker-time {
  min-width: 106px !important;
}

html body .tc-main .tc-iso-picker-button {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-inline-start: 1px solid #dce8f7 !important;
  border-radius: 0 !important;
  background: #f8fbff !important;
  color: #2f7b79 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .tc-main .tc-iso-picker-button svg {
  width: 18px !important;
  height: 18px !important;
}
html body .tc-main .tc-native-picker-input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
}
html body .tc-main .tc-schedule-builder {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  padding: 16px !important;
  border: 1px solid #dce8f7 !important;
  border-radius: var(--tc-radius-xl) !important;
  background: var(--tc-color-surface) !important;
}
html body .tc-main .tc-schedule-builder-head,
html body .tc-main .tc-schedule-summary {
  grid-column: 1 / -1 !important;
}
html body .tc-main .tc-schedule-builder-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-bottom: 1px solid #e8eef7 !important;
  padding-bottom: 10px !important;
  margin-bottom: 2px !important;
}
html body .tc-main .tc-schedule-builder-head :is(h2, h3, strong) {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #214f4e !important;
}
html body .tc-main .tc-schedule-builder-head :is(p, small) {
  display: block !important;
  margin: 3px 0 0 !important;
  color: var(--tc-color-muted) !important;
  line-height: 1.7 !important;
}
html body .tc-main .tc-message-send-schedule {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.46fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  width: 100% !important;
}
html body .tc-main .tc-message-send-schedule .tc-schedule-controls {
  display: grid !important;
  grid-template-columns: minmax(210px, 0.45fr) minmax(280px, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
}
html body .tc-main .tc-message-send-schedule .tc-checkbox-card,
html body .tc-main .tc-message-send-schedule .tc-schedule-field {
  min-height: 98px !important;
}

html
  body
  .tc-main
  :is(
    .tc-status-pill,
    .tc-country-active,
    .tc-user-statuses .tc-status,
    .tc-pin-status .tc-status-pill
  ) {
  display: inline-flex !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  align-items: center !important;
  justify-content: center !important;
  padding-inline: 12px !important;
  line-height: 1.45 !important;
}
@media (max-width: 1200px) {
  html body .tc-main .tc-message-send-schedule {
    grid-template-columns: 1fr !important;
  }
  html body .tc-main .tc-message-send-schedule .tc-schedule-controls {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 760px) {
  html body .tc-main .tc-schedule-builder,
  html body .tc-main .tc-message-send-schedule .tc-schedule-controls {
    grid-template-columns: 1fr !important;
  }
  html body .tc-main .tc-schedule-datetime-pair {
    grid-template-columns: 1fr !important;
    direction: rtl !important;
  }
  html body .tc-main .tc-iso-picker-date,
  html body .tc-main .tc-iso-picker-time {
    min-width: 0 !important;
  }
  html
    body:is(
      [data-admin-page="telecode-users"],
      [data-admin-page="telecode-users"]
    )
    .tc-main
    .tc-user-balance-form {
    grid-template-columns: 1fr !important;
  }
  html
    body:is(
      [data-admin-page="telecode-users"],
      [data-admin-page="telecode-users"]
    )
    .tc-main
    .tc-user-balance-form
    > button.tc-full {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}

html body.tc-standalone,
html body.tc-standalone .tc-app,
html body.tc-standalone .tc-main-scroll {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

html body.tc-standalone .tc-main {
  max-width: 100% !important;
}
html body.tc-standalone .tc-main,
html body.tc-standalone .tc-main * {
  box-sizing: border-box !important;
}
html
  body.tc-standalone
  .tc-main
  :where(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-table-wrap,
    .tc-form-grid,
    .tc-stats,
    .tc-mini-stats,
    .tc-section-head,
    form,
    label,
    fieldset,
    details,
    summary
  ) {
  min-width: 0 !important;
  max-width: 100% !important;
}
html
  body.tc-standalone
  .tc-main
  :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
  ) {
  max-width: 100% !important;
  min-width: 0 !important;
}
html body.tc-standalone .tc-main label.tc-checkbox-card:not(.tc-toggle-card),
html
  body.tc-standalone
  .tc-main
  .tc-checks
  label.tc-checkbox-card:not(.tc-toggle-card),
html body.tc-standalone .tc-main .tc-pin-remove-option {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 10px 13px !important;
  border: 1px solid #d7e3f3 !important;
  border-radius: 13px !important;
  background: #f8fbff !important;
  overflow: hidden !important;
  text-align: start !important;
  line-height: 1.55 !important;
}
html
  body.tc-standalone
  .tc-main
  label.tc-checkbox-card:not(.tc-toggle-card)
  > input[type="checkbox"],
html
  body.tc-standalone
  .tc-main
  .tc-checks
  label.tc-checkbox-card:not(.tc-toggle-card)
  > input[type="checkbox"],
html
  body.tc-standalone
  .tc-main
  .tc-pin-remove-option
  > input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 18px !important;
  inline-size: 18px !important;
  block-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #b8c6d8 !important;
  border-radius: 5px !important;
  background: var(--tc-color-surface) !important;
  box-shadow: none !important;
  transform: none !important;
  direction: ltr !important;
}
html
  body.tc-standalone
  .tc-main
  label.tc-checkbox-card:not(.tc-toggle-card)
  > input[type="checkbox"]::before,
html
  body.tc-standalone
  .tc-main
  .tc-checks
  label.tc-checkbox-card:not(.tc-toggle-card)
  > input[type="checkbox"]::before,
html
  body.tc-standalone
  .tc-main
  .tc-pin-remove-option
  > input[type="checkbox"]::before {
  content: "" !important;
  width: 5px !important;
  height: 9px !important;
  border: 0 !important;
  border-right: 2px solid var(--tc-color-surface) !important;
  border-bottom: 2px solid var(--tc-color-surface) !important;
  transform: translateY(-1px) rotate(45deg) scale(0) !important;
  transform-origin: center !important;
}
html
  body.tc-standalone
  .tc-main
  label.tc-checkbox-card:not(.tc-toggle-card)
  > input[type="checkbox"]:checked,
html
  body.tc-standalone
  .tc-main
  .tc-checks
  label.tc-checkbox-card:not(.tc-toggle-card)
  > input[type="checkbox"]:checked,
html
  body.tc-standalone
  .tc-main
  .tc-pin-remove-option
  > input[type="checkbox"]:checked {
  background: var(--tc-color-primary) !important;
  border-color: var(--tc-color-primary) !important;
}
html
  body.tc-standalone
  .tc-main
  label.tc-checkbox-card:not(.tc-toggle-card)
  > input[type="checkbox"]:checked::before,
html
  body.tc-standalone
  .tc-main
  .tc-checks
  label.tc-checkbox-card:not(.tc-toggle-card)
  > input[type="checkbox"]:checked::before,
html
  body.tc-standalone
  .tc-main
  .tc-pin-remove-option
  > input[type="checkbox"]:checked::before {
  transform: translateY(-1px) rotate(45deg) scale(1) !important;
}
html
  body.tc-standalone
  .tc-main
  label.tc-checkbox-card:not(.tc-toggle-card)
  > span,
html
  body.tc-standalone
  .tc-main
  .tc-checks
  label.tc-checkbox-card:not(.tc-toggle-card)
  > span,
html body.tc-standalone .tc-main .tc-pin-remove-option > span {
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  display: block !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
html body.tc-standalone .tc-main label.tc-toggle-card > input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 720px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  html body.tc-standalone {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  html body.tc-standalone .tc-app {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  html body.tc-standalone .tc-main-scroll {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  html body.tc-standalone .tc-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 10px 34px !important;
    overflow-x: hidden !important;
  }
  html body.tc-standalone .tc-main > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html
    body.tc-standalone
    .tc-main
    :where(
      .tc-card,
      .tc-settings-card,
      .tc-list-card,
      .tc-template-section,
      .tc-subscription-panel,
      .tc-reset-card
    ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 13px !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone
    .tc-main
    :where(
      .tc-form-grid,
      .tc-stats,
      .tc-mini-stats,
      .tc-checks,
      .tc-toolbar,
      .tc-search,
      .tc-search-wide,
      .tc-form-actions,
      .tc-save-bar,
      .tc-actions,
      .tc-section-head
    ) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  html body.tc-standalone .tc-main :where(.tc-toolbar, .tc-section-head) {
    display: grid !important;
  }
  html
    body.tc-standalone
    .tc-main
    :where(
      .tc-toolbar > *,
      .tc-search > *,
      .tc-search-wide > *,
      .tc-form-actions > *,
      .tc-save-bar > *,
      .tc-actions > *,
      .tc-section-head > *
    ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html
    body.tc-standalone
    .tc-main
    :where(
      .tc-toolbar .button,
      .tc-search .button,
      .tc-search-wide .button,
      .tc-form-actions .button,
      .tc-save-bar .button,
      .tc-actions .button
    ) {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
  }

  html body.tc-standalone .tc-main .tc-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body.tc-standalone .tc-main table.tc-responsive-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body.tc-standalone .tc-main table.tc-responsive-table thead {
    display: none !important;
  }
  html body.tc-standalone .tc-main table.tc-responsive-table tbody {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  html body.tc-standalone .tc-main table.tc-responsive-table tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 1px solid #dce6f3 !important;
    border-radius: var(--tc-radius-lg) !important;
    background: var(--tc-color-surface) !important;
    overflow: hidden !important;
    box-shadow: 0 6px 16px rgba(16, 24, 40, 0.04) !important;
  }
  html body.tc-standalone .tc-main table.tc-responsive-table td {
    display: grid !important;
    grid-template-columns: minmax(76px, 30%) minmax(0, 1fr) !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-align: start !important;
    align-items: start !important;
  }
  html body.tc-standalone .tc-main table.tc-responsive-table td:last-child {
    border-bottom: 0 !important;
  }
  html body.tc-standalone .tc-main table.tc-responsive-table td::before {
    content: attr(data-label) !important;
    display: block !important;
    min-width: 0 !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
    font-weight: 800 !important;
    color: #2f7b79 !important;
  }
  html body.tc-standalone .tc-main table.tc-responsive-table td > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone
    .tc-main
    table.tc-responsive-table
    td[data-full-row="1"] {
    display: block !important;
    text-align: center !important;
  }
  html
    body.tc-standalone
    .tc-main
    table.tc-responsive-table
    td[data-full-row="1"]::before {
    display: none !important;
    content: none !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-main
    .tc-user-balance-form {
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    .tc-main
    .tc-user-balance-form
    > button.tc-full {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }
}
@media (min-width: 721px) {
  html body.tc-standalone .tc-main .tc-table-wrap {
    overflow-x: auto !important;
  }
}
body[data-admin-page="telecode-countries"] .tc-countries-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;
  border-radius: var(--tc-radius-lg) !important;
}
body[data-admin-page="telecode-countries"] .tc-countries-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body[data-admin-page="telecode-countries"] .tc-country-price-chip {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 7px 9px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9px !important;
  background: var(--tc-color-surface-subtle) !important;
  box-sizing: border-box !important;
}
body[data-admin-page="telecode-countries"] .tc-country-price-chip b {
  font-size: 9px !important;
  line-height: 1.35 !important;
  color: #2f7b79 !important;
  font-weight: 800 !important;
}
body[data-admin-page="telecode-countries"] .tc-country-price-chip strong {
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #214f4e !important;
  overflow-wrap: anywhere !important;
}
body[data-admin-page="telecode-countries"] .tc-country-price-sale {
  background: #eef6ff !important;
  border-color: #cfe3ff !important;
}
body[data-admin-page="telecode-countries"] .tc-country-settings-form {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body[data-admin-page="telecode-countries"] .tc-country-settings-title {
  grid-column: 1/-1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #e5eaf2 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface-subtle) !important;
  box-sizing: border-box !important;
}
body[data-admin-page="telecode-countries"] .tc-country-settings-title strong {
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  color: #214f4e !important;
}
body[data-admin-page="telecode-countries"] .tc-country-settings-title small {
  font-size: 8.5px !important;
  line-height: 1.5 !important;
  color: #2f7b79 !important;
}
body[data-admin-page="telecode-countries"] .tc-country-fieldbox {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid #e3e9f2 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface) !important;
  box-sizing: border-box !important;
}
body[data-admin-page="telecode-countries"] .tc-country-fieldbox > span,
body[data-admin-page="telecode-countries"]
  .tc-country-alerts-grid
  label
  > span {
  display: block !important;
  margin: 0 !important;
  color: #2f7b79 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}
body[data-admin-page="telecode-countries"] .tc-country-fieldbox input,
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid input,
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 9px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
}
body[data-admin-page="telecode-countries"] .tc-country-alerts {
  grid-column: 1/-1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid #e3e9f2 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: var(--tc-color-surface) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body[data-admin-page="telecode-countries"] .tc-country-alerts > summary {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  background: var(--tc-color-surface-subtle) !important;
  cursor: pointer !important;
  color: #214f4e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  gap: 8px !important;
  padding: 9px !important;
  box-sizing: border-box !important;
}
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid label {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body[data-admin-page="telecode-countries"] .tc-country-actions-row {
  grid-column: 1/-1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 8px !important;
  border: 1px solid #e3e9f2 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: #fbfdff !important;
  box-sizing: border-box !important;
}
body[data-admin-page="telecode-countries"]
  .tc-country-actions-row
  .tc-country-active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #214f4e !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
}
body[data-admin-page="telecode-countries"]
  .tc-country-actions-row
  .tc-country-active
  input {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  flex: 0 0 auto !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body[data-admin-page="telecode-countries"]
  .tc-country-actions-row
  .tc-country-save {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 108px !important;
  max-width: 160px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  box-sizing: border-box !important;
}

@media (max-width: 720px) {
  body[data-admin-page="telecode-countries"] .tc-countries-table-wrap {
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table,
  body[data-admin-page="telecode-countries"] .tc-countries-table tr {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table tbody,
  body[data-admin-page="telecode-countries"] .tc-countries-table td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table thead,
  body[data-admin-page="telecode-countries"] .tc-countries-table colgroup {
    display: none !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table tbody {
    display: grid !important;
    gap: 12px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table tr {
    padding: 12px !important;
    border: 1px solid #dfe7f1 !important;
    border-radius: var(--tc-radius-lg) !important;
    background: var(--tc-color-surface) !important;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.045) !important;
    overflow: hidden !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td {
    display: grid !important;
    grid-template-columns: minmax(86px, 34%) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf2f7 !important;
    text-align: start !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td::before {
    content: attr(data-label) !important;
    display: block !important;
    color: #2f7b79 !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    td[data-responsive-kind="actions"] {
    display: block !important;
    padding-top: 10px !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-countries-table
    td[data-responsive-kind="actions"]::before {
    display: block !important;
    margin-bottom: 8px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name strong,
  body[data-admin-page="telecode-countries"] .tc-country-name small {
    display: block !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-settings-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-settings-title {
    display: grid !important;
    justify-content: stretch !important;
    gap: 3px !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid {
    grid-template-columns: 1fr !important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-actions-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
  body[data-admin-page="telecode-countries"]
    .tc-country-actions-row
    .tc-country-save {
    width: 100% !important;
    max-width: none !important;
  }
}
body.tc-standalone .tc-main,
body.tc-standalone .tc-main-scroll {
  box-sizing: border-box !important;
}
body.tc-standalone .tc-content,
body.tc-standalone .tc-card,
body.tc-standalone .tc-settings-card,
body.tc-standalone .tc-table-wrap {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.tc-standalone .tc-main * {
  box-sizing: border-box;
}
body.tc-standalone .tc-main img,
body.tc-standalone .tc-main svg,
body.tc-standalone .tc-main video,
body.tc-standalone .tc-main iframe {
  max-width: 100%;
}
body.tc-standalone .tc-main label,
body.tc-standalone .tc-main .tc-field,
body.tc-standalone .tc-main .tc-form-grid > * {
  min-width: 0 !important;
  max-width: 100% !important;
}
body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]),
body.tc-standalone .tc-main select,
body.tc-standalone .tc-main textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  line-height: 1.55 !important;
}
body.tc-standalone .tc-main textarea {
  resize: vertical !important;
  overflow: auto !important;
}
body.tc-standalone
  .tc-main
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  max-width: 100% !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body.tc-standalone .tc-main table.widefat {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-toolbar,
    .tc-section-head,
    .tc-save-bar,
    .tc-row-actions:not(.tc-gift-actions-grid),
    .tc-form-actions
  ) {
  min-width: 0 !important;
  max-width: 100% !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-chip,
    .tc-badge,
    .tc-status-pill,
    .tc-status,
    .tc-country-active span
  ) {
  max-width: 100% !important;
  line-height: 1.45 !important;
}
body.tc-standalone .tc-main input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-grid !important;
  place-content: center !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #b9c4d4 !important;
  border-radius: 5px !important;
  background: var(--tc-color-surface) !important;
  vertical-align: middle !important;
  box-shadow: none !important;
}
body.tc-standalone .tc-main input[type="checkbox"]::before {
  content: "" !important;
  width: 5px !important;
  height: 9px !important;
  border: 0 !important;
  border-inline-end: 2px solid var(--tc-color-surface) !important;
  border-bottom: 2px solid var(--tc-color-surface) !important;
  transform: rotate(45deg) scale(0) !important;
  transform-origin: center !important;
  transition: transform 0.12s ease !important;
}
body.tc-standalone .tc-main input[type="checkbox"]:checked {
  background: var(--tc-color-primary) !important;
  border-color: var(--tc-color-primary) !important;
}
body.tc-standalone .tc-main input[type="checkbox"]:checked::before {
  transform: rotate(45deg) scale(1) !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-checkbox-card,
    .tc-country-active,
    .tc-checks label,
    label:has(> input[type="checkbox"])
  ) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-checkbox-card,
    .tc-country-active,
    .tc-checks label,
    label:has(> input[type="checkbox"])
  )
  > span {
  min-width: 0 !important;
  max-width: 100% !important;
  line-height: 1.6 !important;
}

.tc-customer-management-grid,
.tc-account-grid {
  min-width: 0 !important;
  max-width: 100% !important;
}

.tc-user-balance-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: start !important;
}
.tc-user-balance-form .tc-full {
  grid-column: 1/-1 !important;
}
.tc-user-balance-form
  :is(.tc-checkbox-card, label:has(> input[type="checkbox"])) {
  width: auto !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid #e1e7f0 !important;
  border-radius: var(--tc-radius-sm) !important;
  background: #fbfdff !important;
}
.tc-user-block-form .button,
.tc-user-balance-form .button {
  width: auto !important;
  min-width: 120px !important;
  max-width: 100% !important;
}
.tc-schedule-datetime-pair,
.tc-schedule-inline-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(92px, 120px) !important;
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.tc-main
  :is(input[type="date"], input[type="time"], input[type="datetime-local"]) {
  min-height: 42px !important;
  font-size: 11px !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
  padding-inline: 10px !important;
}
.tc-schedule-field,
.tc-schedule-card,
.tc-weekday-picker {
  min-width: 0 !important;
  max-width: 100% !important;
}
.tc-weekday-picker > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-width: 0 !important;
}
.tc-weekday-picker label span {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
}
.tc-main
  :is(
    .tc-template-card,
    .tc-template-section,
    .tc-list-card,
    .tc-payment-template-card
  ) {
  min-width: 0 !important;
  max-width: 100% !important;
}
.tc-main :is(.tc-template-card textarea, .tc-template-section textarea) {
  min-height: 110px !important;
}
@media (max-width: 760px) {
  body.tc-standalone .tc-main {
    padding-inline: 10px !important;
    overflow-x: hidden !important;
  }

  body.tc-standalone
    .tc-main
    :is(
      .tc-card,
      .tc-settings-card,
      .tc-list-card,
      .tc-template-card,
      .tc-subscription-slot,
      .tc-schedule-card,
      .tc-reset-card,
      .tc-account-card
    ) {
    padding: 13px !important;
    border-radius: 13px !important;
  }
  body.tc-standalone
    .tc-main
    :is(
      .tc-toolbar,
      .tc-section-head,
      .tc-save-bar,
      .tc-row-actions:not(.tc-gift-actions-grid),
      .tc-form-actions
    ) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
  }
  body.tc-standalone
    .tc-main
    :is(
      .tc-toolbar .button,
      .tc-save-bar .button,
      .tc-row-actions:not(.tc-gift-actions-grid) .button,
      .tc-form-actions .button
    ) {
    width: 100% !important;
    min-width: 0 !important;
  }

  .tc-chat-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .tc-user-balance-form
    :is(.tc-checkbox-card, label:has(> input[type="checkbox"])) {
    width: 100% !important;
  }
  .tc-user-block-form .button,
  .tc-user-balance-form .button {
    width: 100% !important;
  }
}
@media (min-width: 761px) {
  body.tc-standalone .tc-main {
    overflow-x: hidden !important;
  }
  body.tc-standalone .tc-main .tc-table-wrap {
    overflow-x: auto !important;
  }
  .tc-chat-layout {
    max-width: 100% !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-profile-facts-wide {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-profile-facts-wide
  > div {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-profile-facts-wide
  :is(dt, dd) {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-profile-facts-wide
  dt {
  margin-bottom: 7px !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 700 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-profile-facts-wide
  dd {
  color: var(--tc-text, var(--tc-color-heading)) !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-profile-facts-wide
  code {
  display: inline !important;
  max-width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
@media (min-width: 721px) and (max-width: 899px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-profile-facts-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-profile-facts-wide {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-profile-facts-wide
    > div {
    min-height: 0 !important;
  }
}
body.tc-standalone .tc-topbar {
  border-bottom: 1px solid var(--tc-clean-border) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.035) !important;
}
body.tc-standalone .tc-page-heading h1 {
  letter-spacing: -0.02em !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-account-card,
    .tc-template-card,
    .tc-subscription-slot,
    .tc-schedule-card,
    .tc-reset-card
  ) {
  border-color: var(--tc-clean-border) !important;
  box-shadow: var(--tc-clean-shadow-sm) !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-account-card,
    .tc-template-card
  ):hover {
  box-shadow: var(--tc-clean-shadow) !important;
}
body.tc-standalone
  .tc-main
  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: var(--tc-color-field-border) !important;
  background: var(--tc-color-field-bg) !important;
  color: var(--tc-color-field-text) !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease !important;
}
body.tc-standalone
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
  ):focus {
  border-color: var(--tc-color-primary) !important;
  box-shadow: var(--tc-focus-ring) !important;
}
body.tc-standalone
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
  ):disabled,
body.tc-standalone
  .tc-main
  :is(input:not([type="checkbox"]):not([type="radio"]), textarea)[readonly] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
}
body.tc-standalone
  .tc-main
  :is(.button, .tc-button, .tc-login-button, .tc-chat-send-button) {
  border-radius: var(--tc-radius-md) !important;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease !important;
}
body.tc-standalone .tc-main :is(.button, button, input[type="submit"]):disabled,
body.tc-standalone .tc-main :is(.button, button)[aria-disabled="true"] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}
body.tc-standalone
  .tc-main
  :is(.button, .tc-button, .tc-chat-send-button):active {
  transform: translateY(1px) !important;
}
body.tc-standalone .tc-main table.widefat thead th {
  background: var(--tc-color-surface-subtle) !important;
  border-bottom-color: var(--tc-clean-border) !important;
}
body.tc-standalone .tc-main table.widefat tbody tr:hover td {
  background: #fbfdff !important;
}
body.tc-standalone .tc-main :is(.tc-status-pill, .tc-badge, .tc-chip) {
  border-radius: var(--tc-radius-pill) !important;
}
body.tc-standalone .tc-main :is(.tc-section-head, .tc-toolbar, .tc-save-bar) {
  gap: 10px !important;
}
@media (max-width: 760px) {
  body.tc-standalone .tc-topbar {
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
  }
  body.tc-standalone .tc-main {
    gap: 12px !important;
  }
  body.tc-standalone
    .tc-main
    :is(
      .tc-card,
      .tc-settings-card,
      .tc-list-card,
      .tc-account-card,
      .tc-template-card,
      .tc-subscription-slot,
      .tc-schedule-card,
      .tc-reset-card
    ) {
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04) !important;
  }
}

html,
body.tc-standalone,
body.tc-login-page {
  max-width: 100% !important;
}

body.tc-standalone .tc-app,
body.tc-standalone .tc-main-scroll,
body.tc-standalone .tc-topbar,
body.tc-standalone .tc-topbar-start,
body.tc-standalone .tc-topbar-actions,
body.tc-standalone .tc-page-heading,
body.tc-standalone .tc-main > *,
body.tc-standalone
  .tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-account-card,
    .tc-template-card,
    .tc-table-wrap,
    .tc-form-grid,
    .tc-settings-grid,
    .tc-toolbar,
    .tc-section-head,
    .tc-save-bar
  ) {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.tc-standalone .tc-main {
  max-width: 100% !important;
}

body.tc-standalone
  .tc-main
  :is(input, select, textarea, button, .button, .tc-button) {
  max-width: 100% !important;
}

body.tc-standalone
  .tc-main
  :is(h1, h2, h3, h4, p, span, strong, small, label, td, th, a, code) {
  overflow-wrap: anywhere;
}

body.tc-standalone .tc-main .tc-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-gutter: stable both-edges;
}

body.tc-standalone .tc-main table {
  max-width: none !important;
}

body.tc-standalone
  :is(.tc-modal-dialog, .tc-dialog, .tc-support-viewer-dialog) {
  width: min(100% - 24px, 760px) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow: auto !important;
}

@media (min-width: 761px) {
  body.tc-standalone .tc-topbar {
    flex-wrap: nowrap !important;
  }
  body.tc-standalone .tc-topbar-start {
    flex: 1 1 auto !important;
  }
  body.tc-standalone .tc-topbar-actions {
    flex: 0 0 auto !important;
  }
  body.tc-standalone .tc-main {
    width: 100% !important;
  }
}

@media (max-width: 960px) {
  body.tc-standalone .tc-sidebar {
    width: min(86vw, 320px) !important;
    max-width: 320px !important;
  }
  body.tc-standalone .tc-topbar {
    gap: 10px !important;
  }
  body.tc-standalone .tc-page-heading {
    flex: 1 1 auto !important;
  }
  body.tc-standalone .tc-page-heading p {
    white-space: normal !important;
  }
}

@media (max-width: 760px) {
  html,
  body.tc-standalone {
    width: 100% !important;
    overflow-x: hidden !important;
  }
  body.tc-standalone .tc-app {
    width: 100% !important;
    min-height: 100dvh !important;
  }
  body.tc-standalone .tc-topbar {
    min-height: 64px !important;
    height: auto !important;
    padding: 9px 10px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }
  body.tc-standalone .tc-topbar-start {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
  }
  body.tc-standalone .tc-topbar-actions {
    width: 100% !important;
    justify-content: flex-end !important;
    gap: 7px !important;
  }
  body.tc-standalone .tc-page-heading h1 {
    font-size: clamp(17px, 5vw, 21px) !important;
    line-height: 1.45 !important;
  }
  body.tc-standalone .tc-page-heading p {
    margin-top: 2px !important;
    font-size: 10.5px !important;
    line-height: 1.6 !important;
  }
  body.tc-standalone .tc-main-scroll {
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.tc-standalone .tc-main {
    width: 100% !important;
  }
  body.tc-standalone
    .tc-main
    :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    width: 100% !important;
    min-width: 0 !important;
    font-size: var(--tc-font-size-lg) !important;
  }
  body.tc-standalone
    .tc-main
    :is(
      button,
      .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
      .tc-button,
      .tc-icon-button
    ) {
    min-height: 44px !important;
  }

  body.tc-standalone
    .tc-main
    :is(
      .tc-toolbar,
      .tc-section-head,
      .tc-save-bar,
      .tc-row-actions:not(.tc-gift-actions-grid),
      .tc-form-actions
    ) {
    width: 100% !important;
  }
  body.tc-standalone
    .tc-main
    :is(
      .tc-toolbar,
      .tc-section-head,
      .tc-save-bar,
      .tc-row-actions:not(.tc-gift-actions-grid),
      .tc-form-actions
    )
    > :is(
      .button:not(.tc-gift-action-control),
      .tc-button,
      button:not(.tc-gift-action-control)
    ) {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.tc-standalone .tc-main .tc-table-wrap {
    margin-inline: 0 !important;
    border-radius: var(--tc-radius-md) !important;
  }
  body.tc-standalone .tc-main table.widefat:not(.tc-responsive-table) {
    min-width: 640px !important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.tc-login-page .tc-login-layout {
    width: 100% !important;
    min-height: 100dvh !important;
    padding: max(12px, env(safe-area-inset-top)) 10px
      max(12px, env(safe-area-inset-bottom)) !important;
  }
  body.tc-login-page .tc-login-card {
    width: min(100%, 460px) !important;
    max-width: 100% !important;
  }
  body.tc-login-page .tc-pin-code-inputs {
    width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.tc-login-page .tc-pin-code-inputs input {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 64px !important;
    justify-self: center !important;
  }
}

@media (max-width: 380px) {
  body.tc-standalone .tc-topbar-actions .tc-health-link {
    display: none !important;
  }
  body.tc-standalone .tc-main {
    padding-inline: 7px !important;
  }
  body.tc-login-page .tc-login-card {
    padding-inline: 14px !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.tc-standalone :is(button, .button, .tc-button, a.tc-nav-item, summary) {
    -webkit-tap-highlight-color: transparent;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.tc-standalone *,
  body.tc-login-page * {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
body.tc-standalone [hidden],
body.tc-login-page [hidden] {
  display: none !important;
}
body.tc-standalone
  .tc-main
  :is(h1, h2, h3, h4, strong, label, th, button, .button, .tc-button) {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-status-pill,
    .tc-status,
    .tc-stock,
    .tc-badge,
    .tc-chip,
    .tc-country-active span,
    .tc-user-statuses span
  ) {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  writing-mode: horizontal-tb !important;
}
body.tc-standalone
  .tc-main
  :is(
    [dir="ltr"],
    input[type="url"],
    input[name*="username"],
    input[name*="chat_id"],
    code
  ) {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: left !important;
}
html
  body.tc-standalone[data-admin-page="telecode-countries"]
  .tc-main
  .tc-country-actions-row {
  display: grid !important;
  grid-template-columns: minmax(210px, 1fr) minmax(132px, 160px) !important;
  gap: 10px !important;
  align-items: stretch !important;
  padding: 10px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-countries"]
  .tc-main
  .tc-country-actions-row
  .tc-country-active {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 9px 12px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: 9px !important;
  background: var(--tc-color-surface) !important;
  justify-content: flex-start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-countries"]
  .tc-main
  .tc-country-actions-row
  .tc-country-save {
  width: 100% !important;
  min-width: 132px !important;
  max-width: 160px !important;
  min-height: 44px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  .tc-main
  .tc-subscription-slots {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  .tc-main
  .tc-subscription-slot {
  width: 100% !important;
  min-width: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  .tc-main
  .tc-subscription-slot
  > .tc-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  .tc-main
  .tc-subscription-slot
  :is(.tc-subscription-invite, .tc-subscription-chat-id, .tc-full) {
  grid-column: 1/-1 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  .tc-main
  .tc-subscription-slot
  label {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  .tc-main
  .tc-subscription-slot
  label
  > small {
  display: block !important;
  margin-top: 6px !important;
  line-height: 1.75 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  .tc-main
  .tc-schedule-builder {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  padding: 20px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  .tc-main
  .tc-schedule-builder
  > .tc-form-grid {
  display: grid !important;
  grid-template-columns: minmax(205px, 0.9fr) minmax(350px, 1.5fr) minmax(
      310px,
      1.25fr
    ) minmax(175px, 0.72fr) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  .tc-main
  .tc-schedule-builder
  .tc-schedule-field {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  .tc-main
  .tc-schedule-datetime-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  .tc-main
  :is(
    .tc-iso-picker,
    .tc-iso-picker-date,
    .tc-iso-picker-time,
    .tc-iso-picker-shell
  ) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  .tc-main
  .tc-schedule-summary {
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
  line-height: 1.75 !important;
}
html body.tc-standalone .tc-main .tc-row-actions:not(.tc-gift-actions-grid) {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
}
html
  body.tc-standalone
  .tc-main
  .tc-row-actions:not(.tc-gift-actions-grid)
  form {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
}
html
  body.tc-standalone
  .tc-main
  .tc-row-actions:not(.tc-gift-actions-grid)
  :is(button, .button:not(.tc-chat-send-button):not(.tc-gift-action-control)) {
  width: auto !important;
  min-width: 72px !important;
  max-width: none !important;
  min-height: 38px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 1200px) {
  html
    body.tc-standalone[data-admin-page="telecode-campaigns"]
    .tc-main
    .tc-schedule-builder
    > .tc-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html
    body.tc-standalone[data-admin-page="telecode-subscriptions"]
    .tc-main
    .tc-subscription-slot {
    padding: 14px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-subscriptions"]
    .tc-main
    .tc-subscription-slot
    > .tc-form-grid,
  html
    body.tc-standalone[data-admin-page="telecode-campaigns"]
    .tc-main
    .tc-schedule-builder
    > .tc-form-grid {
    grid-template-columns: 1fr !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-campaigns"]
    .tc-main
    .tc-schedule-builder {
    padding: 14px !important;
    gap: 13px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-campaigns"]
    .tc-main
    .tc-schedule-datetime-pair {
    grid-template-columns: 1fr !important;
  }

  html
    body.tc-standalone
    .tc-main
    table.tc-responsive-table
    td[data-responsive-kind="actions"]
    .tc-row-actions:not(.tc-gift-actions-grid),
  html
    body.tc-standalone
    .tc-main
    table.tc-responsive-table
    td
    .tc-row-actions:not(.tc-gift-actions-grid) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
  html
    body.tc-standalone
    .tc-main
    table.tc-responsive-table
    td
    .tc-row-actions:not(.tc-gift-actions-grid)
    form,
  html
    body.tc-standalone
    .tc-main
    table.tc-responsive-table
    td
    .tc-row-actions:not(.tc-gift-actions-grid)
    :is(button, .button) {
    width: 100% !important;
    min-width: 0 !important;
  }
}
html body.tc-standalone[data-admin-page] main.tc-main [hidden],
html body.tc-standalone[data-admin-page] .tc-main [hidden] {
  display: none !important;
}

html
  body.tc-standalone[data-admin-page="telecode-countries"]
  main.tc-main
  .tc-country-actions-row
  label.tc-country-active
  > span,
html
  body.tc-standalone[data-admin-page="telecode-countries"]
  .tc-main
  .tc-country-actions-row
  .tc-country-active
  > span {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  direction: rtl !important;
  unicode-bidi: normal !important;
  text-align: right !important;
  color: #214f4e !important;
  line-height: 1.6 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-countries"]
  main.tc-main
  .tc-country-actions-row
  > .tc-country-active,
html
  body.tc-standalone[data-admin-page="telecode-countries"]
  main.tc-main
  .tc-country-actions-row
  > .tc-country-save {
  grid-column: auto !important;
  grid-row: auto !important;
  position: static !important;
  inset: auto !important;
}
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  main.tc-main
  .tc-schedule-builder
  > [data-campaign-weekdays][hidden],
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  main.tc-main
  .tc-schedule-builder
  > [data-campaign-monthly][hidden],
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  main.tc-main
  .tc-schedule-builder
  > [data-post-weekdays][hidden],
html
  body.tc-standalone[data-admin-page="telecode-campaigns"]
  main.tc-main
  .tc-schedule-builder
  > [data-post-monthly][hidden] {
  display: none !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table-wrap {
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table,
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tr {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tbody,
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table {
    table-layout: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    thead,
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    colgroup {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tbody {
    display: grid !important;
    gap: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tr {
    padding: 12px !important;
    border: 1px solid #dfe7f1 !important;
    border-radius: var(--tc-radius-lg) !important;
    background: var(--tc-color-surface) !important;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.045) !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td {
    display: grid !important;
    grid-template-columns: minmax(96px, 31%) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 9px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf2f7 !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td::before {
    content: attr(data-label) !important;
    display: block !important;
    color: #2f7b79 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"] {
    display: block !important;
    padding-top: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"]::before {
    display: block !important;
    margin-bottom: 9px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-settings-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-settings-form
    > * {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
@media (max-width: 1450px) {
  html
    body.tc-standalone[data-admin-page="telecode-campaigns"]
    main.tc-main
    .tc-schedule-builder
    > .tc-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  html
    body.tc-standalone
    main.tc-main
    .tc-table-wrap:has(> table.tc-responsive-table:not(.tc-countries-table)) {
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table),
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    tr {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    tbody,
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table) {
    table-layout: auto !important;
    border: 0 !important;
    background: transparent !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    thead {
    display: none !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    tbody {
    display: grid !important;
    gap: 12px !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    tr {
    border: 1px solid var(--tc-color-border) !important;
    border-radius: var(--tc-radius-lg) !important;
    background: var(--tc-color-surface) !important;
    overflow: hidden !important;
    box-shadow: 0 7px 18px rgba(16, 24, 40, 0.045) !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    td {
    display: grid !important;
    grid-template-columns: minmax(100px, 30%) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: start !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    td:last-child {
    border-bottom: 0 !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    td::before {
    content: attr(data-label) !important;
    display: block !important;
    font-size: 10px !important;
    line-height: 1.7 !important;
    font-weight: 800 !important;
    color: #65738a !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    td[data-responsive-kind="actions"] {
    display: block !important;
  }
  html
    body.tc-standalone
    main.tc-main
    table.tc-responsive-table:not(.tc-countries-table)
    td[data-responsive-kind="actions"]::before {
    margin-bottom: 9px !important;
  }
}
@media (max-width: 760px) {
  html
    body.tc-standalone[data-admin-page="telecode-campaigns"]
    main.tc-main
    .tc-schedule-builder
    > .tc-form-grid,
  html
    body.tc-standalone[data-admin-page="telecode-campaigns"]
    main.tc-main
    .tc-schedule-builder
    .tc-schedule-datetime-pair {
    grid-template-columns: 1fr !important;
  }
}
body.tc-standalone {
  height: 100dvh !important;
  min-height: 100svh !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.tc-standalone .tc-app {
  height: 100dvh !important;
  min-height: 100svh !important;
}
body.tc-standalone .tc-main-scroll {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain;
  scroll-padding-bottom: var(--tc-mobile-bottom-space) !important;
}
body.tc-standalone .tc-main {
  min-width: 0 !important;
  padding-bottom: max(
    72px,
    calc(56px + env(safe-area-inset-bottom, 0px))
  ) !important;
}
body.tc-standalone .tc-main > * {
  min-width: 0 !important;
  max-width: 100% !important;
}
body.tc-standalone
  .tc-main
  :is(
    h1,
    h2,
    h3,
    h4,
    p,
    label,
    button,
    .button,
    td,
    th,
    small,
    strong,
    span,
    code
  ) {
  word-break: normal;
  overflow-wrap: break-word;
}
body.tc-standalone
  .tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea,
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    button:not(.tc-chat-send-button):not(.tc-gift-action-control):not(
        .tc-icon-button
      ):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button)
  ) {
  min-height: var(--tc-control-height) !important;
  border-radius: var(--tc-control-radius) !important;
  box-sizing: border-box !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-table-wrap,
    .tc-customer-profile-card,
    .tc-customer-balance-card,
    .tc-customer-block-card,
    .tc-chat-customers,
    .tc-chat-panel
  ) {
  box-sizing: border-box !important;
}
body.tc-standalone
  .tc-main
  :is(
    .tc-form-grid,
    .tc-settings-grid,
    .tc-template-grid,
    .tc-payment-templates-grid,
    .tc-user-balance-form,
    .tc-user-block-form,
    .tc-schedule-controls,
    .tc-schedule-inline-grid,
    .tc-schedule-datetime-pair
  ) {
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 14px !important;
}
body.tc-standalone .tc-main .tc-empty-state {
  min-height: 72px !important;
  padding: 18px !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  line-height: 1.8 !important;
  overflow: visible !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker {
  display: grid !important;
  grid-template-rows: auto var(--tc-control-height) !important;
  gap: 7px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker > small {
  min-height: 18px !important;
  margin: 0 !important;
  color: #66758c !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker-button {
  place-items: center !important;

  height: calc(var(--tc-control-height) - 2px) !important;

  background: #f7faff !important;
  color: #2f7b79 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(input[type="date"], input[type="time"], input[type="datetime-local"]) {
  height: var(--tc-control-height) !important;
  min-height: var(--tc-control-height) !important;
  border-radius: var(--tc-control-radius) !important;
  direction: ltr !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-toolbar-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: start !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid #e6edf5 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-toolbar-heading
  > div {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-toolbar-heading
  :is(h2, p) {
  margin-inline: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-toolbar-heading
  > form {
  display: grid !important;
  align-self: center !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-toolbar-heading
  > form
  .button {
  min-width: 176px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-catalog-card
  .tc-toolbar-heading
  > form
  .button.tc-clear-provider-catalog {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  justify-content: center !important;
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;

  border-top: 1px solid #e7edf5 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar > * {
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-save-bar
  :is(
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    button,
    a.button:not(.tc-chat-send-button):not(.tc-gift-action-control)
  ) {
  width: auto !important;
  min-width: 220px !important;
  max-width: 100% !important;
  min-height: var(--tc-action-height) !important;
  justify-content: center !important;
}
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-row-actions,
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  table.tc-responsive-table
  td.tc-action-cell
  .tc-row-actions,
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  table.widefat
  td.tc-action-cell
  .tc-row-actions {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: var(--tc-action-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-row-actions
  > :is(form, a.button, button.button, .button) {
  flex: 1 1 96px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-row-actions
  > form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  align-items: stretch !important;
}
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-row-actions
  > form
  > :is(
    button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    input.button[type="submit"]
  ),
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-row-actions
  > :is(
    a.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    button.button:not(.tc-chat-send-button):not(.tc-gift-action-control),
    .button:not(.tc-chat-send-button):not(.tc-gift-action-control)
  ) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: var(--tc-action-height) !important;
  margin: 0 !important;
  padding-inline: 14px !important;
  white-space: nowrap !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}
html body.tc-standalone .tc-main td.tc-action-cell {
  min-width: 244px !important;
}
html body.tc-standalone .tc-main td.tc-action-cell-wide {
  min-width: 430px !important;
}
html body.tc-standalone .tc-main :is(.tc-status-pill, .tc-badge, .tc-chip) {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table
  th:last-child,
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table
  td:last-child {
  min-width: 244px !important;
  width: 244px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-actions {
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  main.tc-main
  .tc-channel-tests-card
  .tc-channel-test-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  main.tc-main
  .tc-channel-test-action {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  main.tc-main
  .tc-channel-test-action
  .tc-test-button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: var(--tc-action-height) !important;
  margin: 0 !important;
  justify-content: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-management-grid {
  align-items: start !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-management-grid
  > .tc-customer-balance-card,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-management-grid
  > .tc-customer-block-card {
  grid-column: 1/-1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > label:not(.tc-checkbox-card) {
  display: grid !important;
  grid-template-rows: auto var(--tc-control-height) !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > label:not(.tc-checkbox-card)
  > :is(input, select, textarea) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  section.tc-customer-balance-card
  form.tc-user-balance-form
  > label.tc-checkbox-card.tc-full {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 66px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  section.tc-customer-balance-card
  form.tc-user-balance-form
  > label.tc-checkbox-card.tc-full {
  grid-column: 1/4 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  section.tc-customer-balance-card
  form.tc-user-balance-form
  > label.tc-checkbox-card.tc-full
  > input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  section.tc-customer-balance-card
  form.tc-user-balance-form
  > button.button:not(.tc-chat-send-button):not(
    .tc-gift-action-control
  ).button-primary.tc-full {
  grid-column: 4/5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: end !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--tc-action-height) !important;
  min-height: var(--tc-action-height) !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-block-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 260px) !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 124px !important;
  padding: 20px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-block-card
  .tc-section-head {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-block-card
  .tc-section-head
  :is(h2, p) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  white-space: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-block-card
  .tc-user-block-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-block-card
  .tc-user-block-form
  .button:not(.tc-chat-send-button):not(.tc-gift-action-control) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: var(--tc-action-height) !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-payment-templates"]
  main.tc-main
  .tc-payment-templates-form,
html
  body.tc-standalone[data-admin-page="telecode-payment-templates"]
  main.tc-main
  .tc-payment-template-add {
  padding: var(--tc-card-padding) !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-payment-templates"]
  main.tc-main
  .tc-payment-template-card {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 18px !important;
  padding: 18px !important;
  border: 1px solid #dce5f1 !important;
  border-radius: 15px !important;
  background: #fbfdff !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-payment-templates"]
  main.tc-main
  .tc-payment-template-card
  > .tc-section-head {
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-payment-templates"]
  main.tc-main
  .tc-payment-template-card
  .tc-form-grid,
html
  body.tc-standalone[data-admin-page="telecode-payment-templates"]
  main.tc-main
  .tc-payment-template-add
  .tc-form-grid {
  gap: 16px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-payment-templates"]
  main.tc-main
  .tc-payment-template-card
  textarea,
html
  body.tc-standalone[data-admin-page="telecode-payment-templates"]
  main.tc-main
  .tc-payment-template-add
  textarea {
  min-height: 150px !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-weekday-picker {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid #dce6f2 !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-weekday-picker
  > span {
  margin: 0 !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 800 !important;
  color: #214f4e !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-weekday-picker > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-weekday-picker
  > div
  > label {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-weekday-picker
  > div
  > label
  > input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-weekday-picker
  > div
  > label
  > span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #ccd9e9 !important;
  border-radius: var(--tc-radius-md) !important;
  background: #f8fbff !important;
  color: #214f4e !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 750 !important;
  text-align: center !important;
  box-shadow: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-weekday-picker
  > div
  > label
  > input:checked
  + span {
  border-color: #2f7b79 !important;
  background: #edf4ff !important;
  color: #2f7b79 !important;
  box-shadow: inset 0 0 0 1px #2f7b79 !important;
}
@media (min-width: 901px) and (max-width: 1700px) {
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table-wrap {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    table-layout: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tbody {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    table-layout: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    :is(thead, colgroup) {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tr {
    display: grid !important;
    grid-template-columns:
      minmax(220px, 1.35fr) minmax(125px, 0.7fr) minmax(130px, 0.75fr) minmax(
        150px,
        0.85fr
      )
      minmax(150px, 0.85fr) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #dce5f1 !important;
    border-radius: var(--tc-radius-xl) !important;
    background: var(--tc-color-surface) !important;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.045) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td.tc-country-summary-cell {
    display: grid !important;
    grid-template-rows: auto minmax(48px, auto) !important;
    align-content: start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 14px 15px !important;
    border: 0 !important;
    border-inline-end: 1px solid #edf1f6 !important;
    background: var(--tc-color-surface) !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td.tc-country-summary-sale {
    border-inline-end: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td.tc-country-summary-cell::before {
    content: attr(data-label) !important;
    display: block !important;
    min-width: 0 !important;
    color: #65738a !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td.tc-country-summary-cell
    > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-name {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-name
    > span:last-child {
    min-width: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-name
    :is(strong, small) {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-price-chip {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"] {
    grid-column: 1/-1 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 16px !important;
    border: 0 !important;
    border-top: 1px solid #edf1f6 !important;
    background: #fbfdff !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"]::before {
    content: attr(data-label) !important;
    display: block !important;
    margin-bottom: 12px !important;
    color: #65738a !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-settings-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-settings-form
    > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-settings-title,
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-alerts,
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row {
    grid-column: 1/-1 !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) !important;
    align-items: center !important;
    gap: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-save {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main {
    min-height: calc(100dvh - 61px) !important;
    padding: 8px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout,
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout.has-no-selection,
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout.has-selected-conversation {
    display: block !important;
    width: 100% !important;
    min-height: calc(100dvh - 77px) !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout.has-no-selection
    > .tc-chat-customers,
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout.has-selected-conversation
    > .tc-chat-panel {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: calc(100dvh - 77px) !important;
    height: calc(100dvh - 77px) !important;
    max-height: none !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout.has-no-selection
    > .tc-chat-panel,
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-layout.has-selected-conversation
    > .tc-chat-customers {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-customer-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px 10px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-customer {
    min-height: 76px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-customer-copy
    small {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

@media (max-width: 1100px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    section.tc-customer-balance-card
    form.tc-user-balance-form
    > label.tc-checkbox-card.tc-full {
    grid-column: 1/2 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    section.tc-customer-balance-card
    form.tc-user-balance-form
    > button.button.button-primary.tc-full {
    grid-column: 2/3 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-settings-form {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  :root {
    --tc-control-height: var(--tc-control-height-mobile);
    --tc-action-height: var(--tc-action-height-mobile);
    --tc-card-padding: var(--tc-card-padding-tablet);
  }
  body.tc-standalone .tc-main {
    padding: 8px 10px var(--tc-mobile-bottom-space) !important;
  }
  body.tc-standalone .tc-main > :last-child {
    margin-bottom: 0 !important;
  }
  html body.tc-standalone[data-admin-page] .tc-topbar {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 61px !important;
    height: 61px !important;
    padding: 8px 10px !important;
    flex: 0 0 61px !important;
    overflow: visible !important;
  }
  html body.tc-standalone[data-admin-page] .tc-topbar-start,
  html body.tc-standalone[data-admin-page] .tc-topbar-actions {
    display: contents !important;
  }
  html body.tc-standalone[data-admin-page] .tc-mobile-menu {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }
  html body.tc-standalone[data-admin-page] .tc-page-heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    text-align: start !important;
  }
  html body.tc-standalone[data-admin-page] .tc-page-heading :is(h1, p) {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html body.tc-standalone[data-admin-page] .tc-health-link {
    display: none !important;
  }
  html body.tc-standalone[data-admin-page] .tc-user-menu {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }
  html body.tc-standalone[data-admin-page] .tc-user-menu > summary {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page]
    .tc-user-menu
    :is(.tc-user-copy, .tc-user-arrow) {
    display: none !important;
  }
  html body.tc-standalone[data-admin-page] .tc-user-avatar {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    transform: none !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-card,
      .tc-settings-card,
      .tc-list-card,
      .tc-template-card,
      .tc-account-card,
      .tc-customer-profile-card,
      .tc-customer-balance-card,
      .tc-customer-block-card
    ) {
    padding: var(--tc-card-padding) !important;
    border-radius: var(--tc-radius-xl) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-form-grid,
      .tc-settings-grid,
      .tc-template-grid,
      .tc-payment-templates-grid,
      .tc-user-balance-form,
      .tc-user-block-form,
      .tc-schedule-controls,
      .tc-schedule-inline-grid,
      .tc-schedule-datetime-pair
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 14px !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-toolbar-heading {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-toolbar-heading
    > form,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-toolbar-heading
    > form
    .button {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar > *,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-save-bar
    :is(.button, button, a.button) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
  html body.tc-standalone .tc-main td.tc-action-cell,
  html body.tc-standalone .tc-main td.tc-action-cell-wide {
    min-width: 0 !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-table
    th:last-child,
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-table
    td:last-child {
    width: 100% !important;
    min-width: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-subscriptions"]
    main.tc-main
    .tc-channel-tests-card
    .tc-channel-test-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-management-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    section.tc-customer-balance-card
    form.tc-user-balance-form {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    section.tc-customer-balance-card
    form.tc-user-balance-form
    > * {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    section.tc-customer-balance-card
    form.tc-user-balance-form
    > label.tc-checkbox-card.tc-full,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    section.tc-customer-balance-card
    form.tc-user-balance-form
    > button.button:not(.tc-chat-send-button):not(
      .tc-gift-action-control
    ).button-primary.tc-full {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: var(--tc-action-height) !important;
    justify-self: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-block-card {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-payment-templates"]
    main.tc-main
    .tc-payment-templates-form,
  html
    body.tc-standalone[data-admin-page="telecode-payment-templates"]
    main.tc-main
    .tc-payment-template-add {
    padding: 16px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-payment-templates"]
    main.tc-main
    .tc-payment-template-card {
    margin-bottom: 16px !important;
    padding: 14px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-payment-templates"]
    main.tc-main
    .tc-payment-template-card
    .tc-template-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-payment-templates"]
    main.tc-main
    .tc-payment-template-card
    .tc-template-actions,
  html
    body.tc-standalone[data-admin-page="telecode-payment-templates"]
    main.tc-main
    .tc-payment-template-card
    .tc-template-actions
    > * {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-weekday-picker {
    padding: 14px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-weekday-picker
    > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-weekday-picker
    > div
    > label:last-child:nth-child(odd) {
    grid-column: 1/-1 !important;
    width: calc(50% - 5px) !important;
    justify-self: center !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tr {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td {
    grid-template-columns: 100px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: start !important;
    border-inline-end: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"] {
    grid-column: 1 !important;
    display: block !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-settings-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 360px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-weekday-picker
    > div
    > label:last-child:nth-child(odd) {
    width: 100% !important;
  }
}

html body.tc-standalone main.tc-main .tc-section-divider {
  margin: 26px 0 14px;
  padding: 18px 20px;
  border-inline-start: 4px solid #2f7b79;
  border-radius: var(--tc-radius-md);
  background: #f7faff;
}
html body.tc-standalone main.tc-main .tc-section-divider h2 {
  margin: 0 0 5px;
  font-size: 20px;
}
html body.tc-standalone main.tc-main .tc-section-divider p {
  margin: 0;
  color: #2f7b79;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-unified-search
  .tc-search {
  flex-wrap: wrap;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-unified-search
  .tc-search
  input {
  flex: 1 1 340px;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-management-grid {
  margin-top: 16px;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-card
  form.tc-user-balance-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-payment-templates-form,
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-payment-template-add {
  width: 100%;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-card.tc-note,
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-card.tc-note {
  margin-top: 0;
}

@media (max-width: 700px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-card
    form.tc-user-balance-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
html[dir="rtl"] body.tc-standalone,
html[dir="rtl"] body.tc-standalone button,
html[dir="rtl"] body.tc-standalone input,
html[dir="rtl"] body.tc-standalone select,
html[dir="rtl"] body.tc-standalone textarea {
  font-family: var(--tc-font-ui) !important;
}
body.tc-standalone .tc-nav-group > summary {
  min-height: var(--tc-control-height-md) !important;
  padding: 10px 11px !important;
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
}
body.tc-standalone .tc-nav-title {
  min-width: 0 !important;
  line-height: 1.6 !important;
  white-space: nowrap !important;
}
body.tc-standalone .tc-nav-flyout {
  width: 310px !important;
}
body.tc-standalone .tc-nav-flyout-head strong {
  font-size: var(--tc-font-size-sm) !important;
  line-height: 1.6 !important;
}
body.tc-standalone .tc-nav-flyout .tc-nav-link {
  min-height: 44px !important;
  padding: 9px 11px !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
}
body.tc-standalone
  .tc-nav-flyout
  .tc-nav-link
  > span:not(.tc-nav-link-icon):not(.tc-nav-attention-badge) {
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}
@media (max-width: 960px) {
  body.tc-standalone .tc-nav-group > summary {
    min-height: var(--tc-control-height-md) !important;
    font-size: var(--tc-font-size-sm) !important;
    line-height: 1.6 !important;
  }
  body.tc-standalone .tc-nav-link {
    min-height: 42px !important;
    padding: 9px 10px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }
  body.tc-standalone
    .tc-nav-link
    > span:not(.tc-nav-link-icon):not(.tc-nav-attention-badge) {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
}

html body.tc-standalone[data-admin-page] main.tc-main {
  padding-inline: var(--tc-page-inline-space) !important;
  padding-top: var(--tc-page-block-space) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main > .wrap {
  display: flow-root !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap {
  display: flow-root !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-customer-profile-card,
    .tc-customer-balance-card,
    .tc-customer-block-card,
    .tc-payment-template-card,
    .tc-channel-template-block,
    .tc-subscription-slot,
    .tc-schedule-card,
    .tc-reset-card
  ) {
  min-width: 0 !important;
  padding: var(--tc-card-space) !important;
  overflow-wrap: break-word !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-customer-profile-card,
    .tc-customer-balance-card,
    .tc-customer-block-card
  )
  + :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-customer-profile-card,
    .tc-customer-balance-card,
    .tc-customer-block-card
  ) {
  margin-top: var(--tc-panel-gap) !important;
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head {
  width: 100% !important;
  min-width: 0 !important;

  border-bottom: 1px solid #e6edf5 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  form.tc-card
  > .tc-section-head:not(:first-child),
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-settings-card
  > .tc-section-head:not(:first-child),
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-template-section-body
  > .tc-section-head:not(:first-child) {
  margin-top: var(--tc-section-gap) !important;
}

html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-section-head
  :is(h1, h2, h3, h4) {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.55 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-section-head
  :is(p, small) {
  display: block !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  line-height: 1.8 !important;
}

html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-payment-template-card,
    .tc-channel-template-block,
    .tc-subscription-slot,
    .tc-schedule-card,
    .tc-reset-card
  )
  > :is(h1, h2, h3, h4):not(.screen-reader-text) {
  margin: 0 0 8px !important;
  padding: 0 !important;
  line-height: 1.55 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-payment-template-card,
    .tc-channel-template-block,
    .tc-subscription-slot,
    .tc-schedule-card,
    .tc-reset-card
  )
  > :is(p, ul, ol) {
  margin: 0 0 var(--tc-content-gap) !important;
  line-height: 1.85 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-payment-template-card,
    .tc-channel-template-block,
    .tc-subscription-slot,
    .tc-schedule-card,
    .tc-reset-card
  )
  > :is(p, ul, ol):last-child {
  margin-bottom: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(ul, ol) {
  padding-inline-start: 1.4rem !important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(ul, ol) > li + li {
  margin-top: 6px !important;
}

html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-form-grid,
    .tc-settings-grid,
    .tc-template-grid,
    .tc-user-balance-form,
    .tc-user-block-form,
    .tc-schedule-controls,
    .tc-schedule-inline-grid,
    .tc-schedule-datetime-pair
  ) {
  align-items: start !important;
  row-gap: 16px !important;
  column-gap: 14px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-form-grid,
    .tc-settings-grid,
    .tc-template-grid,
    .tc-user-balance-form,
    .tc-user-block-form,
    .tc-schedule-controls,
    .tc-schedule-inline-grid,
    .tc-schedule-datetime-pair
  )
  > label:not(.tc-checkbox-card) {
  display: grid !important;
  align-content: start !important;
  gap: var(--tc-label-gap) !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main label > span:first-child {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  label
  > :is(small, .description),
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(input, select, textarea)
  + :is(small, .description) {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.75 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main textarea {
  padding: 12px 14px !important;
  line-height: 1.8 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select
  ) {
  padding-inline: 13px !important;
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-checks {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-checkbox-card {
  line-height: 1.7 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-note,
    .tc-system-note,
    .tc-integrity-warning,
    .notice,
    .updated,
    .error
  ) {
  min-width: 0 !important;
  margin: var(--tc-content-gap) 0 0 !important;
  padding: var(--tc-note-space-block) var(--tc-note-space-inline) !important;
  line-height: 1.85 !important;
  overflow-wrap: break-word !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-note,
    .tc-system-note,
    .tc-integrity-warning,
    .notice,
    .updated,
    .error
  )
  > :first-child {
  margin-top: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-note,
    .tc-system-note,
    .tc-integrity-warning,
    .notice,
    .updated,
    .error
  )
  > :last-child {
  margin-bottom: 0 !important;
}

html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-actions,
    .tc-row-actions,
    .tc-template-actions,
    .tc-connection-actions
  ) {
  gap: 10px !important;
  margin-top: var(--tc-content-gap) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar {
  margin-top: var(--tc-section-gap) !important;
  padding-top: 18px !important;
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-template-section {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-template-section
  + .tc-template-section {
  margin-top: 12px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-template-section
  > summary {
  min-width: 0 !important;
  padding: 14px 16px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-template-section
  > summary
  small {
  display: block !important;
  margin-top: 4px !important;
  line-height: 1.7 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-template-section-body {
  min-width: 0 !important;
  padding: 18px !important;
}

html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-table-wrap, .tablenav) {
  min-width: 0 !important;
  margin-top: var(--tc-content-gap) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  table.widefat
  :is(th, td) {
  padding: 12px 14px !important;
  line-height: 1.7 !important;
  vertical-align: middle !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  table.widefat
  td
  :is(p, small) {
  margin: 4px 0 0 !important;
  line-height: 1.7 !important;
}

@media (max-width: 960px) {
  :root {
    --tc-page-inline-space: var(--tc-page-inline-tablet);
    --tc-page-block-space: var(--tc-page-block-tablet);
    --tc-card-space: var(--tc-card-space-tablet);
    --tc-panel-gap: var(--tc-panel-gap-tablet);
    --tc-section-gap: var(--tc-section-gap-tablet);
  }
}
@media (max-width: 720px) {
  :root {
    --tc-page-inline-space: var(--tc-page-inline-mobile);
    --tc-page-block-space: var(--tc-page-block-mobile);
    --tc-card-space: var(--tc-card-space-mobile);
    --tc-card-space-compact: var(--tc-card-space-narrow);
    --tc-panel-gap: var(--tc-panel-gap-mobile);
    --tc-section-gap: var(--tc-section-gap-mobile);
  }
  html body.tc-standalone[data-admin-page] main.tc-main {
    padding-top: var(--tc-page-block-space) !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head {
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-card,
      .tc-settings-card,
      .tc-list-card,
      .tc-template-card,
      .tc-account-card,
      .tc-customer-profile-card,
      .tc-customer-balance-card,
      .tc-customer-block-card,
      .tc-payment-template-card,
      .tc-channel-template-block,
      .tc-subscription-slot,
      .tc-schedule-card,
      .tc-reset-card
    ) {
    padding: var(--tc-card-space) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-template-section
    > summary {
    padding: 13px 14px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-template-section-body {
    padding: 14px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    table.tc-responsive-table
    td {
    padding: 11px 12px !important;
  }
}
@media (max-width: 380px) {
  :root {
    --tc-page-inline-space: var(--tc-page-inline-narrow);
    --tc-card-space: var(--tc-card-space-narrow);
  }
}
@media (min-width: 901px) and (max-width: 1180px) {
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    tr {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td.tc-country-summary-name {
    grid-column: 1/-1 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td.tc-country-summary-cell {
    border-inline-end: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"] {
    grid-column: 1/-1 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"]
    > form.tc-inline-form.tc-country-settings-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"]
    > form.tc-inline-form.tc-country-settings-form
    > * {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"]
    > form.tc-inline-form.tc-country-settings-form
    > :is(
      .tc-country-settings-title,
      .tc-country-alerts,
      .tc-country-actions-row
    ) {
    grid-column: 1/-1 !important;
  }
}
@media (min-width: 761px) and (max-width: 1180px) {
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 200px) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 10px !important;
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row
    > .tc-country-active {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row
    > .tc-country-active
    > span {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row
    > .tc-country-save {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
@media (min-width: 761px) and (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"]
    > form.tc-inline-form.tc-country-settings-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-countries-table
    td[data-responsive-kind="actions"]
    > form.tc-inline-form.tc-country-settings-form
    > * {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
body.tc-standalone .tc-nav-group > summary {
  touch-action: manipulation !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-card {
  margin-bottom: 12px !important;
  padding: 16px 18px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-card
  .tc-section-head {
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-card
  .tc-section-head
  h2 {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-card
  .tc-section-head
  p {
  margin: 2px 0 0 !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-controls {
  grid-template-columns: minmax(320px, 1.35fr) minmax(220px, 0.9fr) 96px !important;
  gap: 10px !important;
  align-items: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-controls
  :is(.tc-checks, .tc-form-grid) {
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-controls
  .tc-checkbox-card {
  min-height: 48px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-controls
  .tc-form-grid
  label {
  gap: 4px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-controls
  .tc-form-grid
  small {
  margin: 0 !important;
  font-size: 9.5px !important;
  line-height: 1.5 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-runtime-controls
  > .button {
  width: 96px !important;
  min-width: 96px !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-support-runtime-controls {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-support-runtime-controls
    > .button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

html {
  font-size: var(--tc-font-size-lg);
}
html *,
html *::before,
html *::after {
  box-sizing: border-box;
}
html body.tc-standalone,
html body.tc-login-page,
html
  body.tc-standalone
  :is(button, input, select, textarea, optgroup, option, table) {
  font-family: var(--tc-font-ui) !important;
  font-synthesis: none;
  letter-spacing: 0 !important;
}
html body.tc-standalone[data-admin-page] {
  font-size: var(--tc-font-size-base) !important;
  line-height: var(--tc-line-height-base) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html
  body.tc-standalone[data-admin-page]
  :is(.tc-sidebar, .tc-topbar, main.tc-main) {
  font-family: var(--tc-font-ui) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    p,
    li,
    label,
    td,
    th,
    input,
    select,
    textarea,
    button,
    .button:not(.tc-chat-send-button)
  ) {
  line-height: var(--tc-line-height-base) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(h1, h2, h3, h4) {
  font-family: var(--tc-font-ui) !important;
  line-height: 1.45 !important;
  text-wrap: balance;
  letter-spacing: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main small {
  font-size: 12.5px !important;
  line-height: 1.7 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main {
  width: 100% !important;
  max-width: 1580px !important;
  margin-inline: auto !important;
  padding: var(--tc-space-6) var(--tc-panel-inline)
    max(52px, env(safe-area-inset-bottom, 0px)) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap > * + * {
  margin-block-start: var(--tc-space-5) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-payment-template-card,
    .tc-channel-template-block,
    .tc-subscription-slot,
    .tc-schedule-card,
    .tc-reset-card,
    .tc-customer-profile-card,
    .tc-customer-balance-card,
    .tc-customer-block-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card,
    .tc-subscription-panel,
    .tc-payment-review-result
  ) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: var(--tc-card-padding) !important;
  border-radius: var(--tc-panel-radius) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-payment-template-card,
    .tc-channel-template-block,
    .tc-subscription-slot,
    .tc-schedule-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card,
    .tc-payment-review-result
  )
  > :first-child {
  margin-block-start: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-payment-template-card,
    .tc-channel-template-block,
    .tc-subscription-slot,
    .tc-schedule-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card,
    .tc-payment-review-result
  )
  > :last-child {
  margin-block-end: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: var(--tc-space-4) !important;
  margin: 0 0 var(--tc-space-5) !important;
  padding: 0 0 var(--tc-space-4) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head > div {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-section-head
  :is(h2, h3, p) {
  margin-inline: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head h2 {
  margin-block: 0 var(--tc-space-1) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head p {
  margin-block: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .notice,
    .tc-note,
    .tc-empty-state,
    .tc-help-box,
    .tc-info-box,
    .tc-warning-box,
    .tc-payment-review-note
  ) {
  margin-inline: 0 !important;
  padding: var(--tc-space-3) var(--tc-space-4) !important;
  border-radius: var(--tc-control-radius) !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .notice,
    .tc-note,
    .tc-empty-state,
    .tc-help-box,
    .tc-info-box,
    .tc-warning-box,
    .tc-payment-review-note
  )
  > :first-child {
  margin-block-start: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .notice,
    .tc-note,
    .tc-empty-state,
    .tc-help-box,
    .tc-info-box,
    .tc-warning-box,
    .tc-payment-review-note
  )
  > :last-child {
  margin-block-end: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-form-grid,
    .tc-settings-grid,
    .tc-template-grid,
    .tc-payment-templates-grid
  ) {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, var(--tc-field-min-width)), 1fr)
  ) !important;
  align-items: start !important;
  gap: var(--tc-space-4) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-form-grid,
    .tc-settings-grid,
    .tc-template-grid,
    .tc-payment-templates-grid
  )
  > .tc-full {
  grid-column: 1/-1 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-task-result-grid,
    .tc-bot-button-icon-grid,
    .tc-bot-links-grid,
    .tc-country-alerts-grid,
    .tc-customer-context-grid,
    .tc-customer-management-grid,
    .tc-payment-review-grid,
    .tc-stats,
    .tc-mini-stats
  ) {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 220px), 1fr)
  ) !important;
  align-items: stretch !important;
  gap: var(--tc-space-4) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-task-result-grid,
    .tc-bot-button-icon-grid,
    .tc-bot-links-grid,
    .tc-country-alerts-grid,
    .tc-customer-context-grid,
    .tc-customer-management-grid,
    .tc-payment-review-grid,
    .tc-stats,
    .tc-mini-stats
  )
  > :only-child {
  grid-column: 1/-1 !important;
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-form-grid,
    .tc-settings-grid,
    .tc-template-grid,
    .tc-payment-templates-grid
  )
  > label,
html body.tc-standalone[data-admin-page] main.tc-main label.tc-field {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--tc-space-2) !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main label > span:first-child {
  font-weight: 700 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main label > small {
  display: block !important;
  margin: 0 !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: var(--tc-control-height) !important;
  margin: 0 !important;
  padding: 10px var(--tc-control-padding-inline) !important;
  font-size: var(--tc-font-size-md) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
    .tc-native-picker-input
  ):disabled,
html body.tc-standalone[data-admin-page] main.tc-main select:disabled,
html body.tc-standalone[data-admin-page] main.tc-main textarea:disabled,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
    .tc-native-picker-input
  )[readonly],
html body.tc-standalone[data-admin-page] main.tc-main textarea[readonly] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
  box-shadow: none !important;
}
html body.tc-standalone[data-admin-page] main.tc-main textarea {
  min-height: var(--tc-textarea-min-height) !important;
  resize: vertical !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-checks, .tc-checkbox-grid) {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 220px), 1fr)
  ) !important;
  gap: var(--tc-space-3) !important;
  width: 100% !important;
  margin-block: 0 var(--tc-space-4) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-checkbox-card {
  min-width: 0 !important;
  margin: 0 !important;
  padding: var(--tc-space-3) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-admin-notification-grid,
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-general-operation-grid {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 220px), 1fr)
  ) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 16px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  :is(.tc-admin-notification-grid, .tc-general-operation-grid)
  > label {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  :is(.tc-admin-notification-grid, .tc-general-operation-grid)
  > label
  > input[type="checkbox"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 2px 0 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  > .tc-settings-section {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--tc-line, var(--tc-color-border)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  > .tc-settings-section
  + .tc-settings-section {
  margin-top: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  .tc-section-head {
  margin: 0 0 10px !important;
  padding: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  .tc-section-head
  p {
  margin-top: 4px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  :is(.tc-settings-grid-two, .tc-settings-grid-three) {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 230px), 1fr)
  ) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  align-items: start !important;
  gap: 12px 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  :is(.tc-settings-grid-two, .tc-settings-grid-three)
  > label {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  justify-content: flex-start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  :is(.tc-settings-grid-two, .tc-settings-grid-three)
  > label
  > span:first-child {
  min-height: 0 !important;
  display: block !important;
  margin-bottom: 6px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  :is(input, select) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: var(--tc-control-height) !important;
  height: var(--tc-control-height) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  > .tc-human-settings-note {
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.65 !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  background: transparent !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot"]
  main.tc-main
  .tc-order-code-settings
  > .tc-system-note {
  width: 100% !important;
  margin: 0 0 4px !important;
  padding: 9px 12px !important;
  border-inline-start: 3px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  font-size: var(--tc-font-size-sm) !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-bot"]
    main.tc-main
    .tc-order-code-settings
    :is(
      .tc-settings-grid-two,
      .tc-settings-grid-three,
      .tc-admin-notification-grid,
      .tc-general-operation-grid
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-connection"]
  main.tc-main
  .tc-security-card
  .tc-security-guidance {
  margin: 0 0 12px !important;
  padding: 9px 11px !important;
  font-size: var(--tc-font-size-sm) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-connection"]
  main.tc-main
  .tc-security-card
  .tc-security-list {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 280px), 1fr)
  ) !important;
  gap: 9px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-connection"]
  main.tc-main
  .tc-security-card
  .tc-security-list
  li {
  min-width: 0 !important;
  min-height: 50px !important;
  padding: 9px 11px !important;
  font-size: var(--tc-font-size-sm) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-actions,
    .tc-row-actions:not(.tc-gift-actions-grid),
    .tc-template-actions,
    .tc-connection-actions,
    .tc-payment-integrity-actions,
    .tc-chat-head-actions,
    .tc-channel-test-grid,
    .tc-test-grid,
    .tc-save-bar,
    .tc-form-actions,
    .tc-country-actions-row
  ) {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--tc-space-3) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-actions,
    .tc-row-actions:not(.tc-gift-actions-grid),
    .tc-template-actions,
    .tc-connection-actions,
    .tc-payment-integrity-actions,
    .tc-chat-head-actions,
    .tc-channel-test-grid,
    .tc-test-grid,
    .tc-save-bar,
    .tc-form-actions,
    .tc-country-actions-row
  )
  > :is(form, details, a.button, button.button, .button) {
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-actions,
    .tc-row-actions:not(.tc-gift-actions-grid),
    .tc-template-actions,
    .tc-connection-actions,
    .tc-payment-integrity-actions,
    .tc-chat-head-actions,
    .tc-channel-test-grid,
    .tc-test-grid,
    .tc-save-bar,
    .tc-form-actions,
    .tc-country-actions-row
  )
  > form {
  display: inline-flex !important;
  align-items: center !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-actions,
    .tc-row-actions:not(.tc-gift-actions-grid),
    .tc-template-actions,
    .tc-connection-actions,
    .tc-payment-integrity-actions,
    .tc-chat-head-actions,
    .tc-channel-test-grid,
    .tc-test-grid,
    .tc-save-bar,
    .tc-form-actions,
    .tc-country-actions-row
  )
  > form
  > :is(button.button:not(.tc-chat-send-button), input.button[type="submit"]),
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-actions,
    .tc-row-actions:not(.tc-gift-actions-grid),
    .tc-template-actions,
    .tc-connection-actions,
    .tc-payment-integrity-actions,
    .tc-chat-head-actions,
    .tc-channel-test-grid,
    .tc-test-grid,
    .tc-save-bar,
    .tc-form-actions,
    .tc-country-actions-row
  )
  > :is(
    a.button:not(.tc-chat-send-button),
    button.button:not(.tc-chat-send-button),
    .button:not(.tc-chat-send-button)
  ) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: var(--tc-button-height) !important;
  padding: 9px 14px !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.button-hero, .tc-action-wide) {
  min-height: var(--tc-button-large-height) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-inline-form {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .widefat :is(th, td) {
  padding: 12px 14px !important;
  vertical-align: middle !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .widefat
  td
  > *:first-child {
  margin-block-start: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .widefat
  td
  > *:last-child {
  margin-block-end: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-identity {
  display: block !important;
  min-width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  overflow-x: auto !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-subid {
  display: block !important;
  max-width: 100% !important;
  margin-top: 3px !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  overflow-x: auto !important;
  unicode-bidi: plaintext;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-id {
  display: inline-block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  overflow-x: auto !important;
  vertical-align: middle !important;
  font-variant-numeric: tabular-nums !important;
  unicode-bidi: isolate;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-date {
  display: inline-block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  unicode-bidi: isolate;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  :is(.tc-payment-invoices-table, .tc-responsive-table)
  .tc-status-pill {
  max-width: 100% !important;
  white-space: normal !important;
  text-align: center !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-payment-source {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-payment-source small {
  overflow-wrap: anywhere !important;
}
body.tc-standalone .tc-sidebar .tc-nav-group > summary {
  min-height: 48px !important;
  padding: 10px 12px !important;
  font-family: var(--tc-font-ui) !important;
  font-size: var(--tc-font-size-md) !important;
  font-weight: 750 !important;
  line-height: 1.55 !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
  transition: none !important;
}
body.tc-standalone .tc-sidebar .tc-nav-link {
  min-height: 42px !important;
  padding: 9px 12px !important;
  font-family: var(--tc-font-ui) !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
  transition: none !important;
}
body.tc-standalone .tc-sidebar :is(.tc-nav-chevron, .tc-nav-items) {
  animation: none !important;
  transition: none !important;
}
body.tc-standalone .tc-sidebar .tc-nav-group[open] > .tc-nav-items {
  overflow: visible !important;
}

@media (max-width: 960px) {
  :root {
    --tc-panel-inline: var(--tc-panel-inline-tablet);
    --tc-card-padding: var(--tc-card-padding-tablet);
    --tc-field-min-width: var(--tc-field-min-width-tablet);
    --tc-action-min-width: var(--tc-action-min-width-tablet);
  }
}

@media (max-width: 640px) {
  :root {
    --tc-font-size-base: var(--tc-font-size-base-mobile);
    --tc-panel-inline: var(--tc-panel-inline-mobile);
    --tc-card-padding: var(--tc-card-padding-mobile);
    --tc-field-min-width: 100%;
    --tc-action-min-width: var(--tc-action-min-width-mobile);
  }
  html body.tc-standalone[data-admin-page] main.tc-main {
    padding-block-start: var(--tc-space-3) !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap > * + * {
    margin-block-start: var(--tc-space-4) !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head {
    flex-direction: column !important;
    gap: var(--tc-space-3) !important;
    margin-block-end: var(--tc-space-4) !important;
    padding-block-end: var(--tc-space-3) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-form-grid,
      .tc-settings-grid,
      .tc-template-grid,
      .tc-payment-templates-grid
    ) {
    gap: var(--tc-space-3) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-task-result-grid,
      .tc-bot-button-icon-grid,
      .tc-bot-links-grid,
      .tc-country-alerts-grid,
      .tc-customer-context-grid,
      .tc-customer-management-grid,
      .tc-payment-review-grid,
      .tc-stats,
      .tc-mini-stats
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--tc-space-3) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(.tc-checks, .tc-checkbox-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .widefat :is(th, td) {
    padding: 11px 12px !important;
  }
}

@media (max-width: 340px) {
  :root {
    --tc-action-min-width: 100%;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-actions,
      .tc-row-actions,
      .tc-template-actions,
      .tc-connection-actions,
      .tc-payment-integrity-actions,
      .tc-chat-head-actions,
      .tc-channel-test-grid,
      .tc-test-grid,
      .tc-save-bar,
      .tc-form-actions,
      .tc-country-actions-row
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-form-grid,
    .tc-settings-grid,
    .tc-template-grid,
    .tc-payment-templates-grid,
    .tc-actions,
    .tc-row-actions,
    .tc-template-actions,
    .tc-connection-actions,
    .tc-payment-integrity-actions,
    .tc-chat-head-actions,
    .tc-channel-test-grid,
    .tc-test-grid,
    .tc-save-bar,
    .tc-form-actions,
    .tc-country-actions-row
  )
  > .tc-auto-wide {
  grid-column: 1/-1 !important;
  width: 100% !important;
  max-width: 100% !important;
}
html body.tc-standalone[data-admin-page] main.tc-main,
html body.tc-standalone[data-admin-page] main.tc-main * {
  min-inline-size: 0;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card
  ) {
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card
  )
  :is(p, ul, ol, blockquote, pre) {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card
  )
  > p {
  margin: var(--tc-space-3) 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card
  )
  > :is(h1, h2, h3, h4)
  + p {
  margin-block-start: var(--tc-space-2) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head > * {
  max-width: 100% !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-section-head
  > :only-child {
  width: 100% !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-switch-line {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-switch-line input {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-form-grid, .tc-settings-grid, .tc-template-grid) {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 260px), 1fr)
  ) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .button,
    .button-primary,
    .button-secondary,
    button,
    input[type="submit"]
  ) {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .button.button-primary,
    button.button-primary,
    input[type="submit"].button-primary
  ) {
  border-color: var(--tc-color-primary) !important;
  background: var(--tc-color-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .button.button-primary:hover,
    button.button-primary:hover,
    input[type="submit"].button-primary:hover
  ) {
  border-color: var(--tc-color-primary-hover) !important;
  background: var(--tc-color-primary-hover) !important;
  color: #fff !important;
  box-shadow: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.button, .button-primary, .button-secondary, button)
  > :is(svg, .dashicons, .tc-icon) {
  flex: 0 0 auto !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  button.button:not(.tc-chat-send-button):not(.tc-icon-button):not(
    .tc-modal-close
  ):not(.tc-password-toggle):not(.tc-iso-picker-button):not(
    .tc-chat-edit-close
  ):not(.tc-support-media-link):not(.tc-attachment-chip):not(
    .tc-support-viewer-close
  ):disabled,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  button:not(.tc-chat-send-button):not(.tc-icon-button):not(
    .tc-modal-close
  ):not(.tc-password-toggle):not(.tc-iso-picker-button):not(
    .tc-chat-edit-close
  ):not(.tc-support-media-link):not(.tc-attachment-chip):not(
    .tc-support-viewer-close
  ):disabled,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  input.button[type="submit"]:disabled,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .button[aria-disabled="true"] {
  border-color: var(--tc-color-disabled-border) !important;
  background: var(--tc-color-disabled-bg) !important;
  color: var(--tc-color-disabled-text) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker-button {
  width: 46px !important;
  min-width: 46px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-inline-start: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .button:has(> svg)::before,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .button:has(> .dashicons)::before,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .button:has(> .tc-icon)::before {
  content: none !important;
  display: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-table-wrap,
    .tc-responsive-table,
    .tc-payment-review-grid,
    .tc-stats,
    .tc-mini-stats
  ) {
  max-width: 100% !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: var(--tc-control-radius) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap + * {
  margin-block-start: var(--tc-space-5) !important;
}

@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-form-grid,
      .tc-settings-grid,
      .tc-template-grid,
      .tc-payment-templates-grid
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-actions,
      .tc-row-actions,
      .tc-template-actions,
      .tc-form-actions,
      .tc-save-bar,
      .tc-channel-test-grid,
      .tc-test-grid
    ) {
    align-items: center !important;
    justify-content: flex-start !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-card,
      .tc-settings-card,
      .tc-list-card,
      .tc-template-card,
      .tc-account-card,
      .tc-reset-card,
      .tc-external-gateway-card,
      .tc-retired-payment-gateway-card
    ) {
    padding: 14px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      input:not([type="checkbox"]):not([type="radio"]),
      select,
      textarea,
      .button,
      button
    ) {
    font-size: var(--tc-font-size-lg) !important;
  }
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card
  ) {
  padding-inline: var(--tc-card-padding) !important;
  padding-block: var(--tc-card-padding) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card
  )
  > :is(p, small, ul, ol, dl, .tc-note, .tc-empty-state) {
  margin-inline: 0 !important;
}
@media (min-width: 721px) {
  html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap {
    overflow-x: auto !important;
    scrollbar-gutter: stable both-edges;
  }
  html body.tc-standalone[data-admin-page] main.tc-main table.widefat thead th {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: nowrap !important;
    min-width: max-content !important;
    line-height: 1.55 !important;
    padding: 14px 16px !important;
  }
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-schedule-builder {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--tc-content-gap) !important;
  align-items: start !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-schedule-builder
  > :is(.tc-schedule-builder-head, .tc-schedule-summary, .tc-full) {
  grid-column: 1/-1 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-schedule-field {
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px !important;
  gap: 10px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-schedule-datetime-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  direction: rtl !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker {
  width: 100% !important;
  min-width: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker-date,
html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker-time {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-message-send-schedule {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.28fr) minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-message-send-schedule
  .tc-schedule-controls {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  gap: 14px !important;
  min-width: 0 !important;
  align-items: stretch !important;
}
html
  body.tc-standalone[data-admin-page="telecode-countries"]
  main.tc-main
  .tc-country-actions-row {
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.6fr) !important;
  gap: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-countries"]
  main.tc-main
  .tc-country-actions-row
  .tc-country-active {
  min-width: 0 !important;
  white-space: normal !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.button, .tc-nav-link):has(:is(svg, .dashicons, .tc-icon))::before,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  :is(.tc-users-table, .tc-customer-unified-search)
  .button::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 1100px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-message-send-schedule {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 720px) {
  :root {
    --tc-panel-inline: var(--tc-panel-inline-mobile);
    --tc-card-padding: var(--tc-card-padding-mobile);
    --tc-content-gap: var(--tc-content-gap-mobile);
  }
  html body.tc-standalone[data-admin-page] main.tc-main {
    padding-inline: var(--tc-panel-inline) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-card,
      .tc-settings-card,
      .tc-list-card,
      .tc-template-card,
      .tc-account-card,
      .tc-reset-card,
      .tc-external-gateway-card,
      .tc-retired-payment-gateway-card
    ) {
    padding: var(--tc-card-padding) !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-schedule-builder,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-message-send-schedule
    .tc-schedule-controls,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-schedule-datetime-pair,
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row
    :is(.tc-country-active, .tc-country-save) {
    width: 100% !important;
    min-width: 0 !important;
  }
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-operation-id {
  display: inline-flex !important;
  min-width: 72px !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 6px 10px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: 999px !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-color-text) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-referral-lookup-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 12px !important;
  align-items: end !important;
  width: min(100%, 820px) !important;
  min-width: 0 !important;
  margin-inline-start: auto !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-operation-lookup-card {
  display: grid !important;
  gap: 12px !important;
  padding: var(--tc-card-padding) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-operation-lookup-card
  > .tc-section-head {
  margin: 0 !important;
  padding: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-operation-lookup-form,
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-operation-lookup-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-operation-lookup-field
  > label {
  display: block !important;
  margin: 0 !important;
  font-weight: 800 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-operation-lookup-controls {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-operation-lookup-controls
  > input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-operation-lookup-controls
  > .button,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-referral-lookup-form
  .button {
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: var(--tc-control-height) !important;
  margin: 0 !important;
  padding-inline: 18px !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-operation-lookup-result {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 4px !important;
  padding: 14px !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-operation-lookup-result.is-missing {
  border-color: #f1c4c0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-operation-lookup-result
  > div {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-operation-lookup-result
  p {
  margin: 4px 0 0 !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  line-height: 1.7 !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-referral-lookup-form,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-operation-lookup-result {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-referral-lookup-form
    .button,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-operation-lookup-result
    .button {
    width: max-content !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-operation-lookup-controls {
    gap: 8px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-operation-lookup-controls
    > .button {
    padding-inline: 12px !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-card {
  padding: var(--tc-card-padding) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-card
  > .tc-section-head {
  margin-bottom: var(--tc-space-4) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: var(--tc-space-3) !important;
  align-items: end !important;
  width: min(100%, 820px) !important;
  min-width: 0 !important;
  margin-inline-start: auto !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-form
  label {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-form
  .button {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: var(--tc-control-height) !important;
  padding-inline: 20px !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-result {
  margin-top: var(--tc-space-5) !important;
  padding-top: var(--tc-space-5) !important;
  border-top: 1px solid var(--tc-line, var(--tc-color-border)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-summary {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: var(--tc-space-4) !important;
  margin-bottom: var(--tc-space-4) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-title {
  display: flex !important;
  align-items: center !important;
  gap: var(--tc-space-3) !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-title
  span:not(.tc-status-pill) {
  display: block !important;
  color: var(--tc-color-muted) !important;
  font-size: var(--tc-font-size-xs) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-lookup-title
  h3 {
  margin: 2px 0 0 !important;
  font-size: var(--tc-font-size-lg) !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-reason {
  margin-bottom: var(--tc-space-4) !important;
  padding: var(--tc-space-3) var(--tc-space-4) !important;
  border: 1px solid var(--tc-color-warning-border, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-color-warning-soft, #fff9e8) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-reason
  p {
  margin: 4px 0 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-detail-sections {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--tc-space-4) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-detail-sections
  > section {
  min-width: 0 !important;
  padding: var(--tc-space-4) !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-detail-sections
  h4 {
  margin: 0 0 var(--tc-space-3) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-facts {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-facts
  > div {
  display: grid !important;
  grid-template-columns: minmax(120px, 0.7fr) minmax(0, 1.3fr) !important;
  gap: var(--tc-space-3) !important;
  align-items: start !important;
  padding: 10px 0 !important;
  border-top: 1px solid var(--tc-line-soft, var(--tc-color-border)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-facts
  > div:first-child {
  border-top: 0 !important;
  padding-top: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-facts
  :is(dt, dd) {
  margin: 0 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-facts
  dt {
  color: var(--tc-color-muted) !important;
  font-weight: 700 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-facts
  dd {
  font-weight: 700 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-technical {
  margin-top: var(--tc-space-4) !important;
  padding: var(--tc-space-3) var(--tc-space-4) !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-technical
  pre {
  margin: var(--tc-space-3) 0 0 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-operation-id {
  display: inline-flex !important;
  min-width: 72px !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  text-decoration: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-list-reason {
  min-width: 220px !important;
  max-width: 320px !important;
  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-orders-table {
  width: 100% !important;
  min-width: 1180px !important;
  table-layout: auto !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-orders-table
  :is(.tc-operation-id, .tc-order-phone, code, time, .tc-table-date),
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-orders-table
  :is(td:nth-child(5), td:nth-child(6)) {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-orders-table
  .tc-order-country-cell {
  min-width: 150px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  unicode-bidi: isolate !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-orders-table
  .tc-order-country-name,
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-orders-table
  .tc-order-country-code {
  display: inline !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-orders-table
  .tc-order-phone-cell {
  min-width: 132px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-phone {
  display: inline-block !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  unicode-bidi: isolate !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-orders-table
  .tc-order-action-cell {
  min-width: 148px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-action-cell
  .tc-row-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: max-content !important;
  max-width: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-action-cell
  .tc-row-actions
  :is(form, .button, button) {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-details-button {
  width: auto !important;
  min-width: 108px !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-detail-sections {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-lookup-form {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-lookup-form
    .button {
    width: max-content !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-orders-table {
    min-width: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-action-cell
    .tc-row-actions {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-lookup-summary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-lookup-summary
    > .button {
    width: max-content !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-facts
    > div {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  :is(.tc-payment-invoices-table, .tc-customer-payments-table)
  :is(code, time, .tc-operation-id, .tc-table-id, .tc-table-date),
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  :is(code, time, .tc-operation-id, .tc-table-id, .tc-table-date) {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-invoices-table {
  min-width: 1040px !important;
  table-layout: auto !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-invoices-table
  :is(th, td):nth-child(2) {
  min-width: 190px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-invoices-table
  :is(th, td):nth-child(4) {
  white-space: nowrap !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-payment-invoices-table {
    min-width: 0 !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-payments-wrap {
  overflow-x: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-payments-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: auto !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-payments-table
  :is(th, td):not(:nth-child(2)) {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-payments-table
  :is(th, td):nth-child(2) {
  width: 100% !important;
  min-width: 180px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-payments-table
  :is(.tc-table-identity, .tc-table-id-link) {
  color: inherit !important;
  text-decoration: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-payments-table
  .tc-table-id-link:hover,
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-payments-table
  .tc-table-identity:hover {
  color: var(--tc-color-primary) !important;
  text-decoration: underline !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-retired-payment-payments-wrap {
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-retired-payment-payments-table
    :is(th, td):nth-child(2) {
    min-width: 0 !important;
    width: 100% !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-wrap {
  overflow-x: auto !important;
  scrollbar-gutter: stable !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table {
  width: 100% !important;
  min-width: 1120px !important;
  table-layout: fixed !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-id {
  width: 8% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-time {
  width: 11% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-status {
  width: 10% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-customer {
  width: 16% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-reference {
  width: 10% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-subject {
  width: 10% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-result {
  width: 14% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-action {
  width: 14% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  .tc-log-col-review {
  width: 7% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  :is(th, td) {
  box-sizing: border-box !important;
  vertical-align: middle !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td {
  padding-block: 17px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td:nth-child(1),
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td:nth-child(2),
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td:nth-child(3),
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td:nth-child(9) {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-logs-table
  :is(.tc-operation-id, .tc-table-date, time[dir="ltr"]) {
  max-width: none !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td:nth-child(5),
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td:nth-child(6),
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td:nth-child(7),
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-main-row
  > td:nth-child(8) {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.8 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-customer {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-customer
  a {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  text-decoration: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-customer
  small {
  color: var(--tc-color-muted) !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-customer
  :is(strong, span, code) {
  display: block !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-system-event {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-result {
  min-width: 0 !important;
  max-width: none !important;
  line-height: 1.8 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-reference {
  display: inline-block !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  unicode-bidi: isolate !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-details-row
  > td {
  padding: 8px 14px 14px !important;
  border-top: 0 !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-details {
  box-sizing: border-box !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: var(--tc-control-radius) !important;
  background: transparent !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-details
  > summary {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 11px !important;
  border: 1px solid var(--tc-line-soft, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-color-surface) !important;
  color: var(--tc-color-primary) !important;
  cursor: pointer !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-details[open] {
  border: 1px solid var(--tc-line-soft, var(--tc-color-border)) !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-details[open]
  > summary {
  margin: 10px 12px 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-details-grid {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 250px), 1fr)
  ) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-detail-item {
  display: grid !important;
  grid-template-columns: minmax(120px, max-content) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px 12px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid var(--tc-line-soft, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-detail-item.is-technical {
  grid-column: 1/-1 !important;
  grid-template-columns: minmax(150px, max-content) minmax(0, 1fr) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-detail-item
  :is(dt, dd) {
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-detail-item
  dt {
  color: var(--tc-color-muted) !important;
  font-weight: 700 !important;
  white-space: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-detail-value {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-detail-value.is-identifier {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-detail-value.is-technical {
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-logs-table {
    min-width: 0 !important;
    table-layout: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-logs-table
    colgroup {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-main-row
    > td {
    padding-block: 11px !important;
    white-space: normal !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-details-row {
    margin-top: -12px !important;
    border-top: 0 !important;
    border-radius: 0 0 var(--tc-radius-lg) var(--tc-radius-lg) !important;
    box-shadow: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-details-row
    > td {
    display: block !important;
    padding: 9px 10px 12px !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-details-row
    > td::before {
    display: none !important;
    content: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-details {
    display: block !important;
    width: 100% !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-details
    > summary {
    width: max-content !important;
    min-height: 40px !important;
    margin-inline: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-details-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-detail-item,
  html
    body.tc-standalone[data-admin-page="telecode-logs"]
    main.tc-main
    .tc-log-detail-item.is-technical {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    width: 100% !important;
    padding: 10px !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-log-card {
  margin-block-start: var(--tc-space-5) !important;
  padding: var(--tc-card-padding) !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-log-card
  .tc-table-wrap {
  margin: 0 !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table
  :is(th, td) {
  padding: 14px 16px !important;
  vertical-align: middle !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table
  td {
  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table
  td
  :is(code, small, strong) {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  > .tc-form-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  > :is(.tc-form-grid, .tc-schedule-weekdays, .tc-schedule-monthly) {
  grid-column: 1/-1 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  > .tc-form-grid
  > .tc-schedule-recurrence,
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  > .tc-form-grid
  > .tc-schedule-duration,
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  > .tc-form-grid
  > .tc-schedule-hours {
  grid-column: span 4 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  > .tc-form-grid
  > .tc-schedule-runs {
  grid-column: 1/-1 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  .tc-schedule-field {
  height: 100% !important;
  min-height: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  .tc-schedule-weekdays {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-color-surface) !important;
}

/* Orders desktop table: keep Arabic country names and action button visible together. */
@media (min-width: 901px) {
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-table-wrap {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 10px !important;
    overflow-x: auto !important;
  }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table {
    width: 100% !important;
    min-width: 1120px !important;
    table-layout: fixed !important;
  }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td) {
    box-sizing: border-box !important;
    padding-inline: 8px !important;
    vertical-align: middle !important;
  }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(1) { width: 7% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(2) { width: 10% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(3) { width: 11% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(4) { width: 10% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(5) { width: 8% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(6) { width: 6% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(7) { width: 10% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(8) { width: 21% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(9) { width: 10% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(10) { width: 7% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table .tc-order-country-cell {
    min-width: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-order-list-reason {
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-order-action-cell {
    min-width: 0 !important;
    padding-inline-start: 10px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-order-action-cell .tc-row-actions {
    width: 100% !important;
    justify-content: center !important;
  }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-order-details-button {
    min-width: 92px !important;
    max-width: 100% !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  .tc-schedule-monthly {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: min(100%, 520px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  justify-self: start !important;
}
html[dir="rtl"]
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  .tc-schedule-monthly {
  justify-self: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-schedule-builder
  .tc-schedule-summary {
  margin: 0 !important;
  padding: 12px 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-center {
  padding: var(--tc-card-padding) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-sections {
  display: grid !important;
  gap: 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-form {
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-section
  > summary {
  padding: 14px 16px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-channel-template-section-body {
  padding: 16px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  main.tc-main
  .tc-subscription-panel,
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-subscription-panel {
  padding: var(--tc-card-padding) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-subscriptions"]
  main.tc-main
  .tc-subscription-slot,
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-subscription-slot {
  padding: 16px !important;
  margin: 0 !important;
}

@media (max-width: 1100px) {
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-builder
    > .tc-form-grid
    > .tc-schedule-recurrence,
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-builder
    > .tc-form-grid
    > .tc-schedule-duration,
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-builder
    > .tc-form-grid
    > .tc-schedule-hours {
    grid-column: span 6 !important;
  }
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-builder
    > .tc-form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-builder
    > .tc-form-grid
    > :is(
      .tc-schedule-recurrence,
      .tc-schedule-duration,
      .tc-schedule-hours,
      .tc-schedule-runs
    ) {
    grid-column: 1 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-log-card,
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-channel-template-center {
    padding: 14px !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-result {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
  min-width: 150px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-payment-result
  small {
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  line-height: 1.55 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-invoice-runtime-grid {
  display: grid !important;
  grid-template-columns: minmax(420px, 680px) auto !important;
  gap: 12px !important;
  align-items: end !important;
  width: min(100%, 850px) !important;
  justify-self: end !important;
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-invoice-runtime-grid
  > label {
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-invoice-runtime-grid
  > .tc-invoice-runtime-submit {
  width: auto !important;
  min-width: 150px !important;
  min-height: var(--tc-control-height) !important;
  padding-inline: 22px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-invoice-runtime-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-invoice-runtime-grid
    > label {
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-invoice-runtime-grid
    > .tc-invoice-runtime-submit {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: var(--tc-action-height) !important;
    padding-inline: 18px !important;
    margin: 0 !important;
    justify-self: start !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-bot-button-icon-grid
  > label {
  align-content: start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-kind,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-operation {
  grid-column: span 3 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-note {
  grid-column: span 4 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-notify,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-submit {
  min-height: 60px !important;
  height: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-notify {
  grid-column: span 9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-submit {
  grid-column: span 3 !important;
  width: 100% !important;
  justify-self: stretch !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > * {
    grid-column: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > :is(
      .tc-customer-balance-note,
      .tc-customer-balance-notify,
      .tc-customer-balance-submit
    ) {
    grid-column: 1/-1 !important;
    width: 100% !important;
  }
}
@media (max-width: 640px) {
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-builder
    .tc-schedule-monthly,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > * {
    grid-column: 1 !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  direction: rtl !important;
  scrollbar-gutter: stable !important;
  -webkit-overflow-scrolling: touch;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table {
  width: max-content !important;
  min-width: 1380px !important;
  max-width: none !important;
  table-layout: auto !important;
  direction: rtl !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table
  :is(th, td) {
  padding: 12px 12px !important;
  vertical-align: middle !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table
  th {
  white-space: nowrap !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.55 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-id {
  min-width: 118px !important;
  padding-inline: 18px !important;
  text-align: center !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-user {
  min-width: 132px !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  :is(.tc-referral-money, .tc-referral-status, .tc-referral-date) {
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-date {
  min-width: 150px !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-risk {
  min-width: 180px !important;
  max-width: 250px !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-result {
  min-width: 230px !important;
  max-width: 320px !important;
  white-space: normal !important;
  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-source {
  min-width: 112px !important;
  max-width: 160px !important;
  white-space: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referrals-table
  :is(th, td):last-child {
  width: auto !important;
  min-width: max-content !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-actions {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 6px !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-details {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-details
  > summary {
  list-style: none !important;
  cursor: pointer !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-details
  > summary::-webkit-details-marker {
  display: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-details
  dl {
  display: grid !important;
  gap: 7px !important;
  min-width: 260px !important;
  margin: 8px 0 0 !important;
  padding: 10px !important;
  border: 1px solid var(--tc-border) !important;
  border-radius: 12px !important;
  background: var(--tc-surface) !important;
  text-align: start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-details
  dl
  > div {
  display: grid !important;
  grid-template-columns: minmax(92px, 0.8fr) minmax(0, 1.2fr) !important;
  gap: 8px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-details
  :is(dt, dd) {
  margin: 0 !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-details
  dt {
  color: var(--tc-muted) !important;
  font-size: 11px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-details
  dd {
  font-weight: 700 !important;
  font-size: 11.5px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-actions
  :is(form, .button:not(.tc-chat-send-button)) {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-inline: 8px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-referral-actions
  .button {
  white-space: nowrap !important;
  font-size: 11.5px !important;
}
@media (max-width: 782px) {
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-table {
    display: table !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-table
    :is(thead, tbody) {
    display: table-row-group !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-table
    thead {
    display: table-header-group !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-table
    tr {
    display: table-row !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-table
    :is(th, td) {
    display: table-cell !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-referrals"]
    main.tc-main
    .tc-referrals-table
    td::before {
    display: none !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-card {
  width: 100%;
  min-width: 0;
}

html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-card
  .tc-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-card
  .tc-row-actions
  :is(form, .button) {
  margin: 0;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-card
  .tc-copy-row {
  min-width: 220px;
}

@media (max-width: 760px) {
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gift-card
    .tc-copy-row {
    min-width: 0;
    width: 100%;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gift-card
    .tc-row-actions {
    display: flex;
    flex-wrap: wrap;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gift-card
    .tc-row-actions
    :is(form, .button) {
    width: max-content;
    max-width: 100%;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-datetime-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  direction: rtl !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-datetime-pair
  > label {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 13px !important;
  border: 1px solid #dce8f7 !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-datetime-pair
  input[type="datetime-local"] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: var(--tc-control-height-md) !important;
  direction: ltr !important;
  text-align: left !important;
  background-image: none !important;
  padding-inline: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-datetime-pair
  input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity: 1 !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 3px !important;
}

html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-verification-settings {
  display: block !important;
  width: 100% !important;
  padding: 16px !important;
  margin-top: 16px !important;
  border: 1px solid #dce8f7 !important;
  border-radius: var(--tc-radius-xl) !important;
  background: #f8fbff !important;
}
html
  body.tc-standalone[data-admin-page="telecode-referrals"]
  main.tc-main
  .tc-verification-settings
  h3 {
  margin: 0 !important;
  font-size: 15px !important;
  color: #214f4e !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-gateway-switches {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin-inline-start: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-gateway-switches
  .tc-switch-line {
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-unified-payments-card {
  margin-top: 18px !important;
}
@media (max-width: 760px) {
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gift-datetime-pair {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-gateway-switches {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    justify-content: stretch !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-field-title {
  margin: 0 0 9px !important;
  font-weight: 800 !important;
  color: #214f4e !important;
}

html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-publish {
  position: relative !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-publish
  > summary {
  list-style: none !important;
  cursor: pointer !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-publish
  > summary::-webkit-details-marker {
  display: none !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-publish-form {
  position: absolute !important;
  z-index: 20 !important;
  inset-inline-end: 0 !important;
  top: calc(100% + 7px) !important;
  width: min(420px, 80vw) !important;
  padding: 13px !important;
  border: 1px solid #dce8f7 !important;
  border-radius: 15px !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 16px 45px rgba(16, 24, 40, 0.16) !important;
}

html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-danger-button {
  border-color: #f2b8b5 !important;
  color: var(--tc-color-danger) !important;
  background: #fff7f6 !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gift-publish-form {
    position: static !important;
    width: 100% !important;
    margin-top: 8px !important;
    box-shadow: none !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-wrap {
  overflow-x: auto !important;
  scrollbar-gutter: stable !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table {
  width: 100% !important;
  min-width: 940px !important;
  table-layout: fixed !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  :is(th, td) {
  box-sizing: border-box !important;
  vertical-align: middle !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  :is(th, td):nth-child(1) {
  width: 10% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  :is(th, td):nth-child(2) {
  width: 12% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  :is(th, td):nth-child(3) {
  width: 14% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  :is(th, td):nth-child(4) {
  width: 21% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  :is(th, td):nth-child(5) {
  width: 21% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  :is(th, td):nth-child(6) {
  width: 8% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  :is(th, td):nth-child(7) {
  width: 14% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  td:nth-child(4),
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-translations-table
  td:nth-child(5) {
  line-height: 1.7 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-actions-cell {
  min-width: 150px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-actions-cell
  > .tc-provider-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(64px, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-actions-cell
  > .tc-provider-action-grid
  :is(form, .button),
html
  body.tc-standalone[data-admin-page="telecode-texts"]
  main.tc-main
  .tc-provider-actions-cell
  > .tc-provider-action-grid
  form
  > .button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-provider-translations-table {
    min-width: 0 !important;
    table-layout: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-provider-translations-table
    :is(th, td):nth-child(n) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-provider-translations-table
    .tc-provider-actions-cell {
    min-width: 0 !important;
  }
  html
    body.tc-standalone.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-provider-actions-cell
    > .tc-provider-action-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-bot-links"]
  main.tc-main
  .tc-bot-links-grid {
  display: grid !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot-links"]
  main.tc-main
  .tc-bot-link-row {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;

  border: 1px solid #dce8f7 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot-links"]
  main.tc-main
  .tc-bot-link-row
  .tc-copy-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot-links"]
  main.tc-main
  .tc-bot-link-row
  code {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
html body.tc-standalone main.tc-main .tc-customer-payments-card {
  grid-column: 1/-1 !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body.tc-standalone main.tc-main .tc-customer-payment-review {
  display: grid !important;
  gap: 9px !important;
  margin: 0 0 14px !important;
  padding: 13px 14px !important;
  border: 1px solid #b9d7c5 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: #f6fbf8 !important;
}
html body.tc-standalone main.tc-main .tc-customer-payment-review.is-warning {
  border-color: #efd49b !important;
  background: #fffaf0 !important;
}
html
  body.tc-standalone
  main.tc-main
  .tc-customer-payment-review
  > div:first-child {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
html body.tc-standalone main.tc-main .tc-customer-payment-review p {
  margin: 0 !important;
}
html body.tc-standalone main.tc-main .tc-customer-payment-review-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 0 !important;
}
html body.tc-standalone main.tc-main .tc-customer-payment-review-facts > div {
  min-width: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface) !important;
}
html body.tc-standalone main.tc-main .tc-customer-payment-review-facts dt {
  margin: 0 0 4px !important;
  color: var(--tc-color-muted) !important;
  font-size: var(--tc-font-size-xs) !important;
}
html body.tc-standalone main.tc-main .tc-customer-payment-review-facts dd {
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-bot-links"]
    main.tc-main
    .tc-bot-links-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.tc-standalone main.tc-main .tc-customer-payment-review-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html
    body.tc-standalone[data-admin-page="telecode-bot-links"]
    main.tc-main
    .tc-bot-link-row
    .tc-copy-field,
  html body.tc-standalone main.tc-main .tc-customer-payment-review-facts {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-bot-links"]
    main.tc-main
    .tc-bot-link-row
    .button {
    width: max-content !important;
    max-width: 100% !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-bot-links"]
  main.tc-main
  .tc-bot-links-grid {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)) !important;
  gap: 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-bot-links"]
  main.tc-main
  .tc-bot-link-row {
  padding: 15px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-unified-search
  .tc-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: stretch !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-unified-search
  .tc-search
  input {
  width: 100% !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-management-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-profile-card-wide {
  grid-column: 1/-1 !important;
  width: 100% !important;
}

html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-support-composer {
  gap: 12px !important;
  padding: 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-security-log"]
  main.tc-main
  .tc-security-log-table
  td,
html
  body.tc-standalone[data-admin-page="telecode-security-log"]
  main.tc-main
  .tc-security-log-table
  th {
  vertical-align: middle !important;
}

@media (max-width: 760px) {
  html
    body.tc-standalone[data-admin-page="telecode-bot-links"]
    main.tc-main
    .tc-bot-links-grid,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-unified-search
    .tc-search {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-unified-search
    .tc-search
    .button {
    width: max-content !important;
    max-width: 100% !important;
  }
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker-button {
  position: static !important;
  z-index: 1 !important;
  flex: 0 0 46px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-iso-picker-button
  svg {
  width: 20px !important;
  height: 20px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-schedule-datetime-pair, .tc-schedule-row) {
  align-items: start !important;
  gap: 12px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-task-result-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 16px 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-task-result-grid
  > div {
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-surface-soft, var(--tc-color-surface-subtle)) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-task-result-grid
  span {
  display: block !important;
  margin-bottom: 6px !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 700 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-task-result-grid
  strong {
  display: block !important;
  line-height: 1.7 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-logs-table
  :is(th, td) {
  vertical-align: top !important;
  line-height: 1.7 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-logs-table td {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-log-customer {
  min-width: 210px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-log-customer > a {
  display: grid !important;
  gap: 2px !important;
  padding: 5px 0 !important;
  color: inherit !important;
  text-decoration: none !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-log-customer > a + a {
  margin-top: 6px !important;
  padding-top: 9px !important;
  border-top: 1px solid var(--tc-line, var(--tc-color-border)) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-log-customer
  :is(small, span) {
  color: var(--tc-muted, var(--tc-color-muted)) !important;
  font-size: var(--tc-font-size-xs) !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(.tc-task-result-grid, .tc-schedule-datetime-pair, .tc-schedule-row) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
html body.tc-standalone main.tc-main .tc-destination-tests-card .tc-test-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
}
html
  body.tc-standalone
  main.tc-main
  .tc-destination-tests-card
  .tc-test-grid
  > .tc-destination-test-row {
  box-sizing: border-box !important;
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-content: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 188px !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone
  main.tc-main
  .tc-destination-tests-card
  .tc-test-grid
  > .tc-destination-test-row
  > span {
  display: block !important;
  min-width: 0 !important;
  line-height: 1.75 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone
  main.tc-main
  .tc-destination-tests-card
  .tc-test-grid
  > .tc-destination-test-row
  > .button:not(.tc-chat-send-button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  justify-self: start !important;
  align-self: end !important;
}
html
  body.tc-standalone
  main.tc-main
  .tc-destination-tests-card
  .tc-destination-diagnostic {
  display: block !important;
  min-width: 0 !important;
  margin-top: 9px !important;
  padding-top: 9px !important;
  border-top: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  font-size: var(--tc-font-size-xs) !important;
  line-height: 1.75 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone
  main.tc-main
  .tc-destination-tests-card
  .tc-destination-diagnostic.is-success {
  color: #147548 !important;
}
html
  body.tc-standalone
  main.tc-main
  .tc-destination-tests-card
  .tc-destination-diagnostic.is-failed {
  color: var(--tc-color-danger) !important;
}

html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-form {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-basics-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px 16px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-field,
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-field
  > label {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-field
  :is(input, select, textarea) {
  width: 100% !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-schedule-editor {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 18px !important;
  align-items: start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-schedule-row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important;
  gap: 10px 12px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #dce8f7 !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-schedule-row
  > strong {
  grid-column: 1/-1 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-schedule-row
  :is(
    .tc-iso-picker,
    .tc-iso-picker-shell,
    .tc-iso-picker-date,
    .tc-iso-picker-time
  ) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-schedule-row
  .tc-iso-picker-display {
  width: 100% !important;
  min-width: 0 !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-description-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 18px !important;
  align-items: start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-description-grid
  > label {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-description-grid
  textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 128px !important;
  margin-top: 7px !important;
  resize: vertical !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-destinations-section {
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 18px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-destinations {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 220px), 1fr)
  ) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 9px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-destination {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--tc-line, var(--tc-color-border)) !important;
  border-radius: 13px !important;
  background: var(--tc-color-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-destination
  > input {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-destination
  > span {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-destination
  :is(.tc-gift-destination-title, .tc-gift-destination-ref) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-destination-title {
  text-align: start !important;
  unicode-bidi: plaintext !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-destination-ref {
  margin-top: 5px !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-switches {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-switches
  > .tc-checkbox-card {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 1 auto !important;
  gap: 10px !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-form
  > .tc-save-bar {
  margin-top: 18px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table-wrap {
  overflow-x: auto !important;
  scrollbar-gutter: stable !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table {
  width: 100% !important;
  min-width: 930px !important;
  table-layout: fixed !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(th, td) {
  box-sizing: border-box !important;
  vertical-align: middle !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(th, td):nth-child(1) {
  width: 18%;
  min-width: 160px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(th, td):nth-child(2) {
  width: 12%;
  min-width: 115px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(th, td):nth-child(3) {
  width: 11%;
  min-width: 105px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(th, td):nth-child(4) {
  width: 20%;
  min-width: 185px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(th, td):nth-child(5) {
  width: 10%;
  min-width: 95px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(th, td):nth-child(6) {
  width: 9%;
  min-width: 90px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(th, td):nth-child(7) {
  width: 20%;
  min-width: 230px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-name-cell
  > strong {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px 8px !important;
  margin-top: 6px !important;
  color: var(--tc-muted, var(--tc-color-muted)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-meta
  > * {
  white-space: nowrap !important;
  unicode-bidi: isolate !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  :is(.tc-gift-country-cell, .tc-gift-condition-cell, .tc-gift-beneficiaries) {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-schedule {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px 8px !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-schedule
  :is(time, span) {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-schedule-separator {
  color: var(--tc-muted, var(--tc-color-muted)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  .tc-row-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(96px, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 8px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: 216px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  .tc-row-actions
  > form,
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  .tc-row-actions
  > details,
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  .tc-row-actions
  > a.button {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  .tc-row-actions
  > a.button,
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  .tc-row-actions
  > form
  > .button,
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  .tc-row-actions
  > details
  > summary.button {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding-inline: 12px !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gifts-table
  :is(.tc-operation-id, time[dir="ltr"]) {
  max-width: none !important;
  overflow: visible !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker-shell {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 46px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-iso-picker-display {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 7px 12px 10px !important;
  line-height: 1.45 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(input[type="date"], input[type="time"], input[type="datetime-local"]) {
  box-sizing: border-box !important;
  padding-block: 7px 10px !important;
  line-height: 1.45 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"]
  )::-webkit-datetime-edit {
  padding: 0 0 2px !important;
}
@media (max-width: 1050px) {
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gift-basics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-schedule-editor {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    :is(
      .tc-gift-basics-grid,
      .tc-schedule-editor,
      .tc-gift-description-grid,
      .tc-gift-destinations
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-schedule-row {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 13px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gifts-table {
    min-width: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gifts-table
    :is(th, td) {
    min-width: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gifts-table
    td[data-label="الحالة"]
    .tc-status-pill {
    width: max-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gifts-table
    td[data-responsive-kind="actions"] {
    display: block !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gifts-table
    .tc-row-actions.tc-gift-actions-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gifts-table
    .tc-row-actions.tc-gift-actions-grid
    > :is(form, details, a.button) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gifts-table
    .tc-row-actions.tc-gift-actions-grid
    :is(.tc-gift-action-control, form > .button, details > summary.button) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gifts-table
    .tc-row-actions
    details[open] {
    grid-column: 1/-1 !important;
  }
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-destination-tests-card
  .tc-test-grid
  > .tc-destination-test-row:last-child:nth-child(odd),
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-destination-tests-card
  .tc-test-grid
  > .tc-destination-test-row.tc-auto-wide {
  grid-column: auto !important;
}

html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-gateway-card
  > .tc-retired-payment-settings-form {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-gateway-card
  > .tc-retired-payment-balance-form {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 12px 0 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-retired-payment-gateway-card
  > .tc-retired-payment-balance-form
  .button {
  width: max-content !important;
  max-width: 100% !important;
  min-height: var(--tc-button-height) !important;
  margin: 0 !important;
}

html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(button, .button, input[type="submit"]):not(.tc-chat-send-button):not(
    .tc-iso-picker-button
  ):not(.tc-gift-action-control):not(.tc-action-wide):not(.tc-password-toggle) {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  hyphens: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-save-bar
  > form:only-child {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-save-bar
  > form:only-child
  > :is(button.button:not(.tc-chat-send-button), input.button[type="submit"]),
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-save-bar
  > :is(
    a.button:not(.tc-chat-send-button),
    button.button:not(.tc-chat-send-button),
    .button:not(.tc-chat-send-button)
  ):only-child {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: none !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-form-actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  align-items: stretch !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-form-actions
  > :is(form, a.button, button.button, .button) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-form-actions > form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-form-actions
  > form
  > :is(button.button, input.button[type="submit"]) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-toolbar
  > :is(button, .button, input[type="submit"]) {
  flex: 0 0 auto !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  table.tc-responsive-table {
  width: 100% !important;
  table-layout: auto !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  table
  :is(
    .tc-operation-id,
    .tc-table-id,
    .tc-table-date,
    .tc-admin-datetime,
    .tc-order-phone,
    .tc-table-identity,
    .tc-table-subid
  ),
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  table
  :is(time, code)[dir="ltr"] {
  max-width: 100% !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  overflow-x: auto !important;
  font-variant-numeric: tabular-nums !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    table.tc-responsive-table
    td:not([data-full-row="1"]) {
    grid-template-columns: minmax(88px, max-content) minmax(0, 1fr) !important;
    align-items: start !important;
  }
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  textarea[data-tc-autogrow],
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-template-card, .tc-payment-templates-grid)
  textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 76px !important;
  max-height: 320px !important;
  padding: 13px 15px !important;
  line-height: 1.75 !important;
  resize: vertical !important;
  overflow-y: hidden !important;
}
html body.tc-standalone[data-admin-page] main.tc-main [hidden] {
  display: none !important;
}
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  :is(.tc-action-cell, .tc-action-cell-wide) {
  width: auto !important;
  min-width: max-content !important;
}
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-action-cell-wide
  > .tc-row-actions {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
  align-items: center !important;
}
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-action-cell-wide
  > .tc-row-actions
  > :is(form, details, .button),
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-action-cell-wide
  > .tc-row-actions
  > form
  > .button,
html
  body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
  main.tc-main
  .tc-action-cell-wide
  > .tc-row-actions
  > details
  > summary.button {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

@media (min-width: 1024px) {
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    > .tc-wrap
    > .tc-toolbar {
    display: grid !important;
    grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.28fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    > .tc-wrap
    > .tc-toolbar
    > form {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    > .tc-wrap
    > .tc-toolbar
    > form:first-child
    .button {
    width: max-content !important;
    max-width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-search-wide {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(92px, auto) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-search-wide:has(> a.button) {
    grid-template-columns: minmax(0, 1fr) minmax(92px, auto) minmax(92px, auto) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-toolbar
    :is(input, .button),
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row
    :is(.tc-country-active, .tc-country-save) {
    min-height: 48px !important;
    height: 48px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-mini-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-mini-stats
    > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 96px !important;
    height: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-settings-title
    small {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-monthly {
    width: min(100%, 520px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    justify-self: start !important;
  }
  html[dir="rtl"]
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-monthly {
    justify-self: end !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-monthly
    :is(select, input) {
    min-height: 46px !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-bot"]
    main.tc-main
    .tc-order-code-settings
    :is(.tc-settings-grid-two, .tc-settings-grid-three) {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-bot"]
    main.tc-main
    .tc-order-code-settings
    :is(input, select) {
    min-height: 46px !important;
  }
}

/* Referrals desktop table: essential columns stay visible; details expand below the same row. */
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table-wrap {
  overflow-x: visible !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td) {
  box-sizing: border-box !important;
  padding: 12px 10px !important;
  vertical-align: middle !important;
}
@media (min-width: 901px) {
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td):nth-child(1) { width: 9% !important; }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td):nth-child(2) { width: 9% !important; }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td):nth-child(3) { width: 15% !important; }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td):nth-child(4) { width: 15% !important; }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td):nth-child(5) { width: 9% !important; }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td):nth-child(6) { width: 13% !important; }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td):nth-child(7) { width: 13% !important; }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table :is(th, td):nth-child(8) { width: 17% !important; }
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-id,
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-user,
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-date {
  min-width: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-user {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-actions {
  width: 100% !important;
  justify-content: center !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-row[hidden] {
  display: none !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-row > td {
  padding: 0 10px 14px !important;
  background: transparent !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--tc-border) !important;
  border-radius: 14px !important;
  background: var(--tc-surface) !important;
  text-align: right !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-head {
  margin: 0 0 12px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--tc-border) !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel dl {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel dl > div {
  min-width: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--tc-border) !important;
  border-radius: 11px !important;
  background: #fbfcfe !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel :is(dt, dd) {
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel dt {
  margin-bottom: 5px !important;
  color: var(--tc-muted) !important;
  font-size: 11px !important;
}
html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel dd {
  font-weight: 700 !important;
  line-height: 1.65 !important;
}
@media (min-width: 901px) and (max-width: 1180px) {
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel dl {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Bot links desktop packing: three cards per row, right then middle then left. */
@media (min-width: 901px) {
  html body.tc-standalone[data-admin-page="telecode-bot-links"] main.tc-main .tc-bot-links-grid {
    display: flex !important;
    flex-flow: row wrap !important;
    direction: rtl !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 14px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-bot-links"] main.tc-main .tc-bot-link-row {
    box-sizing: border-box !important;
    flex: 0 0 32% !important;
    width: 32% !important;
    max-width: 32% !important;
    min-width: 0 !important;
    direction: rtl !important;
    text-align: right !important;
  }
  html body.tc-standalone[data-admin-page="telecode-bot-links"] main.tc-main .tc-bot-link-row > strong {
    width: 100% !important;
    text-align: right !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  :is(.tc-schedule-datetime-pair, .tc-date-time-fields, .tc-campaign-datetime) {
  margin-bottom: 18px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-bubble-top
  small {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  color: var(--tc-text-muted) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-panel-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-head-actions {
  width: auto !important;
  min-width: 0 !important;
  justify-self: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-head-actions
  :is(form, .button:not(.tc-chat-send-button)) {
  width: auto !important;
  min-width: 132px !important;
  max-width: 190px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-customer-chat"]
  main.tc-main
  .tc-chat-head-actions
  .button:not(.tc-chat-send-button) {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 15px !important;
  white-space: nowrap !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-panel-head {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    grid-template-areas: "back person actions" !important;
    align-items: center !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-mobile-back {
    grid-area: back !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-person {
    grid-area: person !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-head-actions {
    grid-area: actions !important;
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    justify-self: end !important;
    margin: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-head-actions
    :is(form, .button:not(.tc-chat-send-button)) {
    width: auto !important;
    min-width: 96px !important;
    max-width: 132px !important;
    margin: 0 !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-announcement-form
  [data-announcement-country],
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-announcement-form
  [data-announcement-custom] {
  align-self: stretch !important;
}

@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(button, .button, input[type="submit"]) {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    line-height: 1.45 !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      code,
      [dir="ltr"],
      .tc-destination-test-row strong,
      .tc-destination-test-row span
    ) {
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-connection"]
    main.tc-main
    .tc-connection-actions
    > * {
    min-height: 0 !important;
    height: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row.tc-country-actions-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row.tc-country-actions-row
    > .tc-country-active {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: 100% !important;
    padding: 10px 12px !important;
    line-height: 1.55 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-actions-row.tc-country-actions-row
    > .tc-country-save {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 54px !important;
    height: 100% !important;
    padding: 10px 18px !important;
    line-height: 1.55 !important;
    justify-self: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-active
    span {
    min-width: 0 !important;
    text-align: start !important;
  }

  html
    body.tc-standalone
    main.tc-main
    .tc-channel-tests-card
    .tc-channel-test-grid,
  html
    body.tc-standalone
    main.tc-main
    .tc-destination-tests-card
    .tc-test-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  html
    body.tc-standalone
    main.tc-main
    .tc-destination-tests-card
    .tc-test-grid
    > .tc-destination-test-row {
    min-height: 0 !important;
    padding: 14px !important;
  }
  html
    body.tc-standalone
    main.tc-main
    .tc-destination-tests-card
    .tc-destination-test-row
    > .button {
    white-space: nowrap !important;
  }
  html
    body.tc-standalone
    main.tc-main
    .tc-destination-tests-card
    .tc-destination-test-row
    :is(code, strong, span, small) {
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(.tc-template-card, .tc-payment-templates-grid)
    textarea {
    min-height: 112px !important;
    max-height: 360px !important;
    padding: 13px 14px !important;
    line-height: 1.8 !important;
    resize: vertical !important;
    overflow-y: hidden !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main textarea[dir="rtl"] {
    text-align: right !important;
    direction: rtl !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main textarea[dir="ltr"] {
    text-align: left !important;
    direction: ltr !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-section-divider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding: 16px !important;
    border-inline-start-width: 4px !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    :is(.tc-card, .tc-list-card, .tc-empty-state) {
    scroll-margin-top: 14px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-schedule-datetime-pair {
    margin-bottom: 18px !important;
  }

  html
    body.tc-standalone:is(
      [data-admin-page="telecode-texts"],
      [data-admin-page="telecode-publishing"],
      [data-admin-page="telecode-gifts"]
    )
    main.tc-main
    :is(.tc-table-wrap, .tc-automation-table-wrap):has(tr.tc-empty-row) {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  html
    body.tc-standalone:is(
      [data-admin-page="telecode-texts"],
      [data-admin-page="telecode-publishing"],
      [data-admin-page="telecode-gifts"]
    )
    main.tc-main
    table:has(tr.tc-empty-row),
  html
    body.tc-standalone:is(
      [data-admin-page="telecode-texts"],
      [data-admin-page="telecode-publishing"],
      [data-admin-page="telecode-gifts"]
    )
    main.tc-main
    table:has(tr.tc-empty-row)
    > tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html
    body.tc-standalone:is(
      [data-admin-page="telecode-texts"],
      [data-admin-page="telecode-publishing"],
      [data-admin-page="telecode-gifts"]
    )
    main.tc-main
    tr.tc-empty-row {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html
    body.tc-standalone:is(
      [data-admin-page="telecode-texts"],
      [data-admin-page="telecode-publishing"],
      [data-admin-page="telecode-gifts"]
    )
    main.tc-main
    tr.tc-empty-row
    > td[data-full-row="1"] {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
  }
  html
    body.tc-standalone:is(
      [data-admin-page="telecode-texts"],
      [data-admin-page="telecode-publishing"],
      [data-admin-page="telecode-gifts"]
    )
    main.tc-main
    .tc-empty-state {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 16px !important;
  }

  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-messages:empty::before {
    content: "لا توجد رسائل بعد";
    display: grid;
    place-items: center;
    min-height: 180px;
    color: var(--tc-muted, var(--tc-color-muted));
  }

  html
    body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
    main.tc-main
    .tc-action-cell-wide
    > .tc-row-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
    main.tc-main
    .tc-action-cell-wide
    > .tc-row-actions
    > :is(form, details, .button),
  html
    body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
    main.tc-main
    .tc-action-cell-wide
    > .tc-row-actions
    > form
    > .button,
  html
    body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-gifts"])
    main.tc-main
    .tc-action-cell-wide
    > .tc-row-actions
    > details
    > summary.button {
    width: max-content !important;
    min-height: 48px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-bot"]
    main.tc-main
    .tc-order-code-settings
    :is(.tc-settings-grid-two, .tc-settings-grid-three) {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-task-result-grid,
    .tc-bot-button-icon-grid,
    .tc-bot-links-grid,
    .tc-country-alerts-grid,
    .tc-customer-context-grid,
    .tc-customer-management-grid,
    .tc-payment-review-grid,
    .tc-stats,
    .tc-mini-stats
  )
  > .tc-auto-centered {
  grid-column: 1/-1 !important;
  justify-self: center !important;
  width: min(100%, 320px) !important;
  max-width: 320px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-actions,
    .tc-template-actions,
    .tc-connection-actions,
    .tc-payment-integrity-actions,
    .tc-chat-head-actions,
    .tc-channel-test-grid,
    .tc-test-grid
  ) {
  justify-content: center !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-actions,
      .tc-template-actions,
      .tc-connection-actions,
      .tc-payment-integrity-actions,
      .tc-chat-head-actions,
      .tc-channel-test-grid,
      .tc-test-grid
    ) {
    justify-content: center !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-task-result-grid,
      .tc-bot-button-icon-grid,
      .tc-bot-links-grid,
      .tc-country-alerts-grid,
      .tc-customer-context-grid,
      .tc-customer-management-grid,
      .tc-payment-review-grid,
      .tc-stats,
      .tc-mini-stats
    )
    > .tc-auto-centered {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.tc-copy-id {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 28px;
  padding: 3px 8px;
  border: 1px solid var(--tc-border, #d7dee8);
  border-radius: 8px;
  background: var(--tc-surface, #fff);
  color: inherit;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.tc-copy-id:hover {
  border-color: var(--tc-primary, #214f4e);
}
.tc-copy-id:focus-visible {
  outline: 3px solid rgba(36, 59, 83, 0.18);
  outline-offset: 2px;
}
.tc-copy-toast {
  position: fixed;
  inset-inline-start: 50%;
  bottom: 24px;
  z-index: 100000;
  transform: translate(-50%, 14px);
  padding: 9px 16px;
  border-radius: 10px;
  background: #214f4e;
  color: #fff;
  font-weight: 700;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}
.tc-copy-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}
.tc-payment-review-context {
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid var(--tc-border, #d7dee8);
  border-radius: 10px;
  background: var(--tc-soft, #f7f9fc);
}
.tc-payment-customer-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid var(--tc-border, #d7dee8);
  border-radius: 10px;
}
@media (max-width: 600px) {
  .tc-payment-customer-action {
    align-items: stretch;
    flex-direction: column;
  }
  .tc-payment-customer-action .button {
    width: 100%;
    justify-content: center;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-template-preview {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-template-preview
  > div {
  min-width: 0 !important;
  padding: 13px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-control-radius) !important;
  background: var(--tc-color-surface-subtle) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-template-preview
  strong {
  display: block !important;
  margin-bottom: 7px !important;
  color: var(--tc-color-heading) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-template-preview
  p {
  margin: 0 !important;
  white-space: pre-line !important;
  line-height: 1.8 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-gifts"]
  main.tc-main
  .tc-gift-field.is-condition-disabled {
  opacity: 0.58 !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-gifts"]
    main.tc-main
    .tc-gift-template-preview {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 560px) {
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-panel {
    min-height: 0 !important;
    height: calc(100dvh - 76px) !important;
    max-height: calc(100dvh - 76px) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-panel-head {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    grid-template-areas: "back person" "actions actions" !important;
    gap: 8px !important;
    padding: 9px 10px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-head-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-head-actions
    :is(form, .button:not(.tc-chat-send-button)) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-messages {
    min-height: 0 !important;
    padding: 10px !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-bubble {
    max-width: 94% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-composer {
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 7px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-composer-field
    textarea {
    min-height: 64px !important;
    max-height: 176px !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    :is(.tc-chat-attach-button, .tc-chat-send-button) {
    min-height: 48px !important;
    height: 48px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-customer-chat"]
    main.tc-main
    .tc-chat-composer-meta {
    min-height: 30px !important;
  }
}
body.tc-standalone .tc-main .notice-success {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body.tc-standalone .tc-main .notice-success .tc-notice-status-mark {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 25px !important;
  width: 25px !important;
  height: 25px !important;
  border: 1px solid #9ed8b6 !important;
  border-radius: 50% !important;
  background: #e8f8ef !important;
}
body.tc-standalone .tc-main .notice-success .tc-notice-status-mark::after {
  content: "✓" !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  color: #168145 !important;
  font-family: Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  transform: none !important;
  margin: 0 !important;
}
body.tc-standalone .tc-main .notice-success > p {
  margin: 0 !important;
}
body.tc-standalone .tc-main .notice-success.tc-notice-compact {
  width: max-content !important;
  min-width: 46px !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
}
body.tc-standalone .tc-main .notice-success.tc-notice-compact > p {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(
    .button,
    .button-primary,
    .button-secondary,
    .button-warning,
    .button-danger,
    .button-link-delete,
    .tc-danger-button,
    input[type="submit"].button,
    input[type="button"].button,
    input[type="reset"].button
  ):not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(.tc-danger-button):not(.tc-chat-send-button):not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close) {
  background: var(--tc-color-button-secondary-bg) !important;
  border-color: var(--tc-color-button-secondary-border) !important;
  color: var(--tc-color-button-secondary-text) !important;
  box-shadow: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(
    .button,
    .button-primary,
    .button-secondary,
    .button-warning,
    .button-danger,
    .button-link-delete,
    .tc-danger-button,
    input[type="submit"].button,
    input[type="button"].button,
    input[type="reset"].button
  ):not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(.tc-danger-button):not(.tc-chat-send-button):not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close):hover {
  background: var(--tc-color-button-secondary-hover-bg) !important;
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(
    .button,
    .button-primary,
    .button-secondary,
    .button-warning,
    .button-danger,
    .button-link-delete,
    .tc-danger-button,
    input[type="submit"].button,
    input[type="button"].button,
    input[type="reset"].button
  ):not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(.tc-danger-button):not(.tc-chat-send-button):not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close):active {
  background: var(--tc-color-primary-soft) !important;
  border-color: var(--tc-color-primary) !important;
  color: var(--tc-color-primary-active) !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(
    .button,
    .button-primary,
    .button-secondary,
    .button-warning,
    .button-danger,
    .button-link-delete,
    .tc-danger-button,
    input[type="submit"].button,
    input[type="button"].button,
    input[type="reset"].button
  ):not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(.tc-danger-button):not(.tc-chat-send-button):not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close):is(
    :focus,
    :focus-visible
  ) {
  background: var(--tc-color-button-secondary-hover-bg) !important;
  border-color: var(--tc-color-primary) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
  outline: 2px solid
    color-mix(in srgb, var(--tc-color-primary) 26%, transparent) !important;
  outline-offset: 2px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.16s ease,
    transform 0.16s ease;
}
html
  body.tc-standalone[data-admin-page].tc-is-navigating
  main.tc-main
  > .tc-wrap {
  opacity: 0.72;
  transform: translateY(2px);
  pointer-events: none;
}
html body.tc-standalone[data-admin-page].tc-is-navigating::before {
  content: "";
  position: fixed;
  z-index: 100000;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 36%;
  height: 3px;
  border-radius: 0 999px 999px 0;
  background: currentColor;
  color: var(--tc-color-primary, #2f7b79);
  animation: tc-panel-progress 1s ease-in-out infinite;
}
@keyframes tc-panel-progress {
  0% {
    transform: translateX(-115%);
    opacity: 0.45;
  }
  55% {
    opacity: 1;
  }
  100% {
    transform: translateX(310%);
    opacity: 0.45;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap {
    transition: none !important;
  }
  html body.tc-standalone[data-admin-page].tc-is-navigating::before {
    animation: none !important;
    width: 100%;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-inline-choice {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: var(--tc-control-height, 44px) !important;
  padding-inline: 12px !important;
  border: 1px solid var(--tc-border, #dbe2ea) !important;
  border-radius: var(--tc-radius-md, 10px) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-inline-choice
  input {
  margin: 0 !important;
}
.tc-main .tc-stock.tc-stock-low {
  background: #fff7ed !important;
  color: #9a3412 !important;
  border-color: #fed7aa !important;
}
.tc-main .tc-stock.tc-stock-critical {
  background: #fff1f2 !important;
  color: #be123c !important;
  border-color: #fecdd3 !important;
}
.tc-main .tc-stock.tc-stock-pending {
  background: #fffbeb !important;
  color: #92400e !important;
  border-color: #fde68a !important;
}
.tc-main .tc-stock-audit-card .notice {
  margin-top: 14px !important;
}
html body.tc-standalone[data-admin-page="telecode-plugins"] main.tc-main,
html
  body.tc-standalone[data-admin-page="telecode-installed-plugins"]
  main.tc-main,
html body.tc-standalone[data-admin-page="telecode-plugin"] main.tc-main {
  --tc-plugin-accent: var(--tc-color-primary, #2f7b79);
  --tc-plugin-accent-strong: var(--tc-color-action-text, #2f7b79);
  --tc-plugin-soft: var(--tc-color-action-bg, #eef6f5);
  --tc-plugin-border: var(--tc-color-action-border, #b9ddea);
}
.tc-main .tc-plugin-dashboard {
  display: grid !important;
  gap: var(--tc-space-5, 20px) !important;
  min-width: 0 !important;
}
.tc-main .tc-plugin-dashboard > .tc-card {
  margin: 0 !important;
  min-width: 0 !important;
}
.tc-main .tc-plugin-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 28px !important;
  overflow: hidden !important;
  position: relative !important;
}
.tc-main .tc-plugin-hero:after {
  content: "";
  position: absolute;
  inset-inline-end: -90px;
  inset-block-start: -110px;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: linear-gradient(
    135deg,
    rgba(47, 123, 121, 0.15),
    rgba(14, 165, 233, 0.03)
  );
  pointer-events: none;
}
.tc-main .tc-plugin-hero-copy {
  position: relative;
  z-index: 1;
  min-width: 0 !important;
}
.tc-main .tc-plugin-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 4px 11px !important;
  border: 1px solid var(--tc-color-action-border, #b9ddea) !important;
  border-radius: 999px !important;
  background: var(--tc-color-action-bg, #eef6f5) !important;
  color: var(--tc-color-action-text, #2f7b79) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}
.tc-main .tc-plugin-hero h2 {
  margin: 12px 0 8px !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.2 !important;
}
.tc-main .tc-plugin-hero p {
  max-width: 780px !important;
  margin: 0 !important;
  color: var(--tc-text-muted, #2f7b79) !important;
  line-height: 1.9 !important;
}
.tc-main .tc-plugin-hero-actions,
.tc-main .tc-plugin-toolbar-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 20px !important;
}
.tc-main .tc-plugin-hero-badge {
  position: relative;
  z-index: 1;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 6px !important;
  min-width: 190px !important;
  min-height: 136px !important;
  padding: 20px !important;
  border: 1px solid var(--tc-color-action-border, #b9ddea) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, var(--tc-color-action-bg, #eef6f5), #fff) !important;
  text-align: center !important;
  box-shadow: 0 14px 34px rgba(47, 123, 121, 0.08) !important;
}
.tc-main .tc-plugin-hero-badge strong {
  font-size: 24px !important;
  color: var(--tc-color-action-text, #2f7b79) !important;
}
.tc-main .tc-plugin-hero-badge span {
  font-size: 12px !important;
  color: #2f7b79 !important;
}
.tc-main .tc-inline-form {
  display: inline-flex !important;
  margin: 0 !important;
}
.tc-main .tc-plugin-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 9px 16px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  font: inherit !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease !important;
  user-select: none !important;
}
.tc-main .tc-plugin-button:hover {
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}
.tc-main .tc-plugin-button:focus-visible {
  outline: 3px solid rgba(47, 123, 121, 0.22) !important;
  outline-offset: 2px !important;
}
.tc-main .tc-plugin-button.is-primary {
  background: var(--tc-color-action-bg, #eef6f5) !important;
  color: var(--tc-color-action-text, #2f7b79) !important;
  border-color: var(--tc-color-action-border, #b9ddea) !important;
  box-shadow: var(--tc-shadow-sm, 0 4px 14px rgba(15, 23, 42, 0.045)) !important;
}
.tc-main .tc-plugin-button.is-secondary {
  background: #fff !important;
  color: #214f4e !important;
  border-color: #cbd5e1 !important;
}
.tc-main .tc-plugin-button.is-soft {
  background: #f8fafc !important;
  color: #214f4e !important;
  border-color: #e2e8f0 !important;
}
.tc-main .tc-plugin-button.is-danger {
  background: #fff1f2 !important;
  color: #be123c !important;
  border-color: #fecdd3 !important;
}
.tc-main .tc-plugin-button.is-large {
  min-height: 50px !important;
  padding-inline: 22px !important;
}
.tc-main .tc-plugin-button-icon {
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  font-size: 17px !important;
  line-height: 1 !important;
}
.tc-main .tc-plugin-button.is-secondary .tc-plugin-button-icon,
.tc-main .tc-plugin-button.is-soft .tc-plugin-button-icon {
  background: var(--tc-color-action-bg, #eef6f5) !important;
  color: var(--tc-color-action-text, #2f7b79) !important;
}
.tc-main .tc-plugin-upload-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.tc-main .tc-plugin-upload-hidden input[type="file"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.tc-main .tc-plugin-button.has-file {
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.12),
    0 9px 20px rgba(37, 99, 235, 0.2) !important;
}
.tc-main .tc-plugin-health-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.tc-main .tc-plugin-health-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 15px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  min-width: 0 !important;
}
.tc-main .tc-plugin-health-mark {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  font-weight: 900 !important;
}
.tc-main .tc-plugin-health-item.is-ok .tc-plugin-health-mark {
  background: #ecfdf5 !important;
  color: #047857 !important;
}
.tc-main .tc-plugin-health-item.is-warning .tc-plugin-health-mark {
  background: #fff7ed !important;
  color: #c2410c !important;
}
.tc-main .tc-plugin-health-item strong,
.tc-main .tc-plugin-health-item small {
  display: block !important;
}
.tc-main .tc-plugin-health-item small {
  margin-top: 4px !important;
  color: #2f7b79 !important;
  overflow-wrap: anywhere !important;
}
.tc-main .tc-plugin-rule-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.tc-main .tc-plugin-rule-grid > div {
  padding: 16px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
}
.tc-main .tc-plugin-rule-grid strong {
  display: block !important;
  margin-bottom: 7px !important;
}
.tc-main .tc-plugin-rule-grid p {
  margin: 0 !important;
  color: #2f7b79 !important;
  line-height: 1.8 !important;
}
.tc-main .tc-plugin-points {
  margin-top: 16px !important;
  padding: 14px 16px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
}
.tc-main .tc-plugin-points summary {
  cursor: pointer !important;
  font-weight: 800 !important;
}
.tc-main .tc-plugin-points code {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-installed-plugins"]
  main.tc-main
  .tc-plugin-summary-grid {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  align-content: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html
  body.tc-standalone[data-admin-page="telecode-installed-plugins"]
  main.tc-main
  .tc-plugin-summary-grid
  > .tc-plugin-summary {
  display: flex !important;
  flex: 1 1 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  align-self: stretch !important;
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 140px !important;
  height: 140px !important;
  margin: 0 !important;
  padding: 18px 22px !important;
  box-sizing: border-box !important;
  transform: none !important;
  translate: none !important;
}
.tc-main .tc-plugin-summary span {
  color: #2f7b79 !important;
  font-weight: 700 !important;
}
.tc-main .tc-plugin-summary strong {
  font-size: 27px !important;
  line-height: 1 !important;
  color: #214f4e !important;
}
.tc-main .tc-plugin-summary.has-warning strong {
  color: #be123c !important;
}
.tc-main .tc-plugin-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 20px 22px !important;
}
.tc-main .tc-plugin-toolbar h2 {
  margin: 0 0 5px !important;
}
.tc-main .tc-plugin-toolbar p {
  margin: 0 !important;
  color: #2f7b79 !important;
}
.tc-main .tc-plugin-toolbar-actions {
  margin: 0 !important;
  justify-content: flex-end !important;
}
.tc-main .tc-plugin-provider-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
}
.tc-main .tc-plugin-grid {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 380px), 1fr)
  ) !important;
  gap: 16px !important;
  align-items: stretch !important;
}
.tc-main .tc-plugin-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 20px !important;
  border-top: 4px solid #cbd5e1 !important;
}
.tc-main .tc-plugin-card.is-active {
  border-top-color: #22c55e !important;
}
.tc-main .tc-plugin-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}
.tc-main .tc-plugin-identity {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.tc-main .tc-plugin-logo {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, var(--tc-color-action-bg, #eef6f5), #f8fcfe) !important;
  color: var(--tc-color-action-text, #2f7b79) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  box-shadow: inset 0 0 0 1px var(--tc-color-action-border, #b9ddea) !important;
}
.tc-main .tc-plugin-card-head h3 {
  margin: 0 0 5px !important;
  font-size: 17px !important;
  overflow-wrap: anywhere !important;
}
.tc-main .tc-plugin-card-head small {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  color: #2f7b79 !important;
}
.tc-main .tc-plugin-description {
  margin: 0 0 15px !important;
  color: #2f7b79 !important;
  line-height: 1.8 !important;
}
.tc-main .tc-plugin-meta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 0 0 14px !important;
}
.tc-main .tc-plugin-meta span {
  display: block !important;
  padding: 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  color: #2f7b79 !important;
  font-size: 12px !important;
  overflow-wrap: anywhere !important;
}
.tc-main .tc-plugin-meta strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #214f4e !important;
  font-size: 11px !important;
}
.tc-main .tc-plugin-capabilities {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-bottom: 14px !important;
}
.tc-main .tc-plugin-capabilities span {
  display: inline-flex !important;
  padding: 4px 9px !important;
  border: 1px solid var(--tc-color-action-border, #b9ddea) !important;
  border-radius: 999px !important;
  background: var(--tc-color-action-bg, #eef6f5) !important;
  color: var(--tc-color-action-text, #2f7b79) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.tc-main .tc-plugin-error {
  margin-bottom: 14px !important;
  padding: 12px !important;
  border: 1px solid #fecdd3 !important;
  border-radius: 12px !important;
  background: #fff1f2 !important;
  color: #9f1239 !important;
}
.tc-main .tc-plugin-error strong {
  display: block !important;
  margin-bottom: 4px !important;
}
.tc-main .tc-plugin-error p {
  margin: 0 !important;
  line-height: 1.7 !important;
}
.tc-main .tc-plugin-actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid #e2e8f0 !important;
}
.tc-main .tc-plugin-actions form {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
}
.tc-main .tc-plugin-actions .tc-plugin-button {
  width: 100% !important;
}
.tc-main .tc-plugin-empty {
  display: grid !important;
  place-items: center !important;
  gap: 9px !important;
  min-height: 240px !important;
  text-align: center !important;
}
.tc-main .tc-plugin-empty strong {
  font-size: 20px !important;
}
.tc-main .tc-plugin-empty p {
  margin: 0 !important;
  color: #2f7b79 !important;
}
@media (max-width: 1000px) {
  html
    body.tc-standalone[data-admin-page="telecode-installed-plugins"]
    main.tc-main
    .tc-plugin-summary-grid {
    flex-wrap: wrap !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-installed-plugins"]
    main.tc-main
    .tc-plugin-summary-grid
    > .tc-plugin-summary {
    flex: 1 1 calc(50% - 7px) !important;
  }
  .tc-main .tc-plugin-rule-grid {
    grid-template-columns: 1fr !important;
  }
  .tc-main .tc-plugin-meta {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  .tc-main .tc-plugin-hero {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }
  .tc-main .tc-plugin-hero-badge {
    min-width: 0 !important;
    min-height: 105px !important;
  }
  .tc-main .tc-plugin-health-grid,
  .tc-main .tc-plugin-grid {
    grid-template-columns: 1fr !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-installed-plugins"]
    main.tc-main
    .tc-plugin-summary-grid {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-installed-plugins"]
    main.tc-main
    .tc-plugin-summary-grid
    > .tc-plugin-summary {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 112px !important;
    min-height: 112px !important;
  }
  .tc-main .tc-plugin-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .tc-main .tc-plugin-toolbar-actions,
  .tc-main .tc-plugin-hero-actions {
    width: 100% !important;
  }
  .tc-main .tc-plugin-toolbar-actions > *,
  .tc-main .tc-plugin-hero-actions > * {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  .tc-main .tc-plugin-toolbar-actions .tc-plugin-button,
  .tc-main .tc-plugin-hero-actions .tc-plugin-button {
    width: 100% !important;
  }
  .tc-main .tc-plugin-provider-form {
    grid-template-columns: 1fr !important;
  }
  .tc-main .tc-plugin-actions > *,
  .tc-main .tc-plugin-actions form,
  .tc-main .tc-plugin-actions .tc-plugin-button {
    width: 100% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tc-main .tc-plugin-button {
    transition: none !important;
    transform: none !important;
  }
}
.tc-main .tc-plugin-card {
  opacity: 1 !important;
  filter: none !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-action-wide,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  td[data-label="الإدارة"]
  > .button:only-child,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  td.tc-action-cell
  > .button:only-child {
  display: inline-flex !important;
  width: max-content !important;
  min-width: 112px !important;
  max-width: 100% !important;
  min-height: var(--tc-button-height, 46px) !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-users-table
  :is(th, td):last-child {
  width: 190px !important;
  min-width: 190px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-users-table
  td[data-label="الإدارة"] {
  padding-inline: 16px !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-details
  > summary {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 9px 16px !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-logs"]
  main.tc-main
  .tc-log-details[open]
  > summary {
  width: calc(100% - 24px) !important;
  margin: 10px 12px 0 !important;
}

@media (max-width: 600px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-users-table
    :is(th, td):last-child {
    width: auto !important;
    min-width: 0 !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-users-table
  td[data-label="الإدارة"]
  > .tc-action-wide {
  min-width: 150px !important;
}
@media (max-width: 600px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-users-table
    td[data-label="الإدارة"]
    > .tc-action-wide {
    min-width: 0 !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-users-table
  td[data-label="الإدارة"]
  > .tc-action-wide {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  margin-inline: auto !important;
}
@media (max-width: 600px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-users-table
    td[data-label="الإدارة"]
    > .tc-action-wide {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  table.tc-users-table.tc-users-table
  td[data-label="الإدارة"][data-label="الإدارة"]
  > a.button.button-primary.tc-action-wide.tc-action-wide {
  display: flex !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  margin-inline: auto !important;
  justify-content: center !important;
}
@media (max-width: 600px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    table.tc-users-table.tc-users-table
    td[data-label="الإدارة"][data-label="الإدارة"]
    > a.button.button-primary.tc-action-wide.tc-action-wide {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap > .tc-hero,
html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap > .notice,
html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap > .tc-stats,
html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap > .tc-page-stats,
html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap > .tc-card,
html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap > .tc-table-wrap,
html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap > .tc-actions {
  width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-stats,
    .tc-page-stats,
    .tc-mini-stats,
    .tc-users-summary,
    .tc-payment-integrity-summary
  ) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-stats,
    .tc-page-stats,
    .tc-mini-stats,
    .tc-users-summary,
    .tc-payment-integrity-summary
  )
  > * {
  min-width: 0 !important;
  min-height: 96px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-search,
    .tc-payment-review-form,
    .tc-users-toolbar form,
    .tc-filter-bar
  ) {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-search,
    .tc-payment-review-form,
    .tc-users-toolbar form,
    .tc-filter-bar
  )
  > .button {
  min-width: 150px !important;
  align-self: end !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}
html[dir="rtl"] body.tc-standalone[data-admin-page] main.tc-main .tc-actions {
  justify-content: flex-start !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-actions:has(> :only-child) {
  justify-content: flex-start !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-actions:has(> :only-child)
  :is(.button, button, input[type="submit"]) {
  min-width: 220px !important;
  min-height: 44px !important;
  justify-content: center !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(td, .tc-action-cell, .tc-file-action, .tc-record-action)
  > .button:only-child,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(td, .tc-action-cell, .tc-file-action, .tc-record-action)
  > a.button:only-child {
  display: flex !important;
  width: 100% !important;
  min-width: 140px !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap {
  width: 100% !important;
  border-radius: var(--tc-radius-lg) !important;
  overflow: auto !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap table {
  width: 100% !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head > div {
  flex: 1 1 320px !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-dynamic-subscriptions
  .tc-destination-sections {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-section {
  width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-section
  > summary {
  min-height: 70px !important;
  align-items: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-section
  > summary
  > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-section
  > summary
  :is(strong, small) {
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-actions {
  justify-content: flex-start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-new-destination
  > summary {
  justify-content: center !important;
  text-align: center !important;
}
@media (max-width: 760px) {
  html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap {
    gap: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-stats,
      .tc-page-stats,
      .tc-mini-stats,
      .tc-users-summary,
      .tc-payment-integrity-summary
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-stats,
      .tc-page-stats,
      .tc-mini-stats,
      .tc-users-summary,
      .tc-payment-integrity-summary
    )
    > * {
    min-height: 82px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-search,
      .tc-payment-review-form,
      .tc-users-toolbar form,
      .tc-filter-bar
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(
      .tc-search,
      .tc-payment-review-form,
      .tc-users-toolbar form,
      .tc-filter-bar
    )
    > .button,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-actions:has(> :only-child)
    :is(.button, button, input[type="submit"]) {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-actions > * {
    flex: 1 1 100% !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-actions
    :is(.button, button, input[type="submit"]) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-section-head
    > :not(div) {
    width: 100% !important;
  }
}
html.tc-unified-sidebar
  body.tc-standalone
  .tc-sidebar
  .tc-nav-group
  > summary
  .tc-nav-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.09) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html.tc-unified-sidebar
  body.tc-standalone
  .tc-sidebar
  .tc-nav-group
  > summary
  .tc-nav-icon
  .tc-icon {
  width: 18px !important;
  height: 18px !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link-icon {
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
}
html.tc-unified-sidebar
  body.tc-standalone
  .tc-sidebar
  .tc-nav-link-icon
  .tc-icon {
  width: 15px !important;
  height: 15px !important;
}
html.tc-unified-sidebar
  body.tc-standalone
  .tc-sidebar
  .tc-nav-link.is-active
  .tc-nav-link-icon {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-stats,
html body.tc-standalone[data-admin-page] main.tc-main .tc-page-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
  order: -30;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-stat {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  align-content: center !important;
  gap: 0 !important;
  min-height: 104px !important;
  padding: 16px !important;
  text-align: center !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-stat > .tc-stat-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-stat
  > .tc-stat-copy
  > strong {
  display: block !important;
  margin: 0 !important;
  color: #214f4e !important;
  font-size: clamp(23px, 2vw, 30px) !important;
  line-height: 1.15 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-stat
  > .tc-stat-copy
  > span {
  display: block !important;
  margin: 0 !important;
  color: #6b788d !important;
  font-size: 11.5px !important;
  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-details {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 16px !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--tc-color-surface, #fff) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-details
  > div {
  min-width: 0 !important;
  padding: 11px 13px !important;
  border-inline-start: 1px solid var(--tc-color-border-subtle, #e8edf4) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-details
  > div:first-child {
  border-inline-start: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-details
  :is(dt, dd) {
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-details
  dt {
  color: #6b788d !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-details
  dd {
  margin-top: 3px !important;
  color: #214f4e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
@media (max-width: 980px) {
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-runtime-health-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-runtime-health-details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-runtime-health-details
    > div {
    border-bottom: 1px solid var(--tc-color-border-subtle, #e8edf4) !important;
  }
}
@media (max-width: 560px) {
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-runtime-health-stats,
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-runtime-health-details {
    grid-template-columns: 1fr !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-runtime-health-details
    > div {
    border-inline-start: 0 !important;
  }
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-search-panel {
  padding: 16px !important;
  margin: 0 0 16px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-color-surface) !important;
  box-shadow: 0 7px 22px rgba(16, 24, 40, 0.04) !important;
}

html body.tc-standalone[data-admin-page] main.tc-main .tc-button-icon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-search-panel-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--tc-color-border) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-search-panel-actions
  form {
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-operation-lookup-controls {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 10px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-unified-filter {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto !important;
  align-items: end !important;
  gap: 10px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-filter
  > .button {
  min-height: 44px !important;
  min-width: 120px !important;
  justify-content: center !important;
}

@media (max-width: 720px) {
  html body.tc-standalone[data-admin-page] main.tc-main .tc-stats,
  html body.tc-standalone[data-admin-page] main.tc-main .tc-page-stats {
    grid-template-columns: 1fr !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-stat {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 88px !important;
    padding: 13px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-search-panel-actions
    > * {
    flex: 1 1 100% !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-search-panel-actions
    .button {
    width: 100% !important;
  }
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-chat-unified-search {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-chat-unified-search
  > .button {
  min-width: 88px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-text-unified-search {
  grid-template-columns: minmax(260px, 1fr) auto auto !important;
  align-items: center !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-text-unified-search
  #tc-text-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface-soft) !important;
  color: var(--tc-color-muted-strong) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
@media (max-width: 720px) {
  html body.tc-standalone[data-admin-page] main.tc-main .tc-chat-unified-search,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-text-unified-search {
    grid-template-columns: 1fr !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-chat-unified-search
    > .button,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-text-unified-search
    > .button,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-text-unified-search
    #tc-text-count {
    width: 100% !important;
  }
}
.tc-destination-switcher,
.tc-template-destination-switcher,
.tc-test-destination-switcher {
  display: grid;
  gap: 8px;
  margin: 0 0 16px;
  font-weight: 700;
}
.tc-destination-switcher select,
.tc-template-destination-switcher select,
.tc-test-destination-switcher select {
  width: 100%;
  min-height: 44px;
}
.tc-force-join-panel {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid var(--tc-border, #d9e1ea);
  border-radius: 14px;
  background: var(--tc-surface-soft, #f8fafc);
}
.tc-force-join-grid {
  margin-top: 12px;
}
.tc-destination-test-panel {
  display: grid;
  gap: 10px;
}
@media (max-width: 782px) {
  .tc-destination-switcher,
  .tc-template-destination-switcher,
  .tc-test-destination-switcher {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--tc-surface, #fff);
    padding: 10px 0;
  }
  .tc-force-join-panel {
    padding: 12px;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-selector {
  display: grid !important;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 14px !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: 14px !important;
  background: var(--tc-color-surface-soft, #f8fafc) !important;
  position: static !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-selector
  > span {
  color: var(--tc-color-muted-strong, #214f4e) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-selector
  > select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-tests-card {
  display: grid !important;
  gap: 14px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-tests-card
  > .tc-test-grid {
  display: block !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-test-panel {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: 14px !important;
  background: var(--tc-color-surface, #fff) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-test-panel
  > .tc-destination-test-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 190px) !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-test-row
  > span {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  text-align: start !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-test-row
  > span
  > strong {
  font-size: 14px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-publishing"]
  main.tc-main
  .tc-destination-test-row
  > .button {
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  justify-self: stretch !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-destination-selector {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-destination-test-panel
    > .tc-destination-test-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-publishing"]
    main.tc-main
    .tc-destination-test-row
    > .button {
    width: auto !important;
    flex: 0 0 auto !important;
  }
}
html body.tc-standalone[data-admin-page] main.tc-main {
  display: grid !important;
  align-content: start !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  > :is(.tc-card, .tc-table-wrap, .tc-stats, .tc-page-stats, .notice) {
  min-width: 0 !important;
  margin-block: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-card:not(.tc-chat-panel):not(.tc-chat-customers) {
  padding: 18px !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: 14px !important;
  background: var(--tc-color-surface, #fff) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head,
html body.tc-standalone[data-admin-page] main.tc-main .tc-toolbar-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
  margin: 0 0 16px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--tc-color-border-subtle, #e8edf4) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head > div,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-toolbar-heading
  > div {
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-section-head
  :is(h2, h3),
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-toolbar-heading
  :is(h2, h3) {
  margin: 0 !important;
  color: var(--tc-color-text, #214f4e) !important;
  line-height: 1.45 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head h2,
html body.tc-standalone[data-admin-page] main.tc-main .tc-toolbar-heading h2 {
  font-size: 18px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head h3,
html body.tc-standalone[data-admin-page] main.tc-main .tc-toolbar-heading h3 {
  font-size: 15px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head p,
html body.tc-standalone[data-admin-page] main.tc-main .tc-toolbar-heading p {
  margin: 0 !important;
  color: var(--tc-color-text-muted, #667085) !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
  ) {
  min-width: 0 !important;
  width: 100% !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: 11px !important;
  background: var(--tc-color-surface, #fff) !important;
  color: var(--tc-color-text, #214f4e) !important;
  box-shadow: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select
  ) {
  min-height: 46px !important;
  padding-inline: 13px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main textarea {
  min-height: 108px !important;
  padding: 12px 13px !important;
  line-height: 1.7 !important;
  resize: vertical !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(input, select, textarea):focus {
  border-color: var(--tc-color-primary, #2f7b79) !important;
  box-shadow: var(--tc-focus-ring) !important;
  outline: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main label > span:first-child,
html body.tc-standalone[data-admin-page] main.tc-main legend {
  color: var(--tc-color-muted-strong, #214f4e) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main label > small,
html body.tc-standalone[data-admin-page] main.tc-main .description {
  color: var(--tc-color-text-muted, #667085) !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .button:not(.tc-icon-button):not(.tc-chat-send-button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 44px !important;
  padding: 9px 16px !important;
  border-radius: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-save-bar, .tc-form-actions) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--tc-color-border-subtle, #e8edf4) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-stats,
html body.tc-standalone[data-admin-page] main.tc-main .tc-page-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-stat {
  min-height: 104px !important;
  padding: 16px !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: 14px !important;
  background: var(--tc-color-surface, #fff) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.03) !important;
  text-align: center !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-stat strong {
  font-size: 24px !important;
  line-height: 1.25 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-stat span {
  font-size: 12px !important;
  line-height: 1.55 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-search-panel {
  padding: 16px 18px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap {
  overflow: auto !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: 14px !important;
  background: var(--tc-color-surface, #fff) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.025) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap table {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap thead th {
  padding: 13px 14px !important;
  border-bottom: 1px solid var(--tc-color-border, #d6dfeb) !important;
  background: var(--tc-color-surface-soft, #f8fafc) !important;
  color: var(--tc-color-muted-strong, #214f4e) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap tbody td {
  padding: 13px 14px !important;
  border-bottom: 1px solid var(--tc-color-border-subtle, #edf1f6) !important;
  vertical-align: middle !important;
  line-height: 1.65 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-table-wrap
  tbody
  tr:last-child
  td {
  border-bottom: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main details.tc-card > summary,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-template-section
  > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 14px 16px !important;
  border-radius: 12px !important;
  cursor: pointer !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  details.tc-card[open]
  > summary,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-template-section[open]
  > summary {
  border-bottom: 1px solid var(--tc-color-border-subtle, #e8edf4) !important;
  border-end-start-radius: 0 !important;
  border-end-end-radius: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.notice, .tc-empty-state, .tc-note) {
  border-radius: 12px !important;
  line-height: 1.7 !important;
}
@media (max-width: 782px) {
  html body.tc-standalone[data-admin-page] main.tc-main {
    gap: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-card:not(.tc-chat-panel):not(.tc-chat-customers) {
    padding: 13px !important;
    border-radius: 12px !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head,
  html body.tc-standalone[data-admin-page] main.tc-main .tc-toolbar-heading {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding-bottom: 11px !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head > div,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-toolbar-heading
    > div {
    flex: 1 1 220px !important;
    width: auto !important;
    min-width: 0 !important;
    align-content: start !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-section-head
    > .button,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-toolbar-heading
    > .button {
    width: 100% !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-stats,
  html body.tc-standalone[data-admin-page] main.tc-main .tc-page-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-stat {
    min-height: 90px !important;
    padding: 12px 10px !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-stat strong {
    font-size: 20px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(.tc-save-bar, .tc-form-actions)
    > .button {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-search-panel {
    padding: 13px !important;
  }
}
@media (max-width: 460px) {
  html body.tc-standalone[data-admin-page] main.tc-main .tc-stats,
  html body.tc-standalone[data-admin-page] main.tc-main .tc-page-stats {
    grid-template-columns: 1fr !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-kind,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-operation {
  grid-column: span 2 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-type {
  grid-column: span 3 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-amount {
  grid-column: span 2 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-note {
  grid-column: span 3 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-refund-card {
  margin-top: 16px !important;
  padding: 16px !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: 14px !important;
  background: var(--tc-color-surface-soft, #f8fafc) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-refund-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(180px, 0.8fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-refund-form
  > label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-refund-form
  > .button {
  width: 100% !important;
  min-height: 46px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-finance-refund-card {
  margin-top: 16px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-finance-refund-form {
  display: grid !important;
  grid-template-columns: minmax(180px, 1.1fr) minmax(150px, 0.7fr) minmax(
      220px,
      1.5fr
    ) minmax(180px, 0.8fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-finance-refund-form
  > label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-finance-refund-form
  > .button {
  width: 100% !important;
  min-height: 46px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-match-degree {
  display: block !important;
  margin-top: 6px !important;
  color: var(--tc-color-text-muted, #667085) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}
@media (max-width: 980px) {
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-refund-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-refund-form
    > .button {
    grid-column: 1/-1 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-finance-refund-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-finance-refund-form
    > .button {
    grid-column: 1/-1 !important;
  }
}
@media (max-width: 640px) {
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-refund-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-refund-form
    > * {
    grid-column: 1 !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-finance-refund-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-finance-refund-form
    > * {
    grid-column: 1 !important;
    width: 100% !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > :is(
    .tc-customer-balance-note,
    .tc-customer-balance-notify,
    .tc-customer-balance-submit
  ) {
  align-self: end !important;
  margin-block: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-note {
  display: grid !important;
  gap: 6px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-notify {
  justify-content: flex-start !important;
  margin-inline: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-balance-form
  > .tc-customer-balance-submit {
  margin-inline: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-refund-card
  > .tc-section-head,
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-finance-refund-card
  > .tc-section-head,
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-expired-invoice-credit
  > .tc-section-head {
  margin-bottom: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-refund-form,
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-finance-refund-form,
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-expired-invoice-credit-form {
  margin: 0 !important;
  align-items: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-refund-form
  > label,
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-finance-refund-form
  > label,
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-expired-invoice-credit-form
  > label {
  margin: 0 !important;
  align-self: end !important;
}
html
  body.tc-standalone[data-admin-page="telecode-orders"]
  main.tc-main
  .tc-order-refund-form
  > :is(label, .button),
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-finance-refund-form
  > :is(label, .button),
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-expired-invoice-credit-form
  > :is(label, .button) {
  margin-block: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-expired-invoice-credit {
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--tc-color-border-subtle, #e8edf4) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-expired-invoice-credit-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-wallet"]
  main.tc-main
  .tc-expired-invoice-credit-form
  > label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}
@media (max-width: 640px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > :is(
      .tc-customer-balance-note,
      .tc-customer-balance-notify,
      .tc-customer-balance-submit
    ),
  html
    body.tc-standalone[data-admin-page="telecode-orders"]
    main.tc-main
    .tc-order-refund-form
    > *,
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-finance-refund-form
    > *,
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-expired-invoice-credit-form
    > * {
    margin-inline: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-wallet"]
    main.tc-main
    .tc-expired-invoice-credit-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-card {
  overflow: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-card
  .tc-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  :is(th, td) {
  min-width: 0 !important;
  padding: 14px 12px !important;
  vertical-align: middle !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  :is(th, td):nth-child(1) {
  width: 9% !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  :is(th, td):nth-child(2) {
  width: 14% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  :is(th, td):nth-child(3) {
  width: 10% !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  :is(th, td):nth-child(4) {
  width: 13% !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  :is(th, td):nth-child(5) {
  width: 29% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  :is(th, td):nth-child(6) {
  width: 17% !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  :is(th, td):nth-child(7) {
  width: 8% !important;
  text-align: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-gateway {
  display: block !important;
  max-width: 100% !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-invoice {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 4px 9px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  color: #2f7b79 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-amount,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-time {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-amount
  strong {
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-amount
  small {
  color: var(--tc-color-muted, #667085) !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-detail {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  line-height: 1.7 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-payment-detail-note,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-payment-detail-empty {
  min-width: 0 !important;
  color: #2f7b79 !important;
  overflow-wrap: anywhere !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-payment-reference-row {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 7px !important;
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-payment-reference-row
  small {
  color: #718096 !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-payment-reference {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #214f4e !important;
  font-size: 10.5px !important;
  line-height: 1.65 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-time
  time,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-time
  small {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px 7px !important;
  width: 100% !important;
  color: #2f7b79 !important;
  line-height: 1.55 !important;
  font-variant-numeric: tabular-nums !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-time
  time
  b,
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payment-time
  small
  b {
  font-weight: 700 !important;
  color: #214f4e !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-payment-action-cell
  :is(.button, .tc-inline-form) {
  width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-payment-action-cell
  .button {
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 10px !important;
  justify-content: center !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  .tc-status-completed {
  border-color: #b8ddc8 !important;
  background: #edf9f2 !important;
  color: #12633f !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  .tc-status-warning {
  border-color: #e8cf91 !important;
  background: #fff7df !important;
  color: #795000 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  .tc-status-info {
  border-color: #bfd2f6 !important;
  background: #eef4ff !important;
  color: #2f7b79 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  .tc-customer-payments-table
  .tc-status-expired {
  border-color: #d8dee8 !important;
  background: #f5f7fa !important;
  color: #5b6678 !important;
}
@media (max-width: 900px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    :is(th, td) {
    padding: 12px 9px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-payment-reference-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
  }
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-card {
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-card
    .tc-table-wrap {
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table {
    table-layout: auto !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td {
    grid-template-columns: minmax(94px, 31%) minmax(0, 1fr) !important;
    align-items: start !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td::before {
    padding-top: 4px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-amount,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-time {
    align-items: flex-start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-time
    time,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-time
    small {
    justify-content: flex-start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-payment-status-cell
    .tc-status-pill {
    justify-self: start !important;
  }
}
@media (min-width: 721px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    .tc-payment-action-cell
    .tc-inline-form
    .button {
    position: relative !important;
    top: 2px !important;
  }
}

@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-card {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-card
    .tc-table-wrap,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    tbody {
    display: grid !important;
    gap: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    tr {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td {
    display: grid !important;
    grid-template-columns: minmax(82px, 29%) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
    text-align: start !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td::before {
    width: auto !important;
    min-width: 0 !important;
    padding: 2px 0 0 !important;
    text-align: start !important;
    overflow-wrap: anywhere !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td
    > * {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-invoice,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-gateway,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-amount,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-time,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-detail {
    justify-self: start !important;
    align-items: flex-start !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-payment-reference-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 4px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-payment-reference {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-time
    time,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-time
    small {
    justify-content: flex-start !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-payment-action-cell {
    display: block !important;
    padding: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-payment-action-cell::before {
    display: none !important;
    content: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-payment-action-cell
    :is(.tc-inline-form, .button) {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: center !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    thead {
    display: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    tr {
    border: 1px solid #e3e9f1 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(15, 23, 42, 0.05) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td {
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td:last-child {
    border-bottom: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payment-invoice {
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-payment-status-cell
    .tc-status-pill {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-provider-catalog-card
    .tc-toolbar-heading
    > .tc-clear-provider-catalog-form,
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-provider-catalog-card
    .tc-toolbar-heading
    > .tc-clear-provider-catalog-form
    .button.tc-clear-provider-catalog {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
    margin: 0 !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    margin-inline: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-sdk-download,
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-upload-button,
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-sdk-download
    .tc-plugin-button {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
    margin: 0 !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-sdk-download
    .tc-plugin-button {
    border-radius: 0 12px 12px 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-upload-button {
    border-radius: 12px 0 0 12px !important;
    margin-inline-start: -1px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    .tc-plugin-button {
    padding-inline: 8px !important;
    gap: 6px !important;
    font-size: 13px !important;
    transform: none !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    .tc-plugin-button-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    :is(th, td):nth-child(n) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    tr {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td {
    display: grid !important;
    grid-template-columns: minmax(86px, 30%) minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td::before {
    align-self: start !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 1px 0 !important;
    white-space: normal !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    td
    > * {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    justify-self: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    .tc-customer-payment-invoice {
    display: inline-flex !important;
    width: max-content !important;
    max-width: 100% !important;
    justify-self: start !important;
    word-break: break-word !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    :is(
      .tc-customer-payment-gateway,
      .tc-customer-payment-amount,
      .tc-customer-payment-detail,
      .tc-customer-payment-time
    ) {
    justify-self: stretch !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    .tc-payment-status-cell
    .tc-status-pill {
    display: inline-flex !important;
    width: max-content !important;
    max-width: 100% !important;
    justify-self: start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    .tc-payment-action-cell {
    display: block !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    .tc-payment-action-cell
    > * {
    display: flex !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    :is(.tc-provider-translations-card, .tc-provider-catalog-card)
    .tc-toolbar-heading {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    :is(.tc-reset-provider-translations-form, .tc-clear-provider-catalog-form),
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    :is(.tc-reset-provider-translations, .tc-clear-provider-catalog) {
    display: flex !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    max-width: none !important;
    max-inline-size: none !important;
    margin: 0 !important;
    flex: 1 1 100% !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    justify-content: center !important;
    align-items: center !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-sdk-download,
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-upload-button,
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-sdk-download
    .tc-plugin-button {
    display: flex !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    max-width: none !important;
    max-inline-size: none !important;
    min-height: 48px !important;
    margin: 0 !important;
    flex: 1 1 100% !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-plugins"]
    main.tc-main
    .tc-plugin-hero-actions
    > .tc-plugin-upload-button {
    margin-inline-start: 0 !important;
  }
}

@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-provider-translations-card
    .tc-toolbar-heading
    > form.tc-reset-provider-translations-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    justify-self: stretch !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-texts"]
    main.tc-main
    .tc-provider-translations-card
    .tc-toolbar-heading
    > form.tc-reset-provider-translations-form
    > button.tc-reset-provider-translations {
    display: flex !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    justify-self: stretch !important;
    justify-content: center !important;
  }
}

@media (min-width: 901px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > .tc-customer-balance-kind,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > .tc-customer-balance-operation,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > .tc-customer-balance-type,
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > .tc-customer-balance-amount {
    grid-column: span 3 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > .tc-customer-balance-note {
    grid-column: span 9 !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > .tc-customer-balance-notify {
    grid-column: span 3 !important;
    min-height: 60px !important;
    height: 60px !important;
    align-self: end !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-balance-form
    > .tc-customer-balance-submit {
    grid-column: 1/-1 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: var(--tc-action-height) !important;
    padding-inline: 18px !important;
    justify-self: start !important;
    align-self: start !important;
    margin-top: 2px !important;
  }
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    .tc-payment-action-cell
    .tc-inline-form {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    direction: rtl !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    .tc-customer-payments-table
    .tc-payment-action-cell
    .tc-inline-form
    .button {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
  }
}
@media (max-width: 720px) {
  .tc-text-reset-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  .tc-text-reset-card > div {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  #tc-restore-core-templates-form,
  #tc-restore-bot-texts-form {
    display: block !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  #tc-restore-core-templates,
  #tc-restore-bot-texts {
    display: flex !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-connection"]
    main.tc-main
    .tc-connection-actions {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    align-content: flex-start !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-connection"]
    main.tc-main
    .tc-connection-actions
    > .tc-action-form {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-connection"]
    main.tc-main
    .tc-connection-actions
    > .tc-action-form
    > .button {
    display: inline-flex !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 62px !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
html
  body[data-admin-page="telecode-countries"]
  main.tc-main
  .tc-country-sync-action {
  justify-content: center !important;
}
html
  body[data-admin-page="telecode-countries"]
  main.tc-main
  .tc-country-reset-form {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 100% !important;
  inline-size: 100% !important;
}
html
  body[data-admin-page="telecode-countries"]
  main.tc-main
  #tc-country-reset-pricing {
  display: flex !important;
  width: 100% !important;
  inline-size: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
@media (max-width: 760px) {
  html
    body[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-sync-action,
  html
    body[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-sync-form,
  html
    body[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-reset-form {
    display: flex !important;
    flex: 1 1 100% !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-inline: 0 !important;
    align-items: stretch !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  html
    body[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-reset-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }
  html
    body[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-reset-card
    > div,
  html
    body[data-admin-page="telecode-countries"]
    main.tc-main
    .tc-country-reset-card
    > .tc-country-reset-form {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  #tc-country-sync-prices,
  #tc-country-reset-pricing {
    display: flex !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 760px) {
  #tc-plugin-management-dashboard .tc-plugin-hero-actions,
  #tc-plugin-installed-dashboard .tc-plugin-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  #tc-plugin-management-dashboard .tc-plugin-hero-actions > *,
  #tc-plugin-management-dashboard .tc-plugin-hero-actions > form,
  #tc-plugin-installed-dashboard .tc-plugin-actions > *,
  #tc-plugin-installed-dashboard .tc-plugin-actions > form {
    display: flex !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }
  #tc-plugin-management-dashboard .tc-plugin-hero-actions .tc-plugin-button,
  #tc-plugin-installed-dashboard .tc-plugin-actions .tc-plugin-button {
    display: flex !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
    margin: 0 !important;
    flex: 1 1 100% !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    transform: none !important;
  }
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-record-log-card {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  box-shadow: 0 9px 24px rgba(15, 23, 42, 0.045) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-record-log-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset-block-start: 0;
  inset-inline: 18px;
  height: 2px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 0.18),
    rgba(37, 99, 235, 0.72),
    rgba(37, 99, 235, 0.18)
  );
  pointer-events: none;
}
html body.tc-standalone[data-admin-page] .tc-topbar {
  border-bottom: 1px solid rgba(203, 214, 229, 0.88) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 5px 18px rgba(15, 23, 42, 0.045) !important;
  backdrop-filter: saturate(140%) blur(12px);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
}
html body.tc-standalone[data-admin-page] .tc-page-heading h1 {
  color: #214f4e !important;
  letter-spacing: -0.015em !important;
}
html body.tc-standalone[data-admin-page] .tc-page-heading p {
  color: #66758b !important;
}
@media (max-width: 520px) {
}

html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-group {
  margin-block-end: 4px !important;
  border-radius: 9px !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-group > summary {
  min-height: 43px !important;
  border-radius: 9px !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-items {
  gap: 2px !important;
  padding-block: 3px 5px !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link {
  min-height: 37px !important;
  border-radius: 8px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-card:not(.tc-chat-shell):not(.tc-chat-thread):not(.tc-chat-list) {
  border-color: #e4e9f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head {
  gap: 12px !important;
  margin-block-end: 15px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head h2 {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #214f4e !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head p {
  margin: 3px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: #718096 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: #d9e1eb !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(input:not([type="checkbox"]):not([type="radio"]), select) {
  min-height: 40px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-block-start: 16px !important;
  padding-block-start: 14px !important;
  border-top: 1px solid #edf0f4 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap > .tc-hero {
  display: none !important;
}
html body.tc-standalone .tc-page-heading {
  min-width: 0 !important;
}
html body.tc-standalone .tc-page-heading h1 {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}
html body.tc-standalone .tc-page-heading p {
  margin: 3px 0 0 !important;
  max-width: 760px !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
  color: #718096 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-card {
  margin-block-end: 14px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-card:last-child {
  margin-block-end: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head h2,
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head h3 {
  letter-spacing: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head p {
  max-width: 820px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-form-grid, .tc-checks, .tc-template-sections) {
  gap: 12px !important;
}

@media (max-width: 640px) {
  html body.tc-standalone .tc-page-heading h1 {
    font-size: 18px !important;
  }
  html body.tc-standalone .tc-page-heading p {
    font-size: 12px !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-users"]
  main.tc-main
  table.tc-customer-payments-table
  :is(code.tc-customer-payment-invoice, code.tc-payment-reference) {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  overflow: visible !important;
}
@media (max-width: 720px) {
  html
    body.tc-standalone[data-admin-page="telecode-users"]
    main.tc-main
    table.tc-customer-payments-table
    code.tc-customer-payment-invoice {
    display: block !important;
    width: 100% !important;
  }
}
html body.tc-standalone[data-admin-page] main.tc-main form.tc-unified-search,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-search.tc-unified-search,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-chat-search.tc-unified-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content max-content !important;
  align-items: end !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-search
  > .tc-search-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 5px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  position: static !important;
  overflow: visible !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-search
  > .tc-search-field
  > input,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-search
  > .tc-search-field
  > select {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-search
  > .button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 104px !important;
  max-width: none !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding-inline: 16px !important;
  white-space: nowrap !important;
  position: static !important;
  transform: none !important;
  z-index: auto !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-global-reference-search:has(> label:not(.tc-search-field)) {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 190px) max-content max-content !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-search:has(> label:not(.tc-search-field)) {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 190px) max-content max-content !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-search
  > label:not(.tc-search-field) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 5px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-search
  > label:not(.tc-search-field)
  > select,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-unified-search
  > label:not(.tc-search-field)
  > input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-text-unified-search
  > #tc-text-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding-inline: 12px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-color-surface-subtle) !important;
  color: var(--tc-color-muted-strong) !important;
  font-size: var(--tc-font-size-xs) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-unified-search,
    .tc-form-actions,
    .tc-save-bar,
    .tc-actions,
    .tc-inline-form,
    .tc-test-grid
  )
  :is(.button, .button-secondary):not(.button-primary):not(.button-warning):not(
    .button-danger
  ):not(.button-link-delete):not(.tc-icon-button):not(.tc-chat-send-button):not(
    .tc-gift-action-control
  ) {
  border-color: var(--tc-color-button-secondary-border) !important;
  border-radius: var(--tc-ui-radius-sm) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  box-shadow: none !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-unified-search,
    .tc-form-actions,
    .tc-save-bar,
    .tc-actions,
    .tc-inline-form,
    .tc-test-grid
  )
  :is(.button, .button-secondary):not(.button-primary):not(.button-warning):not(
    .button-danger
  ):not(.button-link-delete):not(.tc-icon-button):not(.tc-chat-send-button):not(
    .tc-gift-action-control
  ):is(:hover, :active, :focus-visible) {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-row-actions, .widefat)
  .button:not(.tc-icon-button):not(.tc-chat-send-button):not(
    .tc-gift-action-control
  ) {
  min-height: 38px !important;
  padding: 6px 12px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-actions, .tc-form-actions) {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-block: 14px 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-actions, .tc-form-actions)
  > :is(form, .button, button) {
  flex: 1 1 160px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-actions, .tc-form-actions)
  > form {
  display: grid !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-actions, .tc-form-actions)
  > form
  > .button {
  width: 100% !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar {
  gap: 12px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-copy-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-copy-field code {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-copy-field > .button {
  width: auto !important;
  min-width: 92px !important;
  min-height: 44px !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-endpoint-status-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-endpoint-status-grid
  > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: 10px !important;
  background: var(--tc-color-surface-subtle) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-endpoint-status-grid
  :is(dt, dd) {
  min-width: 0 !important;
  margin: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-endpoint-status-grid
  dt {
  color: var(--tc-color-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-endpoint-status-grid
  dd {
  color: var(--tc-color-text) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 720px) {
  html body.tc-standalone[data-admin-page] main.tc-main form.tc-unified-search,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-search.tc-unified-search,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-chat-search.tc-unified-search,
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-global-reference-search:has(> label:not(.tc-search-field)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: end !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-unified-search:has(> label:not(.tc-search-field)) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-unified-search
    > .button {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-unified-search > .tc-search-field {
    grid-column: 1 / -1 !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-text-unified-search
    > #tc-text-count {
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(.tc-actions, .tc-form-actions)
    > * {
    flex-basis: auto !important;
    width: auto !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-copy-field {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-copy-field
    > .button {
    width: 100% !important;
  }
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-section-head,
    .tc-form-grid,
    .tc-actions,
    .tc-row-actions,
    .tc-table-wrap,
    form
  ) {
  min-width: 0;
  max-width: 100%;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  box-sizing: border-box;
  max-width: 100%;
}
html body.tc-standalone[data-admin-page] main.tc-main button.button,
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  input.button[type="submit"],
html body.tc-standalone[data-admin-page] .tc-modal button.button {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-clip: padding-box !important;
  outline: 0 !important;
}
html body.tc-standalone[data-admin-page] .tc-main-scroll {
  background: radial-gradient(
      circle at 85% -12%,
      rgba(49, 95, 213, 0.055),
      transparent 34%
    ),
    linear-gradient(180deg, #f6f8fc 0, #f3f6fa 100%) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-card,
    .tc-settings-card,
    .tc-list-card,
    .tc-template-card,
    .tc-account-card,
    .tc-reset-card,
    .tc-external-gateway-card,
    .tc-retired-payment-gateway-card
  ) {
  border-color: #dbe4ef !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.042) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head h2,
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head h3 {
  color: #214f4e !important;
  letter-spacing: -0.012em !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head p {
  color: #6a778b !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-stat {
  border-color: #dce5f0 !important;
  background: linear-gradient(145deg, #fff 0, #fbfcff 100%) !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.038) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap {
  border-color: #dce4ef !important;
  border-radius: 14px !important;
  background: #fff !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap thead th {
  border-bottom-color: #dce4ef !important;
  background: #f5f7fa !important;
  color: #2f7b79 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-table-wrap
  tbody
  tr:hover
  > td {
  background: #f8faff !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
  ):focus {
  border-color: var(--tc-color-primary) !important;
  box-shadow: 0 0 0 3px rgba(49, 95, 213, 0.12) !important;
  outline: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(
    .button,
    .button-secondary,
    .button-primary,
    .button.button-primary,
    button.button-primary,
    input[type="submit"].button-primary
  ):not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(
    .tc-danger-button
  ):not(.tc-chat-send-button):not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close) {
  border-color: var(--tc-color-button-secondary-border) !important;
  background: var(--tc-color-button-secondary-bg) !important;
  color: var(--tc-color-button-secondary-text) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(
    .button,
    .button-secondary,
    .button-primary,
    .button.button-primary,
    button.button-primary,
    input[type="submit"].button-primary
  ):not(.button-primary):not(.button-warning):not(.button-danger):not(.button-link-delete):not(
    .tc-danger-button
  ):not(.tc-chat-send-button):not(.tc-icon-button):not(.tc-modal-close):not(
    .tc-password-toggle
  ):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(
    .tc-support-media-link
  ):not(.tc-attachment-chip):not(.tc-support-viewer-close):is(
    :hover,
    :active,
    :focus-visible
  ) {
  border-color: var(--tc-color-button-secondary-hover-border) !important;
  background: var(--tc-color-button-secondary-hover-bg) !important;
  color: var(--tc-color-button-secondary-hover-text) !important;
  box-shadow: none !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(.button-warning, .button.button-warning, button.button-warning):not(
    .tc-chat-send-button
  ):not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(
    .tc-iso-picker-button
  ):not(.tc-chat-edit-close):not(.tc-support-media-link):not(
    .tc-attachment-chip
  ):not(.tc-support-viewer-close) {
  border-color: #e7bd65 !important;
  background: #fff8e8 !important;
  color: #875100 !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(.button-danger, .button-link-delete, .tc-danger-button):not(
    .tc-chat-send-button
  ):not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(
    .tc-iso-picker-button
  ):not(.tc-chat-edit-close):not(.tc-support-media-link):not(
    .tc-attachment-chip
  ):not(.tc-support-viewer-close) {
  border-color: #e7b1ac !important;
  background: #fff4f2 !important;
  color: var(--tc-color-danger) !important;
}
html
  body.tc-standalone[data-admin-page]
  :is(main.tc-main, .tc-modal)
  :is(.button-danger, .button-link-delete, .tc-danger-button):not(
    .tc-chat-send-button
  ):not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(
    .tc-iso-picker-button
  ):not(.tc-chat-edit-close):not(.tc-support-media-link):not(
    .tc-attachment-chip
  ):not(.tc-support-viewer-close):is(:hover, :active, :focus-visible) {
  border-color: #d98c85 !important;
  background: #ffe9e6 !important;
  color: #912018 !important;
}
html
  body.tc-standalone[data-admin-page]
  #tc-confirm-modal.tc-confirm-modal:not([hidden]) {
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
}
html body.tc-standalone[data-admin-page] .tc-confirm-modal .tc-modal-backdrop {
  background: rgba(15, 23, 42, 0.46) !important;
}
html body.tc-standalone[data-admin-page] .tc-confirm-card {
  width: min(100%, 430px) !important;
  padding: 20px !important;
  border: 1px solid var(--tc-color-border, #d6dfeb) !important;
  border-radius: var(--tc-control-radius, 14px) !important;
  background: var(--tc-color-surface, #fff) !important;
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.2) !important;
  text-align: start !important;
  outline: 0 !important;
}
html body.tc-standalone[data-admin-page] .tc-confirm-card h2 {
  margin: 0 0 6px !important;
  color: var(--tc-color-text, #214f4e) !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
}
html body.tc-standalone[data-admin-page] .tc-confirm-card p {
  margin: 0 !important;
  color: var(--tc-color-text-muted, #667085) !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  white-space: pre-line !important;
}
html body.tc-standalone[data-admin-page] .tc-confirm-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-block-start: 18px !important;
}
html body.tc-standalone[data-admin-page] .tc-confirm-actions .button {
  min-width: 96px !important;
}
html
  body.tc-standalone[data-admin-page]
  #tc-confirm-modal.tc-confirm-modal.is-danger
  [data-confirm-accept] {
  border-color: var(--tc-color-danger) !important;
  background: var(--tc-color-danger) !important;
  color: #fff !important;
}
html
  body.tc-standalone[data-admin-page]
  #tc-confirm-modal.tc-confirm-modal.is-danger
  [data-confirm-accept]:is(:hover, :active, :focus-visible) {
  border-color: var(--tc-color-danger-hover) !important;
  background: var(--tc-color-danger-hover) !important;
  color: #fff !important;
}
@media (max-width: 520px) {
  html body.tc-standalone[data-admin-page] .tc-confirm-card {
    padding: 18px !important;
  }
  html body.tc-standalone[data-admin-page] .tc-confirm-actions {
    width: 100% !important;
  }
  html body.tc-standalone[data-admin-page] .tc-confirm-actions .button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}

html body.tc-standalone[data-admin-page] .tc-main-scroll {
  overflow-x: hidden !important;
}
html body.tc-standalone[data-admin-page] main.tc-main {
  width: 100% !important;
  max-width: 1600px !important;
  margin-inline: auto !important;
  padding: clamp(16px, 2.1vw, 30px) !important;
}
html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  > .tc-wrap
  > :is(.tc-card, .tc-note, .notice, .tc-stats, .tc-table-wrap, form, section) {
  min-width: 0 !important;
  max-width: 100% !important;
  margin-block: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-card:not(.tc-chat-shell):not(.tc-chat-thread):not(.tc-chat-list) {
  width: 100% !important;
  padding: clamp(16px, 1.8vw, 24px) !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-note, .notice, .tc-empty-state, .tc-system-note) {
  padding: 13px 16px !important;
  line-height: 1.75 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    .tc-section-head,
    .tc-card-head,
    .tc-payment-review-summary,
    .tc-order-lookup-summary
  ) {
  min-width: 0 !important;
  padding-inline: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(
    h1,
    h2,
    h3,
    h4,
    p,
    small,
    strong,
    span,
    code,
    dt,
    dd,
    th,
    td,
    label,
    legend
  ) {
  overflow-wrap: anywhere;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-form-grid, .tc-checks) {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 250px), 1fr)
  ) !important;
  align-items: start !important;
  gap: 14px !important;
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-form-grid, .tc-checks)
  > .tc-full {
  grid-column: 1/-1 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-form-grid, .tc-checks)
  > label {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-duration-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(96px, 0.42fr) !important;
  gap: 10px !important;
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-save-bar, .tc-actions, .tc-form-actions, .tc-row-actions) {
  align-items: stretch !important;
  gap: 12px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar {
  justify-content: stretch !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-save-bar
  > :is(.button, button, form) {
  flex: 1 1 190px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar > form {
  display: grid !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  .tc-save-bar
  > form
  > .button {
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-unified-filter, .tc-cron-task-filters) {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 210px), 1fr)
  ) !important;
  align-items: end !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 16px !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.tc-unified-filter, .tc-cron-task-filters)
  > * {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-table-wrap {
  width: 100% !important;
  border-radius: 11px !important;
}
html body.tc-standalone[data-admin-page] main.tc-main table.widefat {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  table.widefat
  :is(th, td) {
  padding: 13px 15px !important;
  line-height: 1.65 !important;
  vertical-align: middle !important;
}
html body.tc-standalone[data-admin-page] main.tc-main table.widefat td > small {
  display: block !important;
  margin-top: 4px !important;
  line-height: 1.55 !important;
}
html
  body.tc-standalone[data-admin-page]
  main.tc-main
  :is(.button, button.button, a.button) {
  text-align: center !important;
}

@media (max-width: 720px) {
  html body.tc-standalone[data-admin-page] main.tc-main {
    max-width: none !important;
    padding: 12px !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap {
    gap: 12px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-card:not(.tc-chat-shell):not(.tc-chat-thread):not(.tc-chat-list) {
    padding: 14px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(.tc-note, .notice, .tc-empty-state, .tc-system-note) {
    padding: 12px 13px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    :is(.tc-form-grid, .tc-checks, .tc-unified-filter, .tc-cron-task-filters) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 11px !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-duration-field {
    grid-template-columns: minmax(0, 1fr) minmax(92px, 0.45fr) !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-save-bar
    > :is(.button, button, form) {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    table.tc-responsive-table {
    min-width: 0 !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    table.widefat
    :is(th, td) {
    padding: 11px 12px !important;
  }
}

@media (max-width: 390px) {
  html body.tc-standalone[data-admin-page] main.tc-main {
    padding: 9px !important;
  }
  html
    body.tc-standalone[data-admin-page]
    main.tc-main
    .tc-card:not(.tc-chat-shell):not(.tc-chat-thread):not(.tc-chat-list) {
    padding: 12px !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-duration-field {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-card
  > .tc-page-stats,
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-cron-card
  > .tc-page-stats {
  order: 0 !important;
  margin-block: 0 16px !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-cron-task-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-runtime-health-details {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-block-end: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-cron-link-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-cron-link-list
  > div {
  min-width: 0 !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-cron-link-list
  > div
  > strong {
  display: block !important;
  margin-block-end: 7px !important;
  color: var(--tc-color-text) !important;
  font-size: 12px !important;
}

@media (max-width: 720px) {
  html body.tc-standalone[data-admin-page] main.tc-main {
    padding-top: 12px !important;
    padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
    padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-cron-task-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-runtime-health-details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    :is(
      .tc-runtime-health-stats,
      .tc-cron-task-stats,
      .tc-runtime-health-details
    ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Maintenance split pages: desktop statistics and task-table spacing. */
@media (min-width: 901px) {
  html
    body.tc-standalone[data-admin-page="telecode-maintenance"]
    main.tc-main
    .tc-runtime-health-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-cron-tasks {
  margin-top: 20px !important;
  padding: 20px !important;
  border: 1px solid var(--tc-border) !important;
  border-radius: var(--tc-radius-lg) !important;
  background: var(--tc-surface) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-cron-tasks
  > .tc-table-wrap {
  margin-top: 2px !important;
  padding: 8px !important;
  border: 1px solid var(--tc-border) !important;
  border-radius: var(--tc-radius-md) !important;
}
html
  body.tc-standalone[data-admin-page="telecode-maintenance"]
  main.tc-main
  .tc-cron-task-table
  :is(th, td) {
  padding: 13px 14px !important;
  vertical-align: middle !important;
}

/* Current approved round: order details, professional descriptions, and phone-only repairs. */
html body.tc-standalone[data-admin-page="telecode-publishing"] main.tc-main .tc-destination-description-head {
  grid-column: 1 / -1 !important;
  margin-top: 4px !important;
  padding: 13px 15px !important;
  border: 1px solid var(--tc-color-border) !important;
  border-radius: var(--tc-radius-md) !important;
  background: var(--tc-color-surface-subtle) !important;
}
html body.tc-standalone[data-admin-page="telecode-publishing"] main.tc-main .tc-destination-description-head h4 {
  margin: 0 0 5px !important;
  color: var(--tc-color-heading) !important;
  font-size: 14px !important;
}
html body.tc-standalone[data-admin-page="telecode-publishing"] main.tc-main .tc-destination-description-head p {
  margin: 0 !important;
  color: var(--tc-color-muted) !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}
html body.tc-standalone[data-admin-page="telecode-publishing"] main.tc-main .tc-destination-description-field textarea {
  min-height: 104px !important;
  resize: vertical !important;
}
html body.tc-standalone[data-admin-page="telecode-publishing"] main.tc-main .tc-destination-test-panel > [data-tc-edit-destination] {
  margin: 0 !important;
}

/* The reason stays in order details; the desktop list uses nine balanced columns. */
@media (min-width: 901px) {
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table {
    min-width: 1020px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(1) { width: 8% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(2) { width: 13% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(3) { width: 13% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(4) { width: 12% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(5) { width: 9% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(6) { width: 7% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(7) { width: 12% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(8) { width: 15% !important; }
  html body.tc-standalone[data-admin-page="telecode-orders"] main.tc-main .tc-orders-table :is(th, td):nth-child(9) { width: 11% !important; }
}

/* Phone-only shared empty states: current and future responsive payment/service tables. */
@media (max-width: 720px) {
  html body.tc-standalone[data-admin-page] main.tc-main table.tc-responsive-table tr.tc-empty-row {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main table.tc-responsive-table tr.tc-empty-row > td[colspan] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 92px !important;
    padding: 10px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main table.tc-responsive-table tr.tc-empty-row > td[colspan]::before {
    display: none !important;
    content: none !important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main table.tc-responsive-table tr.tc-empty-row .tc-empty-state {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 14px !important;
    text-align: center !important;
    line-height: 1.75 !important;
    box-sizing: border-box !important;
  }

  /* Remove the exceptional blue accent on these phone cards only. */
  html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-unified-payments-card::before,
  html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-card::before {
    display: none !important;
    content: none !important;
    background: none !important;
  }
  html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-unified-payments-card,
  html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-card {
    border-block-start-color: var(--tc-color-border) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045) !important;
  }

  /* Cron task log becomes readable cards on phones; desktop remains unchanged. */
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-tasks {
    padding: 12px !important;
    overflow: visible !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table thead {
    display: none !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tr[data-cron-task-row] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    overflow: hidden !important;
    border: 1px solid var(--tc-color-border) !important;
    border-radius: var(--tc-radius-md) !important;
    background: var(--tc-color-surface) !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035) !important;
    box-sizing: border-box !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tr[data-cron-task-row][hidden],
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tr[data-cron-empty-row][hidden] {
    display: none !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tr[data-cron-task-row] > td {
    display: grid !important;
    grid-template-columns: minmax(94px, 112px) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: transparent !important;
    color: var(--tc-color-text) !important;
    font-size: 11px !important;
    line-height: 1.7 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tr[data-cron-task-row] > td:last-child {
    border-bottom: 0 !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tr[data-cron-task-row] > td::before {
    display: block !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    content: attr(data-label) !important;
    color: var(--tc-color-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    text-align: right !important;
    white-space: normal !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table td:first-child {
    min-width: 0 !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table td:first-child :is(strong, small, .tc-cron-task-meta),
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-error {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table td:first-child small,
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-meta {
    margin-top: 4px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table .tc-inline-form,
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table .button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: center !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tr[data-cron-empty-row]:not([hidden]) {
    display: block !important;
    width: 100% !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-cron-task-table tr[data-cron-empty-row] > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
  }
}

/* Referral details are repaired on phones only; desktop table rules are untouched. */
@media (max-width: 782px) {
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table-wrap {
    overflow: visible !important;
    scrollbar-gutter: auto !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table thead {
    display: none !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table tr.tc-referral-summary-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px 11px !important;
    border: 1px solid var(--tc-color-border) !important;
    border-radius: var(--tc-radius-md) !important;
    background: var(--tc-color-surface) !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035) !important;
    box-sizing: border-box !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table tr.tc-referral-summary-row > td {
    display: grid !important;
    grid-template-columns: minmax(106px, 42%) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 9px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: transparent !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table tr.tc-referral-summary-row > td:last-child {
    border-bottom: 0 !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referrals-table tr.tc-referral-summary-row > td::before {
    display: block !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    content: attr(data-label) !important;
    color: var(--tc-color-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    text-align: right !important;
    white-space: normal !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-actions :is(form, .button) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: center !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-row[hidden] {
    display: none !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-row:not([hidden]) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-row:not([hidden]) > td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-row > td::before {
    display: none !important;
    content: none !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
    border: 1px solid var(--tc-color-border) !important;
    border-radius: var(--tc-radius-md) !important;
    background: var(--tc-color-surface-subtle) !important;
    box-sizing: border-box !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel dl {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel dl > div {
    display: grid !important;
    grid-template-columns: minmax(108px, 42%) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid var(--tc-color-border) !important;
    border-radius: 10px !important;
    background: var(--tc-color-surface) !important;
    box-sizing: border-box !important;
  }
  html body.tc-standalone[data-admin-page="telecode-referrals"] main.tc-main .tc-referral-details-panel :is(dt, dd, code, span, small, strong) {
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* Final round: consistent records, flexible logs, and customer actions. */
html body.tc-standalone[data-admin-page] main.tc-main .tc-record-log-card::before,
html body.tc-standalone[data-admin-page] main.tc-main .tc-unified-payments-card::before,
html body.tc-standalone[data-admin-page] main.tc-main .tc-customer-balance-card::before,
html body.tc-standalone[data-admin-page] main.tc-main .tc-card:has(.tc-table-wrap)::before,
html body.tc-standalone[data-admin-page] main.tc-main .tc-card:has(table)::before {
  content: none !important;
  display: none !important;
  background: none !important;
  height: 0 !important;
}

html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table {
  width: 100% !important;
  min-width: 1180px !important;
  table-layout: fixed !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-id { width: 9% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-time { width: 11% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-status { width: 10% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-customer { width: 14% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-reference { width: 10% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-subject { width: 11% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-result { width: 17% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-action { width: 12% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-review { width: 6% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-log-main-row > td:nth-child(n+4):nth-child(-n+8),
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-log-result,
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-log-customer,
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-system-event {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  min-width: 0 !important;
  max-width: 100% !important;
  line-height: 1.75 !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-log-main-row > td {
  vertical-align: top !important;
  padding-block: 16px !important;
  overflow: hidden !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-log-main-row > td:nth-child(1),
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-log-main-row > td:nth-child(2),
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-log-main-row > td:nth-child(3),
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-log-main-row > td:nth-child(9) {
  vertical-align: middle !important;
}

html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-action-card {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  padding: 28px 30px !important;
}
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-action-card .tc-section-head {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--tc-border, #dbe4f0) !important;
}
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-action-card .tc-customer-action-form {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-action-card .tc-customer-action-form .button {
  width: auto !important;
  min-width: 190px !important;
}
@media (max-width: 760px) {
  html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table {
    min-width: 0 !important;
    table-layout: auto !important;
  }
  html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-action-card {
    padding: 22px 20px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-action-card .tc-customer-action-form,
  html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-action-card .tc-customer-action-form .button {
    width: 100% !important;
  }
}


/* TeleCode V1: contextual card accents and compact maintenance controls. */
html body.tc-standalone[data-admin-page] main.tc-main :is(
  .tc-card:has(.tc-table-wrap),
  .tc-card:has(table),
  .tc-customer-balance-card,
  .tc-channel-cleanup-now-card,
  .tc-customer-action-card,
  .tc-maintenance-mode-settings
)::before {
  content: none !important;
  display: none !important;
  background: none !important;
  height: 0 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(
  .tc-record-log-card,
  .tc-unified-payments-card,
  .tc-cron-tasks,
  .tc-table-accent
) {
  position: relative !important;
  overflow: hidden !important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(
  .tc-record-log-card,
  .tc-unified-payments-card,
  .tc-cron-tasks,
  .tc-table-accent
)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 18px auto 18px !important;
  height: 4px !important;
  border-radius: 0 0 8px 8px !important;
  background: #347573 !important;
  pointer-events: none !important;
}
.tc-referral-details-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  margin-top: 14px !important;
}

html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-maintenance-mode-settings {
  padding: 20px 22px !important;
}
html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-maintenance-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}
.tc-switch-control {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  user-select: none !important;
  margin: 0 !important;
}
.tc-switch-control > input {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.tc-switch-track {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  inline-size: 46px !important;
  block-size: 26px !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
  transition: background-color .18s ease !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
}
.tc-switch-thumb {
  display: block !important;
  inline-size: 20px !important;
  block-size: 20px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(15,23,42,.25) !important;
  transform: translateX(0) !important;
  transition: transform .18s ease !important;
}
.tc-switch-control > input:checked + .tc-switch-track {
  background: var(--tc-primary, #2f7b79) !important;
}
html[dir="rtl"] .tc-switch-control > input:checked + .tc-switch-track .tc-switch-thumb {
  transform: translateX(-20px) !important;
}
html[dir="ltr"] .tc-switch-control > input:checked + .tc-switch-track .tc-switch-thumb {
  transform: translateX(20px) !important;
}
.tc-switch-control > input:focus-visible + .tc-switch-track {
  outline: 3px solid rgba(53,106,230,.25) !important;
  outline-offset: 2px !important;
}
.tc-switch-label {
  font-weight: 700 !important;
  line-height: 1.5 !important;
}
.tc-maintenance-message-grid textarea {
  min-height: 94px !important;
  resize: vertical !important;
}

.tc-dashboard-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.tc-dashboard-status-list {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
}
.tc-dashboard-status-list > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid var(--tc-color-border, #e2e8f0) !important;
}
.tc-dashboard-status-list > div:last-child { border-bottom: 0 !important; }
.tc-dashboard-status-list :is(dt,dd) { margin: 0 !important; }
.tc-dashboard-status-list dt { color: var(--tc-color-muted, #2f7b79) !important; }
.tc-dashboard-status-list dd { font-weight: 800 !important; text-align: end !important; }
.tc-dashboard-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.tc-dashboard-action {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 54px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--tc-color-border, #dbe4f0) !important;
  border-radius: 12px !important;
  background: var(--tc-color-surface, #fff) !important;
  color: inherit !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}
.tc-dashboard-action:hover {
  border-color: var(--tc-primary, #2f7b79) !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
}
.tc-dashboard-action svg { width: 20px !important; height: 20px !important; flex: 0 0 auto !important; }

@media (max-width: 760px) {
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-maintenance-mode-settings {
    padding: 18px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-maintenance"] main.tc-main .tc-maintenance-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .tc-switch-control { width: 100% !important; justify-content: space-between !important; }
  .tc-dashboard-grid,
  .tc-dashboard-action-grid { grid-template-columns: minmax(0, 1fr) !important; }
}


/* TeleCode V1 — semantic accents and compact invoice runtime settings. */
html body.tc-standalone[data-admin-page] main.tc-main :is(
  .tc-invoice-runtime-card,
  .tc-customer-balance-card,
  .tc-customer-action-card,
  .tc-channel-cleanup-now-card,
  .tc-maintenance-mode-settings,
  .tc-card.tc-settings-card,
  .tc-card.tc-form-card
)::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  background: none !important;
}

html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-invoice-runtime-card {
  padding: 20px 24px !important;
  min-height: 0 !important;
  overflow: visible !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-invoice-runtime-card .tc-section-head {
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-invoice-runtime-grid {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: end !important;
  margin: 0 !important;
  justify-self: stretch !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-invoice-runtime-grid > label {
  width: 100% !important;
  min-width: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-invoice-runtime-submit {
  min-width: 120px !important;
  width: auto !important;
  min-height: var(--tc-control-height) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-invoice-runtime-card {
    padding: 18px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-invoice-runtime-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-invoice-runtime-submit {
    width: 100% !important;
    justify-self: stretch !important;
  }
}

/* Current focused round: support controls, complete accents, and system-log fit. */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-card {
  min-height: 0 !important;
  margin-bottom: 18px !important;
  padding: 20px 24px !important;
  display: block !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-card .tc-section-head {
  min-height: 0 !important;
  margin: 0 0 16px !important;
  padding: 0 0 14px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-controls {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(340px, 1.35fr) minmax(260px, .9fr) 96px !important;
  gap: 16px !important;
  align-items: end !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-controls > * {
  min-width: 0 !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-toggle {
  display: grid !important;
  align-self: end !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-toggle > label,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-toggle .tc-checkbox-card {
  min-height: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-hours {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-self: end !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-hours > label {
  gap: 7px !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-hours input {
  min-height: 56px !important;
  height: 56px !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-submit {
  width: 96px !important;
  min-width: 96px !important;
  min-height: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  align-self: end !important;
}

/* Accent-enabled sections use a complete edge-to-edge rule; settings stay unaccented. */
html body.tc-standalone[data-admin-page] main.tc-main :is(
  .tc-record-log-card,
  .tc-unified-payments-card,
  .tc-cron-tasks,
  .tc-table-accent
)::before {
  inset: 0 0 auto 0 !important;
  width: auto !important;
  border-radius: 0 !important;
}

html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-operation-lookup-card {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-system-log-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-gutter: stable both-edges !important;
  box-sizing: border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table {
  width: max(100%, 1080px) !important;
  min-width: 1080px !important;
  max-width: none !important;
  table-layout: fixed !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-id { width: 9% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-time { width: 11% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-status { width: 11% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-customer { width: 13% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-reference { width: 10% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-subject { width: 11% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-result { width: 15% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-action { width: 12% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table .tc-log-col-review { width: 8% !important; }
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table :is(th, td) {
  min-width: 0 !important;
  padding-inline: 12px !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table :is(th, td):first-child {
  padding-inline-start: 16px !important;
}
html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table :is(th, td):last-child {
  padding-inline-end: 16px !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-controls {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-submit {
    width: 100% !important;
    min-width: 0 !important;
  }
}
@media (max-width: 720px) {
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-support-runtime-card {
    padding: 18px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-wrap {
    overflow: visible !important;
    scrollbar-gutter: auto !important;
  }
  html body.tc-standalone[data-admin-page="telecode-logs"] main.tc-main .tc-logs-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }
}

/* Purchased numbers: keep controls separated while retaining the approved panel style. */
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-country-table {
  width: max(100%, 1880px) !important;
  min-width: 1880px !important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-country-table :is(th, td) {
  vertical-align: middle !important;
  min-width: 104px !important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-country-table :is(input, select) {
  width: 100% !important;
  min-width: 108px !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-price-fields {
  display: grid !important;
  grid-template-columns: minmax(112px, 1fr) minmax(100px, 1fr) !important;
  gap: 10px !important;
  margin: 0 0 6px !important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-hold-field,
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-session-inline-entry {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-hold-field input {
  min-width: 96px !important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-session-card .tc-form-grid {
  gap: 16px !important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-session-actions,
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-table .tc-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-session-inline-entry input.regular-text {
  min-width: 220px !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-session-inline-entry .button {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
@media (max-width: 720px) {
  html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-country-table {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-price-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-session-inline-entry {
    align-items: stretch !important;
    flex-wrap: wrap !important;
  }
  html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-session-inline-entry input.regular-text {
    min-width: 0 !important;
    width: 100% !important;
  }
}

html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-toolbar{
  column-gap:14px!important;
  row-gap:12px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-toolbar .tc-unified-search{
  gap:12px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-view-switch{
  gap:10px!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-session-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px!important;
  align-items:center;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-session-actions :is(form,.button){
  margin:0!important;
}

/* Waiting and background-processing states are informational, not warnings. */
html body.tc-standalone:is([data-admin-page="telecode-sales"],[data-admin-page="telecode-inventory"]) main.tc-main .tc-status-warning{
  border-color:var(--tc-color-action-border)!important;
  background:var(--tc-color-primary-soft)!important;
  color:var(--tc-color-action-text)!important;
}

/* Purchased-number inventory and per-country resale settings. */
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-resale-price-fields{
  display:grid;
  gap:7px;
  min-width:0;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-resale-price-fields label{
  display:grid;
  gap:4px;
  min-width:0;
  margin:0;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-resale-price-fields label>span{
  color:var(--tc-color-muted);
  font-size:10px;
  font-weight:700;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-resale-price{
  border-color:#cde5da;
  background:#f2fbf7;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-wrap{
  width:100%;
  max-width:100%;
  overflow-x:visible!important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-table :is(th,td){
  min-width:0!important;
  overflow-wrap:anywhere;
  vertical-align:middle;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-table :is(th,td):nth-child(1){width:22%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-table :is(th,td):nth-child(2){width:16%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-table :is(th,td):nth-child(3){width:14%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-table :is(th,td):nth-child(4){width:18%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-table :is(th,td):nth-child(5){width:20%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-compact-records-table :is(th,td):nth-child(6){width:10%}

html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-wrap{
  width:100%;
  max-width:100%;
  overflow-x:visible!important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-table :is(th,td){
  min-width:0!important;
  overflow-wrap:anywhere;
  vertical-align:middle;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-table :is(th,td):nth-child(1){width:8%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-table :is(th,td):nth-child(2){width:30%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-table :is(th,td):nth-child(3){width:22%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-table :is(th,td):nth-child(4){width:25%}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-account-buyback-records-table :is(th,td):nth-child(5){width:15%}

html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-purchased-inventory-card{
  margin-block-end:var(--tc-space-4);
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-sale-timeline{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px;
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-sale-timeline>div{
  display:grid;
  gap:4px;
  padding:11px 12px;
  border:1px solid var(--tc-color-border);
  border-radius:var(--tc-radius-md);
  background:var(--tc-color-surface-subtle);
}
html body.tc-standalone[data-admin-page="telecode-sales"] main.tc-main .tc-sale-timeline time{
  color:var(--tc-color-muted);
  font-size:11px;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-session-card .tc-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-session-actions{
  margin-block-start:12px;
}
@media (max-width:760px){
  html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-session-card .tc-form-grid{
    grid-template-columns:1fr;
  }
}

/* Final panel consistency contract.
 * This file intentionally wins over older page-specific experiments.
 * Same control type => same geometry; same action => same color.
 */
html body.tc-standalone main.tc-main{
  --tc-page-section-gap:var(--tc-space-5);
}
html body.tc-standalone main.tc-main>.tc-card,
html body.tc-standalone main.tc-main>.tc-stats,
html body.tc-standalone main.tc-main>.tc-page-toolbar,
html body.tc-standalone main.tc-main .tc-wrap>.tc-card,
html body.tc-standalone main.tc-main .tc-wrap>.tc-stats,
html body.tc-standalone main.tc-main .tc-wrap>.tc-page-toolbar{
  width:100%;
  max-width:100%;
  margin-inline:0;
  box-sizing:border-box;
}
html body.tc-standalone main.tc-main .tc-card+ .tc-card,
html body.tc-standalone main.tc-main .tc-stats+ .tc-card,
html body.tc-standalone main.tc-main .tc-page-toolbar+ .tc-card{
  margin-block-start:var(--tc-page-section-gap);
}

/* Section headings never allow an unsized decorative SVG to consume the card. */
html body.tc-standalone main.tc-main .tc-section-head{
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 16px;
}
html body.tc-standalone main.tc-main .tc-section-head>div:first-child{
  min-width:0;
  flex:1 1 260px;
  margin-inline-end:0;
}
html body.tc-standalone main.tc-main .tc-section-action-icon,
html body.tc-standalone main.tc-main svg.tc-section-action-icon{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  flex:0 0 22px!important;
  overflow:visible;
}

/* One button geometry throughout the administration panel. */
html body.tc-standalone main.tc-main :is(
  a.button,
  button.button,
  input[type="submit"].button,
  input[type="button"].button,
  button[type="submit"]
){
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:46px!important;
  height:46px!important;
  padding:0 15px!important;
  margin:0!important;
  flex:0 0 auto!important;
  border:1px solid var(--tc-color-button-secondary-border)!important;
  border-radius:var(--tc-control-radius)!important;
  background:var(--tc-color-button-secondary-bg)!important;
  color:var(--tc-color-button-secondary-text)!important;
  box-shadow:none!important;
  font-family:var(--tc-font-ui)!important;
  font-size:var(--tc-font-size-md)!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
html body.tc-standalone main.tc-main :is(
  a.button,
  button.button,
  input[type="submit"].button,
  input[type="button"].button
):hover{
  border-color:var(--tc-color-button-secondary-hover-border)!important;
  background:var(--tc-color-button-secondary-hover-bg)!important;
  color:var(--tc-color-button-secondary-hover-text)!important;
}
html body.tc-standalone main.tc-main :is(
  .button.button-primary,
  a.button-primary,
  button.button-primary,
  input[type="submit"].button-primary
),
html body.tc-standalone main.tc-main [data-tc-action-kind="add"],
html body.tc-standalone main.tc-main [data-tc-action-kind="save"],
html body.tc-standalone main.tc-main [data-tc-action-kind="search"],
html body.tc-standalone main.tc-main [data-tc-action-kind="send"]{
  border-color:var(--tc-color-primary)!important;
  background:var(--tc-color-primary)!important;
  color:#fff!important;
}
html body.tc-standalone main.tc-main :is(
  .button.button-primary,
  a.button-primary,
  button.button-primary,
  input[type="submit"].button-primary
):hover,
html body.tc-standalone main.tc-main :is(
  [data-tc-action-kind="add"],
  [data-tc-action-kind="save"],
  [data-tc-action-kind="search"],
  [data-tc-action-kind="send"]
):hover{
  border-color:var(--tc-color-primary-hover)!important;
  background:var(--tc-color-primary-hover)!important;
  color:#fff!important;
}
html body.tc-standalone main.tc-main :is(
  .button.button-link-delete,
  [data-tc-action-kind="remove"]
){
  border-color:var(--tc-color-button-danger-border)!important;
  background:var(--tc-color-danger-soft)!important;
  color:var(--tc-color-danger)!important;
}
html body.tc-standalone main.tc-main :is(
  .button.button-link-delete,
  [data-tc-action-kind="remove"]
):hover{
  border-color:var(--tc-color-danger)!important;
  background:var(--tc-color-danger)!important;
  color:#fff!important;
}
html body.tc-standalone main.tc-main :is(
  .button.button-warning,
  [data-tc-action-kind="warning"]
){
  border-color:var(--tc-color-button-warning-border)!important;
  background:var(--tc-color-warning-soft)!important;
  color:var(--tc-color-warning)!important;
}
html body.tc-standalone main.tc-main :is(
  .button[disabled],
  button.button:disabled,
  input.button:disabled
){
  border-color:var(--tc-color-disabled-border)!important;
  background:var(--tc-color-disabled-bg)!important;
  color:var(--tc-color-disabled-text)!important;
  opacity:1!important;
}

/* Explicit button icons stay small. Automatic icons are intentionally not added. */
html body.tc-standalone main.tc-main :is(.tc-button-icon,.tc-auto-button-icon),
html body.tc-standalone main.tc-main :is(.tc-button-icon,.tc-auto-button-icon) svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  max-width:17px!important;
  max-height:17px!important;
  flex:0 0 17px!important;
}

/* Toolbars/actions use content width on desktop instead of 100%-wide buttons. */
html body.tc-standalone main.tc-main :is(
  .tc-actions,
  .tc-row-actions,
  .tc-form-actions,
  .tc-save-bar,
  .tc-page-toolbar,
  .tc-destination-actions
){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body.tc-standalone main.tc-main :is(
  .tc-actions,
  .tc-row-actions,
  .tc-form-actions,
  .tc-save-bar,
  .tc-page-toolbar,
  .tc-destination-actions
)>:is(form,.button,button){
  width:auto!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main .tc-inline-form{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
}

/* Search is a fluid field plus fixed action(s); no right-side vertical stack. */
html body.tc-standalone main.tc-main form.tc-unified-search,
html body.tc-standalone main.tc-main .tc-unified-search{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) repeat(auto-fit,minmax(112px,max-content))!important;
  align-items:end!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
html body.tc-standalone main.tc-main .tc-unified-search>.tc-search-field{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main .tc-unified-search>:is(.button,button){
  width:auto!important;
  min-width:112px!important;
  max-width:100%!important;
  flex:none!important;
}
html body.tc-standalone main.tc-main .tc-page-toolbar.tc-buyback-country-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
}
html body.tc-standalone main.tc-main .tc-buyback-view-switch{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
}

/* Form fields: adaptive columns, predictable gaps, no glued controls. */
html body.tc-standalone main.tc-main :is(
  .tc-form-grid,
  .tc-settings-grid,
  .tc-country-alerts-grid,
  .tc-gateway-grid
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;
  gap:16px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
}
html body.tc-standalone main.tc-main :is(
  .tc-form-grid,
  .tc-settings-grid,
  .tc-country-alerts-grid,
  .tc-gateway-grid
)>.tc-full{
  grid-column:1/-1!important;
}
html body.tc-standalone main.tc-main :is(
  .tc-form-grid,
  .tc-settings-grid,
  .tc-country-alerts-grid,
  .tc-gateway-grid
)>label{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main label> :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
html body.tc-standalone main.tc-main .tc-search-field> :is(input,select){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main :is(input:not([type="checkbox"]):not([type="radio"]),select){
  min-height:46px!important;
}
html body.tc-standalone main.tc-main textarea{
  max-width:100%!important;
}

/* Checkbox/switch collections distribute themselves instead of hugging one side. */
html body.tc-standalone main.tc-main :is(.tc-checks,.tc-checkbox-grid,.tc-gateway-switches){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
}
html body.tc-standalone main.tc-main :is(.tc-checks,.tc-checkbox-grid,.tc-gateway-switches)>label,
html body.tc-standalone main.tc-main .tc-switch-line{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 12px!important;
}
html body.tc-standalone main.tc-main :is(.tc-checks,.tc-checkbox-grid,.tc-gateway-switches) input[type="checkbox"],
html body.tc-standalone main.tc-main .tc-switch-line input[type="checkbox"]{
  flex:0 0 auto!important;
}

/* Purchased-number countries: cards and their quick fields adapt naturally. */
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-identity{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-identity>span:last-child{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 9px!important;
  min-width:0!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-identity :is(strong,small,code){
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  white-space:nowrap!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-head{
  display:grid!important;
  grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(180px,.7fr)) auto!important;
  align-items:end!important;
  gap:14px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-body{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;
  gap:16px!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main :is(
  .tc-account-buyback-settings-card,
  .tc-account-buyback-session-card
){
  width:100%!important;
  max-width:100%!important;
}

/* Chat composer: attachment and send stay control-sized, message field gets space. */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:10px!important;
  width:100%!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:96px!important;
  max-width:140px!important;
  min-height:46px!important;
  height:46px!important;
  padding:0 12px!important;
  margin:0!important;
  border:1px solid var(--tc-color-button-secondary-border)!important;
  border-radius:var(--tc-control-radius)!important;
  background:var(--tc-color-button-secondary-bg)!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-icon,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-icon svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-field{
  min-width:0!important;
  width:100%!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-field textarea{
  width:100%!important;
  min-height:46px!important;
  max-height:180px!important;
  margin:0!important;
}

/* Tables and long values may scroll, but never widen the whole panel. */
html body.tc-standalone main.tc-main :is(.tc-table-wrap,.tc-log-table-wrap){
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  box-sizing:border-box!important;
}
html body.tc-standalone main.tc-main :is(code,pre,.tc-webhook-url,.tc-endpoint-value){
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Native collapsibles share one compact summary language. */
html body.tc-standalone main.tc-main [hidden]{display:none!important;}
html body.tc-standalone main.tc-main details>summary{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  cursor:pointer;
  list-style:none;
}
html body.tc-standalone main.tc-main details>summary::-webkit-details-marker{display:none;}
html body.tc-standalone main.tc-main details>summary::after{
  content:"";
  width:8px;
  height:8px;
  margin-inline-start:auto;
  border-inline-end:2px solid currentColor;
  border-block-end:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .16s ease;
  opacity:.65;
  flex:0 0 8px;
}
html body.tc-standalone main.tc-main details[open]>summary::after{transform:rotate(225deg);}

/* Tablet/mobile reflow. Controls are full-row only where the viewport requires it. */
@media (max-width:900px){
  html body.tc-standalone main.tc-main .tc-page-toolbar.tc-buyback-country-toolbar{
    grid-template-columns:1fr!important;
  }
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-head{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-identity{
    grid-column:1/-1!important;
  }
}
@media (max-width:782px){
  html body.tc-standalone[data-admin-page] main.tc-main{
    --tc-page-section-gap:var(--tc-space-4);
  }
  html body.tc-standalone[data-admin-page] main.tc-main :is(
    a.button,
    button.button,
    input[type="submit"].button,
    input[type="button"].button,
    button[type="submit"]
  ){
    min-height:48px!important;
    height:48px!important;
  }
  /* Keep section title and its compact action/icon on one line. Older mobile
     layers stretched every child to 100%, which produced the giant + icon. */
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:10px 12px!important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head>div:first-child{
    width:auto!important;
    min-width:0!important;
    flex:1 1 220px!important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head>:is(.button,button){
    width:auto!important;
    min-width:96px!important;
    flex:0 0 auto!important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head>.tc-section-action-icon,
  html body.tc-standalone[data-admin-page] main.tc-main .tc-section-head>svg.tc-section-action-icon{
    align-self:center!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    flex:0 0 22px!important;
  }

  /* Mobile search: field on one row, actions share the next row instead of
     becoming a tall right-side stack. */
  html body.tc-standalone[data-admin-page] main.tc-main form.tc-unified-search,
  html body.tc-standalone[data-admin-page] main.tc-main .tc-unified-search{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:end!important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-unified-search>.tc-search-field{
    grid-column:1/-1!important;
    width:100%!important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-unified-search>:is(.button,button){
    min-width:0!important;
    width:100%!important;
  }
  html body.tc-standalone main.tc-main :is(
    .tc-actions,
    .tc-row-actions,
    .tc-form-actions,
    .tc-save-bar,
    .tc-destination-actions
  )>:is(form,.button,button){
    flex:1 1 140px!important;
  }
  html body.tc-standalone main.tc-main :is(
    .tc-actions,
    .tc-row-actions,
    .tc-form-actions,
    .tc-save-bar,
    .tc-destination-actions
  )>form>:is(.button,button){
    width:100%!important;
  }
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-head{
    grid-template-columns:1fr!important;
  }
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-row{
    grid-template-columns:46px minmax(0,1fr) auto!important;
  }
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-button{
    min-width:46px!important;
    width:46px!important;
    max-width:46px!important;
    padding:0!important;
    min-height:48px!important;
    height:48px!important;
  }
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-label{
    display:none!important;
  }
}
@media (max-width:340px){
  html body.tc-standalone[data-admin-page] main.tc-main form.tc-unified-search,
  html body.tc-standalone[data-admin-page] main.tc-main .tc-unified-search{
    grid-template-columns:1fr!important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-unified-search>*{
    grid-column:1!important;
  }
}

/* A single save action must remain control-sized. Legacy responsive layers made
   lone save buttons span the whole card, producing the large/small mismatch. */
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar > :is(
  a.button,
  button.button,
  input[type="submit"].button
):only-child,
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar > form:only-child,
html body.tc-standalone[data-admin-page] main.tc-main .tc-save-bar > form:only-child > :is(
  button.button,
  input[type="submit"].button
){
  width:auto!important;
  max-width:100%!important;
  flex:0 0 auto!important;
}

@media (max-width:782px){
  /* Action groups use equal flexible columns on a phone; labels can differ but
     controls do not become random narrow/wide pills. */
  html body.tc-standalone[data-admin-page] main.tc-main :is(
    .tc-actions,
    .tc-row-actions,
    .tc-form-actions,
    .tc-destination-actions
  ) > :is(.button,button,form){
    width:auto!important;
    min-width:0!important;
    flex:1 1 calc(50% - 10px)!important;
  }
}
@media (max-width:782px){
  html body.tc-standalone[data-admin-page] main.tc-main .tc-wrap :is(
    .tc-actions,
    .tc-row-actions,
    .tc-form-actions,
    .tc-destination-actions
  ) > :is(.button,button,form){
    width:auto!important;
    min-width:0!important;
    flex:1 1 calc(50% - 10px)!important;
  }
}

/* --- Session worker + purchased-number settings final hardening --- */
html body.tc-standalone main.tc-main .notice{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-height:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body.tc-standalone main.tc-main .notice .tc-notice-status-mark,
html body.tc-standalone main.tc-main .notice svg.tc-notice-status-mark{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  margin:1px 0 0!important;
}
html body.tc-standalone main.tc-main .notice>p{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-settings-card .tc-checks{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 18px!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-settings-card .tc-checks>label{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:52px!important;
  padding:11px 13px!important;
  margin:0!important;
  border:1px solid var(--tc-color-border)!important;
  border-radius:var(--tc-radius-md)!important;
  background:var(--tc-color-surface-subtle)!important;
  line-height:1.65!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-settings-card .tc-checks>label>input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-form-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:16px!important;
  align-items:start!important;
  width:100%!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-form-grid>label{
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-form-grid>label>span{
  margin:0!important;
  min-height:22px!important;
  line-height:1.55!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-form-grid :is(input,select,textarea){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-save-bar,
html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-session-actions{
  margin-block-start:16px!important;
}
@media(max-width:782px){
  html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-account-buyback-settings-card .tc-checks,
  html body.tc-standalone[data-admin-page="telecode-sales-settings"] main.tc-main .tc-form-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* TeleCode adaptive layout layer.
   This layer changes distribution, not the visual identity of the panel. */
html body.tc-standalone main.tc-main{
  --tc-adaptive-gap:16px;
  --tc-adaptive-min:250px;
}
html body.tc-standalone main.tc-main .tc-auto-form-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--tc-adaptive-min)),1fr))!important;
  gap:var(--tc-adaptive-gap)!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
}
html body.tc-standalone main.tc-main .tc-auto-form-grid>.tc-layout-wide{
  grid-column:1/-1!important;
}
html body.tc-standalone main.tc-main .tc-auto-form-grid>:is(.tc-layout-field,.tc-layout-choice){
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-checks,.tc-checkbox-grid,.tc-gateway-grid,.tc-detail-grid,.tc-stats){
  grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--tc-adaptive-min)),1fr))!important;
  gap:var(--tc-adaptive-gap)!important;
  align-items:start!important;
}
html body.tc-standalone main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,.tc-page-toolbar){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
}
html body.tc-standalone main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,.tc-page-toolbar)>*{
  min-width:0!important;
}
html body.tc-standalone main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar) :is(a.button,button.button,input.button){
  flex:0 0 auto!important;
  width:auto!important;
}
html body.tc-standalone main.tc-main .tc-section-head{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px 16px!important;
}
html body.tc-standalone main.tc-main :is(label,.tc-field)>span:first-child{
  display:block;
  margin-block-end:7px;
}
html body.tc-standalone main.tc-main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  max-width:100%!important;
}
/* Country cards: identity grows, controls use content size, lower groups share space. */
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-head{
  display:grid!important;
  grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(160px,.7fr)) auto!important;
  gap:14px!important;
  align-items:end!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-body{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-identity>span:last-child{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px 9px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-identity :is(strong,small,code){
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:980px){
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-head{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-identity{grid-column:1/-1!important;}
}
@media(max-width:782px){
  html body.tc-standalone main.tc-main{--tc-adaptive-gap:12px;--tc-adaptive-min:100%;}
  html body.tc-standalone main.tc-main .tc-auto-form-grid,
  html body.tc-standalone main.tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-checks,.tc-checkbox-grid,.tc-gateway-grid,.tc-detail-grid,.tc-stats){
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.tc-standalone main.tc-main .tc-page-toolbar{align-items:stretch!important;}
  html body.tc-standalone main.tc-main .tc-page-toolbar>:is(form,.tc-unified-search){flex:1 1 100%!important;}
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-head{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-identity{grid-column:auto!important;}
}

/* Root-page contract: the application shell is one content column. Older
   layouts placed the page heading in grid column 2 (next to a legacy side
   rail); on a phone that creates a zero-width implicit column and collapses
   later cards/action bars. Distribution happens inside cards, never by
   splitting the root page wrapper. */
html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-columns:0!important;
  width:100%!important;
  min-width:0!important;
}
html body.tc-standalone[data-admin-page] main.tc-main > .tc-wrap > *{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:782px){
  html body.tc-standalone[data-admin-page] main.tc-main :is(
    .tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,.tc-page-toolbar,
    .tc-unified-search,.tc-buyback-view-switch,.tc-table-wrap,.tc-checks
  ){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
  html body.tc-standalone[data-admin-page] main.tc-main .tc-auto-form-grid > :is(
    .tc-save-bar,.tc-actions,.tc-form-actions,.tc-note,section,fieldset,.tc-table-wrap
  ){
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }
}

/* v40 buyback cards, transferred as a resilient rendering layer. */
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-list{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin-block-start:16px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border:1px solid var(--tc-color-border,#dbe5f2)!important;
  border-radius:18px!important;
  background:var(--tc-color-surface,#fff)!important;
  overflow:hidden!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-head{
  padding:14px!important;
  border-block-end:1px solid var(--tc-color-border,#e6edf6)!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-body{
  padding:14px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-country-code-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:48px!important;
  min-height:34px!important;
  padding-inline:10px!important;
  border:1px solid var(--tc-color-border,#dbe5f2)!important;
  border-radius:12px!important;
  font-weight:800!important;
  direction:ltr!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-quick-field,
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-control-group{
  min-width:0!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-control-group{
  padding:12px!important;
  border:1px solid var(--tc-color-border,#e6edf6)!important;
  border-radius:14px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-control-group>h3{
  margin:0 0 10px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-pricing-cell,
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-demand-panel{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
  gap:10px!important;
  align-items:end!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-summary-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:44px!important;
  padding:9px 11px!important;
  border-radius:12px!important;
  background:var(--tc-color-muted-bg,#f7f9fc)!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-demand-metrics{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;
  gap:8px!important;
  grid-column:1/-1!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-demand-metrics>div{
  padding:9px!important;
  border:1px solid var(--tc-color-border,#e6edf6)!important;
  border-radius:12px!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-fallback .tc-buyback-row-actions form{
  display:flex!important;
  align-items:end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-fallback-price{
  min-width:180px!important;
}
@media(max-width:782px){
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-head,
  html body.tc-standalone[data-admin-page="telecode-buyback"] main.tc-main .tc-buyback-country-card-body{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* TeleCode unified action design system — final cascade layer. */
html body.tc-standalone main.tc-main [data-tc-action-role]{
  box-sizing:border-box!important;
  min-height:var(--tc-button-height,46px)!important;
  height:var(--tc-button-height,46px)!important;
  min-width:112px!important;
  max-width:100%!important;
  padding:0 18px!important;
  border-radius:var(--tc-control-radius,12px)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:var(--tc-space-2,8px)!important;
  font-family:var(--tc-font-ui,"Almarai","Segoe UI",sans-serif)!important;
  font-size:var(--tc-font-size-md,14px)!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease!important;
}
html body.tc-standalone main.tc-main [data-tc-action-role="primary"],
html body.tc-standalone main.tc-main [data-tc-action-role="secondary"],
html body.tc-standalone main.tc-main [data-tc-action-role="neutral"],
html body.tc-standalone main.tc-main [data-tc-action-role="insight"],
html body.tc-standalone main.tc-main [data-tc-action-role="close"]{
  background:var(--tc-color-action-bg,#eef6f5)!important;
  border:1px solid var(--tc-color-action-border,#b9ddea)!important;
  color:var(--tc-color-action-text,#2f7b79)!important;
}
html body.tc-standalone main.tc-main [data-tc-action-role="primary"]:is(:hover,:focus-visible),
html body.tc-standalone main.tc-main [data-tc-action-role="secondary"]:is(:hover,:focus-visible),
html body.tc-standalone main.tc-main [data-tc-action-role="neutral"]:is(:hover,:focus-visible),
html body.tc-standalone main.tc-main [data-tc-action-role="insight"]:is(:hover,:focus-visible),
html body.tc-standalone main.tc-main [data-tc-action-role="close"]:is(:hover,:focus-visible){
  background:var(--tc-color-action-hover-bg,#ddf1f9)!important;
  border-color:var(--tc-color-action-hover-border,#c9dfdd)!important;
  color:var(--tc-color-action-hover-text,#2f7b79)!important;
}
html body.tc-standalone main.tc-main [data-tc-action-role="danger"]{
  background:var(--tc-color-danger-soft,#fff4f2)!important;
  border:1px solid var(--tc-color-button-danger-border,#e7b1ac)!important;
  color:var(--tc-color-danger,#b42318)!important;
}
html body.tc-standalone main.tc-main [data-tc-action-role]:disabled,
html body.tc-standalone main.tc-main [data-tc-action-role][aria-disabled="true"]{
  background:var(--tc-color-disabled-bg,#f2f4f7)!important;
  border-color:var(--tc-color-disabled-border,#e4e7ec)!important;
  color:var(--tc-color-disabled-text,#98a2b3)!important;
  cursor:not-allowed!important;
}
html body.tc-standalone main.tc-main [data-tc-action-group="1"]{
  gap:var(--tc-action-gap,10px)!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
html body.tc-standalone main.tc-main .tc-section-head,
html body.tc-standalone main.tc-main .tc-page-toolbar{
  row-gap:var(--tc-space-3,12px)!important;
  column-gap:var(--tc-space-4,16px)!important;
}
@media (max-width:782px){
  html body.tc-standalone main.tc-main [data-tc-action-role]{
    min-width:0!important;
    min-height:var(--tc-action-height-mobile,48px)!important;
    height:var(--tc-action-height-mobile,48px)!important;
  }
  html body.tc-standalone main.tc-main [data-tc-action-group="1"]{width:100%!important;}
  html body.tc-standalone main.tc-main [data-tc-action-group="1"]>[data-tc-action-role]{flex:1 1 140px!important;}
}
@supports not (color:color-mix(in srgb,#fff 50%,#000)){
  html body.tc-standalone main.tc-main [data-tc-action-role="insight"]{border-color:var(--tc-color-action-border,#b9ddea)!important;}
  html body.tc-standalone main.tc-main [data-tc-action-role="insight"]:is(:hover,:focus-visible){background:var(--tc-color-action-hover-bg,#ddf1f9)!important;}
}

/* ========================================================================== 
   TeleCode v3.3.6 — Canonical administration design system
   This is the only final UI layer. Page-specific legacy rules remain above it,
   while this file normalizes spacing, actions, forms, records and responsiveness.
   ========================================================================== */

html body.tc-standalone {
  --tc-u-space-1: 6px;
  --tc-u-space-2: 10px;
  --tc-u-space-3: 14px;
  --tc-u-space-4: 18px;
  --tc-u-space-5: 24px;
  --tc-u-space-6: 32px;
  --tc-u-control: 44px;
  --tc-u-radius: 12px;
  --tc-u-card-radius: 14px;
  --tc-u-line: var(--tc-color-border,#dce4ef);
  --tc-u-muted: var(--tc-color-text-muted,#667085);
}

/* Page rhythm: every page follows one vertical system instead of ad-hoc margins. */
html body.tc-standalone main.tc-main .tc-wrap,
html body.tc-standalone main.tc-main .wrap {
  display:flex;
  flex-direction:column;
  gap:var(--tc-u-space-5);
  min-width:0;
  width:100%;
}
html body.tc-standalone main.tc-main .tc-wrap > *,
html body.tc-standalone main.tc-main .wrap > * { margin-block:0!important; min-width:0; }
html body.tc-standalone main.tc-main :is(.tc-card,.tc-settings-card,.tc-record-log-card) {
  width:100%;
  max-width:none;
  min-width:0;
  padding:var(--tc-u-space-5)!important;
  border-radius:var(--tc-u-card-radius)!important;
  box-sizing:border-box;
}
html body.tc-standalone main.tc-main .tc-card > * + * { margin-top:var(--tc-u-space-4); }

/* Statistics are the first content block when present and share one card language. */
html body.tc-standalone main.tc-main .tc-stats {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;
  gap:var(--tc-u-space-3)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main .tc-stat {
  min-width:0!important;
  min-height:86px!important;
  padding:16px 18px!important;
  border:1px solid var(--tc-u-line)!important;
  border-radius:var(--tc-u-card-radius)!important;
  background:var(--tc-color-surface,#fff)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
  box-sizing:border-box!important;
}
html body.tc-standalone main.tc-main .tc-stat-copy {
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:5px!important;
}
html body.tc-standalone main.tc-main .tc-stat-copy > strong {
  margin:0!important;
  line-height:1.25!important;
}
html body.tc-standalone main.tc-main .tc-stat-copy > span {
  margin:0!important;
  line-height:1.5!important;
}
html body.tc-standalone main.tc-main :is(.tc-section-head,.tc-page-toolbar,.tc-card-header) {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:var(--tc-u-space-3) var(--tc-u-space-4)!important;
  width:100%;
  min-width:0;
}
html body.tc-standalone main.tc-main .tc-section-head > :first-child { min-width:0; flex:1 1 280px; }

/* Forms, options and settings use space instead of piling up on the right. */
html body.tc-standalone main.tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-auto-form-grid) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;
  gap:var(--tc-u-space-4)!important;
  width:100%!important;
  align-items:start!important;
}
html body.tc-standalone main.tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-auto-form-grid) > :is(label,.tc-field) {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:var(--tc-u-space-1)!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-auto-form-grid) > :is(label,.tc-field) > span:first-child {
  margin:0!important;
}
html body.tc-standalone main.tc-main :is(.tc-card,.tc-settings-card,.tc-record-log-card) > form,
html body.tc-standalone main.tc-main form.tc-action-form,
html body.tc-standalone main.tc-main form.tc-inline-form {
  margin:0!important;
  min-width:0!important;
}
html body.tc-standalone main.tc-main :is(.tc-checks,.tc-admin-notification-grid,.tc-general-operation-grid,.tc-country-alerts-grid) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:var(--tc-u-space-3)!important;
  width:100%!important;
  align-items:stretch!important;
}
html body.tc-standalone main.tc-main :is(.tc-checks,.tc-admin-notification-grid,.tc-general-operation-grid) > label,
html body.tc-standalone main.tc-main .tc-checkbox-card,
html body.tc-standalone main.tc-main .tc-switch-line {
  min-height:var(--tc-u-control)!important;
  padding:10px 12px!important;
  margin:0!important;
  border:1px solid var(--tc-u-line)!important;
  border-radius:var(--tc-u-radius)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  box-sizing:border-box!important;
}

html body.tc-standalone main.tc-main :is(.tc-checkbox-card,.tc-switch-line,.tc-checks>label) input[type="checkbox"] {
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main :is(label,.tc-field) > span:first-child {
  display:block;
  margin-bottom:var(--tc-u-space-1);
}
html body.tc-standalone main.tc-main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
html body.tc-standalone main.tc-main :is(input:not([type="checkbox"]):not([type="radio"]),select) {
  min-height:var(--tc-u-control)!important;
}
html body.tc-standalone main.tc-main textarea { min-height:96px; resize:vertical; }

/* Password/PIN eye stays inside the field and never becomes a second input. */
html body.tc-standalone :is(.tc-password-field,.tc-input-shell) { position:relative!important; width:100%!important; min-width:0; }
html body.tc-standalone .tc-password-field > input[data-password-input],
html body.tc-standalone .tc-input-shell > input[data-password-input] {
  width:100%!important;
  padding-inline-end:42px!important;
}
html body.tc-standalone .tc-password-toggle {
  position:absolute!important;
  inset-inline-end:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  inline-size:30px!important;
  flex:0 0 30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  block-size:30px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:8px!important;
  z-index:2;
}
html body.tc-standalone .tc-password-toggle[hidden] { display:none!important; }
html body.tc-standalone .tc-password-toggle svg { width:18px!important; height:18px!important; }
html body.tc-standalone .tc-password-toggle:hover { background:rgba(127,127,127,.08)!important; }

/* Search panels: one wide field and compact actions, no corner pile-up. */
html body.tc-standalone main.tc-main :is(.tc-search-panel,.tc-balance-report-actions) {
  width:100%!important;
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:var(--tc-u-space-3)!important;
}
html body.tc-standalone main.tc-main :is(form.tc-unified-search,form.tc-search-form,.tc-unified-search) {
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto auto!important;
  align-items:end!important;
  gap:var(--tc-u-space-2)!important;
  flex:1 1 640px!important;
  width:auto!important;
  min-width:0!important;
}
html body.tc-standalone main.tc-main :is(form.tc-unified-search,form.tc-search-form,.tc-unified-search) .tc-search-field { min-width:0!important; width:100%!important; }
html body.tc-standalone main.tc-main .tc-search-panel-actions,
html body.tc-standalone main.tc-main .tc-export-balances-form { margin:0!important; flex:0 0 auto; }

/* Actions: same height, spacing and semantic priority everywhere. */
html body.tc-standalone main.tc-main :is(.tc-actions,.tc-row-actions,.tc-save-bar,.tc-page-toolbar,.tc-toolbar,.tc-balance-report-actions,.tc-email-monitor-actions,[data-tc-action-group="1"]) {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:var(--tc-u-space-2)!important;
  min-width:0;
}
html body.tc-standalone main.tc-main :is(a.button,button.button,form button[type="submit"],input[type="submit"],input[type="button"]) {
  min-height:var(--tc-u-control)!important;
  height:var(--tc-u-control)!important;
  padding-inline:16px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  white-space:nowrap;
  box-sizing:border-box!important;
}
html body.tc-standalone main.tc-main .tc-row-actions { justify-content:flex-start!important; }
html body.tc-standalone main.tc-main :is(.tc-action-form,.tc-inline-form) {
  display:inline-flex!important;
  align-items:center!important;
  gap:var(--tc-u-space-2)!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main :is(.tc-save-bar,.tc-form-actions,.tc-actions,.tc-row-actions) {
  row-gap:var(--tc-u-space-2)!important;
  column-gap:var(--tc-u-space-2)!important;
}

/* Tables/records: full canvas, consistent padding, no giant blank half. */
html body.tc-standalone main.tc-main .tc-table-wrap {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow-x:auto;
  border-radius:var(--tc-u-radius);
}
html body.tc-standalone main.tc-main table.widefat,
html body.tc-standalone main.tc-main .tc-responsive-table {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
html body.tc-standalone main.tc-main table.widefat th,
html body.tc-standalone main.tc-main table.widefat td {
  padding:12px 14px!important;
  vertical-align:middle!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}
html body.tc-standalone main.tc-main table.widefat th { white-space:nowrap; }
html body.tc-standalone main.tc-main table.widefat td[data-label="الإدارة"],
html body.tc-standalone main.tc-main table.widefat td[data-label="الإجراء"],
html body.tc-standalone main.tc-main table.widefat th:last-child,
html body.tc-standalone main.tc-main table.widefat td:last-child {
  text-align:left!important;
}
html body.tc-standalone main.tc-main .tc-details-button { white-space:nowrap!important; }
html body.tc-standalone main.tc-main table.widefat td:is([data-label="الإدارة"],[data-label="الإجراء"],[data-label="الإجراءات"]) {
  min-width:176px!important;
  width:1%!important;
  white-space:nowrap!important;
}
html body.tc-standalone main.tc-main table.widefat td:is([data-label="الإدارة"],[data-label="الإجراء"],[data-label="الإجراءات"]) > :is(.tc-actions,.tc-row-actions) {
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:var(--tc-u-space-2)!important;
}
html body.tc-standalone main.tc-main table.widefat .tc-status-pill {
  max-width:100%!important;
  min-height:28px!important;
  height:auto!important;
  padding:5px 9px!important;
  line-height:1.35!important;
  white-space:normal!important;
  text-align:center!important;
}
html body.tc-standalone main.tc-main :is(.tc-log-clamp,.tc-cron-task-error) {
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  max-width:38ch!important;
  line-height:1.55!important;
}
html body.tc-standalone main.tc-main .tc-cron-task-table td:first-child { min-width:220px; }
html body.tc-standalone main.tc-main .tc-cron-task-table td[data-label="آخر خطأ"] { width:280px!important; max-width:280px!important; }
html body.tc-standalone main.tc-main .tc-cron-task-table :is(th,td) { padding-block:10px!important; }
html body.tc-standalone main.tc-main .tc-cron-task-table .tc-cron-task-error {
  -webkit-line-clamp:2!important;
  max-width:280px!important;
  max-height:3.1em!important;
}

/* Bulk actions resemble WordPress but obey the panel spacing system. */
html body.tc-standalone main.tc-main .tc-bulk-form {
  display:flex!important;
  align-items:end!important;
  flex-wrap:wrap!important;
  gap:var(--tc-u-space-2)!important;
  margin:0 0 var(--tc-u-space-4)!important;
}
html body.tc-standalone main.tc-main .tc-bulk-form label { min-width:220px; }

/* Balances page: search and CSV share one row when there is space. */
html body.tc-standalone main.tc-main .tc-balance-report-actions > .tc-search-form { flex:1 1 580px!important; }
html body.tc-standalone main.tc-main .tc-balance-report-actions > .tc-export-balances-form { flex:0 0 auto!important; }

/* Purchased numbers and settings. */
html body.tc-standalone main.tc-main :is(.tc-purchased-inventory-card,.tc-account-buyback-settings-card,.tc-buyback-email-settings) { min-width:0; }
html body.tc-standalone main.tc-main .tc-buyback-email-settings { padding-top:var(--tc-u-space-4); border-top:1px solid var(--tc-u-line); }

/* Countries are intentionally not redesigned. Only width, spacing and rendering defects are fixed. */
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table-wrap { width:100%!important; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table { width:100%!important; table-layout:fixed!important; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table col.tc-country-col-name { width:17%; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table col.tc-country-col-dial { width:10%; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table col.tc-country-col-stock { width:11%; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table col.tc-country-col-provider { width:13%; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table col.tc-country-col-sale { width:13%; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table col.tc-country-col-settings { width:36%; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-country-settings-form {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  min-width:0!important;
}
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-country-settings-form > :is(.tc-country-settings-title,.tc-country-alerts,.tc-country-actions-row) { grid-column:1/-1; }
html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-country-fieldbox { min-width:0!important; margin:0!important; }
html body.tc-standalone main.tc-main .tc-pagination {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:var(--tc-u-space-2)!important;
  margin-top:var(--tc-u-space-4)!important;
}
html body.tc-standalone main.tc-main .tc-pagination-status { padding:8px 12px; color:var(--tc-u-muted); }

/* Cron log is a record table, not a wall of text. */
html body.tc-standalone main.tc-main .tc-cron-task-filters {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:var(--tc-u-space-3)!important;
  width:100%!important;
}
html body.tc-standalone main.tc-main .tc-cron-task-table tr { height:auto!important; }

@media (max-width: 900px) {
  html body.tc-standalone main.tc-main :is(form.tc-unified-search,form.tc-search-form,.tc-unified-search) {
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  html body.tc-standalone main.tc-main :is(form.tc-unified-search,form.tc-search-form,.tc-unified-search) .tc-search-field { grid-column:1/-1; }
  html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-country-settings-form { grid-template-columns:1fr!important; }
  html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-country-settings-form > * { grid-column:1!important; }
}

@media (max-width: 782px) {
  html body.tc-standalone main.tc-main .tc-wrap,
  html body.tc-standalone main.tc-main .wrap { gap:var(--tc-u-space-4); }
  html body.tc-standalone main.tc-main :is(.tc-card,.tc-settings-card,.tc-record-log-card) { padding:16px!important; }
  html body.tc-standalone main.tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-auto-form-grid,.tc-checks,.tc-admin-notification-grid,.tc-general-operation-grid,.tc-cron-task-filters) { grid-template-columns:1fr!important; }
  html body.tc-standalone main.tc-main :is(form.tc-unified-search,form.tc-search-form,.tc-unified-search) { grid-template-columns:1fr 1fr!important; width:100%!important; }
  html body.tc-standalone main.tc-main :is(form.tc-unified-search,form.tc-search-form,.tc-unified-search) .tc-search-field { grid-column:1/-1; }
  html body.tc-standalone main.tc-main :is(.tc-actions,.tc-row-actions,.tc-save-bar,[data-tc-action-group="1"]) { width:100%!important; }
  html body.tc-standalone main.tc-main :is(.tc-actions,.tc-row-actions,.tc-save-bar,[data-tc-action-group="1"]) > :is(a.button,button.button,form) { flex:1 1 145px; }
  html body.tc-standalone main.tc-main :is(.tc-actions,.tc-row-actions,.tc-save-bar,[data-tc-action-group="1"]) > form > button { width:100%!important; }
  html body.tc-standalone main.tc-main table.widefat td:is([data-label="الإدارة"],[data-label="الإجراء"],[data-label="الإجراءات"]) {
    width:auto!important;
    min-width:0!important;
    white-space:normal!important;
  }
  html body.tc-standalone main.tc-main table.widefat td:is([data-label="الإدارة"],[data-label="الإجراء"],[data-label="الإجراءات"]) > :is(.tc-actions,.tc-row-actions) {
    flex-wrap:wrap!important;
  }
  /* Existing responsive-table card conversion remains authoritative on mobile. */
  html body.tc-standalone[data-admin-page="telecode-countries"] main.tc-main .tc-countries-table { table-layout:auto!important; }
}


/* Section 2: managed account security + standalone cron log */
.tc-checkbox-card.is-locked-setting{opacity:.9;cursor:default}
.tc-checkbox-card.is-locked-setting input{pointer-events:none}
.tc-buyback-email-settings{margin-block-start:var(--tc-space-5)}
.tc-email-monitor-actions{margin-block-start:var(--tc-space-3)}
.tc-cron-task-log-card{width:100%;max-width:none}
.tc-cron-task-table .tc-cron-task-error{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:34rem;white-space:normal;overflow-wrap:anywhere}
.tc-cron-tasks-link{margin-block-start:var(--tc-space-4);padding-block-start:var(--tc-space-4);border-top:1px solid var(--tc-border,#dcdcde)}


/* Telegram sessions: the lower navigation and action area must remain reachable. */
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main :is(.tc-session-worker-config-card,.tc-session-add-card) {
  overflow:visible!important;
}
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-form-stack {
  display:flex!important;
  flex-direction:column!important;
  gap:var(--tc-u-space-4)!important;
  min-width:0!important;
}
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main td[data-label="الإجراء"] {
  min-width:320px!important;
  width:1%!important;
}
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main td[data-label="الإجراء"] > .tc-actions {
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:var(--tc-u-space-2)!important;
}
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-session-inline-entry {
  display:grid!important;
  grid-template-columns:minmax(150px,220px) auto!important;
  align-items:center!important;
  gap:var(--tc-u-space-2)!important;
  min-width:0!important;
}
html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-session-inline-entry > input {
  min-width:0!important;
  width:100%!important;
}
@media (max-width:782px) {
  html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main td[data-label="الإجراء"] {
    width:auto!important;
    min-width:0!important;
  }
  html body.tc-standalone[data-admin-page="telecode-sessions"] main.tc-main .tc-session-inline-entry {
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
}

/* ========================================================================== 
   v3.3.9 / Point 5 — root spacing contract
   Scope is spacing/distribution only. Colors, business logic and page content
   are intentionally untouched. The countries page keeps its established
   layout; it is excluded from the broad normalization below.
   ========================================================================== */
html body.tc-standalone[data-admin-page] {
  --tc-root-page-gap: 24px;
  --tc-root-card-gap: 18px;
  --tc-root-grid-gap: 16px;
  --tc-root-field-gap: 8px;
  --tc-root-action-gap: 10px;
  --tc-root-section-gap: 16px;
  --tc-root-mobile-gap: 12px;
}

/* One vertical rhythm for the page canvas. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main > .tc-wrap,
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main > .wrap {
  gap: var(--tc-root-page-gap) !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main > :is(.tc-wrap,.wrap) > * {
  margin-block: 0 !important;
}

/* Cards never glue their first-level sections together. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-card,.tc-settings-card,.tc-record-log-card,.tc-list-card) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-card,.tc-settings-card,.tc-record-log-card,.tc-list-card) > * + * {
  margin-block-start: var(--tc-root-card-gap) !important;
}

/* Section headers and toolbars have a predictable gap instead of edge piles. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-section-head,.tc-page-toolbar,.tc-card-header,.tc-toolbar) {
  row-gap: var(--tc-root-section-gap) !important;
  column-gap: var(--tc-root-section-gap) !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-section-head,.tc-page-toolbar,.tc-card-header,.tc-toolbar) > * {
  margin: 0 !important;
  min-width: 0 !important;
}

/* Form grids: field-to-field and label-to-control spacing is centralized. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-auto-form-grid,.tc-detail-grid,.tc-gateway-grid,.tc-payment-review-grid) {
  gap: var(--tc-root-grid-gap) !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-auto-form-grid,.tc-detail-grid,.tc-gateway-grid,.tc-payment-review-grid)
> :is(label,.tc-field,.tc-layout-field,.tc-layout-choice) {
  gap: var(--tc-root-field-gap) !important;
  margin: 0 !important;
  min-width: 0 !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(label,.tc-field) > span:first-child {
  margin-block: 0 var(--tc-root-field-gap) !important;
}

/* Option/switch groups use the same breathing room as fields. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-checks,.tc-checkbox-grid,.tc-admin-notification-grid,.tc-general-operation-grid,.tc-country-alerts-grid,.tc-gateway-switches) {
  gap: var(--tc-root-grid-gap) !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-checkbox-card,.tc-switch-line,.tc-checks > label,.tc-checkbox-grid > label,.tc-gateway-switches > label) {
  gap: var(--tc-root-field-gap) !important;
  margin: 0 !important;
}

/* Every action family has an actual gap, including nested forms. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,.tc-page-toolbar,.tc-toolbar,.tc-search-panel-actions,.tc-email-monitor-actions,.tc-destination-actions,[data-tc-action-group="1"]) {
  row-gap: var(--tc-root-action-gap) !important;
  column-gap: var(--tc-root-action-gap) !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,.tc-page-toolbar,.tc-toolbar,.tc-search-panel-actions,.tc-email-monitor-actions,.tc-destination-actions,[data-tc-action-group="1"]) > * {
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(form.tc-inline-form,form.tc-action-form,.tc-inline-form,.tc-action-form) {
  gap: var(--tc-root-action-gap) !important;
  margin: 0 !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(form.tc-inline-form,form.tc-action-form,.tc-inline-form,.tc-action-form) > * {
  margin: 0 !important;
}

/* Search/bulk controls must not touch adjacent actions. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-search-panel,.tc-balance-report-actions,.tc-bulk-form,.tc-cron-task-filters) {
  gap: var(--tc-root-grid-gap) !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(form.tc-unified-search,form.tc-search-form,.tc-unified-search) {
  gap: var(--tc-root-action-gap) !important;
}

/* Tables/logs get separation from the controls above/below without changing columns. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-table-wrap,.tc-log-table-wrap,.tc-automation-table-wrap) + :is(.tc-pagination,.tc-actions,.tc-save-bar,.tc-note) {
  margin-block-start: var(--tc-root-section-gap) !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-pagination,.tc-actions,.tc-save-bar,.tc-note) + :is(.tc-table-wrap,.tc-log-table-wrap,.tc-automation-table-wrap) {
  margin-block-start: var(--tc-root-section-gap) !important;
}

/* Tablet/phone: retain spacing while allowing controls to wrap naturally. */
@media (max-width: 782px) {
  html body.tc-standalone[data-admin-page] {
    --tc-root-page-gap: 18px;
    --tc-root-card-gap: 16px;
    --tc-root-grid-gap: 14px;
    --tc-root-section-gap: 14px;
    --tc-root-action-gap: 10px;
  }
  html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
  main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,[data-tc-action-group="1"]) {
    align-items: stretch !important;
  }
  html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
  main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,[data-tc-action-group="1"]) > :is(a.button,button.button,form) {
    flex: 1 1 150px !important;
    min-width: 0 !important;
  }
  html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
  main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,[data-tc-action-group="1"]) > form > :is(button,.button,input[type="submit"]) {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  html body.tc-standalone[data-admin-page] {
    --tc-root-page-gap: 16px;
    --tc-root-card-gap: 14px;
    --tc-root-grid-gap: 12px;
    --tc-root-section-gap: 12px;
  }
  html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
  main.tc-main :is(.tc-actions,.tc-row-actions,.tc-form-actions,.tc-save-bar,[data-tc-action-group="1"]) > :is(a.button,button.button,form) {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* Remaining shared action containers participate in the same spacing contract. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(
  .tc-confirm-actions,.tc-connection-actions,.tc-dashboard-actions,.tc-modal-actions,
  .tc-plugin-actions,.tc-plugin-hero-actions,.tc-record-actions,.tc-referral-actions,
  .tc-referral-details-actions,.tc-session-worker-actions
) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  row-gap: var(--tc-root-action-gap) !important;
  column-gap: var(--tc-root-action-gap) !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(
  .tc-confirm-actions,.tc-connection-actions,.tc-dashboard-actions,.tc-modal-actions,
  .tc-plugin-actions,.tc-plugin-hero-actions,.tc-record-actions,.tc-referral-actions,
  .tc-referral-details-actions,.tc-session-worker-actions
) > * {
  margin: 0 !important;
}

/* Inline field + action combinations keep a real gap and do not collapse. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(form.tc-inline-form,form.tc-action-form,.tc-inline-form,.tc-action-form)
> :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  flex: 1 1 180px !important;
  width: auto !important;
  min-width: 0 !important;
}
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(form.tc-inline-form,form.tc-action-form,.tc-inline-form,.tc-action-form)
> :is(button,.button,input[type="submit"],input[type="button"]) {
  flex: 0 0 auto !important;
}

/* Explicit stacks also share the root vertical rhythm. */
html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
main.tc-main :is(.tc-form-stack,.tc-withdrawal-form-stack,.tc-session-worker-fields,.tc-session-add-fields) {
  row-gap: var(--tc-root-grid-gap) !important;
  column-gap: var(--tc-root-grid-gap) !important;
}

@media (max-width: 480px) {
  html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
  main.tc-main :is(form.tc-inline-form,form.tc-action-form,.tc-inline-form,.tc-action-form) {
    width: 100% !important;
  }
  html body.tc-standalone[data-admin-page]:not([data-admin-page="telecode-countries"])
  main.tc-main :is(form.tc-inline-form,form.tc-action-form,.tc-inline-form,.tc-action-form) > * {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* v3.3.6 ALL15 / Point 8 — one bulk-actions component everywhere. */
html body.tc-standalone main.tc-main .tc-bulk-form{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  row-gap:var(--tc-root-action-gap,10px)!important;
  column-gap:var(--tc-root-action-gap,10px)!important;
}
html body.tc-standalone main.tc-main .tc-bulk-form>label{
  flex:1 1 260px!important;
  min-width:220px!important;
  max-width:420px!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main .tc-bulk-form>label>select{
  width:100%!important;
  min-height:var(--tc-u-control,46px)!important;
  height:var(--tc-u-control,46px)!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main .tc-bulk-form>button{
  flex:0 0 auto!important;
  min-height:var(--tc-u-control,46px)!important;
  height:var(--tc-u-control,46px)!important;
  margin:0!important;
}
@media(max-width:480px){
  html body.tc-standalone main.tc-main .tc-bulk-form>label,
  html body.tc-standalone main.tc-main .tc-bulk-form>button{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* v3.3.6 ALL15 / Point 9 — payment gateways share one visual/control contract. */
html body.tc-standalone main.tc-main :is(.tc-external-gateway-card,.tc-retired-payment-gateway-card){
  display:flex!important;
  flex-direction:column!important;
  gap:var(--tc-root-card-gap,18px)!important;
  min-width:0!important;
}
html body.tc-standalone main.tc-main .tc-external-gateway-card>.tc-section-head,
html body.tc-standalone main.tc-main .tc-retired-payment-gateway-card .tc-section-head{
  margin:0!important;
  gap:var(--tc-root-section-gap,16px)!important;
  align-items:center!important;
}
html body.tc-standalone main.tc-main .tc-external-gateway-card>.tc-form-grid,
html body.tc-standalone main.tc-main .tc-retired-payment-gateway-card .tc-form-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important;
  gap:var(--tc-root-grid-gap,16px)!important;
  width:100%!important;
}
html body.tc-standalone main.tc-main .tc-external-gateway-card .tc-full{
  grid-column:1/-1!important;
  min-width:0!important;
}
html body.tc-standalone main.tc-main .tc-external-gateway-card :is(input,select,textarea),
html body.tc-standalone main.tc-main .tc-retired-payment-gateway-card :is(input,select,textarea){
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body.tc-standalone main.tc-main .tc-external-gateway-card .tc-gateway-visibility,
html body.tc-standalone main.tc-main .tc-retired-payment-gateway-card .tc-gateway-visibility{
  margin:0!important;
}
html body.tc-standalone main.tc-main .tc-external-gateway-card :is(.tc-checks,.tc-gateway-switches),
html body.tc-standalone main.tc-main .tc-retired-payment-gateway-card :is(.tc-checks,.tc-gateway-switches){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important;
  gap:var(--tc-root-grid-gap,16px)!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main .tc-external-gateway-card input[readonly][type="text"]{
  width:100%!important;
  direction:ltr!important;
}
@media(max-width:480px){
  html body.tc-standalone main.tc-main .tc-external-gateway-card>.tc-form-grid,
  html body.tc-standalone main.tc-main .tc-retired-payment-gateway-card .tc-form-grid,
  html body.tc-standalone main.tc-main .tc-external-gateway-card :is(.tc-checks,.tc-gateway-switches),
  html body.tc-standalone main.tc-main .tc-retired-payment-gateway-card :is(.tc-checks,.tc-gateway-switches){grid-template-columns:1fr!important;}
}


/* v3.3.6 ALL15 / Point 10 — customer, balance and profile layout uses the shared root system. */
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-management-grid {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))!important;
  gap:var(--tc-u-section-gap,18px)!important;
  width:100%!important;
  min-width:0!important;
  align-items:start!important;
}
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-profile-card-wide {
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
}
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-form {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--tc-u-grid-gap,14px)!important;
  width:100%!important;
  min-width:0!important;
  align-items:end!important;
}
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-form > :is(label,.tc-field,.tc-checkbox-card,.tc-pin-field) {
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-form .tc-customer-balance-note,
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-form .tc-customer-balance-notify,
html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-form .tc-customer-balance-submit {
  grid-column:1/-1!important;
}
html body.tc-standalone main.tc-main :is(.tc-customer-management-search,.tc-customer-unified-search,.tc-balance-report-actions) {
  width:100%!important;
  min-width:0!important;
  margin-inline:0!important;
}
html body.tc-standalone main.tc-main :is(.tc-customer-management-search,.tc-customer-unified-search,.tc-balance-report-actions) :is(form,.tc-search,.tc-search-form) {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:var(--tc-u-action-gap,10px)!important;
  width:100%!important;
  min-width:0!important;
  align-items:end!important;
  justify-content:flex-start!important;
}
html body.tc-standalone main.tc-main :is(.tc-customer-management-search,.tc-customer-unified-search,.tc-balance-report-actions) .tc-search-field {
  flex:1 1 320px!important;
  min-width:min(240px,100%)!important;
  margin:0!important;
}
html body.tc-standalone main.tc-main :is(.tc-customer-management-search,.tc-customer-unified-search,.tc-balance-report-actions) .button {
  flex:0 0 auto!important;
  margin:0!important;
}
@media (max-width:720px) {
  html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-form {grid-template-columns:1fr!important;}
  html body.tc-standalone[data-admin-page="telecode-users"] main.tc-main .tc-customer-balance-form > * {grid-column:1!important;}
  html body.tc-standalone main.tc-main :is(.tc-customer-management-search,.tc-customer-unified-search,.tc-balance-report-actions) :is(.tc-search-field,.button,.tc-export-balances-form) {width:100%!important;max-width:none!important;flex-basis:100%!important;}
  html body.tc-standalone main.tc-main :is(.tc-customer-management-search,.tc-customer-unified-search,.tc-balance-report-actions) .button {display:flex!important;justify-content:center!important;}
}


/* v3.3.6 ALL15 / Point 13 — bot text groups reuse the same accordion as provider logs. */
html body.tc-standalone main.tc-main .tc-bot-text-panel {
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body.tc-standalone main.tc-main .tc-bot-text-panel > summary {
  min-height:58px!important;
  padding:14px 16px!important;
  gap:12px!important;
  cursor:pointer!important;
}
html body.tc-standalone main.tc-main .tc-bot-text-panel > .tc-provider-panel-body {
  padding:16px!important;
  border-top:1px solid var(--tc-color-border)!important;
}
html body.tc-standalone main.tc-main :is(.tc-template-sections,.tc-text-catalog) {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:var(--tc-root-section-gap,16px)!important;
}

/* One table/log shell across the panel, including the dedicated cron-task log. */
html body.tc-standalone main.tc-main :is(.tc-table-wrap,.tc-log-table-wrap,.tc-cron-task-table-wrap) {
  width:100%!important;
  min-width:0!important;
  border:1px solid var(--tc-color-border)!important;
  border-radius:var(--tc-radius-lg)!important;
  background:var(--tc-color-surface)!important;
  overflow:auto!important;
}
html body.tc-standalone main.tc-main :is(table.widefat,.tc-responsive-table,.tc-cron-task-table) {
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
html body.tc-standalone main.tc-main :is(table.widefat,.tc-responsive-table,.tc-cron-task-table) thead th {
  padding:12px 14px!important;
  background:var(--tc-color-surface-subtle)!important;
  border-bottom:1px solid var(--tc-color-border)!important;
  color:var(--tc-color-muted-strong)!important;
  font-weight:800!important;
  vertical-align:middle!important;
}
html body.tc-standalone main.tc-main :is(table.widefat,.tc-responsive-table,.tc-cron-task-table) tbody td {
  padding:12px 14px!important;
  border-bottom:1px solid var(--tc-color-border)!important;
  vertical-align:middle!important;
}
html body.tc-standalone main.tc-main :is(table.widefat,.tc-responsive-table,.tc-cron-task-table) tbody tr:last-child td {border-bottom:0!important;}
html body.tc-standalone main.tc-main .tc-cron-task-log-card {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
html body.tc-standalone main.tc-main .tc-cron-task-filters {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:var(--tc-root-grid-gap,14px)!important;
  margin-block-end:var(--tc-root-section-gap,16px)!important;
}
@media (max-width:900px){html body.tc-standalone main.tc-main .tc-cron-task-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:600px){
  html body.tc-standalone main.tc-main .tc-cron-task-filters{grid-template-columns:1fr!important;}
  html body.tc-standalone main.tc-main .tc-bot-text-panel > summary{padding:12px 13px!important;}
  html body.tc-standalone main.tc-main .tc-bot-text-panel > .tc-provider-panel-body{padding:13px!important;}
}

/* v3.3.6 ALL15 / Point 6 final mobile precedence — the eye is an icon control, never a full touch button. */
@media (max-width:720px) {
  html body.tc-standalone[data-admin-page] main.tc-main button.tc-password-toggle[data-password-toggle] {
    inset-inline-start:auto!important;
    inset-inline-end:6px!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    inline-size:30px!important;
    flex:0 0 30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    block-size:30px!important;
    padding:0!important;
    margin:0!important;
  }
}

/* Final color contract: every ordinary panel action uses the Search button. */
html body.tc-standalone[data-admin-page] main.tc-main :is(
  a.button,
  button.button,
  input.button[type="submit"],
  input.button[type="button"],
  form button[type="submit"]
):not(.button-danger):not(.button-link-delete):not(.tc-danger-button):not(.button-logout):not(.tc-password-toggle):not(.tc-icon-button):not(.tc-modal-close):not(.tc-iso-picker-button):not(.tc-chat-send-button):not(.tc-gift-action-control):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close) {
  border-color:var(--tc-color-primary)!important;
  background:var(--tc-color-primary)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(
  a.button,
  button.button,
  input.button[type="submit"],
  input.button[type="button"],
  form button[type="submit"]
):not(.button-danger):not(.button-link-delete):not(.tc-danger-button):not(.button-logout):not(.tc-password-toggle):not(.tc-icon-button):not(.tc-modal-close):not(.tc-iso-picker-button):not(.tc-chat-send-button):not(.tc-gift-action-control):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close):is(:hover,:focus-visible,:active) {
  border-color:var(--tc-color-primary-hover)!important;
  background:var(--tc-color-primary-hover)!important;
  color:#fff!important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(button,input[type="submit"],input[type="button"]):disabled {
  border-color:var(--tc-color-disabled-border)!important;
  background:var(--tc-color-disabled-bg)!important;
  color:var(--tc-color-disabled-text)!important;
}


/* DigiPass 4.0.0: stable icon geometry across every administration screen. */
svg.tc-icon{display:inline-block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex:0 0 20px!important;vertical-align:middle;overflow:visible}
.tc-nav-link-icon,.tc-input-icon,.tc-account-icon,.tc-health-link,.tc-sidebar-footer,.tc-login-security,.tc-user-dropdown a,.tc-user-dropdown button,.button{align-items:center}
.tc-nav-link-icon,.tc-input-icon,.tc-account-icon{display:inline-flex;justify-content:center;flex:0 0 auto}
.tc-sidebar-footer{display:flex;gap:9px;align-items:center}.tc-sidebar-footer svg.tc-icon{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex-basis:18px!important}
.tc-login-security{display:flex;justify-content:center;gap:7px}.tc-login-security svg.tc-icon{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:16px!important}
.tc-nav-link-icon svg.tc-icon,.tc-input-icon svg.tc-icon,.tc-health-link svg.tc-icon,.tc-user-dropdown svg.tc-icon,.button svg.tc-icon{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex-basis:18px!important}
.tc-account-icon svg.tc-icon{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;max-height:22px!important;flex-basis:22px!important}
.tc-icon-button svg.tc-icon,.tc-password-toggle svg.tc-icon{width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;min-height:19px!important;max-height:19px!important;flex-basis:19px!important}

/* DigiPass 4.2.3 — layout helpers for DigiPass-only screens.
   Generic TeleCode cards, headings, forms, tables and stats are intentionally
   not overridden here so the administration keeps the TeleCode visual system. */
.tc-text-toolbar,.tc-filter-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) auto;gap:12px;align-items:center;margin:0 0 18px}
.tc-text-toolbar input,.tc-text-toolbar select,.tc-filter-row input,.tc-filter-row select{width:100%;min-height:42px}
.tc-text-group{margin:0 0 24px}
.tc-text-group>h3{margin:0 0 12px}
.tc-text-grid{display:grid;gap:12px}
.tc-text-row{display:grid;grid-template-columns:minmax(150px,220px) repeat(2,minmax(260px,1fr));gap:12px;align-items:start}
.tc-text-row textarea{width:100%;min-height:90px;resize:vertical}
.tc-text-key{display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
.tc-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px}
.tc-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tc-three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tc-fieldset{grid-column:1/-1;border:1px solid var(--tc-color-border,#e2e8f0);border-radius:12px;padding:12px;display:flex;flex-wrap:wrap;gap:12px}
.tc-fieldset legend{padding:0 8px;font-weight:700}
.tc-field-wide{grid-column:1/-1}
.tc-profile-head{display:grid;grid-template-columns:minmax(220px,1fr) minmax(460px,2fr);gap:20px;align-items:start;margin-bottom:18px}
.tc-profile-head h2{margin:0 0 5px}
.tc-profile-head p{margin:0;color:var(--tc-color-muted,#2f7b79)}
@media(max-width:900px){.tc-text-row{grid-template-columns:1fr}.tc-two-columns,.tc-three-columns,.tc-profile-head{grid-template-columns:1fr}.tc-text-toolbar,.tc-filter-row{grid-template-columns:1fr}.tc-field-wide{grid-column:1}}

/* DigiPass integrated suite */
.gk-suite-admin .tc-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}
.gk-suite-admin .tc-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:8px}
.gk-suite-admin .tc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.gk-suite-admin .tc-field{display:flex;flex-direction:column;gap:7px}
.gk-suite-admin .tc-field>span{font-weight:700}.gk-suite-admin .tc-field small{opacity:.72}
.gk-suite-admin .tc-field-wide{grid-column:1/-1}.gk-suite-admin .tc-table-wrap{overflow:auto;margin-top:20px}
@media(max-width:850px){.gk-suite-admin .tc-form-grid{grid-template-columns:1fr}}

/* DigiPass 4.2 dashboard: functional navigation cards. */
.tc-card-link{display:block;text-decoration:none;color:inherit;border-radius:14px;padding:16px;min-height:94px;background:var(--tc-surface,#fff);border:1px solid var(--tc-border,#e6e8ee);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tc-card-link:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,23,42,.08);border-color:var(--tc-primary,#2f7b79)}.tc-card-link strong{display:block;margin-bottom:6px}.tc-card-link p{margin:0;color:var(--tc-muted,#2f7b79)}


/* DigiPass 4.2.3 — Arabic-only administration and compact login. */
body.tc-login-page .tc-login-language,
body.tc-standalone .tc-user-language {display:none!important;}
body.tc-login-page .tc-login-card {width:min(100%,520px)!important;padding:36px 38px!important;}
body.tc-login-page .tc-login-brand {margin:0 0 24px!important;}
body.tc-login-page .tc-login-intro {margin-bottom:24px!important;}
body.tc-login-page .tc-login-intro h1 {font-size:clamp(30px,4vw,38px)!important;}
body.tc-login-page .tc-login-intro p {margin-top:8px!important;}
body.tc-login-page .tc-login-security {margin-top:20px!important;}
@media(max-width:560px){body.tc-login-page .tc-login-card{padding:26px 20px!important;border-radius:22px!important;}}

/* DigiPass 4.2.3 — compact Arabic administration. */
:root{
  --tc-sidebar-width:252px;
  --tc-color-sidebar:#2e5b5a;
  --tc-color-sidebar-soft:#376a68;
  --tc-color-sidebar-deep:#244b4a;
  --tc-color-canvas:#f4f6f6;
  --tc-color-primary:#2f7b79;
  --tc-color-primary-hover:#286a68;
  --tc-color-primary-soft:#e8f2f1;
  --tc-color-border:#e2e8e7;
  --tc-shadow-sm:0 2px 10px rgba(26,62,61,.035);
  --tc-shadow-md:0 6px 22px rgba(26,62,61,.055);
}
html.tc-unified-sidebar[dir="rtl"] body.tc-standalone{background:var(--tc-color-canvas)!important;}
html.tc-unified-sidebar[dir="rtl"] .tc-sidebar{
  position:fixed!important;inset-block:0!important;inset-inline-end:0!important;inset-inline-start:auto!important;
  width:var(--tc-sidebar-width)!important;background:var(--tc-color-sidebar)!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;color:#fff!important;z-index:80!important;
}
.tc-sidebar-brand{min-height:78px!important;padding:16px 18px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:transparent!important;}
.tc-sidebar-brand .tc-brand-mark{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important;}
.tc-sidebar-brand strong,.tc-sidebar-brand small{color:#fff!important}.tc-sidebar-brand small{opacity:.72!important}
.tc-sidebar-scroll{padding:12px 10px 22px!important}.tc-sidebar-nav{gap:12px!important}
.tc-nav-section{margin:0!important}.tc-nav-section-title{padding:6px 12px!important;color:rgba(255,255,255,.55)!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;}
.tc-nav-items{gap:3px!important}.tc-nav-link{min-height:40px!important;padding:9px 11px!important;border-radius:8px!important;color:rgba(255,255,255,.82)!important;background:transparent!important;border:0!important;font-size:13px!important;box-shadow:none!important;}
.tc-nav-link:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.tc-nav-link.is-active{background:rgba(255,255,255,.14)!important;color:#fff!important;font-weight:800!important;}
.tc-nav-link-icon{width:22px!important;color:currentColor!important;opacity:.9!important}.tc-nav-link-icon svg.tc-icon{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;min-height:17px!important;max-height:17px!important;}
html.tc-unified-sidebar[dir="rtl"] .tc-app{margin-inline-end:var(--tc-sidebar-width)!important;margin-inline-start:0!important;width:calc(100% - var(--tc-sidebar-width))!important;min-height:100vh!important;background:var(--tc-color-canvas)!important;}
.tc-topbar{height:64px!important;min-height:64px!important;padding:0 26px!important;background:#fff!important;border-bottom:1px solid var(--tc-color-border)!important;box-shadow:none!important;}
.tc-page-heading h1{font-size:18px!important;font-weight:800!important;color:#1e2d2d!important;}.tc-page-heading p{display:none!important}
.tc-main-scroll{background:var(--tc-color-canvas)!important}.tc-main{max-width:none!important;padding:24px 28px 40px!important;margin:0!important;}
.tc-main .tc-card,.tc-main .tc-stat,.gk-suite-admin .tc-card{border:1px solid var(--tc-color-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--tc-shadow-sm)!important;}
.tc-main .tc-stat{min-height:104px!important;padding:18px!important}.tc-main .tc-stat strong{font-size:24px!important}.tc-main .tc-stat span{font-size:12px!important;color:#73807f!important}
.tc-stat-grid,.tc-main .tc-stats,.tc-main .tc-mini-stats{gap:12px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.gk-suite-admin .tc-form-grid{gap:13px!important}.gk-suite-admin .tc-field>span,.tc-main label{font-size:12px!important;font-weight:700!important;color:#344443!important}
.tc-main input[type="text"],.tc-main input[type="password"],.tc-main input[type="number"],.tc-main input[type="url"],.tc-main input[type="email"],.tc-main select,.tc-main textarea{border-radius:8px!important;border-color:#dce4e3!important;background:#fff!important;box-shadow:none!important;}
.tc-main table{border-radius:10px!important;overflow:hidden!important}.tc-main table thead th{background:#f7f9f9!important;color:#536160!important}.tc-main table tbody td{background:#fff!important}
.tc-user-menu summary{background:transparent!important;border:0!important;box-shadow:none!important}.tc-user-copy small{display:none!important}
.tc-card-link,.tc-copy-row{display:none!important}

/* Human check and payment share one compact Mini App visual system. */
body.tc-human-check-page,body.tc-payment-page{margin:0!important;background:#f4f6f6!important;color:#1d2d2c!important;min-height:100vh!important;}
body.tc-human-check-page .tc-login-layout,body.tc-payment-page .tc-login-layout{min-height:100vh!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f4f6f6!important;}
body.tc-human-check-page .tc-login-card,body.tc-payment-page .tc-login-card{width:min(100%,430px)!important;padding:24px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e1e8e7!important;box-shadow:0 10px 30px rgba(26,62,61,.07)!important;}
body.tc-human-check-page .tc-human-visual,body.tc-human-check-page .tc-human-success-visual{display:none!important}
body.tc-human-check-page .tc-login-intro,body.tc-payment-page .tc-login-intro{margin:0 0 18px!important;text-align:right!important;}
body.tc-human-check-page .tc-login-intro h1,body.tc-payment-page .tc-login-intro h1{margin:0!important;font-size:25px!important;line-height:1.5!important;color:#203331!important;}
body.tc-human-check-page .tc-login-intro p,body.tc-payment-page .tc-login-intro p{margin:6px 0 0!important;color:#71807f!important;font-size:13px!important;}
.tc-human-code-text{margin:0 0 14px!important;padding:12px 14px!important;border-radius:10px!important;background:#f2f7f6!important;border:1px solid #dce9e7!important;text-align:center!important;font-size:20px!important;font-weight:800!important;letter-spacing:.08em!important;color:#244f4e!important;}
body.tc-human-check-page .tc-login-form,body.tc-payment-page .tc-login-form{gap:13px!important}.tc-human-code-input,body.tc-payment-page input[type="number"]{height:48px!important;border-radius:10px!important;background:#fff!important;border:1px solid #d7e1e0!important;box-shadow:none!important;}
body.tc-human-check-page .tc-login-button,body.tc-payment-page .tc-login-button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:48px!important;border-radius:10px!important;border:0!important;background:#2f7b79!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;box-shadow:none!important;}
body.tc-human-check-page .tc-login-button:hover,body.tc-payment-page .tc-login-button:hover{background:#286a68!important;color:#fff!important;}
.tc-payment-methods{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:2px 0 4px!important}.tc-payment-method{display:block!important;position:relative!important;cursor:pointer!important}.tc-payment-method input{position:absolute!important;opacity:0!important;pointer-events:none!important}.tc-payment-method span{display:flex!important;align-items:center!important;min-height:46px!important;padding:10px 13px!important;border:1px solid #dce5e4!important;border-radius:10px!important;background:#fff!important;font-weight:700!important;color:#344443!important;transition:.15s ease!important}.tc-payment-method input:checked+span{border-color:#2f7b79!important;background:#edf5f4!important;color:#245e5c!important;box-shadow:0 0 0 2px rgba(47,123,121,.09)!important}
.tc-payment-invoice{display:grid!important;gap:9px!important;margin:0 0 15px!important}.tc-payment-invoice>div{display:grid!important;gap:5px!important;padding:11px 12px!important;border-radius:10px!important;background:#f7f9f9!important;border:1px solid #e2e8e7!important}.tc-payment-invoice span{font-size:11px!important;color:#788684!important}.tc-payment-invoice strong,.tc-payment-invoice code{font-size:13px!important;color:#203331!important;overflow-wrap:anywhere!important;white-space:normal!important}.tc-payment-success,.tc-payment-empty{padding:18px!important;border-radius:12px!important;background:#f0f7f5!important;border:1px solid #d7e8e4!important;text-align:center!important}.tc-payment-success strong{display:block!important;font-size:26px!important;color:#24665f!important}.tc-payment-success span{display:block!important;margin-top:4px!important;font-size:12px!important;color:#667775!important}.tc-payment-link{margin-top:12px!important}.tc-payment-form label>span{display:block!important;margin-bottom:6px!important;font-size:12px!important;font-weight:700!important}
@media(max-width:900px){.tc-stat-grid,.tc-main .tc-stats,.tc-main .tc-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){html.tc-unified-sidebar[dir="rtl"] .tc-app{margin-inline-end:0!important;width:100%!important}.tc-sidebar{transform:translateX(105%)!important}.tc-sidebar.is-open{transform:translateX(0)!important}.tc-main{padding:16px 12px 30px!important}.tc-topbar{padding:0 14px!important}.tc-stat-grid,.tc-main .tc-stats,.tc-main .tc-mini-stats{grid-template-columns:1fr!important}}


/* DigiPass 4.2.3 final panel contract — sidebar is the only navigation surface. */
html body.tc-standalone main.tc-main :is(.description,.tc-description,.tc-help,.tc-hint,.tc-helper,.tc-plugin-kicker,.tc-plugin-guidance){display:none!important;}
html body.tc-standalone main.tc-main .tc-section-head p,
html body.tc-standalone main.tc-main .tc-plugin-hero p,
html body.tc-standalone main.tc-main .tc-plugin-toolbar p{display:none!important;}
html body.tc-standalone main.tc-main .tc-plugin-hero{min-height:auto!important;grid-template-columns:1fr!important;}
html body.tc-standalone main.tc-main .tc-plugin-hero-copy{max-width:none!important;}
html body.tc-standalone main.tc-main .tc-copy-row{display:none!important;}

/* DigiPass 4.3.0 — unified teal admin surface. */
:root{
  --tc-color-canvas:#f5f7f7!important;
  --tc-color-primary:#2f7b79!important;
  --tc-color-primary-hover:#286a68!important;
  --tc-color-primary-active:#215b59!important;
  --tc-color-primary-soft:#eef6f5!important;
  --tc-color-sidebar:#285f5e!important;
  --tc-color-sidebar-soft:#347573!important;
  --tc-color-sidebar-deep:#214f4e!important;
  --tc-primary:#2f7b79!important;
  --tc-primary-dark:#286a68!important;
  --tc-primary-soft:#eef6f5!important;
  --tc-sidebar:#285f5e!important;
  --tc-sidebar-soft:#347573!important;
}
#tc-sidebar.tc-sidebar{background:#285f5e!important;background-image:none!important;color:#fff!important;}
#tc-sidebar .tc-sidebar-brand{background:transparent!important;border-color:rgba(255,255,255,.10)!important;}
#tc-sidebar .tc-brand-mark{background:#347573!important;background-image:none!important;color:#fff!important;box-shadow:none!important;}
#tc-sidebar .tc-nav-group>summary,#tc-sidebar .tc-nav-link{color:#e3efee!important;}
#tc-sidebar .tc-nav-group>summary:hover,#tc-sidebar .tc-nav-link:hover{background:#347573!important;color:#fff!important;}
#tc-sidebar .tc-nav-link.is-active,#tc-sidebar .tc-nav-group.is-current>summary{background:#3a807d!important;color:#fff!important;box-shadow:none!important;}
.tc-main .button-primary,.tc-main button.button-primary,.tc-main input[type="submit"].button-primary,.gk-suite-admin .button-primary{background:#2f7b79!important;border-color:#2f7b79!important;color:#fff!important;box-shadow:none!important;}
.tc-main .button-primary:hover,.tc-main button.button-primary:hover,.gk-suite-admin .button-primary:hover{background:#286a68!important;border-color:#286a68!important;color:#fff!important;}
.tc-main input:focus,.tc-main select:focus,.tc-main textarea:focus{border-color:#2f7b79!important;box-shadow:0 0 0 3px rgba(47,123,121,.12)!important;outline:0!important;}
.tc-payment-switcher input:checked+span,.tc-payment-method input:checked+span{border-color:#2f7b79!important;background:#eef6f5!important;color:#286a68!important;box-shadow:0 0 0 2px rgba(47,123,121,.09)!important;}
.tc-external-gateways{display:grid!important;gap:14px!important;}
.tc-external-gateway-card{overflow:hidden!important;}
.tc-gateway-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:12px!important;margin-bottom:14px!important;border-bottom:1px solid #dce6e5!important;}
.tc-gateway-card-head h3{margin:0!important;color:#203331!important;}
body.tc-human-check-page,body.tc-payment-page{background:#f5f7f7!important;color:#213432!important;}
body.tc-human-check-page .tc-login-layout,body.tc-payment-page .tc-login-layout{background:#f5f7f7!important;}
body.tc-human-check-page .tc-login-button,body.tc-payment-page .tc-login-button{background:#2f7b79!important;color:#fff!important;}
body.tc-human-check-page .tc-login-button:hover,body.tc-payment-page .tc-login-button:hover{background:#286a68!important;}


/* DigiPass 4.3.0 targeted spacing repair — integrations/payment administration. */
html body.tc-standalone main.tc-main .tc-plugin-dashboard{display:grid!important;gap:24px!important;}
html body.tc-standalone main.tc-main .tc-plugin-dashboard>.notice,
html body.tc-standalone main.tc-main .notice{margin:0 0 20px!important;padding:14px 16px!important;border-radius:12px!important;}
html body.tc-standalone main.tc-main .tc-gateway-switcher{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;margin:0 0 22px!important;}
html body.tc-standalone main.tc-main .tc-gateway-choice{margin:0!important;min-height:46px!important;padding:10px 18px!important;border:1px solid #cfe0df!important;border-radius:12px!important;background:#fff!important;color:#2a6664!important;font-weight:800!important;cursor:pointer!important;}
html body.tc-standalone main.tc-main .tc-gateway-choice.is-active{background:#eef6f5!important;border-color:#84b7b4!important;color:#245e5c!important;}
html body.tc-standalone main.tc-main .tc-gateway-panel{display:none!important;margin:0 0 24px!important;}
html body.tc-standalone main.tc-main .tc-gateway-panel.is-active{display:block!important;}
html body.tc-standalone main.tc-main .tc-payment-method-card{padding:22px!important;margin:0!important;}
html body.tc-standalone main.tc-main .tc-payment-method-card>h2{margin:0 0 20px!important;}
html body.tc-standalone main.tc-main .tc-payment-method-card .tc-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 20px!important;align-items:end!important;}
html body.tc-standalone main.tc-main .tc-payment-method-card .tc-field{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important;}
html body.tc-standalone main.tc-main .tc-payment-method-card .tc-form-actions{grid-column:1/-1!important;margin-top:4px!important;padding-top:16px!important;border-top:1px solid #e6eceb!important;}
html body.tc-standalone main.tc-main .tc-action-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin-top:14px!important;}
html body.tc-standalone main.tc-main .tc-inline-form{margin:0!important;}
html body.tc-standalone main.tc-main .tc-admin-details{margin:0!important;}
html body.tc-standalone main.tc-main .tc-admin-details>summary{padding:16px 18px!important;cursor:pointer!important;}
html body.tc-standalone main.tc-main .tc-admin-details-body{padding:0 18px 18px!important;}
@media(max-width:850px){html body.tc-standalone main.tc-main .tc-payment-method-card .tc-form-grid{grid-template-columns:1fr!important;}}

/* DigiPass unified panel spacing 4.3.0 */
html body.tc-standalone main.tc-main .tc-card{margin-bottom:22px!important;padding:22px!important}html body.tc-standalone main.tc-main .tc-form-grid{gap:18px 20px!important}html body.tc-standalone main.tc-main .tc-field{gap:8px!important;margin:0!important}html body.tc-standalone main.tc-main .tc-form-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:10px!important;padding-top:12px!important}html body.tc-standalone main.tc-main .tc-action-row{gap:12px!important;margin-top:16px!important}html body.tc-standalone main.tc-main input:not([type=checkbox]):not([type=radio]),html body.tc-standalone main.tc-main select,html body.tc-standalone main.tc-main textarea{min-height:42px}html body.tc-standalone main.tc-main textarea{min-height:100px}html body.tc-standalone main.tc-main .button,html body.tc-standalone main.tc-main button{min-height:40px}html body.tc-standalone main.tc-main table td,html body.tc-standalone main.tc-main table th{padding:12px 14px!important}

/* DigiPass 4.3.0 — spacing pass for integration/payment panels. */
.tc-plugin-dashboard{display:grid;gap:24px!important;align-content:start}
.tc-plugin-dashboard>.tc-card,.tc-plugin-dashboard>form.tc-card,.tc-plugin-dashboard>details.tc-card{margin:0!important}
.tc-plugin-dashboard .tc-form-grid{gap:18px 20px!important}
.tc-plugin-dashboard .tc-field{gap:8px!important;margin:0!important}
.tc-plugin-dashboard .tc-field input,.tc-plugin-dashboard .tc-field select,.tc-plugin-dashboard .tc-field textarea{margin-top:0!important}
.tc-plugin-dashboard .tc-form-actions,.tc-plugin-dashboard .tc-action-row,.tc-plugin-dashboard .tc-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:18px!important}
.tc-plugin-dashboard .tc-gateway-switcher{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 22px!important}
.tc-plugin-dashboard .tc-gateway-panel{margin:0 0 24px!important}
.tc-plugin-dashboard .tc-payment-method-card{padding:22px!important}
.tc-plugin-dashboard .tc-admin-details{margin-top:6px!important}
.tc-plugin-dashboard .tc-admin-details-body{display:grid;gap:22px;padding-top:20px}
.tc-plugin-dashboard .tc-external-gateway-card{margin:0 0 18px!important;padding:20px!important}
.tc-plugin-dashboard .tc-section-head{gap:16px!important;margin-bottom:16px!important}
.tc-plugin-dashboard .tc-table-wrap{margin-top:16px!important}
.tc-plugin-dashboard .tc-save-bar{margin-top:18px!important}


/* 4.3.4 — final Arabic RTL responsive login/admin refinement */
body.tc-login-page{background:radial-gradient(circle at 50% 0,#ffffff 0,#f4f7fb 45%,#eaf0f7 100%)!important;}
body.tc-login-page .tc-login-layout{min-height:100vh!important;padding:32px 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.tc-login-page .tc-login-card{width:min(100%,650px)!important;padding:48px!important;border-radius:30px!important;border:1px solid #d8e1ea!important;background:#fff!important;box-shadow:0 18px 55px rgba(45,67,91,.10)!important;direction:rtl!important;text-align:right!important;}
body.tc-login-page .tc-login-brand{margin-bottom:32px!important;justify-content:flex-start!important;}
body.tc-login-page .tc-brand-mark-large{width:64px!important;height:64px!important;border-radius:18px!important;background:#2f8583!important;color:#fff!important;font-size:20px!important;}
body.tc-login-page .tc-login-intro h1{font-size:44px!important;line-height:1.15!important;color:#1e5758!important;margin:0 0 12px!important;}
body.tc-login-page .tc-login-intro p{color:#748297!important;margin:0 0 28px!important;}
body.tc-login-page .tc-login-form{gap:20px!important;}
body.tc-login-page .tc-input-shell{min-height:66px!important;border-radius:16px!important;background:#eaf1fb!important;border:1px solid #c8d8e8!important;box-shadow:none!important;}
body.tc-login-page .tc-login-form .tc-input-shell>input{min-height:64px!important;background:transparent!important;border:0!important;border-radius:16px!important;font-size:17px!important;font-weight:700!important;}
body.tc-login-page .tc-login-button{min-height:64px!important;border-radius:14px!important;background:#2f8583!important;font-size:18px!important;box-shadow:0 14px 25px rgba(47,133,131,.14)!important;}
body.tc-login-page .tc-login-button:hover{background:#286f6d!important;}
body.tc-login-page .tc-login-security{justify-content:center!important;color:#7b899e!important;margin-top:26px!important;}
body.tc-standalone .tc-main{width:100%!important;max-width:none!important;min-width:0!important;}
body.tc-standalone .tc-main-scroll{min-width:0!important;overflow-x:hidden!important;}
body.tc-standalone :is(.tc-card,.tc-panel,.tc-section){max-width:100%!important;box-sizing:border-box!important;}
body.tc-standalone :is(input,select,textarea,button,.button){max-width:100%;box-sizing:border-box;}
@media(max-width:760px){body.tc-login-page .tc-login-layout{padding:14px!important;}body.tc-login-page .tc-login-card{padding:28px 20px!important;border-radius:24px!important;}body.tc-login-page .tc-login-intro h1{font-size:34px!important;}body.tc-login-page .tc-input-shell,body.tc-login-page .tc-login-form .tc-input-shell>input,body.tc-login-page .tc-login-button{min-height:58px!important;}.tc-topbar{padding-inline:14px!important;}.tc-main{padding-inline:12px!important;}}


/* DigiPass 1.0 interface fixes: mobile drawer and slightly higher content. */
body.tc-standalone .tc-main{padding-top:16px!important;}
@media(max-width:960px){
 body.tc-standalone .tc-sidebar.is-open{visibility:visible!important;pointer-events:auto!important;box-shadow:0 20px 60px rgba(16,24,40,.32)!important;transform:translateX(0)!important;}
 body.tc-standalone .tc-main{padding-top:10px!important;}
}