:root{--s2l-blue:#0f3d6c;--s2l-blue2:#103f73;--s2l-orange:#f59e0b;--s2l-red:#ef4444;--s2l-green:#22c55e;--s2l-ink:#0f172a;--s2l-muted:#64748b;--s2l-glass:rgba(255,255,255,.82);--s2l-line:rgba(15,23,42,.12)}
.s2l-app{position:relative;min-height:80vh;padding:24px;color:var(--s2l-ink);font-family:Inter,Arial,sans-serif;isolation:isolate}.s2l-bg{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(245,158,11,.20),transparent 30%),radial-gradient(circle at top right,rgba(15,61,108,.25),transparent 35%),linear-gradient(135deg,#f8fafc,#e8eef7);z-index:-1}.s2l-shell{max-width:1220px;margin:0 auto}.s2l-topbar,.s2l-welcome,.s2l-card{backdrop-filter:blur(18px);background:var(--s2l-glass);border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 70px rgba(15,23,42,.12);border-radius:28px}.s2l-topbar{display:flex;align-items:center;justify-content:space-between;padding:24px;margin-bottom:18px}.s2l-topbar h1,.s2l-card h2,.s2l-welcome h2{margin:0}.s2l-kicker{display:block;color:var(--s2l-orange);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.s2l-card,.s2l-welcome{padding:24px;margin:18px 0}.s2l-welcome{display:flex;align-items:center;justify-content:space-between}.s2l-pill{border:1px solid var(--s2l-line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800}.s2l-btn{border:0;border-radius:16px;padding:12px 18px;font-weight:800;cursor:pointer;background:#e2e8f0;color:var(--s2l-ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:.18s}.s2l-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.16)}.s2l-btn.primary{background:linear-gradient(135deg,var(--s2l-blue),#1767aa);color:#fff}.s2l-btn.success{background:linear-gradient(135deg,#15803d,var(--s2l-green));color:#fff}.s2l-btn.danger{background:linear-gradient(135deg,#991b1b,var(--s2l-red));color:#fff}.s2l-btn.dark{background:linear-gradient(135deg,#0f172a,#334155);color:#fff}.s2l-btn.ghost{background:rgba(255,255,255,.78);border:1px solid var(--s2l-line)}.s2l-btn.small{padding:8px 11px;border-radius:12px;font-size:13px}.s2l-grid{display:grid;gap:14px}.s2l-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.s2l-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.s2l-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.s2l-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.s2l-form-row label,.s2l-options>label{font-weight:800;color:#1e293b}.s2l-form-row input,.s2l-form-row select,.s2l-form-row textarea,.s2l-card select{width:100%;box-sizing:border-box;border:1px solid var(--s2l-line);border-radius:16px;background:#fff;padding:13px 14px;font-size:15px;color:var(--s2l-ink)}.s2l-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.s2l-section-head p,.s2l-card p{color:var(--s2l-muted)}.s2l-nav-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.s2l-nav{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.68);border-radius:20px;padding:18px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(15,23,42,.08)}.s2l-nav.active{background:linear-gradient(135deg,var(--s2l-blue),#155a99);color:#fff}.s2l-tab{display:none}.s2l-tab.active{display:block}.s2l-option-row{display:grid;grid-template-columns:34px 1fr;gap:8px;margin:8px 0}.s2l-option-row input[type=text]{border:1px solid var(--s2l-line);border-radius:14px;padding:12px}.s2l-list{display:flex;flex-direction:column;gap:10px}.s2l-item{display:flex;justify-content:space-between;gap:12px;align-items:center;background:rgba(255,255,255,.7);border:1px solid var(--s2l-line);border-radius:18px;padding:14px}.s2l-item strong{display:block}.s2l-item span{display:block;color:var(--s2l-muted);font-size:13px}.s2l-item-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.s2l-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.s2l-check-grid label,.s2l-question-picker label{background:rgba(255,255,255,.72);border:1px solid var(--s2l-line);border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center}.s2l-question-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding:4px}.s2l-question-picker em{display:block;color:var(--s2l-muted);font-style:normal;font-size:12px}.s2l-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.s2l-progress-live{margin-top:16px}.s2l-progress-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:10px;align-items:center;background:rgba(255,255,255,.78);border:1px solid var(--s2l-line);border-radius:18px;padding:12px;margin-bottom:10px}.s2l-progress-mini{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.s2l-progress-mini i{display:block;height:100%;background:linear-gradient(90deg,var(--s2l-orange),var(--s2l-green))}.s2l-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.s2l-modal[hidden]{display:none}.s2l-modal-card{width:min(760px,100%);max-height:88vh;overflow:auto;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);box-shadow:0 40px 100px rgba(0,0,0,.28);backdrop-filter:blur(24px);border-radius:30px;padding:24px;position:relative}.s2l-modal-close{position:absolute;right:16px;top:14px;border:0;background:#fee2e2;color:#991b1b;border-radius:999px;width:36px;height:36px;font-size:22px;cursor:pointer}.s2l-toast{position:fixed;right:22px;bottom:22px;z-index:100000;display:grid;gap:10px}.s2l-toast div{background:#111827;color:#fff;padding:13px 16px;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.22)}.s2l-toast .ok{background:#14532d}.s2l-toast .err{background:#991b1b}.s2l-admin-panel{border-top:1px solid var(--s2l-line);margin-top:24px;padding-top:20px}.s2l-phone{width:min(440px,100%);margin:0 auto;background:#0f172a;border-radius:36px;padding:12px;box-shadow:0 35px 90px rgba(15,23,42,.35);min-height:760px}.s2l-phone-head{display:flex;justify-content:space-between;color:#e2e8f0;padding:10px 14px}.s2l-phone .s2l-card,.s2l-pda{background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-radius:28px;padding:20px;min-height:660px}.s2l-pda-info{background:#fff;border-radius:22px;padding:16px;margin-bottom:16px}.s2l-pda-info strong,.s2l-pda-info span{display:block}.s2l-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.s2l-icon{min-height:96px;border:0;border-radius:22px;background:linear-gradient(135deg,var(--s2l-blue),#155a99);color:#fff;font-size:34px;font-weight:900;box-shadow:0 16px 32px rgba(15,61,108,.25);cursor:pointer}.s2l-icon span{display:block;font-size:12px;margin-top:6px}.s2l-progressbar{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:10px 0}.s2l-progressbar i{display:block;height:100%;background:linear-gradient(90deg,var(--s2l-orange),var(--s2l-green))}.s2l-question-card{background:#fff;border-radius:24px;padding:16px;margin-top:16px}.s2l-media{max-width:100%;border-radius:16px;margin:10px 0}.s2l-answer{display:block;padding:12px;border:1px solid var(--s2l-line);border-radius:14px;margin:8px 0;background:#f8fafc}.s2l-timer{font-weight:900;color:#991b1b}.s2l-scan-box video{width:100%;border-radius:18px;background:#000}.s2l-disabled{opacity:.42;filter:grayscale(1);pointer-events:none}@media(max-width:860px){.s2l-app{padding:12px}.s2l-topbar,.s2l-welcome,.s2l-section-head{display:block}.s2l-grid.two,.s2l-grid.three,.s2l-grid.four,.s2l-nav-cards,.s2l-check-grid,.s2l-question-picker{grid-template-columns:1fr}.s2l-item,.s2l-progress-row{display:block}.s2l-item-actions{justify-content:flex-start;margin-top:10px}.s2l-phone{min-height:100vh;border-radius:0;width:100%;box-shadow:none}.s2l-icons{grid-template-columns:1fr 1fr}.s2l-shell{max-width:100%}}
.s2l-join-qr{display:flex;justify-content:center;margin:18px 0}.s2l-join-qr img{width:230px;height:230px;background:#fff;border-radius:18px;padding:12px;border:1px solid var(--s2l-line);box-shadow:0 18px 42px rgba(15,23,42,.14)}.s2l-code-big{font-size:36px;font-weight:900;letter-spacing:5px;text-align:center;background:#fff;border:1px solid var(--s2l-line);border-radius:18px;padding:14px;margin:12px 0}.s2l-toast{max-width:min(420px,calc(100vw - 32px));}.s2l-toast div{min-width:240px;line-height:1.35}.s2l-phone .s2l-card h2{font-size:26px}.s2l-phone .s2l-card p{line-height:1.45}
@media(max-width:860px){.s2l-toast{right:12px;left:12px;bottom:12px}.s2l-toast div{min-width:0;width:auto}.s2l-code-big{font-size:30px}.s2l-join-qr img{width:210px;height:210px}}

/* v2.0.2: QR zichtbaar in opdrachtlijst + steviger PDA-flow */
.s2l-question-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px}
.s2l-question-qr{width:76px;height:90px;border-radius:18px;background:#fff;border:1px solid var(--s2l-line);box-shadow:0 12px 26px rgba(15,23,42,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}
.s2l-question-qr img{width:62px;height:62px;display:block}.s2l-question-qr span{font-size:11px;font-weight:900;letter-spacing:1px;margin-top:4px;color:var(--s2l-blue)}.s2l-question-main{min-width:0}.s2l-question-main strong{font-size:17px}.s2l-progress-join{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center;background:rgba(255,255,255,.82);border:1px solid var(--s2l-line);border-radius:22px;padding:14px;margin:16px 0;box-shadow:0 16px 36px rgba(15,23,42,.10)}.s2l-progress-join strong{display:block;font-size:22px;letter-spacing:1px}.s2l-progress-join p{margin:4px 0 0}.s2l-mini-qr{width:94px;height:94px;background:#fff;border:1px solid var(--s2l-line);border-radius:18px;display:flex;align-items:center;justify-content:center}.s2l-mini-qr img{width:78px;height:78px}.s2l-phone{background:linear-gradient(180deg,#061423,#0f172a);border:1px solid rgba(255,255,255,.16)}.s2l-phone-head{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;margin-bottom:12px;align-items:center}.s2l-pda{background:linear-gradient(180deg,#f8fafc 0%,#e5edf7 100%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.s2l-pda-status{display:flex;align-items:center;gap:8px;justify-content:space-between;background:rgba(15,23,42,.92);color:#fff;border-radius:20px;padding:10px 14px;margin-bottom:14px;box-shadow:0 14px 28px rgba(15,23,42,.18)}.s2l-pda-status strong{margin-right:auto}.s2l-pda-status #s2l-endtime{font-size:12px;color:#cbd5e1}.s2l-live-dot{width:12px;height:12px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.18),0 0 18px rgba(34,197,94,.9)}.s2l-pda-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--s2l-orange);font-weight:900;margin-bottom:4px}.s2l-pda-info{border:1px solid var(--s2l-line);box-shadow:0 16px 32px rgba(15,23,42,.08)}.s2l-icon{position:relative;overflow:hidden}.s2l-icon:before{content:"";position:absolute;inset:-40% -40% auto auto;width:85%;height:85%;background:rgba(255,255,255,.16);border-radius:50%}.s2l-icon span{position:relative}.s2l-icon:nth-child(2){background:linear-gradient(135deg,#334155,#0f172a)}.s2l-icon:nth-child(3){background:linear-gradient(135deg,#f59e0b,#b45309)}#s2l-student-root .s2l-card{box-shadow:none;border:1px solid rgba(255,255,255,.8)}#s2l-student-root .s2l-card h2{font-size:34px;line-height:1.05}.s2l-toast div.err{border:1px solid rgba(255,255,255,.25);box-shadow:0 24px 54px rgba(153,27,27,.35)}
@media(max-width:860px){.s2l-question-item{grid-template-columns:78px minmax(0,1fr);}.s2l-question-item .s2l-item-actions{grid-column:1/-1}.s2l-question-qr{width:66px;height:80px}.s2l-question-qr img{width:54px;height:54px}.s2l-progress-join{grid-template-columns:88px minmax(0,1fr)}.s2l-mini-qr{width:78px;height:78px}.s2l-mini-qr img{width:64px;height:64px}.s2l-pda-status{align-items:flex-start;flex-wrap:wrap}.s2l-pda-status #s2l-endtime{width:100%}}

/* v2.0.3: login, QR-zoom, downloadkaarten en studentcode invoer */
.s2l-btn,.s2l-btn:visited,.s2l-btn:hover,.s2l-btn:focus{ text-decoration:none !important; }
.s2l-btn.primary,.s2l-btn.primary:visited,.s2l-btn.success,.s2l-btn.success:visited,.s2l-btn.danger,.s2l-btn.danger:visited,.s2l-btn.dark,.s2l-btn.dark:visited{ color:#fff !important; }
.s2l-btn.ghost,.s2l-btn.ghost:visited{ color:var(--s2l-ink) !important; }
.s2l-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}

.s2l-auth-shell{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:38px 18px 70px}.s2l-auth-title{font-size:clamp(42px,5vw,74px);letter-spacing:.08em;font-weight:500;color:#202733;text-align:center;margin:0 0 250px;line-height:1}.s2l-auth-card{width:min(720px,100%);background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.8);box-shadow:0 34px 90px rgba(15,23,42,.10);border-radius:28px;padding:38px 38px;text-align:center}.s2l-auth-card h2{margin:0 0 28px;font-size:34px;letter-spacing:.04em}.s2l-auth-card input{height:58px;border-radius:12px;border:1px solid #cbd5e1;background:#eef3fb;padding:0 20px;font-size:20px;color:#111827}.s2l-auth-field{max-width:520px;margin:0 auto 20px}.s2l-auth-btn{background:#98a3b3!important;color:#fff!important;border-radius:12px;min-width:178px;height:56px;font-size:20px;letter-spacing:.02em;margin:4px auto 0}.s2l-auth-help{font-size:22px;color:#1f2937!important;margin:26px 0 14px}.s2l-admin-panel-auth{text-align:left;margin-top:34px}.s2l-code-inputs{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 24px}.s2l-code-inputs input{width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;padding:0!important;text-align:center!important;text-transform:uppercase!important;font-size:34px!important;font-weight:900!important;border:3px solid #d1d5db!important;border-radius:14px!important;background:#f8fafc!important;color:#111827!important;box-sizing:border-box!important;outline:none!important}.s2l-code-inputs input:focus{border-color:#9aa33e!important;box-shadow:0 0 0 5px rgba(154,163,62,.18)!important}.s2l-teacher-otp input{width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;font-size:32px!important}

.s2l-student-auth-shell{min-height:86vh;display:flex;align-items:center;justify-content:center;padding:28px 16px 70px}.s2l-student-login-wrap{width:100%;display:flex;flex-direction:column;align-items:center}.s2l-student-login-title{font-size:clamp(44px,5vw,72px);font-weight:400;letter-spacing:.09em;color:#252d38;text-align:center;margin:0 0 245px}.s2l-student-login-card{width:min(760px,92vw);background:linear-gradient(145deg,#172236,#243044);color:#fff;border-radius:30px;border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 90px rgba(15,23,42,.35);padding:50px 56px;text-align:center}.s2l-student-login-card h2{margin:0 0 26px;font-size:44px;color:#fff;letter-spacing:.04em}.s2l-student-login-card p{color:rgba(255,255,255,.72);font-size:20px;margin:0 0 16px}.s2l-student-code input{background:#f8fafc!important;border-color:#f8fafc!important;color:#111827!important}.s2l-student-details{display:none;margin-top:20px;text-align:left}.s2l-student-details.is-visible{display:block}.s2l-student-details label{color:#fff}.s2l-student-details input,.s2l-student-details textarea{background:#fff!important;color:#111827!important;border-color:transparent!important}.s2l-student-start{width:100%;height:72px;margin-top:18px;border-radius:22px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(210,214,81,.65)!important;color:#fff!important;font-size:26px!important;letter-spacing:.03em}.s2l-student-start:hover{background:rgba(255,255,255,.16)!important}

.s2l-qr-thumb{cursor:pointer;border:0}.s2l-qr-thumb:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(15,23,42,.18)}.s2l-qr-modal{text-align:center}.s2l-qr-large{width:min(390px,80vw);height:min(390px,80vw);background:#fff;border:1px solid var(--s2l-line);border-radius:26px;padding:18px;box-shadow:0 28px 70px rgba(15,23,42,.16)}.s2l-session-qr{width:84px;height:98px;border-radius:18px;background:#fff;border:1px solid var(--s2l-line);box-shadow:0 12px 26px rgba(15,23,42,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}.s2l-session-qr img{width:66px;height:66px}.s2l-session-qr span{font-size:11px;font-weight:900;letter-spacing:1px;margin-top:4px;color:var(--s2l-blue)}.s2l-history-item{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:16px;align-items:center}.s2l-history-main{min-width:0}.s2l-history-main strong{font-size:18px}

.s2l-download-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;margin-top:22px}.s2l-download-block{background:rgba(255,255,255,.72);border:1px solid var(--s2l-line);border-radius:24px;padding:22px;min-height:220px;box-shadow:0 18px 44px rgba(15,23,42,.08)}.s2l-download-block h3{font-size:30px;margin:6px 0 18px}.s2l-download-list{display:flex;flex-direction:column;gap:10px}.s2l-download-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:16px;border:1px solid var(--s2l-line);background:#fff;color:#1d4ed8!important;text-decoration:none!important;font-weight:800}.s2l-download-chip:after{content:"Download";font-size:12px;border-radius:999px;background:#eef2ff;color:#1d4ed8;padding:5px 10px}.s2l-download-all{background:linear-gradient(145deg,#f8fafc,#e7eef7)}.s2l-all-download-btn{width:100%;height:58px;border-radius:20px!important;font-size:17px!important;color:#fff!important}.s2l-actions .s2l-btn.ghost{background:#fff!important;border:1px solid var(--s2l-line)!important;color:#0f172a!important}

@media(max-width:860px){.s2l-auth-title,.s2l-student-login-title{font-size:42px;margin-bottom:80px}.s2l-auth-card,.s2l-student-login-card{padding:28px 18px;border-radius:24px}.s2l-code-inputs{gap:8px}.s2l-code-inputs input{width:48px!important;height:58px!important;min-width:48px!important;max-width:48px!important;font-size:25px!important}.s2l-teacher-otp input{width:56px!important;height:60px!important;min-width:56px!important;max-width:56px!important}.s2l-student-login-card h2{font-size:34px}.s2l-student-login-card p{font-size:16px}.s2l-student-start{height:60px;font-size:22px!important}.s2l-history-item{grid-template-columns:84px minmax(0,1fr)}.s2l-history-item .s2l-item-actions{grid-column:1/-1}.s2l-download-grid{grid-template-columns:1fr}.s2l-download-block h3{font-size:24px}}
.s2l-mini-qr{padding:0;cursor:pointer}.s2l-mini-qr:focus{outline:3px solid rgba(29,78,216,.25);outline-offset:3px}

/* v2.0.4: compacte QR-kaarten, betere opdracht-preview en duidelijke antwoordknop */
.s2l-question-qr{
  width:112px!important;
  height:124px!important;
  min-width:112px!important;
  background:#ffffff!important;
  background-image:none!important;
  border:1px solid rgba(15,23,42,.14)!important;
  box-shadow:0 16px 36px rgba(15,23,42,.12)!important;
  color:#0f172a!important;
  padding:10px!important;
}
.s2l-question-qr img{
  width:84px!important;
  height:84px!important;
  background:#fff!important;
  display:block!important;
  border-radius:8px!important;
}
.s2l-question-qr span{
  display:block!important;
  margin-top:8px!important;
  background:transparent!important;
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:2px!important;
  line-height:1!important;
}
.s2l-question-item{grid-template-columns:126px minmax(0,1fr) auto!important;padding:18px 20px!important}.s2l-question-main strong{font-size:20px!important}.s2l-question-main span{font-size:15px!important}.s2l-question-qr:before,.s2l-question-qr:after{display:none!important;content:none!important}
.s2l-add-answer-btn,
.s2l-options [data-s2l-action="add-option"]{
  margin-top:14px!important;
  min-height:52px!important;
  padding:14px 22px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff,#eef4fb)!important;
  border:1px solid rgba(15,23,42,.16)!important;
  color:#0f172a!important;
  font-size:16px!important;
  font-weight:900!important;
  box-shadow:0 14px 32px rgba(15,23,42,.10)!important;
}
.s2l-add-answer-btn:hover,
.s2l-options [data-s2l-action="add-option"]:hover{background:linear-gradient(135deg,#f8fafc,#e0ecf8)!important;transform:translateY(-1px)}
.s2l-option-row{grid-template-columns:44px 1fr!important;align-items:center!important;gap:12px!important}.s2l-option-row input[type="checkbox"]{width:28px!important;height:28px!important;margin:0 auto!important;accent-color:#0f3d6c}.s2l-option-row input[type="text"]{font-size:16px!important;color:#0f172a!important;background:#fff!important}
.s2l-btn.is-loading{opacity:.72;cursor:wait;transform:none!important}
@media(max-width:860px){.s2l-question-item{grid-template-columns:108px minmax(0,1fr)!important}.s2l-question-qr{width:96px!important;height:108px!important;min-width:96px!important}.s2l-question-qr img{width:72px!important;height:72px!important}.s2l-question-item .s2l-item-actions{grid-column:1/-1}}

/* v2.0.5: opdrachtknop onder antwoordopties en rustiger formulierflow */
.s2l-question-save-bottom{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin-top:22px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(15,23,42,.10)!important;
}
.s2l-save-question-bottom{
  min-height:58px!important;
  padding:16px 28px!important;
  border-radius:18px!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 18px 38px rgba(29,78,216,.22)!important;
}
@media(max-width:860px){
  .s2l-question-save-bottom{justify-content:stretch!important}
  .s2l-save-question-bottom{width:100%!important}
}

/* v2.0.6: robuustere laatkomer-login en compactere QR-kaarten */

/* v2.0.7: duidelijkere voortgangsstatus, grotere laatkomer-QR en moderne navigatie */
.s2l-nav-cards{
  gap:14px!important;
  align-items:stretch!important;
}
.s2l-nav{
  position:relative!important;
  overflow:hidden!important;
  min-height:76px!important;
  padding:14px 16px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,243,253,.84))!important;
  color:#0f172a!important;
  box-shadow:0 18px 42px rgba(15,23,42,.10)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  text-align:left!important;
  letter-spacing:.01em!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.s2l-nav:before{
  content:""!important;
  position:absolute!important;
  inset:auto 14px 10px 14px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f59e0b,#22c55e)!important;
  opacity:.18!important;
}
.s2l-nav:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 24px 52px rgba(15,23,42,.16)!important;
  border-color:rgba(15,61,108,.22)!important;
}
.s2l-nav.active{
  background:linear-gradient(135deg,#0f3d6c,#1d5fa2)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:0 24px 54px rgba(15,61,108,.28)!important;
}
.s2l-nav.active:before{opacity:.75!important;background:linear-gradient(90deg,#f59e0b,#fef3c7)!important}
.s2l-nav-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:#0f3d6c!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 10px 20px rgba(15,23,42,.10)!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.05em!important;
}
.s2l-nav.active .s2l-nav-icon{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}
.s2l-progress-join{
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:20px!important;
  padding:18px 20px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 20px 46px rgba(15,23,42,.10)!important;
}
.s2l-mini-qr,
button.s2l-mini-qr,
.s2l-progress-join .s2l-mini-qr{
  width:132px!important;
  height:132px!important;
  min-width:132px!important;
  padding:10px!important;
  border-radius:22px!important;
  background:#fff!important;
  background-image:none!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 16px 36px rgba(15,23,42,.12)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.s2l-mini-qr img,
.s2l-progress-join .s2l-mini-qr img{
  width:108px!important;
  height:108px!important;
  border-radius:10px!important;
  background:#fff!important;
  display:block!important;
}
.s2l-progress-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:6px!important;
}
.s2l-progress-title-row .s2l-kicker{margin:0!important}
.s2l-status-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:94px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 24px rgba(15,23,42,.14)!important;
}
.s2l-status-closed{background:linear-gradient(135deg,#991b1b,#ef4444)!important}
.s2l-status-running{background:linear-gradient(135deg,#166534,#22c55e)!important}
.s2l-status-stopped{background:linear-gradient(135deg,#92400e,#f59e0b)!important}
.s2l-status-planned{background:linear-gradient(135deg,#1e40af,#3b82f6)!important}
.s2l-status-unknown{background:linear-gradient(135deg,#475569,#94a3b8)!important}
@media(max-width:860px){
  .s2l-nav{min-height:66px!important;padding:12px 14px!important}
  .s2l-progress-join{grid-template-columns:124px minmax(0,1fr)!important;gap:14px!important}
  .s2l-mini-qr,button.s2l-mini-qr,.s2l-progress-join .s2l-mini-qr{width:112px!important;height:112px!important;min-width:112px!important;padding:8px!important}
  .s2l-mini-qr img,.s2l-progress-join .s2l-mini-qr img{width:94px!important;height:94px!important}
  .s2l-progress-title-row{display:block!important}
  .s2l-status-badge{margin-top:8px!important;min-width:82px!important;height:30px!important;font-size:12px!important}
}

/* v2.0.8: moderne actieknoppen, lesrapportages en PDA-eindtijdflow */
.s2l-bottom-actions,
.s2l-score-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:24px!important;
}
.s2l-score-actions{grid-template-columns:repeat(2,minmax(0,320px))!important;justify-content:start!important}
.s2l-action-tile{
  position:relative!important;
  overflow:hidden!important;
  min-height:66px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,239,249,.9))!important;
  color:#0f172a!important;
  box-shadow:0 18px 42px rgba(15,23,42,.10)!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:14px 16px!important;
  text-align:left!important;
  font-family:inherit!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.s2l-action-tile:before{
  content:""!important;
  position:absolute!important;
  inset:auto 14px 10px 14px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f59e0b,#22c55e)!important;
  opacity:.25!important;
}
.s2l-action-tile:hover{transform:translateY(-2px)!important;box-shadow:0 24px 54px rgba(15,23,42,.16)!important;border-color:rgba(15,61,108,.25)!important}
.s2l-action-tile span{
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;
  background:#fff!important;color:#0f3d6c!important;border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 10px 20px rgba(15,23,42,.10)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.06em!important;
}
.s2l-action-tile strong{font-size:15px!important;font-weight:950!important;line-height:1.15!important}
.s2l-action-start{background:linear-gradient(135deg,#15803d,#22c55e)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}.s2l-action-start span{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.s2l-action-plan{background:linear-gradient(135deg,#0f172a,#334155)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}.s2l-action-plan span{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.s2l-action-save{background:linear-gradient(135deg,#0f3d6c,#1d5fa2)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}.s2l-action-save span{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.s2l-action-download,.s2l-action-report{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,239,249,.9))!important;color:#0f172a!important}

.s2l-reportage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.s2l-reportage-tile{background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.10);border-radius:24px;padding:20px;box-shadow:0 18px 44px rgba(15,23,42,.09)}.s2l-reportage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.s2l-reportage-tile h3{font-size:24px;margin:8px 0 16px;color:#111827}.s2l-reportage-meta{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:18px}.s2l-reportage-meta span{display:block;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:10px 12px;color:#64748b}.s2l-reportage-meta strong{display:block;color:#0f172a;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.s2l-reportage-btn{width:100%;height:52px;border-radius:18px!important;color:#fff!important}.s2l-progress-closed-note{background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.10);border-radius:22px;padding:20px;margin-top:14px;box-shadow:0 18px 44px rgba(15,23,42,.08)}.s2l-progress-closed-note h3{margin:0 0 6px;font-size:24px}.s2l-progress-closed-note p{margin-top:0}

.s2l-report-modal{color:#0f172a}.s2l-report-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.s2l-report-head h2{margin:4px 0 6px;font-size:34px}.s2l-report-head p{margin:0;color:#64748b}.s2l-report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.s2l-report-summary div{background:linear-gradient(145deg,#fff,#eef4fb);border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:16px;text-align:center}.s2l-report-summary strong{display:block;font-size:30px}.s2l-report-summary span{color:#64748b;font-weight:800}.s2l-report-table-wrap{overflow:auto;border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#fff}.s2l-report-table{width:100%;border-collapse:collapse;font-size:14px}.s2l-report-table th,.s2l-report-table td{padding:12px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;vertical-align:top}.s2l-report-table th{background:#f8fafc;color:#0f172a;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.s2l-report-table small{color:#64748b}.s2l-pda-ended{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-radius:28px;padding:28px;color:#0f172a}.s2l-pda-ended h2{font-size:34px;margin:0 0 10px}.s2l-pda-ended p{color:#64748b;font-size:17px;line-height:1.45}

@media(max-width:1000px){.s2l-bottom-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.s2l-reportage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.s2l-bottom-actions,.s2l-score-actions,.s2l-reportage-grid,.s2l-report-summary{grid-template-columns:1fr!important}.s2l-report-head{display:block}.s2l-action-tile{min-height:60px!important}.s2l-action-tile span{width:38px!important;height:38px!important;min-width:38px!important}}
@media print{
  body *{visibility:hidden!important}
  .s2l-modal,.s2l-modal *{visibility:visible!important}
  .s2l-modal{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important;display:block!important}
  .s2l-modal-card{box-shadow:none!important;border:0!important;border-radius:0!important;max-height:none!important;width:100%!important;overflow:visible!important;padding:18px!important;background:#fff!important}
  .s2l-modal-close,#s2l-print-report{display:none!important}
  .s2l-report-table-wrap{overflow:visible!important}
}
.s2l-status-active{background:linear-gradient(135deg,#166534,#22c55e)!important}

/* v2.0.9: betere printweergave rapportage + compactere QR-docx uitgangspunten */
.s2l-report-head{
  padding-right:74px!important;
  align-items:flex-start!important;
}
.s2l-report-head #s2l-print-report{
  margin-right:0!important;
  min-width:132px!important;
  position:relative!important;
  z-index:2!important;
}
.s2l-report-modal .s2l-report-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:720px!important;
}
.s2l-report-modal .s2l-report-summary div{
  min-height:94px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
@media(max-width:860px){
  .s2l-report-head{padding-right:0!important}
  .s2l-report-head #s2l-print-report{margin-top:12px!important;width:100%!important}
  .s2l-report-modal .s2l-report-summary{grid-template-columns:1fr!important;max-width:none!important}
}
@media print{
  @page{size:A4 portrait;margin:10mm!important}
  html,body{width:auto!important;height:auto!important;background:#fff!important}
  body *{visibility:hidden!important}
  .s2l-modal,.s2l-modal *{visibility:visible!important}
  .s2l-modal{
    position:absolute!important;
    inset:0 auto auto 0!important;
    width:100%!important;
    min-height:0!important;
    background:#fff!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    align-items:initial!important;
    justify-content:initial!important;
  }
  .s2l-modal-card{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
  }
  .s2l-report-modal{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    color:#0f172a!important;
  }
  .s2l-report-head{
    display:block!important;
    padding-right:0!important;
    margin-bottom:8mm!important;
  }
  .s2l-report-head h2{font-size:22pt!important;margin:1mm 0 2mm!important}
  .s2l-report-head p{font-size:10pt!important;color:#334155!important}
  .s2l-modal-close,#s2l-print-report{display:none!important}
  .s2l-report-summary{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:5mm!important;
    max-width:none!important;
    margin:0 0 7mm!important;
    page-break-inside:avoid!important;
  }
  .s2l-report-summary div{
    border:1px solid #cbd5e1!important;
    background:#fff!important;
    border-radius:0!important;
    padding:5mm!important;
    min-height:24mm!important;
    box-shadow:none!important;
  }
  .s2l-report-summary strong{font-size:20pt!important}
  .s2l-report-summary span{font-size:10pt!important;color:#334155!important}
  .s2l-report-table-wrap{overflow:visible!important;border:1px solid #cbd5e1!important;border-radius:0!important}
  .s2l-report-table{font-size:9.5pt!important;width:100%!important}
  .s2l-report-table th,.s2l-report-table td{padding:3mm!important;border-bottom:1px solid #e2e8f0!important}
  .s2l-report-table th{background:#f8fafc!important;color:#0f172a!important}
}

/* v2.1.0: geavanceerde Scan2Learn PDA in SecuSim-achtige stijl */
.s2l-student-app{background:#050b18;min-height:100vh;padding:0!important;overflow-x:hidden}.s2l-student-app .s2l-bg{background:radial-gradient(circle at 18% 8%,rgba(37,99,235,.25),transparent 28%),radial-gradient(circle at 85% 12%,rgba(245,158,11,.12),transparent 24%),linear-gradient(180deg,#0c1424 0%,#050914 100%)}
.s2l-student-app .s2l-shell{max-width:none}.s2l-phone{width:min(720px,100%);min-height:100vh;margin:0 auto;padding:20px;background:linear-gradient(180deg,#081120 0%,#050914 100%);border-radius:0;border:0;box-shadow:none;box-sizing:border-box}.s2l-phone-head{display:none!important}
.s2l-pda-advanced{position:relative;min-height:calc(100vh - 40px);padding:26px 18px 34px;border-radius:34px;background:linear-gradient(180deg,#111d31 0%,#07101e 38%,#050914 100%);border:1px solid rgba(148,163,184,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 90px rgba(0,0,0,.38);overflow:hidden;color:#fff}.s2l-pda-advanced:before{content:"";position:absolute;inset:10px;border:2px solid rgba(80,120,170,.25);border-radius:30px;pointer-events:none}.s2l-pda-advanced:after{content:"";position:absolute;left:10%;right:10%;top:0;height:130px;background:radial-gradient(ellipse at top,rgba(96,165,250,.18),transparent 68%);pointer-events:none}
.s2l-pda-hero{position:relative;z-index:1;border:1px solid rgba(148,163,184,.25);background:linear-gradient(135deg,rgba(25,39,61,.92),rgba(12,24,42,.86));border-radius:28px;padding:28px;min-height:260px;box-shadow:0 24px 54px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}.s2l-pda-brand strong{display:block;font-size:68px;line-height:.86;letter-spacing:-.06em;font-weight:950;color:#fff}.s2l-pda-brand span{display:block;margin-top:10px;color:#c7d2e6;font-size:13px;line-height:1.08;font-weight:900;letter-spacing:.08em}.s2l-pda-time{position:absolute;right:28px;top:30px;text-align:right}.s2l-pda-time strong{display:block;font-size:38px;line-height:1;font-weight:950;color:#fff}.s2l-pda-time span{display:block;margin-top:8px;color:#dbeafe;font-size:15px;font-weight:800}.s2l-pda-time em{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border-radius:999px;border:1px solid rgba(34,197,94,.45);background:rgba(22,101,52,.22);color:#bbf7d0;font-style:normal;font-weight:900}.s2l-pda-team{position:absolute;left:28px;right:28px;bottom:48px;font-size:44px;line-height:1;font-weight:950;letter-spacing:-.04em;color:#fff}.s2l-pda-names{position:absolute;left:30px;right:30px;bottom:24px;color:#cbd5e1;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s2l-live-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.16),0 0 24px rgba(34,197,94,.75)}
.s2l-pda-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 12px}.s2l-pda-metrics div{background:rgba(255,255,255,.07);border:1px solid rgba(148,163,184,.20);border-radius:20px;padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.s2l-pda-metrics span{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.10em;font-weight:900}.s2l-pda-metrics strong{display:block;margin-top:6px;font-size:18px;color:#fff;font-weight:950}.s2l-pda-progress{position:relative;z-index:1;height:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);margin:0 0 22px}.s2l-pda-progress i{background:linear-gradient(90deg,#f59e0b,#22c55e);box-shadow:0 0 18px rgba(34,197,94,.35)}
.s2l-pda-icons{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.s2l-pda-icons .s2l-icon{height:150px;min-height:150px;border-radius:24px;background:linear-gradient(145deg,#246bff,#134fd6 68%,#0b3aa4);border:1px solid rgba(147,197,253,.30);box-shadow:0 20px 38px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.18);font-size:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.s2l-pda-icons .s2l-icon:before{content:"";position:absolute;inset:auto;top:22px;width:62px;height:62px;border-radius:22px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.75),rgba(255,255,255,.16) 38%,rgba(255,255,255,.03) 65%);border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 26px rgba(0,0,0,.25)}.s2l-pda-icons .s2l-icon b{position:relative;z-index:1;margin-top:6px;font-size:32px;line-height:1;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.26)}.s2l-pda-icons .s2l-icon span{position:relative;z-index:1;margin-top:56px;font-size:15px;font-weight:900;color:#eaf2ff}.s2l-pda-icons .s2l-icon-code:before{background:radial-gradient(circle at 35% 25%,rgba(251,191,36,.95),rgba(245,158,11,.82) 42%,rgba(180,83,9,.55) 70%)}.s2l-pda-icons .s2l-icon-ranking:before{background:radial-gradient(circle at 35% 25%,rgba(74,222,128,.95),rgba(34,197,94,.82) 42%,rgba(21,128,61,.55) 70%)}
.s2l-pda-advanced #s2l-question-screen{position:relative;z-index:1}.s2l-pda-advanced .s2l-question-card{background:rgba(255,255,255,.92);color:#0f172a;border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 54px rgba(0,0,0,.25);border-radius:24px}.s2l-student-app .s2l-modal{background:rgba(2,6,23,.64);backdrop-filter:blur(10px)}.s2l-student-app .s2l-modal-card{background:linear-gradient(145deg,rgba(23,37,61,.92),rgba(15,23,42,.88));border:1px solid rgba(248,113,113,.72);box-shadow:0 34px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;border-radius:30px}.s2l-student-app .s2l-modal-card h2{font-size:34px;margin-top:8px;color:#fff}.s2l-student-app .s2l-modal-card p{color:#dbeafe;font-weight:700}.s2l-student-app .s2l-modal-close{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:18px;width:58px;height:58px;font-size:34px;right:22px;top:22px}.s2l-student-app .s2l-modal .s2l-btn{min-width:120px;height:52px;border-radius:16px}.s2l-pda-ended{background:linear-gradient(180deg,#111d31,#050914);color:#fff;border:1px solid rgba(148,163,184,.22)}.s2l-pda-ended p{color:#cbd5e1}
@media(max-width:560px){.s2l-phone{padding:0}.s2l-pda-advanced{border-radius:0;min-height:100vh;padding:28px 18px}.s2l-pda-advanced:before{inset:12px;border-radius:24px}.s2l-pda-hero{min-height:255px;padding:24px 22px;border-radius:26px}.s2l-pda-brand strong{font-size:58px}.s2l-pda-brand span{font-size:11px}.s2l-pda-time{right:22px;top:28px}.s2l-pda-time strong{font-size:34px}.s2l-pda-time span{font-size:13px}.s2l-pda-team{font-size:40px;left:22px;right:22px}.s2l-pda-names{left:24px;right:24px}.s2l-pda-metrics{grid-template-columns:1fr 1fr}.s2l-pda-metrics div:first-child{grid-column:1/-1}.s2l-pda-icons{grid-template-columns:1fr 1fr;gap:14px}.s2l-pda-icons .s2l-icon{height:138px;min-height:138px}.s2l-pda-icons .s2l-icon span{font-size:14px}.s2l-student-app .s2l-modal{align-items:center}.s2l-student-app .s2l-modal-card{margin:0 8px;padding:28px 22px 22px}.s2l-student-app .s2l-modal-card h2{font-size:30px;padding-right:66px}}


/* v2.1.1: onderste lesknoppen zonder kleine inlegblokjes */
.s2l-bottom-actions .s2l-action-tile,
.s2l-score-actions .s2l-action-tile{
  justify-content:center!important;
  text-align:center!important;
  gap:0!important;
  min-height:58px!important;
  padding:15px 18px!important;
}
.s2l-bottom-actions .s2l-action-tile span,
.s2l-score-actions .s2l-action-tile span{
  display:none!important;
}
.s2l-bottom-actions .s2l-action-tile strong,
.s2l-score-actions .s2l-action-tile strong{
  font-size:16px!important;
  letter-spacing:.01em!important;
}

/* v2.1.2: echte fullscreen Scan2Learn PDA in SecuSim-stijl */
body:has(.s2l-student-app){overflow:hidden!important;background:#071120!important;}
body:has(.s2l-student-app) header,
body:has(.s2l-student-app) footer,
body:has(.s2l-student-app) .site-header,
body:has(.s2l-student-app) .site-footer,
body:has(.s2l-student-app) .entry-title,
body:has(.s2l-student-app) .page-title{display:none!important;}
.s2l-student-app{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  min-height:100dvh!important;width:100vw!important;padding:0!important;margin:0!important;
  background:radial-gradient(circle at 15% -10%,rgba(245,158,11,.20),transparent 32%),radial-gradient(circle at 88% 5%,rgba(37,99,235,.32),transparent 34%),linear-gradient(180deg,#101a2b 0%,#050913 100%)!important;
  color:#fff!important;overflow:auto!important;font-family:Inter,Arial,sans-serif!important;
}
.s2l-student-app .s2l-bg{position:fixed!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%),radial-gradient(circle at 50% 0,rgba(56,189,248,.18),transparent 34%),linear-gradient(180deg,#0f1a2d,#050914)!important;}
.s2l-student-app .s2l-shell{max-width:none!important;margin:0!important;padding:0!important;}
.s2l-student-app .s2l-phone{
  width:min(100vw,460px)!important;max-width:460px!important;min-height:100dvh!important;margin:0 auto!important;
  padding:16px 14px 28px!important;box-sizing:border-box!important;background:transparent!important;
}
.s2l-student-app .s2l-phone:before{
  content:"SCAN2LEARN";display:block;margin:10px 4px 14px;color:#f8fafc;font-size:22px;font-weight:950;letter-spacing:.12em;
}
.s2l-student-app .s2l-phone-head{display:none!important;}
.s2l-pda-advanced{
  width:100%!important;min-height:calc(100dvh - 76px)!important;padding:16px!important;border-radius:34px!important;
  background:linear-gradient(180deg,#111b2e 0%,#07101f 42%,#030711 100%)!important;
  border:2px solid rgba(96,165,250,.18)!important;box-shadow:0 24px 80px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.05)!important;
  overflow:hidden!important;color:#fff!important;position:relative!important;
}
.s2l-pda-advanced:before{content:""!important;position:absolute!important;inset:10px!important;border:2px solid rgba(148,163,184,.17)!important;border-radius:28px!important;pointer-events:none!important;}
.s2l-pda-advanced:after{content:""!important;position:absolute!important;left:18px!important;right:18px!important;top:14px!important;height:170px!important;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(245,158,11,.07),transparent)!important;border-radius:30px!important;pointer-events:none!important;}
.s2l-pda-hero{
  position:relative!important;z-index:1!important;min-height:258px!important;margin:2px 0 18px!important;padding:28px 22px!important;
  border-radius:28px!important;background:linear-gradient(135deg,rgba(29,43,68,.96),rgba(13,25,45,.94))!important;
  border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 22px 52px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.s2l-pda-brand strong{display:block!important;font-size:72px!important;line-height:.82!important;font-weight:1000!important;letter-spacing:-.07em!important;color:#fff!important;text-shadow:0 8px 24px rgba(0,0,0,.35)!important;}
.s2l-pda-brand span{display:block!important;margin-top:11px!important;color:#cbd5e1!important;font-size:12px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:.08em!important;}
.s2l-pda-time{position:absolute!important;right:22px!important;top:28px!important;text-align:right!important;}
.s2l-pda-time strong{display:block!important;font-size:42px!important;line-height:1!important;font-weight:1000!important;color:#fff!important;}
.s2l-pda-time span{display:block!important;margin-top:8px!important;color:#e2e8f0!important;font-size:13px!important;font-weight:850!important;max-width:170px!important;}
.s2l-pda-time em{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:12px!important;padding:8px 14px!important;border-radius:999px!important;border:1px solid rgba(34,197,94,.48)!important;background:rgba(21,128,61,.20)!important;color:#bbf7d0!important;font-style:normal!important;font-weight:950!important;}
.s2l-pda-team{position:absolute!important;left:24px!important;right:24px!important;bottom:48px!important;font-size:45px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.05em!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.s2l-pda-names{position:absolute!important;left:26px!important;right:26px!important;bottom:24px!important;color:#dbeafe!important;font-weight:850!important;font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.s2l-pda-metrics{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;margin:0 0 12px!important;}
.s2l-pda-metrics div{background:rgba(255,255,255,.075)!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:20px!important;padding:12px 10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
.s2l-pda-metrics span{display:block!important;color:#9fb0c8!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.10em!important;font-weight:950!important;}
.s2l-pda-metrics strong{display:block!important;margin-top:5px!important;font-size:15px!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.s2l-pda-progress{position:relative!important;z-index:1!important;height:10px!important;margin:0 0 22px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.08)!important;}
.s2l-pda-progress i{height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#f59e0b,#22c55e)!important;box-shadow:0 0 20px rgba(34,197,94,.38)!important;}
.s2l-pda-icons{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:2px!important;}
.s2l-pda-icons .s2l-icon{
  position:relative!important;height:150px!important;min-height:150px!important;border-radius:26px!important;padding:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;
  background:linear-gradient(145deg,#2563eb 0%,#1d4ed8 58%,#0b3b9e 100%)!important;border:1px solid rgba(147,197,253,.36)!important;
  box-shadow:0 20px 42px rgba(29,78,216,.33),inset 0 1px 0 rgba(255,255,255,.20)!important;color:#fff!important;overflow:hidden!important;
}
.s2l-pda-icons .s2l-icon:after{content:""!important;position:absolute!important;right:-18px!important;top:-22px!important;width:96px!important;height:96px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;}
.s2l-pda-icons .s2l-icon:before{content:""!important;position:absolute!important;top:20px!important;left:50%!important;transform:translateX(-50%)!important;width:68px!important;height:68px!important;border-radius:24px!important;background:radial-gradient(circle at 35% 25%,#fff,rgba(255,255,255,.28) 47%,rgba(255,255,255,.06) 72%)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 12px 26px rgba(0,0,0,.26)!important;}
.s2l-pda-icons .s2l-icon b{position:relative!important;z-index:2!important;margin-top:0!important;font-size:34px!important;line-height:1!important;color:#fff!important;text-shadow:0 5px 16px rgba(0,0,0,.35)!important;}
.s2l-pda-icons .s2l-icon span{position:relative!important;z-index:2!important;margin-top:23px!important;font-size:16px!important;font-weight:950!important;color:#eef6ff!important;text-shadow:0 5px 14px rgba(0,0,0,.28)!important;}
.s2l-pda-icons .s2l-icon-code:before{background:radial-gradient(circle at 35% 25%,#fdba74,#f97316 45%,#9a3412 78%)!important;}
.s2l-pda-icons .s2l-icon-ranking{background:linear-gradient(145deg,#f59e0b 0%,#d97706 58%,#92400e 100%)!important;border-color:rgba(253,186,116,.42)!important;box-shadow:0 20px 42px rgba(217,119,6,.28),inset 0 1px 0 rgba(255,255,255,.20)!important;}
.s2l-pda-icons .s2l-icon-ranking:before{background:radial-gradient(circle at 35% 25%,#fef3c7,#f59e0b 47%,#92400e 78%)!important;}
.s2l-pda-advanced #s2l-question-screen{position:relative!important;z-index:5!important;margin-top:18px!important;}
.s2l-pda-advanced .s2l-question-card{background:rgba(255,255,255,.96)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:24px!important;box-shadow:0 24px 54px rgba(0,0,0,.28)!important;}
.s2l-student-app .s2l-modal{position:fixed!important;inset:0!important;background:rgba(3,7,18,.62)!important;backdrop-filter:blur(12px)!important;align-items:center!important;justify-content:center!important;z-index:2147483600!important;}
.s2l-student-app .s2l-modal-card{width:min(92vw,390px)!important;background:linear-gradient(145deg,rgba(23,37,61,.94),rgba(12,21,38,.92))!important;border:1px solid rgba(248,113,113,.74)!important;color:#fff!important;border-radius:30px!important;padding:34px 28px 26px!important;box-shadow:0 34px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08)!important;}
.s2l-student-app .s2l-modal-card h2{font-size:36px!important;line-height:1.05!important;margin:12px 64px 22px 0!important;color:#fff!important;font-weight:1000!important;letter-spacing:-.03em!important;}
.s2l-student-app .s2l-modal-card p{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:20px!important;padding:18px!important;color:#dbeafe!important;font-size:17px!important;font-weight:850!important;}
.s2l-student-app .s2l-modal-close{right:22px!important;top:22px!important;width:58px!important;height:58px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:18px!important;font-size:36px!important;line-height:1!important;}
.s2l-student-app .s2l-modal .s2l-btn{height:54px!important;min-width:118px!important;border-radius:16px!important;background:#1d4ed8!important;color:#fff!important;border:1px solid rgba(96,165,250,.45)!important;}
@media(max-width:420px){
  .s2l-student-app .s2l-phone{padding:12px 10px 22px!important;}
  .s2l-student-app .s2l-phone:before{font-size:20px!important;margin:8px 4px 12px!important;}
  .s2l-pda-advanced{border-radius:30px!important;padding:14px!important;min-height:calc(100dvh - 62px)!important;}
  .s2l-pda-hero{min-height:246px!important;padding:24px 20px!important;}
  .s2l-pda-brand strong{font-size:64px!important;}
  .s2l-pda-time strong{font-size:36px!important;}
  .s2l-pda-time span{font-size:12px!important;}
  .s2l-pda-team{font-size:38px!important;}
  .s2l-pda-icons .s2l-icon{height:138px!important;min-height:138px!important;}
  .s2l-pda-metrics{grid-template-columns:1fr 1fr!important;}
  .s2l-pda-metrics div:first-child{grid-column:1/-1!important;}
}

/* v2.1.3: strakkere Scan2Learn PDA + ranking bovenin, app-knoppen subtieler */
html.s2l-student-fullscreen,body.s2l-student-fullscreen{margin:0!important;padding:0!important;background:#06111f!important;overflow:hidden!important;min-height:100dvh!important;}
html.s2l-student-fullscreen body > header,
html.s2l-student-fullscreen body > footer,
html.s2l-student-fullscreen .wp-site-blocks > header,
html.s2l-student-fullscreen .wp-site-blocks > footer,
html.s2l-student-fullscreen .site-header,
html.s2l-student-fullscreen .site-footer,
html.s2l-student-fullscreen .kubio-header,
html.s2l-student-fullscreen .entry-title,
html.s2l-student-fullscreen .page-title{display:none!important;}
.s2l-student-app{position:fixed!important;inset:0!important;z-index:2147483000!important;overflow:auto!important;background:radial-gradient(circle at 0 0,rgba(245,158,11,.15),transparent 28%),radial-gradient(circle at 100% 0,rgba(37,99,235,.20),transparent 35%),linear-gradient(180deg,#0b1728,#030711)!important;}
.s2l-student-app .s2l-shell{height:100%!important;}
.s2l-student-app .s2l-phone{width:min(100vw,430px)!important;max-width:430px!important;min-height:100dvh!important;margin:0 auto!important;padding:12px 12px 18px!important;background:transparent!important;box-sizing:border-box!important;}
.s2l-student-app .s2l-phone:before{content:"SCAN2LEARN"!important;display:flex!important;align-items:center!important;height:38px!important;margin:0 2px 8px!important;color:#f8fafc!important;font-size:18px!important;letter-spacing:.14em!important;font-weight:950!important;}
.s2l-pda-advanced{min-height:calc(100dvh - 58px)!important;border-radius:30px!important;padding:14px!important;background:linear-gradient(180deg,#122039 0%,#07101f 48%,#030711 100%)!important;border:1px solid rgba(96,165,250,.20)!important;box-shadow:0 22px 70px rgba(0,0,0,.50),inset 0 0 0 1px rgba(255,255,255,.05)!important;}
.s2l-pda-advanced:before{inset:8px!important;border-radius:24px!important;border:1px solid rgba(148,163,184,.20)!important;}
.s2l-pda-advanced:after{height:120px!important;opacity:.65!important;}
.s2l-pda-hero{min-height:190px!important;margin:0 0 12px!important;padding:22px 18px!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(29,43,68,.98),rgba(11,22,41,.96))!important;}
.s2l-pda-brand strong{font-size:54px!important;letter-spacing:-.06em!important;}
.s2l-pda-brand span{font-size:10px!important;margin-top:8px!important;}
.s2l-pda-time{right:18px!important;top:22px!important;}
.s2l-pda-time strong{font-size:32px!important;}
.s2l-pda-time span{font-size:11px!important;max-width:145px!important;}
.s2l-pda-time em{padding:6px 10px!important;font-size:11px!important;margin-top:8px!important;}
.s2l-pda-team{left:20px!important;right:20px!important;bottom:38px!important;font-size:36px!important;}
.s2l-pda-names{left:21px!important;right:21px!important;bottom:18px!important;font-size:14px!important;}
.s2l-pda-metrics{grid-template-columns:1fr 1fr!important;gap:9px!important;margin-bottom:10px!important;}
.s2l-pda-metrics div{border-radius:18px!important;padding:10px 10px!important;background:rgba(255,255,255,.065)!important;}
.s2l-pda-metrics span{font-size:9px!important;letter-spacing:.12em!important;}
.s2l-pda-metrics strong{font-size:15px!important;margin-top:4px!important;}
.s2l-pda-metrics div:first-child{grid-column:1/-1!important;}
.s2l-pda-metrics div:last-child{background:linear-gradient(135deg,rgba(245,158,11,.20),rgba(37,99,235,.10))!important;border-color:rgba(245,158,11,.30)!important;}
.s2l-pda-progress{height:8px!important;margin-bottom:14px!important;}
.s2l-pda-icons{grid-template-columns:1fr 1fr!important;gap:10px!important;}
.s2l-pda-icons .s2l-icon{height:96px!important;min-height:96px!important;border-radius:20px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(147,197,253,.22)!important;box-shadow:0 14px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;color:#f8fafc!important;}
.s2l-pda-icons .s2l-icon:hover{background:rgba(37,99,235,.22)!important;transform:translateY(-1px)!important;}
.s2l-pda-icons .s2l-icon:after{width:54px!important;height:54px!important;right:-8px!important;top:-12px!important;background:rgba(255,255,255,.08)!important;}
.s2l-pda-icons .s2l-icon:before{top:14px!important;width:42px!important;height:42px!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(37,99,235,.85),rgba(245,158,11,.30))!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important;}
.s2l-pda-icons .s2l-icon-code:before{background:linear-gradient(135deg,rgba(245,158,11,.95),rgba(37,99,235,.28))!important;}
.s2l-pda-icons .s2l-icon b{font-size:24px!important;margin-top:2px!important;}
.s2l-pda-icons .s2l-icon span{font-size:13px!important;margin-top:13px!important;font-weight:900!important;}
.s2l-pda-icons .s2l-icon-ranking{display:none!important;}
.s2l-pda-advanced #s2l-question-screen{margin-top:12px!important;}
.s2l-pda-advanced .s2l-question-card{border-radius:20px!important;padding:14px!important;}
.s2l-student-app .s2l-modal-card{width:min(88vw,360px)!important;border-radius:26px!important;padding:28px 22px 22px!important;}
.s2l-student-app .s2l-modal-card h2{font-size:32px!important;line-height:1.05!important;margin-right:56px!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;}
.s2l-student-app .s2l-modal-card p{font-size:15px!important;line-height:1.45!important;}
.s2l-student-app .s2l-modal-close{width:50px!important;height:50px!important;border-radius:17px!important;font-size:30px!important;}
@media(max-width:380px){.s2l-pda-hero{min-height:176px!important}.s2l-pda-brand strong{font-size:48px!important}.s2l-pda-team{font-size:31px!important}.s2l-pda-icons .s2l-icon{height:86px!important;min-height:86px!important}.s2l-pda-icons .s2l-icon span{font-size:12px!important}.s2l-student-app .s2l-modal-card h2{font-size:28px!important}}

/* v2.1.4: PDA finetuning + footer hiding + offline state */
html.s2l-student-fullscreen body header,
html.s2l-student-fullscreen body footer,
html.s2l-student-fullscreen body .site-header,
html.s2l-student-fullscreen body .site-footer,
html.s2l-student-fullscreen body .kubio-header,
html.s2l-student-fullscreen body .kubio-footer,
html.s2l-student-fullscreen body .wp-block-template-part,
html.s2l-student-fullscreen body [class*="footer"],
html.s2l-student-fullscreen body [id*="footer"]{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
html.s2l-student-fullscreen body .s2l-student-app,
html.s2l-student-fullscreen body .s2l-student-app *{visibility:visible!important;}
.s2l-student-app{padding-top:14px!important;}
.s2l-student-app .s2l-phone{padding-top:18px!important;}
.s2l-student-app .s2l-phone:before{display:none!important;content:none!important;}
.s2l-pda-advanced{margin-top:10px!important;min-height:calc(100dvh - 44px)!important;}
.s2l-pda-hero{min-height:204px!important;margin-top:6px!important;}
.s2l-pda-team{font-size:32px!important;bottom:43px!important;}
.s2l-pda-names{font-size:24px!important;bottom:17px!important;color:#f8fafc!important;font-weight:900!important;}
.s2l-pda-time em.s2l-offline{border-color:rgba(248,113,113,.68)!important;background:rgba(127,29,29,.36)!important;color:#fecaca!important;}
.s2l-pda-time em.s2l-offline .s2l-live-dot{background:#ef4444!important;box-shadow:0 0 0 5px rgba(239,68,68,.18),0 0 18px rgba(239,68,68,.9)!important;}
.s2l-pda-advanced.s2l-is-offline .s2l-pda-icons .s2l-icon{opacity:.38!important;filter:grayscale(1)!important;pointer-events:none!important;transform:none!important;}
.s2l-pda-advanced.s2l-is-offline .s2l-pda-icons:after{content:"Geen internetverbinding. Wacht tot de PDA weer online is.";display:block!important;grid-column:1/-1!important;margin-top:4px!important;padding:12px 14px!important;border-radius:16px!important;background:rgba(127,29,29,.38)!important;border:1px solid rgba(248,113,113,.35)!important;color:#fecaca!important;font-weight:900!important;font-size:13px!important;line-height:1.35!important;}
.s2l-student-app .s2l-modal{padding:18px!important;align-items:center!important;}
.s2l-student-app .s2l-modal-card{width:min(84vw,340px)!important;max-height:80dvh!important;border-radius:24px!important;padding:24px 18px 20px!important;overflow:auto!important;}
.s2l-student-app .s2l-modal-card h2{font-size:28px!important;line-height:1.08!important;margin:8px 54px 18px 0!important;}
.s2l-student-app .s2l-modal-close{right:14px!important;top:14px!important;width:46px!important;height:46px!important;border-radius:16px!important;font-size:28px!important;z-index:10!important;}
.s2l-student-app .s2l-modal-card p{font-size:14px!important;line-height:1.42!important;padding:14px!important;}
.s2l-student-app .s2l-modal-card video{max-height:46dvh!important;object-fit:cover!important;border-radius:18px!important;}
.s2l-student-app .s2l-modal-card input[type=text],
.s2l-student-app .s2l-modal-card input:not([type]){font-size:20px!important;min-height:52px!important;}
@media(max-width:380px){.s2l-student-app .s2l-modal-card{width:min(86vw,320px)!important}.s2l-student-app .s2l-modal-card h2{font-size:26px!important}.s2l-pda-team{font-size:30px!important}.s2l-pda-names{font-size:22px!important}}

/* v2.1.5: PDA finetuning naam/lesnaam, popup-kruisjes en positie */
.s2l-pda-advanced{margin-top:28px!important;}
.s2l-pda-hero{min-height:210px!important;}
.s2l-pda-team{font-size:28px!important;bottom:48px!important;right:54%!important;}
.s2l-pda-names{font-size:18px!important;bottom:24px!important;right:54%!important;line-height:1.05!important;}
.s2l-pda-lesson{position:absolute!important;right:22px!important;left:52%!important;bottom:25px!important;text-align:right!important;color:#fbbf24!important;font-size:15px!important;font-weight:950!important;letter-spacing:.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.s2l-student-app .s2l-modal-card{width:min(82vw,326px)!important;max-height:76dvh!important;padding:22px 18px 20px!important;}
.s2l-student-app .s2l-modal-card h2{font-size:26px!important;line-height:1.08!important;margin:6px 54px 16px 0!important;}
.s2l-student-app .s2l-modal-close{display:flex!important;align-items:center!important;justify-content:center!important;right:14px!important;top:14px!important;width:44px!important;height:44px!important;padding:0!important;border-radius:15px!important;background:rgba(127,29,29,.88)!important;border:1px solid rgba(248,113,113,.78)!important;color:#fecaca!important;font-size:30px!important;font-weight:1000!important;line-height:1!important;text-align:center!important;}
.s2l-student-app .s2l-modal-close:hover{background:#b91c1c!important;color:#fff!important;}
.s2l-student-app .s2l-modal-card video{max-height:42dvh!important;}
.s2l-student-app .s2l-modal-card p{font-size:14px!important;line-height:1.38!important;margin:0 0 14px!important;}
@media(max-width:380px){.s2l-pda-advanced{margin-top:24px!important}.s2l-pda-team{font-size:26px!important}.s2l-pda-names{font-size:17px!important}.s2l-pda-lesson{font-size:13px!important}.s2l-student-app .s2l-modal-card{width:min(84vw,312px)!important}.s2l-student-app .s2l-modal-card h2{font-size:24px!important}}


/* v2.1.6: PDA naam/lesnaam correcter en compacter */
.s2l-pda-team{font-size:22px!important;line-height:1.02!important;bottom:48px!important;right:52%!important;max-width:43%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.s2l-pda-names{font-size:18px!important;bottom:22px!important;right:52%!important;max-width:43%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.s2l-pda-lesson{display:block!important;position:absolute!important;right:22px!important;left:51%!important;bottom:24px!important;text-align:right!important;color:#fbbf24!important;font-size:15px!important;font-weight:950!important;letter-spacing:.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:4!important;}
@media(max-width:380px){.s2l-pda-team{font-size:20px!important}.s2l-pda-names{font-size:16px!important}.s2l-pda-lesson{font-size:13px!important;left:50%!important}}


/* v2.1.7: PDA lager, namen evenredig en offline betrouwbaarder zichtbaar */
.s2l-student-app{padding-top:34px!important;}
.s2l-student-app .s2l-phone{padding-top:26px!important;}
.s2l-pda-advanced{margin-top:54px!important;}
.s2l-pda-hero{min-height:212px!important;}
.s2l-pda-team{font-size:18px!important;line-height:1.05!important;bottom:50px!important;font-weight:950!important;letter-spacing:-.02em!important;right:52%!important;max-width:43%!important;}
.s2l-pda-names{font-size:18px!important;line-height:1.05!important;bottom:25px!important;font-weight:950!important;letter-spacing:-.02em!important;right:52%!important;max-width:43%!important;color:#f8fafc!important;}
.s2l-pda-lesson{bottom:27px!important;font-size:15px!important;}
.s2l-pda-time em.s2l-offline{border-color:rgba(248,113,113,.86)!important;background:rgba(185,28,28,.32)!important;color:#fecaca!important;box-shadow:0 0 0 1px rgba(248,113,113,.14),0 0 22px rgba(239,68,68,.22)!important;}
.s2l-pda-time em.s2l-offline .s2l-live-dot{background:#ef4444!important;box-shadow:0 0 0 5px rgba(239,68,68,.20),0 0 18px rgba(239,68,68,.95)!important;}
.s2l-pda-advanced.s2l-is-offline .s2l-pda-icons .s2l-icon{opacity:.36!important;filter:grayscale(1)!important;pointer-events:none!important;}
@media(max-width:380px){
  .s2l-student-app{padding-top:28px!important;}
  .s2l-pda-advanced{margin-top:46px!important;}
  .s2l-pda-team,.s2l-pda-names{font-size:17px!important;}
  .s2l-pda-lesson{font-size:13px!important;}
}

/* v2.1.9: vraagcode 6-vakjes + live progress/ranking gamification */
.s2l-manual-question-code{display:grid!important;grid-template-columns:repeat(6,1fr);gap:9px;margin:18px 0 22px!important}
.s2l-manual-question-code input{height:58px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.28)!important;background:#fff!important;color:#0f172a!important;text-align:center!important;font-size:24px!important;font-weight:900!important;text-transform:uppercase!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
.s2l-manual-question-code input:focus{outline:2px solid rgba(245,158,11,.65)!important;box-shadow:0 0 0 5px rgba(245,158,11,.16),0 14px 32px rgba(0,0,0,.22)!important}
.s2l-pda .s2l-metric-progress{--s2l-progress-pct:0%;background:linear-gradient(90deg,rgba(31,41,55,.90) 0%,rgba(31,41,55,.90) 100%)!important;position:relative;overflow:hidden;transition:background .8s ease, box-shadow .8s ease, border-color .8s ease!important}
.s2l-pda .s2l-metric-progress:before{content:"";position:absolute;inset:0;width:var(--s2l-progress-pct);background:linear-gradient(90deg,rgba(100,116,139,.36),rgba(59,130,246,.42),rgba(34,197,94,.52));transition:width .8s ease;z-index:0}
.s2l-pda .s2l-metric-progress span,.s2l-pda .s2l-metric-progress strong{position:relative;z-index:1}
.s2l-pda[data-progress="100"] .s2l-metric-progress{box-shadow:0 0 24px rgba(34,197,94,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;border-color:rgba(74,222,128,.35)!important}
.s2l-pda .s2l-metric-ranking{position:relative;overflow:hidden;transition:background .8s ease, box-shadow .8s ease, border-color .8s ease!important}
.s2l-pda .s2l-metric-ranking #s2l-rank-icon{position:absolute;right:18px;bottom:14px;font-style:normal;font-size:34px;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));}
.s2l-pda[data-rank-medal="gold"] .s2l-metric-ranking{background:linear-gradient(135deg,rgba(253,224,71,.95),rgba(245,158,11,.78),rgba(120,53,15,.42))!important;border-color:rgba(253,224,71,.65)!important;box-shadow:0 20px 44px rgba(245,158,11,.24), inset 0 1px 0 rgba(255,255,255,.22)!important;color:#fff!important}
.s2l-pda[data-rank-medal="silver"] .s2l-metric-ranking{background:linear-gradient(135deg,rgba(226,232,240,.90),rgba(148,163,184,.65),rgba(51,65,85,.42))!important;border-color:rgba(226,232,240,.55)!important;box-shadow:0 20px 44px rgba(148,163,184,.20), inset 0 1px 0 rgba(255,255,255,.20)!important;color:#fff!important}
.s2l-pda[data-rank-medal="bronze"] .s2l-metric-ranking{background:linear-gradient(135deg,rgba(251,191,36,.78),rgba(180,83,9,.55),rgba(69,26,3,.38))!important;border-color:rgba(251,191,36,.42)!important;box-shadow:0 20px 44px rgba(180,83,9,.18), inset 0 1px 0 rgba(255,255,255,.16)!important;color:#fff!important}
.s2l-pda[data-rank-medal="none"] .s2l-metric-ranking{background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(15,23,42,.86))!important;border-color:rgba(34,197,94,.26)!important}
.s2l-achievement{position:relative;text-align:center;overflow:hidden;padding:4px 0 0}
.s2l-achievement-icon{font-size:54px;margin:2px auto 8px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}
.s2l-achievement h2{font-size:clamp(30px,7vw,58px)!important;line-height:.95!important;margin:0 0 14px!important;color:#fff!important}
.s2l-achievement p{font-size:18px!important;font-weight:800!important;line-height:1.45!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:18px;color:#eef6ff!important}
.s2l-confetti{position:absolute;inset:-20px 0 0;pointer-events:none;overflow:hidden}
.s2l-confetti i{position:absolute;top:-18px;width:8px;height:14px;border-radius:3px;background:linear-gradient(180deg,#f59e0b,#22c55e);animation:s2lConfetti 2.8s linear forwards;opacity:.95}
.s2l-confetti i:nth-child(3n){background:linear-gradient(180deg,#60a5fa,#2563eb)}.s2l-confetti i:nth-child(4n){background:linear-gradient(180deg,#fde047,#f59e0b)}.s2l-confetti i:nth-child(5n){background:linear-gradient(180deg,#f472b6,#ef4444)}
@keyframes s2lConfetti{0%{transform:translateY(-30px) rotate(0deg)}100%{transform:translateY(440px) rotate(680deg)}}
@media(max-width:520px){.s2l-manual-question-code{gap:7px}.s2l-manual-question-code input{height:52px!important;font-size:22px!important}.s2l-pda .s2l-metric-ranking #s2l-rank-icon{font-size:30px;right:14px}}

/* v2.2.0: leesbare ranking, kleinere vraagcode-vakjes, scherpere offline-status en volgende locatie */
.s2l-pda .s2l-metric-ranking.rank-gold span,
.s2l-pda .s2l-metric-ranking.rank-gold strong{color:#111827!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important;}
.s2l-pda .s2l-metric-ranking.rank-silver span,
.s2l-pda .s2l-metric-ranking.rank-silver strong{color:#0f172a!important;text-shadow:0 1px 0 rgba(255,255,255,.45)!important;}
.s2l-pda .s2l-metric-ranking.rank-bronze span,
.s2l-pda .s2l-metric-ranking.rank-bronze strong{color:#fff7ed!important;text-shadow:0 2px 10px rgba(0,0,0,.45)!important;}
.s2l-pda .s2l-metric-ranking.rank-none span,
.s2l-pda .s2l-metric-ranking.rank-none strong{color:#f8fafc!important;text-shadow:0 2px 10px rgba(0,0,0,.35)!important;}
.s2l-pda .s2l-metric-ranking span{opacity:.95!important;}
.s2l-pda .s2l-metric-ranking strong{font-weight:1000!important;}

.s2l-student-app .s2l-code-compact{display:grid!important;grid-template-columns:repeat(6,40px)!important;gap:6px!important;justify-content:center!important;margin:16px auto 20px!important;max-width:100%!important;}
.s2l-student-app .s2l-code-compact input{width:40px!important;height:48px!important;min-height:48px!important;border-radius:14px!important;font-size:20px!important;padding:0!important;}
@media(max-width:380px){.s2l-student-app .s2l-code-compact{grid-template-columns:repeat(6,36px)!important;gap:5px!important}.s2l-student-app .s2l-code-compact input{width:36px!important;height:45px!important;font-size:19px!important}}

body.s2l-device-offline #s2l-live-pill,
html.s2l-device-offline #s2l-live-pill,
#s2l-live-pill.s2l-offline{border-color:rgba(248,113,113,.90)!important;background:rgba(127,29,29,.62)!important;color:#fecaca!important;box-shadow:0 0 0 1px rgba(248,113,113,.18),0 0 24px rgba(239,68,68,.30)!important;}
body.s2l-device-offline #s2l-live-pill .s2l-live-dot,
html.s2l-device-offline #s2l-live-pill .s2l-live-dot,
#s2l-live-pill.s2l-offline .s2l-live-dot{background:#ef4444!important;box-shadow:0 0 0 5px rgba(239,68,68,.22),0 0 20px rgba(239,68,68,.95)!important;}
body.s2l-device-offline .s2l-pda-icons .s2l-icon{opacity:.35!important;filter:grayscale(1)!important;pointer-events:none!important;}

.s2l-next-location{margin:14px 0 18px;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(245,158,11,.15));border:1px solid rgba(147,197,253,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.s2l-next-location span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:1000;color:#f59e0b;margin-bottom:8px;}
.s2l-next-location strong{display:block;font-size:24px;line-height:1.1;color:#fff;margin-bottom:6px;}
.s2l-next-location small{display:block;color:#cbd5e1;font-weight:800;}

/* v2.3.0: compacte vraagcode-vakken, hardere offline-status en leesbare ranking */
.s2l-manual-question-code{grid-template-columns:repeat(6,42px)!important;justify-content:center!important;gap:7px!important;max-width:100%!important;overflow:visible!important;}
.s2l-manual-question-code input{width:42px!important;height:46px!important;border-radius:14px!important;font-size:20px!important;padding:0!important;}
@media(max-width:380px){.s2l-manual-question-code{grid-template-columns:repeat(6,38px)!important;gap:6px!important}.s2l-manual-question-code input{width:38px!important;height:44px!important;font-size:19px!important}}
#s2l-live-pill[data-state="offline"], #s2l-live-pill.s2l-offline{border-color:rgba(248,113,113,.95)!important;background:rgba(127,29,29,.75)!important;color:#fecaca!important;}
#s2l-live-pill[data-state="offline"] .s2l-live-dot{background:#ef4444!important;box-shadow:0 0 0 5px rgba(239,68,68,.22),0 0 20px rgba(239,68,68,.95)!important;}
.s2l-pda[data-rank-medal="gold"] .s2l-metric-ranking span,.s2l-pda[data-rank-medal="gold"] .s2l-metric-ranking strong{color:#111827!important;text-shadow:0 1px 1px rgba(255,255,255,.55)!important;}
.s2l-pda[data-rank-medal="silver"] .s2l-metric-ranking span,.s2l-pda[data-rank-medal="silver"] .s2l-metric-ranking strong{color:#0f172a!important;text-shadow:0 1px 1px rgba(255,255,255,.65)!important;}
.s2l-pda[data-rank-medal="bronze"] .s2l-metric-ranking span,.s2l-pda[data-rank-medal="bronze"] .s2l-metric-ranking strong{color:#fff7ed!important;text-shadow:0 2px 8px rgba(0,0,0,.55)!important;}
.s2l-next-location small.routing{margin-top:6px;color:#93c5fd!important;font-size:12px!important;}

/* v2.3.3: PDA offline betrouwbaarder, vraagcode-vakken beter verdeeld en eindtijd opgesplitst */
.s2l-pda .s2l-metric-endtime{grid-column:1 / -1!important;}
.s2l-endtime-raw{display:none!important;}
.s2l-endtime-split{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:end!important;gap:10px!important;margin-top:8px!important;}
.s2l-endtime-split strong{display:block!important;line-height:1!important;white-space:nowrap!important;}
#s2l-end-date{text-align:left!important;font-size:16px!important;color:#f8fafc!important;letter-spacing:.01em!important;}
#s2l-end-clock{text-align:center!important;font-size:25px!important;color:#fff!important;font-weight:1000!important;}
#s2l-end-countdown{text-align:right!important;font-size:15px!important;color:#fbbf24!important;font-weight:950!important;}
@media(max-width:380px){#s2l-end-date{font-size:14px!important}#s2l-end-clock{font-size:23px!important}#s2l-end-countdown{font-size:13px!important}.s2l-endtime-split{gap:7px!important}}

.s2l-student-app .s2l-modal-card .s2l-manual-question-code,
.s2l-student-app .s2l-code-compact.s2l-manual-question-code{display:grid!important;grid-template-columns:repeat(6,34px)!important;gap:9px!important;justify-content:center!important;align-items:center!important;margin:17px auto 22px!important;max-width:100%!important;overflow:visible!important;}
.s2l-student-app .s2l-modal-card .s2l-manual-question-code input,
.s2l-student-app .s2l-code-compact.s2l-manual-question-code input{width:34px!important;height:43px!important;min-height:43px!important;border-radius:13px!important;font-size:18px!important;padding:0!important;text-align:center!important;text-transform:uppercase!important;}
@media(max-width:360px){.s2l-student-app .s2l-modal-card .s2l-manual-question-code,.s2l-student-app .s2l-code-compact.s2l-manual-question-code{grid-template-columns:repeat(6,31px)!important;gap:8px!important}.s2l-student-app .s2l-modal-card .s2l-manual-question-code input,.s2l-student-app .s2l-code-compact.s2l-manual-question-code input{width:31px!important;height:41px!important;font-size:17px!important}}

#s2l-live-pill.s2l-offline,
#s2l-live-pill[data-state="offline"],
.s2l-pda-time em.s2l-offline{border-color:rgba(248,113,113,.98)!important;background:rgba(127,29,29,.86)!important;color:#fecaca!important;box-shadow:0 0 0 1px rgba(248,113,113,.24),0 0 24px rgba(239,68,68,.36)!important;}
#s2l-live-pill.s2l-offline .s2l-live-dot,
#s2l-live-pill[data-state="offline"] .s2l-live-dot,
.s2l-pda-time em.s2l-offline .s2l-live-dot{background:#ef4444!important;box-shadow:0 0 0 5px rgba(239,68,68,.22),0 0 20px rgba(239,68,68,.95)!important;}
.s2l-pda-advanced.s2l-is-offline .s2l-pda-icons .s2l-icon,
body.s2l-device-offline .s2l-pda-icons .s2l-icon{opacity:.34!important;filter:grayscale(1)!important;pointer-events:none!important;}


/* v2.3.4: echte compacte/gespreide vraagcode-vakken en soepele eindtijdweergave */
.s2l-modal .s2l-manual-question-code{
  display:grid!important;
  grid-template-columns:repeat(6,32px)!important;
  gap:12px!important;
  justify-content:center!important;
  align-items:center!important;
  margin:18px auto 24px!important;
  max-width:100%!important;
  overflow:visible!important;
}
.s2l-modal .s2l-manual-question-code input{
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:12px!important;
  font-size:18px!important;
  font-weight:950!important;
  text-align:center!important;
  text-transform:uppercase!important;
  box-sizing:border-box!important;
}
@media(max-width:380px){
  .s2l-modal .s2l-manual-question-code{grid-template-columns:repeat(6,29px)!important;gap:10px!important;}
  .s2l-modal .s2l-manual-question-code input{width:29px!important;min-width:29px!important;max-width:29px!important;height:40px!important;font-size:17px!important;}
}
.s2l-endtime-raw,#s2l-endtime{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;}
.s2l-pda .s2l-metric-endtime>strong:not(#s2l-end-date):not(#s2l-end-clock):not(#s2l-end-countdown){display:none!important;}
.s2l-endtime-split{grid-template-columns:minmax(82px,1fr) minmax(58px,auto) minmax(72px,1fr)!important;}
#s2l-end-date{font-size:15px!important;}
#s2l-end-clock{font-size:27px!important;}
#s2l-end-countdown{font-size:14px!important;}

/* v2.3.8: AI-routekaart, laatste bericht en live ranking in docent/ PDA */
.s2l-nav-cards{grid-template-columns:repeat(6,minmax(0,1fr));}
.s2l-live-medal{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:8px;border-radius:999px;background:linear-gradient(145deg,rgba(245,158,11,.22),rgba(255,255,255,.72));box-shadow:0 10px 24px rgba(15,23,42,.12);font-size:20px;vertical-align:middle}
.s2l-ai-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.s2l-ai-summary>div,.s2l-heat-tile,.s2l-difficulty-list>div,.s2l-route-list p{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.76);border-radius:22px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.s2l-ai-summary span,.s2l-heat-tile span,.s2l-difficulty-list span,.s2l-route-list span{display:block;color:#64748b}.s2l-ai-summary strong{display:block;font-size:30px;color:#0f172a}.s2l-heatmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.s2l-heat-tile{position:relative;overflow:hidden}.s2l-heat-tile:before{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:linear-gradient(90deg,#f59e0b,#22c55e);width:var(--heat,10%)}.s2l-difficulty-list{display:grid;gap:10px}.s2l-difficulty-list>div{position:relative;overflow:hidden}.s2l-difficulty-list i{display:block;height:8px;border-radius:999px;margin-top:10px;background:linear-gradient(90deg,#22c55e,#f59e0b,#dc2626)}.s2l-route-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.s2l-pda-icons{grid-template-columns:repeat(3,minmax(0,1fr))!important}.s2l-pda-icons .s2l-icon-message b{background:linear-gradient(145deg,rgba(245,158,11,.88),rgba(15,61,108,.58));}.s2l-pda-icons .s2l-icon b{display:flex!important;align-items:center!important;justify-content:center!important}.s2l-next-location .routing{opacity:.78;font-size:12px;margin-top:8px}.s2l-progress-row>div:first-child{position:relative}.s2l-device-offline .s2l-pda-icons .s2l-icon{opacity:.42;filter:grayscale(1);pointer-events:none}
@media(max-width:980px){.s2l-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.s2l-ai-summary,.s2l-heatmap,.s2l-route-list{grid-template-columns:1fr}}
@media(max-width:560px){.s2l-pda-icons{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.s2l-pda-icons .s2l-icon{min-height:104px!important;height:104px!important}.s2l-pda-icons .s2l-icon span{font-size:11px!important}.s2l-pda-icons .s2l-icon b{width:48px!important;height:48px!important;font-size:25px!important}.s2l-student-app .s2l-modal-card{max-width:calc(100vw - 34px)!important}.s2l-student-app .s2l-modal-close{color:#fee2e2!important;background:#b91c1c!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}}

/* v2.3.9 fixes */
.s2l-form-row input:required,.s2l-form-row select:required,.s2l-form-row textarea:required{border-color:#cbd5e1}
.s2l-form-row input:required:invalid,.s2l-form-row select:required:invalid,.s2l-form-row textarea:required:invalid{border-color:#f59e0b;background:#fffdf7}
.s2l-teacher-app .s2l-modal{align-items:flex-start!important;padding-top:72px!important;}
.s2l-teacher-app .s2l-modal-card{max-height:82vh!important;}
.s2l-modal-close{display:flex!important;align-items:center!important;justify-content:center!important;background:#b91c1c!important;color:#fff!important;border:1px solid rgba(248,113,113,.8)!important;line-height:1!important;font-weight:1000!important;padding:0!important;}
.s2l-modal-close:hover{background:#991b1b!important;color:#fff!important;}
.s2l-reportage-delete{width:100%;margin-top:10px;height:48px;border-radius:18px!important;color:#fff!important;}
.s2l-join-qr img{max-width:220px!important;max-height:220px!important;}
@media(max-width:760px){.s2l-teacher-app .s2l-modal{padding-top:38px!important}.s2l-teacher-app .s2l-modal-card{max-height:84vh!important}}

/* v2.4.0: verplichte velden rustig gemarkeerd, popups lager, QR-kaarten leesbaarder, PDA-iconen premium glass */
.s2l-form-row input:required,
.s2l-form-row select:required,
.s2l-form-row textarea:required,
.s2l-form-row input:required:invalid,
.s2l-form-row select:required:invalid,
.s2l-form-row textarea:required:invalid{border-color:var(--s2l-line)!important;background:#fff!important;box-shadow:none!important;}
.s2l-form-row label.s2l-required:after{content:" *";color:#ef4444;font-weight:1000;margin-left:3px;}
.s2l-form-row label:has(+ select[required]):not(.s2l-visually-hidden):after{content:" *";color:#ef4444;font-weight:1000;margin-left:3px;}
.s2l-form-row label:has(+ textarea[required]):not(.s2l-visually-hidden):after{content:" *";color:#ef4444;font-weight:1000;margin-left:3px;}
.s2l-teacher-app .s2l-modal{align-items:flex-start!important;padding-top:118px!important;}
.s2l-teacher-app .s2l-modal-card{max-height:calc(100vh - 150px)!important;}
.s2l-report-modal{padding-top:8px!important;}
.s2l-report-head{padding-right:72px!important;}
.s2l-report-join{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:18px;align-items:center;margin:16px 0 18px;padding:16px;border:1px solid rgba(226,232,240,.9);border-radius:22px;background:rgba(255,255,255,.74);box-shadow:0 14px 32px rgba(15,23,42,.06)}
.s2l-report-join strong{display:block;font-size:34px;letter-spacing:5px;color:#0f172a;line-height:1.1}.s2l-report-join img{width:112px;height:112px;background:#fff;border:1px solid var(--s2l-line);border-radius:18px;padding:8px;box-sizing:border-box}.s2l-report-join p{margin:6px 0 0;color:#64748b!important}.s2l-report-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.s2l-modal-close{background:#b91c1c!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;text-align:center!important;padding:0!important;font-size:26px!important;}

/* Premium PDA app-iconen zonder losse afbeeldingen */
.s2l-pda-icons{gap:14px!important;}
.s2l-pda-icons .s2l-icon{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 42%,rgba(15,23,42,.34))!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -18px 42px rgba(0,0,0,.16),0 18px 38px rgba(0,0,0,.24)!important;color:#f8fafc!important;}
.s2l-pda-icons .s2l-icon:before{content:"";position:absolute;right:-18px;top:-24px;width:92px;height:92px;border-radius:999px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.30),rgba(255,255,255,.08) 42%,transparent 67%);opacity:.55;pointer-events:none;}
.s2l-pda-icons .s2l-icon:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 36%,rgba(255,255,255,.04));pointer-events:none;}
.s2l-pda-icons .s2l-icon b{position:relative!important;z-index:2!important;width:54px!important;height:54px!important;margin:0 auto 10px!important;border-radius:18px!important;font-size:0!important;background:linear-gradient(145deg,#67e8f9,#2563eb 48%,#0f3d6c)!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -12px 24px rgba(0,0,0,.20),0 12px 26px rgba(37,99,235,.26)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.s2l-pda-icons .s2l-icon span{position:relative;z-index:2;font-weight:950!important;letter-spacing:.01em!important;text-shadow:0 2px 10px rgba(0,0,0,.34)!important;}
.s2l-pda-icons .s2l-icon-code b{background:linear-gradient(145deg,#fcd34d,#f59e0b 45%,#92400e)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -12px 22px rgba(0,0,0,.18),0 12px 26px rgba(245,158,11,.22)!important;}
.s2l-pda-icons .s2l-icon-message b{background:linear-gradient(145deg,#c4b5fd,#8b5cf6 48%,#4338ca)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -12px 22px rgba(0,0,0,.18),0 12px 26px rgba(139,92,246,.24)!important;}
.s2l-pda-icons .s2l-icon-scan b:before{content:"";width:25px;height:25px;border:4px solid #fff;border-radius:5px;box-shadow:0 0 18px rgba(255,255,255,.55),inset 0 0 0 6px rgba(15,61,108,.45);}
.s2l-pda-icons .s2l-icon-code b:before{content:"";width:30px;height:20px;border-radius:5px;background:repeating-linear-gradient(90deg,#0f172a 0 3px,transparent 3px 6px),repeating-linear-gradient(0deg,rgba(15,23,42,.0) 0 8px,rgba(15,23,42,.72) 8px 11px);box-shadow:0 0 0 3px rgba(255,255,255,.32);opacity:.92;}
.s2l-pda-icons .s2l-icon-message b:before{content:"";width:30px;height:22px;border-radius:7px;background:#fff;box-shadow:inset 0 -8px 0 rgba(255,255,255,.56);clip-path:polygon(0 0,100% 0,100% 74%,60% 74%,48% 100%,36% 74%,0 74%);}
@media(max-width:760px){.s2l-teacher-app .s2l-modal{padding-top:82px!important}.s2l-report-join{grid-template-columns:1fr}.s2l-report-join img{width:104px;height:104px}.s2l-report-summary{grid-template-columns:1fr!important}}

/* v2.4.1: pagina-achtergrond, verplicht-sterretjes, herkenbare PDA-iconen en rustige feedbackvelden */
html:has(.s2l-teacher-app),
body:has(.s2l-teacher-app),
body:has(.s2l-teacher-app) .wp-site-blocks,
body:has(.s2l-teacher-app) .site,
body:has(.s2l-teacher-app) main,
body:has(.s2l-teacher-app) .entry-content,
body:has(.s2l-teacher-app) .kubio-content,
body:has(.s2l-teacher-app) .h-section,
body:has(.s2l-teacher-app) .wp-block-group{
  background:radial-gradient(circle at top left,rgba(245,158,11,.20),transparent 34%),radial-gradient(circle at top right,rgba(15,61,108,.25),transparent 40%),linear-gradient(135deg,#f8fafc,#e8eef7)!important;
}
.s2l-teacher-app{min-height:calc(100vh - 80px)!important;background:transparent!important;}
.s2l-teacher-app .s2l-bg{position:fixed!important;inset:0!important;}
.s2l-form-row input:required:invalid,
.s2l-form-row select:required:invalid,
.s2l-form-row textarea:required:invalid{
  border-color:var(--s2l-line)!important;background:#fff!important;box-shadow:none!important;
}
.s2l-inline-check{display:flex!important;align-items:center!important;gap:9px!important;font-weight:700!important;color:#475569!important;margin-top:4px!important}.s2l-inline-check input{width:18px!important;height:18px!important;min-width:18px!important;accent-color:#0f3d6c!important}.s2l-wrong-feedback-row textarea{min-height:86px!important}.s2l-feedback-box{border-radius:20px;background:rgba(255,255,255,.76);border:1px solid rgba(226,232,240,.9);padding:16px;color:#0f172a;line-height:1.5}
.s2l-teacher-app .s2l-modal{padding-top:150px!important}.s2l-report-modal{margin-top:22px!important}
@media(max-width:760px){.s2l-teacher-app .s2l-modal{padding-top:96px!important}}

/* functionelere glassy app-iconen */
.s2l-pda-icons .s2l-icon b{font-size:0!important;overflow:hidden!important;}
.s2l-pda-icons .s2l-icon-scan b:before{content:""!important;width:32px!important;height:32px!important;border:0!important;border-radius:0!important;background:
  linear-gradient(#fff,#fff) 0 0/12px 12px no-repeat,
  linear-gradient(#fff,#fff) 20px 0/12px 12px no-repeat,
  linear-gradient(#fff,#fff) 0 20px/12px 12px no-repeat,
  linear-gradient(#fff,#fff) 20px 20px/12px 12px no-repeat,
  linear-gradient(rgba(15,61,108,.78),rgba(15,61,108,.78)) 4px 4px/4px 4px no-repeat,
  linear-gradient(rgba(15,61,108,.78),rgba(15,61,108,.78)) 24px 4px/4px 4px no-repeat,
  linear-gradient(rgba(15,61,108,.78),rgba(15,61,108,.78)) 4px 24px/4px 4px no-repeat,
  linear-gradient(rgba(15,61,108,.78),rgba(15,61,108,.78)) 24px 24px/4px 4px no-repeat!important;box-shadow:0 0 18px rgba(255,255,255,.42)!important;}
.s2l-pda-icons .s2l-icon-code b:before{content:"A 7\A M 2"!important;white-space:pre!important;width:32px!important;height:32px!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.72))!important;color:#0f172a!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.5px!important;line-height:15px!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 0 0 2px rgba(15,23,42,.14)!important;}
.s2l-pda-icons .s2l-icon-message b:before{content:"↩"!important;width:34px!important;height:25px!important;border-radius:11px!important;background:#fff!important;color:#0f3d6c!important;font-size:23px!important;font-weight:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;clip-path:none!important;box-shadow:0 8px 18px rgba(15,23,42,.20)!important;}
.s2l-pda-icons .s2l-icon-message b:after{content:"";position:absolute;right:9px;bottom:10px;width:9px;height:9px;background:#fff;transform:rotate(45deg);border-radius:2px;}

/* v2.4.2: CSV import/export, lesbrede fout-uitleg en herkenbare glassy PDA-iconen */
.s2l-import-export-panel{display:grid;grid-template-columns:auto auto minmax(280px,1fr);gap:14px;align-items:center;margin:0 0 28px;padding:16px;border:1px solid rgba(226,232,240,.88);border-radius:24px;background:rgba(255,255,255,.62);box-shadow:0 18px 40px rgba(15,23,42,.06)}
.s2l-file-label{cursor:pointer;text-align:center}.s2l-ai-generate{display:grid;grid-template-columns:minmax(220px,1fr) 82px auto;gap:10px;align-items:center}.s2l-ai-generate input{height:48px;border-radius:14px;border:1px solid var(--s2l-line);padding:0 14px;background:#fff}.s2l-wrong-feedback-row small{display:block;margin-top:8px;color:#64748b;font-weight:600}.s2l-check-grid label input#b-show-wrong-feedback{accent-color:#0f3d6c!important}
@media(max-width:900px){.s2l-import-export-panel{grid-template-columns:1fr}.s2l-ai-generate{grid-template-columns:1fr}.s2l-ai-generate .s2l-btn{width:100%}}

.s2l-pda-icons .s2l-icon b.s2l-mini-qr:before,.s2l-pda-icons .s2l-icon b.s2l-mini-code:before,.s2l-pda-icons .s2l-icon b.s2l-mini-msg:before{content:none!important}.s2l-pda-icons .s2l-icon b.s2l-mini-qr,.s2l-pda-icons .s2l-icon b.s2l-mini-code,.s2l-pda-icons .s2l-icon b.s2l-mini-msg{background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.09) 42%,rgba(13,61,85,.34))!important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -14px 22px rgba(0,0,0,.2),0 14px 30px rgba(0,0,0,.25)!important;position:relative!important;color:#fff!important}
.s2l-mini-qr{display:grid!important;grid-template-columns:repeat(3,9px)!important;grid-template-rows:repeat(3,9px)!important;gap:4px!important;padding:9px!important}.s2l-mini-qr i{display:block!important;border-radius:2px!important;background:#fff!important;box-shadow:0 0 10px rgba(255,255,255,.3)!important}.s2l-mini-qr i:nth-child(1){grid-area:1/1}.s2l-mini-qr i:nth-child(2){grid-area:1/3}.s2l-mini-qr i:nth-child(3){grid-area:3/1}.s2l-mini-qr i:nth-child(4){grid-area:2/2;width:7px;height:7px;align-self:center;justify-self:center}.s2l-mini-qr em{grid-area:3/3;display:block!important;width:9px;height:9px;background:linear-gradient(135deg,#f59e0b,#22c55e)!important;border-radius:2px!important}
.s2l-mini-code{display:grid!important;grid-template-columns:repeat(2,18px)!important;grid-template-rows:repeat(2,18px)!important;gap:4px!important;padding:6px!important}.s2l-mini-code i{display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.92)!important;color:#0f172a!important;border-radius:6px!important;font-size:11px!important;font-weight:1000!important;font-style:normal!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.09)!important}
.s2l-mini-msg{display:flex!important;align-items:center!important;justify-content:center!important}.s2l-mini-msg:after{content:"";position:absolute;right:11px;bottom:9px;width:10px;height:10px;background:rgba(255,255,255,.92);transform:rotate(45deg);border-radius:2px}.s2l-mini-msg i{display:flex!important;align-items:center!important;justify-content:center!important;width:34px;height:25px;border-radius:10px;background:rgba(255,255,255,.92);color:#0f3d6c;font-style:normal;font-size:22px;font-weight:1000;line-height:1;z-index:2;box-shadow:0 8px 18px rgba(15,23,42,.22)}

/* v2.4.3: AI-vragen maken verwijderd; CSV-export compleet */
.s2l-csv-hint{font-weight:700;color:#64748b;line-height:1.35}.s2l-import-export-panel{grid-template-columns:auto auto minmax(280px,1fr)}

/* v2.4.4 fixes */
.s2l-import-export-panel{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.s2l-import-export-panel .s2l-csv-hint{flex-basis:100%;color:var(--s2l-muted);font-size:13px}.s2l-question-section[hidden]{display:none!important}.s2l-section-head.compact{align-items:end}.s2l-search-row{min-width:280px;margin-bottom:0}.s2l-picker-group{margin-top:14px}.s2l-picker-group h4{margin:0 0 8px;font-size:15px;color:#0f172a;text-transform:uppercase;letter-spacing:.08em}.s2l-picker-group[hidden]{display:none!important}.s2l-question-picker label{transition:.18s}.s2l-question-picker label:has(input:checked){border-color:rgba(21,128,61,.35);background:rgba(236,253,245,.82)}
.s2l-answer-saved-float{position:absolute;left:18px;right:18px;bottom:22px;z-index:25;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(22px);box-shadow:0 24px 60px rgba(0,0,0,.28);border-radius:24px;padding:18px}.s2l-answer-saved-float h3{font-size:24px!important;line-height:1.1;margin:0 0 8px;color:#fff}.s2l-answer-saved-float p{margin:0;color:#dbeafe}.s2l-pda{position:relative}
.s2l-pda-icons .s2l-icon b{font-size:0!important;position:relative}.s2l-pda-icons .s2l-icon-scan b:before{content:""!important;position:absolute;width:30px!important;height:30px!important;border:0!important;background:
linear-gradient(#fff,#fff) 0 0/10px 10px no-repeat,linear-gradient(#fff,#fff) 20px 0/10px 10px no-repeat,linear-gradient(#fff,#fff) 0 20px/10px 10px no-repeat,linear-gradient(#fff,#fff) 20px 20px/10px 10px no-repeat,linear-gradient(#fff,#fff) 13px 4px/4px 4px no-repeat,linear-gradient(#fff,#fff) 5px 13px/4px 4px no-repeat,linear-gradient(#fff,#fff) 13px 13px/4px 4px no-repeat,linear-gradient(#fff,#fff) 22px 13px/4px 4px no-repeat,linear-gradient(#fff,#fff) 13px 22px/4px 4px no-repeat!important;border-radius:3px!important;box-shadow:0 0 18px rgba(255,255,255,.45)!important}.s2l-pda-icons .s2l-icon-scan b:after{content:"";position:absolute;inset:6px;border:2px solid rgba(15,23,42,.45);border-radius:3px}.s2l-pda-icons .s2l-icon-code b:before{content:"A7K3"!important;display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:22px!important;border-radius:8px!important;background:rgba(255,255,255,.90)!important;color:#0f172a!important;font-size:12px!important;font-weight:1000!important;letter-spacing:1px!important;box-shadow:0 0 0 3px rgba(255,255,255,.25)!important}.s2l-pda-icons .s2l-icon-message b:before{content:""!important;width:30px!important;height:22px!important;border-radius:9px!important;background:#fff!important;clip-path:polygon(0 0,100% 0,100% 74%,62% 74%,49% 100%,37% 74%,0 74%)!important}.s2l-pda-icons .s2l-icon-message b:after{content:"↩";position:absolute;color:#0f3d6c;font-size:17px;font-weight:1000;line-height:1;top:16px;left:18px}.s2l-pda-icons .s2l-icon span{white-space:nowrap}.s2l-pda-icons .s2l-icon{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
@media(min-width:861px){.s2l-pda-icons .s2l-icon{min-height:104px!important}.s2l-pda-icons .s2l-icon b{margin:0 auto 10px!important}}

/* v2.5.0: beheer, AI-vragen, lesbibliotheek en playlist */
.s2l-aiq-card .s2l-generated-box,.s2l-playlist-card .s2l-generated-box{margin-top:24px;padding:22px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(16,24,40,.08);box-shadow:0 18px 42px rgba(16,24,40,.08)}
.s2l-source-lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:10px;max-height:280px;overflow:auto;padding:10px;border-radius:20px;background:rgba(255,255,255,.65);border:1px solid rgba(16,24,40,.08)}
.s2l-source-lessons label,.s2l-check-single{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.85);border:1px solid rgba(16,24,40,.08);font-weight:700;color:#101828}
.s2l-admin-create{padding:20px;border-radius:26px;background:rgba(255,255,255,.72);border:1px solid rgba(16,24,40,.08);margin-bottom:22px}
.s2l-admin-create h3{margin:0 0 14px;font-size:24px}.s2l-teacher-manage-list{display:grid;gap:14px}.s2l-teacher-manage{display:grid;grid-template-columns:1.5fr auto auto auto auto;gap:14px;align-items:center;padding:18px;border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(16,24,40,.08);box-shadow:0 16px 36px rgba(16,24,40,.07)}
.s2l-teacher-manage strong{display:block;font-size:20px}.s2l-teacher-manage span{display:block;color:#667085;margin-top:4px}.s2l-teacher-manage label{font-weight:800;display:flex;gap:8px;align-items:center}.s2l-nav[data-tab="aiq"] .s2l-nav-icon,.s2l-nav[data-tab="playlist"] .s2l-nav-icon,.s2l-nav[data-tab="beheer"] .s2l-nav-icon{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,245,255,.78));}
@media(max-width:900px){.s2l-teacher-manage{grid-template-columns:1fr 1fr}.s2l-teacher-manage>div{grid-column:1/-1}}

/* v2.5.1: echte AI-integratie */
.s2l-ai-note{margin:.75rem 0 0;color:rgba(255,255,255,.78);font-size:.92rem}.s2l-admin-ai-link{margin:.8rem 0 1rem}.s2l-generated-box{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:18px;padding:16px;box-shadow:0 18px 45px rgba(0,0,0,.18)}


/* v2.5.2: AI generatie feedback */
.s2l-ai-generating,.s2l-ai-ready{text-align:left;max-width:680px;margin:0 auto;padding:10px 0 4px}
.s2l-ai-loader{margin:28px 0 12px;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:24px;background:rgba(15,39,72,.08);border:1px solid rgba(15,39,72,.12);font-weight:800;color:#102033}
.s2l-ai-loader i{width:34px;height:34px;border-radius:50%;display:inline-block;border:4px solid rgba(21,93,171,.18);border-top-color:#155dab;animation:s2lSpin .8s linear infinite;flex:0 0 auto}
.s2l-ai-small{color:#6b7b93;font-size:15px}.s2l-ai-generating-inline{border-left:5px solid #155dab}.s2l-error-box{border-left:5px solid #cc1f24!important;background:#fff4f4!important}
@keyframes s2lSpin{to{transform:rotate(360deg)}}


/* v2.5.4 PDA icon refresh + consistent desktop/mobile rendering */
.s2l-pda-icons{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;}
.s2l-pda-icons .s2l-icon{min-height:112px!important;height:112px!important;padding:14px 10px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055) 48%,rgba(2,6,23,.34))!important;border:1px solid rgba(148,163,184,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -22px 34px rgba(0,0,0,.20), 0 18px 36px rgba(0,0,0,.28)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important;}
.s2l-pda-icons .s2l-icon:before{content:""!important;position:absolute!important;right:-18px!important;top:-24px!important;width:92px!important;height:92px!important;border-radius:999px!important;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.32),rgba(255,255,255,.10) 42%,transparent 70%)!important;opacity:.6!important;pointer-events:none!important;}
.s2l-pda-icons .s2l-icon b{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;margin:0 auto 10px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.14) 45%,rgba(15,61,108,.52))!important;border:1px solid rgba(255,255,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -14px 23px rgba(0,0,0,.20),0 14px 26px rgba(0,0,0,.26)!important;font-size:0!important;}
.s2l-pda-icons .s2l-icon span{font-size:15px!important;font-weight:950!important;white-space:nowrap!important;letter-spacing:.01em!important;color:#f8fafc!important;text-shadow:0 2px 10px rgba(0,0,0,.35)!important;position:relative!important;z-index:2!important;}
.s2l-mini-qr:before{content:""!important;width:34px!important;height:34px!important;display:block!important;background:
linear-gradient(#fff,#fff) 0 0/11px 11px no-repeat,
linear-gradient(#fff,#fff) 23px 0/11px 11px no-repeat,
linear-gradient(#fff,#fff) 0 23px/11px 11px no-repeat,
linear-gradient(#fff,#fff) 15px 4px/4px 4px no-repeat,
linear-gradient(#fff,#fff) 4px 15px/4px 4px no-repeat,
linear-gradient(#fff,#fff) 15px 15px/4px 4px no-repeat,
linear-gradient(#fff,#fff) 23px 15px/4px 4px no-repeat,
linear-gradient(#fff,#fff) 15px 23px/4px 4px no-repeat,
linear-gradient(#fff,#fff) 28px 28px/5px 5px no-repeat!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.35));}
.s2l-mini-qr:after{content:""!important;position:absolute!important;inset:15px!important;border:2px solid rgba(15,23,42,.50)!important;border-radius:4px!important;opacity:.7!important;}
.s2l-mini-qr i,.s2l-mini-qr em{display:none!important;}
.s2l-mini-code:before{content:"A7\A K3"!important;white-space:pre!important;width:35px!important;height:35px!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,255,255,.72))!important;color:#0f172a!important;font-size:12px!important;font-weight:1000!important;line-height:15px!important;letter-spacing:.8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-shadow:inset 0 0 0 2px rgba(15,23,42,.13)!important;}
.s2l-mini-code i{display:none!important;}
.s2l-mini-msg:before{content:""!important;width:34px!important;height:25px!important;border-radius:10px!important;background:#fff!important;clip-path:polygon(0 0,100% 0,100% 72%,62% 72%,49% 100%,38% 72%,0 72%)!important;box-shadow:0 8px 18px rgba(15,23,42,.2)!important;}
.s2l-mini-msg:after{content:"↩"!important;position:absolute!important;color:#0f3d6c!important;font-size:18px!important;font-weight:1000!important;line-height:1!important;top:16px!important;left:18px!important;}
.s2l-mini-msg i{display:none!important;}
@media(max-width:560px){.s2l-pda-icons{gap:10px!important}.s2l-pda-icons .s2l-icon{height:104px!important;min-height:104px!important;padding:12px 8px!important}.s2l-pda-icons .s2l-icon span{font-size:12px!important}.s2l-pda-icons .s2l-icon b{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}}

/* v2.5.5: locatiebeheer + sterkere PDA iconen */
.s2l-location-manager .s2l-location-list{display:grid;gap:12px;margin-top:8px}
.s2l-location-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid rgba(226,232,240,.92);border-radius:20px;background:rgba(255,255,255,.74);box-shadow:0 12px 30px rgba(15,23,42,.045)}
.s2l-location-row strong{font-size:18px;color:#0f172a}.s2l-location-row span{font-weight:900;color:#64748b;white-space:nowrap}.s2l-form-row input[list]{background:#fff}
@media(max-width:720px){.s2l-location-row{grid-template-columns:1fr}.s2l-location-row .s2l-btn{width:100%}}

.s2l-pda-icons .s2l-icon{border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045) 48%,rgba(0,0,0,.18))!important;min-height:116px!important;}
.s2l-pda-icons .s2l-icon b.s2l-mini-qr,.s2l-pda-icons .s2l-icon b.s2l-mini-code,.s2l-pda-icons .s2l-icon b.s2l-mini-msg{width:58px!important;height:58px!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 12px!important;}
.s2l-pda-icons .s2l-icon b.s2l-mini-qr{background:linear-gradient(145deg,#e0f2fe,#38bdf8 42%,#1d4ed8)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -16px 22px rgba(15,23,42,.22),0 14px 30px rgba(56,189,248,.24)!important;}
.s2l-pda-icons .s2l-icon b.s2l-mini-qr:before{content:""!important;position:static!important;width:38px!important;height:38px!important;border-radius:4px!important;background:
linear-gradient(#fff,#fff) 0 0/13px 13px no-repeat,linear-gradient(#fff,#fff) 25px 0/13px 13px no-repeat,linear-gradient(#fff,#fff) 0 25px/13px 13px no-repeat,
linear-gradient(#0f172a,#0f172a) 4px 4px/5px 5px no-repeat,linear-gradient(#0f172a,#0f172a) 29px 4px/5px 5px no-repeat,linear-gradient(#0f172a,#0f172a) 4px 29px/5px 5px no-repeat,
linear-gradient(#fff,#fff) 17px 2px/4px 4px no-repeat,linear-gradient(#fff,#fff) 17px 10px/4px 4px no-repeat,linear-gradient(#fff,#fff) 22px 17px/4px 4px no-repeat,linear-gradient(#fff,#fff) 30px 17px/4px 4px no-repeat,
linear-gradient(#fff,#fff) 14px 24px/4px 4px no-repeat,linear-gradient(#fff,#fff) 22px 28px/4px 4px no-repeat,linear-gradient(#fff,#fff) 31px 31px/5px 5px no-repeat!important;box-shadow:none!important;}
.s2l-pda-icons .s2l-icon b.s2l-mini-qr:after{display:none!important}.s2l-mini-qr i,.s2l-mini-qr em{display:none!important}
.s2l-pda-icons .s2l-icon b.s2l-mini-code{background:linear-gradient(145deg,#fde68a,#f59e0b 48%,#92400e)!important;}
.s2l-pda-icons .s2l-icon b.s2l-mini-code:before{content:""!important;width:38px!important;height:38px!important;background:transparent!important;box-shadow:none!important;}
.s2l-mini-code{display:grid!important;grid-template-columns:repeat(2,18px)!important;grid-template-rows:repeat(2,18px)!important;gap:3px!important;padding:0!important}.s2l-mini-code i{display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.92)!important;color:#111827!important;border-radius:7px!important;font-size:10px!important;font-weight:1000!important;font-style:normal!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.14)!important}
.s2l-pda-icons .s2l-icon b.s2l-mini-msg{background:linear-gradient(145deg,#e9d5ff,#a78bfa 48%,#4f46e5)!important;}
.s2l-pda-icons .s2l-icon b.s2l-mini-msg:before{content:""!important;width:34px!important;height:24px!important;border-radius:10px!important;background:#fff!important;clip-path:polygon(0 0,100% 0,100% 75%,61% 75%,48% 100%,36% 75%,0 75%)!important;box-shadow:0 9px 18px rgba(15,23,42,.2)!important;}
.s2l-pda-icons .s2l-icon b.s2l-mini-msg:after{content:"↶"!important;position:absolute!important;left:50%!important;top:48%!important;transform:translate(-50%,-50%)!important;color:#4f46e5!important;background:transparent!important;width:auto!important;height:auto!important;font-size:20px!important;font-weight:1000!important;}
.s2l-pda-icons .s2l-icon span{font-size:18px!important;line-height:1.1!important;}


/* v2.5.6: veilig locatiebeheer + compactere, duidelijkere PDA appiconen */
.s2l-pda-icons .s2l-icon span{
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(min-width:561px){.s2l-pda-icons .s2l-icon span{font-size:13px!important}}
.s2l-pda-icons .s2l-icon b.s2l-mini-code,
.s2l-pda-icons .s2l-icon b.s2l-mini-msg{
  background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.10) 45%,rgba(15,61,108,.38))!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68),inset 0 -16px 24px rgba(0,0,0,.24),0 14px 28px rgba(0,0,0,.30)!important;
}
/* Code invoeren: duidelijk herkenbare 4 losse codevakken */
.s2l-pda-icons .s2l-icon b.s2l-mini-code{
  display:grid!important;
  grid-template-columns:repeat(2,18px)!important;
  grid-template-rows:repeat(2,18px)!important;
  gap:4px!important;
  padding:8px!important;
}
.s2l-pda-icons .s2l-icon b.s2l-mini-code:before,
.s2l-pda-icons .s2l-icon b.s2l-mini-code:after{display:none!important;content:none!important}
.s2l-pda-icons .s2l-icon b.s2l-mini-code i{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:18px!important;height:18px!important;border-radius:7px!important;
  background:linear-gradient(145deg,#ffffff,#dbeafe)!important;
  color:#0f172a!important;font-size:10px!important;font-weight:1000!important;font-style:normal!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.18),0 4px 9px rgba(0,0,0,.12)!important;
}
/* Laatste bericht: tekstballon met duidelijke terugpijl */
.s2l-pda-icons .s2l-icon b.s2l-mini-msg{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;}
.s2l-pda-icons .s2l-icon b.s2l-mini-msg:before{
  content:""!important;display:block!important;width:36px!important;height:27px!important;
  border-radius:11px!important;background:linear-gradient(145deg,#ffffff,#e0f2fe)!important;
  clip-path:polygon(0 0,100% 0,100% 74%,63% 74%,49% 100%,36% 74%,0 74%)!important;
  box-shadow:0 10px 18px rgba(0,0,0,.20)!important;
}
.s2l-pda-icons .s2l-icon b.s2l-mini-msg:after{
  content:"↶"!important;position:absolute!important;left:50%!important;top:45%!important;transform:translate(-50%,-50%)!important;
  color:#0f3d6c!important;font-size:22px!important;font-weight:1000!important;line-height:1!important;background:transparent!important;
}
.s2l-pda-icons .s2l-icon b.s2l-mini-msg i{display:none!important}
.s2l-location-delete-warning{padding:16px;border-radius:20px;background:rgba(254,242,242,.88);border:1px solid rgba(220,38,38,.18);color:#7f1d1d;font-weight:800;margin:12px 0;}
.s2l-location-delete-warning strong{color:#991b1b;}


/* v2.5.8 - inklapbare secties in Opdrachten */
.s2l-collapsible-head{align-items:center}
.s2l-toggle-section{min-width:128px;white-space:nowrap}
.s2l-collapsible-body[hidden]{display:none!important}
.s2l-collapsible.is-open .s2l-toggle-section{background:linear-gradient(135deg,var(--s2l-blue),#1767aa);color:#fff;border-color:transparent}
.s2l-collapsible:not(.is-open){padding-bottom:18px}
.s2l-collapsible:not(.is-open) .s2l-section-head{margin-bottom:0}
@media(max-width:860px){.s2l-toggle-section{margin-top:12px;width:100%}}


/* v2.5.9 - zoekveld Mijn opdrachten */
.s2l-my-question-search{margin:8px 0 18px;padding:18px 20px;border:1px solid rgba(15,23,42,.09);border-radius:22px;background:rgba(255,255,255,.62);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.s2l-my-question-search label{display:block;font-weight:900;color:#111827;margin-bottom:8px;font-size:18px}
.s2l-my-question-search input{width:100%;border:1px solid rgba(15,23,42,.14);border-radius:16px;padding:14px 16px;font-size:17px;background:#fff;color:#111827;outline:none}
.s2l-my-question-search input:focus{border-color:#1d5bbf;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.s2l-my-question-search small{display:block;margin-top:8px;color:#64748b}
.s2l-empty-filter{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.75);border:1px dashed rgba(15,23,42,.16);color:#64748b;font-weight:700}

/* v2.6.0 - zoekveld compacter */
.s2l-my-question-search{max-width:720px;padding:12px 14px!important;border-radius:18px!important}
.s2l-my-question-search label{font-size:15px!important;margin-bottom:5px!important}
.s2l-my-question-search input{font-size:15px!important;padding:10px 13px!important;border-radius:13px!important}
.s2l-my-question-search small{font-size:12px!important;margin-top:5px!important}
.s2l-question-item.s2l-filter-hidden{display:none!important}

/* v2.6.1 - Les opstellen compacter en overzichtelijker */
.s2l-builder-card-modern{padding:34px!important;overflow:hidden!important}
.s2l-builder-title{margin-bottom:20px!important}
.s2l-builder-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr);gap:20px;align-items:start}
.s2l-builder-tile{border:1px solid rgba(226,232,240,.92);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 18px 48px rgba(15,23,42,.055);padding:24px;backdrop-filter:blur(14px)}
.s2l-builder-tile h3{margin:4px 0 18px;font-size:28px;line-height:1.05;color:#111827}.s2l-builder-tile .s2l-grid{margin-bottom:16px}.s2l-builder-tile .s2l-grid:last-child{margin-bottom:0}
.s2l-builder-tile-options{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(241,245,249,.64))}.s2l-check-grid-compact{grid-template-columns:1fr!important;gap:10px!important}.s2l-check-grid-compact label{padding:13px 15px!important;border-radius:18px!important;font-size:15px!important}
.s2l-session-qr-tile{grid-column:1/-1;background:linear-gradient(135deg,rgba(15,61,108,.10),rgba(255,255,255,.86));border-color:rgba(15,61,108,.18)}.s2l-session-qr-tile[hidden]{display:none!important}.s2l-session-qr-content{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center}.s2l-session-qr-image img{width:150px;height:150px;border-radius:22px;background:#fff;padding:10px;box-shadow:0 18px 44px rgba(15,23,42,.14)}.s2l-session-code{display:block;font-size:42px;letter-spacing:.22em;color:#0f172a;line-height:1}.s2l-session-qr-content p{margin:8px 0 16px;color:#64748b;font-weight:700}
.s2l-builder-question-tile{margin-top:20px;border:1px solid rgba(226,232,240,.92);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 18px 48px rgba(15,23,42,.045);padding:24px}.s2l-builder-question-tile .s2l-section-head h3{font-size:28px;margin:0}.s2l-builder-actions-modern{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px!important;margin-top:20px!important}.s2l-builder-actions-modern .s2l-action-tile{min-height:76px!important;height:auto!important;border-radius:24px!important;padding:16px 20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important}.s2l-builder-actions-modern .s2l-action-tile strong{font-size:20px!important}.s2l-builder-actions-modern .s2l-action-tile small{display:block;margin-top:3px;color:rgba(255,255,255,.82);font-weight:800}.s2l-action-save small{color:rgba(255,255,255,.75)!important}.s2l-action-plan small{color:rgba(255,255,255,.75)!important}
@media(max-width:1100px){.s2l-builder-layout{grid-template-columns:1fr}.s2l-builder-actions-modern{grid-template-columns:1fr!important}.s2l-session-qr-content{grid-template-columns:1fr;text-align:center}.s2l-session-code{font-size:34px}.s2l-session-qr-image img{margin:auto}}

/* v2.6.1 - QR-downloads zijn locatiekaarten, geen losse opdrachtkaarten */
.s2l-download-block h3{line-height:1.1}.s2l-download-chip{font-weight:800}

/* v2.6.2 - uniforme formulierhoogtes, ronde velden en strakkere Opdrachten-indeling */
.s2l-app input[type="text"],
.s2l-app input[type="search"],
.s2l-app input[type="number"],
.s2l-app input[type="datetime-local"],
.s2l-app input[type="email"],
.s2l-app input[type="password"],
.s2l-app input[type="url"],
.s2l-app select{
  min-height:54px!important;
  height:54px!important;
  border-radius:18px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:#fff!important;
  padding:0 18px!important;
  font-size:16px!important;
  line-height:1.2!important;
  box-sizing:border-box!important;
  color:#0f172a!important;
}
.s2l-app textarea{
  border-radius:20px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:#fff!important;
  padding:16px 18px!important;
  font-size:16px!important;
  line-height:1.45!important;
  box-sizing:border-box!important;
  color:#0f172a!important;
}
.s2l-app input[type="file"]{
  min-height:54px!important;
  border-radius:18px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:#fff!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
}
.s2l-app input:focus,
.s2l-app textarea:focus,
.s2l-app select:focus{
  border-color:#1d5bbf!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
  outline:none!important;
}
.s2l-form-row{display:flex!important;flex-direction:column!important;gap:9px!important;justify-content:flex-start!important}.s2l-form-row label{min-height:24px!important;line-height:1.15!important}.s2l-grid{align-items:start!important}.s2l-grid.two,.s2l-grid.three{gap:22px!important}.s2l-option-row input[type="text"]{height:54px!important;border-radius:18px!important}.s2l-other{margin-top:8px!important}

.s2l-question-create-card{overflow:hidden!important}.s2l-question-create-card>.s2l-collapsible-body{padding-top:10px!important}.s2l-import-export-panel{border-radius:24px!important;padding:18px!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important}.s2l-import-export-panel .s2l-btn{min-height:48px!important;border-radius:16px!important;padding:12px 16px!important}.s2l-csv-hint{flex-basis:100%;font-size:13px;color:#64748b;font-weight:800}

.s2l-ops-two-col{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:22px;margin-top:22px;align-items:start}.s2l-ops-two-col>.s2l-card{height:auto!important;margin:0!important}.s2l-collapsible-head{cursor:pointer;gap:16px!important}.s2l-collapsible-head>div{min-width:0}.s2l-collapsible-head h2{margin-bottom:6px!important}.s2l-collapsible-head p{margin:0!important}.s2l-chevron-toggle{width:46px!important;height:46px!important;min-width:46px!important;border:1px solid rgba(15,23,42,.12)!important;border-radius:50%!important;background:linear-gradient(145deg,#ffffff,#eef4fb)!important;box-shadow:0 14px 30px rgba(15,23,42,.10)!important;position:relative!important;cursor:pointer!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#0f3d6c!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}.s2l-chevron-toggle:before{content:"⌄";display:block;font-size:28px;font-weight:900;line-height:1;transform:translateY(-2px);transition:transform .18s ease}.s2l-collapsible.is-open .s2l-chevron-toggle{background:linear-gradient(135deg,#0f3d6c,#1d5fa2)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}.s2l-collapsible.is-open .s2l-chevron-toggle:before{transform:rotate(180deg) translateY(2px)}.s2l-chevron-toggle:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(15,23,42,.16)!important}.s2l-toggle-section{display:none!important}
.s2l-location-row{grid-template-columns:minmax(0,1fr) auto 42px!important;padding:12px 14px!important;border-radius:18px!important}.s2l-location-row strong{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s2l-location-row span{font-size:14px!important}.s2l-location-row .s2l-btn{min-width:42px!important;width:42px!important;height:38px!important;padding:0!important;border-radius:14px!important;font-size:0!important;position:relative!important}.s2l-location-row .s2l-btn:before{content:"×";font-size:22px;font-weight:1000;line-height:1}
.s2l-my-question-search{max-width:520px!important;padding:10px 12px!important}.s2l-my-question-search input{height:46px!important;min-height:46px!important;border-radius:15px!important}.s2l-my-question-search label{font-size:14px!important}.s2l-question-item{grid-template-columns:110px minmax(0,1fr) auto!important;border-radius:22px!important}.s2l-question-item .s2l-item-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.s2l-question-item .s2l-btn.small{min-height:42px!important;border-radius:14px!important;padding:10px 14px!important}.s2l-question-main strong{font-size:18px!important}.s2l-question-main span{font-size:14px!important}.s2l-question-qr{width:96px!important;height:108px!important;min-width:96px!important}.s2l-question-qr img{width:72px!important;height:72px!important}.s2l-question-qr span{font-size:12px!important;letter-spacing:1.8px!important}
@media(max-width:1100px){.s2l-ops-two-col{grid-template-columns:1fr}.s2l-grid.two,.s2l-grid.three{grid-template-columns:1fr!important}.s2l-question-item{grid-template-columns:96px minmax(0,1fr)!important}.s2l-question-item .s2l-item-actions{grid-column:1/-1;justify-content:flex-start!important}.s2l-location-row{grid-template-columns:1fr!important}.s2l-location-row .s2l-btn{width:100%!important;font-size:14px!important}.s2l-location-row .s2l-btn:before{content:none!important}}


/* v2.6.3 - QR hoort bij locatie, niet bij opdracht */
.s2l-location-row{
  grid-template-columns:92px minmax(0,1fr) auto auto 52px!important;
  gap:14px!important;
  align-items:center!important;
  padding:14px 16px!important;
}
.s2l-location-qr{
  width:78px!important;
  height:92px!important;
  min-width:78px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px!important;
  cursor:pointer!important;
}
.s2l-location-qr img{width:60px!important;height:60px!important;display:block!important}
.s2l-location-qr span{font-size:11px!important;font-weight:950!important;letter-spacing:1.8px!important;color:#0f172a!important;margin-top:4px!important;line-height:1!important}
.s2l-location-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.s2l-location-info strong{font-size:18px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.s2l-location-info em{font-style:normal!important;color:#64748b!important;font-size:13px!important;font-weight:700!important}
.s2l-location-visits{font-size:14px!important;font-weight:950!important;color:#64748b!important;white-space:nowrap!important}
.s2l-location-word{white-space:nowrap!important;min-height:40px!important;border-radius:14px!important;padding:9px 12px!important}
.s2l-location-delete{
  justify-self:center!important;
  align-self:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
}
.s2l-location-delete:before{font-size:24px!important;line-height:1!important;transform:translateY(-1px)!important}
.s2l-question-no-qr{grid-template-columns:88px minmax(0,1fr) auto!important}
.s2l-question-code-badge{
  width:70px!important;height:70px!important;border-radius:18px!important;
  background:linear-gradient(145deg,#ffffff,#eef4fb)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 14px 28px rgba(15,23,42,.08)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
}
.s2l-question-code-badge span{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#64748b!important;font-weight:900!important}
.s2l-question-code-badge strong{font-size:14px!important;letter-spacing:1px!important;color:#0f172a!important;line-height:1.1!important;margin-top:4px!important}
.s2l-question-no-qr .s2l-question-main span{line-height:1.55!important}
@media(max-width:1100px){
  .s2l-location-row{grid-template-columns:78px minmax(0,1fr) 1fr!important}
  .s2l-location-visits{grid-column:2/3!important}
  .s2l-location-word,.s2l-location-delete{grid-column:auto!important;width:auto!important;min-width:0!important;font-size:14px!important}
  .s2l-location-delete{width:100%!important;font-size:0!important}.s2l-location-delete:before{content:"×"!important}
  .s2l-question-no-qr{grid-template-columns:76px minmax(0,1fr)!important}
  .s2l-question-no-qr .s2l-item-actions{grid-column:1/-1!important;justify-content:flex-start!important}
}

/* v2.6.4 refinement */
.s2l-builder-tile-primary .s2l-grid.four.s2l-even-fields{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:22px}
.s2l-builder-tile-primary .s2l-form-row{display:flex;flex-direction:column;justify-content:flex-end;margin:0;min-width:0}
.s2l-builder-tile-primary .s2l-form-row label{min-height:44px;display:flex;align-items:flex-end;line-height:1.15;margin-bottom:8px}
.s2l-builder-tile-primary .s2l-form-row input,.s2l-builder-tile-primary .s2l-form-row select{height:56px!important;min-height:56px!important;border-radius:18px!important;box-sizing:border-box!important;width:100%!important}
.s2l-builder-tile-primary input[type="datetime-local"]{font-size:15px!important;padding-inline:16px!important}

.s2l-nav-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:14px!important}.s2l-nav{min-height:72px!important;padding:14px 16px!important;border-radius:22px!important}.s2l-nav-icon{width:44px!important;height:44px!important;min-width:44px!important;font-size:15px!important}.s2l-nav span:last-child{font-size:15px!important;line-height:1.15!important}

.s2l-chevron-toggle{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,238,247,.85))!important;box-shadow:0 10px 24px rgba(15,23,42,.12)!important;border:1px solid rgba(15,61,108,.12)!important}.s2l-chevron-toggle:before{content:""!important;width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg) translate(-1px,-2px)!important;color:#0f3d6c}.s2l-collapsible.is-open .s2l-chevron-toggle{background:linear-gradient(135deg,#0f3d6c,#1767aa)!important;color:#fff!important}.s2l-collapsible.is-open .s2l-chevron-toggle:before{transform:rotate(225deg) translate(-1px,-2px)!important;color:#fff}

.s2l-ops-two-col{grid-template-columns:minmax(560px,1.1fr) minmax(420px,.9fr)!important;gap:22px!important}.s2l-location-manager{min-width:0}.s2l-my-questions-card{min-width:0}.s2l-location-list{display:grid!important;gap:14px!important}.s2l-location-row{display:grid!important;grid-template-columns:120px minmax(150px,1fr) auto 44px 44px!important;align-items:center!important;gap:14px!important;padding:16px!important;border-radius:22px!important}.s2l-location-qr{width:104px!important;min-width:104px!important}.s2l-location-qr img{width:88px!important;height:88px!important}.s2l-location-qr span{font-size:14px!important;letter-spacing:.16em!important}.s2l-location-info strong{font-size:18px!important;line-height:1.15!important;word-break:normal!important;overflow-wrap:anywhere!important}.s2l-location-info em{font-style:normal;color:#64748b;font-weight:700}.s2l-location-visits{white-space:nowrap!important;font-weight:900!important}.s2l-location-download,.s2l-location-delete{width:42px!important;height:42px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-weight:900!important;font-size:20px!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 10px 20px rgba(15,23,42,.09)!important}.s2l-location-download{background:linear-gradient(145deg,#fff,#eef4fb)!important;color:#0f3d6c!important}.s2l-location-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important;border-color:#2563eb!important;cursor:pointer!important}.s2l-location-all-download{width:100%;justify-content:center;margin-bottom:12px;border-radius:18px!important;padding:14px 18px!important}

.s2l-question-code-badge{display:none!important}.s2l-question-no-qr{grid-template-columns:minmax(0,1fr) auto!important;padding:20px 24px!important}.s2l-question-main span{line-height:1.45!important}.s2l-my-question-search{max-width:560px}.s2l-my-question-search input{height:48px!important;border-radius:16px!important;font-size:15px!important}

.s2l-playlist-inline{margin-top:18px}.s2l-playlist-inline .s2l-collapsible-body{margin-top:16px}.s2l-report-head-actions{display:flex;flex-direction:column;gap:10px;min-width:170px}.s2l-report-head-actions .s2l-btn{width:100%;justify-content:center}

@media(max-width:1100px){.s2l-ops-two-col{grid-template-columns:1fr!important}.s2l-builder-tile-primary .s2l-grid.four.s2l-even-fields{grid-template-columns:1fr 1fr!important}.s2l-location-row{grid-template-columns:110px minmax(0,1fr) auto 40px 40px!important}}
@media(max-width:720px){.s2l-builder-tile-primary .s2l-grid.four.s2l-even-fields{grid-template-columns:1fr!important}.s2l-location-row{grid-template-columns:96px minmax(0,1fr) 40px 40px!important}.s2l-location-visits{grid-column:2/5}.s2l-location-info strong{font-size:16px!important}}

/* v2.6.5 - gewenste volgorde Les laden, compactere navigatie en betere Opdrachten-indeling */
.s2l-builder-layout-stacked{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;align-items:stretch!important}
.s2l-builder-layout-stacked .s2l-builder-tile{width:100%!important;box-sizing:border-box!important}
.s2l-builder-tile-primary .s2l-grid.three{grid-template-columns:1.05fr 1.05fr .95fr!important;gap:16px!important}
.s2l-builder-tile-primary .s2l-grid.four.s2l-even-fields{grid-template-columns:1fr 1fr .86fr .96fr!important;gap:16px!important;align-items:end!important}
.s2l-builder-tile-primary .s2l-form-row label{min-height:34px!important;margin-bottom:8px!important}
.s2l-builder-tile-primary .s2l-form-row input,.s2l-builder-tile-primary .s2l-form-row select{height:58px!important;min-height:58px!important;border-radius:19px!important;font-size:16px!important;padding:0 18px!important;line-height:58px!important}
.s2l-builder-tile-primary input[type="datetime-local"]{line-height:normal!important;padding-top:0!important;padding-bottom:0!important}
.s2l-builder-tile-options .s2l-check-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.s2l-builder-tile-options .s2l-check-grid-compact label{font-size:15px!important;min-height:52px!important;align-items:center!important}
.s2l-playlist-inline,.s2l-aiq-inline{margin-top:0!important}

/* Navigatie compacter en geen rare afbreking */
.s2l-nav-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px!important;align-items:stretch!important}
.s2l-nav{min-height:64px!important;padding:12px 14px!important;border-radius:20px!important;display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;overflow:hidden!important}
.s2l-nav-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:15px!important;font-size:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.s2l-nav span:last-child{font-size:14px!important;line-height:1.1!important;white-space:normal!important;overflow-wrap:anywhere!important;hyphens:auto!important;max-width:110px!important}

/* Elegantere inklap-indicator */
.s2l-chevron-toggle{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(15,61,108,.14)!important;box-shadow:0 10px 22px rgba(15,23,42,.10)!important;color:#0f3d6c!important}
.s2l-chevron-toggle:before{content:""!important;width:8px!important;height:8px!important;border-right:2.5px solid currentColor!important;border-bottom:2.5px solid currentColor!important;transform:rotate(45deg) translate(-1px,-1px)!important}
.s2l-collapsible.is-open .s2l-chevron-toggle{background:linear-gradient(135deg,#0f3d6c,#1767aa)!important;color:#fff!important}
.s2l-collapsible.is-open .s2l-chevron-toggle:before{transform:rotate(225deg) translate(-1px,-1px)!important}

/* CSV-tools in Scan2Learn-stijl */
.s2l-import-export-panel.s2l-csv-tools{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:12px!important;padding:14px!important;margin-bottom:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(238,244,251,.62))!important;border-radius:24px!important;border:1px solid rgba(226,232,240,.92)!important;box-shadow:0 18px 42px rgba(15,23,42,.055)!important}
.s2l-import-export-panel.s2l-csv-tools .s2l-btn{min-height:50px!important;border-radius:17px!important;padding:11px 13px!important;font-size:14px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(15,61,108,.12)!important;color:#0f3d6c!important;box-shadow:0 10px 22px rgba(15,23,42,.06)!important}
.s2l-import-export-panel.s2l-csv-tools .s2l-csv-hint{grid-column:1/-1!important;font-size:12px!important;margin:0!important;color:#64748b!important;font-weight:800!important}

/* Locatiebeheer breder, QR netjes, code verder onder QR */
.s2l-ops-two-col{grid-template-columns:minmax(640px,1.35fr) minmax(360px,.8fr)!important;gap:22px!important;align-items:start!important}
.s2l-location-row{grid-template-columns:140px minmax(220px,1fr) auto 42px 42px!important;gap:18px!important;align-items:center!important;padding:18px!important}
.s2l-location-qr{width:124px!important;min-width:124px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.s2l-location-qr img{width:96px!important;height:96px!important;margin-bottom:11px!important}
.s2l-location-qr span{display:block!important;margin-top:0!important;font-size:14px!important;letter-spacing:.18em!important;line-height:1.1!important;white-space:nowrap!important}
.s2l-location-info strong{font-size:20px!important;line-height:1.15!important;overflow-wrap:anywhere!important;word-break:normal!important}
.s2l-location-info em{font-size:14px!important;line-height:1.35!important;display:block!important;margin-top:4px!important}
.s2l-location-download,.s2l-location-delete{align-self:center!important;justify-self:center!important}

/* Mijn opdrachten rustiger en zonder codebadge */
.s2l-question-no-qr{grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important}
.s2l-question-code-badge{display:none!important}
.s2l-question-main span{font-size:14px!important;line-height:1.35!important;color:#64748b!important}

@media(max-width:1200px){
  .s2l-builder-tile-primary .s2l-grid.three,.s2l-builder-tile-primary .s2l-grid.four.s2l-even-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .s2l-ops-two-col{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .s2l-builder-card-modern{padding:20px!important}.s2l-builder-tile{padding:18px!important}
  .s2l-builder-tile-primary .s2l-grid.three,.s2l-builder-tile-primary .s2l-grid.four.s2l-even-fields,.s2l-builder-tile-options .s2l-check-grid-compact,.s2l-import-export-panel.s2l-csv-tools{grid-template-columns:1fr!important}
  .s2l-nav-cards{grid-template-columns:1fr 1fr!important}.s2l-location-row{grid-template-columns:110px minmax(0,1fr) 40px 40px!important}.s2l-location-visits{grid-column:2/5!important}
}

/* v2.6.6 - Les laden volgorde, rapportageknoppen en uitloggen */
.s2l-top-actions .s2l-btn[data-s2l-action="logout"]{
  background:linear-gradient(135deg,#b91c1c,#ef4444)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 14px 32px rgba(185,28,28,.18)!important;
}
.s2l-builder-layout-stacked .s2l-builder-tile.s2l-collapsible .s2l-section-head{margin-bottom:0!important;align-items:center!important}
.s2l-builder-layout-stacked .s2l-builder-tile.s2l-collapsible.is-open .s2l-section-head{margin-bottom:18px!important}
.s2l-builder-layout-stacked .s2l-builder-tile.s2l-collapsible .s2l-section-head p{margin:.35rem 0 0!important}
.s2l-report-head-actions .s2l-btn.success{
  background:linear-gradient(135deg,#15803d,#22c55e)!important;
  color:#fff!important;
}
.s2l-report-status-static{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px;padding:10px 16px!important;border-radius:14px!important;font-weight:900!important}
.s2l-status-closed{background:linear-gradient(135deg,#991b1b,#ef4444)!important;color:#fff!important}

/* v2.6.7 - herstel wijzigenknop, directe rapportagestatus en minder bovenruimte */
body:has(.s2l-teacher-app) .entry-content,
body:has(.s2l-teacher-app) .wp-block-post-content,
body:has(.s2l-teacher-app) .kubio-content,
body:has(.s2l-teacher-app) .h-section,
body:has(.s2l-teacher-app) .wp-block-group{
  padding-top:0!important;
  margin-top:0!important;
}
body:has(.s2l-teacher-app) .h-section:has(.s2l-teacher-app),
body:has(.s2l-teacher-app) .wp-block-group:has(.s2l-teacher-app){
  min-height:auto!important;
  padding-top:0!important;
}
@media(min-width:900px){
  .s2l-teacher-app{margin-top:-120px!important;}
}
.s2l-question-create-card.is-open{box-shadow:0 28px 80px rgba(15,23,42,.14)!important}
.s2l-reportage-tile .s2l-status-badge{transition:background .2s ease,color .2s ease,transform .2s ease}
.s2l-reportage-tile .s2l-status-badge:not(:empty){transform:translateZ(0)}

/* v2.6.8 - rapportageprint opschonen en dashboard verder omhoog */
@media(min-width:900px){
  .s2l-teacher-app{margin-top:-220px!important;}
}
.s2l-report-print-clean .s2l-report-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.s2l-report-print-clean .s2l-report-table tbody tr:first-child td{border-top:1px solid rgba(15,23,42,.06)}
.s2l-report-print-clean .s2l-report-table td:nth-child(5){font-weight:900;color:#0f172a}

@media print{
  @page{size:A4 portrait;margin:10mm!important;}
  html,body{width:210mm!important;min-height:0!important;height:auto!important;background:#fff!important;overflow:visible!important;}
  body *{visibility:hidden!important;}
  #s2l-modal,#s2l-modal *{visibility:visible!important;}
  #s2l-modal{position:static!important;inset:auto!important;display:block!important;background:#fff!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;}
  #s2l-modal .s2l-modal-card{position:static!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border:0!important;border-radius:0!important;}
  .s2l-report-print-clean{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;page-break-after:auto!important;break-after:auto!important;}
  .s2l-report-head{display:flex!important;justify-content:space-between!important;gap:8mm!important;margin:0 0 6mm!important;padding:0!important;border-bottom:1px solid #cbd5e1!important;padding-bottom:4mm!important;page-break-inside:avoid!important;}
  .s2l-report-head h2{font-size:20pt!important;line-height:1.05!important;margin:0 0 2mm!important;}
  .s2l-report-head p{font-size:9pt!important;margin:0 0 1mm!important;color:#334155!important;}
  .s2l-kicker{font-size:8pt!important;letter-spacing:.12em!important;color:#d97706!important;}
  .s2l-modal-close,.s2l-report-head-actions,.s2l-report-join{display:none!important;}
  .s2l-report-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3mm!important;margin:0 0 5mm!important;page-break-inside:avoid!important;}
  .s2l-report-summary div{border:1px solid #cbd5e1!important;background:#f8fafc!important;border-radius:4mm!important;padding:4mm 3mm!important;min-height:0!important;text-align:center!important;box-shadow:none!important;}
  .s2l-report-summary strong{font-size:16pt!important;line-height:1.05!important;display:block!important;color:#0f172a!important;}
  .s2l-report-summary span{font-size:8.5pt!important;font-weight:800!important;color:#334155!important;}
  .s2l-report-table-wrap{overflow:visible!important;border:1px solid #cbd5e1!important;border-radius:0!important;background:#fff!important;page-break-inside:auto!important;}
  .s2l-report-table{width:100%!important;border-collapse:collapse!important;font-size:8.6pt!important;table-layout:auto!important;}
  .s2l-report-table th,.s2l-report-table td{padding:2.5mm 2mm!important;border-bottom:1px solid #e2e8f0!important;text-align:left!important;vertical-align:top!important;}
  .s2l-report-table th{background:#eef4fb!important;color:#0f172a!important;font-size:7.5pt!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
  .s2l-report-table small{font-size:7.5pt!important;color:#475569!important;}
  .s2l-report-table tr{page-break-inside:avoid!important;break-inside:avoid!important;}
}


/* v2.6.9 - compact locatiebeheer, betere rapportageprint en gelijke rapportagetegels */
.s2l-location-row{grid-template-columns:106px minmax(220px,1fr) auto 42px 42px!important;gap:16px!important;padding:16px 18px!important;min-height:128px!important;}
.s2l-location-qr{width:94px!important;min-width:94px!important;}
.s2l-location-qr img{width:76px!important;height:76px!important;margin-bottom:9px!important;}
.s2l-location-qr span{font-size:12px!important;letter-spacing:.18em!important;margin-top:0!important;}
.s2l-location-info strong{font-size:19px!important;line-height:1.2!important;}
.s2l-location-info em{font-size:14px!important;}
.s2l-location-visits{font-size:15px!important;}
@media(max-width:720px){.s2l-location-row{grid-template-columns:92px minmax(0,1fr) 40px 40px!important}.s2l-location-qr{width:84px!important;min-width:84px!important}.s2l-location-qr img{width:68px!important;height:68px!important}}

.s2l-reportage-grid{align-items:stretch!important}.s2l-reportage-tile{display:flex!important;flex-direction:column!important}.s2l-reportage-tile .s2l-reportage-btn,.s2l-reportage-tile .s2l-delete-session{margin-top:0!important}.s2l-reportage-actions{margin-top:auto!important;display:grid!important;gap:12px!important}.s2l-reportage-meta{margin-bottom:20px!important}.s2l-reportage-tile h3{min-height:2.45em!important;line-height:1.15!important;display:flex!important;align-items:flex-start!important}

@media print{
  @page{size:A4 portrait;margin:8mm!important;}
  html,body{width:210mm!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;}
  #s2l-modal{position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;}
  #s2l-modal .s2l-modal-card{position:static!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;box-shadow:none!important;border:0!important;border-radius:0!important;}
  .s2l-report-print-clean{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;break-after:auto!important;page-break-after:auto!important;}
  .s2l-report-head{margin:0 0 7mm!important;padding:0 0 4mm!important;gap:10mm!important;}
  .s2l-report-head h2{font-size:24pt!important;line-height:1.08!important;}
  .s2l-report-head p{font-size:10.5pt!important;line-height:1.35!important;}
  .s2l-kicker{font-size:9pt!important;}
  .s2l-report-summary{grid-template-columns:repeat(4,1fr)!important;gap:4mm!important;margin:0 0 6mm!important;}
  .s2l-report-summary div{padding:5mm 3mm!important;border-radius:4mm!important;}
  .s2l-report-summary strong{font-size:19pt!important;}
  .s2l-report-summary span{font-size:9.5pt!important;}
  .s2l-report-table{font-size:10pt!important;width:100%!important;table-layout:auto!important;}
  .s2l-report-table th,.s2l-report-table td{padding:3mm 2.3mm!important;line-height:1.25!important;}
  .s2l-report-table th{font-size:8.3pt!important;}
  .s2l-report-table small{font-size:8.3pt!important;}
  .s2l-report-table-wrap{width:100%!important;break-after:auto!important;page-break-after:auto!important;}
  body:after,#s2l-modal:after,.s2l-modal-card:after{display:none!important;content:none!important;}
}

/* v2.7.0 - locatiekoppelingen automatisch beheren */
.s2l-btn.warning{
  background:linear-gradient(135deg,#f59e0b,#d97706)!important;
  color:#fff!important;
  border-color:#f59e0b!important;
  box-shadow:0 12px 28px rgba(217,119,6,.18)!important;
}
.s2l-linked-details{
  margin:14px 0!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  background:rgba(255,255,255,.72)!important;
}
.s2l-linked-details summary{
  cursor:pointer!important;
  font-weight:900!important;
  color:#0f172a!important;
}
.s2l-linked-list{margin-top:10px!important;display:grid!important;gap:7px!important;max-height:220px!important;overflow:auto!important}
.s2l-linked-list p{margin:0!important;padding:8px 10px!important;border-radius:12px!important;background:rgba(248,250,252,.92)!important;color:#334155!important}
.s2l-linked-list span{font-size:12px!important;font-weight:900!important;color:#64748b!important;margin-left:6px!important;letter-spacing:.08em!important}
.s2l-replace-location-box{margin:14px 0!important;padding:14px 16px!important;border-radius:18px!important;border:1px solid rgba(226,232,240,.95)!important;background:rgba(248,250,252,.86)!important}
.s2l-replace-location-box label{display:block!important;font-weight:900!important;color:#0f172a!important;margin-bottom:8px!important}
.s2l-replace-location-box select{width:100%!important;min-height:48px!important;border-radius:15px!important;border:1px solid rgba(203,213,225,.95)!important;padding:0 14px!important;background:#fff!important;font-weight:700!important}
.s2l-actions-wrap{flex-wrap:wrap!important;gap:10px!important}

/* v2.7.1 realtime counters for Opdrachten dashboard */
.s2l-live-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  height:38px!important;
  padding:0 12px!important;
  margin-left:10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0f3d6c,#1767aa)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-shadow:0 12px 28px rgba(15,61,108,.20)!important;
  transform:translateY(-4px);
}
.s2l-live-count.s2l-count-pulse{animation:s2lCountPulse .42s ease both}
@keyframes s2lCountPulse{0%{transform:translateY(-4px) scale(1)}45%{transform:translateY(-4px) scale(1.12)}100%{transform:translateY(-4px) scale(1)}}
.s2l-location-manager .s2l-section-head h2,
.s2l-my-questions-card .s2l-section-head h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:720px){.s2l-live-count{height:30px!important;min-width:30px!important;font-size:14px!important;margin-left:4px!important;transform:translateY(-2px)}}


/* v2.7.2 - subtiele transparante tellers + rapportageteller */
.s2l-live-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  margin-left:12px!important;
  border-radius:999px!important;
  background:rgba(15,86,146,.10)!important;
  border:1px solid rgba(15,86,146,.24)!important;
  color:#0f5692!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-shadow:0 10px 26px rgba(15,86,146,.08)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  transform:translateY(-2px)!important;
}
.s2l-location-manager .s2l-section-head h2,
.s2l-my-questions-card .s2l-section-head h2,
.s2l-reportages-card .s2l-section-head h2{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.s2l-live-count.s2l-count-pulse{animation:s2lCountPulseSoft .42s ease both!important}
@keyframes s2lCountPulseSoft{0%{transform:translateY(-2px) scale(1)}45%{transform:translateY(-2px) scale(1.10)}100%{transform:translateY(-2px) scale(1)}}
@media(max-width:720px){.s2l-live-count{width:28px!important;height:28px!important;min-width:28px!important;font-size:13px!important;margin-left:6px!important}}

/* v2.7.3 - tellers netjes op titelregel uitlijnen */
.s2l-location-manager .s2l-section-head h2,
.s2l-my-questions-card .s2l-section-head h2,
.s2l-reportages-card .s2l-section-head h2{
  display:inline-flex!important;
  align-items:flex-start!important;
  gap:22px!important;
  flex-wrap:nowrap!important;
  line-height:.98!important;
}
.s2l-live-count{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  margin-left:0!important;
  margin-top:.12em!important;
  border-radius:999px!important;
  background:rgba(15,86,146,.075)!important;
  border:1px solid rgba(15,86,146,.22)!important;
  color:#0f5692!important;
  box-shadow:0 10px 26px rgba(15,86,146,.07)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  transform:none!important;
  vertical-align:top!important;
  flex:0 0 auto!important;
}
.s2l-live-count.s2l-count-pulse{animation:s2lCountPulseSoft273 .42s ease both!important}
@keyframes s2lCountPulseSoft273{0%{transform:scale(1)}45%{transform:scale(1.10)}100%{transform:scale(1)}}
@media(max-width:720px){
  .s2l-location-manager .s2l-section-head h2,
  .s2l-my-questions-card .s2l-section-head h2,
  .s2l-reportages-card .s2l-section-head h2{gap:14px!important;align-items:flex-start!important;flex-wrap:nowrap!important}
  .s2l-live-count{width:28px!important;height:28px!important;min-width:28px!important;font-size:13px!important;margin-top:.08em!important}
}

/* v2.7.5: custom footer */
#s2l-custom-footer,
.s2l-custom-footer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  text-align:center!important;
  color:#2b2d31!important;
  font-size:17px!important;
  line-height:1.6!important;
  padding:26px 16px!important;
  font-weight:500!important;
  background:transparent!important;
}
html.s2l-student-fullscreen #s2l-custom-footer,
html.s2l-student-fullscreen .s2l-custom-footer{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;}


/* v2.7.6 - footer echt in shortcode + tellers lager/verder naar rechts */
.s2l-plugin-footer{
  display:block!important;
  width:min(1500px, calc(100% - 64px))!important;
  margin:34px auto 18px!important;
  padding:22px 16px 28px!important;
  text-align:center!important;
  color:#2b2d31!important;
  font-size:17px!important;
  line-height:1.55!important;
  font-weight:500!important;
  background:transparent!important;
  visibility:visible!important;
  opacity:1!important;
}
.s2l-location-manager .s2l-section-head h2,
.s2l-my-questions-card .s2l-section-head h2,
.s2l-reportages-card .s2l-section-head h2{
  display:inline-flex!important;
  align-items:flex-start!important;
  gap:34px!important;
  flex-wrap:nowrap!important;
}
.s2l-location-manager .s2l-live-count,
.s2l-my-questions-card .s2l-live-count,
.s2l-reportages-card .s2l-live-count{
  margin-left:0!important;
  margin-top:.24em!important;
}
.s2l-location-manager .s2l-live-count{margin-left:18px!important;}
.s2l-reportages-card .s2l-live-count{margin-left:22px!important;}
.s2l-my-questions-card .s2l-live-count{margin-left:10px!important;}
@media(max-width:720px){
  .s2l-plugin-footer{width:calc(100% - 28px)!important;margin:24px auto 14px!important;font-size:14px!important}
  .s2l-location-manager .s2l-section-head h2,
  .s2l-my-questions-card .s2l-section-head h2,
  .s2l-reportages-card .s2l-section-head h2{gap:16px!important}
  .s2l-location-manager .s2l-live-count,
  .s2l-my-questions-card .s2l-live-count,
  .s2l-reportages-card .s2l-live-count{margin-left:0!important;margin-top:.16em!important}
}


/* v2.7.7 - footer replace fix + tellerpositie fijnstellen */
.s2l-location-manager .s2l-section-head h2,
.s2l-reportages-card .s2l-section-head h2{
  display:inline-flex!important;
  align-items:flex-start!important;
  gap:54px!important;
  flex-wrap:nowrap!important;
}
.s2l-location-manager .s2l-live-count,
.s2l-reportages-card .s2l-live-count{
  margin-left:0!important;
  margin-top:.30em!important;
}
.s2l-my-questions-card .s2l-section-head h2{
  display:inline-flex!important;
  align-items:flex-start!important;
  gap:18px!important;
  flex-wrap:nowrap!important;
}
.s2l-my-questions-card .s2l-live-count{
  margin-left:0!important;
  margin-top:.10em!important;
}
#s2l-custom-footer.s2l-plugin-footer,
.s2l-app + #s2l-custom-footer,
.s2l-custom-footer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:0!important;
  text-align:center!important;
}
@media(max-width:720px){
  .s2l-location-manager .s2l-section-head h2,
  .s2l-reportages-card .s2l-section-head h2{gap:22px!important}
  .s2l-my-questions-card .s2l-section-head h2{gap:14px!important}
  .s2l-location-manager .s2l-live-count,
  .s2l-reportages-card .s2l-live-count,
  .s2l-my-questions-card .s2l-live-count{margin-top:.12em!important}
}

/* v2.7.8 - handmatig locaties toevoegen met directe QR/handmatige code */
.s2l-add-location-box{
  padding:18px 20px!important;
  border:1px solid rgba(15,61,108,.12)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(239,246,255,.68))!important;
  box-shadow:0 14px 36px rgba(15,23,42,.055)!important;
}
.s2l-add-location-box label{
  display:block!important;
  margin:0 0 9px!important;
  color:#0f172a!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.s2l-add-location-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.s2l-add-location-row input{
  width:100%!important;
  min-height:52px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  border-radius:17px!important;
  padding:12px 15px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:16px!important;
  font-weight:800!important;
  outline:none!important;
}
.s2l-add-location-row input:focus{
  border-color:#0f5fa8!important;
  box-shadow:0 0 0 4px rgba(15,95,168,.12)!important;
}
.s2l-add-location-row .s2l-btn{
  min-height:52px!important;
  padding:0 22px!important;
  white-space:nowrap!important;
}
.s2l-add-location-box small{
  display:block!important;
  margin-top:8px!important;
  color:#64748b!important;
  font-size:13px!important;
  font-weight:750!important;
}
.s2l-location-empty{
  padding:16px 18px!important;
  border:1px dashed rgba(15,23,42,.16)!important;
  border-radius:18px!important;
  color:#64748b!important;
  font-weight:800!important;
  background:rgba(255,255,255,.65)!important;
}
@media(max-width:720px){
  .s2l-add-location-row{grid-template-columns:1fr!important}
  .s2l-add-location-row .s2l-btn{width:100%!important}
}


/* v2.7.9 - meer ruimte tussen QR-code en handmatige locatiecode */
.s2l-location-qr img{
  margin-bottom:17px!important;
}
.s2l-location-qr span{
  margin-top:0!important;
}
@media(max-width:720px){
  .s2l-location-qr img{margin-bottom:15px!important;}
}

/* v2.8.0 - QR-code afstand iets teruggezet + moderne locatiecontrole */
.s2l-location-qr img{
  margin-bottom:12px!important;
}
@media(max-width:720px){
  .s2l-location-qr img{margin-bottom:12px!important;}
}
.s2l-location-control-modal,
.s2l-overlap-modal{
  display:grid!important;
  gap:18px!important;
}
.s2l-location-control-modal h2,
.s2l-overlap-modal h2{
  margin:0!important;
  font-size:40px!important;
  line-height:1.08!important;
  letter-spacing:.01em!important;
  color:#20242b!important;
}
.s2l-location-control-modal .s2l-location-intro,
.s2l-overlap-modal p{
  margin:0!important;
  color:#4b5563!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.s2l-location-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.s2l-location-stats div{
  border:1px solid rgba(226,232,240,.95)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,244,251,.74))!important;
  border-radius:20px!important;
  padding:15px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}
.s2l-location-stats strong{
  display:block!important;
  font-size:30px!important;
  line-height:1!important;
  color:#0f3d6c!important;
}
.s2l-location-stats span{
  display:block!important;
  margin-top:6px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.s2l-auto-assign-box,
.s2l-warning-panel{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:1px solid rgba(15,61,108,.12)!important;
  background:linear-gradient(135deg,rgba(15,61,108,.08),rgba(245,158,11,.10))!important;
  border-radius:24px!important;
  padding:18px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.07)!important;
}
.s2l-warning-panel{
  display:block!important;
  border-color:rgba(245,158,11,.25)!important;
}
.s2l-auto-assign-box strong,
.s2l-warning-panel strong{
  display:block!important;
  color:#0f172a!important;
  font-size:18px!important;
  margin-bottom:6px!important;
}
.s2l-auto-assign-box p,
.s2l-warning-panel p{
  margin:0!important;
  color:#475569!important;
  line-height:1.45!important;
}
.s2l-warning-panel p + p{margin-top:10px!important;}
.s2l-location-conflicts{
  display:grid!important;
  gap:12px!important;
  margin-top:0!important;
}
.s2l-conflict-modern{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:0 16px 40px rgba(15,23,42,.055)!important;
}
.s2l-conflict-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:12px!important;
}
.s2l-conflict-title strong{
  color:#0f172a!important;
  font-size:16px!important;
}
.s2l-conflict-title span{
  border-radius:999px!important;
  padding:7px 11px!important;
  background:#eef4fb!important;
  color:#0f3d6c!important;
  font-weight:900!important;
  font-size:13px!important;
}
.s2l-conflict-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 0!important;
  border-top:1px solid rgba(226,232,240,.78)!important;
}
.s2l-conflict-row:first-of-type{border-top:0!important;}
.s2l-conflict-row strong{
  display:block!important;
  color:#111827!important;
  font-size:15px!important;
}
.s2l-conflict-row small{
  display:block!important;
  margin-top:4px!important;
  color:#64748b!important;
  font-weight:800!important;
}
.s2l-conflict-row select{
  min-height:50px!important;
  border-radius:17px!important;
  padding:0 14px!important;
  font-size:15px!important;
}
.s2l-keep-location{
  justify-self:start!important;
  border-radius:999px!important;
  padding:9px 12px!important;
  background:rgba(22,163,74,.10)!important;
  color:#166534!important;
  font-weight:900!important;
  font-size:13px!important;
}
.s2l-location-actions .s2l-btn,
.s2l-overlap-modal .s2l-actions .s2l-btn{
  min-height:52px!important;
  border-radius:17px!important;
}
.s2l-overlap-list{
  display:grid!important;
  gap:10px!important;
}
.s2l-overlap-item{
  display:grid!important;
  gap:4px!important;
  padding:14px 16px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:20px!important;
}
.s2l-overlap-item strong{font-size:16px!important;color:#0f172a!important;}
.s2l-overlap-item span,
.s2l-overlap-item small{color:#64748b!important;font-weight:800!important;}
.s2l-overlap-item em{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  font-style:normal!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  background:#fff7ed!important;
  color:#9a3412!important;
  font-weight:900!important;
}
@media(max-width:760px){
  .s2l-location-control-modal h2,.s2l-overlap-modal h2{font-size:30px!important;}
  .s2l-location-stats{grid-template-columns:1fr!important;}
  .s2l-auto-assign-box{display:grid!important;}
  .s2l-conflict-row{grid-template-columns:1fr!important;}
}

/* v2.8.1 - QR-code/code afstand iets subtieler + route/ranking herstel */
.s2l-location-qr img{
  margin-bottom:8px!important;
}
@media(max-width:720px){
  .s2l-location-qr img{margin-bottom:8px!important;}
}
.s2l-ranking-modal{display:grid!important;gap:10px!important}
.s2l-ranking-row{margin:0!important;padding:12px 14px!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important}
.s2l-ranking-row strong{font-size:17px!important;color:#0f172a!important}


/* v2.8.2 - Locatiebeheer: code netjes binnen QR-vak + titel Les laden */
.s2l-location-qr{
  min-height:108px!important;
  padding:8px 6px 10px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.s2l-location-qr img{
  width:76px!important;
  height:76px!important;
  margin-bottom:11px!important;
  flex:0 0 auto!important;
}
.s2l-location-qr span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  line-height:1.15!important;
  padding-bottom:2px!important;
  overflow:visible!important;
}
.s2l-location-row{
  min-height:126px!important;
  align-items:center!important;
}
@media(min-width:721px){
  .s2l-location-row{grid-template-columns:112px minmax(220px,1fr) auto 42px 42px!important;}
  .s2l-location-qr{width:98px!important;min-width:98px!important;}
}
@media(max-width:720px){
  .s2l-location-row{min-height:118px!important;grid-template-columns:96px minmax(0,1fr) 40px 40px!important;}
  .s2l-location-qr{width:88px!important;min-width:88px!important;min-height:102px!important;padding-bottom:9px!important;}
  .s2l-location-qr img{width:68px!important;height:68px!important;margin-bottom:10px!important;}
  .s2l-location-qr span{font-size:12px!important;letter-spacing:.16em!important;}
}

/* v2.8.5 - PDA appknoppen stijl 23: strak, donker/oranje, zonder tekstlabels */
.s2l-pda-icons-v285{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}
.s2l-pda-icons-v285 .s2l-icon{
  position:relative!important;
  min-height:92px!important;
  height:92px!important;
  width:100%!important;
  padding:0!important;
  border-radius:18px!important;
  border:1px solid rgba(245,158,11,.62)!important;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.13),transparent 30%),
    linear-gradient(145deg,#151a20 0%,#090d12 54%,#020409 100%)!important;
  color:#f59e0b!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -18px 30px rgba(0,0,0,.38),
    0 12px 26px rgba(0,0,0,.28),
    0 0 0 1px rgba(0,0,0,.35)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.s2l-pda-icons-v285 .s2l-icon:nth-child(2),
.s2l-pda-icons-v285 .s2l-icon:nth-child(3){
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.13),transparent 30%),
    linear-gradient(145deg,#151a20 0%,#090d12 54%,#020409 100%)!important;
}
.s2l-pda-icons-v285 .s2l-icon:hover,
.s2l-pda-icons-v285 .s2l-icon:focus-visible{
  transform:translateY(-1px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -18px 30px rgba(0,0,0,.36),
    0 16px 30px rgba(0,0,0,.34),
    0 0 18px rgba(245,158,11,.22)!important;
}
.s2l-pda-icons-v285 .s2l-icon:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,transparent,rgba(245,158,11,.12),transparent)!important;
  opacity:.55!important;
  pointer-events:none!important;
}
.s2l-pda-icons-v285 .s2l-icon span{display:none!important;}
.s2l-pda-icons-v285 .s2l-icon b{
  position:relative!important;
  z-index:2!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:#f59e0b!important;
  font-size:0!important;
}
.s2l-pda-icons-v285 .s2l-mini-qr:before{
  content:""!important;
  width:44px!important;
  height:44px!important;
  border-radius:4px!important;
  background:
    linear-gradient(#f59e0b,#f59e0b) 2px 2px/12px 12px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 30px 2px/12px 12px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 2px 30px/12px 12px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 30px 30px/12px 12px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 18px 4px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 23px 12px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 13px 19px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 25px 22px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 18px 31px/5px 5px no-repeat!important;
  box-shadow:0 0 16px rgba(245,158,11,.32)!important;
}
.s2l-pda-icons-v285 .s2l-mini-qr:after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border:2px solid rgba(245,158,11,.92)!important;
  border-radius:7px!important;
  clip-path:polygon(0 0,31% 0,31% 12%,12% 12%,12% 31%,0 31%,0 0,69% 0,100% 0,100% 31%,88% 31%,88% 12%,69% 12%,69% 0,100% 69%,100% 100%,69% 100%,69% 88%,88% 88%,88% 69%,100% 69%,31% 100%,0 100%,0 69%,12% 69%,12% 88%,31% 88%,31% 100%);
}
.s2l-pda-icons-v285 .s2l-mini-code{
  display:grid!important;
  grid-template-columns:repeat(2,18px)!important;
  grid-template-rows:repeat(2,18px)!important;
  gap:5px!important;
  place-content:center!important;
}
.s2l-pda-icons-v285 .s2l-mini-code:before,
.s2l-pda-icons-v285 .s2l-mini-code:after{display:none!important;content:none!important;}
.s2l-pda-icons-v285 .s2l-mini-code i{
  width:18px!important;
  height:18px!important;
  border-radius:5px!important;
  border:1px solid rgba(245,158,11,.85)!important;
  color:#f59e0b!important;
  font-style:normal!important;
  font-size:10px!important;
  line-height:18px!important;
  text-align:center!important;
  font-weight:950!important;
  background:rgba(245,158,11,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 10px rgba(245,158,11,.16)!important;
}
.s2l-pda-icons-v285 .s2l-mini-msg:before{
  content:""!important;
  width:43px!important;
  height:31px!important;
  border:2px solid #f59e0b!important;
  border-radius:10px!important;
  background:rgba(245,158,11,.045)!important;
  clip-path:none!important;
  box-shadow:0 0 15px rgba(245,158,11,.22)!important;
}
.s2l-pda-icons-v285 .s2l-mini-msg:after{
  content:"↶"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-52%)!important;
  color:#f59e0b!important;
  background:transparent!important;
  width:auto!important;
  height:auto!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.s2l-pda-icons-v285 .s2l-mini-msg{position:relative!important;}
.s2l-pda-icons-v285 .s2l-mini-msg i{display:none!important;}
@media(max-width:560px){
  .s2l-pda-icons-v285{gap:10px!important;}
  .s2l-pda-icons-v285 .s2l-icon{height:84px!important;min-height:84px!important;border-radius:16px!important;}
  .s2l-pda-icons-v285 .s2l-icon b{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;}
  .s2l-pda-icons-v285 .s2l-mini-qr:before{width:40px!important;height:40px!important;background-size:11px 11px,11px 11px,11px 11px,11px 11px,5px 5px,5px 5px,5px 5px,5px 5px,5px 5px!important;}
  .s2l-pda-icons-v285 .s2l-mini-code{grid-template-columns:repeat(2,17px)!important;grid-template-rows:repeat(2,17px)!important;gap:4px!important;}
  .s2l-pda-icons-v285 .s2l-mini-code i{width:17px!important;height:17px!important;line-height:17px!important;font-size:9px!important;}
  .s2l-pda-icons-v285 .s2l-mini-msg:before{width:38px!important;height:28px!important;}
  .s2l-pda-icons-v285 .s2l-mini-msg:after{font-size:23px!important;}
}


/* v2.8.6 - PDA appknoppen: glassy stijl, geen extra buitenrand, geen blauw */
.s2l-pda-icons.s2l-pda-icons-v285{
  gap:12px!important;
  margin-top:16px!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon{
  border:0!important;
  outline:0!important;
  min-height:96px!important;
  height:96px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 22% 16%,rgba(255,255,255,.26),rgba(255,255,255,.08) 28%,transparent 52%),
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055) 42%,rgba(2,6,23,.34) 100%)!important;
  backdrop-filter:blur(16px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.2)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -22px 38px rgba(0,0,0,.28),
    0 18px 36px rgba(0,0,0,.26)!important;
  color:#f59e0b!important;
  overflow:hidden!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon:before{
  content:""!important;
  position:absolute!important;
  left:-38%!important;
  top:-58%!important;
  width:92%!important;
  height:145%!important;
  transform:rotate(28deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent)!important;
  opacity:.55!important;
  pointer-events:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon:after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:21px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(245,158,11,.10)!important;
  pointer-events:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon:hover,
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon:focus-visible{
  transform:translateY(-1px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -22px 38px rgba(0,0,0,.26),
    0 22px 42px rgba(0,0,0,.30),
    0 0 18px rgba(245,158,11,.13)!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon span{display:none!important;}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b,
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr,
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code,
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f59e0b!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
  font-size:0!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-qr:before{
  content:""!important;
  width:44px!important;
  height:44px!important;
  border-radius:5px!important;
  background:
    linear-gradient(#f59e0b,#f59e0b) 2px 2px/12px 12px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 30px 2px/12px 12px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 2px 30px/12px 12px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 30px 30px/12px 12px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 18px 4px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 24px 13px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 13px 19px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 25px 24px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 18px 33px/5px 5px no-repeat!important;
  filter:drop-shadow(0 0 10px rgba(245,158,11,.35))!important;
  box-shadow:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-qr:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border:2px solid rgba(245,158,11,.92)!important;
  border-radius:10px!important;
  clip-path:polygon(0 0,34% 0,34% 12%,12% 12%,12% 34%,0 34%,0 0,66% 0,100% 0,100% 34%,88% 34%,88% 12%,66% 12%,66% 0,100% 66%,100% 100%,66% 100%,66% 88%,88% 88%,88% 66%,100% 66%,34% 100%,0 100%,0 66%,12% 66%,12% 88%,34% 88%,34% 100%)!important;
  box-shadow:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-code{
  display:grid!important;
  grid-template-columns:repeat(2,20px)!important;
  grid-template-rows:repeat(2,20px)!important;
  gap:5px!important;
  place-content:center!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-code:before,
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-code:after{display:none!important;content:none!important;}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-code i{
  width:20px!important;
  height:20px!important;
  line-height:20px!important;
  border-radius:7px!important;
  border:1px solid rgba(245,158,11,.78)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff7ed!important;
  font-size:10px!important;
  font-weight:1000!important;
  font-style:normal!important;
  text-align:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 11px rgba(245,158,11,.18)!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-msg:before{
  content:""!important;
  width:44px!important;
  height:31px!important;
  border-radius:12px!important;
  border:2px solid #f59e0b!important;
  background:rgba(245,158,11,.04)!important;
  clip-path:none!important;
  box-shadow:0 0 14px rgba(245,158,11,.24)!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-msg:after{
  content:""!important;
  position:absolute!important;
  right:8px!important;
  bottom:7px!important;
  width:10px!important;
  height:10px!important;
  background:rgba(2,6,23,.75)!important;
  border-right:2px solid #f59e0b!important;
  border-bottom:2px solid #f59e0b!important;
  transform:rotate(45deg)!important;
  border-radius:0 0 3px 0!important;
  box-shadow:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-msg i{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-53%)!important;
  color:#f59e0b!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:1000!important;
  font-style:normal!important;
  text-shadow:0 0 12px rgba(245,158,11,.24)!important;
}
@media(max-width:560px){
  .s2l-pda-icons.s2l-pda-icons-v285{gap:10px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon{height:86px!important;min-height:86px!important;border-radius:18px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon:after{border-radius:17px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b,
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr,
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code,
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-qr:before{width:40px!important;height:40px!important;background-size:11px 11px,11px 11px,11px 11px,11px 11px,5px 5px,5px 5px,5px 5px,5px 5px,5px 5px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-code{grid-template-columns:repeat(2,18px)!important;grid-template-rows:repeat(2,18px)!important;gap:4px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-code i{width:18px!important;height:18px!important;line-height:18px!important;font-size:9px!important;border-radius:6px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-msg:before{width:41px!important;height:29px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-msg i{font-size:26px!important;}
}

/* v2.8.7 - strakkere PDA app-iconen: rustige glassy app-tegels zonder rommelige rand/cirkel */
.s2l-pda-icons-v285{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:center!important;
}
.s2l-pda-icons-v285 .s2l-icon{
  width:100%!important;
  min-height:108px!important;
  height:108px!important;
  padding:0!important;
  border:0!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.12) 42%,rgba(15,61,108,.38) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -22px 32px rgba(2,6,23,.24),0 18px 34px rgba(2,6,23,.26)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
  -webkit-tap-highlight-color:transparent!important;
}
.s2l-pda-icons-v285 .s2l-icon:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(160deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,.12) 28%,transparent 54%)!important;
  opacity:.72!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
.s2l-pda-icons-v285 .s2l-icon:after{
  content:""!important;
  position:absolute!important;
  left:18%!important;
  right:18%!important;
  bottom:10px!important;
  height:1px!important;
  background:rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  pointer-events:none!important;
}
.s2l-pda-icons-v285 .s2l-icon b{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 12px 24px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.72)!important;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
}
.s2l-pda-icons-v285 .s2l-icon span{display:none!important}

/* Scanner: herkenbare QR in neutraal donker/wit, zonder blauw vlak */
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr{
  background:linear-gradient(145deg,#ffffff,#edf2f7)!important;
}
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr:before{
  content:""!important;
  position:static!important;
  width:42px!important;
  height:42px!important;
  border-radius:5px!important;
  background:
    linear-gradient(#0f172a,#0f172a) 0 0/13px 13px no-repeat,
    linear-gradient(#0f172a,#0f172a) 29px 0/13px 13px no-repeat,
    linear-gradient(#0f172a,#0f172a) 0 29px/13px 13px no-repeat,
    linear-gradient(#fff,#fff) 4px 4px/5px 5px no-repeat,
    linear-gradient(#fff,#fff) 33px 4px/5px 5px no-repeat,
    linear-gradient(#fff,#fff) 4px 33px/5px 5px no-repeat,
    linear-gradient(#0f172a,#0f172a) 18px 4px/5px 5px no-repeat,
    linear-gradient(#0f172a,#0f172a) 18px 12px/5px 5px no-repeat,
    linear-gradient(#0f172a,#0f172a) 24px 18px/5px 5px no-repeat,
    linear-gradient(#0f172a,#0f172a) 34px 18px/5px 5px no-repeat,
    linear-gradient(#0f172a,#0f172a) 16px 28px/5px 5px no-repeat,
    linear-gradient(#0f172a,#0f172a) 24px 34px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 34px 34px/6px 6px no-repeat!important;
  box-shadow:none!important;
  filter:none!important;
}
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr:after{display:none!important;content:none!important}

/* Code invoeren: nette app met vier codevlakjes */
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code{
  display:grid!important;
  grid-template-columns:repeat(2,18px)!important;
  grid-template-rows:repeat(2,18px)!important;
  gap:5px!important;
  place-content:center!important;
  background:linear-gradient(145deg,#fff7ed,#fed7aa)!important;
}
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code:before,
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code:after{display:none!important;content:none!important}
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code i{
  width:18px!important;
  height:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:10px!important;
  font-weight:1000!important;
  font-style:normal!important;
  line-height:1!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.11),0 2px 5px rgba(2,6,23,.10)!important;
}

/* Laatste bericht: strak bericht-icoon met kleine terugpijl */
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg{
  background:linear-gradient(145deg,#eff6ff,#dbeafe)!important;
}
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg:before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:16px!important;
  width:34px!important;
  height:24px!important;
  border-radius:10px!important;
  background:#0f3d6c!important;
  clip-path:polygon(0 0,100% 0,100% 74%,62% 74%,50% 100%,38% 74%,0 74%)!important;
  box-shadow:0 8px 16px rgba(15,61,108,.22)!important;
}
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg:after{
  content:"↶"!important;
  position:absolute!important;
  left:50%!important;
  top:45%!important;
  transform:translate(-50%,-50%)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
  background:transparent!important;
}
.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg i{display:none!important}

.s2l-pda-icons-v285 .s2l-icon:active{transform:translateY(1px) scale(.985)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -18px 26px rgba(2,6,23,.22),0 12px 24px rgba(2,6,23,.22)!important}
@media(max-width:560px){
  .s2l-pda-icons-v285{gap:12px!important}
  .s2l-pda-icons-v285 .s2l-icon{height:102px!important;min-height:102px!important;border-radius:26px!important}
  .s2l-pda-icons-v285 .s2l-icon b{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;border-radius:19px!important}
}

/* v2.8.8: PDA app-iconen opnieuw strak gemaakt - rustige lijniconen zonder rommelige mini-tegels */
.s2l-pda-icons.s2l-pda-icons-v285{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon{
  height:104px!important;
  min-height:104px!important;
  border-radius:24px!important;
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055) 54%,rgba(2,6,23,.16))!important;
  border:1px solid rgba(226,232,240,.23)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -20px 34px rgba(2,6,23,.22),0 16px 32px rgba(0,0,0,.26)!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,0) 38%)!important;
  pointer-events:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon:after{
  content:""!important;
  position:absolute!important;
  left:18%!important;
  right:18%!important;
  bottom:9px!important;
  height:1px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  pointer-events:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr,
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code,
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:2!important;
  display:block!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon span{display:none!important;}

/* Scanner: herkenbare scanhoeken + rustige QR, geen blauwe vlek */
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr:before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  width:auto!important;
  height:auto!important;
  border-radius:4px!important;
  background:
    linear-gradient(#e5edf7,#e5edf7) 0 0/14px 14px no-repeat,
    linear-gradient(#e5edf7,#e5edf7) 32px 0/14px 14px no-repeat,
    linear-gradient(#e5edf7,#e5edf7) 0 32px/14px 14px no-repeat,
    linear-gradient(#07101f,#07101f) 4px 4px/6px 6px no-repeat,
    linear-gradient(#07101f,#07101f) 36px 4px/6px 6px no-repeat,
    linear-gradient(#07101f,#07101f) 4px 36px/6px 6px no-repeat,
    linear-gradient(#e5edf7,#e5edf7) 21px 5px/5px 5px no-repeat,
    linear-gradient(#e5edf7,#e5edf7) 21px 16px/5px 5px no-repeat,
    linear-gradient(#e5edf7,#e5edf7) 31px 21px/5px 5px no-repeat,
    linear-gradient(#e5edf7,#e5edf7) 20px 31px/5px 5px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) 34px 35px/6px 6px no-repeat!important;
  box-shadow:none!important;
  filter:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:14px!important;
  background:
    linear-gradient(#f59e0b,#f59e0b) left top/20px 3px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) left top/3px 20px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) right top/20px 3px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) right top/3px 20px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) left bottom/20px 3px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) left bottom/3px 20px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) right bottom/20px 3px no-repeat,
    linear-gradient(#f59e0b,#f59e0b) right bottom/3px 20px no-repeat!important;
  opacity:.96!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-qr i,
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-mini-qr em{display:none!important;}

/* Handmatige code: keypad/codeknop i.p.v. losse letterblokjes */
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code{
  display:block!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:11px!important;
  top:8px!important;
  width:40px!important;
  height:46px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 10px 20px rgba(0,0,0,.18)!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:21px!important;
  top:17px!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:#07101f!important;
  box-shadow:14px 0 0 #07101f,0 12px 0 #07101f,14px 12px 0 #07101f,0 24px 0 #f59e0b,14px 24px 0 #f59e0b!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code i{display:none!important;}

/* Laatste bericht: simpele chatballon met pijl, groot en leesbaar */
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:8px!important;
  top:14px!important;
  width:46px!important;
  height:31px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.94)!important;
  clip-path:polygon(0 0,100% 0,100% 72%,61% 72%,49% 100%,38% 72%,0 72%)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.18)!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg:after{
  content:"↶"!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:45%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  height:auto!important;
  color:#07101f!important;
  background:transparent!important;
  font-size:26px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg i{display:none!important;}

@media(max-width:560px){
  .s2l-pda-icons.s2l-pda-icons-v285{gap:10px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon{height:92px!important;min-height:92px!important;border-radius:22px!important;}
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-qr,
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-code,
  .s2l-pda-icons.s2l-pda-icons-v285 .s2l-icon b.s2l-mini-msg{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;}
}


/* v2.8.9: PDA app-iconen volledig opnieuw opgebouwd als rustige SVG-lijniconen */
.s2l-pda-icons.s2l-pda-icons-v289{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:6px!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon{
  position:relative!important;
  height:92px!important;
  min-height:92px!important;
  padding:0!important;
  border-radius:21px!important;
  border:1px solid rgba(148,163,184,.30)!important;
  background:linear-gradient(145deg,rgba(33,45,62,.96),rgba(13,23,38,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 26px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon:before,
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon:after,
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon b:before,
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon b:after{
  content:none!important;
  display:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon:before{display:none!important;}
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(118deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 34%,transparent 35%,transparent 100%)!important;
  pointer-events:none!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-app-svg{
  position:relative!important;
  z-index:2!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 svg{
  width:54px!important;
  height:54px!important;
  display:block!important;
  overflow:visible!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 svg *{
  fill:none!important;
  stroke:#f8fafc!important;
  stroke-width:4.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .mark{fill:#f8fafc!important;stroke:none!important;rx:1!important;}
.s2l-pda-icons.s2l-pda-icons-v289 .panel{fill:rgba(248,250,252,.96)!important;stroke:rgba(248,250,252,.96)!important;}
.s2l-pda-icons.s2l-pda-icons-v289 .dot{stroke:#07101f!important;stroke-width:5.6!important;}
.s2l-pda-icons.s2l-pda-icons-v289 .accent{fill:#f59e0b!important;stroke:#f59e0b!important;}
.s2l-pda-icons.s2l-pda-icons-v289 .scanline{stroke:#f59e0b!important;stroke-width:3.2!important;opacity:.95!important;}
.s2l-pda-icons.s2l-pda-icons-v289 .bubble{fill:rgba(248,250,252,.96)!important;stroke:rgba(248,250,252,.96)!important;}
.s2l-pda-icons.s2l-pda-icons-v289 .reply{stroke:#f59e0b!important;stroke-width:4.6!important;}
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon:hover{
  background:linear-gradient(145deg,rgba(43,57,78,.98),rgba(15,29,49,.96))!important;
  border-color:rgba(245,158,11,.40)!important;
}
@media(max-width:560px){
  .s2l-pda-icons.s2l-pda-icons-v289{gap:10px!important;}
  .s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon{height:88px!important;min-height:88px!important;border-radius:20px!important;}
  .s2l-pda-icons.s2l-pda-icons-v289 .s2l-app-svg,.s2l-pda-icons.s2l-pda-icons-v289 svg{width:52px!important;height:52px!important;}
}

/* v2.8.10: alleen middelste PDA-code-icoon vervangen door 4 invulvelden naast elkaar */
.s2l-pda-icons.s2l-pda-icons-v289 .code-field{
  fill:rgba(248,250,252,.96)!important;
  stroke:rgba(248,250,252,.96)!important;
  stroke-width:1.8!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .accent-field{
  fill:rgba(255,247,237,.98)!important;
  stroke:#f59e0b!important;
  stroke-width:2.2!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .code-text{
  fill:#07101f!important;
  stroke:none!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:1000!important;
  text-anchor:middle!important;
  dominant-baseline:middle!important;
  letter-spacing:0!important;
}


/* v2.8.11: kleine witte labels onder de drie PDA app-iconen */
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon{
  flex-direction:column!important;
  gap:4px!important;
  padding-top:8px!important;
  padding-bottom:7px!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-app-svg{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 svg{
  width:50px!important;
  height:50px!important;
}
.s2l-pda-icons.s2l-pda-icons-v289 .s2l-app-label{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  color:#ffffff!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:nowrap!important;
  opacity:.96!important;
  margin:0!important;
  padding:0!important;
  text-shadow:0 1px 5px rgba(0,0,0,.45)!important;
}
@media(max-width:560px){
  .s2l-pda-icons.s2l-pda-icons-v289 .s2l-icon{height:92px!important;min-height:92px!important;gap:3px!important;}
  .s2l-pda-icons.s2l-pda-icons-v289 .s2l-app-svg,
  .s2l-pda-icons.s2l-pda-icons-v289 svg{width:48px!important;height:48px!important;}
  .s2l-pda-icons.s2l-pda-icons-v289 .s2l-app-label{font-size:10.5px!important;}
}

/* v2.8.14 - volledige lessen verwijderen onder Opdrachten */
.s2l-lesson-delete-list{display:grid;gap:10px}
.s2l-lesson-delete-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(6,18,34,.42)}
.s2l-lesson-delete-row strong{display:block;color:#fff;font-size:14px;line-height:1.25}
.s2l-lesson-delete-row span{display:block;color:rgba(255,255,255,.68);font-size:12px;margin-top:3px}
@media(max-width:680px){.s2l-lesson-delete-row{align-items:stretch;flex-direction:column}.s2l-lesson-delete-row .s2l-btn{width:100%}}

/* v2.8.15 - lessen verwijderen onder locatiebeheer + lesdelen via deelcode */
.s2l-share-import-box{margin:16px 0 18px;padding:16px;border-radius:20px;background:rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.10);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}
.s2l-share-import-box strong{display:block;font-size:16px;color:#111827;margin-bottom:4px}.s2l-share-import-box p{margin:0;color:#64748b;font-weight:650;line-height:1.35}.s2l-share-import-row{display:flex;gap:10px;align-items:center}.s2l-share-import-row input{text-transform:uppercase;letter-spacing:.18em;font-weight:900;max-width:140px;text-align:center}.s2l-share-code-hint{display:block;margin-top:7px;color:#0f3d6c!important;font-weight:800}.s2l-share-code-hint strong{letter-spacing:.16em}.s2l-delete-linked-questions{margin:0 0 12px!important;padding:12px 14px!important;border-radius:16px;background:rgba(254,242,242,.72);border:1px solid rgba(220,38,38,.16);color:#7f1d1d!important;font-weight:850!important}.s2l-lesson-delete-card .s2l-section-head h2{font-size:26px!important}.s2l-lesson-delete-card .s2l-section-head p{font-size:14px!important}.s2l-lesson-delete-card{min-width:0}
@media(min-width:900px){.s2l-ops-two-col>.s2l-location-manager{grid-column:1;grid-row:1}.s2l-ops-two-col>.s2l-lesson-delete-card{grid-column:1;grid-row:2}.s2l-ops-two-col>.s2l-my-questions-card{grid-column:2;grid-row:1 / span 2}}
@media(max-width:760px){.s2l-share-import-box{grid-template-columns:1fr}.s2l-share-import-row{align-items:stretch;flex-direction:column}.s2l-share-import-row input{max-width:none;width:100%}}


/* v2.8.16 - stabiele standalone rapportageprint/PDF fallback */
@media print{
  body #s2l-custom-footer,
  body .s2l-custom-footer,
  body .s2l-plugin-footer,
  body footer,
  body .site-footer,
  body .kubio-footer{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
  #s2l-modal .s2l-report-print-clean{transform:none!important;position:static!important;top:auto!important;left:auto!important;width:100%!important;max-width:186mm!important;margin:0 auto!important;}
}

/* v2.8.17 - lesdelen bovenaan Les laden + compacte rankingiconen in rapportageprint */
.s2l-share-import-box-top{margin:0 0 18px!important;}
.s2l-share-import-box-top p{max-width:760px;}
.s2l-report-rank-icon{display:inline-block;font-size:14px!important;line-height:1!important;width:auto!important;height:auto!important;vertical-align:baseline!important;margin-right:4px!important;filter:none!important;transform:none!important;}
@media print{.s2l-report-rank-icon{font-size:8.5pt!important;margin-right:1mm!important;filter:none!important;transform:none!important;}}


/* v2.8.19 - vraagsectie standaard ingevouwen, nette les-verwijdertegels, rankingiconen terug */
.s2l-question-section .s2l-question-head-actions{display:flex;align-items:end;gap:12px;margin-left:auto}
.s2l-question-section .s2l-collapsible-body[hidden]{display:none!important}
.s2l-question-section .s2l-chevron-toggle{flex:0 0 auto}
.s2l-lesson-delete-card .s2l-section-head h2{font-size:40px!important;line-height:1.05!important;color:#20232a!important}
.s2l-lesson-delete-card .s2l-section-head p{font-size:16px!important;color:#64748b!important}
.s2l-lesson-delete-row{background:#fff!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important;color:#111827!important}
.s2l-lesson-delete-row strong{color:#111827!important;font-size:15px!important}
.s2l-lesson-delete-row span{color:#64748b!important;font-size:13px!important}
.s2l-lesson-delete-row .s2l-btn.danger{background:#b91c1c!important;color:#fff!important;border-color:#dc2626!important}
.s2l-pda .s2l-metric-ranking #s2l-rank-icon{display:block!important;opacity:1!important;color:inherit!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Arial,sans-serif!important}
.s2l-report-rank-icon{display:inline-block!important;font-size:16px!important;line-height:1!important;vertical-align:-2px!important;margin-right:5px!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Arial,sans-serif!important}
@media print{.s2l-report-rank-icon{font-size:11pt!important;margin-right:1.2mm!important}}
@media(max-width:720px){.s2l-question-section .s2l-question-head-actions{width:100%;align-items:stretch}.s2l-question-section .s2l-search-row{min-width:0;flex:1}.s2l-lesson-delete-card .s2l-section-head h2{font-size:32px!important}}


/* v2.8.20: compacter lesdelenblok + duidelijkere rapportagenamen + printvaste rankingiconen */
.s2l-share-import-box-top{margin:4px 0 16px!important;padding:12px 14px!important;border-radius:16px!important;background:rgba(15,23,42,.035)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:none!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
.s2l-share-import-box-top strong{font-size:15px!important;margin:0 0 2px!important;}
.s2l-share-import-box-top p{font-size:13px!important;line-height:1.25!important;font-weight:650!important;margin:0!important;max-width:620px!important;color:#64748b!important;}
.s2l-share-import-box-top .s2l-share-import-row input{min-height:42px!important;height:42px!important;border-radius:14px!important;}
.s2l-share-import-box-top .s2l-share-import-row .s2l-btn{min-height:42px!important;padding:0 18px!important;border-radius:10px!important;}
.s2l-report-table .s2l-report-team-name{font-size:16px!important;font-weight:950!important;line-height:1.15!important;color:#111827!important;display:inline-flex!important;align-items:center!important;gap:6px!important;}
.s2l-report-table .s2l-report-student-names{font-size:13px!important;line-height:1.25!important;font-weight:800!important;color:#475569!important;margin-top:4px!important;display:block!important;}
.s2l-report-rank-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:17px!important;height:17px!important;min-width:17px!important;vertical-align:-3px!important;}
.s2l-report-rank-icon svg{width:17px!important;height:17px!important;display:block!important;fill:none!important;stroke:#d97706!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.s2l-report-rank-cup svg{stroke:#64748b!important;}
.s2l-report-rank-medal svg{stroke:#b45309!important;}
@media(max-width:760px){.s2l-share-import-box-top{grid-template-columns:1fr!important}.s2l-share-import-box-top .s2l-share-import-row{flex-direction:row!important}.s2l-share-import-box-top .s2l-share-import-row input{max-width:130px!important}}


/* v2.8.21 - CSV import/export verwijderd en rapportageknoppen gewisseld */
.s2l-csv-tools,.s2l-import-export-panel{display:none!important}
.s2l-report-head-actions{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important}
.s2l-report-head-actions .s2l-report-status-static{order:1!important}
.s2l-report-head-actions #s2l-print-report{order:2!important;margin-top:12px!important}

/* v2.8.22 - uitlijning lesdelen, AI-knop, checkboxkleur, QR-locatie en printknop */
.s2l-share-import-box-top .s2l-share-import-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.s2l-share-import-box-top .s2l-share-import-row input{
  height:44px!important;
  min-height:44px!important;
  line-height:44px!important;
  padding:0 16px!important;
  margin:0!important;
  max-width:136px!important;
}
.s2l-share-import-box-top .s2l-share-import-row .s2l-btn{
  height:44px!important;
  min-height:44px!important;
  line-height:1!important;
  padding:0 20px!important;
  margin:0!important;
  align-self:center!important;
}
button[data-s2l-action="generate-ai-lesson"]{
  margin-top:8px!important;
}
.s2l-check-grid input[type="checkbox"],
.s2l-check-single input[type="checkbox"],
.s2l-ai-location-check input[type="checkbox"]{
  accent-color:#2563eb!important;
}
.s2l-location-qr{
  justify-content:flex-start!important;
  padding-top:8px!important;
  min-height:104px!important;
}
.s2l-location-qr img{
  margin-top:6px!important;
  margin-bottom:10px!important;
}
.s2l-location-qr span{
  margin-top:0!important;
  line-height:1.15!important;
}
.s2l-report-head-actions{
  align-items:center!important;
  min-width:170px!important;
}
.s2l-report-head-actions #s2l-print-report{
  width:168px!important;
  max-width:168px!important;
  min-height:38px!important;
  padding:9px 16px!important;
  align-self:center!important;
}
@media(max-width:760px){
  .s2l-share-import-box-top .s2l-share-import-row{align-items:stretch!important;}
  .s2l-share-import-box-top .s2l-share-import-row input{max-width:132px!important;}
  .s2l-report-head-actions #s2l-print-report{width:100%!important;max-width:none!important;}
}

/* v2.8.23 - correctie QR-locatiecode + smallere printknop */
.s2l-location-qr{
  min-height:112px!important;
  height:auto!important;
  padding-top:4px!important;
  padding-bottom:8px!important;
  overflow:visible!important;
  justify-content:flex-start!important;
}
.s2l-location-qr img{
  width:74px!important;
  height:74px!important;
  margin-top:0!important;
  margin-bottom:7px!important;
  flex:0 0 auto!important;
}
.s2l-location-qr span{
  display:block!important;
  margin-top:0!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.s2l-report-head-actions{
  min-width:150px!important;
}
.s2l-report-head-actions #s2l-print-report{
  width:138px!important;
  max-width:138px!important;
  min-width:138px!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
@media(max-width:760px){
  .s2l-report-head-actions #s2l-print-report{width:100%!important;max-width:none!important;min-width:0!important;}
}


/* v2.8.24 - checkboxkleur strak gelijk, locatie-QR subtiel lager, PDF-knop smaller */
.s2l-card input[type="checkbox"],
.s2l-section input[type="checkbox"],
.s2l-check-grid input[type="checkbox"],
.s2l-check-single input[type="checkbox"],
.s2l-ai-location-check input[type="checkbox"]{
  accent-color:#2563eb!important;
}
.s2l-card input[type="checkbox"]:checked,
.s2l-section input[type="checkbox"]:checked,
.s2l-check-grid input[type="checkbox"]:checked,
.s2l-check-single input[type="checkbox"]:checked,
.s2l-ai-location-check input[type="checkbox"]:checked{
  accent-color:#2563eb!important;
}
.s2l-location-qr{
  min-height:112px!important;
  padding-top:8px!important;
  padding-bottom:6px!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.s2l-location-qr img{
  width:74px!important;
  height:74px!important;
  margin-top:4px!important;
  margin-bottom:5px!important;
  flex:0 0 auto!important;
}
.s2l-location-qr span{
  margin-top:0!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.s2l-report-head-actions{
  min-width:124px!important;
  align-items:center!important;
}
.s2l-report-head-actions #s2l-print-report{
  width:116px!important;
  max-width:116px!important;
  min-width:116px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  font-size:13px!important;
}
@media(max-width:760px){
  .s2l-report-head-actions #s2l-print-report{width:100%!important;max-width:none!important;min-width:0!important;}
}


/* v2.8.25 - dropdownlabels, checkboxkleur en rapportagestatuspositie */
#b-existing option[data-share]::after{content:''!important;}
#b-show-wrong-feedback,
.s2l-check-grid #b-show-wrong-feedback,
.s2l-check-grid input#b-show-wrong-feedback[type="checkbox"]{
  accent-color:#2563eb!important;
  filter:none!important;
}
.s2l-report-head{
  padding-right:0!important;
}
.s2l-report-head-actions{
  min-width:210px!important;
  align-items:flex-end!important;
  transform:translateX(34px)!important;
}
.s2l-report-head-actions .s2l-report-status-static{
  align-self:flex-end!important;
  margin-left:auto!important;
}
.s2l-report-head-actions #s2l-print-report{
  align-self:center!important;
  transform:translateX(-34px)!important;
}
@media(max-width:860px){
  .s2l-report-head-actions{transform:none!important;align-items:stretch!important;min-width:0!important;}
  .s2l-report-head-actions #s2l-print-report{transform:none!important;align-self:stretch!important;}
}

/* v2.8.26 - lesinformatie, playlist-filter, deelcodeveld en rapportagepositie */
.s2l-lesson-load-grid{
  grid-template-columns:1.15fr 1.1fr .72fr .62fr!important;
  align-items:end!important;
}
.s2l-share-code-row input[readonly]{
  background:#f8fafc!important;
  color:#0f172a!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-align:center!important;
}
.s2l-lesson-info-list{display:grid;gap:12px;margin-top:12px}
.s2l-lesson-info-row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 18px;border:1px solid rgba(15,23,42,.12);border-radius:18px;
  background:#fff;color:#101828;box-shadow:0 10px 24px rgba(15,23,42,.05)
}
.s2l-lesson-info-main strong{display:block;font-size:19px;line-height:1.18;color:#101828;margin-bottom:5px}
.s2l-lesson-info-main span{display:block;font-size:13px;font-weight:750;color:#667085;line-height:1.35}
.s2l-lesson-info-main b{color:#0f3d6c;letter-spacing:.12em}
.s2l-lesson-info-row .s2l-btn{flex:0 0 auto}
.s2l-playlist-created-box{margin-top:24px!important}
.s2l-source-lessons label[style*="display: none"]{display:none!important}
.s2l-check-grid label input#b-show-wrong-feedback,
.s2l-check-grid input#b-show-wrong-feedback[type="checkbox"],
#b-show-wrong-feedback{
  accent-color:#2563eb!important;
  background-color:#2563eb!important;
  border-color:#2563eb!important;
  color:#fff!important;
}
.s2l-check-grid label:has(input#b-show-wrong-feedback){color:#101828!important;}
.s2l-report-head-actions{
  transform:translateX(14px)!important;
  min-width:178px!important;
  align-items:flex-end!important;
}
.s2l-report-head-actions .s2l-report-status-static{
  align-self:flex-end!important;
  margin-left:auto!important;
}
.s2l-report-head-actions #s2l-print-report{
  transform:translateX(-14px)!important;
}
@media(max-width:980px){.s2l-lesson-load-grid{grid-template-columns:1fr 1fr!important}.s2l-lesson-info-row{align-items:stretch;flex-direction:column}.s2l-lesson-info-row .s2l-btn{width:100%}}
@media(max-width:860px){.s2l-report-head-actions{transform:none!important;min-width:0!important}.s2l-report-head-actions #s2l-print-report{transform:none!important;}}


/* v2.8.27 - delete zonder tabwissel, status compacter, deelcodeplaceholder leeg */
.s2l-share-code-row input[readonly]::placeholder{color:transparent!important;}
.s2l-report-head-actions .s2l-report-status-static,
.s2l-report-head-actions .s2l-status-badge{
  min-width:126px!important;
  height:40px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  font-size:13px!important;
  letter-spacing:.06em!important;
}
.s2l-report-head-actions{
  transform:translateX(8px)!important;
  min-width:166px!important;
}
.s2l-report-head-actions #s2l-print-report{
  transform:translateX(-8px)!important;
}
@media(max-width:860px){
  .s2l-report-head-actions{transform:none!important;min-width:0!important;}
  .s2l-report-head-actions #s2l-print-report{transform:none!important;}
}


/* v2.8.28 - rapportagestatus kleiner dan PDF-knop */
.s2l-report-head-actions .s2l-report-status-static,
.s2l-report-head-actions .s2l-status-badge{
  min-width:104px!important;
  width:104px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  font-size:11px!important;
  line-height:32px!important;
  letter-spacing:.055em!important;
}
.s2l-report-head-actions #s2l-print-report{
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
}
@media(max-width:860px){
  .s2l-report-head-actions .s2l-report-status-static,
  .s2l-report-head-actions .s2l-status-badge{width:auto!important;min-width:96px!important;}
}


/* v2.8.29 - status links naast sluitkruis in lesrapportage */
.s2l-report-modal{
  position:relative!important;
}
.s2l-report-head-actions{
  transform:none!important;
  min-width:132px!important;
  align-items:flex-end!important;
  padding-top:42px!important;
}
.s2l-report-head-actions .s2l-report-status-static,
.s2l-report-head-actions .s2l-status-badge{
  position:absolute!important;
  top:16px!important;
  right:62px!important;
  width:104px!important;
  min-width:104px!important;
  height:32px!important;
  min-height:32px!important;
  line-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.s2l-report-head-actions #s2l-print-report{
  transform:none!important;
  align-self:flex-end!important;
}
@media(max-width:860px){
  .s2l-report-head-actions{padding-top:42px!important;align-items:stretch!important;min-width:0!important;}
  .s2l-report-head-actions .s2l-report-status-static,
  .s2l-report-head-actions .s2l-status-badge{right:58px!important;top:14px!important;width:96px!important;min-width:96px!important;}
  .s2l-report-head-actions #s2l-print-report{align-self:stretch!important;}
}


/* v2.8.30 - rapportagestatus écht naast het rode sluitkruis */
.s2l-teacher-app #s2l-modal .s2l-modal-card:has(.s2l-report-modal){
  position:relative!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-modal{
  position:static!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions{
  transform:none!important;
  min-width:132px!important;
  align-items:flex-end!important;
  padding-top:42px!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-report-status-static,
.s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-status-badge{
  position:absolute!important;
  top:16px!important;
  right:64px!important;
  z-index:5!important;
  width:104px!important;
  min-width:104px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  font-size:11px!important;
  line-height:32px!important;
  letter-spacing:.055em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{
  transform:none!important;
  align-self:flex-end!important;
}
@media(max-width:860px){
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions{padding-top:42px!important;align-items:stretch!important;min-width:0!important;}
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-report-status-static,
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-status-badge{right:58px!important;top:16px!important;width:96px!important;min-width:96px!important;}
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{align-self:stretch!important;}
}


/* v2.8.31 - rapportagestatus linksboven naast Lesrapportage */
.s2l-teacher-app #s2l-modal .s2l-modal-card:has(.s2l-report-modal){
  position:relative!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-report-status-static,
.s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-status-badge{
  position:absolute!important;
  top:56px!important;
  left:188px!important;
  right:auto!important;
  z-index:6!important;
  width:104px!important;
  min-width:104px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  font-size:11px!important;
  line-height:32px!important;
  letter-spacing:.055em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions{
  padding-top:0!important;
  min-width:132px!important;
  align-items:flex-end!important;
}
@media(max-width:860px){
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions{padding-top:0!important;}
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-report-status-static,
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-status-badge{
    top:50px!important;
    left:154px!important;
    right:auto!important;
    width:96px!important;
    min-width:96px!important;
  }
}
@media(max-width:520px){
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-report-status-static,
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-status-badge{
    top:48px!important;
    left:52px!important;
    transform:translateY(22px)!important;
  }
  .s2l-teacher-app #s2l-modal .s2l-report-head{padding-top:28px!important;}
}


/* v2.8.32 - status netjes naast Lesrapportage, zonder titel te raken */
.s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-report-status-static,
.s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-status-badge{
  position:absolute!important;
  top:50px!important;
  left:198px!important;
  right:auto!important;
  width:auto!important;
  min-width:92px!important;
  height:26px!important;
  min-height:26px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-size:10px!important;
  line-height:26px!important;
  letter-spacing:.06em!important;
  z-index:8!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{
  margin-top:0!important;
}
@media(max-width:860px){
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-report-status-static,
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-status-badge{
    top:46px!important;
    left:184px!important;
    min-width:88px!important;
    height:24px!important;
    min-height:24px!important;
    line-height:24px!important;
    font-size:9px!important;
  }
}
@media(max-width:520px){
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-report-status-static,
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions .s2l-status-badge{
    position:static!important;
    transform:none!important;
    margin:6px 0 0 0!important;
    width:max-content!important;
  }
  .s2l-teacher-app #s2l-modal .s2l-report-head{padding-top:0!important;}
}


/* v2.8.33 - status boven Lesrapportage, PDF/Print blijft rechts vast staan */
.s2l-teacher-app #s2l-modal .s2l-report-head{
  align-items:flex-start!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-title-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  min-width:0!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-title-status{
  position:static!important;
  transform:none!important;
  display:inline-flex!important;
  width:max-content!important;
  min-width:86px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 11px!important;
  margin:0 0 7px 0!important;
  border-radius:12px!important;
  font-size:9px!important;
  line-height:24px!important;
  letter-spacing:.065em!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:auto!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-title-block .s2l-kicker{
  display:block!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions{
  padding-top:0!important;
  margin-top:0!important;
  min-width:132px!important;
  align-items:flex-end!important;
  flex-shrink:0!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{
  margin-top:0!important;
  align-self:flex-end!important;
}
@media(max-width:520px){
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions{
    align-items:flex-start!important;
    min-width:0!important;
  }
}


/* v2.8.34 - status iets hoger; PDF/Printen lager en iets naar links */
.s2l-teacher-app #s2l-modal .s2l-report-title-status{
  transform:translateY(-8px)!important;
  margin:0 0 -1px 0!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{
  transform:translate(-38px, 38px)!important;
  margin-top:0!important;
  align-self:flex-end!important;
}
@media(max-width:860px){
  .s2l-teacher-app #s2l-modal .s2l-report-title-status{
    transform:translateY(-6px)!important;
    margin-bottom:0!important;
  }
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{
    transform:translate(-22px, 32px)!important;
  }
}
@media(max-width:520px){
  .s2l-teacher-app #s2l-modal .s2l-report-title-status{transform:none!important;margin:0 0 7px 0!important;}
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{transform:none!important;width:100%!important;}
}


/* v2.8.35 - status Afgesloten nog iets verder omhoog */
.s2l-teacher-app #s2l-modal .s2l-report-title-status{
  transform:translateY(-16px)!important;
  margin:0 0 -9px 0!important;
}
@media(max-width:860px){
  .s2l-teacher-app #s2l-modal .s2l-report-title-status{
    transform:translateY(-13px)!important;
    margin-bottom:-6px!important;
  }
}
@media(max-width:520px){
  .s2l-teacher-app #s2l-modal .s2l-report-title-status{
    transform:none!important;
    margin:0 0 7px 0!important;
  }
}


/* v2.8.36 - status Afgesloten zichtbaar hoger plaatsen zonder PDF/Printen te verplaatsen */
.s2l-teacher-app #s2l-modal .s2l-report-title-block > .s2l-report-title-status{
  position:relative!important;
  top:-18px!important;
  transform:none!important;
  margin:0 0 -11px 0!important;
}
.s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{
  transform:translate(-38px, 38px)!important;
}
@media(max-width:860px){
  .s2l-teacher-app #s2l-modal .s2l-report-title-block > .s2l-report-title-status{
    position:relative!important;
    top:-18px!important;
    transform:none!important;
    margin:0 0 -11px 0!important;
  }
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{
    transform:translate(-22px, 32px)!important;
  }
}
@media(max-width:520px){
  .s2l-teacher-app #s2l-modal .s2l-report-title-block > .s2l-report-title-status{
    position:relative!important;
    top:-10px!important;
    transform:none!important;
    margin:0 0 -3px 0!important;
  }
  .s2l-teacher-app #s2l-modal .s2l-report-head-actions #s2l-print-report{transform:none!important;width:100%!important;}
}

/* v2.8.37 - terrein/zones, AI-upload en mobiel docentdashboard */
.s2l-zone-start-box{margin-top:18px;padding:18px;border-radius:22px;border:1px solid rgba(15,23,42,.10);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,246,255,.86));box-shadow:0 14px 34px rgba(15,23,42,.08);display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:18px;align-items:start}.s2l-zone-start-box strong{display:block;font-size:17px;color:#0f172a;margin:4px 0}.s2l-zone-start-box small{display:block;color:#64748b;font-weight:700;line-height:1.4}.s2l-zone-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.s2l-zone-checks label{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.10);font-weight:900;color:#172033;box-shadow:0 8px 18px rgba(15,23,42,.06)}.s2l-zone-checks input{width:18px;height:18px;accent-color:#0f3d6c}.s2l-add-location-row select,.s2l-add-location-row .s2l-zone-combo,.s2l-location-zone-select{height:46px;border-radius:15px;border:1px solid rgba(15,23,42,.13);background:#fff;color:#172033;font-weight:900;padding:0 12px;min-width:170px}.s2l-location-zone-select{justify-self:start;max-width:210px}.s2l-ai-upload-row input[type=file]{padding:13px;border:1px dashed rgba(15,61,108,.38);border-radius:18px;background:#f8fbff;font-weight:800}.s2l-ai-upload-row small{color:#64748b;font-weight:750}.s2l-location-row{align-items:center!important}.s2l-question-picker label[data-zone]:after{content:attr(data-zone);display:inline-flex;margin-left:auto;padding:5px 9px;border-radius:999px;background:rgba(15,61,108,.08);color:#0f3d6c;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}

@media(max-width:782px){
  html body .s2l-teacher-app{overflow-x:hidden!important}.s2l-shell{width:100%!important;max-width:100%!important;padding:14px!important}.s2l-topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:14px!important}.s2l-topbar h1{font-size:30px!important;line-height:1.05!important;word-break:normal!important}.s2l-top-actions{width:100%!important;display:flex!important}.s2l-top-actions .s2l-btn{width:100%!important;justify-content:center!important}.s2l-welcome{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:18px!important}.s2l-welcome h2{font-size:24px!important;line-height:1.12!important}.s2l-welcome p{font-size:14px!important;line-height:1.45!important}.s2l-pill{align-self:flex-start!important}.s2l-nav-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.s2l-nav{min-height:74px!important;padding:12px!important;border-radius:20px!important;display:flex!important;align-items:center!important;gap:10px!important}.s2l-nav span:last-child{font-size:13px!important;line-height:1.15!important;white-space:normal!important;text-align:left!important}.s2l-nav-icon{width:36px!important;height:36px!important;min-width:36px!important;font-size:13px!important}.s2l-card,.s2l-builder-card-modern,.s2l-builder-tile{border-radius:24px!important;padding:16px!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}.s2l-section-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.s2l-section-head h2,.s2l-section-head h3{font-size:23px!important;line-height:1.1!important;word-break:normal!important}.s2l-section-head p{font-size:14px!important;line-height:1.45!important}.s2l-collapsible-head{position:relative!important;padding-right:58px!important}.s2l-collapsible-head .s2l-chevron-toggle{position:absolute!important;right:0!important;top:0!important}.s2l-grid,.s2l-grid.two,.s2l-grid.three,.s2l-grid.four,.s2l-even-fields,.s2l-lesson-load-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.s2l-form-row label{font-size:13px!important;line-height:1.2!important}.s2l-form-row input,.s2l-form-row select,.s2l-form-row textarea{width:100%!important;min-width:0!important;font-size:16px!important}.s2l-share-import-box,.s2l-share-import-row,.s2l-add-location-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.s2l-share-import-row .s2l-btn,.s2l-add-location-row .s2l-btn{width:100%!important}.s2l-zone-start-box{grid-template-columns:1fr!important;padding:15px!important;border-radius:20px!important}.s2l-zone-checks{grid-template-columns:1fr!important}.s2l-zone-checks label{padding:11px 12px!important;font-size:14px!important}.s2l-builder-layout,.s2l-builder-layout-stacked,.s2l-ops-two-col{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.s2l-question-head-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important}.s2l-question-picker label{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:12px!important}.s2l-question-picker label span{min-width:0!important}.s2l-question-picker label strong,.s2l-question-picker label em{white-space:normal!important;overflow-wrap:anywhere!important}.s2l-question-picker label[data-zone]:after{grid-column:2!important;margin-left:0!important;width:max-content!important}.s2l-builder-actions-modern,.s2l-bottom-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.s2l-builder-actions-modern .s2l-action-tile{min-height:78px!important;width:100%!important}.s2l-location-row{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:13px!important}.s2l-location-info strong,.s2l-location-info em{white-space:normal!important;overflow-wrap:anywhere!important}.s2l-location-zone-select{grid-column:1/-1!important;width:100%!important;max-width:none!important}.s2l-location-visits{grid-column:1/-1!important;justify-self:start!important}.s2l-location-download,.s2l-location-delete{justify-self:start!important}.s2l-lesson-info-row,.s2l-item,.s2l-question-item{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.s2l-item-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.s2l-item-actions .s2l-btn,.s2l-lesson-info-row .s2l-btn{width:100%!important}.s2l-reportage-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.s2l-reportage-tile{padding:16px!important;border-radius:22px!important;min-width:0!important}.s2l-reportage-tile h3{font-size:20px!important;min-height:0!important;line-height:1.18!important;word-break:normal!important;overflow-wrap:anywhere!important}.s2l-reportage-meta{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.s2l-reportage-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.s2l-reportage-btn,.s2l-reportage-delete{width:100%!important}.s2l-modal{padding:10px!important;align-items:flex-start!important}.s2l-modal-card{width:100%!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;overflow:auto!important;border-radius:24px!important;padding:18px!important;margin-top:10px!important}.s2l-modal-body h2{font-size:24px!important;line-height:1.15!important}.s2l-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.s2l-actions .s2l-btn,.s2l-actions a.s2l-btn{width:100%!important}.s2l-session-qr-content{display:grid!important;grid-template-columns:1fr!important;text-align:center!important}.s2l-session-qr-image img,.s2l-join-qr img{max-width:210px!important;width:100%!important;height:auto!important}.s2l-custom-footer{font-size:12px!important;line-height:1.35!important;padding:14px 10px!important;text-align:center!important}.s2l-ai-upload-row input[type=file]{font-size:14px!important}.s2l-admin-create .s2l-grid,.s2l-teacher-manage{grid-template-columns:1fr!important}.s2l-teacher-manage{gap:10px!important}.s2l-teacher-manage .s2l-btn{width:100%!important}
}

/* v2.8.38 - fixes praktijkronde: locatiebeheer, PDA-stop, rankingstart, mobiel dashboard en checkbox-uitlijning */
.s2l-location-manager,
.s2l-location-manager .s2l-collapsible-body,
.s2l-location-list{
  overflow:hidden!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.s2l-location-manager .s2l-location-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:106px minmax(0,1fr) 42px 42px!important;
  grid-template-areas:
    "qr info info info"
    "qr zone down del"
    "qr visits visits visits"!important;
  gap:10px 12px!important;
  align-items:center!important;
  padding:14px!important;
  min-height:128px!important;
}
.s2l-location-manager .s2l-location-qr{grid-area:qr!important;justify-self:start!important;width:94px!important;min-width:94px!important;max-width:94px!important;}
.s2l-location-manager .s2l-location-info{grid-area:info!important;min-width:0!important;align-self:end!important;}
.s2l-location-manager .s2l-location-info strong{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important;}
.s2l-location-manager .s2l-location-info em{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;}
.s2l-location-manager .s2l-location-zone-select{grid-area:zone!important;width:min(230px,100%)!important;max-width:100%!important;min-width:0!important;justify-self:start!important;}
.s2l-location-manager .s2l-location-visits{grid-area:visits!important;justify-self:start!important;white-space:normal!important;max-width:100%!important;line-height:1.2!important;}
.s2l-location-manager .s2l-location-download{grid-area:down!important;justify-self:end!important;align-self:center!important;}
.s2l-location-manager .s2l-location-delete{grid-area:del!important;justify-self:end!important;align-self:center!important;margin:0!important;position:static!important;}
.s2l-location-manager .s2l-location-download,
.s2l-location-manager .s2l-location-delete{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:14px!important;
  line-height:1!important;
}
.s2l-location-manager .s2l-location-delete{font-size:24px!important;text-align:center!important;}

.s2l-pda.s2l-session-stopped .s2l-pda-icons,
.s2l-pda-advanced.s2l-session-stopped .s2l-pda-icons{opacity:.46!important;filter:grayscale(.8)!important;}
.s2l-pda.s2l-session-stopped .s2l-pda-icons .s2l-icon,
.s2l-pda-advanced.s2l-session-stopped .s2l-pda-icons .s2l-icon{
  pointer-events:none!important;
  cursor:not-allowed!important;
  opacity:.52!important;
  transform:none!important;
  box-shadow:none!important;
}
.s2l-pda.s2l-session-stopped .s2l-question-card,
.s2l-pda-advanced.s2l-session-stopped .s2l-question-card{opacity:.55!important;pointer-events:none!important;filter:grayscale(.7)!important;}

.s2l-source-lessons{overflow-x:hidden!important;}
.s2l-source-lessons label{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:start!important;
  gap:14px!important;
  text-align:left!important;
  line-height:1.18!important;
  min-height:82px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.s2l-source-lessons label input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
}
.s2l-check-grid-compact label,
.s2l-check-single,
.s2l-zone-checks label{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  line-height:1.2!important;
  text-align:left!important;
}
.s2l-check-grid-compact input[type="checkbox"],
.s2l-check-single input[type="checkbox"],
.s2l-zone-checks input[type="checkbox"]{
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
}

@media(max-width:900px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  .s2l-app.s2l-teacher-app{width:100%!important;max-width:100%!important;overflow-x:hidden!important;padding:10px!important;box-sizing:border-box!important;}
  .s2l-teacher-app .s2l-shell{width:100%!important;max-width:100%!important;padding:0!important;margin:0 auto!important;box-sizing:border-box!important;overflow-x:hidden!important;}
  .s2l-teacher-app .s2l-topbar,
  .s2l-teacher-app .s2l-welcome,
  .s2l-teacher-app .s2l-card,
  .s2l-teacher-app .s2l-builder-card-modern,
  .s2l-teacher-app .s2l-builder-tile,
  .s2l-teacher-app .s2l-builder-question-tile{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
  }
  .s2l-teacher-app .s2l-topbar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:18px!important;border-radius:24px!important;}
  .s2l-teacher-app .s2l-topbar h1{font-size:clamp(27px,8vw,38px)!important;line-height:1.05!important;overflow-wrap:anywhere!important;}
  .s2l-teacher-app .s2l-top-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;}
  .s2l-teacher-app .s2l-top-actions .s2l-btn{width:100%!important;}
  .s2l-teacher-app .s2l-nav-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;}
  .s2l-teacher-app .s2l-nav{min-width:0!important;box-sizing:border-box!important;align-items:center!important;overflow:hidden!important;}
  .s2l-teacher-app .s2l-nav span:last-child{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important;}
  .s2l-teacher-app .s2l-section-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;}
  .s2l-teacher-app .s2l-collapsible-head{padding-right:0!important;}
  .s2l-teacher-app .s2l-collapsible-head .s2l-chevron-toggle{position:static!important;justify-self:end!important;}
  .s2l-teacher-app .s2l-section-head h2,
  .s2l-teacher-app .s2l-section-head h3{font-size:clamp(23px,6vw,32px)!important;line-height:1.08!important;overflow-wrap:anywhere!important;}
  .s2l-teacher-app .s2l-section-head p{font-size:14px!important;line-height:1.4!important;}
  .s2l-teacher-app .s2l-grid,
  .s2l-teacher-app .s2l-grid.two,
  .s2l-teacher-app .s2l-grid.three,
  .s2l-teacher-app .s2l-grid.four,
  .s2l-teacher-app .s2l-lesson-load-grid,
  .s2l-teacher-app .s2l-even-fields,
  .s2l-teacher-app .s2l-builder-layout,
  .s2l-teacher-app .s2l-builder-layout-stacked,
  .s2l-teacher-app .s2l-ops-two-col,
  .s2l-teacher-app .s2l-builder-actions-modern,
  .s2l-teacher-app .s2l-bottom-actions,
  .s2l-teacher-app .s2l-reportage-grid{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;}
  .s2l-teacher-app input,
  .s2l-teacher-app select,
  .s2l-teacher-app textarea,
  .s2l-teacher-app button{max-width:100%!important;box-sizing:border-box!important;}
  .s2l-teacher-app .s2l-question-picker{grid-template-columns:1fr!important;max-height:360px!important;overflow:auto!important;}
  .s2l-teacher-app .s2l-source-lessons{grid-template-columns:1fr!important;max-height:360px!important;}
  .s2l-teacher-app .s2l-reportage-meta{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  .s2l-teacher-app .s2l-nav-cards{grid-template-columns:1fr!important;}
  .s2l-teacher-app .s2l-card,
  .s2l-teacher-app .s2l-builder-card-modern,
  .s2l-teacher-app .s2l-builder-tile{padding:14px!important;border-radius:22px!important;}
  .s2l-location-manager .s2l-location-row{
    grid-template-columns:88px minmax(0,1fr) 40px 40px!important;
    grid-template-areas:
      "qr info info info"
      "qr zone zone zone"
      "qr visits down del"!important;
    gap:9px!important;
    padding:12px!important;
  }
  .s2l-location-manager .s2l-location-qr{width:80px!important;min-width:80px!important;max-width:80px!important;}
  .s2l-location-manager .s2l-location-qr img{width:62px!important;height:62px!important;}
  .s2l-location-manager .s2l-location-zone-select{width:100%!important;}
}


/* v2.8.39 - eigen zones/locaties als combobox met vrije invoer */
.s2l-zone-combo{
  appearance:auto!important;
  -webkit-appearance:auto!important;
  width:100%;
  box-sizing:border-box!important;
}
.s2l-add-location-row .s2l-zone-combo{
  min-width:220px!important;
}
.s2l-location-manager .s2l-location-zone-select{
  height:46px!important;
  border-radius:15px!important;
  border:1px solid rgba(15,23,42,.13)!important;
  background:#fff!important;
  color:#172033!important;
  font-weight:900!important;
  padding:0 12px!important;
}
.s2l-add-location-box small{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:782px){
  .s2l-add-location-row .s2l-zone-combo{min-width:0!important;width:100%!important;}
}


/* v2.8.46 - PDA vraag als popup na QR-scan */
.s2l-student-app .s2l-question-modal{padding:2px 2px 4px!important;}
.s2l-student-app .s2l-question-modal .s2l-kicker{color:#fbbf24!important;margin-bottom:8px!important;}
.s2l-student-app .s2l-question-modal h2{font-size:28px!important;line-height:1.08!important;margin:0 60px 12px 0!important;color:#fff!important;}
.s2l-student-app .s2l-question-location{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;border-radius:18px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;margin:0 0 14px!important;}
.s2l-student-app .s2l-question-location span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.10em!important;color:#bfdbfe!important;font-weight:950!important;}
.s2l-student-app .s2l-question-location strong{font-size:16px!important;color:#fff!important;text-align:right!important;overflow-wrap:anywhere!important;}
.s2l-student-app .s2l-question-media{margin:12px 0 14px!important;border-radius:22px!important;overflow:hidden!important;background:rgba(2,6,23,.72)!important;border:1px solid rgba(255,255,255,.16)!important;}
.s2l-student-app .s2l-question-media .s2l-media{display:block!important;width:100%!important;max-width:100%!important;max-height:42vh!important;object-fit:contain!important;margin:0!important;border-radius:0!important;background:#020617!important;}
.s2l-student-app .s2l-question-text{font-size:20px!important;line-height:1.35!important;font-weight:850!important;color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:20px!important;padding:16px!important;margin:12px 0!important;white-space:pre-wrap!important;}
.s2l-student-app .s2l-question-modal .s2l-timer{margin:10px 0!important;color:#fecaca!important;font-size:15px!important;font-weight:950!important;}
.s2l-student-app .s2l-question-modal .s2l-answer-list{display:grid!important;gap:10px!important;margin-top:12px!important;}
.s2l-student-app .s2l-question-modal .s2l-answer{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0!important;padding:14px!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.75)!important;font-size:16px!important;line-height:1.28!important;font-weight:850!important;}
.s2l-student-app .s2l-question-modal .s2l-answer input{flex:0 0 auto!important;width:21px!important;height:21px!important;margin:1px 0 0!important;accent-color:#15803d!important;}
.s2l-student-app .s2l-question-modal .s2l-answer span{display:block!important;min-width:0!important;overflow-wrap:anywhere!important;}
.s2l-student-app .s2l-question-modal textarea#answer-text{width:100%!important;min-height:150px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.96)!important;color:#0f172a!important;font-size:16px!important;font-weight:750!important;padding:14px!important;box-sizing:border-box!important;}
.s2l-student-app .s2l-question-modal .s2l-actions{margin-top:16px!important;}
.s2l-student-app .s2l-question-modal .s2l-actions .s2l-btn{width:100%!important;}
@media(max-width:560px){
  .s2l-student-app .s2l-modal{padding:10px!important;align-items:flex-start!important;}
  .s2l-student-app .s2l-modal-card:has(.s2l-question-modal){width:100%!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;padding:18px!important;margin-top:8px!important;border-radius:26px!important;}
  .s2l-student-app .s2l-question-modal h2{font-size:24px!important;margin-right:52px!important;}
  .s2l-student-app .s2l-question-text{font-size:18px!important;padding:14px!important;}
  .s2l-student-app .s2l-question-media .s2l-media{max-height:34vh!important;}
}

/* v2.8.47 - PDA popups centreren en open vragen als docentbeoordeling tonen */
.s2l-student-app #s2l-modal{
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
}
.s2l-student-app #s2l-modal .s2l-modal-card{
  margin-top:0!important;
  max-height:calc(100vh - 28px)!important;
  overflow:auto!important;
}
.s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card,
.s2l-student-app #s2l-modal.s2l-modal-route .s2l-modal-card,
.s2l-student-app #s2l-modal.s2l-modal-achievement .s2l-modal-card,
.s2l-student-app #s2l-modal.s2l-modal-open-review .s2l-modal-card,
.s2l-student-app #s2l-modal.s2l-modal-feedback .s2l-modal-card{
  transform:none!important;
  margin:auto!important;
}
.s2l-student-app .s2l-open-review-modal{
  text-align:left!important;
  padding:4px 2px!important;
}
.s2l-student-app .s2l-open-review-modal .s2l-kicker{
  color:#fbbf24!important;
}
.s2l-student-app .s2l-open-review-modal h2{
  font-size:30px!important;
  line-height:1.08!important;
  margin:0 52px 12px 0!important;
  color:#fff!important;
}
.s2l-student-app .s2l-open-review-modal p{
  font-size:18px!important;
  line-height:1.45!important;
  font-weight:800!important;
  color:#e2e8f0!important;
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:20px!important;
  padding:16px!important;
}
.s2l-report-table td small{
  color:#64748b!important;
  font-weight:800!important;
}
@media(max-width:560px){
  .s2l-student-app #s2l-modal{align-items:center!important;padding:10px!important;}
  .s2l-student-app #s2l-modal .s2l-modal-card{max-height:calc(100vh - 20px)!important;margin:auto!important;}
  .s2l-student-app .s2l-open-review-modal h2{font-size:25px!important;margin-right:48px!important;}
  .s2l-student-app .s2l-open-review-modal p{font-size:16px!important;padding:14px!important;}
}


/* v2.8.48 - PDA-popups scrollbaar houden op kleine mobiele schermen */
.s2l-student-app #s2l-modal.s2l-modal-question,
.s2l-student-app #s2l-modal.s2l-modal-route,
.s2l-student-app #s2l-modal.s2l-modal-achievement,
.s2l-student-app #s2l-modal.s2l-modal-open-review,
.s2l-student-app #s2l-modal.s2l-modal-feedback{
  height:100vh!important;
  max-height:100vh!important;
  overflow:hidden!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
@supports (height:100dvh){
  .s2l-student-app #s2l-modal.s2l-modal-question,
  .s2l-student-app #s2l-modal.s2l-modal-route,
  .s2l-student-app #s2l-modal.s2l-modal-achievement,
  .s2l-student-app #s2l-modal.s2l-modal-open-review,
  .s2l-student-app #s2l-modal.s2l-modal-feedback{
    height:100dvh!important;
    max-height:100dvh!important;
  }
}
.s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card,
.s2l-student-app #s2l-modal.s2l-modal-route .s2l-modal-card,
.s2l-student-app #s2l-modal.s2l-modal-achievement .s2l-modal-card,
.s2l-student-app #s2l-modal.s2l-modal-open-review .s2l-modal-card,
.s2l-student-app #s2l-modal.s2l-modal-feedback .s2l-modal-card{
  max-height:calc(100vh - 28px)!important;
  height:auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  box-sizing:border-box!important;
}
@supports (height:100dvh){
  .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card,
  .s2l-student-app #s2l-modal.s2l-modal-route .s2l-modal-card,
  .s2l-student-app #s2l-modal.s2l-modal-achievement .s2l-modal-card,
  .s2l-student-app #s2l-modal.s2l-modal-open-review .s2l-modal-card,
  .s2l-student-app #s2l-modal.s2l-modal-feedback .s2l-modal-card{
    max-height:calc(100dvh - 28px)!important;
  }
}
.s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-body,
.s2l-student-app #s2l-modal.s2l-modal-route .s2l-modal-body,
.s2l-student-app #s2l-modal.s2l-modal-achievement .s2l-modal-body,
.s2l-student-app #s2l-modal.s2l-modal-open-review .s2l-modal-body,
.s2l-student-app #s2l-modal.s2l-modal-feedback .s2l-modal-body{
  min-height:0!important;
  overflow:visible!important;
}
.s2l-student-app #s2l-modal.s2l-modal-question .s2l-question-modal{
  min-height:0!important;
  padding-bottom:8px!important;
}
.s2l-student-app #s2l-modal.s2l-modal-question .s2l-actions,
.s2l-student-app #s2l-modal.s2l-modal-open-review .s2l-actions,
.s2l-student-app #s2l-modal.s2l-modal-feedback .s2l-actions,
.s2l-student-app #s2l-modal.s2l-modal-route .s2l-actions{
  padding-bottom:max(6px,env(safe-area-inset-bottom))!important;
}
@media(max-width:560px){
  .s2l-student-app #s2l-modal.s2l-modal-question,
  .s2l-student-app #s2l-modal.s2l-modal-route,
  .s2l-student-app #s2l-modal.s2l-modal-achievement,
  .s2l-student-app #s2l-modal.s2l-modal-open-review,
  .s2l-student-app #s2l-modal.s2l-modal-feedback{
    padding:10px!important;
  }
  .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card,
  .s2l-student-app #s2l-modal.s2l-modal-route .s2l-modal-card,
  .s2l-student-app #s2l-modal.s2l-modal-achievement .s2l-modal-card,
  .s2l-student-app #s2l-modal.s2l-modal-open-review .s2l-modal-card,
  .s2l-student-app #s2l-modal.s2l-modal-feedback .s2l-modal-card{
    width:100%!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    overflow-y:auto!important;
  }
  @supports (height:100dvh){
    .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card,
    .s2l-student-app #s2l-modal.s2l-modal-route .s2l-modal-card,
    .s2l-student-app #s2l-modal.s2l-modal-achievement .s2l-modal-card,
    .s2l-student-app #s2l-modal.s2l-modal-open-review .s2l-modal-card,
    .s2l-student-app #s2l-modal.s2l-modal-feedback .s2l-modal-card{
      max-height:calc(100dvh - 20px)!important;
    }
  }
  .s2l-student-app .s2l-question-media .s2l-media{
    max-height:28vh!important;
  }
  @supports (height:100dvh){
    .s2l-student-app .s2l-question-media .s2l-media{max-height:28dvh!important;}
  }
}


/* v2.8.50 - PDA vraagpopup lager en beter scrollbaar op mobiele browsers */
.s2l-student-app #s2l-modal.s2l-modal-question{
  position:fixed!important;
  inset:0!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:74px 10px 14px!important;
  box-sizing:border-box!important;
}
.s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card{
  margin:0 auto!important;
  width:100%!important;
  max-width:min(720px,calc(100vw - 20px))!important;
  max-height:calc(100vh - 96px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}
@supports (height:100dvh){
  .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card{
    max-height:calc(100dvh - 96px)!important;
  }
}
.s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-close{
  position:sticky!important;
  top:0!important;
  float:right!important;
  z-index:5!important;
}
@media(max-width:560px){
  .s2l-student-app #s2l-modal.s2l-modal-question{
    padding-top:72px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:12px!important;
  }
  .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card{
    max-height:calc(100vh - 84px)!important;
    border-radius:24px!important;
    padding:16px!important;
  }
  @supports (height:100dvh){
    .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card{
      max-height:calc(100dvh - 84px)!important;
    }
  }
  .s2l-student-app #s2l-modal.s2l-modal-question .s2l-question-modal h2{
    font-size:23px!important;
    line-height:1.12!important;
  }
  .s2l-student-app #s2l-modal.s2l-modal-question .s2l-question-media .s2l-media{
    max-height:24vh!important;
  }
}


/* v2.8.51 - PDA vraagpopup volledig onder mobiele site-header houden */
.s2l-student-app #s2l-modal.s2l-modal-question{
  z-index:999999!important;
}
@media(max-width:782px){
  .s2l-student-app #s2l-modal.s2l-modal-question{
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:calc(156px + env(safe-area-inset-top,0px))!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:12px!important;
    overflow:hidden!important;
  }
  .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card{
    margin:0 auto!important;
    max-height:calc(100vh - 176px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  @supports (height:100dvh){
    .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card{
      max-height:calc(100dvh - 176px)!important;
    }
  }
}
@media(max-width:560px){
  .s2l-student-app #s2l-modal.s2l-modal-question{
    padding-top:calc(158px + env(safe-area-inset-top,0px))!important;
  }
  .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card{
    max-height:calc(100vh - 178px)!important;
    padding:16px!important;
  }
  @supports (height:100dvh){
    .s2l-student-app #s2l-modal.s2l-modal-question .s2l-modal-card{
      max-height:calc(100dvh - 178px)!important;
    }
  }
}


/* v2.8.52 - vraag terug inline onderin PDA met anker-scroll na QR-scan */
.s2l-pda-advanced #s2l-question-anchor{
  display:block!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  scroll-margin-top:170px!important;
}
.s2l-pda-advanced .s2l-question-inline{
  position:relative!important;
  z-index:2!important;
  margin:18px 0 8px!important;
  padding:26px 26px 28px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(23,37,61,.94),rgba(15,23,42,.90))!important;
  color:#fff!important;
  border:1px solid rgba(248,113,113,.72)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.s2l-pda-advanced .s2l-question-inline .s2l-kicker{color:#fbbf24!important;margin-bottom:8px!important;}
.s2l-pda-advanced .s2l-question-inline h2{font-size:32px!important;line-height:1.08!important;margin:0 0 16px!important;color:#fff!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-question-location{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 16px!important;border-radius:20px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;margin:0 0 16px!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-question-location span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.10em!important;color:#bfdbfe!important;font-weight:950!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-question-location strong{font-size:18px!important;color:#fff!important;text-align:right!important;overflow-wrap:anywhere!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-question-media{margin:12px 0 16px!important;border-radius:22px!important;overflow:hidden!important;background:rgba(2,6,23,.72)!important;border:1px solid rgba(255,255,255,.16)!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-question-media .s2l-media{display:block!important;width:100%!important;max-width:100%!important;max-height:42vh!important;object-fit:contain!important;margin:0!important;border-radius:0!important;background:#020617!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-question-text{font-size:22px!important;line-height:1.34!important;font-weight:900!important;color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;padding:18px!important;margin:14px 0!important;white-space:pre-wrap!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-timer{margin:12px 0!important;color:#fecaca!important;font-size:16px!important;font-weight:950!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-answer-list{display:grid!important;gap:12px!important;margin-top:14px!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-answer{display:flex!important;align-items:flex-start!important;gap:14px!important;margin:0!important;padding:16px!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.75)!important;font-size:18px!important;line-height:1.28!important;font-weight:900!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-answer input{flex:0 0 auto!important;width:23px!important;height:23px!important;margin:2px 0 0!important;accent-color:#15803d!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-answer span{display:block!important;min-width:0!important;overflow-wrap:anywhere!important;}
.s2l-pda-advanced .s2l-question-inline textarea#answer-text{width:100%!important;min-height:150px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.96)!important;color:#0f172a!important;font-size:16px!important;font-weight:750!important;padding:14px!important;box-sizing:border-box!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-actions{margin-top:18px!important;}
.s2l-pda-advanced .s2l-question-inline .s2l-actions .s2l-btn{width:100%!important;min-height:58px!important;font-size:18px!important;}
@media(max-width:560px){
  .s2l-pda-advanced #s2l-question-anchor{scroll-margin-top:160px!important;}
  .s2l-pda-advanced .s2l-question-inline{padding:22px 18px 24px!important;margin-top:16px!important;border-radius:26px!important;}
  .s2l-pda-advanced .s2l-question-inline h2{font-size:28px!important;}
  .s2l-pda-advanced .s2l-question-inline .s2l-question-text{font-size:20px!important;padding:16px!important;}
  .s2l-pda-advanced .s2l-question-inline .s2l-answer{font-size:17px!important;padding:15px!important;}
  .s2l-pda-advanced .s2l-question-inline .s2l-question-media .s2l-media{max-height:30vh!important;}
}

/* v2.8.53 - PDA vraaganker: houdt de vraag netjes onder de vaste header */
#s2l-question-anchor{display:block!important;height:1px!important;scroll-margin-top:112px!important;}
.s2l-student-app #s2l-question-screen{scroll-margin-top:112px!important;}
.s2l-student-app .s2l-question-card{scroll-margin-top:112px!important;}

/* v2.8.67 - AI-generatie in veilige deelsets met voortgang */
.s2l-ai-progress{
  margin:18px 0 10px!important;
  padding:16px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  display:grid!important;
  gap:8px!important;
}
.s2l-ai-progress strong{font-size:20px!important;color:#fff!important;}
.s2l-ai-progress span{font-size:13px!important;color:rgba(255,255,255,.82)!important;font-weight:800!important;}
.s2l-ai-progress i{
  display:block!important;
  height:10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  overflow:hidden!important;
}
.s2l-ai-progress i b{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f59e0b,#22c55e)!important;
  transition:width .25s ease!important;
}