/* ============================================================================
   meep-admin.css — Phase B (consolidated)
   --------------------------------------------------------------------------
   Single source of truth for the Meep AI Translator admin design system.
   Replaces (and supersedes):
     - modern-design.css
     - parts of dashboard.css that handle visual styling
     - parts of admin.css that handle visual styling
     - the Phase A meep-admin.css
   Layout-only rules (grid, widths, breakpoints) in dashboard.css/admin.css
   can stay if structurally needed; this file wins on visual decisions.

   Path inside the plugin:  assets/css/meep-admin.css
   Companion JS:            assets/js/meep-admin.js
   Scope:                   .aitrfoel-admin-wrapper, .aitrfoel-dashboard-wrapper
   Tokens:                  match design-tokens.json from the website
   ============================================================================ */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ---------------------------------------------------------------------------
   1. TOKENS (scoped)
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper,
.aitrfoel-dashboard-wrapper {
  --primary:        #1447E6;
  --primary-deep:   #0F35BB;
  --primary-soft:   #EEF2FE;
  --accent:         #0EAD6E;
  --accent-soft:    #E6F7EF;
  --ink:            #0E1116;
  --body:           #2A2F3A;
  --muted:          #6B7280;
  --hairline:       #E6E8EE;
  --surface:        #FFFFFF;
  --surface-alt:    #F7F8FB;
  --amber:          #F4A622;
  --amber-soft:     #FEF3C7;
  --danger:         #DC2626;
  --danger-soft:    #FEE2E2;
  --radius:         10px;
  --radius-lg:      14px;
  --font-sans:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:      'JetBrains Mono', 'SF Mono', 'Monaco', monospace;

  font-family: var(--font-sans);
}
.aitrfoel-admin-wrapper *,
.aitrfoel-dashboard-wrapper * { font-family: var(--font-sans); }
.aitrfoel-admin-wrapper .mono,
.aitrfoel-dashboard-wrapper .mono,
.aitrfoel-admin-wrapper [data-mono],
.aitrfoel-dashboard-wrapper [data-mono] { font-family: var(--font-mono) !important; }

/* ---------------------------------------------------------------------------
   2. PAGE BACKGROUND — subtle dot grid (dashboard wrapper only)
   --------------------------------------------------------------------------- */
.aitrfoel-dashboard-wrapper { position: relative; }
.aitrfoel-dashboard-wrapper::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 520px;
  z-index: 0; pointer-events: none;
  background-image: radial-gradient(circle at 1px 1px, rgba(20,71,230,0.07) 1px, transparent 0);
  background-size: 24px 24px;
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 30%, transparent 80%);
}
.aitrfoel-dashboard-wrapper > * { position: relative; z-index: 1; }

/* ---------------------------------------------------------------------------
   3. PLUGIN HEADER (breadcrumb)
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .aitrfoel-plugin-header,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-header {
  background: var(--surface) !important;
  border-bottom: 1px solid var(--hairline) !important;
  box-shadow: none !important;
  padding: 14px 24px !important;
  position: relative;
}
.aitrfoel-admin-wrapper .aitrfoel-plugin-header::before,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-header::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);
}
.aitrfoel-admin-wrapper .aitrfoel-plugin-title,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-title {
  font-family: var(--font-sans) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  letter-spacing: -0.01em !important;
}
.aitrfoel-admin-wrapper .aitrfoel-current-page,
.aitrfoel-dashboard-wrapper .aitrfoel-current-page {
  font-family: var(--font-mono) !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  color: var(--primary) !important;
  font-weight: 500 !important;
}
.aitrfoel-admin-wrapper .aitrfoel-current-page::before,
.aitrfoel-dashboard-wrapper .aitrfoel-current-page::before { content: "// "; opacity: 0.7; }
.aitrfoel-admin-wrapper .aitrfoel-breadcrumb-separator,
.aitrfoel-dashboard-wrapper .aitrfoel-breadcrumb-separator { color: var(--hairline) !important; }

/* ---------------------------------------------------------------------------
   4. HERO INTRO STRIP (injected by JS on dashboard)
   <div class="meep-hero">
     <div class="meep-hero-eyebrow">// dashboard</div>
     <h2 class="meep-hero-title">Translate your site, page by page.</h2>
     <p class="meep-hero-sub">Select source content, choose target languages, and ship in minutes.</p>
   </div>
   --------------------------------------------------------------------------- */
.aitrfoel-dashboard-wrapper .meep-hero,
.aitrfoel-admin-wrapper .meep-hero {
  margin: 24px 0 28px;
  padding: 0;
  position: relative;
}
.aitrfoel-dashboard-wrapper .meep-hero-meta,
.aitrfoel-admin-wrapper .meep-hero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 12px;
}
.aitrfoel-dashboard-wrapper .meep-hero-brand,
.aitrfoel-admin-wrapper .meep-hero-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.aitrfoel-dashboard-wrapper .meep-hero-brand-logo,
.aitrfoel-admin-wrapper .meep-hero-brand-logo {
  height: 26px;
  width: auto;
  display: block;
}
.aitrfoel-dashboard-wrapper .meep-hero-brand-text,
.aitrfoel-admin-wrapper .meep-hero-brand-text {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.aitrfoel-dashboard-wrapper .meep-hero-eyebrow,
.aitrfoel-admin-wrapper .meep-hero-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--primary);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.aitrfoel-dashboard-wrapper .meep-hero-title,
.aitrfoel-admin-wrapper .meep-hero-title {
  font-family: var(--font-sans);
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0 0 8px;
  line-height: 1.15;
}
.aitrfoel-dashboard-wrapper .meep-hero-title .accent,
.aitrfoel-admin-wrapper .meep-hero-title .accent { color: var(--primary); }
.aitrfoel-dashboard-wrapper .meep-hero-sub,
.aitrfoel-admin-wrapper .meep-hero-sub {
  font-family: var(--font-sans);
  font-size: 14.5px;
  color: var(--muted);
  margin: 0;
  max-width: 720px;
  line-height: 1.55;
}

/* Hide other plugin notices that appear inside meep-hero */
.aitrfoel-dashboard-wrapper .meep-hero .notice,
.aitrfoel-admin-wrapper .meep-hero .notice,
.aitrfoel-dashboard-wrapper .meep-hero .woo-feed-notice,
.aitrfoel-admin-wrapper .meep-hero .woo-feed-notice,
.aitrfoel-dashboard-wrapper .meep-hero > div[class*="notice"],
.aitrfoel-admin-wrapper .meep-hero > div[class*="notice"] {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   5. COMPACT STATS BAR
   --------------------------------------------------------------------------- */
.aitrfoel-dashboard-wrapper .aitrfoel-compact-stats-bar {
  background: var(--surface) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 4px 24px rgba(14,17,22,0.04) !important;
  padding: 16px 22px !important;
  margin: 0 0 24px 0 !important;
  position: relative;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px 14px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.aitrfoel-dashboard-wrapper .aitrfoel-compact-stats-bar::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);
}
.aitrfoel-dashboard-wrapper .aitrfoel-compact-stat {
  background: transparent !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--radius) !important;
  padding: 10px 16px !important;
  backdrop-filter: none !important;
  transition: border-color .15s, transform .15s;
  min-height: 58px;
  min-width: 0;
  box-sizing: border-box;
}

.aitrfoel-dashboard-wrapper .aitrfoel-compact-stat:not(.aitrfoel-compact-license) {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}

.aitrfoel-dashboard-wrapper .aitrfoel-compact-stat.aitrfoel-compact-license {
  grid-column: span 6;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.aitrfoel-dashboard-wrapper .aitrfoel-compact-license-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
}

.aitrfoel-dashboard-wrapper .aitrfoel-compact-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
}

.aitrfoel-dashboard-wrapper .aitrfoel-compact-actions .aitrfoel-compact-buy-btn,
.aitrfoel-dashboard-wrapper .aitrfoel-compact-actions .aitrfoel-compact-upgrade-btn {
  white-space: nowrap;
  flex-shrink: 1;
  min-width: fit-content;
}

.aitrfoel-dashboard-wrapper .aitrfoel-compact-stats-bar > * {
  min-width: 0;
}
.aitrfoel-dashboard-wrapper .aitrfoel-compact-stat:hover {
  border-color: var(--primary) !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(20,71,230,0.08);
}
.aitrfoel-dashboard-wrapper .aitrfoel-compact-label {
  font-family: var(--font-mono) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--muted) !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-compact-value {
  font-family: var(--font-sans) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  letter-spacing: -0.01em !important;
  font-feature-settings: "tnum";
}

/* Words-left = emerald-soft accent */
.aitrfoel-dashboard-wrapper .aitrfoel-words-left-stat {
  background: var(--accent-soft) !important;
  border: 1px solid var(--accent) !important;
  border-radius: var(--radius) !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-words-left-stat .aitrfoel-compact-label,
.aitrfoel-dashboard-wrapper .aitrfoel-words-left-stat .aitrfoel-compact-value { color: #0a7a4d !important; }
.aitrfoel-dashboard-wrapper .aitrfoel-words-left-stat:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 4px 14px rgba(14,173,110,0.18);
}

/* License plan badge */
.aitrfoel-dashboard-wrapper .aitrfoel-plan-name,
.aitrfoel-admin-wrapper .aitrfoel-plan-name {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  font-family: var(--font-mono) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  border: 1px solid rgba(20,71,230,0.15) !important;
  box-shadow: none !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-compact-addon-badge,
.aitrfoel-admin-wrapper .aitrfoel-compact-addon-badge {
  background: var(--accent-soft) !important;
  color: #0a7a4d !important;
  border: 1px solid rgba(14,173,110,0.22) !important;
  border-radius: 100px !important;
  font-family: var(--font-mono) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
}

/* ---------------------------------------------------------------------------
   6. BUTTONS
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .button-primary,
.aitrfoel-dashboard-wrapper .button-primary,
.aitrfoel-dashboard-wrapper .aitrfoel-compact-buy-btn {
  background: var(--primary) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  padding: 8px 16px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background .15s, transform .15s, box-shadow .15s;
}
.aitrfoel-admin-wrapper .button-primary:hover,
.aitrfoel-dashboard-wrapper .button-primary:hover,
.aitrfoel-dashboard-wrapper .aitrfoel-compact-buy-btn:hover {
  background: var(--primary-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(20,71,230,0.22) !important;
}

.aitrfoel-admin-wrapper .button,
.aitrfoel-admin-wrapper .button-secondary,
.aitrfoel-dashboard-wrapper .button,
.aitrfoel-dashboard-wrapper .button-secondary {
  background: var(--surface) !important;
  color: var(--ink) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  padding: 7px 14px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: border-color .15s, color .15s, background .15s;
}
.aitrfoel-admin-wrapper .button:hover,
.aitrfoel-admin-wrapper .button-secondary:hover,
.aitrfoel-dashboard-wrapper .button:hover,
.aitrfoel-dashboard-wrapper .button-secondary:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  background: var(--primary-soft) !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-compact-upgrade-btn,
.aitrfoel-admin-wrapper .aitrfoel-compact-upgrade-btn {
  background: var(--amber) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #432200 !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  padding: 8px 16px !important;
  box-shadow: 0 2px 6px rgba(244,166,34,0.25);
  transition: transform .15s, box-shadow .15s;
}
.aitrfoel-dashboard-wrapper .aitrfoel-compact-upgrade-btn:hover,
.aitrfoel-admin-wrapper .aitrfoel-compact-upgrade-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(244,166,34,0.30) !important;
  filter: brightness(1.02);
}

/* ---------------------------------------------------------------------------
   7. SECTION CARDS
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .aitrfoel-card,
.aitrfoel-admin-wrapper .aitrfoel-settings-section,
.aitrfoel-admin-wrapper .aitrfoel-license-info,
.aitrfoel-admin-wrapper .aitrfoel-multilingual-info,
.aitrfoel-dashboard-wrapper .aitrfoel-card,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-section,
.aitrfoel-dashboard-wrapper .aitrfoel-license-info,
.aitrfoel-dashboard-wrapper .aitrfoel-multilingual-info {
  background: var(--surface) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 4px 24px rgba(14,17,22,0.03) !important;
  padding: 28px !important;
  margin-bottom: 20px !important;
  position: relative;
  overflow: hidden;
  transition: border-color .2s, transform .2s, box-shadow .2s;
  animation: none !important;
}
.aitrfoel-admin-wrapper .aitrfoel-card:hover,
.aitrfoel-dashboard-wrapper .aitrfoel-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 28px rgba(14,17,22,0.06) !important;
}

/* Card sweep — gradient line slides on top edge on hover */
.aitrfoel-admin-wrapper .aitrfoel-card::after,
.aitrfoel-admin-wrapper .aitrfoel-settings-section::after,
.aitrfoel-dashboard-wrapper .aitrfoel-card::after,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-section::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);
  transform: translateX(-100%);
  transition: transform .7s cubic-bezier(.22,.61,.36,1);
}
.aitrfoel-admin-wrapper .aitrfoel-card:hover::after,
.aitrfoel-admin-wrapper .aitrfoel-settings-section:hover::after,
.aitrfoel-dashboard-wrapper .aitrfoel-card:hover::after,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-section:hover::after {
  transform: translateX(0);
}

