/* 18E: elegant, nadrukkelijk onder de bestaande samenstelling; raakt de overige app CSS niet. */
.e18-global{padding:23px;border:1px solid #ded8cf;background:linear-gradient(115deg,#fffaf2,#f5f8fa);border-radius:18px;margin:22px 0 25px;box-shadow:0 9px 22px rgba(19,63,85,.045)}
.e18-global-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.e18-kicker{font-size:10px;letter-spacing:.12em;font-weight:850;color:#ca884b}.e18-global h3{margin:7px 0;font:700 26px Georgia,serif;color:#1e4259}.e18-global p{font-size:13px;color:#526e7b;line-height:1.58;max-width:780px;margin:6px 0}.e18-mini{padding:7px 11px;border-radius:999px;background:#e5f1ed;color:#267968;font-size:10px;white-space:nowrap;font-weight:750}
.e18-global-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.e18-global-buttons button{border:1px solid #c6d5de;background:#fff;color:#28506a;cursor:pointer;border-radius:10px;padding:11px 14px;font-weight:750;font-size:12px}.e18-global-buttons button.e18-current{background:#28536d;color:white;border-color:#28536d}.e18-global-buttons button:disabled{opacity:.5;cursor:not-allowed}#e18-feedback{font-size:12px;color:#257359;margin-top:10px}#e18-feedback.error{color:#a43f31}
.e18-presentation{margin:18px 0 14px;padding:14px;border:1px solid #d7e0e3;border-radius:15px;background:#fafbfc}.e18-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.e18-top h4{margin:5px 0;font:700 18px Georgia,serif;color:#22465e}.e18-headlabel{font-size:10px;font-weight:760;padding:7px;border-radius:8px;background:#fff2dc;color:#905c23}.e18-shared{font-size:11px;color:#597381;line-height:1.5;margin:8px 0 12px}.e18-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.e18-option{background:#fff;border:1px solid #e0e5e7;border-radius:13px;overflow:hidden;transition:box-shadow .15s,opacity .15s}.e18-option.enabled{box-shadow:0 4px 14px rgba(25,72,94,.06);border-color:#a9cfc8}.e18-option.priority.enabled{border-color:#c9a96c}.e18-option.disabled{opacity:.58}.e18-option-media{height:100px;background:#f9f5eb}.e18-option-media img{height:100%;width:100%;object-fit:contain}.e18-option-body{padding:10px}.e18-option-heading{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.e18-option-heading strong{color:#22465e;font-size:14px}.e18-preferred{background:#f2e1b8;color:#7d4d16;border-radius:5px;padding:3px 5px;font-size:9px;font-weight:850}.e18-option p{font-size:10px;color:#59707b;line-height:1.42;margin:5px 0 10px;min-height:27px}
.e18-toggle{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;font-size:11px;color:#26475c;font-weight:700}.e18-switch-track{width:32px;height:19px;border-radius:20px;background:#b4bdc1;display:flex;align-items:center;padding:3px;flex-shrink:0}.e18-switch-track>span{display:block;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 2px #999}.e18-option.enabled .e18-switch-track{background:#268f7f;justify-content:flex-end}.e18-toggle:disabled{opacity:.5;cursor:not-allowed}
.e18-status{display:flex;gap:12px;margin-top:12px}.e18-status>div{flex:1;min-width:0;background:#fff;border-radius:8px;padding:9px}.e18-status span{display:block;color:#7d8d95;font-size:10px}.e18-status strong{display:block;color:#274f64;font-size:11px;margin-top:3px}.e18-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.e18-action button{cursor:pointer;color:#fff;background:#285a73;border:none;border-radius:9px;padding:10px 11px;font-weight:700;font-size:11px}.e18-action button:disabled{background:#c5c9cb;cursor:not-allowed}.e18-action small{font-size:10px;color:#69818d;line-height:1.4}
@media(max-width:1150px){.e18-top,.e18-global-head{display:block}.e18-headlabel,.e18-mini{display:inline-block;margin-top:6px}}
@media(max-width:480px){.e18-global{padding:15px}.e18-global h3{font-size:22px}.e18-options{grid-template-columns:1fr}.e18-option{display:grid;grid-template-columns:116px 1fr}.e18-option-media{height:100%;min-height:122px}.e18-status,.e18-action{flex-direction:column;align-items:stretch}.e18-action button{width:100%}}