.mail-section{margin-top:64px;padding-top:32px;border-top:1px solid #c6ae7340}.mail-toolbar,.mail-pagination{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.mail-toolbar label{display:grid;gap:8px;color:#d0c7b2;font-size:13px}.mail-toolbar select,.mail-compose input,.mail-compose textarea{font:inherit;padding:12px;background:#f0e8d2;color:#263139;border:1px solid #a49370;border-radius:0;max-width:100%;box-sizing:border-box}.mail-toolbar button{padding:12px 18px}.mail-workspace{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:24px;margin-top:24px}.mail-items{display:grid;align-content:start;gap:8px;max-height:720px;overflow:auto}.mail-item{display:grid;gap:8px;text-align:left;background:#23313a;color:#eae3cf;border:1px solid #c6ae7333;padding:18px;width:100%;overflow-wrap:anywhere;cursor:pointer}.mail-item:hover{border-color:#c6ae73}.mail-item span,.mail-item small{font-size:12px;opacity:.8}.mail-reader,.mail-compose{padding:28px;background:#f0e8d2;color:#27323a;min-width:0}.mail-reader h2{overflow-wrap:anywhere}.mail-reader pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 Arial,sans-serif}.mail-reader #mail-meta{font-size:12px;color:#5b6469}.mail-reader button{margin:12px 0}.mail-attachments{display:grid;gap:12px}.mail-attachments a{color:#374b57;overflow-wrap:anywhere}.mail-compose{margin-top:24px}.mail-compose label{display:grid;gap:8px;margin:16px 0}.mail-compose textarea{min-height:220px;resize:vertical;background:#fffaf0}.mail-compose input{background:#fffaf0;width:100%}.mail-compose .primary{width:auto;padding:14px 22px}.mail-compose .compose-actions{display:flex;gap:20px;align-items:center}.mail-pagination{margin-top:20px;justify-content:center}.mail-pagination button{color:#e7d6a7;background:transparent;border:1px solid #c6ae7340;padding:10px 16px}.mail-section button:disabled{opacity:.45;cursor:default}#mail-status,#compose-status{font-size:14px;line-height:1.6}#mail-reader[hidden],#mail-compose[hidden]{display:none}@media(max-width:760px){.mail-workspace{grid-template-columns:1fr}.mail-items{max-height:350px}.mail-toolbar label{width:100%}.mail-toolbar select{width:100%}.mail-reader,.mail-compose{padding:20px}.mail-section{margin-top:36px}}

.mail-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.mail-tabs button{background:transparent;color:#dac58b;border:1px solid #c6ae7350;font:inherit;padding:14px 22px;cursor:pointer}.mail-tabs button[aria-pressed="true"]{background:#dac58b;color:#1e2c35}.mail-section{margin-top:24px}#mail[hidden],#orders-view[hidden]{display:none}