.mail-open{white-space:nowrap;min-height:36px;color:var(--green)}
#main.mail-workspace{max-width:none;padding:24px;}
#mail-viewer{display:flex;flex-direction:column;width:100%;height:calc(100dvh - 124px);min-height:540px;padding:0;border:1px solid var(--line);border-radius:12px;color:#25362f;background:#fff;overflow:hidden}
.mail-view-top{flex-shrink:0;padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;background:#f8faf7}.mail-view-top h1{font-size:19px;margin:0 0 5px;letter-spacing:-.5px}.mail-view-top>div{min-width:0;flex:1}.mail-view-top p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.mail-view-top select{margin-left:auto;width:220px;max-width:30%;font:inherit;font-size:13px;padding:10px;border:1px solid var(--line);border-radius:6px;background:white}.mail-view-top button{min-height:40px}
.mail-layout{display:grid;grid-template-columns:165px 290px minmax(0,1fr);flex:1;min-height:0}.mail-folder-pane{border-right:1px solid var(--line);padding:16px 12px;overflow:auto;background:#fbfcfa}.mail-folder-pane summary{list-style:none;font-weight:700;font-size:13px;padding:8px;pointer-events:none}.mail-folder-pane details:not([open])>div{display:block}.mail-folder-pane input{width:100%;padding:9px;font-size:12px;border:1px solid var(--line);border-radius:6px;margin:8px 0 12px}.mail-folder{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:11px 9px;text-align:left;border:0;border-radius:5px;background:none;font-size:12px;color:#4f6256;overflow-wrap:anywhere}.mail-folder small{color:#829183;flex-shrink:0}.mail-folder[aria-pressed=true]{background:#e7f1e9;color:#225d44;font-weight:700}.mail-folder:hover{background:#eff4ed}
.mail-list-pane{min-width:0;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.mail-list-heading{padding:16px;display:flex;gap:8px;align-items:center;font-size:13px}.mail-list-heading strong{overflow-wrap:anywhere;flex:1}.mail-list-heading span{font-size:11px;color:var(--muted)}.mail-list-heading button{background:none;border:1px solid var(--line);border-radius:4px;padding:6px;color:var(--green)}#mail-search-form{display:flex;padding:0 14px 12px;gap:6px}#mail-query{width:100%;min-width:0;padding:9px;font:inherit;font-size:12px;border:1px solid var(--line);border-radius:5px}#mail-search-form button{white-space:nowrap}#mail-list{overflow:auto;flex:1;min-height:0}.mail-item{display:flex;flex-direction:column;gap:7px;width:100%;padding:17px 16px;border:0;border-top:1px solid #edf0eb;background:white;text-align:left;color:inherit}.mail-item:hover{background:#f7faf5}.mail-item[aria-pressed=true]{background:#eef5ed;box-shadow:inset 3px 0 #3d795a}.mail-item strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.mail-sender{font-size:11px;color:#667569}.mail-preview{font-size:11px;color:#8b948c;line-height:1.6}.mail-sender,.mail-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.mail-item small{font-size:10px;color:#8b958b}.mail-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px;border-top:1px solid var(--line);font-size:11px}.mail-pagination button{padding:7px 10px}.mail-placeholder{padding:40px 22px;text-align:center;color:#849185;font-size:13px;line-height:1.8}.mail-error{color:#a2493a;font-size:12px;line-height:1.6;padding:0 15px}.mail-error:empty{display:none}#mail-list-retry{margin:15px}
.mail-detail{overflow:auto;min-width:0;padding:22px}.mail-detail-header h3{font-size:21px;line-height:1.5;margin:0 0 20px;overflow-wrap:anywhere}.mail-metadata{display:grid;grid-template-columns:68px minmax(0,1fr);gap:9px;font-size:12px;line-height:1.6;margin:0 0 20px}.mail-metadata dt{color:#829081}.mail-metadata dd{margin:0;overflow-wrap:anywhere}.mail-body-actions{display:flex;flex-wrap:wrap;gap:7px;padding:15px 0;border-top:1px solid var(--line)}.mail-body-actions button[aria-pressed=true]{background:#e8f1e7;color:#23634d}.mail-attachments{font-size:12px;overflow-wrap:anywhere}.mail-attachments ul{padding-left:18px;color:#718070;line-height:1.9}.mail-notice{font-size:11px;line-height:1.8;color:#89917f;margin:10px 0}.mail-body iframe{width:100%;height:65vh;min-height:380px;border:1px solid #edf0eb;background:#fff}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.9;margin:0;padding:16px;border:1px solid #edf0eb}.mail-back{display:none}
@media(max-width:1300px){.mail-view-top select{display:none}.mail-layout{grid-template-columns:150px 260px minmax(0,1fr)}.mail-detail{padding:18px}}
@media(max-width:1100px){.mail-layout{display:flex;flex-direction:column}.mail-folder-pane{padding:5px 12px;flex-shrink:0;max-height:40%;border-bottom:1px solid var(--line);border-right:0}.mail-folder-pane summary{pointer-events:auto;list-style:disclosure-closed;cursor:pointer;padding:9px}.mail-folder-pane details:not([open])>div{display:none}.mail-folder{min-height:44px}.mail-list-pane{flex:1;overflow:hidden;border:0}.mail-detail{display:none;flex:1;padding:18px;overflow:auto}.show-detail .mail-detail{display:block}.show-detail .mail-folder-pane,.show-detail .mail-list-pane{display:none}.mail-back{display:inline-flex;margin-bottom:18px}.mail-detail-header h3{font-size:18px}.mail-body-actions .button{min-height:40px}}
@media(max-width:800px){#main.mail-workspace{padding:12px}#mail-viewer{height:calc(100dvh - 228px);min-height:480px;border-radius:9px}.mail-view-top{padding:14px;gap:8px}.mail-view-top h1{font-size:17px}.mail-view-top p{font-size:11px}.mail-view-top button{padding:8px;font-size:11px;flex-shrink:0}.mail-folder-pane input,#mail-query{font-size:16px}.mail-text{font-size:14px}}