.mail-shell{padding:24px 32px;max-width:2600px;margin:auto}.mail-top{display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line,#dce4e0);padding-bottom:16px}.mail-top h1{font-size:23px;margin:0;flex:1}.mail-layout{display:grid;grid-template-columns:200px minmax(340px,0.85fr) minmax(450px,1.4fr);gap:24px;height:calc(100dvh - 165px);min-height:420px}.mail-layout>aside,.mail-list-panel,.reader{min-height:0;overflow:auto}.mail-layout h2{font-size:19px}#filters{display:grid;gap:5px}#filters button{text-align:left;padding:10px 12px}#filters button[aria-pressed=true]{background:#426c60;color:white}.mail-list-panel{display:flex;flex-direction:column;gap:10px}#mail-list{overflow:auto;min-height:0;flex:1}.mail-row{display:block;width:100%;text-align:left;padding:14px;border:1px solid #dce4e0;background:white;border-radius:6px;margin:0 0 7px}.mail-row[aria-current=true]{border-color:#426c60;box-shadow:inset 3px 0 #426c60}.mail-row strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-weight:550}.mail-row small{display:block;color:#61766f;font-size:13px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader{padding:24px}.mail-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.mail-actions button{border:1px solid #dce4e0}.mail-actions a{font-size:13px;margin-left:auto}.mail-message{border-top:1px solid #e0e7e4;padding:15px 0}.mail-message summary{cursor:pointer;font-size:14px}.mail-message pre,#reply-preview{font:inherit;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}#composer{border-top:1px solid #dce4e0;padding-top:18px}#composer>summary{cursor:pointer;font-weight:600}#reply-text{display:block;width:100%;padding:12px;font:inherit;border:1px solid #bacbc4;border-radius:6px;margin:8px 0 12px;resize:vertical}#send-review{margin-top:16px;padding:16px;background:#eef4f0;border-radius:6px}.mail-layout aside .caption{margin-top:24px}.mail-layout button:focus-visible{outline:3px solid #a3bfb5;outline-offset:2px}[hidden]{display:none!important}@media(max-width:1100px){.mail-layout{grid-template-columns:150px minmax(260px,1fr) minmax(320px,1.2fr);gap:12px}.mail-shell{padding:16px}}@media(max-width:800px){.mail-layout{display:block;height:auto}.mail-layout aside nav{display:flex;overflow:auto}.mail-layout aside .caption{display:none}.mail-list-panel{max-height:350px;margin:20px 0}.reader{min-height:400px}.mail-top{gap:14px}.mail-top h1{font-size:18px}}

.mail-actions button{padding:8px 10px;border-radius:5px}.mail-actions .danger{color:#a52a25;border-color:#ddb8b4}.mail-actions .danger:hover{background:#fff0ee}#ai-preview{background:#f0f5f2;padding:16px;margin:12px 0;border-radius:6px}#ai-proposal{white-space:pre-wrap;font:inherit;line-height:1.5;overflow-wrap:anywhere}#ai-preview button{padding:8px 12px;border:1px solid #c5d4cc;margin-right:8px}#composer{margin-bottom:20px}
