/* Admin > Message templates (INT-0001). The page uses the site's own variables, so it follows light, dark and the themes; the email itself is drawn in a sandboxed frame from its own response. */
.mt-sample { margin: 0 0 1rem; padding: .6rem .8rem; border: 1px solid var(--color-border); border-left: 5px solid var(--color-accent); border-radius: var(--radius-md); background: var(--color-surface); }
.mt-group h2 .chip { font-size: .8rem; vertical-align: middle; }
.mt-list .mt-snippet { display: block; overflow-wrap: anywhere; }
.mt-facts { display: grid; gap: .4rem; margin: .8rem 0 0; }
.mt-facts > div { display: grid; grid-template-columns: 9rem 1fr; gap: .5rem; }
.mt-facts dt { color: var(--color-text-muted); }
.mt-facts dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 40rem) { .mt-facts > div { grid-template-columns: 1fr; gap: 0; } }
.mt-schemes { display: flex; gap: .5rem; margin: .4rem 0 .8rem; }
.mt-frame { display: block; width: 100%; height: 32rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #ffffff; }
.mt-frame-dark { background: #1b1c20; }
.mt-plain { margin: 0; padding: .8rem; max-height: 28rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); font: inherit; }
.mt-text { margin: 0 0 1rem; }
.mt-bubble { margin: .3rem 0; padding: .7rem .9rem; max-width: 26rem; border: 1px solid var(--color-border); border-radius: 1rem 1rem 1rem .25rem; background: var(--color-surface); overflow-wrap: anywhere; }
.mt-count { display: flex; flex-wrap: wrap; gap: .4rem; margin: .2rem 0 0; }
.mt-switches { margin: 0; padding-left: 1.1rem; display: grid; gap: .5rem; }
.mt-switches li { overflow-wrap: anywhere; }
@media print {
  /* Paper gets the words: the page's chrome, the frame and the controls go; the plain text and the switches stay, and a long text is not cut. */
  .mt-noprint, .mt-frame, .mt-schemes, form[role="search"], .live-busy, .mobilebar, .sidenav, #sidenav, .skip, .assume-bar, .env-banner, .note-area, .rail, .menu-rail { display: none !important; }
  .mt-plain { max-height: none; overflow: visible; border: 0; padding: 0; }
  .mt-sample { border-left-width: 1px; }
  a[href]::after { content: none; }
}