#vpa-root{position:fixed;right:20px;bottom:20px;z-index:999999;font:14px Arial,sans-serif;color:#202020}#vpa-root *{box-sizing:border-box}#vpa-toggle{background:#171717;color:#d6b36a;border:1px solid #d6b36a;border-radius:25px;padding:14px 20px;cursor:pointer;font-weight:bold;box-shadow:0 3px 15px #0004}#vpa-panel{width:min(370px,calc(100vw - 30px));height:min(650px,calc(100vh - 95px));background:white;border-radius:14px;box-shadow:0 5px 35px #0004;overflow:hidden;display:flex;flex-direction:column;margin-bottom:10px;border:1px solid #d6b36a}#vpa-root [hidden]{display:none!important}#vpa-panel header{background:#171717;color:#d6b36a;padding:16px;display:flex;justify-content:space-between;align-items:center}#vpa-close{background:transparent;color:white;border:0;font-size:24px;cursor:pointer}#vpa-log{min-height:100px;max-height:170px;overflow:auto;padding:12px;background:#f8f8f8}#vpa-log p{margin:6px 0;padding:9px;border-radius:9px;overflow-wrap:anywhere}#vpa-log .vpa-bot{background:#eee}#vpa-log .vpa-user{background:#f6ecd6;text-align:right}#vpa-root .vpa-tabs{display:flex;border-bottom:1px solid #ddd}#vpa-root .vpa-tabs button{flex:1;border:0;background:#fff;padding:12px 3px;cursor:pointer}#vpa-root .vpa-tabs button.active{border-bottom:3px solid #c69c4e;font-weight:bold}#vpa-chat{padding:12px}#vpa-chat-form{display:flex;gap:5px}#vpa-chat-form input{flex:1;min-width:0}#vpa-root input,#vpa-root select,#vpa-root textarea{width:100%;border:1px solid #bbb;border-radius:5px;padding:9px;font:inherit;background:white;color:#222}#vpa-root button{font:inherit}#vpa-chat-form button,#vpa-submit{background:#171717;color:#d6b36a;border:0;border-radius:5px;padding:10px;cursor:pointer}#vpa-form-area{overflow-y:auto;padding:12px;flex:1}#vpa-lead-form{display:flex;flex-direction:column;gap:9px}#vpa-lead-form label{display:block;font-size:12px;font-weight:bold}#vpa-lead-form label input,#vpa-lead-form label select,#vpa-lead-form label textarea{margin-top:4px}#vpa-root .vpa-consent{display:flex;gap:7px;align-items:flex-start;font-weight:normal}#vpa-root .vpa-consent input{width:auto}#vpa-root .vpa-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}#vpa-status{padding:0 12px;font-size:12px;overflow-wrap:anywhere}

/* VPA kalender: zichtbare selecteerbare datums en gekozen datum */
#vpa-root .vpa-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}
#vpa-root .vpa-cal-head button{border:1px solid #c69c4e;background:#fff;color:#202020;border-radius:4px;cursor:pointer;padding:4px 10px}
#vpa-root .vpa-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#vpa-root .vpa-cal-grid span{text-align:center;font-size:12px}
#vpa-root .vpa-cal-grid .vpa-day{min-width:0;min-height:31px;padding:4px 0;background:#fff;border:1px solid #c69c4e;color:#222;border-radius:4px;cursor:pointer;position:relative;z-index:1;pointer-events:auto}
#vpa-root .vpa-cal-grid .vpa-day.selected{background:#c69c4e;color:#111;font-weight:700;outline:2px solid #171717}
#vpa-root .vpa-cal-grid .vpa-day:disabled{background:#eee;color:#999;border-color:#ddd;cursor:not-allowed;pointer-events:none}
#vpa-root #vpa-slots{margin:8px 0;font-size:12px;line-height:1.5}
#vpa-root .vpa-slot{padding:6px 9px;margin:3px;border:1px solid #c69c4e;background:#fff;color:#222;cursor:pointer;border-radius:4px}
#vpa-root .vpa-slot.selected{background:#c69c4e;color:#111;font-weight:bold}

/* Varestone 1.6.4: het hidden-attribuut mag nooit door formulieropmaak worden overschreven. */
#vpa-root #vpa-registration[hidden],
#vpa-root #vpa-chat-content[hidden] { display:none !important; }
#vpa-root #vpa-registration:not([hidden]) {
  display:flex !important; flex-direction:column !important; gap:12px !important;
  padding:12px 14px !important; overflow-y:auto;
}
#vpa-root #vpa-registration > strong,
#vpa-root #vpa-registration > p { display:block; margin:0 !important; padding:0 !important; }
#vpa-root #vpa-registration > label:not(.vpa-consent) {
  display:block !important; width:100% !important; margin:0 !important;
  font-size:12px; color:#202020;
}
#vpa-root #vpa-registration > label:not(.vpa-consent) > input {
  display:block !important; width:92% !important; margin:5px auto 0 !important;
  padding:10px !important; box-sizing:border-box !important;
}
#vpa-root #vpa-registration > label.vpa-consent {
  display:flex !important; flex-direction:row !important; align-items:flex-start !important;
  gap:8px !important; width:100% !important; margin:0 !important;
  font-size:11px; line-height:1.35;
}
#vpa-root #vpa-registration > label.vpa-consent > input[type=checkbox] {
  flex:0 0 15px !important; width:15px !important; height:15px !important;
  margin:2px 0 0 !important; padding:0 !important;
}
#vpa-root #vpa-registration > button[type=submit] {
  display:block !important; width:100% !important; padding:12px !important;
  border:1px solid #171717 !important; border-radius:6px !important;
  background:#c69c4e !important; color:#111 !important; cursor:pointer;
}

/* 1.6.5: herstel zichtbaarheid tabnavigatie na registratie; geen invloed op formulieren. */
#vpa-root #vpa-chat-content:not([hidden]) { display:block !important; min-height:0; overflow-y:auto; flex:1 1 auto; }
#vpa-root #vpa-chat-content:not([hidden]) > .vpa-tabs {
  display:flex !important; visibility:visible !important; opacity:1 !important;
  flex:0 0 auto; width:100% !important; min-height:46px !important;
  background:#171717 !important; border-bottom:2px solid #c69c4e !important;
  position:relative !important; z-index:5 !important;
}
#vpa-root #vpa-chat-content:not([hidden]) > .vpa-tabs > button {
  display:block !important; visibility:visible !important; opacity:1 !important;
  flex:1 1 33.33% !important; width:auto !important; min-width:0 !important;
  height:auto !important; min-height:44px !important; padding:10px 4px !important;
  margin:0 !important; border:0 !important; border-radius:0 !important;
  background:#171717 !important; color:#e6c27a !important;
  font:600 13px Arial,sans-serif !important; text-align:center !important;
  cursor:pointer !important; pointer-events:auto !important;
}
#vpa-root #vpa-chat-content:not([hidden]) > .vpa-tabs > button.active {
  background:#c69c4e !important; color:#171717 !important;
}