.commercial-mobile-cards{display:none}
@media(max-width:639px){
.commercial-mobile-screen{min-width:0;overflow-wrap:anywhere}
.commercial-mobile-screen .workspace-page-header{padding:16px;border-radius:8px;gap:12px}
.commercial-mobile-screen .workspace-page-header h1{font-size:21px;line-height:1.4}
.commercial-mobile-screen .workspace-surface{border-radius:8px}
.commercial-mobile-screen .workspace-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:16px}
.commercial-mobile-screen .workspace-field{min-width:0;width:100%}
.commercial-mobile-screen .commercial-desktop-table{display:none}
.commercial-mobile-screen .commercial-mobile-cards{display:grid;gap:12px;padding:12px}
.commercial-mobile-cards article{border:1px solid #d6e2f1;border-radius:8px;background:#fff;padding:16px}
.commercial-mobile-cards article.is-selected{border-color:#2454a4;background:#f7faff}
.commercial-mobile-cards dl{display:grid;gap:8px;margin:0 0 12px}
.commercial-mobile-cards dl>div{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr);gap:8px}
.commercial-mobile-cards dt{font-size:13px;color:#52647a}
.commercial-mobile-cards dd{margin:0;font-size:13px;min-width:0}
.commercial-mobile-cards small{display:block}
.commercial-mobile-screen button,.commercial-mobile-screen .prototype-button,.commercial-mobile-screen .customer-record-open{min-height:44px;white-space:normal}
.commercial-mobile-screen input,.commercial-mobile-screen select{min-height:40px;max-width:100%}
.commercial-mobile-screen .commercial-inline-detail{margin-top:12px;min-width:0}
.commercial-mobile-screen[dir=rtl], [dir=rtl] .commercial-mobile-screen{line-height:1.65}
}

/* Readable saved-mail subjects, using the existing compact mobile record cards. */
@media(max-width:639px){
 .supplier-mail-records .commercial-mobile-cards dl>div:first-child{grid-template-columns:minmax(0,1fr);gap:4px}
 .supplier-mail-records .commercial-mobile-cards dd{overflow-wrap:anywhere;white-space:normal}
 .supplier-mail-records .commercial-mobile-cards .workspace-status{max-width:100%;white-space:normal}
}

/* Keep the close hit area above long headings, limited to saved supplier mail. */
.supplier-mail-drawer > button:first-child{z-index:1;top:8px;right:8px;width:32px;height:32px;max-width:32px;max-height:32px;min-width:32px;min-height:32px;display:grid;place-items:center}
.supplier-mail-drawer > h2{padding-right:24px}

.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}