.english-mesa-entry-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
#englishMesaEntryActions { flex-wrap: nowrap; align-items: stretch; }
#englishMesaView #englishMesaEntryActions button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  flex: 1 1 0;
  min-width: 0;
  white-space: normal;
  text-align: center;
  min-height: 44px;
  padding: 10px 12px;
  margin: 0;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.3;
  border: 1px solid var(--line, #ddd) !important;
  border-radius: 12px;
  background: var(--paper-solid, #fff) !important;
  color: var(--text, #161616) !important;
  box-shadow: none;
}
#englishMesaView #englishMesaEntryActions button:hover:not(:disabled) {
  background: var(--soft, #f7f7f4) !important;
  border-color: var(--green, #2f7d45) !important;
}
#englishMesaView #englishMesaEntryActions button:focus-visible { outline: 2px solid var(--green, #2f7d45); outline-offset: 3px; }
.english-mesa-context-note, #englishMesaNativeCatalogStatus,
#englishMesaView .english-mesa-status.english-mesa-info {
  color: var(--muted, #64748b);
  font-size: .85rem;
  line-height: 1.45;
}
.english-mesa-context-note { margin: 0 0 12px; }
#englishMesaNativeLessons { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 10px; margin: 16px 0; }
#englishMesaNativeLessons button { display: grid; gap: 6px; padding: 14px; text-align: left; background: var(--paper-solid, #fff); color: var(--text, #161616); border: 1px solid var(--line, #ddd); border-radius: 12px; }
#englishMesaNativeLessons span { font-size: .85rem; font-weight: 400; }
/* RV-01: scoped font face keeps every other title and module unchanged. */
@font-face {
  font-family: 'DaEsta Inter Catalog';
  src: url('/vendor/inter-latin-600.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
#englishMesaNativeLessons button > strong {
  font-family: 'DaEsta Inter Catalog', Inter, sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: var(--text, #161616);
  line-height: 1.4;
}
#englishMesaNativeNavigation { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin: 14px 0; }
#englishMesaNativeCatalog select, #englishMesaNativeNavigation select { max-width: 100%; padding: 8px; }
#englishMesaStepContent[data-native-approved="true"] { overflow-wrap: anywhere; }
#englishMesaStepContent[data-native-approved="true"] .preview-tables { overflow-x: auto; }
#englishMesaStepContent[data-native-approved="true"] .preview-structure-table { border-collapse: collapse; width: 100%; }
#englishMesaStepContent[data-native-approved="true"] .preview-structure-table td, #englishMesaStepContent[data-native-approved="true"] .preview-structure-table th { padding: 8px; border: 1px solid var(--line, #ddd); }
#englishMesaStepContent[data-native-approved="true"] .preview-map-blocks { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
#englishMesaStepContent[data-native-approved="true"] button { padding: 9px 12px; background: var(--paper-solid, #fff); color: var(--text, #161616); border: 1px solid var(--line, #ddd); border-radius: 8px; cursor: pointer; }
#englishMesaStepContent[data-native-approved="true"] .is-selected { background: #edf7ef; border-color: #2f7d45; }
.english-native-map, #englishMesaStepContent[data-native-approved="true"] .preview-reading { padding: 12px; margin: 12px 0; background: var(--soft, #f7f7f4); border-left: 3px solid var(--green, #2f7d45); }

/* DA ESTA — ENGLISH MESA UPGRADE VISUAL AZUL PROFUNDO & BRANCO PEROLADO */
:root[data-daesta-theme="blue"] #englishMesaView #englishMesaEntryActions button,
:root[data-daesta-theme="blue"] #englishMesaNativeLessons button,
body:not([data-daesta-theme="white"]) #englishMesaView #englishMesaEntryActions button,
body:not([data-daesta-theme="white"]) #englishMesaNativeLessons button {
  background: rgba(248, 235, 210, 0.06) !important;
  color: #f5efe4 !important;
  border: 1px solid rgba(255, 245, 225, 0.35) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
}

:root[data-daesta-theme="blue"] #englishMesaView #englishMesaEntryActions button:hover:not(:disabled),
:root[data-daesta-theme="blue"] #englishMesaNativeLessons button:hover:not(:disabled),
body:not([data-daesta-theme="white"]) #englishMesaView #englishMesaEntryActions button:hover:not(:disabled),
body:not([data-daesta-theme="white"]) #englishMesaNativeLessons button:hover:not(:disabled) {
  background: rgba(248, 235, 210, 0.12) !important;
  border-color: rgba(255, 245, 225, 0.60) !important;
  color: #ffffff !important;
}
