.mail-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:white;border:1px solid var(--line,#dce2e8);padding:16px;border-radius:10px}.mail-toolbar label{min-width:150px}.mail-toolbar select{min-width:180px}.mail-sync-info{font-size:12px;color:#64758a;line-height:1.8}.mail-sync-info strong{color:#ad3030}.mail-workspace{display:grid;grid-template-columns:155px minmax(260px,.85fr) minmax(360px,1.4fr);align-items:start;gap:12px}.mail-folders{display:grid;gap:4px;padding:8px 0}.mail-folders button{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;gap:6px;border:0;background:transparent;text-align:left;color:#516274;font-size:12px;border-radius:7px}.mail-folders button.active{color:#164f83;background:#e7f2ff;font-weight:600}.mail-folders small{font-size:10px;background:#eef1f5;padding:2px 5px;border-radius:4px}.mail-list-panel,.mail-reader{background:white;border:1px solid #dce2e8;border-radius:10px;overflow:hidden;min-width:0}.mail-search{padding:12px;display:flex;gap:8px}.mail-search input{min-width:0;flex:1;width:0}.mail-search button{padding:8px 12px}.mail-list-count{font-size:11px;color:#64758a;padding:0 15px}.mail-list{max-height:710px;overflow:auto}.mail-row{display:block;width:100%;padding:17px 15px;border:0;border-top:1px solid #edf0f4;text-align:left;background:white;color:#24364b}.mail-row:hover{background:#f4f8fd}.mail-row.selected{background:#edf5ff;box-shadow:inset 3px 0 #2b79b7}.mail-row-top{display:flex;justify-content:space-between;gap:12px}.mail-row-top strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.mail-row-top small{font-size:9px;color:#758194}.mail-row-subject{display:block;font-size:13px;font-weight:600;line-height:1.7;margin:8px 0;overflow-wrap:anywhere}.mail-row-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;color:#758194;line-height:1.6}.mail-row-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;font-size:9px;color:#5b7185}.mail-row-badges span{background:#f0f3f6;border-radius:4px;padding:3px 5px}.mail-row-badges .mail-rakuten{color:#a62133;background:#fff0f1}.mail-pagination{padding:12px;display:flex;justify-content:space-between;border-top:1px solid #edf0f4}.mail-reader{padding:20px;max-height:850px;overflow:auto}.mail-reader-empty{text-align:center;color:#718295;padding:130px 15px;font-size:12px}.mail-reader-empty>span{display:block;font-size:45px;margin-bottom:20px;color:#aabed1}.mail-reader-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.mail-reader-head h2{font-size:18px;line-height:1.6;overflow-wrap:anywhere}.mail-reader-head>span{white-space:nowrap;font-size:10px;color:#577897}.mail-process{display:flex;gap:9px;align-items:end;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid #e4eaf0;margin-bottom:20px}.mail-process label{font-size:10px;min-width:80px}.mail-process select{font-size:11px;padding:8px}.mail-star{display:flex;align-items:center;gap:5px;min-width:0!important}.mail-star input,.mail-check input{width:15px!important}.mail-message{padding:17px 0;border-bottom:1px solid #e4eaf0}.mail-message-heading{display:flex;justify-content:space-between;gap:15px;font-size:12px}.mail-message-heading>span{font-size:10px;color:#577897}.mail-message>.muted{font-size:10px}.mail-envelope{font-size:11px;margin:18px 0}.mail-envelope>div{display:grid;grid-template-columns:60px 1fr;gap:10px;margin:6px 0}.mail-envelope dt{color:#718295}.mail-envelope dd{margin:0;overflow-wrap:anywhere}.mail-message h3{font-size:14px;line-height:1.7}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:12px;max-height:520px;overflow:auto;background:#f8fafc;padding:16px;border-radius:7px;unicode-bidi:plaintext}.mail-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mail-attachments a{border:1px solid #d4e0ec;padding:9px 12px;border-radius:5px;font-size:11px;overflow-wrap:anywhere}.mail-attachments small{color:#718295}.mail-reply{width:100%;margin:22px 0}.mail-notes{background:#fffbee;padding:15px;border-radius:7px;margin-top:18px}.mail-notes h3{font-size:13px;margin:0 0 10px}.mail-notes p{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mail-notes small{color:#718295}.mail-notes textarea{width:100%}.mail-dialog{width:min(820px,95vw)!important}.mail-dialog section{border-bottom:1px solid #e4eaf0;padding-bottom:20px;margin-bottom:20px}.mail-dialog h3{font-size:14px;margin:16px 0}.mail-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.mail-check{display:flex!important;align-items:center;gap:8px!important;flex-direction:row!important;font-size:12px}.mail-members{display:flex;gap:18px;flex-wrap:wrap}.mail-rakuten-settings{border:1px solid #e8d4d7;padding:15px;border-radius:8px;margin:20px 0}.mail-rakuten-settings summary{font-size:14px;font-weight:600;color:#a62133;cursor:pointer}.mail-route{background:#eaf4fd;padding:15px;border-radius:7px;font-size:13px}.mail-route.rakuten{background:#fff0f1;color:#a62133}.mail-empty p{line-height:1.9;font-size:13px}.mail-reader button,.mail-folders button,.mail-row{cursor:pointer}.mail-workspace button:focus-visible{outline:2px solid #1977b8;outline-offset:-2px}
@media(max-width:1180px){.mail-workspace{grid-template-columns:130px minmax(230px,1fr)}.mail-reader{grid-column:1/-1;max-height:none}.mail-reader-empty{padding:35px}.mail-list{max-height:420px}}@media(max-width:650px){.mail-workspace{display:block}.mail-folders{display:flex;overflow:auto;margin-bottom:10px}.mail-folders button{flex-shrink:0;gap:10px}.mail-toolbar{gap:10px;padding:12px}.mail-toolbar label{width:100%}.mail-toolbar select{width:100%}.mail-reader{margin-top:14px;padding:15px}.mail-settings-grid{grid-template-columns:1fr}.mail-row-top small{font-size:9px}.mail-message-heading{flex-wrap:wrap}.mail-envelope>div{grid-template-columns:50px 1fr}.mail-body{padding:12px}.mail-reader-head h2{font-size:16px}.mail-process{gap:10px}.mail-process select{min-width:100px}}
#mail-mobile-nav{display:none}@media(max-width:650px){.mail-center-active aside{position:relative;padding-bottom:14px}.mail-center-active aside .workspace,.mail-center-active aside .sidebar-bottom{display:none}.mail-center-active aside:not(.mail-nav-open) nav{display:none}.mail-center-active #mail-mobile-nav{display:block;position:absolute;right:16px;top:26px;background:transparent;color:white;border-color:#668195;font-size:11px;padding:8px 10px}.mail-center-active aside .brand{max-width:75%;margin-bottom:0}.mail-center-active aside.mail-nav-open nav{margin-top:20px}}
.mail-select-row{display:flex;align-items:flex-start;border-top:1px solid #edf0f4}.mail-select-row>input{width:16px!important;min-width:16px;height:16px;margin:22px 0 0 12px;accent-color:#1977b8}.mail-select-row .mail-row{min-width:0;flex:1;border-top:0;padding-left:12px}.mail-bulk-toolbar{padding:12px;border-top:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0;background:#f6f9fd;font-size:11px}.mail-bulk-toolbar .mail-check{font-size:11px}.mail-bulk-toolbar .text-button{font-size:10px;margin:8px 10px 8px 0}.mail-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.mail-bulk-actions select{max-width:100%;font-size:11px}.mail-bulk-actions button{font-size:11px}.mail-import-progress{padding:12px 16px;border:1px solid #d4e6f4;border-radius:8px;background:#edf6fe;margin:12px 0;font-size:12px;line-height:1.9}.mail-import-progress .text-button{font-size:11px}#mail-bulk-status{font-size:11px;line-height:1.8;overflow-wrap:anywhere}

.mail-sort{padding:0 12px}.mail-sort label{display:flex;align-items:center;gap:12px;font-size:11px;color:#64758a}.mail-sort select{flex:1;min-width:0;font-size:11px}
.mail-delete-actions{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:14px 0}.mail-envelope dd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mail-envelope dd>span{min-width:0;overflow-wrap:anywhere}.mail-sender-button{font-size:11px;white-space:nowrap;padding:5px 8px;border:1px solid #cbdce9;border-radius:5px}.mail-sender-button:hover{background:#edf6fe}#mail-sender-form>.mail-check{margin:16px 0}
.mail-advanced{margin:0 12px 15px;font-size:12px}.mail-advanced summary{cursor:pointer;color:#245e89;padding:8px 0}.mail-advanced form{display:grid;gap:8px}.mail-advanced label{font-size:11px}.mail-advanced input{width:100%;font-size:12px}.mail-folder-edit,.mail-folder-move{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:12px 0}.mail-folder-edit input{flex:1;min-width:120px}.mail-folder-edit button,.mail-folder-move button{font-size:11px}.mail-rule-row{padding:12px 0;border-bottom:1px solid #e4eaf0;font-size:12px}.mail-rule-row small{display:block;color:#64758a;margin-top:6px}.mail-rule-row p{overflow-wrap:anywhere}.mail-folders>p{padding:0 10px;font-size:11px}.mail-folders hr{width:100%;border:0;border-top:1px solid #dce2e8}

.mail-body-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.mail-body-controls button[aria-pressed=true]{background:#e1f3ee;border-color:#168677;color:#086a5e}.mail-body-controls small,.mail-body-view>small{color:#64758a;font-size:12px}.mail-html-body{display:block;width:100%;height:520px;border:1px solid #e4eaf0;border-radius:7px;background:white}.mail-html-body[hidden]{display:none}.mail-body-view>[data-restore-layout]{margin-top:10px}