/* DigiKlant backendvormgeving: Windows XP bedrijfsbeheer */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.digiklant-beheer{min-width:1024px;background:#eaf1f8;color:#13284a;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px}
body.digiklant-beheer button,body.digiklant-beheer input,body.digiklant-beheer select,body.digiklant-beheer textarea{font:inherit}
body.digiklant-beheer a{text-decoration:none}
.xp-toepassing{min-height:100vh;background:linear-gradient(#f8fbff 0,#edf4fb 48%,#e5eef7 100%)}

.xp-bovenkop{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#fff,#f7fbff 40%,#dce9f6);border-bottom:1px solid #789bc0;box-shadow:inset 0 -1px #fff}
.xp-merk{display:flex;align-items:center;gap:12px;color:#1d2a38!important}
.xp-merk strong{font-size:33px;color:#114491;letter-spacing:-1.5px;text-shadow:0 1px #fff}
.xp-merk>span:last-child{font-size:16px;color:#1d2a38}
.merkteken{width:48px;height:45px;position:relative;display:block;flex:0 0 48px}
.merkteken i{position:absolute;width:21px;height:21px;border:1px solid #547fb1;background:linear-gradient(135deg,#eef8ff,#77abe2);box-shadow:inset 1px 1px #fff,1px 1px 2px #c1d1df}
.merkteken i:nth-child(1){left:0;top:22px}
.merkteken i:nth-child(2){left:22px;top:0}
.merkteken i:nth-child(3){left:22px;top:22px}
.xp-hoofdnavigatie{display:flex;gap:6px}
.xp-bovenknop{height:41px;min-width:104px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #829ab5;border-radius:5px;background:linear-gradient(#fff,#f8fbff 45%,#dae7f4 48%,#f0f6fb);box-shadow:inset 1px 1px #fff,inset -1px -1px #cad7e5;color:#172940!important;cursor:pointer}
.xp-bovenknop:hover,.xp-bovenknop.actief{border-color:#4f78a6;background:linear-gradient(#fff,#dfefff 45%,#bdd9f4 48%,#eaf5ff)}
.xp-bovenknop img{width:27px;height:27px;object-fit:contain}
.xp-systeembalk{height:36px;padding:0 29px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(#2886ef,#0c68d9 48%,#0754bd 52%,#0b65d9);border-top:1px solid #78b7fd;border-bottom:1px solid #073b84;box-shadow:inset 0 1px rgba(255,255,255,.3)}
.xp-systeembalk div{display:flex;align-items:center;gap:6px}.xp-systeembalk img{width:22px;height:22px;object-fit:contain}.xp-systeembalk strong{color:#fff}
.xp-technisch-verborgen,.xp-legacy-sidebar,.sidebar{display:none!important}
.body-shell{display:block!important;min-height:0!important}.workspace{display:block!important;margin:0!important;padding:0!important;width:auto!important;min-width:0!important}.tabsbar{display:none!important}

.xp-werkblad{max-width:1700px;margin:0 auto;padding:12px 28px 18px;min-height:calc(100vh - 133px)}
.xp-kader{border:1px solid #94abc5;background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(50,72,97,.17);overflow:hidden}
.xp-paginakop{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;background:linear-gradient(#fff,#edf5fc);border-bottom:1px solid #a5b9cf}
.xp-paginatitel{display:flex;align-items:center;gap:14px}.xp-paginatitel>img{width:58px;height:58px;object-fit:contain}.xp-paginatitel small{display:block;color:#6c7a8a;font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:.4px}.xp-paginatitel h1{font-size:25px;margin:2px 0 4px;color:#073e93}.xp-paginatitel p{margin:0;color:#4d6077}
.xp-context-tabs{display:flex;align-items:end;padding:8px 12px 0;background:#e8f0f8;border-bottom:1px solid #91a9c1;gap:3px;min-height:37px}
.xp-context-tabs:empty{display:none}
.xp-tab{padding:8px 12px 7px;border:1px solid #9db1c7;border-bottom:0;border-radius:4px 4px 0 0;background:linear-gradient(#f7fbff,#dbe8f4);color:#21476e!important;cursor:pointer}
.xp-tab:hover{background:linear-gradient(#fff,#e8f3fd)}.xp-tab.actief{background:#fff;color:#073f91!important;font-weight:bold;padding-bottom:8px;position:relative;top:1px}
.xp-inhoud{padding:12px!important;background:#fff!important;overflow:visible!important;min-height:0!important}
.xp-inhoud>h1:first-child,.xp-inhoud>.website-cms>h1:first-of-type{display:none}
.xp-inhoud>h1:first-child+p{margin-top:0}

/* Startpagina */
body.xp-startpagina .xp-werkblad{padding-top:12px}
body.xp-startpagina .xp-kader{border:0;background:transparent;box-shadow:none;overflow:visible}
body.xp-startpagina .xp-paginakop,body.xp-startpagina .xp-context-tabs{display:none}
body.xp-startpagina .xp-inhoud{padding:0!important;background:transparent!important}
.xp-welkomrij{display:grid;grid-template-columns:3fr 1.15fr;gap:14px}
.xp-welkomvak{height:150px;display:flex;align-items:center;position:relative;overflow:hidden;border:1px solid #315f9a;border-radius:5px;background:linear-gradient(90deg,#0759c3,#0b6cd8 47%,#8bc1ef);box-shadow:inset 0 1px rgba(255,255,255,.55),0 2px 5px rgba(52,81,114,.25)}
.xp-welkomicoon{position:relative;z-index:4;width:112px;height:112px;object-fit:contain;margin-left:42px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.16))}.xp-welkomsttekst{position:relative;z-index:4;margin-left:25px;color:#fff;text-shadow:0 2px 2px rgba(0,45,105,.5)}.xp-welkomsttekst h1{font-size:35px;margin:0 0 13px;color:#fff}.xp-welkomsttekst p{font-size:20px;margin:0;color:#fff}.xp-gelelijn{display:block;width:64px;height:4px;margin-top:14px;background:#ffc324;box-shadow:0 1px #8c6700}
.xp-lucht{position:absolute;inset:0 0 0 55%;background:linear-gradient(#72baf3,#d5ecfa);overflow:hidden}.xp-wolken{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 36%,rgba(255,255,255,.9) 0 12%,transparent 13%),radial-gradient(ellipse at 31% 27%,rgba(255,255,255,.75) 0 10%,transparent 11%),radial-gradient(ellipse at 42% 42%,rgba(255,255,255,.68) 0 13%,transparent 14%)}.xp-gebouw{position:absolute;right:-40px;bottom:-34px;width:365px;height:160px;transform:skewY(-4deg);background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.8) 8% 9%,transparent 9% 20%,rgba(255,255,255,.8) 20% 21%,transparent 21% 32%,rgba(255,255,255,.8) 32% 33%,transparent 33% 44%,rgba(255,255,255,.8) 44% 45%,transparent 45% 56%,rgba(255,255,255,.8) 56% 57%,transparent 57%),linear-gradient(#2e6b9d,#0b355f);border:2px solid rgba(255,255,255,.7)}.xp-boom{position:absolute;right:35px;bottom:-17px;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 43% 39%,#d1e34c 0 8%,#81aa28 34%,#416d13 70%)}
.xp-datumvak{min-height:150px;display:flex;align-items:center;padding:20px 24px;gap:19px;border:1px solid #94aac4;border-radius:5px;background:linear-gradient(#fff,#f8fbff 63%,#edf3f9);box-shadow:inset 1px 1px #fff,0 2px 5px rgba(48,73,103,.2)}.xp-datumvak img{width:70px;height:70px;object-fit:contain}.xp-datumvak span{display:block;color:#1a2433;font-size:16px;margin-bottom:6px}.xp-datumvak strong{display:block;font-size:21px;color:#111;margin-bottom:13px}.xp-datumvak p{margin:0;color:#25374b}
.xp-statusrij{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:11px}.xp-statuskaart{height:86px;display:grid;grid-template-columns:72px 50px 1fr 24px;align-items:center;text-align:left;border:1px solid #9fb5ce;border-radius:5px;background:linear-gradient(#fff,#fbfdff 54%,#edf4fa);box-shadow:inset 1px 1px #fff,0 2px 4px rgba(63,84,108,.15);cursor:pointer;color:#162943!important}.xp-statuskaart:hover{background:linear-gradient(#fff,#f1f8ff 50%,#e2effb);border-color:#668eb9}.xp-statuskaart img{width:53px;height:53px;object-fit:contain;justify-self:center}.xp-statuskaart strong{font-size:32px}.xp-statuskaart span{font-size:14px;color:#162943}.xp-statuskaart em{font-style:normal;font-size:32px;color:#063f9c}.xp-blauw{color:#0643a3}.xp-groen{color:#3c8a16}.xp-oranje{color:#cf6200}.xp-paars{color:#66208e}
.xp-sectiekop{display:flex;align-items:end;gap:10px;margin:11px 0 8px}.xp-sectiekop h2{font-size:17px;margin:0;color:#0a3e91}.xp-sectiekop span{height:1px;background:#9fb9d8;flex:1;margin-bottom:3px}
.xp-moduleraster{display:grid;grid-template-columns:repeat(4,1fr);gap:7px 10px}.xp-modulekaart{min-height:90px;padding:10px 12px;display:grid;grid-template-columns:68px 1fr 22px;align-items:center;text-align:left;border:1px solid #9db3cd;border-radius:4px;background:linear-gradient(#fff,#f9fcff 55%,#edf4fa);box-shadow:inset 1px 1px #fff,0 1px 3px rgba(64,84,109,.14);cursor:pointer;color:#172840!important}.xp-modulekaart:hover{border-color:#5d86b4;background:linear-gradient(#fff,#edf7ff 56%,#dfeefa)}.xp-modulekaart img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.13))}.xp-modulekaart h3{font-size:17px;margin:0 0 5px;color:#063d96}.xp-modulekaart p{margin:0;color:#172840;line-height:1.35;font-size:12px}.xp-modulekaart em{font-style:normal;font-size:29px;color:#063f9c;text-align:right}
.xp-onderpanelen{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}.xp-paneel{border:1px solid #86a6c8;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 2px 4px rgba(50,70,95,.15)}.xp-paneelkop{min-height:35px;padding:7px 13px;display:flex;align-items:center;gap:9px;color:#fff;font-weight:bold;font-size:14px;background:linear-gradient(#2f83e8,#0b69d6 48%,#0758bf 51%,#116cda);border-top:1px solid #79b3f2;border-bottom:1px solid #05428f;text-shadow:0 1px #06418e}.xp-regellijst a,.xp-regellijst .xp-werkregel{width:100%;min-height:42px;padding:7px 12px;display:grid;grid-template-columns:36px 1fr auto 27px;align-items:center;border-bottom:1px solid #d9e2ec;background:linear-gradient(#fff,#fbfdff);text-align:left;color:#12356e!important}.xp-regellijst>*:last-child{border-bottom:0}.xp-regellijst a:hover,.xp-regellijst .xp-werkregel:hover{background:#edf6ff}.xp-regellijst img{width:26px;height:26px;object-fit:contain}.xp-regellijst b{min-width:27px;height:27px;line-height:25px;border:1px solid #b6c9de;border-radius:50%;text-align:center;background:linear-gradient(#fff,#e7f0f9);font-weight:normal}.xp-regellijst em{font-style:normal;text-align:right;font-size:26px;color:#06459f}.xp-regellijst .xp-werkdetail{font-size:11px;color:#718094;display:block;margin-top:2px}
.xp-lege-regel{padding:20px;text-align:center;color:#4c657c}.xp-lege-regel img{width:26px;height:26px;vertical-align:middle;margin-right:7px}
.xp-technische-startdata{display:none!important}

/* Module dashboards */
.xp-overzichtkaarten{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.xp-overzichtkaart{padding:12px 13px;border:1px solid #a9bdd2;background:linear-gradient(#fff,#eef5fb);box-shadow:inset 1px 1px #fff}.xp-overzichtkaart strong{display:block;font-size:18px;color:#0b499e}.xp-overzichtkaart span{font-size:12px;color:#586c82}.xp-actieraster{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.xp-actiekaart{min-height:92px;padding:12px;display:flex;gap:11px;align-items:center;text-align:left;border:1px solid #9eb6cf;border-radius:4px;background:linear-gradient(#fff,#f6faff 55%,#eaf3fb);color:#1e3851!important}.xp-actiekaart:hover{border-color:#5d84b1;background:#eef7ff}.xp-actiekaart img{width:43px;height:43px;object-fit:contain}.xp-actiekaart strong{display:block;color:#0b4292;margin-bottom:4px}.xp-actiekaart span{display:block;font-size:12px;color:#53657a;line-height:1.35}

/* Existing Web Forms controls get the same visual language */
.xp-inhoud .paneel,.xp-inhoud .beheer_vak,.xp-inhoud .dashboard-panel,.xp-inhoud .regiekamer-paneel{margin:0 0 12px;border:1px solid #9fb4ca!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
.xp-inhoud .paneel>h2:first-child,.xp-inhoud .beheer_vak>h2:first-child,.xp-inhoud .dashboard-panel>h2:first-child,.xp-inhoud .regiekamer-paneel-kop{margin:0!important;min-height:31px;padding:7px 10px!important;font-size:13px!important;font-weight:bold!important;color:#164670!important;background:linear-gradient(#f2f7fb,#dde9f4)!important;border:0!important;border-bottom:1px solid #a4b7cb!important;text-shadow:none!important}
.xp-inhoud .paneel>:not(h2){margin-left:10px;margin-right:10px}.xp-inhoud .paneel>.tabel-omhulsel,.xp-inhoud .paneel>.formulier-raster,.xp-inhoud .paneel>.proces-stappen,.xp-inhoud .paneel>.proces-paneel{margin-left:10px;margin-right:10px}
.xp-inhoud .formulier-raster{gap:9px 12px!important;padding:10px 0}.xp-inhoud label{color:#314961;font-size:12px}.xp-inhoud .invoerveld,.xp-inhoud input[type=text],.xp-inhoud input[type=password],.xp-inhoud input[type=number],.xp-inhoud input[type=date],.xp-inhoud input[type=email],.xp-inhoud select,.xp-inhoud textarea{padding:6px 7px!important;border:1px solid #7f9db9!important;background:#fff!important;box-shadow:inset 1px 1px 2px #e2e7ec!important;border-radius:0!important;color:#172b40!important}.xp-inhoud textarea{min-height:72px}.xp-inhoud .invoerveld:focus,.xp-inhoud input:focus,.xp-inhoud select:focus,.xp-inhoud textarea:focus{outline:1px solid #5f8bc2!important}
.xp-inhoud .knop,.xp-inhoud input.knop,.xp-inhoud a.knop,.werkstroombalk .knop{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:31px!important;padding:6px 11px!important;border:1px solid #849db7!important;border-radius:4px!important;background:linear-gradient(#fff,#f9fcff 47%,#dce9f5 50%,#edf5fb)!important;box-shadow:inset 1px 1px #fff!important;color:#173967!important;text-shadow:none!important;font-weight:normal!important;cursor:pointer!important}.xp-inhoud .knop:hover,.werkstroombalk .knop:hover{border-color:#5f82a7!important;background:linear-gradient(#fff,#eaf5ff 48%,#d2e7f8)!important}.xp-inhoud .knop.tweede{color:#315474!important}
.xp-inhoud .tabel-omhulsel{border:1px solid #9fb4ca!important;background:#fff!important;overflow:auto}.xp-inhoud table.tabel,.xp-inhoud table.tabel_beheer,.xp-inhoud .tabel{width:100%!important;border-collapse:collapse!important;border:0!important;background:#fff!important}.xp-inhoud .tabel th,.xp-inhoud .tabel_beheer th{padding:8px 9px!important;text-align:left!important;background:#e8f1f9!important;border-bottom:1px solid #97abc1!important;border-right:1px solid #c4d0dc!important;color:#224b70!important;font-size:12px!important}.xp-inhoud .tabel td,.xp-inhoud .tabel_beheer td{padding:8px 9px!important;border-bottom:1px solid #e1e7ed!important;border-right:1px solid #edf1f4!important;color:#263a51!important;background:#fff!important}.xp-inhoud .tabel tr:hover td,.xp-inhoud .tabel_beheer tr:hover td{background:#f0f7ff!important}
.xp-inhoud .melding{border-radius:0!important;box-shadow:none!important}.xp-inhoud .uitleg{padding:9px 11px;border:1px solid #b0c2d3;background:linear-gradient(#f9fcff,#edf4fa);color:#40566d;margin-bottom:12px}
.xp-inhoud .website-cms{max-width:none!important;margin:0!important;padding:0!important}.xp-inhoud .website-cms .beheer_vak{padding:10px!important}.xp-inhoud .tekstbewerker_balk{background:linear-gradient(#f3f7fb,#dce8f3)!important;border:1px solid #9fb4ca!important;padding:5px!important}.xp-inhoud .tekstbewerker_balk button{border:1px solid #849db7!important;background:linear-gradient(#fff,#dfeaf5)!important;color:#173967!important;padding:5px 7px!important}.xp-inhoud .tekstbewerker_vak,.xp-inhoud .voorbeeld_vak{border:1px solid #7f9db9!important;background:#fff!important}
.werkstroombalk{margin:0!important;border:0!important;border-bottom:1px solid #a8bdd2!important;border-radius:0!important;background:#fff8da!important}

/* Geen toegang */
.xp-geentoegang{max-width:760px;margin:28px auto;border:1px solid #bd9b46;background:#fff;box-shadow:0 3px 9px rgba(45,61,77,.18)}.xp-geentoegangkop{padding:10px 13px;background:linear-gradient(#fff2c3,#efc96d);border-bottom:1px solid #bc9740;color:#5e4309;font-weight:bold}.xp-geentoeganginhoud{padding:22px;display:flex;gap:18px}.xp-geentoeganginhoud>img{width:65px;height:65px;object-fit:contain}.xp-geentoeganginhoud h2{margin:0 0 8px;color:#8b2d1e;font-size:22px}.xp-geentoeganginhoud p{line-height:1.5;color:#3f4c59}

.xp-statusvoet{height:29px;padding:0 29px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #98afc6;color:#607187;font-size:11px;background:linear-gradient(#eef4fa,#dfe9f3)}

/* Login */
body.xp-login{min-width:0;min-height:100vh;background:linear-gradient(#d8ebff 0,#80b9ed 44%,#4b96db 45%,#0755aa 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Tahoma,Verdana,Arial,sans-serif}.xp-login:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.85) 0 8%,transparent 9%),radial-gradient(ellipse at 45% 17%,rgba(255,255,255,.6) 0 7%,transparent 8%);opacity:.75}.xp-loginvenster{position:relative;z-index:2;width:700px;border:1px solid #174f91;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 14px 45px rgba(0,33,75,.45)}.xp-logintitel{height:46px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:bold;font-size:18px;background:linear-gradient(#3595f4,#0b67d3 48%,#0754bd 51%,#0b67d5);border-bottom:1px solid #073b85;text-shadow:0 1px #06418e}.xp-logintitel span:last-child{font-size:12px;font-weight:normal}.xp-logininhoud{display:grid;grid-template-columns:255px 1fr;min-height:330px}.xp-loginlinks{padding:30px 25px;background:linear-gradient(#e9f4ff,#cfe5f8);border-right:1px solid #91afd0}.xp-loginlinks img{width:108px;height:108px;object-fit:contain;display:block;margin:0 auto 18px}.xp-loginlinks h1{margin:0;text-align:center;color:#0c4a9e;font-size:28px}.xp-loginlinks p{text-align:center;color:#47647d;line-height:1.5}.xp-loginform{padding:38px 40px}.xp-loginform h2{margin:0 0 5px;color:#134d8d}.xp-loginform>p{margin:0 0 24px;color:#66778a}.xp-loginveld{margin-bottom:14px}.xp-loginveld label{display:block;margin-bottom:5px;color:#2c4660;font-weight:bold}.xp-loginveld input{width:100%;padding:8px;border:1px solid #7f9db9;box-shadow:inset 1px 1px 2px #e0e6eb}.xp-loginactie{display:flex;justify-content:flex-end;align-items:center;margin-top:18px}.xp-inlogknop{padding:8px 21px!important;border:1px solid #3268a3!important;border-radius:4px!important;color:#fff!important;font-weight:bold!important;background:linear-gradient(#4b9cf0,#176dd0 49%,#0b56b8 50%,#1b70d5)!important;box-shadow:inset 1px 1px rgba(255,255,255,.5)!important;cursor:pointer}.xp-loginvoet{padding:9px 14px;background:#edf3f8;border-top:1px solid #afc1d2;color:#6a7887;font-size:11px;display:flex;justify-content:space-between}.xp-login .melding{margin-bottom:13px}

@media(max-width:1250px){.xp-moduleraster,.xp-actieraster{grid-template-columns:repeat(3,1fr)}.xp-overzichtkaarten{grid-template-columns:repeat(2,1fr)}.xp-welkomrij{grid-template-columns:2.5fr 1.3fr}}
@media(max-width:1050px){.xp-hoofdnavigatie .xp-bovenknop{min-width:auto}.xp-hoofdnavigatie .xp-bovenknop{font-size:0}.xp-hoofdnavigatie .xp-bovenknop img{width:29px;height:29px}.xp-moduleraster,.xp-actieraster{grid-template-columns:repeat(2,1fr)}}