:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#24302f;background:#f5f6f3;font-size:14px;--gold:#be9856;--ink:#172a2b;--line:#e3e7e2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 14px;border-radius:7px;transition:background .15s}button:hover{background:#edf1e9}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #caa663;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}input,select,textarea{padding:11px;border:1px solid #cfd7d0;border-radius:6px;width:100%;background:#fff;color:#24302f}textarea{resize:vertical}label{display:block;margin:15px 0 8px;font-weight:600}label input,label textarea,label select{display:block;margin-top:7px;font-weight:400}h1,h2,h3,p{margin-top:0}header{height:76px;background:var(--ink);color:white;display:flex;align-items:center;gap:16px;padding:0 26px}header button{background:transparent;border-color:#526262;color:#fff}header button:hover{background:#314545}.brand{font-family:Georgia,serif;font-size:38px;font-weight:bold;letter-spacing:-3px;color:var(--gold);display:flex;align-items:center;gap:15px}.brand span{font:600 14px Segoe UI,sans-serif;letter-spacing:4px;color:inherit}.title{flex:1;font-size:13px;color:#becbc6;margin-left:30px}.workspace{display:grid;grid-template-columns:235px 1fr;height:calc(100dvh - 76px)}aside{position:relative;padding:26px 18px;background:#edf0e9;border-right:1px solid var(--line);overflow:auto}aside h2{font-size:10px;letter-spacing:2px;color:#697a70;margin:28px 10px 12px}aside .nav{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:6px;padding:12px 10px;overflow:hidden;text-overflow:ellipsis}aside .active{background:#dce3d4;font-weight:700}aside p{font-size:12px;padding:5px 10px;color:#697a70}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#2c4848}aside .primary{width:100%;margin-bottom:24px}.asidefoot{font-size:10px;line-height:1.8;color:#6a796e;padding:35px 10px 15px;letter-spacing:1px}main{min-width:0;display:flex;flex-direction:column;background:white}.toolbar{display:flex;gap:12px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);min-height:87px}.toolbar h1{font-size:20px;font-weight:600;flex:1;margin:0}.toolbar form{display:flex;gap:7px;width:330px}.columns{display:grid;grid-template-columns:360px 1fr;min-height:0;flex:1}.messagelist{overflow:auto;border-right:1px solid var(--line);background:#fbfcfa}.message{border:0;border-bottom:1px solid var(--line);border-radius:0;display:block;width:100%;text-align:left;padding:19px 22px;background:transparent}.message:hover{background:#eef2ea}.unread{border-left:3px solid var(--gold);background:white}.unread .sender,.unread .subject{font-weight:700}.sender{font-size:13px;margin-bottom:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.subject{font-size:14px;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.meta{font-size:10px;color:#7b857d;margin-top:10px}.pages{padding:15px;display:flex;justify-content:space-between;align-items:center;gap:6px}.pages button{padding:7px}#reader{overflow:auto;background:white}.empty{height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#79847b;text-align:center;padding:30px}.empty h2{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#334a42;margin:15px}.empty p{line-height:1.8}.envelope{font-size:70px;color:#afbfac}.readhead{padding:30px;border-bottom:1px solid var(--line)}.readhead h2{font-size:23px;line-height:1.4;overflow-wrap:anywhere}.readhead p{font-size:12px;overflow-wrap:anywhere;color:#637569;margin-bottom:9px}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.actions select{width:auto;max-width:220px}.bodytext{font:14px/1.85 Segoe UI,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:30px}.attachments{padding:25px 30px;border-top:1px solid var(--line)}.attachments form{display:inline-block;margin:5px}.loading{padding:25px;color:#697a70}#notice{white-space:pre-line;font-size:13px;color:#7c4924;background:#fff5dd}#notice:not(:empty){padding:14px 25px;border-bottom:1px solid #eadbb8}.gate{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top right,#34534a,#172a2b 65%);padding:25px}.login{width:440px;max-width:100%;color:#fff;padding:42px;background:#ffffff09;border:1px solid #ffffff20;border-radius:14px}.login h1{font-family:Georgia,serif;font-size:34px;font-weight:400;margin-top:38px}.login p{color:#c3cfc8;line-height:1.7}.login button{width:100%;background:var(--gold);border:0;margin-top:20px;font-weight:bold}#loginerror{color:#ffceaa}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:760px;max-width:96vw;max-height:92dvh;box-shadow:0 20px 80px #001b2650}dialog::backdrop{background:#10262599}.dialogtop{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialogtop h2{margin:0;font-size:23px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.accountrow{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:10px 0;flex-wrap:wrap}.accountrow span{flex:1;overflow-wrap:anywhere}.muted{font-size:12px;color:#758277;margin:15px 0;line-height:1.6}.dialogerror{color:#85471e;white-space:pre-line;margin-top:16px}hr{margin:30px 0;border:0;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:190px 1fr}.columns{grid-template-columns:290px 1fr}.toolbar{padding:18px;flex-wrap:wrap}.toolbar form{width:250px}.readhead,.bodytext{padding:22px}.title{display:none}}@media(max-width:760px){header{padding:12px;height:auto;gap:8px;flex-wrap:wrap}.brand{margin-right:auto}.brand span{font-size:11px}header button{font-size:11px;padding:8px}.workspace{display:block;height:auto}aside{padding:15px;max-height:240px}aside .primary{margin-bottom:10px}aside h2{margin:12px 8px}.asidefoot{display:none}.toolbar{gap:10px}.toolbar h1{width:100%;flex-basis:100%}.toolbar form{flex:1;width:auto}.columns{display:block}.messagelist{max-height:46dvh;border-bottom:2px solid var(--line)}#reader{min-height:300px}.grid{grid-template-columns:1fr;gap:0}.login{padding:28px}.readhead h2{font-size:20px}.bodytext{font-size:14px}}

