.ew-af-widget,.ew-af-modal{box-sizing:border-box;font-family:var(--ew-af-font-family,inherit)}
.ew-af-widget *,.ew-af-modal *{box-sizing:border-box}
.ew-af-widget{position:fixed;bottom:0;z-index:99990;width:min(390px,calc(100vw - 24px));filter:drop-shadow(0 10px 24px rgba(0,0,0,.18))}
.ew-af-pos-right{right:24px}.ew-af-pos-left{left:24px}
.ew-af-closed{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:var(--ew-af-radius) var(--ew-af-radius) 0 0;padding:14px 20px;background:var(--ew-af-primary);color:var(--ew-af-text);font:inherit;font-weight:700;cursor:pointer;min-width:190px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.ew-af-pos-left .ew-af-closed{margin-left:0;margin-right:auto}
.ew-af-closed-icon{width:10px;height:10px;display:inline-block;position:relative;flex:0 0 10px}
.ew-af-closed-icon:before{content:"";position:absolute;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-135deg);top:2px}
.ew-af-widget.is-open .ew-af-closed-icon:before{transform:rotate(45deg);top:-2px}
.ew-af-teaser{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;background:var(--ew-af-surface);color:var(--ew-af-body);overflow:hidden;max-height:0;opacity:0;transform:translateY(12px);transition:max-height .35s ease,opacity .25s ease,transform .25s ease;pointer-events:none;border-radius:var(--ew-af-radius) var(--ew-af-radius) 0 0}
.ew-af-widget.is-open .ew-af-teaser{max-height:600px;opacity:1;transform:none;pointer-events:auto}.ew-af-widget.is-open .ew-af-closed{border-radius:0;width:100%}
.ew-af-teaser-close{position:absolute;right:10px;top:10px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:rgba(17,24,39,.55);color:#fff;font-size:23px;line-height:1;cursor:pointer}
.ew-af-teaser-image-wrap{height:100%;min-height:140px;background:rgba(0,0,0,.03);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px}.ew-af-teaser-image{width:100%;max-width:84px;max-height:84px;height:auto;object-fit:contain;display:block}
.ew-af-teaser-content{padding:22px 20px 20px;min-width:0}.ew-af-teaser-title{display:block;font-size:20px;line-height:1.2;margin-bottom:8px;color:var(--ew-af-heading)}.ew-af-teaser-content p{margin:0 0 16px;line-height:1.5;font-size:14px;color:var(--ew-af-body)}
.ew-af-button{appearance:none;border:0;border-radius:max(4px,calc(var(--ew-af-radius) - 8px));padding:12px 18px;background:var(--ew-af-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer;width:100%}.ew-af-button:hover{filter:brightness(.92)}.ew-af-button:disabled{opacity:.45;cursor:not-allowed}.ew-af-admin-warning{display:block;margin-top:9px;color:#b91c1c}

/* Stabiele modal: breed genoeg voor de native Autoflex desktop-layout. */
.ew-af-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.ew-af-modal.is-visible{opacity:1;visibility:visible}
.ew-af-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.72);backdrop-filter:blur(3px)}
.ew-af-modal-panel{position:relative;z-index:1;width:min(var(--ew-af-overlay-width),calc(100vw - 48px));max-height:calc(100vh - 48px);background:#fff;border-radius:var(--ew-af-radius);box-shadow:0 24px 80px rgba(0,0,0,.35);overflow:hidden}
.ew-af-modal-scroll{max-height:calc(100vh - 48px);overflow:auto;padding:var(--ew-af-overlay-padding);padding-top:max(var(--ew-af-overlay-padding),22px)}
.ew-af-modal-close{position:absolute;right:10px;top:10px;z-index:999;width:38px;height:38px;border:0;border-radius:50%;background:#111827;color:#fff;font-size:26px;line-height:38px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.ew-af-empty{padding:50px 20px;text-align:center}html.ew-af-modal-open{overflow:hidden}

/* Autoflex: alleen veilige cosmetische overrides. Geen zoom/transform of geforceerde kolommen. */
.ew-af-modal #autoflex-oa-app{width:100%!important;max-width:none!important;min-width:0!important;color:#212529;font-size:var(--ew-af-widget-font-size)!important;line-height:1.35;font-family:var(--ew-af-font-family,inherit)!important;transform:none!important;zoom:1!important}
.ew-af-modal #autoflex-oa-app *{font-family:var(--ew-af-font-family,inherit)}
.ew-af-modal #autoflex-oa-app .container,.ew-af-modal #autoflex-oa-app .container-fluid{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important;margin-left:auto!important;margin-right:auto!important}
.ew-af-modal #autoflex-oa-app .jumbotron{padding:18px 22px!important;margin:0 0 14px!important;border-radius:8px!important;overflow:visible!important}
.ew-af-modal #autoflex-oa-app h1,.ew-af-modal #autoflex-oa-app h2,.ew-af-modal #autoflex-oa-app h3{font-size:var(--ew-af-widget-heading-size)!important;line-height:1.15!important;margin-top:6px!important;margin-bottom:10px!important}
.ew-af-modal #autoflex-oa-app .form-control,.ew-af-modal #autoflex-oa-app .custom-select,.ew-af-modal #autoflex-oa-app select,.ew-af-modal #autoflex-oa-app textarea,.ew-af-modal #autoflex-oa-app input{font-size:var(--ew-af-widget-font-size)!important;max-width:100%}
.ew-af-modal #autoflex-oa-app textarea{min-height:100px}.ew-af-modal #autoflex-oa-app .btn{font-size:var(--ew-af-widget-font-size)!important}.ew-af-modal #autoflex-oa-app .btn-success{background-color:var(--ew-af-accent)!important;border-color:var(--ew-af-accent)!important}

/* Kalender: native breedte behouden, alleen hoogte/padding compacter. */
.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar,.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-inner,.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-grid{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important}
.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar .b-calendar-grid .row{flex-wrap:nowrap!important;margin-left:0!important;margin-right:0!important}
.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-grid [role="gridcell"],.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-grid .btn{min-height:var(--ew-af-calendar-cell-height)!important;height:auto!important;padding:4px 5px!important;line-height:1.2!important}
.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-grid-body .row{min-height:var(--ew-af-calendar-cell-height)!important}
.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-grid .col,.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-grid [class*="col-"]{min-width:0!important;padding-left:0!important;padding-right:0!important}
.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-header,.ew-af-modal.ew-af-compact #autoflex-oa-app .b-calendar-nav{margin-bottom:6px!important}

/* Door JS herkende tabs: cosmetisch, zonder de originele layout te breken. */
.ew-af-modal.ew-af-style-tabs #autoflex-oa-app .ew-af-step-tabs{display:flex!important;gap:10px!important;width:100%!important;padding-right:48px!important;margin:0 0 12px!important;overflow:visible!important}
.ew-af-modal.ew-af-style-tabs #autoflex-oa-app .ew-af-step-tabs>.ew-af-step-tab{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;padding:10px 14px!important;margin:0!important;background:var(--ew-af-tab-bg)!important;color:var(--ew-af-tab-text)!important;border-radius:var(--ew-af-tab-radius)!important;text-align:center!important;white-space:normal!important;overflow:visible!important;font-size:var(--ew-af-widget-font-size)!important}
.ew-af-modal.ew-af-style-tabs #autoflex-oa-app .ew-af-step-tabs>.ew-af-step-tab.is-active{background:var(--ew-af-tab-active)!important;color:var(--ew-af-tab-active-text)!important}

/* Diensten: laat Autoflex structuur intact; JS mag alleen de complete gevonden rijen verplaatsen. */
.ew-af-modal #autoflex-oa-app .ew-af-services-reordered{width:100%!important}

@media (max-width:900px){
 .ew-af-modal{padding:10px}.ew-af-modal-panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:8px}.ew-af-modal-scroll{max-height:calc(100vh - 20px);padding:50px 8px 14px}.ew-af-modal-close{right:8px;top:8px}
 .ew-af-modal #autoflex-oa-app{font-size:13px!important}.ew-af-modal #autoflex-oa-app h1,.ew-af-modal #autoflex-oa-app h2,.ew-af-modal #autoflex-oa-app h3{font-size:22px!important}
 .ew-af-modal.ew-af-style-tabs #autoflex-oa-app .ew-af-step-tabs{padding-right:0!important;gap:6px!important}.ew-af-modal.ew-af-style-tabs #autoflex-oa-app .ew-af-step-tabs>.ew-af-step-tab{padding:8px 6px!important;font-size:12px!important}
}
@media (max-width:680px){
 .ew-af-widget{right:12px;left:12px;width:auto}.ew-af-closed{width:100%;border-radius:var(--ew-af-radius) var(--ew-af-radius) 0 0}.ew-af-teaser{grid-template-columns:82px minmax(0,1fr)}.ew-af-teaser-image-wrap{min-height:110px;padding:10px}.ew-af-teaser-image{max-width:66px;max-height:66px}
 .ew-af-modal{padding:0;align-items:stretch}.ew-af-modal-panel{width:100%;max-height:100vh;border-radius:0}.ew-af-modal-scroll{max-height:100vh;padding:52px 4px 16px}.ew-af-modal #autoflex-oa-app .container,.ew-af-modal #autoflex-oa-app .container-fluid{padding-left:6px!important;padding-right:6px!important}
}