.supplier-mail-page{display:flex;flex-direction:column;gap:16px;min-width:0}
.supplier-mail-page>.toolbar{margin-bottom:0}
.supplier-mail-navigation{display:grid;gap:10px}
.supplier-mail-navigation,.supplier-mail-page>.case-list{min-width:0;width:100%}
.supplier-mail-page>.case-list{display:flex;flex-direction:column;gap:12px}
.supplier-mail-results-title{margin:0;font-size:18px}
.supplier-mail-navigation h2{font-size:16px;margin:0}
.supplier-mail-navigation h2:not(:first-child){margin-top:8px}
.supplier-mail-supplier-tabs,.supplier-mail-category-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 8px;scrollbar-width:thin}
.supplier-mail-supplier-tabs button,.supplier-mail-category-tabs button{flex:none;border:1px solid #b8d1e4;border-radius:11px;background:#fff;color:var(--navy);padding:10px 13px;font:inherit;font-weight:800;cursor:pointer;min-height:44px;white-space:nowrap}
.supplier-mail-supplier-tabs button.active,.supplier-mail-category-tabs button.active{background:#07509a;border-color:#07509a;color:#fff}
.supplier-mail-supplier-tabs button:focus-visible,.supplier-mail-category-tabs button:focus-visible{outline:3px solid #ed7b31;outline-offset:2px}
.supplier-mail-tab-count{display:inline-block;min-width:20px;margin-left:4px;padding:2px 6px;border-radius:999px;background:#eaf4fb;font-size:11px;color:#07509a}
.supplier-mail-supplier-tabs button.active .supplier-mail-tab-count{background:#fff;color:#07509a}
.supplier-mail-message{min-width:0}
.supplier-mail-message>.toolbar{align-items:flex-start}
.supplier-mail-message h2{font-size:18px;margin:8px 0 3px;overflow-wrap:anywhere}
.supplier-mail-message .case-list{grid-template-columns:minmax(0,1fr)}
.supplier-mail-message .case{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.supplier-mail-message .case{cursor:default}
.supplier-mail-piece strong{overflow-wrap:anywhere}
.supplier-mail-page #supplier-order-line-field[hidden]{display:none}
@media(max-width:700px){.supplier-mail-message>.toolbar,.supplier-mail-page>.toolbar{align-items:stretch;flex-direction:column}.supplier-mail-message>.toolbar a{align-self:flex-start}.supplier-mail-message .case{grid-template-columns:1fr}}