.adm{background:#f4f5f7;min-height:100vh;font-size:14px;line-height:1.45}.adm__bar{background:#2f3542;flex-wrap:wrap;gap:8px 18px;padding:8px 18px}.adm__bar,.adm__brand{color:#fff;align-items:center;display:flex}.adm__brand{gap:8px;font-weight:700;text-decoration:none}.adm__brand img{background:#fff;border-radius:50%}.adm__nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.adm__nav a,.adm__nav button{color:#dfe4ea;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px;text-decoration:none}.adm__nav a.router-link-active,.adm__nav a:hover,.adm__nav button:hover{color:#fff;background:#57606f}.adm__main{max-width:1200px;margin:0 auto;padding:18px}.adm h1{color:#2f3542;margin:0 0 14px;font-size:22px}.adm h2{color:#2f3542;margin:18px 0 8px;font-size:17px}.card{background:#fff;border:1px solid #dfe1e5;border-radius:6px;margin-bottom:14px;padding:14px 16px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.adm input[type=email],.adm input[type=password],.adm input[type=text],.adm select,.adm textarea,.toolbar input,.toolbar select{font:inherit;background:#fff;border:1px solid #c8ccd2;border-radius:4px;min-height:32px;padding:6px 8px}.adm textarea,.atable{width:100%}.abtn{font:inherit;cursor:pointer;color:#2f3542;background:#fff;border:1px solid #c8ccd2;border-radius:4px;padding:6px 12px;text-decoration:none;display:inline-block}.abtn:hover{background:#f1f2f6}.abtn--primary{color:#fff;background:#f03c6f;border-color:#f03c6f}.abtn--primary:hover{background:#d92d5d}.abtn--danger{color:#c62828;border-color:#e5a3a3}.abtn:disabled{opacity:.55;cursor:progress}.atable{border-collapse:collapse;background:#fff}.atable td,.atable th{text-align:left;vertical-align:top;border-bottom:1px solid #eceef1;padding:7px 8px}.atable th{background:#f8f9fa;font-weight:600;position:sticky;top:0}.atable tr.clickable,.tabs button{cursor:pointer}.atable tr.clickable:hover td{background:#fff7fa}.atable input{width:100%;min-width:60px}.pill{white-space:nowrap;background:#eceef1;border-radius:10px;padding:1px 8px;font-size:12px;display:inline-block}.pill--nieuw{color:#b0123f;background:#ffe3ea;font-weight:600}.pill--in-behandeling{color:#7a5b00;background:#fff3cd}.pill--afgehandeld{color:#12603f;background:#d9f2e6}.pill--geannuleerd,.pill--spam{color:#777;background:#eee}.kv{grid-template-columns:220px 1fr;gap:4px 14px;display:grid}.kv dt{color:#57606f}.kv dd{white-space:pre-wrap;word-break:break-word;margin:0}.msg{border-radius:4px;margin-bottom:12px;padding:8px 12px}.msg--ok{color:#12603f;background:#d9f2e6}.msg--err{color:#8a1c1c;background:#fde2e1}.tabs{gap:4px;margin-bottom:-1px;display:flex}.tabs button{font:inherit;background:#eef0f3;border:1px solid #dfe1e5;border-bottom:0;border-radius:6px 6px 0 0;padding:7px 14px}.tabs button.on{background:#fff;font-weight:600}.editor-tools{background:#f8f9fa;border:1px solid #dfe1e5;border-bottom:0;flex-wrap:wrap;gap:4px;padding:6px;display:flex}.editor-tools button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d4da;border-radius:3px;min-width:32px;padding:4px 8px}.editor{color:#595959;background:#fff;border:1px solid #dfe1e5;min-height:420px;padding:16px 20px;font:15px/20px Lato,Arial,sans-serif;overflow:auto}.editor:focus{outline:2px solid #9ecaed}.editor .ph{color:#b0123f;-webkit-user-select:none;user-select:none;background:#fff0f5;border:2px dashed #f03c6f;margin:8px 0;padding:10px;font-weight:600;display:block}.editor h1{font-size:26px}.editor h2{font-size:21px}.source{min-height:420px;font:13px/1.45 ui-monospace,Menlo,Consolas,monospace}.login{max-width:360px;margin:10vh auto}.login label{margin:10px 0 4px;display:block}.login input{width:100%}.muted{color:#747d8c;font-size:12.5px}.grid2{grid-template-columns:2fr 1fr;gap:14px;display:grid}.pager{align-items:center;gap:6px;margin-top:10px;display:flex}@media (width<=800px){.grid2,.kv{grid-template-columns:1fr}.atable.responsive thead{display:none}.atable.responsive tr{border-bottom:1px solid #dfe1e5;padding:6px 0;display:block}.atable.responsive td{border:0;padding:2px 8px;display:block}}
