*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#263344;font:14px/1.5 system-ui,-apple-system,"Yu Gothic",sans-serif}header{height:58px;background:#173451;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px}nav{display:flex;align-items:center;gap:18px}nav a{color:white}a{text-decoration:none;color:inherit}button{cursor:pointer;border:0;border-radius:6px;background:#245f9a;color:#fff;padding:9px 14px}nav button{background:#456078}.layout{display:grid;grid-template-columns:235px:minmax(300px,36%) 1fr;height:calc(100vh - 58px)}aside,.mail-list,.detail{background:#fff;overflow:auto;border-right:1px solid #dde4ed}aside h3{padding:16px;margin:0;font-size:14px}aside a{display:block;padding:12px 16px;border-bottom:1px solid #f0f2f5}aside a small{display:block;color:#748292;overflow:hidden;text-overflow:ellipsis}.active{background:#e9f3ff!important}.panehead{position:sticky;top:0;background:#f3f6fa;display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #dce3eb}.mail{display:block;padding:13px;border-bottom:1px solid #e5eaf0}.mail:hover,aside a:hover{background:#f2f6fc}.line{display:flex;justify-content:space-between;gap:6px}.line strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line time{white-space:nowrap;font-size:11px;color:#748292}.mail small{color:#65778b}.bodytext{padding:20px;overflow-wrap:anywhere;white-space:normal}.empty{padding:22px;color:#7a8795}.attachments{margin:20px;border-top:1px solid #ddd;padding-top:14px}.login,.settings{max-width:750px;margin:32px auto;background:white;padding:28px;border-radius:12px;box-shadow:0 2px 14px #dce3eb}.login{max-width:420px}label{display:block;margin:14px 0}input{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #b8c6d6;border-radius:6px}.formgrid{max-width:480px}.error,.ok{padding:12px;margin:10px;background:#ffe8e8;color:#8c2020}.ok{background:#e3f7ea;color:#15572d}.accountrow{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ddd;padding:12px 0}@media(max-width:600px){.layout{display:block;height:auto}aside,.mail-list,.detail{max-height:none;border-bottom:1px solid #dce3eb}.mail-list{max-height:450px}.detail{min-height:300px}nav{gap:8px;font-size:12px}header{padding:8px}}

@media(min-width:601px){.layout{display:grid;grid-template-columns:220px minmax(240px,36%) minmax(250px,1fr);height:calc(100dvh - 58px)}.layout>aside,.layout>.mail-list,.layout>.detail{min-width:0;min-height:0;overflow:auto}}

/* v1.0b アカウント管理 */
.accountrow{justify-content:space-between;flex-wrap:wrap}.accountinfo{min-width:180px;flex:1}.accountinfo small{display:block;color:#68788b}.accountactions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.accountactions form{margin:0}.accountactions button{padding:7px 11px}.accountactions button:disabled{opacity:.35;cursor:default}.btn{display:inline-block;border-radius:6px;background:#245f9a;color:#fff;padding:8px 13px}.btn.secondary{background:#68788b}.danger{background:#a83d3d}.formbuttons{display:flex;gap:10px;align-items:center}.formgrid input[readonly]{background:#edf1f5;color:#6a7785}