:root{--green:#6eb644;--navy:#162b38;--panel:#243d4f;--muted:#a8bdca;--line:#3e5a6d;--bg:#102330}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f8fa;font:14px Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b6e78b;outline-offset:3px}button{border:1px solid var(--line);background:#1d3546;color:inherit;border-radius:9px;padding:11px 16px}button:hover{border-color:var(--green);background:#29495c}.primary{background:var(--green);color:#102018;border-color:var(--green);font-weight:700}.primary:hover{background:#8acf62;color:#102018}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:var(--navy);border-right:1px solid #314a59;display:flex;flex-direction:column;padding:24px 18px}.brand{background:white;border-radius:13px;padding:17px 18px 12px;display:flex;flex-direction:column;align-items:center;gap:10px}.brand img{width:165px;max-height:80px;object-fit:contain}.brand span{color:#46616d;font-size:10px;letter-spacing:5px;font-weight:bold}.nav-label{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin:35px 12px 14px}nav{display:grid;gap:7px}nav button{display:flex;gap:14px;text-align:left;border:1px solid transparent;background:none;color:#b8cad5;font-size:18px}nav button span{font-size:14px}nav button.active{background:#6eb64420;color:#b5e999;border-color:#6eb64455}.side-note{margin-top:auto;padding:23px 12px;color:#c8d4db;line-height:1.6}.side-note p{color:#91a9b8;font-size:12px}.green-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.profile{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:12px;align-items:center}.avatar{background:#6eb64425;border:1px solid #6eb64455;color:#b8e58e;width:37px;height:37px;border-radius:10px;display:inline-grid;place-items:center;font-size:12px;font-weight:bold}.profile small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.workspace{margin-left:240px}header{height:75px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#b8cad5}header span{margin:0 12px;color:#587486}.demo-label{font-size:10px;letter-spacing:1px;border:1px solid #60733b;background:#6eb64415;color:#c5e4a1;padding:7px 10px;border-radius:5px}.notice{padding:10px 38px;background:#bb963014;border-bottom:1px solid #bb963040;color:#dfcd9b;font-size:12px}main{max-width:1540px;margin:auto;padding:32px 38px 45px}.eyebrow{font-size:10px;color:#a9d78d;letter-spacing:2px;font-weight:bold}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.heading h1{font-size:30px;letter-spacing:-.8px;margin:9px 0}.sub{color:var(--muted);line-height:1.6;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{padding:21px;border:1px solid var(--line);background:var(--panel);border-radius:13px}.stat-top{display:flex;justify-content:space-between;color:#c8d4db;font-size:12px}.stat strong{display:block;font-size:33px;margin:17px 0 7px;letter-spacing:-1px}.stat small{color:#a8bdca;font-size:11px}.stat:first-child{border-top:3px solid var(--green)}.columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.card-head{padding:21px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}h2{font-size:17px;margin:0}h3{font-size:14px}.text-btn{background:none;border:none;padding:0;color:#b5e999;font-size:12px}.filters{display:flex;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters input{flex:1;min-width:160px}.filters select{width:auto}input,select,textarea{background:#1d3546;border:1px solid #557184;border-radius:8px;color:#fff;padding:11px 12px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#9dd97a;box-shadow:0 0 0 3px #6eb64420}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:#96acbb}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#b8cad5;text-transform:uppercase;letter-spacing:1px;padding:14px 20px;background:#1e3545}td{padding:17px 20px;border-top:1px solid #3e5a6d80;font-size:12px}td strong{display:block;font-size:13px;font-weight:500;margin-bottom:7px}td small{color:#a8bdca}.ticket-link{background:none;border:0;padding:0;text-align:left}.ticket-link:hover{background:none;text-decoration:underline}.ticket-id{color:#aac594;font-size:11px}.badge{display:inline-block;font-size:10px;padding:6px 9px;border-radius:6px;background:#456b892e;color:#bfd9fa;border:1px solid #557184}.badge.nieuw{background:#55a8ff18;color:#bbd8ff;border-color:#527eac}.badge.opgelost{background:#6eb6441c;color:#b6e78b;border-color:#6eb64460}.badge.wacht{background:#e6b80018;color:#f1d47b;border-color:#907d45}.priority{font-size:11px}.priority.high{color:#ffada8}.priority.normal{color:#b8cad5}.panel-body{padding:22px}.work-row{margin-top:23px}.work-row div{display:flex;justify-content:space-between;font-size:12px;color:#d0dce4}.bar{height:5px;background:#162b38;border-radius:9px;margin-top:10px;overflow:hidden}.bar i{display:block;background:var(--green);height:100%;border-radius:9px}.tip{margin-top:20px;padding:22px;border:1px solid #6eb64455;background:linear-gradient(130deg,#294d3d,#203847);border-radius:13px;line-height:1.6}.tip p{color:#b8cad5;font-size:12px}.tip button{margin-top:7px}.empty{padding:40px;text-align:center;color:#b8cad5}.count{color:#a8bdca;padding:15px 22px;font-size:11px;border-top:1px solid var(--line)}.form-card{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}label{display:block;color:#d4e0e7;font-size:12px}label input,label select,label textarea{margin-top:9px}form .actions{margin-top:25px}.form-note{background:#162b38;padding:15px;border-radius:8px;color:#b8cad5;line-height:1.6;font-size:12px;margin-top:20px}footer{margin:0 38px;padding:20px 0;border-top:1px solid #314a59;color:#8fa5b2;font-size:11px;display:flex;justify-content:space-between}dialog{background:#203847;color:white;border:1px solid #557184;border-radius:16px;padding:0;width:min(820px,94vw);max-height:90vh}dialog::backdrop{background:#061227bf;backdrop-filter:blur(3px)}.detail-head{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.detail-head h2{margin-top:10px;font-size:22px}.detail-body{padding:24px}.description{line-height:1.7;background:#162b38;padding:18px;border-radius:10px;white-space:pre-wrap}.history{padding:16px 0;border-bottom:1px solid var(--line);line-height:1.6;font-size:13px;white-space:pre-wrap}.history small{display:block;color:#a8bdca;font-size:11px;margin-bottom:6px}#toast{position:fixed;bottom:25px;right:25px;background:#294d3d;border:1px solid #6eb644;padding:17px 23px;border-radius:10px;display:none;max-width:90vw;z-index:5}.success{padding:35px;line-height:1.8}.success h2{font-size:25px;color:#b6e78b}.success button{margin-top:20px}@media(min-width:1500px){td{padding:19px 22px}}@media(max-width:1150px){.columns{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tip{margin-top:0}.sidebar{width:210px}.workspace{margin-left:210px}main{padding:26px 24px}.heading h1{font-size:25px}.heading{align-items:flex-start}.stats{gap:10px}.stat{padding:16px}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:15px}.brand{flex-direction:row;justify-content:space-between;padding:8px 16px}.brand img{width:125px;max-height:55px}.nav-label,.side-note,.profile{display:none}nav{display:flex;overflow:auto;margin-top:12px;gap:5px}nav button{padding:10px;white-space:nowrap}nav button span{font-size:12px}.workspace{margin:0}header{height:55px;padding:0 18px;font-size:11px}.notice{padding:10px 18px;line-height:1.6}main{padding:24px 16px}.heading{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.right-column{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.filters{padding:15px}.filters select{flex:1}.card-head{padding:18px}.stat strong{font-size:28px}footer{margin:0 16px;gap:20px;line-height:1.5}.detail-body,.detail-head{padding:18px}}
:root{color-scheme:dark}.brand{color-scheme:light}.profile{display:block}.profile label{color:#b8cad5;font-size:11px;margin-bottom:10px}.profile select{padding:10px 8px;font-size:12px;max-width:100%}.profile small{margin-top:9px;font-size:10px}.sidebar nav button{gap:10px;padding-inline:10px}.sidebar nav button span{font-size:13px}.nav-count{margin-left:auto;background:#6eb644;color:#102018;border-radius:5px;min-width:20px;padding:2px 5px;font-size:10px;align-self:center}.header-actions{display:flex;gap:14px;align-items:center}.header-actions .demo-label{margin:0}.notification{background:#6eb64413;border-color:#6eb64455;font-size:11px;color:#d3e8c5;padding:8px 11px}.notification b{display:inline-grid;place-items:center;background:#6eb644;color:#102018;border-radius:4px;padding:3px 6px;margin-left:7px}.queue-guide{display:flex;align-items:center;gap:17px;padding:18px 22px;border:1px solid #6eb64450;border-radius:12px;background:#6eb64412;margin-bottom:23px}.queue-guide p{color:#b8cad5;font-size:12px;margin:8px 0 0;line-height:1.7}.queue-icon{font-size:25px;color:#a9e46f}.queue-tabs{display:flex;gap:9px;padding:18px 22px 0;flex-wrap:wrap}.queue-tabs button{font-size:12px;background:#1d3546}.queue-tabs button.selected{background:#6eb64422;border-color:#6eb644;color:#b6e78b}.claim-button{border-color:#6eb64477;background:#6eb64417;color:#b6e78b;font-size:11px;padding:8px 11px}.assigned-self{color:#b6e78b;font-size:11px}.destination{border:1px solid #6eb64466;border-radius:10px;background:#6eb64412;padding:17px 18px}.destination p{margin:8px 0 0;color:#b8cad5;line-height:1.6;font-size:12px}.pickup-box{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #6eb64466;background:#6eb64412;border-radius:10px;padding:17px;margin:20px 0}.pickup-box p{color:#b8cad5;font-size:12px;margin:8px 0 0}.form-error{color:#ffd0c8;background:#b64b3020;border:1px solid #b64b3070;padding:14px;border-radius:8px;line-height:1.6}button:disabled{opacity:.5;cursor:wait}h1:focus{outline:none}button:hover .nav-count{color:#102018}@media(min-width:761px){.sidebar .side-note{padding-top:18px;padding-bottom:18px}.sidebar{overflow-y:auto}.sidebar .profile{flex-shrink:0}.sidebar nav{flex-shrink:0}}@media(max-width:760px){header{height:auto;min-height:64px;gap:10px;flex-wrap:wrap;padding-block:10px}.header-actions{gap:8px}header .demo-label{font-size:8px}.notification{font-size:10px;padding:5px 8px}.sidebar .profile{display:block;padding-top:14px;margin-top:13px}.sidebar .profile label{display:inline;margin-right:10px}.sidebar .profile select{display:inline-block;width:auto;max-width:65%}.sidebar .profile small{display:none}.sidebar nav button{flex-shrink:0}.pickup-box{align-items:flex-start;flex-direction:column}.queue-guide{padding:15px}.queue-tabs{padding:15px 15px 0}.queue-tabs button{font-size:11px;padding:9px}}
.department-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px}.department-picker button{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:14px 12px;font-size:12px;background:#1d3546}.department-picker button.selected{border-color:#6eb644;background:#6eb64420;color:#c3eea4}.department-picker b{background:#102330;padding:4px 7px;border-radius:5px;font-size:11px}.department-shortcut{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-radius:4px;text-align:left;padding:0;margin-top:22px;font-size:12px;color:#d0dce4}.department-shortcut:hover{background:none;color:#b6e78b}.deadline-summary{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:16px 20px;margin:-3px 0 22px;border:1px solid #3e5a6d;background:#1a3040;border-radius:10px;color:#b8cad5;font-size:12px}.deadline-summary b{color:white;margin-right:5px}.deadline-summary small{margin-left:auto;color:#9bb0bd;font-size:10px}.deadline-summary .late-text,.deadline-summary .late-text b{color:#ffb4a9}.deadline-badge{display:inline-block;font-size:11px;line-height:1.5;color:#d4e0e7}.deadline-badge small{display:block;font-size:10px!important;color:#a8bdca}.deadline-badge.overdue{padding:6px 9px;border-radius:6px;background:#b64b3020;border:1px solid #c9685860;color:#ffc3ba}.deadline-badge.overdue small{color:#ffb4a9}.deadline-badge.today{color:#f1d47b}.deadline-badge.today small{color:#e0c378}.deadline-badge.closed small{color:#b6e78b}.due-detail{align-self:center;padding-top:18px}.field-help{display:block;margin-top:7px;color:#a8bdca;font-size:11px;line-height:1.5}@media(max-width:1200px){.department-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.department-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.deadline-summary{gap:13px;padding:14px}.deadline-summary small{width:100%;margin:0}.due-detail{padding-top:0}}
.reference-section{border:1px solid #3e5a6d;background:#162b383d;border-radius:10px;padding:17px;margin:0;min-inline-size:0}.reference-section legend{padding:0 7px;color:#c8d4db;font-size:12px}.reference-section summary{cursor:pointer;color:#c8e8b6;font-size:12px;line-height:1.6}.reference-section[open] summary{margin-bottom:18px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reference-grid input{min-width:0}.ticket-category{display:inline-block;font-size:10px;border-radius:4px;background:#6eb64413;border:1px solid #6eb64440;color:#b6d7a4;padding:3px 6px;margin-top:9px}.ticket-references{font-size:10px;color:#a8bdca;line-height:1.6;margin-top:5px}.ticket-references span{display:block}.reference-section .field-help{margin-bottom:0}@media(max-width:760px){.reference-grid{grid-template-columns:1fr}}
.complete-button{background:#6eb64418;border:1px solid #6eb64488;color:#c4efa8;font-size:12px;white-space:nowrap}.complete-button:hover{background:#6eb64435;border-color:#8acf62}.archive-note{border:1px solid #6eb64466;background:#6eb64412;border-radius:9px;padding:15px;color:#c8e8b6;line-height:1.7;font-size:12px}
.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.backup-grid .primary{margin-top:20px}.backup-grid input[type=file]{padding:15px;margin-top:12px;line-height:1.7}.restore-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0;color:#b8cad5;font-size:12px}.restore-counts b{display:block;font-size:27px;color:white;margin-bottom:8px}.restore-confirm{display:flex;align-items:flex-start;gap:12px;line-height:1.7;margin-top:20px}.restore-confirm input{width:18px;height:18px;flex-shrink:0;accent-color:#6eb644;margin:1px 0 0}#restore-preview{margin-top:20px;overflow-wrap:anywhere}#restore-preview .card-head h2{overflow-wrap:anywhere;min-width:0}@media(max-width:900px){.backup-grid{grid-template-columns:1fr}.restore-counts{grid-template-columns:1fr 1fr}}
[hidden]{display:none!important}
.ticket-chat{margin-top:30px;padding-top:25px;border-top:1px solid #557184}.chat-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-title h3{font-size:18px;margin:0}.chat-title span{color:#b6e78b;font-size:10px;border:1px solid #6eb64455;padding:5px 8px;border-radius:5px}.chat-message{border:1px solid #3e5a6d;border-radius:10px;background:#172e3e;padding:15px;margin:12px 0;overflow-wrap:anywhere}.chat-message.own-message{border-color:#6eb64455;background:#6eb6440c}.chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.chat-message-head time{font-size:10px;color:#a8bdca}.chat-message p{white-space:pre-wrap;line-height:1.7;margin:12px 0;font-size:13px}.chat-message small{color:#a8bdca;font-size:10px}.chat-empty{padding:22px 0;color:#a8bdca;font-size:12px}.ticket-chat form{margin-top:22px}.mention-row{display:flex;align-items:end;gap:12px;margin-top:15px}.mention-row label{flex:1}.mention-row button{font-size:12px}.message-notices{display:grid;gap:12px;padding:20px}.message-notice{text-align:left;display:grid;gap:10px;padding:18px;background:#1d3546;overflow-wrap:anywhere;white-space:normal}.message-notice strong{font-size:14px}.message-notice p{font-size:12px;color:#c8d4db;margin:0;line-height:1.7;white-space:pre-wrap}.message-notice small{color:#b6e78b;font-size:11px}#chat-thread{max-height:420px;overflow-y:auto;padding-right:5px}@media(max-width:760px){.chat-message-head{align-items:flex-start;flex-direction:column;gap:7px}.chat-title{align-items:flex-start}.mention-row{align-items:stretch;flex-direction:column}.header-actions{flex-wrap:wrap}}
.ticket-attachments{margin-top:28px;padding-top:22px;border-top:1px solid #557184}.ticket-attachments h3{font-size:18px}.attachment-picker input{display:block;padding:12px;margin-top:9px;line-height:1.7}.ticket-attachments form{margin-top:22px}.ticket-attachments form .primary{margin-top:15px}.attachment-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #3e5a6d}.attachment-row strong{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.attachment-row small{display:block;margin-top:6px;font-size:10px;color:#a8bdca}.attachment-row button{white-space:nowrap;font-size:12px}@media(max-width:760px){.attachment-row{align-items:flex-start;flex-direction:column}}

/* Ingevulde tekstvelden: Agrozon-groen, met leesbare tekst op een donkere achtergrond. */
form input.field-complete,form textarea.field-complete{border-color:#6eb644;background:#263f32;box-shadow:inset 4px 0 0 #6eb644}
form input.field-complete:focus,form textarea.field-complete:focus{border-color:#8acf62;outline:2px solid #6eb64455;outline-offset:2px}

.delete-ticket{margin-top:28px;padding-top:22px;border-top:1px solid #557184}.danger-button{border-color:#d78c81;color:#ffd0c8;background:#713b362e}.trash-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #3e5a6d}.trash-row button{flex-shrink:0}.trash-row .description{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.trash-row{flex-direction:column}}

.trash-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;flex-shrink:0}