:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20262c;background:#f5f7f8;font-size:14px;letter-spacing:0}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#fff;border-bottom:1px solid #dce1e5;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;gap:16px;align-items:center}.brand strong{font-size:22px;color:#176d59}.brand span{color:#626c77;border-left:1px solid #dce1e5;padding-left:16px}.brand img{width:28px;height:28px}.header-actions{display:flex;gap:8px}main{max-width:1320px;margin:32px auto;padding:0 24px}h1{font-size:26px;margin:0 0 8px}button,input{font:inherit}button{cursor:pointer;border:1px solid #c6ced5;background:#fff;color:#28323b;border-radius:5px;padding:8px 12px;min-height:36px}button:hover{background:#edf2f4}button:disabled{cursor:not-allowed;opacity:.5}.primary,.approve{background:#176d59;color:#fff;border-color:#176d59}.primary:hover,.approve:hover{background:#105440}.deny{color:#a22c3b;border-color:#d5aab0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}#updated{font-size:13px;color:#65717a}#counts{color:#65717a}.filters{display:flex;gap:8px;margin-bottom:16px}.filters .selected{background:#26323a;color:#fff;border-color:#26323a}#table-wrap{overflow-x:auto;background:white;border:1px solid #dce1e5}table{border-collapse:collapse;width:100%;min-width:830px}th{text-align:left;padding:14px 16px;font-size:12px;text-transform:uppercase;color:#63717b;border-bottom:1px solid #dce1e5;background:#fafbfc}td{padding:17px 16px;border-bottom:1px solid #e7ebee;vertical-align:middle}td:first-child{max-width:300px;overflow-wrap:anywhere}td small{display:block;color:#65717a;margin-top:5px}td:last-child{width:245px}.actions{display:flex;gap:6px;white-space:nowrap}.status{display:inline-block;padding:5px 8px;border-radius:4px;background:#edf1f4;font-size:12px;white-space:nowrap}.status.geinstalleerd{background:#e0f1e8;color:#176d59}.status.mislukt{background:#fce7ea;color:#a22c3b}.status.afgewezen{background:#eee;color:#666}.status.testen,.status.uitrollen,.status.goedgekeurd{background:#fff1d4;color:#826016}#error{background:#fce7ea;color:#8c2331;padding:14px;border-left:3px solid #a22c3b}#login{max-width:390px;margin:72px auto}form label{display:block;margin:18px 0}input:not([type=radio]){width:100%;padding:11px;border:1px solid #bec9d0;border-radius:4px;margin-top:7px}fieldset{border:0;padding:0;margin:18px 0}fieldset label{display:inline-flex;gap:6px;margin:5px 16px 0 0}legend{color:#65717a;font-size:12px}form .primary{width:100%;margin-bottom:18px}a{color:#176d59}dialog{border:1px solid #dce1e5;border-radius:6px;width:760px;max-width:calc(100% - 32px);max-height:85vh;padding:24px}dialog::backdrop{background:#15202b88}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dialog-head h2{font-size:20px;margin:0 0 20px;overflow-wrap:anywhere}#detail-content pre{white-space:pre-wrap;font:inherit;line-height:1.6;overflow-wrap:anywhere}#detail-content p{line-height:1.6}#detail-content li{margin-bottom:10px}#detail-content .warning{border-left:3px solid #b8953a;padding:10px 14px;background:#fff7df}.history-event{border-bottom:1px solid #e7ebee;padding:9px 0}#empty{padding:28px;color:#65717a}@media(max-width:700px){header{padding:0 16px}main{padding:0 12px;margin-top:22px}.heading{align-items:flex-start;gap:8px;flex-direction:column}.filters{flex-wrap:wrap;gap:6px}.filters button{padding:7px 10px}h1{font-size:23px}#table-wrap{border:0;background:transparent;overflow:visible}table{min-width:0;display:block}thead{display:none}tbody{display:grid;gap:12px}tr{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #dce1e5;border-radius:5px;padding:12px;gap:12px}td{display:block;border:0;padding:0;min-width:0;overflow-wrap:anywhere}td:first-child{grid-column:1/-1;max-width:none}td:nth-child(2):before{content:'Huidig';display:block;color:#65717a;font-size:12px;margin-bottom:4px}td:nth-child(3):before{content:'Nieuw';display:block;color:#65717a;font-size:12px;margin-bottom:4px}td:nth-child(4){grid-column:1/-1}td:last-child{grid-column:1/-1;width:auto}.actions button{flex:1}#login{margin-top:40px}}