/*!
 * BENKO CHESS COPYRIGHT NOTICE
 * © 2023–2026 Petar Benković / Benko Chess. All rights reserved.
 * This notice applies to original Benko Chess code in this file.
 * Third-party components, where present, retain their respective licences and notices.
 */
/* Benko Chess Members – Classroom v1 */
.members-classroom-list{display:grid;gap:10px}
.members-classroom-lesson{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #dfe5ee;border-radius:15px;background:#fbfcfe;padding:14px}
.members-classroom-lesson h3{margin:5px 0 3px;color:#08245c;font-size:17px}.members-classroom-lesson p{margin:0;color:#667085;font-size:12.5px;line-height:1.45}.members-classroom-lesson small{display:block;margin-top:6px;color:#7b8595}.members-classroom-audience{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef3fb;color:#315684;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.members-classroom-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.members-mini-btn.danger{border-color:#e5caca;color:#9c2a2a;background:#fff7f7}
.members-classroom-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.members-classroom-form label{display:flex;flex-direction:column;gap:5px;color:#526178;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.members-classroom-form label.full{grid-column:1/-1}.members-classroom-form input,.members-classroom-form select,.members-classroom-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8dfe9;border-radius:11px;background:#fff;padding:10px 11px;color:#15233f;font:inherit;text-transform:none;letter-spacing:normal}.members-classroom-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:normal!important}.members-classroom-check input{width:auto!important}.members-classroom-publish-check{align-items:flex-start!important}.members-classroom-publish-check>input{margin-top:2px}.members-classroom-publish-copy{display:flex;flex-direction:column;gap:2px;line-height:1.35}.members-classroom-publish-copy strong{color:#283a5c;font-size:11px;font-weight:900}.members-classroom-publish-copy small{color:#708097;font-size:10px;font-weight:600}
.members-classroom-viewer{margin:14px 0;border:1px solid #cdd8e8;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 9px 24px rgba(8,36,92,.06)}.members-classroom-viewer[hidden]{display:none!important}.members-classroom-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e2e7ef;background:#f6f8fc}.members-classroom-viewer-head strong{color:#08245c}.members-classroom-viewer iframe{display:block;width:100%;height:760px;border:0;background:#fff}
@media(max-width:760px){.members-classroom-lesson{grid-template-columns:1fr}.members-classroom-lesson>.members-btn{width:100%}.members-classroom-actions{justify-content:flex-start}.members-classroom-form{grid-template-columns:1fr}.members-classroom-form label.full{grid-column:1}.members-classroom-viewer iframe{height:680px}}

/* Classroom PGN fullscreen: only the embedded board + notation fill the viewport. */
.members-classroom-viewer-actions{display:flex;align-items:center;gap:8px}
.members-classroom-viewer:fullscreen,
.members-classroom-viewer.is-classroom-fullscreen-fallback{
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#f5ead9!important;
  overflow:hidden!important;
}
.members-classroom-viewer:fullscreen::backdrop{background:#f5ead9}
.members-classroom-viewer:fullscreen .members-classroom-viewer-head,
.members-classroom-viewer.is-classroom-fullscreen-fallback .members-classroom-viewer-head{
  position:fixed!important;
  top:10px!important;
  right:12px!important;
  left:auto!important;
  z-index:2147483647!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  pointer-events:none;
}
.members-classroom-viewer:fullscreen .members-classroom-viewer-head strong,
.members-classroom-viewer.is-classroom-fullscreen-fallback .members-classroom-viewer-head strong,
.members-classroom-viewer:fullscreen #closeClassroomViewer,
.members-classroom-viewer.is-classroom-fullscreen-fallback #closeClassroomViewer{display:none!important}
.members-classroom-viewer:fullscreen .members-classroom-viewer-actions,
.members-classroom-viewer.is-classroom-fullscreen-fallback .members-classroom-viewer-actions{pointer-events:auto}
.members-classroom-viewer:fullscreen iframe,
.members-classroom-viewer.is-classroom-fullscreen-fallback iframe{
  display:block!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  border:0!important;
  background:#f5ead9!important;
}
.members-classroom-viewer.is-classroom-fullscreen-fallback{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
}

/* v1.3 – isti standardni fullscreen taster kao BC Program / javni PGN Viewer. */
.members-classroom-fullscreen-btn{
  width:36px;min-width:36px;height:36px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #d7b982;border-radius:10px;
  background:#fffaf2;color:#523b29;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset;
}
.members-classroom-fullscreen-btn:hover{background:#fff3df;border-color:#d99a23}
.members-classroom-fullscreen-btn:focus-visible{outline:2px solid #b7832e;outline-offset:2px}
.members-classroom-fullscreen-btn svg{
  width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.members-classroom-viewer:fullscreen .members-classroom-fullscreen-btn,
.members-classroom-viewer.is-classroom-fullscreen-fallback .members-classroom-fullscreen-btn{
  background:rgba(255,250,242,.96);border-color:#d7b982;
  box-shadow:0 4px 14px rgba(8,36,92,.16);
}

/* v1.4 – standard icon-only close control beside the standardized fullscreen button. */
.members-classroom-close-btn{
  width:36px;min-width:36px;height:36px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #d7b982;border-radius:10px;
  background:#fffaf2;color:#523b29;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset;
}
.members-classroom-close-btn:hover{background:#fff3df;border-color:#d99a23;color:#7c311f}
.members-classroom-close-btn:focus-visible{outline:2px solid #b7832e;outline-offset:2px}
.members-classroom-close-btn svg{
  width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}


/* v1.6 – fullscreen control belongs to the PGN Viewer itself, not the Members shell. */
.members-classroom-viewer:fullscreen .members-classroom-viewer-head,
.members-classroom-viewer.is-classroom-fullscreen-fallback .members-classroom-viewer-head{
  display:none!important;
}

/* Daily video classroom embed. Tokens stay in memory only; this shell only hosts Daily Prebuilt. */
.members-slot-row{
  grid-template-columns:minmax(120px,.9fr) minmax(92px,.65fr) minmax(92px,.65fr) minmax(170px,1.1fr) minmax(180px,1.2fr) auto!important;
}
.members-slot-url[hidden]{display:none!important}
.members-classroom-mode{
  overflow:hidden;
}
.members-classroom-mode .members-app > :not(#dailyClassroomWrap){
  display:none!important;
}
.members-daily-classroom{
  margin:0 0 14px;
  border:1px solid #cdd8e8;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(8,36,92,.08);
}
.members-daily-classroom[hidden]{display:none!important}
.members-classroom-mode .members-daily-classroom{
  width:min(1640px,calc(100vw - 28px));
  margin:12px auto 16px;
  border-radius:18px;
}
.members-daily-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #e2e7ef;
  background:#f6f8fc;
}
.members-daily-head strong{
  display:block;
  color:#08245c;
  font-size:16px;
}
.members-daily-head span{
  display:block;
  margin-top:3px;
  color:#657083;
  font-size:12px;
  font-weight:800;
}
.members-daily-head span[data-tone="success"]{color:#167044}
.members-daily-head span[data-tone="error"]{color:#a12626}
.members-daily-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.members-daily-frame{
  width:100%;
  min-height:650px;
  height:min(78vh,820px);
  background:#111827;
}
.members-classroom-mode .members-daily-frame{
  min-height:0;
  height:calc(100vh - 112px);
  height:calc(100dvh - 112px);
}
.members-daily-open-btn{
  white-space:nowrap;
}
.members-schedule-row .members-daily-open-btn{
  margin-top:10px;
}
.members-daily-classroom:fullscreen{
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#111827!important;
}
.members-daily-classroom:fullscreen .members-daily-head{
  min-height:44px;
}
.members-daily-classroom:fullscreen .members-daily-frame{
  height:calc(100vh - 58px)!important;
  height:calc(100dvh - 58px)!important;
  min-height:0!important;
}
@media(max-width:760px){
  .members-slot-row{grid-template-columns:1fr 1fr!important}
  .members-slot-platform,.members-slot-url{grid-column:1/-1}
  .members-daily-head{display:grid}
  .members-daily-actions{justify-content:flex-start}
  .members-daily-actions .members-mini-btn{flex:1 1 150px}
  .members-daily-frame{min-height:520px;height:72vh;height:72dvh}
  .members-classroom-mode .members-daily-classroom{width:calc(100vw - 16px);margin:8px auto 10px;border-radius:14px}
  .members-classroom-mode .members-daily-frame{height:calc(100vh - 132px);height:calc(100dvh - 132px);min-height:420px}
}
@media(max-width:520px){
  .members-daily-classroom{border-radius:14px}
  .members-daily-head{padding:10px}
  .members-daily-frame{min-height:460px;height:70vh;height:70dvh}
  .members-classroom-mode .members-daily-actions .members-mini-btn{flex:1 1 100%}
}