.mail-page .workspace-header{gap:20px}.mail-page .mail-list-panel{min-width:0}.mail-page .initialize-panel{margin-bottom:24px;background:#f8faff;border-color:#d8e2f7}.mail-page .initialize-panel p{margin:12px 0;max-width:740px;line-height:1.8}.mail-page .initialize-panel code{display:block;max-width:100%;padding:12px 15px;border:1px solid #dce4f1;background:#fff;border-radius:7px;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.mail-page .mail-filters{gap:12px}.mail-page .mail-filters .field select{width:140px}.mail-page .mail-table th:nth-child(2){width:26%}.mail-page .mail-table td:nth-child(2){overflow-wrap:anywhere;max-width:250px}.mail-page .mail-subject{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}.mail-page .mail-reference{display:block;font-size:13px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.mail-page .mail-row-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.mail-page .mail-attempts{display:block;font-size:13px;color:var(--muted);margin-top:5px}.mail-page .mail-failure{display:block;font-size:13px;color:#a44848;overflow-wrap:anywhere;margin-top:5px;max-width:190px}.mail-page .mail-detail-toolbar{display:flex;gap:10px;flex-wrap:wrap}.mail-page .mail-private-note{font-size:13px;margin-bottom:18px}.mail-page .mail-text-section{margin-top:23px}.mail-page .mail-text-section h3{margin-bottom:12px}.mail-page .mail-text{max-width:100%;background:#f7f9fd;border:1px solid #e2e8f3;border-radius:9px;margin:0;padding:19px;font-family:"Cascadia Code",Consolas,monospace;font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow:auto}.mail-page .mail-dialog .details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-page .mail-dialog .details-grid .mail-wide-detail{grid-column:1/-1}.mail-page #check-session{margin-top:10px}.mail-page #login-panel .button{width:100%}.mail-page .mail-dialog{width:min(850px,calc(100% - 32px))}
@media(max-width:1150px){.mail-page .mail-filters .search-field{flex-basis:100%}.mail-page .mail-filters .field:nth-child(2){flex:1}.mail-page .mail-filters .field select{width:100%}.mail-page .mail-filters .field:nth-child(3){flex:1}.mail-page .toolbar{max-width:330px}}
@media(max-width:800px){.mail-page .mail-filters{flex-wrap:wrap}.mail-page .mail-filters .search-field{flex-basis:100%}.mail-page .mail-table{min-width:610px}.mail-page .toolbar{max-width:250px}.mail-page .mail-list-panel{padding:21px}}
@media(max-width:520px){.mail-page .workspace-header{gap:11px}.mail-page .toolbar{max-width:none}.mail-page .toolbar>.badge{flex-basis:100%;justify-content:flex-start}.mail-page .toolbar .button{flex:1;white-space:normal;min-height:44px}.mail-page .mail-list-panel{padding:20px 17px}.mail-page .mail-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.mail-page .mail-filters .search-field{grid-column:1/-1}.mail-page .mail-filters>.button{grid-column:1/-1;justify-self:start;padding-left:0}.mail-page .mail-filters .field{min-width:0}.mail-page .mail-dialog{width:calc(100% - 18px)}.mail-page .mail-detail-toolbar>.button{width:100%;white-space:normal}.mail-page .mail-text{padding:14px;font-size:15px}.mail-page .mail-private-note{padding:12px}.mail-page .mail-dialog .details-grid{grid-template-columns:minmax(0,1fr)}.mail-page .initialize-panel{padding:20px 17px}.mail-page .initialize-panel h2{font-size:17px}.mail-page .initialize-panel code{font-size:13px}}