/* SYSTJEM 11.10.0 — Sprint 6: extra materiaal, instellingen, statistiek en Lesboek */

/* Extra requests en leerlingtoegang */
.extra-request-board{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:22px;align-items:start;margin:0 0 18px;padding:20px;border:1px solid var(--line,#ddd8ce);border-radius:18px;background:#fbfaf6}
.extra-request-board h3{margin:4px 0 7px}.extra-request-board p{margin:0;color:var(--muted,#6d7069)}
.extra-request-list{display:grid;gap:10px}.extra-request-list>article{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 15px;border:1px solid #ddd9cf;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(35,42,35,.05)}
.extra-request-list article p{margin:5px 0 7px;color:#2e342e;white-space:normal}.extra-request-list article small{color:#777b74}.extra-request-list form{flex:0 0 auto;margin:0}
.student-extras-access{margin:16px 0;padding:0;border:1px solid #d9ded5;border-radius:15px;background:#f7faf6;overflow:hidden}
.student-extras-access>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;padding:14px 16px;font-weight:850;list-style:none}.student-extras-access>summary::-webkit-details-marker{display:none}.student-extras-access>summary:after{content:"⌄";font-size:18px}.student-extras-access[open]>summary:after{transform:rotate(180deg)}
.student-extras-access>summary span{margin-left:auto;font-size:12px;color:#637064;font-weight:700}.student-extras-access[open]>summary{border-bottom:1px solid #d9ded5;background:#eef4ec}
.extra-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px 16px}
.extra-access-option{display:flex;align-items:flex-start;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #dce1d8;border-radius:11px;background:#fff;cursor:pointer}.extra-access-option:hover{border-color:#9aad9b;background:#fbfdfb}.extra-access-option input{flex:0 0 auto;width:21px;height:21px;margin:1px 0 0}.extra-access-option span{line-height:1.35;font-weight:700}.student-extras-access>label{display:block;padding:2px 16px 0}.student-extras-access>textarea{width:calc(100% - 32px);margin:7px 16px 16px;min-height:88px}

/* Actieve/inactieve tarieven */
.financial-student-filter{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:18px 0 10px;padding:13px 15px;border:1px solid var(--line,#ddd8ce);border-radius:14px;background:#f8f6f0}.financial-student-filter strong{font-size:17px}.financial-student-filter .btn{margin:0}

/* Nuttiger voortgangsoverzicht */
.progress-insight{padding:22px}.progress-summary{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin:16px 0 22px}.progress-summary>div{display:grid;gap:3px;padding:14px;border:1px solid #ddd9cf;border-radius:14px;background:#fff}.progress-summary strong{font-size:26px;line-height:1}.progress-summary span{font-size:12px;color:var(--muted,#6d7069);font-weight:700}
.progress-bands{align-items:end;min-height:245px;gap:9px}.progress-band{min-width:54px}.progress-band>summary{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:220px;cursor:pointer;list-style:none}.progress-band>summary::-webkit-details-marker{display:none}.progress-band summary i{width:min(38px,70%);min-height:10px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#66826a,#304c38);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.progress-band summary b{font-size:11px;margin-top:7px}.progress-band .dist-value{font-size:12px;font-weight:900;margin-bottom:4px}.progress-band>div{position:absolute;z-index:15;width:250px;max-width:80vw;margin-top:8px;padding:13px;background:#fff;border:1px solid #d9d5ca;border-radius:12px;box-shadow:0 16px 34px rgba(35,40,35,.18)}.progress-band>div ul{margin:8px 0 0;padding-left:18px}.progress-band>div li{margin:4px 0}

/* Instellingen duidelijker en praktischer */
.settings-jumpnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 22px}.settings-jumpnav a{display:flex;flex-direction:column;gap:3px;min-height:72px;padding:13px 14px;border:1px solid #ddd9cf;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.settings-jumpnav a:hover,.settings-jumpnav a.is-current{transform:translateY(-1px);border-color:#879a88;box-shadow:0 8px 20px rgba(36,55,40,.09)}.settings-jumpnav strong{font-size:14px}.settings-jumpnav small{color:var(--muted,#6d7069);line-height:1.3}
.practical-settings-card{grid-column:1/-1;margin:0 0 18px;padding:20px;border-color:#cbd6c8;background:linear-gradient(145deg,#f8fbf7,#f1f5ee)}.practical-settings-card h3{margin:5px 0 12px}.practical-settings-card>.two{margin-top:10px}.practical-settings-card .actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.practical-settings-card input[type="number"]{font-variant-numeric:tabular-nums}
.settings-main .setting-card{scroll-margin-top:94px}.settings-main .settings-section{scroll-margin-top:94px}.settings-main label{font-weight:750}.settings-main .small{line-height:1.45}

/* Preview-achtige Lesboekwerkruimte, zonder platformlogo of merkkopie */
.lessonbook-editor{overflow:hidden;border:1px solid #b9bbb7;border-radius:13px;background:#d4d5d3;box-shadow:0 20px 55px rgba(18,22,19,.2)}
.preview-titlebar{min-height:46px;padding:7px 12px;background:linear-gradient(#f2f2f1,#dedfdd);border-bottom:1px solid #b9bbb7;color:#262826}.preview-window-controls{display:flex;gap:7px;align-items:center;padding-right:5px}.preview-window-controls i{display:block;width:12px;height:12px;border-radius:50%;background:#b8bab7;border:1px solid rgba(0,0,0,.15)}.preview-window-controls i:nth-child(1){background:#ed6a5e}.preview-window-controls i:nth-child(2){background:#f4bf4f}.preview-window-controls i:nth-child(3){background:#61c454}
.preview-document-title{min-width:0;text-align:center}.preview-document-title strong,.preview-document-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-document-title small{font-size:11px;color:#656865}.preview-sidebar,.preview-icon-button{display:grid;place-items:center;min-width:36px;height:32px;padding:0;border:1px solid #bfc1be;border-radius:7px;background:rgba(255,255,255,.55);color:#333;box-shadow:none}
.lessonbook-toolbar{display:flex;align-items:center;gap:8px;min-height:50px;padding:7px 11px;background:#f4f4f3;border-bottom:1px solid #b9bbb7;overflow-x:auto;overscroll-behavior-x:contain}.preview-tool-group{display:flex;gap:4px;padding:3px;border:1px solid #d0d1cf;border-radius:9px;background:#e4e5e3}.preview-tool-group button,.lessonbook-toolbar>button{min-width:38px;min-height:34px;margin:0;padding:6px 9px;border:0;border-radius:7px;background:transparent;color:#252725;box-shadow:none}.preview-tool-group button:hover,.preview-tool-group button.active,.lessonbook-toolbar>button:hover{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.14)}.preview-done-button{background:#316c45!important;color:#fff!important;font-weight:850}.preview-control input{width:34px;height:34px;padding:2px;border:1px solid #c2c4c1;border-radius:8px;background:#fff}.preview-width{display:flex;align-items:center;gap:6px;min-width:135px}.preview-width input{margin:0}
.lessonbook-stage{position:relative;min-height:72vh;background:#565957;box-shadow:inset 0 2px 8px rgba(0,0,0,.2)}.lessonbook-stage iframe{background:#707370}.lessonbook-help{padding:9px 13px;background:#f4f4f3;color:#616461;border-top:1px solid #c8cac7;font-size:12px}
.lessonbook-history{margin-top:14px;border:1px solid #d6d7d3;border-radius:14px;background:#fafaf8;overflow:hidden}.lessonbook-history>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:14px 16px;font-weight:850;list-style:none}.lessonbook-history>summary::-webkit-details-marker{display:none}.lessonbook-history>summary span{display:inline-grid;place-items:center;min-width:26px;height:26px;margin-left:auto;padding:0 7px;border-radius:999px;background:#e6ebe4;color:#35513b;font-size:12px}.lessonbook-history-list{display:grid;gap:8px;padding:0 12px 12px}.lessonbook-history-list article{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px;border:1px solid #dedfdc;border-radius:11px;background:#fff}.lessonbook-history-list small{display:block;margin-top:3px;color:#737672}.lessonbook-history-list form{margin:0;flex:0 0 auto}

/* Communicatie: testfunctie en agenda-knop duidelijk */
.communication-test-card{border-color:#cbd7c9;background:#f7faf6}.communication-test-card form{display:flex;gap:9px;align-items:end}.communication-test-card input{min-width:260px;margin:0}.mail-safety-banner{border-radius:14px}

/* iPad */
@media (min-width:701px) and (max-width:1180px){
  .settings-jumpnav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .progress-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .extra-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lessonbook-stage{min-height:68vh}
}

/* iPhone */
@media (max-width:700px){
  .extra-request-board{grid-template-columns:1fr;padding:15px}.extra-request-list>article{align-items:flex-start;flex-direction:column}.extra-request-list form,.extra-request-list button{width:100%}
  .extra-access-grid{grid-template-columns:1fr;padding:12px}.student-extras-access>summary{padding:13px}.student-extras-access>summary span{font-size:11px}.student-extras-access>textarea{width:calc(100% - 24px);margin-left:12px;margin-right:12px}
  .financial-student-filter{align-items:stretch;flex-direction:column}.financial-student-filter .btn{width:100%;text-align:center}
  .progress-insight{padding:15px}.progress-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.progress-summary>div:last-child{grid-column:1/-1}.progress-summary strong{font-size:23px}.progress-bands{display:flex;overflow-x:auto;min-height:230px;padding:0 4px 14px}.progress-band{flex:0 0 64px}.progress-band>div{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:none}
  .settings-jumpnav{display:flex;overflow-x:auto;gap:8px;margin-inline:-2px;padding:2px 2px 10px;scroll-snap-type:x proximity}.settings-jumpnav a{flex:0 0 210px;scroll-snap-align:start}.practical-settings-card{padding:16px}.practical-settings-card .actions{display:grid}.practical-settings-card .actions .btn{width:100%;text-align:center}
  .lessonbook-editor{border-radius:9px;margin-inline:-8px}.preview-titlebar{padding-inline:7px}.preview-window-controls{display:none}.preview-document-title{font-size:13px}.lessonbook-toolbar{padding:6px;gap:6px}.lessonbook-toolbar .spacer{min-width:2px}.preview-width{min-width:112px}.lessonbook-stage{min-height:64vh}.lessonbook-help{font-size:11px}.lessonbook-history-list article{align-items:stretch;flex-direction:column}.lessonbook-history-list button{width:100%}
  .communication-test-card form{align-items:stretch;flex-direction:column}.communication-test-card input{min-width:0;width:100%}.communication-test-card button{width:100%}
}

@supports(padding:max(0px)){
  @media(max-width:700px){.lessonbook-toolbar{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}}
}