/* Override the inline-styled privacy + footer warning sections */
.aitrfoel-admin-wrapper .aitrfoel-settings-section[id="section-privacy"],
.aitrfoel-dashboard-wrapper .aitrfoel-settings-section[id="section-privacy"] {
  background: var(--primary-soft) !important;
  border: 1px solid var(--hairline) !important;
  border-left: 3px solid var(--primary) !important;
}
.aitrfoel-admin-wrapper .aitrfoel-settings-section[style*="fff5f5"],
.aitrfoel-dashboard-wrapper .aitrfoel-settings-section[style*="fff5f5"] {
  background: var(--danger-soft) !important;
  border: 1px solid var(--hairline) !important;
  border-left: 3px solid var(--danger) !important;
}

/* ---------------------------------------------------------------------------
   8. SECTION HEADINGS — h3 with mono eyebrow + SVG icon
   The eyebrow + icon are injected by meep-admin.js based on the section ID.
   This stylesheet handles the visual treatment of the result.
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .aitrfoel-settings-section h3,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-section h3,
.aitrfoel-admin-wrapper .aitrfoel-license-info h3,
.aitrfoel-dashboard-wrapper .aitrfoel-license-info h3 {
  font-family: var(--font-sans) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--hairline) !important;
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.aitrfoel-admin-wrapper .aitrfoel-settings-section h3::after,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-section h3::after {
  content: ""; position: absolute; bottom: -1px; left: 0; width: 36px; height: 1px;
  background: linear-gradient(90deg, var(--primary), var(--accent));
}

/* Mono eyebrow injected by JS: <div class="meep-section-eyebrow">// section.name</div> */
.aitrfoel-admin-wrapper .meep-section-eyebrow,
.aitrfoel-dashboard-wrapper .meep-section-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  margin: -8px 0 8px 0;
}

/* SVG icon injected before h3 text */
.aitrfoel-admin-wrapper .meep-section-icon,
.aitrfoel-dashboard-wrapper .meep-section-icon {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: var(--primary-soft);
  border: 1px solid rgba(20,71,230,0.15);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--primary);
}
.aitrfoel-admin-wrapper .meep-section-icon svg,
.aitrfoel-dashboard-wrapper .meep-section-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

/* ---------------------------------------------------------------------------
   9. NAV TABS (settings tabs row + dashboard inner tabs)
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .nav-tab-wrapper,
.aitrfoel-dashboard-wrapper .nav-tab-wrapper {
  border-bottom: 1px solid var(--hairline) !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
}
.aitrfoel-admin-wrapper .nav-tab,
.aitrfoel-dashboard-wrapper .nav-tab {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  color: var(--muted) !important;
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  margin: 0 4px -1px 0 !important;
  border-radius: 0 !important;
  letter-spacing: -0.005em !important;
  transition: color .15s, border-color .15s;
}
.aitrfoel-admin-wrapper .nav-tab:hover,
.aitrfoel-dashboard-wrapper .nav-tab:hover {
  color: var(--ink) !important;
  background: transparent !important;
}
.aitrfoel-admin-wrapper .nav-tab-active,
.aitrfoel-admin-wrapper .nav-tab-active:hover,
.aitrfoel-dashboard-wrapper .nav-tab-active,
.aitrfoel-dashboard-wrapper .nav-tab-active:hover {
  color: var(--primary) !important;
  border-bottom: 2px solid var(--primary) !important;
  font-weight: 600 !important;
  background: transparent !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans) !important;
  color: var(--muted) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  padding: 12px 16px !important;
  font-weight: 500 !important;
  transition: color .15s, border-color .15s;
}
.aitrfoel-dashboard-wrapper .aitrfoel-tab-btn.aitrfoel-tab-active,
.aitrfoel-dashboard-wrapper .aitrfoel-tab-btn.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
  font-weight: 600 !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-tab-btn .aitrfoel-tab-count,
.aitrfoel-dashboard-wrapper .aitrfoel-tab-btn .count {
  font-family: var(--font-mono) !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border-radius: 100px !important;
  padding: 2px 8px !important;
  font-size: 10.5px !important;
  margin-left: 8px !important;
  font-weight: 600 !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-tab-btn .meep-tab-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  opacity: 0.9;
}

.aitrfoel-dashboard-wrapper .aitrfoel-tab-btn .meep-tab-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

.aitrfoel-dashboard-wrapper .aitrfoel-tab-nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.aitrfoel-dashboard-wrapper .aitrfoel-tab-nav .aitrfoel-tab-btn {
  flex: 0 0 auto;
}

.aitrfoel-dashboard-wrapper .meep-expand-col-icon {
  width: 15px;
  height: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  opacity: 0.9;
}

.aitrfoel-dashboard-wrapper .meep-expand-col-icon svg {
  width: 15px;
  height: 15px;
  display: block;
}

.aitrfoel-dashboard-wrapper .aitrfoel-expand-button .aitrfoel-expand-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  transition: transform .16s ease, color .16s ease;
}

.aitrfoel-dashboard-wrapper .aitrfoel-expand-button .aitrfoel-expand-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

.aitrfoel-dashboard-wrapper .aitrfoel-expand-button.is-expanded .aitrfoel-expand-icon {
  transform: rotate(180deg);
  color: var(--primary);
}

.aitrfoel-dashboard-wrapper .aitrfoel-expand-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0 !important;
  border: 1px solid var(--hairline);
  border-radius: 6px;
  background: var(--surface) !important;
  color: var(--muted);
}

.aitrfoel-dashboard-wrapper .aitrfoel-expand-button:hover {
  border-color: var(--primary);
  color: var(--primary);
  background: var(--primary-soft) !important;
}

/* ---------------------------------------------------------------------------
   10. TRANSLATION TABLE
   --------------------------------------------------------------------------- */
.aitrfoel-dashboard-wrapper table.aitrfoel-pages-table thead th,
.aitrfoel-dashboard-wrapper table.aitrfoel-translations-table thead th,
.aitrfoel-dashboard-wrapper .aitrfoel-pages-table thead th {
  font-family: var(--font-mono) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--muted) !important;
  background: var(--surface-alt) !important;
  border-bottom: 1px solid var(--hairline) !important;
  padding: 12px 14px !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-language-pill,