/* M.G. branding */
.brand{letter-spacing:normal;flex-shrink:0;gap:12px}
.brand img{display:block;width:132px;height:64px;object-fit:cover;object-position:center 48%;background:#fff;border-radius:5px}
.login .brand{flex-direction:column;justify-content:center;gap:16px}
.login .brand img{width:100%;max-width:300px;height:190px;object-position:center 48%;border-radius:8px}
.login .brand span{color:var(--gold)}
@media(max-width:760px){header .brand img{width:105px;height:54px}.login .brand img{height:170px}}
/* Mdarts Management: zwart en goud, ruimere logobalk */
:root{--gold:#c6a45e;--ink:#171717;--line:#ddd5c5;background:#f6f3ed;color:#25221c}
header{height:120px;background:#111;border-bottom:3px solid var(--gold);padding:12px 28px;gap:22px}
header .brand img{width:210px;height:94px;object-fit:cover;object-position:center 48%;border-radius:6px}
header .brand span{color:var(--gold)}
header .title{color:#e0cc9e}
header button{border-color:#80683e;color:#f5e8ca;background:#1c1b18}
header button:hover{background:#3b3220}
.workspace{height:calc(100dvh - 120px)}
aside{background:#1a1916;color:#f4ead5;border-right:1px solid #55452a}
aside h2,aside p,.asidefoot{color:#c5b48f}
aside .nav{color:#f4ead5}
aside .nav:hover{background:#30291d}
aside .active{background:#493a21;color:#f6dda5}
.primary,aside .primary{background:var(--gold);border-color:var(--gold);color:#17140e}
.primary:hover,aside .primary:hover{background:#d9bc7d}
.gate{background:radial-gradient(ellipse at top right,#49391d,#111 68%)}
.login{background:#1c1b18;border-color:#65502d}
.login p{color:#d4c7ad}
button:hover{background:#f2e8d4}
input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--gold)}
aside .nav.active{background:#493a21}
.message:hover{background:#f5efdf}
.unread{border-left-color:var(--gold)}
.envelope{color:#b99a5e}
.empty h2{color:#554426}
@media(max-width:760px){header{height:auto;min-height:116px;padding:12px;gap:10px}header .brand img{width:180px;height:86px}.workspace{height:auto}header button{border-color:#80683e}}

/* Volledig logo zonder witte achtergrond; behoud natuurlijke verhoudingen. */
.brand,header .brand,.login .brand{background:transparent;border:0;box-shadow:none;min-width:0}
.brand img,header .brand img,.login .brand img{display:block;background:transparent;border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:center;flex-shrink:0}
header{height:120px;padding:7px 26px;gap:20px;flex-wrap:nowrap}
header .brand{gap:16px;align-self:stretch;align-items:center}
header .brand img{width:174px;height:103px;max-width:100%}
header .brand span{flex-shrink:0}
header .title{min-width:0;margin-left:12px}
header button{flex-shrink:0}
.login .brand{gap:12px}
.login .brand img{width:100%;max-width:310px;height:auto;aspect-ratio:1100/665}
.login h1{margin-top:28px}
.workspace{height:calc(100dvh - 120px)}
@media(max-width:760px){
 header{height:auto;min-height:120px;padding:8px 12px;gap:8px;flex-wrap:wrap}
 header .brand{flex:1 0 100%;justify-content:center;margin:0;min-height:100px}
 header .brand img{width:160px;height:96px}
 header button{flex:1 1 auto;white-space:normal}
 .workspace{height:auto}
 .login .brand img{max-width:280px;height:auto}
}
/* Hostingarchief */
.actions form{display:inline-flex;margin:0}.checklabel{display:flex;align-items:center;gap:10px;line-height:1.5}.checklabel input{width:auto;margin:0}#archivestats{padding:18px;background:#f5efdf;border:1px solid #ddd5c5;border-radius:8px;overflow-wrap:anywhere}#archivestats p{margin:8px 0 0;white-space:pre-line}#archiveform button{margin-top:12px}