:root{font-family:system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;color:#1a293a;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}a{color:#155ba2;text-decoration:none}a:hover{text-decoration:underline}.top{background:#133c67;color:white;padding:16px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between}.top a{color:white}.top .small{opacity:.8}.wrap{max-width:1150px;margin:24px auto;padding:0 20px}.layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:18px}.panel,.side{background:white;border:1px solid #d9e3ee;border-radius:12px;padding:20px}.side a{display:block;padding:10px;border-radius:7px}.side a:hover{background:#eaf2fc}.side .navtitle{font-size:12px;color:#68788c;margin:15px 9px 6px}h1{font-size:22px;margin:0 0 20px}h2{font-size:17px;margin:20px 0 12px}.muted{color:#607084;font-size:13px}.small{font-size:12px}.error{padding:13px 15px;background:#fff1f1;border:1px solid #f0b3b3;color:#8e1b1b;border-radius:8px;margin:14px 0;white-space:pre-wrap}.ok{padding:13px;background:#eaf7ed;border:1px solid #acdabb;color:#1e6036;border-radius:8px;margin:14px 0}label{display:block;font-weight:600;margin:13px 0 6px}input,select{width:100%;padding:10px 12px;border:1px solid #b8c9db;border-radius:7px;font:inherit;background:#fff}button,.btn{display:inline-block;background:#155b9c;border:0;color:white;border-radius:7px;padding:10px 17px;cursor:pointer;font:inherit;margin-top:12px}.secondary{background:#edf2f8;color:#173c60}.danger{background:#a33236}button:disabled{background:#8ca0b3}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e1e9f2;text-align:left;padding:12px 8px;vertical-align:top}th{color:#5f7084;font-size:12px}td{font-size:14px;overflow-wrap:anywhere}.subject{font-weight:600}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bodytext{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 system-ui,sans-serif;background:#f8fafc;padding:18px;border-radius:7px;max-height:650px;overflow:auto}.login{max-width:480px;margin:70px auto}.tag{border-radius:20px;background:#e9f1fa;color:#175087;font-size:11px;padding:4px 8px}.inline{display:inline}.note{border-left:4px solid #ebbb52;padding:10px 14px;background:#fff9e8;margin:14px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.layout{grid-template-columns:1fr}.side{display:flex;gap:5px;flex-wrap:wrap;padding:8px}.side .navtitle{display:none}.side a{padding:7px}.wrap{padding:0 10px}.grid{grid-template-columns:1fr}.panel{padding:14px}table th:nth-child(3),table td:nth-child(3){display:none}}
/* v0.3 folder navigation and move selector */
.folder-nav{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 14px}.folder-nav .btn{margin-top:3px}.folder-move{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0}.folder-move label{margin:0}.folder-move select{width:auto;min-width:180px}.folder-move button{margin-top:0}.wrap{max-width:1400px}
@media(max-width:700px){.folder-move select{width:100%}.folder-nav .btn{font-size:13px;padding:8px 10px}}

/* v0.3-test: local Trash actions */
.trash-form{margin:0}.trash-form button{margin:0;padding:6px 12px;white-space:nowrap}.trash-button{background:#f5e9ea;color:#96323b}.trash-button:hover{background:#efd4d6}th:last-child,td:last-child{width:105px}

/* v0.3-test: no-reload Trash/restore actions */
.trash-status{position:fixed;right:20px;bottom:18px;z-index:30;max-width:min(420px,calc(100vw - 32px));padding:11px 16px;background:#183f61;color:#fff;border-radius:9px;box-shadow:0 4px 20px #1a345029;font-size:14px}
.trash-status[hidden]{display:none}.trash-status.is-error{background:#93373f}.trash-form button:disabled{opacity:.6;cursor:wait}

/* v0.3-test: inline folder and filtering rule editing */
.folder-row-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.folder-inline-edit{position:relative;min-width:75px}
.folder-inline-edit summary{cursor:pointer;list-style:none;user-select:none}
.folder-inline-edit summary::-webkit-details-marker{display:none}
.folder-inline-edit[open]{min-width:min(320px,70vw)}
.folder-inline-edit .inline-edit-form{padding:12px;border:1px solid #d9e2eb;border-radius:8px;background:#f7faff;margin-top:8px;display:flex;flex-direction:column;gap:6px}
.folder-inline-edit .inline-edit-form input,.folder-inline-edit .inline-edit-form select{width:100%;box-sizing:border-box}
.folder-inline-edit .inline-edit-form label{font-size:13px}

/* v0.3-test: inline move action alongside Trash */
.mail-row-actions{display:flex;align-items:flex-start;gap:6px;flex-wrap:nowrap}
.mail-move-details{position:relative;flex-shrink:0}
.mail-move-details>summary{display:block;list-style:none;margin:0;padding:6px 10px;white-space:nowrap;cursor:pointer;font-size:13px}
.mail-move-details>summary::-webkit-details-marker{display:none}
.mail-move-form{position:absolute;right:0;top:calc(100% + 5px);z-index:15;width:230px;max-width:calc(100vw - 40px);padding:12px;background:#fff;border:1px solid #c4d3e4;border-radius:9px;box-shadow:0 8px 24px #16324d30}
.mail-move-form label{font-size:13px;margin:0}
.mail-move-form select{width:100%;margin-top:5px;font-size:13px}
.mail-move-form button{margin-top:8px;padding:7px 11px;font-size:13px;width:100%}
.mail-row-actions .trash-form button{font-size:13px;padding:6px 10px}
th:last-child,td:last-child{width:145px;min-width:145px}
@media(max-width:700px){th:last-child,td:last-child{width:125px;min-width:125px}.mail-row-actions{gap:3px}.mail-move-details>summary,.mail-row-actions .trash-form button{padding:6px 7px;font-size:12px}}

/* v0.3-test: global send/receive and per-folder new-mail marks */
.sync-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sync-form{margin:0;display:inline-flex}
.sync-form button{white-space:nowrap}
.new-mail-badge{display:inline-block;padding:2px 6px;border-radius:10px;background:#b42318;color:#fff;font-weight:700;font-size:11px;white-space:nowrap;vertical-align:middle}
.sync-details{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;color:#44576c;font-size:12px}
.sync-details span{background:#eef2f7;border-radius:5px;padding:5px 7px}

/* v0.3-test: per-message new and manual read/unread controls */
.new-mail-badge[hidden],.message-new-label[hidden]{display:none!important}
.message-new-label{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:10px;background:#b42318;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.mail-list-row.is-unread{background:#f3f8ff}
.mail-list-row.is-unread td.subject a{font-weight:750}
.mail-list-row:not(.is-unread) td.subject a{font-weight:400}
.mail-read-form{margin:0}.mail-read-form button{margin:0;padding:6px 9px;font-size:12px;white-space:nowrap}
.mail-row-actions{align-items:center}
th:last-child,td:last-child{width:238px;min-width:238px}
@media(max-width:700px){th:last-child,td:last-child{width:205px;min-width:205px}.mail-read-form button{font-size:11px;padding:6px}}

/* Compose form: match other fields and provide a usable editing area. */
.mail-compose-form{width:100%;min-width:0}
.mail-compose-form .mail-compose-body{display:block;width:100%;min-height:300px;box-sizing:border-box;padding:12px 14px;border:1px solid #b8c9db;border-radius:7px;background:#fff;color:inherit;font:15px/1.7 system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;resize:vertical;overflow-wrap:break-word}
.mail-compose-form .mail-compose-body:focus{outline:2px solid #8ab7e5;outline-offset:1px}
.mail-compose-form>button[type="submit"]{display:inline-block;margin-top:14px}