.aitrfoel-dashboard-wrapper .lang-pill,
.aitrfoel-dashboard-wrapper [class*="aitrfoel-lang-"] {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border-radius: 5px !important;
  padding: 3px 7px !important;
  border: 1px solid var(--hairline) !important;
  background: var(--surface) !important;
  color: var(--muted) !important;
  display: inline-block;
  margin: 2px 2px 0 0 !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-language-pill.translated,
.aitrfoel-dashboard-wrapper .aitrfoel-language-pill.is-translated,
.aitrfoel-dashboard-wrapper .lang-pill.translated {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border-color: rgba(20,71,230,0.20) !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-language-pill.source,
.aitrfoel-dashboard-wrapper .lang-pill.source {
  background: var(--accent-soft) !important;
  color: #0a7a4d !important;
  border-color: rgba(14,173,110,0.22) !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-page-type,
.aitrfoel-dashboard-wrapper [class*="aitrfoel-page-type-"] {
  font-family: var(--font-mono) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  letter-spacing: 0.04em !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: 6px !important;
  padding: 4px 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-page-type::before,
.aitrfoel-dashboard-wrapper [class*="aitrfoel-page-type-"]::before {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.aitrfoel-dashboard-wrapper .aitrfoel-page-type.aitrfoel-page-gutenberg::before,
.aitrfoel-dashboard-wrapper .aitrfoel-page-gutenberg::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Crect x="4" y="4" width="16" height="16" rx="2" stroke="%23354758" stroke-width="2"/%3E%3Cpath d="M8 9.5H16" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M8 14.5H13" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}

.aitrfoel-dashboard-wrapper .aitrfoel-page-type.aitrfoel-page-elementor::before,
.aitrfoel-dashboard-wrapper .aitrfoel-page-elementor::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Crect x="4" y="4" width="16" height="16" rx="2" stroke="%23354758" stroke-width="2"/%3E%3Cpath d="M9 8V16" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M14 8V16" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}

.aitrfoel-dashboard-wrapper .aitrfoel-page-type.aitrfoel-page-classic::before,
.aitrfoel-dashboard-wrapper .aitrfoel-page-classic::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M6 6H18" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M6 12H18" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M6 18H14" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}

.aitrfoel-dashboard-wrapper .aitrfoel-page-type.aitrfoel-page-woocommerce::before,
.aitrfoel-dashboard-wrapper .aitrfoel-page-woocommerce::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M6 7H19L17.8 14H9.3L8.5 9.6H5.5" stroke="%23354758" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Ccircle cx="10" cy="18" r="1.5" fill="%23354758"/%3E%3Ccircle cx="16" cy="18" r="1.5" fill="%23354758"/%3E%3C/svg%3E');
}

.aitrfoel-dashboard-wrapper .aitrfoel-page-type.aitrfoel-page-standard::before,
.aitrfoel-dashboard-wrapper .aitrfoel-page-standard::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Crect x="5" y="4" width="14" height="16" rx="2" stroke="%23354758" stroke-width="2"/%3E%3Cpath d="M8 9H16" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M8 13H14" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}

.aitrfoel-dashboard-wrapper .aitrfoel-page-type.aitrfoel-page-unknown::before,
.aitrfoel-dashboard-wrapper .aitrfoel-page-unknown::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M9.4 8.8C9.5 7.3 10.7 6.2 12.2 6.2C13.8 6.2 15 7.4 15 8.9C15 10 14.4 10.7 13.3 11.4C12.4 11.9 12 12.4 12 13.3V14" stroke="%23354758" stroke-width="2" stroke-linecap="round"/%3E%3Ccircle cx="12" cy="17.5" r="1" fill="%23354758"/%3E%3C/svg%3E');
}

.aitrfoel-dashboard-wrapper .aitrfoel-lang-flag {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border-radius: 5px !important;
  padding: 3px 7px !important;
  display: inline-block !important;
  margin: 2px 2px 0 0 !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-lang-flag.aitrfoel-lang-exists {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #bbf7d0 !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-lang-flag.aitrfoel-lang-missing {
  background: #fef2f2 !important;
  color: #991b1b !important;
  border: 1px solid #fecaca !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-translation-status {
  font-family: var(--font-mono) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--muted) !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-translation-status.complete,
.aitrfoel-dashboard-wrapper .aitrfoel-translation-status[data-state="complete"] {
  color: var(--accent) !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-row-actions .button,
.aitrfoel-dashboard-wrapper td .button {
  font-size: 12px !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-action-delete,
.aitrfoel-dashboard-wrapper .button.aitrfoel-delete {
  border-color: rgba(220,38,38,0.30) !important;
  color: var(--danger) !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-action-delete:hover,
.aitrfoel-dashboard-wrapper .button.aitrfoel-delete:hover {
  background: var(--danger-soft) !important;
  border-color: var(--danger) !important;
  color: var(--danger) !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .wp-list-table tbody tr.aitrfoel-source-page:hover,
.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .wp-list-table tbody tr.aitrfoel-translation-page:hover {
  background: var(--surface-alt) !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table {
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .wp-list-table {
  min-width: 1020px;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .column-title {
  width: 30% !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .column-languages {
  width: 24% !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .column-status {
  width: 12% !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .column-page-type {
  width: 12% !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .column-actions {
  width: 18% !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .column-expand {
  width: 4% !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .check-column,
.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table th.column-cb,
.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td.column-cb {
  position: sticky;
  left: 0;
  z-index: 3;
  background: var(--surface) !important;
}

.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table th.column-title,
.aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td.column-title {
  position: static;
  left: auto;
  z-index: auto;
  background: var(--surface) !important;
}

.aitrfoel-dashboard-wrapper .column-actions {
  vertical-align: middle;
  white-space: normal;
}

.aitrfoel-dashboard-wrapper .column-actions > * {
  margin: 0 6px 6px 0;
}

.aitrfoel-dashboard-wrapper .column-actions .aitrfoel-row-primary {
  margin: 0;
}

.aitrfoel-dashboard-wrapper .aitrfoel-row-more {
  position: static;
  display: inline-flex;
  align-items: center;
}

.aitrfoel-dashboard-wrapper .aitrfoel-row-more summary {
  list-style: none;
}

.aitrfoel-dashboard-wrapper .aitrfoel-row-more summary::-webkit-details-marker {
  display: none;
}

.aitrfoel-dashboard-wrapper .aitrfoel-row-more .aitrfoel-row-more-toggle {
  display: none;
}

.aitrfoel-dashboard-wrapper .aitrfoel-row-more .aitrfoel-row-more-menu {
  position: static;
  right: auto;
  top: auto;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  min-width: 0;
  display: inline-flex;
  flex-direction: row;
  gap: 6px;
  z-index: auto;
}

.aitrfoel-dashboard-wrapper .aitrfoel-row-more[open] .aitrfoel-row-more-menu {
  display: inline-flex;
}

/* ---------------------------------------------------------------------------
   11. TOOLBAR (From / To / Settings / Translate All / Start)
   --------------------------------------------------------------------------- */
.aitrfoel-dashboard-wrapper .aitrfoel-translation-toolbar,
.aitrfoel-dashboard-wrapper .aitrfoel-bulk-toolbar {
  background: var(--surface) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--radius-lg) !important;
  padding: 14px 18px !important;
  box-shadow: 0 2px 12px rgba(14,17,22,0.03) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-language-selector,
.aitrfoel-dashboard-wrapper .aitrfoel-source-language,
.aitrfoel-dashboard-wrapper .aitrfoel-target-language {
  background: var(--surface-alt) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
.aitrfoel-dashboard-wrapper .aitrfoel-toolbar-toggle,
.aitrfoel-dashboard-wrapper .aitrfoel-tool-button {
  border: 1px solid var(--hairline) !important;
  background: var(--surface) !important;
  color: var(--ink) !important;
  border-radius: 8px !important;
  padding: 7px 14px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  line-height: 1.2 !important;
  transition: border-color .15s, color .15s, background .15s;
}
.aitrfoel-dashboard-wrapper .aitrfoel-toolbar-toggle .aitrfoel-tool-sub,
.aitrfoel-dashboard-wrapper .aitrfoel-tool-button .aitrfoel-tool-sub {
  font-family: var(--font-mono) !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  margin-top: 2px;
}
.aitrfoel-dashboard-wrapper .aitrfoel-toolbar-toggle:hover,
.aitrfoel-dashboard-wrapper .aitrfoel-tool-button:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  background: var(--primary-soft) !important;
}

/* Bulk bar on dashboard: normalize composition and spacing across breakpoints */
.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar.aitrfoel-bulk-translation-bar {
  background: var(--surface) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 3px 14px rgba(14,17,22,0.05) !important;
  padding: 14px 16px !important;
  margin: 18px 0 20px !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-content {
  display: grid !important;
  grid-column: span 12 !important;
  grid-template-columns: minmax(420px, 1.25fr) minmax(190px, 0.8fr) minmax(310px, auto);
  align-items: center !important;
  gap: 10px 14px !important;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-content > * {
  min-width: 0;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-languages {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 8px 10px !important;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-languages > label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 600;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-source-languages .button,
.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-target-languages .button {
  min-width: 108px;
  width: 100%;       /* fill the flex container */
  justify-content: center;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-source-languages,
.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-target-languages {
  min-width: 0;
  flex: 1 1 auto; /* share available row space equally; prevents wrapping on translated UIs */
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-stats {
  margin: 0 !important;
  font-size: 12px !important;
  color: var(--muted) !important;
  justify-self: start;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions {
  margin-left: 0 !important;
  display: flex !important;
  justify-content: flex-end;
  align-items: stretch !important;
  flex-wrap: wrap;
  gap: 8px !important;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions .button,
.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions #aitrfoel-translate-all-site {
  min-height: 40px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions .aitrfoel-btn-label,
.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions #aitrfoel-start-translation {
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions .aitrfoel-btn-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.aitrfoel-dashboard-wrapper .aitrfoel-bulk-action-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  flex: 0 0 14px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.aitrfoel-dashboard-wrapper .aitrfoel-bulk-action-icon-settings {
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 8.92 4H9a1.65 1.65 0 0 0 1-1.51V2.4a2 2 0 1 1 4 0V2.5a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9c.2.48.28 1 .24 1.52.48.2 1 .28 1.52.24H21a2 2 0 1 1 0 4h-.09c-.52-.04-1.04.04-1.51.24Z" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/%3E%3Ccircle cx="12" cy="12" r="3" stroke="black" stroke-width="1.8"/%3E%3C/svg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 8.92 4H9a1.65 1.65 0 0 0 1-1.51V2.4a2 2 0 1 1 4 0V2.5a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9c.2.48.28 1 .24 1.52.48.2 1 .28 1.52.24H21a2 2 0 1 1 0 4h-.09c-.52-.04-1.04.04-1.51.24Z" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/%3E%3Ccircle cx="12" cy="12" r="3" stroke="black" stroke-width="1.8"/%3E%3C/svg%3E');
}

.aitrfoel-dashboard-wrapper .aitrfoel-bulk-action-icon-translate-all {
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Ccircle cx="12" cy="12" r="9" stroke="black" stroke-width="1.8"/%3E%3Cpath d="M3 12H21" stroke="black" stroke-width="1.8"/%3E%3Cpath d="M12 3C14.9 5.7 16.4 8.6 16.4 12C16.4 15.4 14.9 18.3 12 21" stroke="black" stroke-width="1.8"/%3E%3Cpath d="M12 3C9.1 5.7 7.6 8.6 7.6 12C7.6 15.4 9.1 18.3 12 21" stroke="black" stroke-width="1.8"/%3E%3C/svg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Ccircle cx="12" cy="12" r="9" stroke="black" stroke-width="1.8"/%3E%3Cpath d="M3 12H21" stroke="black" stroke-width="1.8"/%3E%3Cpath d="M12 3C14.9 5.7 16.4 8.6 16.4 12C16.4 15.4 14.9 18.3 12 21" stroke="black" stroke-width="1.8"/%3E%3Cpath d="M12 3C9.1 5.7 7.6 8.6 7.6 12C7.6 15.4 9.1 18.3 12 21" stroke="black" stroke-width="1.8"/%3E%3C/svg%3E');
}

.aitrfoel-dashboard-wrapper .aitrfoel-bulk-action-icon-start {
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M5 19L19 5" stroke="black" stroke-width="1.8" stroke-linecap="round"/%3E%3Cpath d="M9 5H19V15" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M5 19L19 5" stroke="black" stroke-width="1.8" stroke-linecap="round"/%3E%3Cpath d="M9 5H19V15" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

@media (max-width: 1180px) {
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-content {
    grid-template-columns: 1fr;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions {
    justify-content: flex-start;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions .button,
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions #aitrfoel-translate-all-site {
    flex: 1 1 calc(50% - 8px);
    min-width: 190px;
  }
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions #aitrfoel-bulk-settings {
  flex-direction: column;
  align-items: center;
  line-height: 1.15;
}

.aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions .aitrfoel-btn-sub {
  font-family: var(--font-mono);
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted);
}

/* ---------------------------------------------------------------------------
   12. PROGRESS / USAGE BARS
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .aitrfoel-progress-bar,
.aitrfoel-dashboard-wrapper .aitrfoel-progress-bar,
.aitrfoel-admin-wrapper .aitrfoel-usage-bar,
.aitrfoel-dashboard-wrapper .aitrfoel-usage-bar {
  background: var(--surface-alt) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: 100px !important;
  height: 8px !important;
  overflow: hidden !important;
}
.aitrfoel-admin-wrapper .aitrfoel-progress-fill,
.aitrfoel-dashboard-wrapper .aitrfoel-progress-fill,
.aitrfoel-admin-wrapper .aitrfoel-usage-progress,
.aitrfoel-dashboard-wrapper .aitrfoel-usage-progress {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--accent)) !important;
  border-radius: 100px !important;
  transition: width .8s cubic-bezier(0.4,0,0.2,1) !important;
  position: relative;
}
.aitrfoel-admin-wrapper .aitrfoel-progress-fill::after,
.aitrfoel-dashboard-wrapper .aitrfoel-progress-fill::after { display: none; }

/* ---------------------------------------------------------------------------
   13. PLUGIN STATUS BADGES
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .aitrfoel-plugin-badge.aitrfoel-plugin-active,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-badge.aitrfoel-plugin-active {
  background: var(--accent-soft) !important;
  color: #0a7a4d !important;
  border: 1px solid rgba(14,173,110,0.25) !important;
  border-radius: 100px !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  padding: 5px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.aitrfoel-admin-wrapper .aitrfoel-plugin-badge.aitrfoel-plugin-active::before,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-badge.aitrfoel-plugin-active::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent); box-shadow: 0 0 0 3px rgba(14,173,110,0.15);
}
.aitrfoel-admin-wrapper .aitrfoel-plugin-badge.aitrfoel-plugin-missing,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-badge.aitrfoel-plugin-missing {
  background: var(--amber-soft) !important;
  color: #92400e !important;
  border: 1px solid rgba(244,166,34,0.30) !important;
  border-radius: 100px !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  padding: 5px 10px !important;
}

/* ---------------------------------------------------------------------------
   14. FORM TABLES (settings)
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .form-table th,
.aitrfoel-dashboard-wrapper .form-table th {
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  color: var(--ink) !important;
  padding: 14px 14px 14px 0 !important;
  width: 220px !important;
}
.aitrfoel-admin-wrapper .form-table td input[type=text],
.aitrfoel-admin-wrapper .form-table td input[type=number],
.aitrfoel-admin-wrapper .form-table td input[type=email],
.aitrfoel-admin-wrapper .form-table td input[type=password],
.aitrfoel-admin-wrapper .form-table td select,
.aitrfoel-admin-wrapper .form-table td textarea {
  border: 1px solid var(--hairline) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
  box-shadow: none !important;
  transition: border-color .15s, box-shadow .15s;
}

.aitrfoel-admin-wrapper #aitrfoel_switcher_style,
.aitrfoel-dashboard-wrapper #aitrfoel_switcher_style {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 34px !important;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M7 10L12 15L17 10" stroke="%2359657A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 13px 13px;
}
.aitrfoel-admin-wrapper .form-table td input[type=text]:focus,
.aitrfoel-admin-wrapper .form-table td input[type=number]:focus,
.aitrfoel-admin-wrapper .form-table td select:focus,
.aitrfoel-admin-wrapper .form-table td textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px var(--primary-soft) !important;
  outline: none !important;
}
.aitrfoel-admin-wrapper .form-table td .description,
.aitrfoel-dashboard-wrapper .form-table td .description {
  font-size: 12.5px !important;
  color: var(--muted) !important;
  margin-top: 6px !important;
  font-style: normal !important;
}

.aitrfoel-admin-wrapper .form-table td select,
.aitrfoel-dashboard-wrapper .form-table td select,
.aitrfoel-admin-wrapper .aitrfoel-settings-select,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 34px !important;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M7 10L12 15L17 10" stroke="%2359657A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 13px 13px;
}

.aitrfoel-admin-wrapper select:not([multiple]):not([size]),
.aitrfoel-dashboard-wrapper select:not([multiple]):not([size]) {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 34px !important;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M7 10L12 15L17 10" stroke="%2359657A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 13px 13px;
}

.aitrfoel-admin-wrapper #aitrfoel_translated_page_status,
.aitrfoel-dashboard-wrapper #aitrfoel_translated_page_status,
.aitrfoel-admin-wrapper #aitrfoel-add-lang-select,
.aitrfoel-dashboard-wrapper #aitrfoel-add-lang-select {
  min-width: 220px;
  margin-top: 0 !important;
  display: inline-block;
  vertical-align: top;
}

.aitrfoel-admin-wrapper .form-table td > select:first-child,
.aitrfoel-dashboard-wrapper .form-table td > select:first-child {
  margin-top: 0 !important;
}

.aitrfoel-admin-wrapper .aitrfoel-license-info,
.aitrfoel-dashboard-wrapper .aitrfoel-license-info {
  padding: 14px 16px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.aitrfoel-admin-wrapper .aitrfoel-license-info .aitrfoel-license-status,
.aitrfoel-admin-wrapper .aitrfoel-license-info .aitrfoel-word-usage,
.aitrfoel-dashboard-wrapper .aitrfoel-license-info .aitrfoel-license-status,
.aitrfoel-dashboard-wrapper .aitrfoel-license-info .aitrfoel-word-usage {
  line-height: 1.5;
}

.aitrfoel-admin-wrapper .aitrfoel-license-info .aitrfoel-usage-percent,
.aitrfoel-dashboard-wrapper .aitrfoel-license-info .aitrfoel-usage-percent {
  color: var(--muted);
  font-size: 12px;
  margin-left: 6px;
}

.aitrfoel-admin-wrapper .aitrfoel-license-info .aitrfoel-usage-bar,
.aitrfoel-dashboard-wrapper .aitrfoel-license-info .aitrfoel-usage-bar {
  margin-top: 2px;
}

.aitrfoel-admin-wrapper #section-license .aitrfoel-license-info + .description,
.aitrfoel-dashboard-wrapper #section-license .aitrfoel-license-info + .description {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  padding: 10px 12px;
  border: 1px solid var(--hairline);
  border-radius: 8px;
  background: var(--surface-alt);
}

.aitrfoel-admin-wrapper .aitrfoel-template-lang-pill,
.aitrfoel-dashboard-wrapper .aitrfoel-template-lang-pill {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-right: 10px;
  margin-bottom: 6px;
  font-size: 12px;
  white-space: nowrap;
}

.aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table,
.aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table {
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid var(--hairline);
  border-radius: 12px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: 0 4px 18px rgba(14,17,22,0.04);
}

.aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table thead th,
.aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table thead th {
  background: var(--surface-alt);
  color: var(--muted);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 12px 14px;
  border-bottom: 1px solid var(--hairline);
}

.aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody td,
.aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody td {
  padding: 12px 14px;
  vertical-align: middle;
  border-bottom: 1px solid var(--hairline);
}

.aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody tr:last-child td,
.aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody tr:last-child td {
  border-bottom: 0;
}

.aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody tr:hover,
.aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody tr:hover {
  background: var(--surface-alt);
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-lang-code,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary);
  border: 1px solid rgba(20,71,230,0.14);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-lang-name-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-name-cell {
  font-weight: 500;
  color: var(--ink);
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-lang-default-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-default-cell {
  text-align: center;
  width: 88px;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-lang-actions-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-actions-cell {
  width: 140px;
}

.aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table .dashicons,
.aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table .dashicons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  vertical-align: middle;
}

.aitrfoel-admin-wrapper .aitrfoel-default-lang-icon,
.aitrfoel-dashboard-wrapper .aitrfoel-default-lang-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #f0b849;
}

.aitrfoel-admin-wrapper .aitrfoel-default-lang-icon svg,
.aitrfoel-dashboard-wrapper .aitrfoel-default-lang-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.aitrfoel-admin-wrapper .aitrfoel-default-lang-icon-empty,
.aitrfoel-dashboard-wrapper .aitrfoel-default-lang-icon-empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #59657a;
}

.aitrfoel-admin-wrapper .aitrfoel-default-lang-icon-empty svg,
.aitrfoel-dashboard-wrapper .aitrfoel-default-lang-icon-empty svg {
  width: 18px;
  height: 18px;
  display: block;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-icon-button,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-icon-button,
.aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table .button.button-small,
.aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table .button.button-small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px !important;
  line-height: 1;
}

.aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table .button.button-small .dashicons,
.aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table .button.button-small .dashicons {
  margin: 0;
  line-height: 1;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-default-label,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-default-label {
  color: var(--muted);
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-add-language-row,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-add-language-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-add-language-select,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-add-language-select {
  min-width: 220px;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-disable-row,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-disable-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid var(--hairline);
  padding-top: 12px;
  margin-top: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-disable-note,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-disable-note {
  color: var(--muted);
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-seo-supported-note,
.aitrfoel-dashboard-wrapper .aitrfoel-seo-supported-note {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

.aitrfoel-admin-wrapper .submit,
.aitrfoel-dashboard-wrapper .submit {
  margin-top: 24px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--hairline) !important;
}

.aitrfoel-admin-wrapper .aitrfoel-sync-plan-status,
.aitrfoel-dashboard-wrapper .aitrfoel-sync-plan-status {
  margin-left: 10px;
  display: none;
}

.aitrfoel-admin-wrapper .aitrfoel-sync-plan-status.is-success,
.aitrfoel-dashboard-wrapper .aitrfoel-sync-plan-status.is-success {
  color: #00a32a;
}

.aitrfoel-admin-wrapper .aitrfoel-sync-plan-status.is-error,
.aitrfoel-dashboard-wrapper .aitrfoel-sync-plan-status.is-error {
  color: #d63638;
}

.aitrfoel-admin-wrapper .aitrfoel-settings-description-top-sm,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-description-top-sm {
  margin-top: 8px !important;
}

.aitrfoel-admin-wrapper .aitrfoel-settings-description-top-xs,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-description-top-xs {
  margin-top: 6px !important;
}

.aitrfoel-admin-wrapper .aitrfoel-settings-actions-row,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-actions-row {
  margin-top: 10px;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-intro,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-intro {
  margin-bottom: 15px;
  font-size: 13px;
}

.aitrfoel-admin-wrapper .aitrfoel-name-display-options,
.aitrfoel-dashboard-wrapper .aitrfoel-name-display-options {
  margin-top: 10px;
  padding: 10px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}

.aitrfoel-admin-wrapper .aitrfoel-name-display-options.is-hidden,
.aitrfoel-dashboard-wrapper .aitrfoel-name-display-options.is-hidden {
  display: none;
}

.aitrfoel-admin-wrapper .aitrfoel-name-display-label,
.aitrfoel-dashboard-wrapper .aitrfoel-name-display-label {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 12px;
  color: #374151;
}

.aitrfoel-admin-wrapper .aitrfoel-name-display-select,
.aitrfoel-dashboard-wrapper .aitrfoel-name-display-select {
  width: max-content;
  min-width: 200px;
}

.aitrfoel-admin-wrapper .aitrfoel-custom-names-wrap,
.aitrfoel-dashboard-wrapper .aitrfoel-custom-names-wrap {
  margin-top: 10px;
}

.aitrfoel-admin-wrapper .aitrfoel-custom-names-grid,
.aitrfoel-dashboard-wrapper .aitrfoel-custom-names-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.aitrfoel-admin-wrapper .aitrfoel-custom-name-item,
.aitrfoel-dashboard-wrapper .aitrfoel-custom-name-item {
  display: flex;
  align-items: center;
  gap: 4px;
}

.aitrfoel-admin-wrapper .aitrfoel-custom-name-input,
.aitrfoel-dashboard-wrapper .aitrfoel-custom-name-input {
  width: 100px;
  font-size: 12px;
  padding: 2px 6px;
}

.aitrfoel-admin-wrapper .aitrfoel-custom-names-note,
.aitrfoel-dashboard-wrapper .aitrfoel-custom-names-note {
  margin-top: 4px !important;
  font-size: 11px;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-shortcode-box,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-shortcode-box {
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 10px;
}

.aitrfoel-admin-wrapper .aitrfoel-css-editor-header,
.aitrfoel-dashboard-wrapper .aitrfoel-css-editor-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.aitrfoel-admin-wrapper .aitrfoel-css-editor-header .description,
.aitrfoel-dashboard-wrapper .aitrfoel-css-editor-header .description {
  font-size: 12px;
  color: var(--muted, #6B7280);
  margin: 0;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-shortcode,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-shortcode {
  font-size: 13px;
  word-break: break-all;
  user-select: all;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-copy-btn,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-copy-btn {
  margin-left: 8px;
  vertical-align: middle;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-help-box,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-help-box {
  margin-top: 12px;
  padding: 12px;
  background: #f0f6fc;
  border-left: 3px solid #2271b1;
  border-radius: 3px;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-help-list,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-help-list {
  margin: 8px 0 0 16px;
  list-style: disc;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-inline-code,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-inline-code {
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-preview-box,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-preview-box {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 4px;
  padding: 16px;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-preview-empty,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-preview-empty {
  color: #666;
  margin: 0;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-preview-chip,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-preview-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  margin-right: 6px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-preview-chip-text,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-preview-chip-text {
  font-size: 13px;
}

.aitrfoel-admin-wrapper .aitrfoel-switcher-preview-note,
.aitrfoel-dashboard-wrapper .aitrfoel-switcher-preview-note {
  margin-top: 6px !important;
}

.aitrfoel-admin-wrapper .aitrfoel-nav-option-label,
.aitrfoel-dashboard-wrapper .aitrfoel-nav-option-label {
  display: block;
  margin-bottom: 10px;
}

.aitrfoel-admin-wrapper .aitrfoel-nav-option-desc,
.aitrfoel-dashboard-wrapper .aitrfoel-nav-option-desc {
  margin-bottom: 16px !important;
}

.aitrfoel-admin-wrapper .aitrfoel-nav-menu-location-wrap,
.aitrfoel-dashboard-wrapper .aitrfoel-nav-menu-location-wrap {
  margin-top: 10px;
}

.aitrfoel-admin-wrapper .aitrfoel-nav-menu-location-select,
.aitrfoel-dashboard-wrapper .aitrfoel-nav-menu-location-select {
  margin-left: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 34px !important;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M7 10L12 15L17 10" stroke="%2359657A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 13px 13px;
}

/* ---------------------------------------------------------------------------
   15. NOTICES
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .notice,
.aitrfoel-dashboard-wrapper .notice {
  border-radius: 10px !important;
  border-left-width: 3px !important;
  padding: 12px 16px !important;
  background: var(--surface) !important;
  border: 1px solid var(--hairline) !important;
  box-shadow: 0 1px 3px rgba(14,17,22,0.04) !important;
  font-size: 13.5px !important;
  font-family: var(--font-sans) !important;
}
.aitrfoel-admin-wrapper .notice-success,
.aitrfoel-dashboard-wrapper .notice-success {
  border-left-color: var(--accent) !important;
  background: linear-gradient(90deg, var(--accent-soft) 0%, transparent 30%) !important;
}
.aitrfoel-admin-wrapper .notice-warning,
.aitrfoel-dashboard-wrapper .notice-warning {
  border-left-color: var(--amber) !important;
  background: linear-gradient(90deg, var(--amber-soft) 0%, transparent 30%) !important;
}
.aitrfoel-admin-wrapper .notice-error,
.aitrfoel-dashboard-wrapper .notice-error {
  border-left-color: var(--danger) !important;
  background: linear-gradient(90deg, var(--danger-soft) 0%, transparent 30%) !important;
}

.aitrfoel-admin-wrapper .aitrfoel-settings-nav,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 20px;
}

.aitrfoel-admin-wrapper .aitrfoel-settings-nav a,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border: 1px solid var(--hairline);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: all .15s ease;
}

.aitrfoel-admin-wrapper .aitrfoel-settings-nav a:hover,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-nav a:hover {
  color: var(--primary);
  border-color: rgba(20,71,230,0.28);
  background: var(--primary-soft);
}

.aitrfoel-admin-wrapper .aitrfoel-settings-nav a.active,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-nav a.active {
  color: var(--muted);
  border-color: var(--hairline);
  background: var(--surface);
}

.aitrfoel-admin-wrapper .meep-settings-nav-icon,
.aitrfoel-dashboard-wrapper .meep-settings-nav-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  color: currentColor;
  opacity: 0.9;
}

.aitrfoel-admin-wrapper .meep-settings-nav-icon svg,
.aitrfoel-dashboard-wrapper .meep-settings-nav-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

.aitrfoel-admin-wrapper .aitrfoel-footer-branding .aitrfoel-footer-logo,
.aitrfoel-dashboard-wrapper .aitrfoel-footer-branding .aitrfoel-footer-logo {
  height: 18px !important;
  width: auto !important;
  max-width: 120px !important;
}

.aitrfoel-admin-wrapper .aitrfoel-footer-branding,
.aitrfoel-dashboard-wrapper .aitrfoel-footer-branding {
  text-align: center !important;
  display: block !important;
  margin-top: 26px;
}

/* ---------------------------------------------------------------------------
   16. HISTORY PAGE
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .aitrfoel-history-summary,
.aitrfoel-dashboard-wrapper .aitrfoel-history-summary {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-card,
.aitrfoel-dashboard-wrapper .aitrfoel-history-card {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: 10px;
  padding: 16px 20px;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.aitrfoel-admin-wrapper .aitrfoel-history-card:hover,
.aitrfoel-dashboard-wrapper .aitrfoel-history-card:hover {
  border-color: rgba(20,71,230,0.22);
  box-shadow: 0 5px 16px rgba(14,17,22,0.08);
  transform: translateY(-1px);
}

.aitrfoel-admin-wrapper .aitrfoel-history-card-stat,
.aitrfoel-dashboard-wrapper .aitrfoel-history-card-stat {
  grid-column: span 2;
  min-width: 0;
}

.aitrfoel-admin-wrapper .aitrfoel-history-card-languages,
.aitrfoel-dashboard-wrapper .aitrfoel-history-card-languages {
  grid-column: span 6;
  min-width: 0;
}

.aitrfoel-admin-wrapper .aitrfoel-history-number,
.aitrfoel-dashboard-wrapper .aitrfoel-history-number {
  font-size: clamp(24px, 2vw, 30px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin-bottom: 8px;
  line-height: 1;
}

.aitrfoel-admin-wrapper .aitrfoel-history-label,
.aitrfoel-dashboard-wrapper .aitrfoel-history-label {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.3;
}

.aitrfoel-admin-wrapper .aitrfoel-history-language-list,
.aitrfoel-dashboard-wrapper .aitrfoel-history-language-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.aitrfoel-admin-wrapper .aitrfoel-history-language-chip,
.aitrfoel-dashboard-wrapper .aitrfoel-history-language-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f0f6fc;
  border: 1px solid #c3d7ef;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: #164777;
}

.aitrfoel-admin-wrapper .aitrfoel-history-language-chip:hover,
.aitrfoel-dashboard-wrapper .aitrfoel-history-language-chip:hover {
  background: #e8f1fb;
  border-color: #9cc1e6;
}

.aitrfoel-admin-wrapper .aitrfoel-history-language-chip.is-active,
.aitrfoel-dashboard-wrapper .aitrfoel-history-language-chip.is-active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.aitrfoel-admin-wrapper .aitrfoel-history-language-chip-count,
.aitrfoel-dashboard-wrapper .aitrfoel-history-language-chip-count {
  color: var(--muted);
  font-weight: 400;
}

.aitrfoel-admin-wrapper .aitrfoel-history-language-chip.is-active .aitrfoel-history-language-chip-count,
.aitrfoel-dashboard-wrapper .aitrfoel-history-language-chip.is-active .aitrfoel-history-language-chip-count {
  color: rgba(255,255,255,0.76);
}

.aitrfoel-admin-wrapper .aitrfoel-history-language-caption,
.aitrfoel-dashboard-wrapper .aitrfoel-history-language-caption {
  color: var(--muted);
  font-size: 13px;
  margin-top: 8px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-filters,
.aitrfoel-dashboard-wrapper .aitrfoel-history-filters {
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.aitrfoel-admin-wrapper .aitrfoel-history-filter-select,
.aitrfoel-dashboard-wrapper .aitrfoel-history-filter-select {
  min-width: 130px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-filters-spacer,
.aitrfoel-dashboard-wrapper .aitrfoel-history-filters-spacer {
  flex: 1;
}

.aitrfoel-admin-wrapper .aitrfoel-history-clear-btn,
.aitrfoel-dashboard-wrapper .aitrfoel-history-clear-btn {
  color: #d63638 !important;
}

.aitrfoel-admin-wrapper .aitrfoel-history-table-wrap,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

.aitrfoel-admin-wrapper .aitrfoel-history-table,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table {
  min-width: 900px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--hairline);
}

.aitrfoel-admin-wrapper .aitrfoel-history-table thead th,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table thead th {
  background: var(--surface-alt);
}

.aitrfoel-admin-wrapper .aitrfoel-history-table .aitrfoel-col-date,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table .aitrfoel-col-date {
  width: 160px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-table .aitrfoel-col-lang,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table .aitrfoel-col-lang {
  width: 60px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-table .aitrfoel-col-type,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table .aitrfoel-col-type {
  width: 90px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-table .aitrfoel-col-words,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table .aitrfoel-col-words {
  width: 80px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-table .aitrfoel-col-time,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table .aitrfoel-col-time,
.aitrfoel-admin-wrapper .aitrfoel-history-table .aitrfoel-col-status,
.aitrfoel-dashboard-wrapper .aitrfoel-history-table .aitrfoel-col-status {
  width: 70px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-empty-row,
.aitrfoel-dashboard-wrapper .aitrfoel-history-empty-row {
  text-align: center;
  padding: 30px;
  color: var(--muted);
}

.aitrfoel-admin-wrapper .aitrfoel-history-date-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-history-date-cell {
  color: var(--muted);
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-lang-flag,
.aitrfoel-dashboard-wrapper .aitrfoel-history-lang-flag {
  text-decoration: none;
  cursor: pointer;
}

.aitrfoel-admin-wrapper .aitrfoel-history-type-badge,
.aitrfoel-dashboard-wrapper .aitrfoel-history-type-badge {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
}

.aitrfoel-admin-wrapper .aitrfoel-history-type-elementor,
.aitrfoel-dashboard-wrapper .aitrfoel-history-type-elementor {
  background: #92003B;
}

.aitrfoel-admin-wrapper .aitrfoel-history-type-gutenberg,
.aitrfoel-dashboard-wrapper .aitrfoel-history-type-gutenberg {
  background: #1e8cbe;
}

.aitrfoel-admin-wrapper .aitrfoel-history-type-classic,
.aitrfoel-dashboard-wrapper .aitrfoel-history-type-classic {
  background: #6a6a6a;
}

.aitrfoel-admin-wrapper .aitrfoel-history-words-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-history-words-cell,
.aitrfoel-admin-wrapper .aitrfoel-history-time-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-history-time-cell {
  text-align: right;
}

.aitrfoel-admin-wrapper .aitrfoel-history-time-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-history-time-cell {
  color: var(--muted);
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-history-status.is-success,
.aitrfoel-dashboard-wrapper .aitrfoel-history-status.is-success {
  color: #00a32a;
}

.aitrfoel-admin-wrapper .aitrfoel-history-status.is-error,
.aitrfoel-dashboard-wrapper .aitrfoel-history-status.is-error {
  color: #d63638;
}

.aitrfoel-admin-wrapper .aitrfoel-history-pagination,
.aitrfoel-dashboard-wrapper .aitrfoel-history-pagination {
  margin-top: 12px;
}

@media (max-width: 1100px) {
  .aitrfoel-admin-wrapper .aitrfoel-history-card-stat,
  .aitrfoel-dashboard-wrapper .aitrfoel-history-card-stat {
    grid-column: span 4;
  }

  .aitrfoel-admin-wrapper .aitrfoel-history-card-languages,
  .aitrfoel-dashboard-wrapper .aitrfoel-history-card-languages {
    grid-column: span 12;
  }
}

@media (max-width: 782px) {
  .aitrfoel-admin-wrapper .aitrfoel-history-summary,
  .aitrfoel-dashboard-wrapper .aitrfoel-history-summary {
    grid-template-columns: 1fr;
  }

  .aitrfoel-admin-wrapper .aitrfoel-history-card-stat,
  .aitrfoel-dashboard-wrapper .aitrfoel-history-card-stat,
  .aitrfoel-admin-wrapper .aitrfoel-history-card-languages,
  .aitrfoel-dashboard-wrapper .aitrfoel-history-card-languages {
    grid-column: span 1;
  }

  .aitrfoel-admin-wrapper .aitrfoel-history-filters-spacer,
  .aitrfoel-dashboard-wrapper .aitrfoel-history-filters-spacer {
    display: none;
  }

  .aitrfoel-admin-wrapper .aitrfoel-history-clear-btn,
  .aitrfoel-dashboard-wrapper .aitrfoel-history-clear-btn {
    width: 100%;
  }
}

.aitrfoel-admin-wrapper .aitrfoel-footer-text,
.aitrfoel-dashboard-wrapper .aitrfoel-footer-text {
  display: inline-block;
  text-align: center;
}

/* ---------------------------------------------------------------------------
   16. ANIMATED COUNT-UP HELPER
   Marks a value as ready to animate. JS reads data-target and writes.
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .meep-count-up,
.aitrfoel-dashboard-wrapper .meep-count-up {
  font-feature-settings: "tnum";
  display: inline-block;
  min-width: 1ch;
}

/* ---------------------------------------------------------------------------
   17. REVEAL ON SCROLL
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper .meep-reveal,
.aitrfoel-dashboard-wrapper .meep-reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .55s ease, transform .55s ease;
}
.aitrfoel-admin-wrapper .meep-reveal.in,
.aitrfoel-dashboard-wrapper .meep-reveal.in {
  opacity: 1;
  transform: translateY(0);
}

.js .aitrfoel-admin-wrapper:not(.meep-admin-ready) .aitrfoel-settings-section {
  opacity: 0;
}

.js .aitrfoel-admin-wrapper.meep-admin-ready .aitrfoel-settings-section {
  opacity: 1;
}

/* ---------------------------------------------------------------------------
   18. PREFERS-REDUCED-MOTION
   --------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .aitrfoel-admin-wrapper *,
  .aitrfoel-admin-wrapper *::before,
  .aitrfoel-admin-wrapper *::after,
  .aitrfoel-dashboard-wrapper *,
  .aitrfoel-dashboard-wrapper *::before,
  .aitrfoel-dashboard-wrapper *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ---------------------------------------------------------------------------
   19. SMALL SCREEN NORMALIZATION (translate-all)
   --------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-content {
    grid-template-columns: 1fr;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-languages,
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-stats,
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions {
    justify-self: stretch;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions {
    justify-content: flex-start;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions .button,
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions #aitrfoel-translate-all-site {
    flex: 1 1 calc(50% - 8px);
    min-width: 180px;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-stat:not(.aitrfoel-compact-license) {
    grid-column: span 6;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-stat.aitrfoel-compact-license {
    grid-column: span 12;
    justify-content: center;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-license-info,
  .aitrfoel-dashboard-wrapper .aitrfoel-compact-actions {
    justify-content: center;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-selection-actions {
    flex-wrap: wrap;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-selection-actions .button-small {
    flex: 1 1 calc(50% - 8px);
    min-width: 140px;
    text-align: center;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-progress-stats {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-progress-actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 782px) {
  .aitrfoel-dashboard-wrapper .aitrfoel-tab-nav {
    margin-bottom: 8px;
    padding-bottom: 2px;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-tab-nav .aitrfoel-tab-btn {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar.aitrfoel-bulk-translation-bar {
    padding: 12px !important;
    position: static !important;
    top: auto !important;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar.aitrfoel-bulk-translation-bar.is-sticky {
    position: static !important;
    top: auto !important;
    box-shadow: 0 3px 14px rgba(14,17,22,0.05) !important;
    border-left: 1px solid var(--hairline) !important;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar.aitrfoel-bulk-translation-bar.is-sticky::before {
    display: none;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-languages {
    gap: 6px 8px !important;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-source-languages,
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-target-languages {
    width: 100%;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-source-languages .button,
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-target-languages .button {
    width: 100%;
    min-width: 0;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions .button,
  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-bulk-actions #aitrfoel-translate-all-site {
    flex: 1 1 100%;
    min-width: 0;
  }

  .aitrfoel-dashboard-wrapper #aitrfoel-bulk-bar .aitrfoel-dropdown-content {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    left: 0;
    right: 0;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-stats-bar {
    grid-template-columns: 1fr;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-stat:not(.aitrfoel-compact-license),
  .aitrfoel-dashboard-wrapper .aitrfoel-compact-stat.aitrfoel-compact-license {
    grid-column: span 1;
    width: 100%;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-stat.aitrfoel-compact-license {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    min-width: 0;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-actions .aitrfoel-compact-buy-btn,
  .aitrfoel-dashboard-wrapper .aitrfoel-compact-actions .aitrfoel-compact-upgrade-btn {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-compact-value {
    overflow-wrap: anywhere;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table {
    overflow-x: visible !important;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .wp-list-table {
    min-width: 0 !important;
    width: 100% !important;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table table thead {
    display: none;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table table,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table tbody,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table tr,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table th.check-column {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table tr.aitrfoel-source-page,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table tr.aitrfoel-translation-page {
    border: 1px solid var(--hairline);
    border-radius: 10px;
    margin-bottom: 10px;
    background: var(--surface);
    overflow: hidden;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table tr.aitrfoel-source-page {
    display: block !important;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table tr.aitrfoel-translation-page.aitrfoel-translation-expanded {
    display: block !important;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table tr.aitrfoel-translation-page.aitrfoel-translation-collapsed {
    display: none !important;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table tr.aitrfoel-translation-page {
    border-left: 3px solid rgba(20,71,230,0.25);
    background: var(--surface-alt);
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table .check-column,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table th.column-cb,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td.column-cb,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table th.column-title,
  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td.column-title {
    position: static;
    left: auto;
    z-index: auto;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td[data-label] {
    display: block;
    align-items: start;
    padding: 9px 12px !important;
    border-top: 1px solid var(--hairline);
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table th.check-column {
    display: inline-flex !important;
    width: 48px !important;
    min-width: 48px !important;
    border-bottom: 0;
    border-right: 0;
    padding: 10px 12px 8px 12px !important;
    vertical-align: top;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td.column-title {
    display: inline-block !important;
    width: calc(100% - 48px) !important;
    border-top: 0 !important;
    padding: 10px 12px 8px 4px !important;
    vertical-align: top;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td.column-title::before {
    display: none;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td[data-label]:not(.column-title) {
    clear: both;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 5px;
    font-family: var(--font-mono);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted);
    font-weight: 600;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-dashboard-table th.check-column {
    border-bottom: 0;
  }

  .aitrfoel-dashboard-wrapper .column-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
  }

  .aitrfoel-dashboard-wrapper .column-expand {
    display: block !important;
    border-top: 1px solid var(--hairline);
    padding: 8px 12px !important;
  }

  .aitrfoel-dashboard-wrapper .column-expand .aitrfoel-expand-button {
    display: inline-flex !important;
  }

  .aitrfoel-dashboard-wrapper .aitrfoel-row-more .aitrfoel-row-more-menu {
    position: static;
    box-shadow: none;
    border-radius: 6px;
    margin-top: 6px;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-usage-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-usage-value {
    font-size: 18px;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-usage-bar-wrap {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-post-type-inner,
  .aitrfoel-admin-wrapper .aitrfoel-ta-lang-inner {
    width: 100%;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-detail-filters {
    gap: 6px;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-detail-filters .button-small,
  .aitrfoel-admin-wrapper .ta-detail-filter {
    flex: 1 1 calc(50% - 6px);
    min-width: 130px;
    text-align: center;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-results-summary,
  .aitrfoel-admin-wrapper .aitrfoel-ta-posts-detail {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .aitrfoel-admin-wrapper .aitrfoel-ta-results-table,
  .aitrfoel-admin-wrapper .aitrfoel-ta-detail-table {
    min-width: 680px;
  }
}

/* ============================================================
   Section 17 – Settings Page (Second Sweep) Classes
   ============================================================ */

/* --- Shared utilities --- */
.aitrfoel-admin-wrapper .aitrfoel-inactive-notice,
.aitrfoel-dashboard-wrapper .aitrfoel-inactive-notice {
  padding: 20px;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 4px;
  text-align: center;
  color: #666;
}

.aitrfoel-admin-wrapper .aitrfoel-section-intro,
.aitrfoel-dashboard-wrapper .aitrfoel-section-intro {
  margin-bottom: 15px;
  font-size: 13px;
}

.aitrfoel-admin-wrapper .aitrfoel-settings-description-top-sm,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-description-top-sm {
  margin-bottom: 12px !important;
}

.aitrfoel-admin-wrapper .aitrfoel-settings-description-top-lg,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-description-top-lg {
  margin-top: 15px !important;
}

.aitrfoel-admin-wrapper .aitrfoel-sub-heading,
.aitrfoel-dashboard-wrapper .aitrfoel-sub-heading {
  margin-top: 0;
}

.aitrfoel-admin-wrapper .aitrfoel-section-divider,
.aitrfoel-dashboard-wrapper .aitrfoel-section-divider {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #dcdcde;
}

/* --- Plugin-detected banners --- */
.aitrfoel-admin-wrapper .aitrfoel-plugin-detected-notice,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-detected-notice {
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
}

.aitrfoel-admin-wrapper .aitrfoel-plugin-detected-notice.is-success,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-detected-notice.is-success {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
}

.aitrfoel-admin-wrapper .aitrfoel-plugin-detected-notice.is-warning,
.aitrfoel-dashboard-wrapper .aitrfoel-plugin-detected-notice.is-warning {
  background: #fefce8;
  border: 1px solid #fef08a;
  color: #854d0e;
}

/* --- Action status spans (cache clear, reset, builtin lang) --- */
.aitrfoel-admin-wrapper .aitrfoel-action-status,
.aitrfoel-dashboard-wrapper .aitrfoel-action-status {
  margin-left: 10px;
  display: none;
}

/* --- Auto-translate action box --- */
.aitrfoel-admin-wrapper .aitrfoel-auto-translate-box,
.aitrfoel-dashboard-wrapper .aitrfoel-auto-translate-box {
  margin-bottom: 20px;
  padding: 16px;
  background: linear-gradient(135deg, #f0f6fc 0%, #e8f0fe 100%);
  border: 1px solid #c3d9f0;
  border-radius: 6px;
}

.aitrfoel-admin-wrapper .aitrfoel-action-box-heading,
.aitrfoel-dashboard-wrapper .aitrfoel-action-box-heading {
  margin: 0 0 8px;
  font-size: 14px;
}

.aitrfoel-admin-wrapper .aitrfoel-action-box-desc,
.aitrfoel-dashboard-wrapper .aitrfoel-action-box-desc {
  margin: 0 0 12px;
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-action-button-row,
.aitrfoel-dashboard-wrapper .aitrfoel-action-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.aitrfoel-admin-wrapper .aitrfoel-action-translate-all-row,
.aitrfoel-dashboard-wrapper .aitrfoel-action-translate-all-row {
  margin-top: 12px;
}

/* --- Auto-translate status / template translate status --- */
.aitrfoel-admin-wrapper .aitrfoel-auto-translate-status,
.aitrfoel-dashboard-wrapper .aitrfoel-auto-translate-status,
.aitrfoel-admin-wrapper .aitrfoel-tpl-translate-status,
.aitrfoel-dashboard-wrapper .aitrfoel-tpl-translate-status {
  margin-top: 10px;
  display: none;
}

.aitrfoel-admin-wrapper .aitrfoel-spinner-row,
.aitrfoel-dashboard-wrapper .aitrfoel-spinner-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.aitrfoel-admin-wrapper .aitrfoel-inline-spinner,
.aitrfoel-dashboard-wrapper .aitrfoel-inline-spinner {
  float: none;
  visibility: visible;
  margin: 0;
}

.aitrfoel-admin-wrapper .aitrfoel-action-msg,
.aitrfoel-dashboard-wrapper .aitrfoel-action-msg {
  font-size: 13px;
  color: #1d2327;
}

.aitrfoel-admin-wrapper .aitrfoel-auto-translate-log,
.aitrfoel-dashboard-wrapper .aitrfoel-auto-translate-log,
.aitrfoel-admin-wrapper .aitrfoel-action-log,
.aitrfoel-dashboard-wrapper .aitrfoel-action-log,
.aitrfoel-admin-wrapper .aitrfoel-tpl-translate-log,
.aitrfoel-dashboard-wrapper .aitrfoel-tpl-translate-log {
  margin-top: 8px;
  max-height: 200px;
  overflow-y: auto;
  font-size: 12px;
  color: #555;
  font-family: monospace;
  background: #fff;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #dcdcde;
}

/* --- Collapsible panels --- */
.aitrfoel-admin-wrapper .aitrfoel-collapsible-header,
.aitrfoel-dashboard-wrapper .aitrfoel-collapsible-header {
  margin-top: 20px;
  margin-bottom: 20px;
}

.aitrfoel-admin-wrapper .aitrfoel-collapsible-toggle,
.aitrfoel-dashboard-wrapper .aitrfoel-collapsible-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #646970;
  text-decoration: none;
  padding: 6px 0;
}

.aitrfoel-admin-wrapper .aitrfoel-icon-sm,
.aitrfoel-dashboard-wrapper .aitrfoel-icon-sm {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
}

.aitrfoel-admin-wrapper .aitrfoel-collapse-arrow,
.aitrfoel-dashboard-wrapper .aitrfoel-collapse-arrow {
  display: inline-flex;
  width: 14px;
  height: 14px;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}

.aitrfoel-admin-wrapper .aitrfoel-collapsible-panel,
.aitrfoel-dashboard-wrapper .aitrfoel-collapsible-panel {
  display: none;
  margin-bottom: 24px;
  padding: 16px;
  background: #fafafa;
  border: 1px solid #e2e4e7;
  border-radius: 4px;
}

.aitrfoel-admin-wrapper .aitrfoel-form-table-notop,
.aitrfoel-dashboard-wrapper .aitrfoel-form-table-notop {
  margin-top: 0;
}

/* --- Warning notices --- */
.aitrfoel-admin-wrapper .aitrfoel-warning-notice,
.aitrfoel-dashboard-wrapper .aitrfoel-warning-notice {
  padding: 16px;
  background: #fefce8;
  border: 1px solid #fef08a;
  border-radius: 4px;
  margin-bottom: 16px;
  color: #854d0e;
}

/* --- Settings table / templates table --- */
.aitrfoel-admin-wrapper .aitrfoel-settings-table,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-table {
  margin-bottom: 16px;
}

.aitrfoel-admin-wrapper .aitrfoel-th-template,
.aitrfoel-dashboard-wrapper .aitrfoel-th-template {
  padding: 8px;
  width: 40%;
}

.aitrfoel-admin-wrapper .aitrfoel-th-type,
.aitrfoel-dashboard-wrapper .aitrfoel-th-type {
  padding: 8px;
  width: 12%;
}

.aitrfoel-admin-wrapper .aitrfoel-td,
.aitrfoel-dashboard-wrapper .aitrfoel-td {
  padding: 8px;
}

/* --- Type badges --- */
.aitrfoel-admin-wrapper .aitrfoel-type-badge,
.aitrfoel-dashboard-wrapper .aitrfoel-type-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-type-hf,
.aitrfoel-dashboard-wrapper .aitrfoel-type-hf {
  background: #dcfce7;
  color: #166534;
}

.aitrfoel-admin-wrapper .aitrfoel-type-other,
.aitrfoel-dashboard-wrapper .aitrfoel-type-other {
  background: #e8f0fe;
  color: #1a56db;
}

.aitrfoel-admin-wrapper .aitrfoel-type-generic,
.aitrfoel-dashboard-wrapper .aitrfoel-type-generic {
  background: #f3f4f6;
  color: #6b7280;
}

/* --- Translation status indicators --- */
.aitrfoel-admin-wrapper .aitrfoel-lang-code,
.aitrfoel-dashboard-wrapper .aitrfoel-lang-code {
  font-weight: 500;
}

.aitrfoel-admin-wrapper .aitrfoel-exists-check,
.aitrfoel-dashboard-wrapper .aitrfoel-exists-check {
  color: #16a34a;
}

.aitrfoel-admin-wrapper .aitrfoel-missing-check,
.aitrfoel-dashboard-wrapper .aitrfoel-missing-check {
  color: #dc2626;
}

/* --- Translate buttons (small) --- */
.aitrfoel-admin-wrapper .aitrfoel-retranslate-btn,
.aitrfoel-dashboard-wrapper .aitrfoel-retranslate-btn {
  font-size: 10px !important;
  padding: 0 5px !important;
  min-height: 20px !important;
  line-height: 1.5 !important;
  color: #646970 !important;
  border-color: #c3c4c7 !important;
}

.aitrfoel-admin-wrapper .aitrfoel-translate-btn-sm,
.aitrfoel-dashboard-wrapper .aitrfoel-translate-btn-sm {
  font-size: 10px !important;
  padding: 0 5px !important;
  min-height: 20px !important;
  line-height: 1.5 !important;
}

.aitrfoel-admin-wrapper .aitrfoel-template-id,
.aitrfoel-dashboard-wrapper .aitrfoel-template-id {
  color: #999;
  font-size: 11px;
}

/* Translated template id pill (inline next to the language flag) */
.aitrfoel-admin-wrapper .aitrfoel-translated-id,
.aitrfoel-dashboard-wrapper .aitrfoel-translated-id {
  color: #2271b1;
  font-weight: 600;
  margin-left: 2px;
}

/* Copy-shortcode button inside the language pill */
.aitrfoel-admin-wrapper .aitrfoel-copy-tpl-shortcode,
.aitrfoel-dashboard-wrapper .aitrfoel-copy-tpl-shortcode {
  min-height: 22px !important;
  padding: 0 6px !important;
  line-height: 20px !important;
  font-size: 12px !important;
  margin-left: 2px !important;
}

/* --- Collapsible footer (all-templates translate bar) --- */
.aitrfoel-admin-wrapper .aitrfoel-collapsible-footer,
.aitrfoel-dashboard-wrapper .aitrfoel-collapsible-footer {
  padding: 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}

.aitrfoel-admin-wrapper .aitrfoel-translate-tpl-mr,
.aitrfoel-dashboard-wrapper .aitrfoel-translate-tpl-mr {
  margin-right: 8px;
}

/* --- Force-retranslate label + checkbox --- */
.aitrfoel-admin-wrapper .aitrfoel-force-label,
.aitrfoel-dashboard-wrapper .aitrfoel-force-label {
  font-size: 12px;
  color: #646970;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.aitrfoel-admin-wrapper .aitrfoel-force-checkbox,
.aitrfoel-dashboard-wrapper .aitrfoel-force-checkbox {
  margin: 0;
}

/* --- Menus & Widgets: location cards --- */
.aitrfoel-admin-wrapper .aitrfoel-location-card,
.aitrfoel-dashboard-wrapper .aitrfoel-location-card {
  margin-bottom: 14px;
  padding: 10px;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 4px;
}

.aitrfoel-admin-wrapper .aitrfoel-location-slug,
.aitrfoel-dashboard-wrapper .aitrfoel-location-slug {
  color: #666;
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-location-grid,
.aitrfoel-dashboard-wrapper .aitrfoel-location-grid {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 6px;
}

.aitrfoel-admin-wrapper .aitrfoel-location-label,
.aitrfoel-dashboard-wrapper .aitrfoel-location-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.aitrfoel-admin-wrapper .aitrfoel-location-select,
.aitrfoel-dashboard-wrapper .aitrfoel-location-select {
  flex: 1;
  min-width: 0;
}

/* --- Menus & Widgets: widget sidebar cards --- */
.aitrfoel-admin-wrapper .aitrfoel-widget-sidebar-card,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-sidebar-card {
  margin-bottom: 16px;
  padding: 12px;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 4px;
}

.aitrfoel-admin-wrapper .aitrfoel-sidebar-name,
.aitrfoel-dashboard-wrapper .aitrfoel-sidebar-name {
  font-size: 13px;
}

.aitrfoel-admin-wrapper .aitrfoel-widget-table,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-table {
  margin-top: 8px;
  border: none;
}

.aitrfoel-admin-wrapper .aitrfoel-widget-th-name,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-th-name {
  padding: 6px 8px;
  font-size: 12px;
  width: 40%;
}

.aitrfoel-admin-wrapper .aitrfoel-widget-th-langs,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-th-langs {
  padding: 6px 8px;
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-widget-name-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-name-cell {
  padding: 6px 8px;
  font-size: 13px;
  vertical-align: middle;
}

.aitrfoel-admin-wrapper .aitrfoel-widget-id,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-id {
  color: #999;
  font-size: 11px;
}

.aitrfoel-admin-wrapper .aitrfoel-widget-langs-cell,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-langs-cell {
  padding: 6px 8px;
}

.aitrfoel-admin-wrapper .aitrfoel-widget-all-label,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-all-label {
  margin-right: 10px;
  font-size: 12px;
}

.aitrfoel-admin-wrapper .aitrfoel-widget-lang-label,
.aitrfoel-dashboard-wrapper .aitrfoel-widget-lang-label {
  margin-right: 8px;
  font-size: 12px;
  white-space: nowrap;
}

/* --- Privacy section --- */
.aitrfoel-admin-wrapper .aitrfoel-privacy-section,
.aitrfoel-dashboard-wrapper .aitrfoel-privacy-section {
  background: #f0f8ff;
  border-left: 4px solid #1447E6;
  padding: 20px;
  margin-top: 30px;
}

.aitrfoel-admin-wrapper .aitrfoel-disc-list,
.aitrfoel-dashboard-wrapper .aitrfoel-disc-list {
  list-style: disc;
  margin-left: 20px;
}

.aitrfoel-admin-wrapper .aitrfoel-disc-list-mb,
.aitrfoel-dashboard-wrapper .aitrfoel-disc-list-mb {
  margin-bottom: 10px;
}

.aitrfoel-admin-wrapper .aitrfoel-privacy-data-box,
.aitrfoel-dashboard-wrapper .aitrfoel-privacy-data-box {
  background: white;
  padding: 15px;
  border-radius: 4px;
  margin: 15px 0;
}

.aitrfoel-admin-wrapper .aitrfoel-privacy-data-heading,
.aitrfoel-dashboard-wrapper .aitrfoel-privacy-data-heading {
  margin: 0 0 10px 0;
}

.aitrfoel-admin-wrapper .aitrfoel-privacy-data-heading-mt,
.aitrfoel-dashboard-wrapper .aitrfoel-privacy-data-heading-mt {
  margin: 10px 0 0 0;
}

.aitrfoel-admin-wrapper .aitrfoel-privacy-links,
.aitrfoel-dashboard-wrapper .aitrfoel-privacy-links {
  margin-bottom: 0;
}

/* --- Reset section --- */
.aitrfoel-admin-wrapper .aitrfoel-reset-section,
.aitrfoel-dashboard-wrapper .aitrfoel-reset-section {
  background: #fff5f5;
  border: 1px solid #e2401c;
  border-radius: 6px;
  padding: 20px;
  margin-top: 30px;
}

.aitrfoel-admin-wrapper .aitrfoel-reset-heading,
.aitrfoel-dashboard-wrapper .aitrfoel-reset-heading {
  margin-top: 0;
  color: #d63638;
}

.aitrfoel-admin-wrapper .aitrfoel-reset-data-btn,
.aitrfoel-dashboard-wrapper .aitrfoel-reset-data-btn {
  font-size: 13px !important;
  padding: 6px 16px !important;
}

/* --- Built-in language manager --- */
.aitrfoel-admin-wrapper .aitrfoel-builtin-lang-management,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-management {
  margin-top: 15px;
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

.aitrfoel-admin-wrapper .aitrfoel-debug-panel,
.aitrfoel-dashboard-wrapper .aitrfoel-debug-panel {
  margin-bottom: 15px;
  padding: 12px;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 4px;
  font-size: 12px;
  font-family: monospace;
}

.aitrfoel-admin-wrapper .aitrfoel-debug-heading,
.aitrfoel-dashboard-wrapper .aitrfoel-debug-heading {
  color: #856404;
}

.aitrfoel-admin-wrapper .aitrfoel-debug-body,
.aitrfoel-dashboard-wrapper .aitrfoel-debug-body {
  margin-top: 8px;
  color: #666;
}

.aitrfoel-admin-wrapper .aitrfoel-debug-mismatch,
.aitrfoel-dashboard-wrapper .aitrfoel-debug-mismatch {
  margin-top: 8px;
  color: #d32f2f;
}

.aitrfoel-admin-wrapper .aitrfoel-debug-raw,
.aitrfoel-dashboard-wrapper .aitrfoel-debug-raw {
  margin-top: 8px;
  background: #fff;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-lang-status,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-status {
  margin-top: 10px;
  display: none;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-lang-status.is-success,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-status.is-success {
  color: #00a32a;
}

.aitrfoel-admin-wrapper .aitrfoel-builtin-lang-status.is-error,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-status.is-error {
  color: #d63638;
}

/* ============================================================
   Section 18 - Mobile Overrides (Settings page)
   ============================================================ */
@media (max-width: 782px) {
  /* -- section-multilingual: allow inner content to scroll horizontally
        instead of being clipped by the card's overflow:hidden ----------- */
  .aitrfoel-admin-wrapper #section-multilingual,
  .aitrfoel-dashboard-wrapper #section-multilingual {
    overflow: visible !important;
  }

  .aitrfoel-admin-wrapper #section-multilingual .form-table,
  .aitrfoel-dashboard-wrapper #section-multilingual .form-table {
    table-layout: fixed;
    width: 100%;
  }

  .aitrfoel-admin-wrapper #section-multilingual .form-table th,
  .aitrfoel-dashboard-wrapper #section-multilingual .form-table th,
  .aitrfoel-admin-wrapper #section-multilingual .form-table td,
  .aitrfoel-dashboard-wrapper #section-multilingual .form-table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding-right: 0 !important;
  }

  .aitrfoel-admin-wrapper #section-multilingual .aitrfoel-multilingual-info,
  .aitrfoel-dashboard-wrapper #section-multilingual .aitrfoel-multilingual-info,
  .aitrfoel-admin-wrapper #section-multilingual .description,
  .aitrfoel-dashboard-wrapper #section-multilingual .description,
  .aitrfoel-admin-wrapper #section-multilingual p,
  .aitrfoel-dashboard-wrapper #section-multilingual p {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .aitrfoel-admin-wrapper #section-multilingual .aitrfoel-settings-actions-row .button,
  .aitrfoel-dashboard-wrapper #section-multilingual .aitrfoel-settings-actions-row .button {
    max-width: 100%;
    white-space: normal;
  }

  .aitrfoel-admin-wrapper .aitrfoel-builtin-lang-management,
  .aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-management {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* -- builtin-languages-table: compact mode on mobile ----------------- */
  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table,
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table {
    display: block;
    width: 100%;
    min-width: 0;
    font-size: 12px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(14,17,22,0.05);
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table thead,
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table thead {
    display: none !important;
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody,
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody,
  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tr,
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tr {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody tr,
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "code language"
      "default actions";
    gap: 8px 10px;
    padding: 10px;
    border-bottom: 1px solid var(--hairline);
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody tr:last-child,
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody tr:last-child {
    border-bottom: 0;
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody td,
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody td {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border-bottom: 0;
    min-width: 0;
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody td:nth-child(1),
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody td:nth-child(1) {
    grid-area: code;
    justify-content: flex-start;
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody td:nth-child(2),
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody td:nth-child(2) {
    grid-area: language;
    justify-content: flex-end;
    text-align: right;
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody td:nth-child(3),
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody td:nth-child(3) {
    grid-area: default;
    justify-content: flex-start;
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table tbody td:nth-child(4),
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table tbody td:nth-child(4) {
    grid-area: actions;
    justify-content: flex-end;
  }

  .aitrfoel-admin-wrapper .aitrfoel-builtin-lang-default-cell,
  .aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-default-cell {
    width: auto;
    text-align: left;
  }

  .aitrfoel-admin-wrapper .aitrfoel-builtin-lang-actions-cell,
  .aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-actions-cell {
    width: auto;
    text-align: right;
    white-space: nowrap;
  }

  .aitrfoel-admin-wrapper .aitrfoel-builtin-lang-name-cell,
  .aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-name-cell {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .aitrfoel-admin-wrapper .aitrfoel-builtin-lang-name-cell img,
  .aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-name-cell img {
    flex: 0 0 auto;
    width: 18px;
    height: auto;
    margin-right: 0 !important;
  }

  .aitrfoel-admin-wrapper .aitrfoel-builtin-lang-code,
  .aitrfoel-dashboard-wrapper .aitrfoel-builtin-lang-code {
    min-width: 32px;
    font-size: 10px;
    padding: 3px 6px;
  }

  .aitrfoel-admin-wrapper #aitrfoel-builtin-languages-table .button.button-small,
  .aitrfoel-dashboard-wrapper #aitrfoel-builtin-languages-table .button.button-small {
    min-height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 11px;
  }
}

/* Restore native dropdown indicator for these settings selects */
.aitrfoel-admin-wrapper .aitrfoel-settings-select,
.aitrfoel-dashboard-wrapper .aitrfoel-settings-select,
.aitrfoel-admin-wrapper .aitrfoel-builtin-add-language-select,
.aitrfoel-dashboard-wrapper .aitrfoel-builtin-add-language-select {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  background-image: none !important;
  padding-right: 12px !important;
}

.aitrfoel-admin-wrapper #aitrfoel_switcher_style,
.aitrfoel-dashboard-wrapper #aitrfoel_switcher_style,
.aitrfoel-admin-wrapper .aitrfoel-name-display-select,
.aitrfoel-dashboard-wrapper .aitrfoel-name-display-select {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  background-image: none !important;
  padding-right: 12px !important;
}

.aitrfoel-dashboard-wrapper #aitrfoel-select-source-language,
.aitrfoel-dashboard-wrapper #aitrfoel-select-languages {
  padding-right: 22px !important;
}

.aitrfoel-dashboard-wrapper #aitrfoel-select-languages {
  padding-left: 6px !important;
}

.aitrfoel-dashboard-wrapper #aitrfoel-select-source-language::after,
.aitrfoel-dashboard-wrapper #aitrfoel-select-languages::after {
  content: '▼' !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  right: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #59657a !important;
  font-size: 10px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

/* ---------------------------------------------------------------------------
   Authoritative dropdown caret — appended last so it wins the cascade. Sets the
   whole background in one shorthand, so no earlier "background:" declaration can
   strip the arrow image off our custom-styled selects (nav-menu location, etc.).
   --------------------------------------------------------------------------- */
.aitrfoel-admin-wrapper select:not([multiple]):not([size]),
.aitrfoel-dashboard-wrapper select:not([multiple]):not([size]),
select.aitrfoel-nav-menu-location-select,
select.aitrfoel-settings-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding-right: 34px !important;
  background-color: var(--surface, #fff) !important;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M7 10L12 15L17 10" stroke="%2359657A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 13px 13px !important;
}
