:root{color-scheme:dark;font-family:Arial,sans-serif;background:#101012;color:#f2ede4;--gold:#d2b577}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto}header{padding:28px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393328}.brand{display:block;font:38px Georgia,serif;letter-spacing:4px;color:var(--gold)}.tag{font-size:9px;letter-spacing:2px;color:#aca291}main{padding:40px 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold)}h1{font:32px Georgia,serif;margin:12px 0 28px}.badge{border:1px solid #51452e;border-radius:30px;padding:8px 14px;color:var(--gold);white-space:nowrap;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;color:#d8cdbc;margin:16px 0}input,select{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid #454139;background:#1b1b1e;color:#fff;border-radius:8px;font-size:16px}button{padding:12px 18px;border:1px solid #5b4d34;border-radius:8px;background:#232125;color:#e9d6ad;cursor:pointer;font-size:15px;min-height:44px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.gold{background:var(--gold);color:#171410;font-weight:bold}.editor{border:1px solid #454139;border-radius:10px;overflow:hidden;background:#18181b}.toolbar{padding:8px;background:#242326;display:flex;gap:6px;flex-wrap:wrap}.toolbar button{padding:8px 12px}#body{padding:18px;min-height:260px;line-height:1.7;overflow-wrap:anywhere}#body a{color:var(--gold)}.signature{padding:18px;color:#b9b2a4;line-height:1.7;border-top:1px dashed #393328;font-size:13px}.signature strong{color:var(--gold)}.hint,details p{font-size:12px;color:#b9b2a4;line-height:1.6}.actions{display:flex;justify-content:flex-end;gap:12px;margin:20px 0}.actions strong{margin-right:auto}summary{cursor:pointer;color:var(--gold);padding:12px 0}footer{padding:24px;font-size:11px;color:#a79e8f;border-top:1px solid #393328}#status{padding:16px 0;line-height:1.6;color:#ead5ad}dialog{width:min(740px,96vw);background:#161618;border:1px solid #79633c;border-radius:12px;color:#eee}dialog::backdrop{background:#000a}iframe{border:0;width:100%;height:65vh;background:#101012}#pending>div{padding:14px 0;border-bottom:1px solid #393328;display:flex;gap:12px;justify-content:space-between;align-items:center}#pendingSection{margin-top:36px}#pendingSection p{color:#b9b2a4;line-height:1.6;font-size:13px}#login{max-width:440px;margin:40px auto}[hidden]{display:none!important}@media(max-width:600px){header{padding:20px}.brand{font-size:30px}main{padding:24px 16px}.grid{grid-template-columns:1fr;gap:0}.badge{display:none}h1{font-size:28px}.actions{flex-wrap:wrap}.actions button{flex:1}#body{min-height:230px}.tag{font-size:8px}#pending>div{flex-direction:column;align-items:flex-start}}

/* Mail styling follows the supplied Outlook reference. */
:root{--gold:#c5a568}.signature{text-align:center;color:#d8d8d8}.signature strong{font:22px/28px Georgia,serif;color:#fff}#body{text-align:center;color:#d8d8d8;font:15px/27px Arial,Helvetica,sans-serif}