/* The Support module's own styles, served under _content/Smoothin.PrivateModels.Support/ (linked from
   App.razor like crm.css). The pages lean on the host's shared classes (users-page, field, feature-card,
   settings-tabs…); only what is specific to the desk lives here. */

.support-mail-form { display: flex; flex-direction: column; gap: 1.1rem; margin-top: 1.2rem; max-width: 720px; }
.support-mail-form .feature-card { cursor: default; }
.support-mail-form h3 { margin: 0.6rem 0 0; font-size: 1.05rem; }
.support-mail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 720px) { .support-mail-grid { grid-template-columns: 1fr; } }

/* Case rows: where a case came from and where its draft went. */
.support-origin { color: var(--muted); font-size: 0.85rem; }
.support-draft-link { font-size: 0.85rem; }

/* The Cases page uses the width it is given, like the Eval page: a case row carries a subject, a customer,
   a verdict, webhook and draft state — 1000px squeezed that into a scrolling strip. */
.users-page.support-cases-page { max-width: min(2400px, 98vw); }
.support-cases-page .user-table td { overflow-wrap: anywhere; }