.scb-wrap { max-width: 1240px; }
.scb-lead { font-size: 16px; max-width: 780px; }
.scb-card { background:#fff; border:1px solid #dcdcde; border-radius:10px; padding:20px; margin:18px 0; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.scb-grid-form { display:grid; grid-template-columns: repeat(3, minmax(220px, 1fr)); gap:18px 22px; align-items:start; }
.scb-grid-form label { display:block; font-weight:600; color:#008D3A; }
.scb-grid-form input[type=text], .scb-grid-form input[type=password], .scb-grid-form input[type=number], .scb-grid-form select, .scb-grid-form textarea { width:100%; margin-top:6px; }
.scb-full { grid-column: 1 / -1; }
.scb-radio-row { display:flex; gap:18px; flex-wrap:wrap; background:#f6f7f7; padding:12px; border-radius:8px; }
.scb-radio-row label { color:#1d2327; font-weight:500; }
.scb-materials { display:grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap:8px; background:#f6f7f7; border-radius:8px; padding:14px; max-height:260px; overflow:auto; }
.scb-materials label { font-weight:500; color:#1d2327; }
.scb-manual { border-top:4px solid #F58220; padding-top:10px; }
.scb-manual-grid { display:grid; grid-template-columns: repeat(5, 1fr); gap:12px; }
.scb-manual-grid label { color:#1d2327; }
.scb-inline-form { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.scb-table td { vertical-align:top; }
.button-link-delete { color:#b32d2e; background:none; border:0; padding:0; cursor:pointer; text-decoration:underline; }
@media(max-width:1100px){ .scb-grid-form{grid-template-columns:1fr 1fr;} .scb-materials{grid-template-columns:1fr 1fr;} .scb-manual-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:700px){ .scb-grid-form{grid-template-columns:1fr;} .scb-materials{grid-template-columns:1fr;} .scb-manual-grid{grid-template-columns:1fr;} }
.scb-frontend { max-width: 1180px; margin: 0 auto; }
.scb-notice { padding: 14px 16px; border-radius: 8px; margin: 16px 0; border-left: 5px solid #008D3A; background: #f6f7f7; }
.scb-success { border-left-color: #00a32a; background: #edf7ed; }
.scb-error { border-left-color: #d63638; background: #fcf0f1; }

/* v2.8: frontend notices readable on dark themes */
.scb-notice,
.scb-notice p,
.scb-notice strong { color: #008D3A !important; }
.scb-notice a { color: #F58220 !important; text-decoration: underline; font-weight: 700; }
.scb-success { color: #008D3A !important; background: #edf7ed !important; }
.scb-error { color: #4A1111 !important; background: #fcf0f1 !important; }

/* v3.1: betere leesbaarheid frontend login en rustige GUI */
.scb-card,
.scb-card p,
.scb-card label,
.scb-card legend,
.scb-card small,
.scb-card .login-remember,
.scb-card .login-remember label,
.scb-login-card,
.scb-login-card p,
.scb-login-card label,
.scb-login-card .login-remember,
.scb-login-card .login-remember label { color:#008D3A !important; }
.scb-login-card input[type=text],
.scb-login-card input[type=password],
.scb-card input[type=text],
.scb-card input[type=password],
.scb-card input[type=number],
.scb-card select,
.scb-card textarea { color:#008D3A !important; background:#fff !important; border:1px solid #8c8f94 !important; }
.scb-login-card input[type=checkbox], .scb-card input[type=checkbox] { accent-color:#F58220; }
.scb-login-card .button,
.scb-login-card input[type=submit] { background:#F58220 !important; color:#ffffff !important; border:0 !important; font-weight:800 !important; padding:10px 28px !important; min-height:44px; cursor:pointer; }
.scb-login-card .login-username label:before { content:'Gebruikersnaam of e-mailadres'; }
.scb-login-card .login-password label:before { content:'Wachtwoord'; }
.scb-login-card .login-username label,
.scb-login-card .login-password label { font-size:0; }
.scb-login-card .login-username label:before,
.scb-login-card .login-password label:before { font-size:15px; display:block; margin-bottom:6px; color:#008D3A; }
.scb-login-card .login-remember label { font-size:15px !important; }

.scb-collapsible { border:1px solid #dcdcde; border-radius:10px; background:#fbfbfb; padding:0; overflow:hidden; }
.scb-collapsible > summary { cursor:pointer; list-style:none; padding:14px 16px; font-weight:800; color:#008D3A; background:#f6f7f7; border-bottom:1px solid #dcdcde; }
.scb-collapsible > summary::-webkit-details-marker { display:none; }
.scb-collapsible > summary:after { content:' +'; float:right; color:#F58220; font-weight:900; }
.scb-collapsible[open] > summary:after { content:' –'; }
.scb-collapsible .scb-materials { border-radius:0; max-height:300px; }
.scb-field-note { display:block; margin-top:6px; color:#4b5563 !important; font-size:12px; line-height:1.4; }
.scb-output-row { background:#fff8dc; border:1px solid #f1d778; }
.scb-output-row label { font-weight:700; }
.scb-button-row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.scb-button-row .button { min-height:44px; }
.scb-preview-block { background:#fbfbfb; border:1px solid #dcdcde; border-left:5px solid #F58220; border-radius:10px; padding:14px; margin:12px 0; }
.scb-preview-block h4 { margin:0 0 10px; color:#008D3A; }
.scb-history-table-wrap { width:100%; overflow-x:auto; }

@media(max-width:700px){
  .scb-card { padding:16px; margin:14px 0; }
  .scb-frontend { width:100%; padding:0 10px; box-sizing:border-box; }
  .scb-radio-row { display:block; }
  .scb-radio-row label { display:block; margin:8px 0; }
  .scb-button-row .button { width:100%; text-align:center; justify-content:center; }
  .scb-collapsible .scb-materials { max-height:360px; }
  .scb-table, .scb-table tbody, .scb-table tr, .scb-table td { display:block; width:100%; }
}

/* v3.3: AI optie zichtbaar maar uitgeschakeld */
.scb-disabled-option { opacity: .55; cursor: not-allowed !important; color:#6b7280 !important; }
.scb-disabled-option input { cursor: not-allowed !important; }
.scb-disabled-option::after { content:' binnenkort'; font-size:12px; color:#6b7280; font-weight:600; margin-left:4px; }

/* v3.4: preview-oefeningen snel selecteren/verwijderen */
.scb-preview-select { background:#fff; border:1px solid #dcdcde; border-radius:8px; padding:12px; margin:10px 0; }
.scb-preview-select p { margin:0 0 8px; color:#008D3A !important; }
.scb-preview-checks { display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:6px 10px; max-height:170px; overflow:auto; margin-bottom:10px; }
.scb-preview-checks label { font-weight:500 !important; color:#1d2327 !important; background:#f6f7f7; padding:6px 8px; border-radius:6px; }
@media(max-width:900px){ .scb-preview-checks{grid-template-columns:1fr 1fr;} }
@media(max-width:600px){ .scb-preview-checks{grid-template-columns:1fr;} }

/* v4.0: stapsgewijze GUI en duidelijkere oranje accenten */
.scb-grid-form .scb-training-category-field label, .scb-grid-form .scb-training-type-field label { font-size:16px; }
.scb-preview-block h4, .scb-preview-checks label strong { font-size:16px; }
.scb-field-note a { color:#F58220 !important; font-weight:800; text-decoration:underline; }

.scb-developed{font-size:12px;font-weight:700;color:#008D3A;opacity:.82;margin-top:-8px;margin-bottom:16px;}
.scb-frontend .scb-developed{color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.45);}