:root{--xp-rand:#0058ee;--xp-venster:#ece9d8;--xp-tekst:#16181c;--xp-grijs:#5a5f66;--taakbalk:32px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--xp-tekst);background-color:#3a6ea5;background-image:url(/xp/achtergrond.jpg),none;background-position:50%,0 0;background-repeat:no-repeat,repeat;background-size:cover,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:Tahoma,Trebuchet MS,Verdana,sans-serif;font-size:13px;line-height:1.5;overflow:hidden}a{color:inherit}:focus-visible{outline-offset:2px;outline:2px dotted #fff}.bureaublad{height:100dvh;padding:14px 0 var(--taakbalk);background:url(/xp/achtergrond.jpg) 50%/cover no-repeat,#3a6ea5;position:relative;overflow:hidden}.iconen{z-index:1;flex-direction:column;align-items:flex-start;gap:2px;width:92px;padding-left:8px;display:flex;position:relative}.icoon{color:#fff;width:92px;font:inherit;text-align:center;cursor:pointer;text-shadow:0 1px 2px #000000d9;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 8px;font-size:11px;text-decoration:none;display:flex}.icoon img{object-fit:contain;width:40px;height:40px}.icoon span{line-height:1.25}.icoon:hover{background:#ffffff29;border-color:#ffffff59}.icoon:focus-visible{background:#003ca08c;border:1px dotted #fff}.venster{z-index:5;width:min(760px,100vw - 32px);max-height:calc(100dvh - var(--taakbalk) - 40px);background:var(--xp-venster);border:3px solid var(--xp-rand);border-top:0;border-radius:8px 8px 2px 2px;flex-direction:column;display:flex;position:absolute;box-shadow:3px 3px 14px #00000073}.venster--smal{width:min(430px,100vw - 32px)}.venster__balk{color:#fff;text-shadow:1px 1px 1px #0000008c;cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(#0058ee 0%,#3f8cf3 7%,#0e6ae8 16%,#0058ee 42%,#0054e3 88%,#003bbf 100%);border-radius:6px 6px 0 0;align-items:center;gap:6px;height:28px;padding:0 3px 0 6px;font-size:12.5px;font-weight:700;display:flex}.venster--actief .venster__balk{cursor:move}.venster:not(.venster--actief) .venster__balk{background:linear-gradient(#7aa5e8 0%,#9dbdf0 8%,#7ea9e8 40%,#6f9ee0 90%,#5c86c4 100%)}.venster__balk img{object-fit:contain;width:15px;height:15px}.venster__titel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.venster__knoppen{gap:2px;display:flex}.venster__knop{cursor:pointer;background:50%/contain no-repeat;border:0;border-radius:3px;width:21px;height:21px;padding:0}.venster__knop:hover{filter:brightness(1.15)}.venster__inhoud{background:#fff;border-top:1px solid #96b8e8;padding:16px 18px 18px;overflow:auto}.kop{letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:700;line-height:1.15}.lead{color:#303439;margin:0 0 12px;font-size:13px}.subkop{margin:0 0 6px;font-size:14px;font-weight:700}.tekst{color:#303439;margin:0 0 10px}.tekst:last-child{margin-bottom:0}.opsomming{color:#303439;margin:10px 0 0;padding-left:18px}.opsomming li{margin-bottom:3px}.lijst{border-collapse:collapse;width:100%;font-size:12.5px}.lijst thead th{text-align:left;color:#303439;background:linear-gradient(#fff,#e8e8e8);border:1px solid #d3d3d3;border-left:0;padding:3px 8px;font-weight:400}.lijst tbody td{border-bottom:1px solid #eee;padding:4px 8px}.lijst tbody tr{cursor:pointer}.lijst tbody tr:hover td{color:#fff;background:#316ac5}.lijst tbody tr:hover a{color:#fff}.lijst a{font-weight:700;text-decoration:none}.lijst a:hover{text-decoration:underline}.lijst__wat{color:#5a5f66}.lijst tbody tr:hover .lijst__wat{color:#dbe6fb}.lijst__adres{color:#0a4fbb;white-space:nowrap}.lijst tbody tr:hover .lijst__adres{color:#fff}.statusbalk{background:var(--xp-venster);color:var(--xp-grijs);border-top:1px solid #d5d2c6;margin:12px -18px -18px;padding:4px 10px;font-size:11.5px}.knop{font:inherit;color:var(--xp-tekst);cursor:pointer;background:linear-gradient(#fff 0%,#ecebe5 45%,#d8d0c4 100%);border:1px solid #003c74;border-radius:3px;margin-top:4px;padding:4px 14px;font-size:12.5px;text-decoration:none;display:inline-block}.knop:hover{background:linear-gradient(#fff 0%,#eef4fd 45%,#cfe2fb 100%);border-color:#0058ee}.regels{margin:0}.regels div{gap:10px;padding:3px 0;display:flex}.regels dt{min-width:64px;color:var(--xp-grijs)}.regels dd{margin:0;font-weight:700}.regels dd a{color:#0a4fbb;text-decoration:none}.regels dd a:hover{text-decoration:underline}.opstarten{z-index:100;color:#fff;background:#000;place-items:center;display:grid;position:fixed;inset:0}.opstarten__gif{object-fit:contain;width:100%;height:100%}.startmenu{width:246px;color:var(--xp-tekst);background:#fff;border:1px solid #0a3fa8;border-bottom:0;border-radius:7px 7px 0 0;position:absolute;bottom:100%;left:0;overflow:hidden;box-shadow:2px -3px 14px #00000073}.startmenu__kop{color:#fff;text-shadow:1px 1px 1px #00000080;background:linear-gradient(#1f5ce0 0%,#3f8cf3 35%,#2361d8 100%);align-items:center;gap:8px;padding:8px 10px;font-weight:700;display:flex}.startmenu__kop img{object-fit:contain;width:26px;height:26px}.startmenu ul{margin:0;padding:4px;list-style:none}.startmenu li button,.startmenu li a{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:9px;padding:6px 8px;font-size:12.5px;text-decoration:none;display:flex}.startmenu li button:hover,.startmenu li a:hover{color:#fff;background:#316ac5}.startmenu li img{object-fit:contain;flex:none;width:20px;height:20px}.startmenu__streep{background:#d5d2c6;height:1px;margin:4px 6px}.msn{flex-direction:column;gap:10px;display:flex}.msn__kop{border-bottom:1px solid #d5d2c6;align-items:center;gap:10px;padding-bottom:9px;display:flex}.msn__kop img{object-fit:contain;width:34px;height:34px}.msn__kop div{flex-direction:column;display:flex}.msn__status{color:#2f8a2f;font-size:11.5px}.msn__gesprek{background:#fff;border:1px solid #b8c6dd;min-height:120px;max-height:230px;padding:8px 10px;overflow-y:auto}.msn__regel{margin:0 0 8px;font-size:12.5px}.msn__naam{color:#0a4fbb;font-size:11px;display:block}.msn__regel--jij .msn__naam{color:#a3510f}.msn__typt{color:var(--xp-grijs);margin:0;font-size:11.5px;font-style:italic}.msn__vragen{flex-wrap:wrap;gap:5px;display:flex}.msn__vragen .knop{margin-top:0;padding:4px 10px;font-size:12px}.lijst__cijfer{white-space:nowrap;font-weight:700}.lijst__eenheid{color:var(--xp-grijs);font-size:11.5px;font-weight:400}.lijst tbody tr:hover .lijst__eenheid{color:#dbe6fb}.voetnoot{color:var(--xp-grijs);margin:8px 0 0;font-size:11px;line-height:1.45}.taakbalk{z-index:50;height:var(--taakbalk);color:#fff;background:linear-gradient(#1f5ce0 0%,#3f8cf3 6%,#2a6ee0 12%,#2361d8 88%,#1941a5 100%);border-top:1px solid #0f3fa8;align-items:stretch;font-size:12px;display:flex;position:fixed;inset:auto 0 0}.start{color:#fff;font:inherit;text-shadow:1px 1px 2px #00000080;cursor:pointer;background:linear-gradient(#5cb45c 0%,#3f9b3f 12%,#2f8a2f 60%,#237523 100%);border:0;border-radius:0 9px 9px 0;align-items:center;gap:5px;padding:0 20px 0 10px;font-size:15px;font-style:italic;font-weight:700;display:flex}.start:hover{filter:brightness(1.08)}.start__vlag{grid-template-rows:7px 7px;grid-template-columns:7px 7px;gap:1.5px;display:grid;transform:skew(-8deg)}.start__vlag i{border-radius:1px;display:block}.start__vlag i:first-child{background:#f14f4f}.start__vlag i:nth-child(2){background:#6ec96e}.start__vlag i:nth-child(3){background:#4f8ff1}.start__vlag i:nth-child(4){background:#f5c542}.taken{align-items:center;gap:3px;min-width:0;padding:3px 6px;display:flex;overflow:hidden}.taak{color:#fff;max-width:160px;height:100%;font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#ffffff29;border:0;border-radius:2px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;display:flex;overflow:hidden}.taak img{object-fit:contain;flex:none;width:14px;height:14px}.taak:hover{background:#ffffff47}.taak--actief{background:#1c4fbb;font-weight:700;box-shadow:inset 1px 1px 3px #00000073}.vak{background:linear-gradient(#16a0e8 0%,#1291dd 10%,#0f83cf 90%,#0d76bd 100%);border-left:1px solid #16a0e8;align-items:center;gap:10px;margin-left:auto;padding:0 12px 0 10px;font-size:11.5px;display:flex}.vak a{text-decoration:none}.vak a:hover{text-decoration:underline}@media (max-width:720px){.vak__verberg{display:none}}@media (max-width:860px){body{overflow:auto}.bureaublad{height:auto;min-height:100dvh;padding:12px 10px calc(var(--taakbalk) + 14px);background-attachment:scroll}.iconen{flex-flow:wrap;width:auto;padding:0 0 12px}.icoon{width:80px}.venster,.venster--smal{width:100%;max-height:none;margin-bottom:12px;position:static}.venster__balk,.venster--actief .venster__balk{cursor:default}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}