/* TeleXtra phase 18: the platform, plan, notifications, API, privacy and backup pages. Theme tokens only (light + dark),
   no fixed widths: every row wraps, long values break, tables scroll inside their own box (320 / 390 / 1366 px). */
.tg-pf-grid { display: grid; gap: var(--space-3, 0.75rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
.tg-pf-stat { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.tg-pf-stat strong { font-size: 1.25rem; overflow-wrap: anywhere; }
.tg-pf-meter { display: flex; flex-direction: column; gap: 0.3rem; min-width: 0; }
.tg-pf-bar { display: block; width: 100%; height: 0.6rem; }
.tg-pf-once { padding: var(--space-3, 0.75rem); border-radius: var(--radius, 0.5rem); border: 1px dashed var(--border, rgba(127, 127, 127, 0.4)); overflow-wrap: anywhere; word-break: break-all; }
.tg-pf-once code { user-select: all; }
.tg-pf-table { width: 100%; overflow-x: auto; }
.tg-pf-table table { width: 100%; border-collapse: collapse; }
.tg-pf-table th, .tg-pf-table td { text-align: start; padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--border, rgba(127, 127, 127, 0.25)); vertical-align: top; overflow-wrap: anywhere; }
.tg-pf-fields { display: grid; gap: var(--space-2, 0.5rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); }
.tg-pf-fields .field { min-width: 0; }
.tg-pf-fields .input, .tg-pf-fields .select { width: 100%; max-width: 100%; }
.tg-pf-ops li { overflow-wrap: anywhere; }
.tg-pf-ops code { word-break: break-all; }
.tg-imp { border-color: var(--warning, #d97706); }

/* Phase 19 (R27.5): the helpers these public pages use (tg-admin.css is not loaded here) */
.tg-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.tg-row > *,
.tg-wrap {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.tg-mono {
  font-family: var(--font-mono);
  max-width: 100%;
  overflow-wrap: anywhere;
}