:root{font-family:Arial,sans-serif;color:#20304a;background:#f4f7fb;font-size:16px}*{box-sizing:border-box}body{margin:0}header{padding:20px 28px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:#fff;border-bottom:1px solid #dbe3ef}header strong{font-size:25px}.scope{padding:8px 28px;color:#526278}button,input,textarea,select{font:inherit}button{padding:10px 18px;border:1px solid #cbd7e7;border-radius:9px;background:#fff;color:#20304a;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.primary{background:#245ca8;color:white;border:0}label{display:block;margin:14px 0}input,select,textarea{width:100%;padding:10px;border:1px solid #b9c8dd;background:white;color:#20304a;border-radius:8px;margin-top:6px}#login{max-width:520px;margin:36px auto;padding:28px;background:white;border-radius:16px}#workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:20px}aside{padding:10px}main{min-width:0;background:white;padding:24px;border-radius:16px;min-height:400px}.mailrow{display:block;width:100%;text-align:right;border:0;border-bottom:1px solid #dbe3ef;border-radius:0;padding:15px 8px}.mailrow span{display:block;color:#526278;font-size:14px;overflow-wrap:anywhere}.body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:20px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}#status{padding:12px 28px;white-space:pre-wrap}#identity{overflow-wrap:anywhere}[hidden]{display:none!important}article p{overflow-wrap:anywhere}@media(max-width:650px){#workspace{grid-template-columns:1fr;padding:10px}header{padding:16px;gap:12px}aside{padding:0}#login{margin:10px}main{padding:14px}}