:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172339;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}a{color:#157a83;text-decoration:none}h1{font-size:29px;margin:0 0 8px;letter-spacing:-.7px}h2{font-size:20px;margin:0 0 14px}p{color:#657087;line-height:1.6}.shell{display:flex;min-height:100vh}.side{background:#10243d;color:#e6edff;min-width:245px;padding:30px 17px;display:flex;flex-direction:column;gap:5px}.brand{font-weight:800;font-size:23px;letter-spacing:-.6px;padding:8px 13px 25px;color:white}.brand span{color:#56cfca}.side a{color:#bfcce9;padding:13px 16px;border-radius:10px;font-weight:550}.side a.active,.side a:hover{background:#213d58;color:white}.side form{margin-top:auto}.side button{border:0;background:#263655;color:white;width:100%;padding:12px;border-radius:10px;cursor:pointer;text-align:left}.main{width:100%;max-width:1280px;padding:42px 48px;margin:auto;align-self:flex-start}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.muted{color:#66748c}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel{background:#fff;border:1px solid #e3e8f1;border-radius:16px;box-shadow:0 3px 14px #15274b08;padding:24px}.card strong{font-size:36px;display:block;margin-top:16px;color:#172339}.card small{font-weight:600;color:#66748c}.panel{margin:19px 0}.btn{display:inline-block;background:#157a83;color:white;border:0;border-radius:9px;padding:11px 17px;font-size:14px;font-weight:700;cursor:pointer}.btn.secondary{background:#eef2fc;color:#166e76}.btn:hover{filter:brightness(.94)}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid #edf0f5;font-size:14px}th{color:#6d7990;font-size:12px;text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:0}.pill{background:#e8f0ff;color:#166e76;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin:0 0 18px}label{display:block;font-size:13px;font-weight:750;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid #d8e0eb;background:#fff;border-radius:9px;padding:12px 13px;font:inherit;font-size:14px;color:#172339}input:focus,select:focus,textarea:focus{outline:2px solid #80dbd7}textarea{min-height:240px;resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.7}.alert{background:#fef4e5;border:1px solid #ffe3ad;color:#815318;padding:13px 17px;border-radius:9px;margin:18px 0}.ok{background:#e9f9ef;border-color:#bdedcc;color:#175a32}.auth{max-width:480px;margin:8vh auto;padding:0 20px}.auth .brand{color:#10243d;text-align:center}.auth .panel{padding:33px}.auth h1{font-size:26px}.foot{font-size:12px;color:#8d97a9;padding-top:25px}.document{white-space:pre-wrap;font-family:Georgia,serif;font-size:16px;line-height:1.85;color:#273347;border:1px solid #e1e5ee;padding:38px;background:white;border-radius:10px}.help{font-size:12px;color:#788399}.empty{text-align:center;padding:30px;color:#778398}@media(max-width:850px){.shell{display:block}.side{min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px}.brand{padding:10px}.side a{padding:9px}.side form{margin:0 0 0 auto}.side button{width:auto}.main{padding:22px 16px}.cards,.grid{grid-template-columns:1fr}.heading{display:block}.heading .btn{margin-top:12px}table{display:block;overflow:auto}}

.brand small{display:block;color:#91b8bf;font-size:9px;letter-spacing:2px;font-weight:650;padding-top:7px}.auth .brand small{color:#4f888e}.card{border-top:3px solid #157a83}.btn:focus-visible,a:focus-visible{outline:3px solid #4cc3be;outline-offset:3px}

/* ProLegal logo, provided by brand owner */
.brand{padding:10px 12px 22px;letter-spacing:normal}
.brand img{display:block;width:100%;height:auto;max-width:200px;object-fit:contain;background:#fff;border-radius:10px;padding:9px 7px}
.brand-product{font-size:11px;font-weight:750;letter-spacing:3px;color:#e9eef4;padding:12px 8px 0}
.auth .brand{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:24px}
.auth .brand img{max-width:250px;padding:4px 8px}
.auth .brand-product{color:#354759}
@media(max-width:850px){.side .brand{width:175px;padding:6px}.side .brand img{max-width:150px}.side .brand-product{font-size:9px;letter-spacing:2px;padding-top:7px}}

/* ProLegal workspace 0.3 */
:root{--pl-pink:#e90070;--pl-gray:#494b53} .btn{background:var(--pl-pink)}.card{border-top-color:var(--pl-pink)}a{color:#b70059}.side{background:#282b36}.side a.active,.side a:hover{background:#464452}.pill{background:#fde7f1;color:#ad0058}.secret{display:block;background:#f6f7f9;padding:15px;letter-spacing:2px;overflow-wrap:anywhere;border-radius:8px}.recovery{font-size:17px;letter-spacing:1px;line-height:1.8;background:#f6f7f9;padding:22px;border-radius:10px;white-space:pre-wrap}

/* v0.3.1: QR-code duidelijk zichtbaar op MFA-inschrijfscherm */
.mfa-qr-container{display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;border-radius:12px}.mfa-qr{width:min(280px,100%);height:auto;image-rendering:auto}

/* Dashboard v0.4 */
:root{--pl-pink:#eb006c} .side{background:#242733;min-height:100vh}.side a{font-size:14px}.main{max-width:1440px}.card{border-top:0;border-left:4px solid var(--pl-pink)}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card strong{font-size:30px}.card small{font-size:13px}.heading h1{font-size:32px}.btn.danger{background:#b91c1c}.pill.warn{background:#fff1f2;color:#9f1239}table td a{font-weight:650}.panel{box-shadow:0 8px 30px #1d293907}.field input[type=checkbox]{accent-color:var(--pl-pink)}@media(max-width:850px){.side{min-height:auto}}