:root{color-scheme:dark;font:16px/1.5 "Segoe UI",Arial,sans-serif;color:#e8eef6;background:#111923}*{box-sizing:border-box}body{margin:0}header{height:74px;border-bottom:1px solid #304053;display:flex;gap:22px;align-items:center;padding:0 6vw}header strong{font-size:25px;letter-spacing:.09em}header span{color:#9fb6c9}main{max-width:980px;margin:8vh auto;padding:0 24px}#login{max-width:470px;margin:auto;padding:36px;background:#192634;border:1px solid #35485c;border-radius:14px}.eyebrow{letter-spacing:.16em;font-size:12px;color:#79d5ed}h1{font-size:30px;margin:0 0 12px}p{color:#b9c9d8}form{display:grid;gap:10px;margin-top:28px}label{font-weight:600;margin-top:8px}input{width:100%;padding:13px;border:1px solid #64788b;border-radius:7px;background:#111c27;color:inherit;font:inherit}button{font:600 15px "Segoe UI",sans-serif;padding:12px 18px;border:1px solid #557287;border-radius:7px;background:#223547;color:#e8eef6;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #79d5ed;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}#submit{margin-top:18px;background:#85dbee;color:#102333;border-color:#85dbee}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.notice{padding:14px;border-left:3px solid #d4ae69;background:#252c31}.tabs{display:flex;gap:10px;margin:28px 0 16px}.tabs [aria-pressed=true]{background:#85dbee;color:#102333}article{padding:18px 20px;margin-bottom:12px;border:1px solid #35485c;border-radius:9px;background:#192634}article h2{font-size:18px;margin:0 0 6px}article p{margin:4px 0}.empty{padding:40px;text-align:center;border:1px dashed #506477;border-radius:8px}#status{max-width:650px;margin:20px auto;color:#f0d297;white-space:pre-line}footer{text-align:center;color:#92a6b8;font-size:12px;margin:38px 0}[hidden]{display:none!important}@media(max-width:600px){main{margin-top:30px}#login{padding:26px 22px}.workspace-heading{align-items:start;flex-direction:column}h1{font-size:26px}}
/* Original AUTENG artwork, presented on a light surface for contrast. */
.brand-plaque{display:flex;align-items:center;justify-content:center;margin:0 0 28px;padding:20px 24px;background:linear-gradient(135deg,#fff,#e3eff4);border:1px solid #d3e6ee;border-radius:12px;box-shadow:0 10px 24px #050e1826}
.brand-logo{display:block;width:100%;max-width:292px;height:auto}
@media(max-width:600px){.brand-plaque{padding:16px;margin-bottom:24px}}
#quoteActions{margin:18px 0}#recoveryList:empty{display:none}#recoveryList article{border-color:#a99467}#records article button,#recoveryList article button{margin-top:10px}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;background:#192634;border:1px solid #35485c;border-radius:10px}.editor-toolbar strong{margin-right:auto}#saveCloud{background:#85dbee;color:#102333}#draftStatus{padding:10px 4px;min-height:44px;margin:0}#editorMount iframe{display:block;width:100%;height:80vh;min-height:520px;border:1px solid #35485c;border-radius:10px;background:#fff}body.editing main{max-width:1600px;margin-top:24px}body.editing #records,body.editing #more,body.editing #quoteActions,body.editing #recoveryList{display:none}#editorHost{margin-top:18px}