/* The two selected dark references, using real banner/divider/icon assets.
   Class/date controls, permissions, values and destinations remain unchanged. */
:root:root:root:root:root body:is(.page-classes,.page-whiteboard) {
 --module-title:clamp(36px,4.7vw,84px);
 --module-icon:clamp(64px,7.8vw,140px);
 --module-label:clamp(22px,2.9vw,48px);
 --module-primary-icon-height:clamp(110px,10.5vw,194px);
 --module-primary-label:var(--module-label);
}
/* Use the same saved skin palette as the workbench; layout is independent. */
:root:root:root:root:root body:is(.page-classes,.page-whiteboard) {
 background:var(--geo-paper)!important;
}
:root:root:root:root:root[data-skin=ivory] body:is(.page-classes,.page-whiteboard) {
 --geo-paper:#fffbed;--geo-surface:#fffef8;--geo-soft:#f4efdf;
}
:root:root:root:root:root[data-skin=cobalt] body:is(.page-classes,.page-whiteboard) {
 --geo-paper:#f4f7fc;--geo-surface:#fbfcff;--geo-soft:#e9eef6;
}
:root:root:root:root:root[data-skin=ivory] body:is(.page-classes,.page-whiteboard):is([data-theme=opal_obsidian],.theme-opal-obsidian) {
 --geo-paper:#24211b;--geo-surface:#2f2b23;--geo-soft:#383227;
}
:root:root:root:root:root[data-skin=cobalt] body:is(.page-classes,.page-whiteboard):is([data-theme=opal_obsidian],.theme-opal-obsidian) {
 --geo-paper:#18212c;--geo-surface:#212d3c;--geo-soft:#293647;
}
:root:root:root:root:root body:is(.page-classes,.page-whiteboard) :is(.topbar h1,.wb-heading h1) {
 font-size:var(--module-title)!important;font-weight:950!important;line-height:1.15!important;
 letter-spacing:-.035em!important;
}
:root:root:root:root:root body:is(.page-classes,.page-whiteboard) .module-corner-motif {
 position:fixed;right:-55px;top:-340px;width:390px;height:390px;
 max-width:none;pointer-events:none;z-index:0;
 filter:brightness(0) saturate(100%) invert(75%) sepia(86%) saturate(1160%) hue-rotate(351deg) brightness(107%) contrast(102%)!important;
}
:root:root:root:root:root body.page-whiteboard .wb-heading {position:relative;z-index:1;}
/* The class landing page starts with the four real statistics. */
:root:root:root:root:root body.page-classes .class-command-deck {
 position:relative;isolation:isolate;padding:0!important;margin:28px 0 0!important;
 border:0!important;background:none!important;box-shadow:none!important;
}
:root:root:root:root:root body.page-classes .class-command-head {display:none!important;}
:root:root:root:root:root body.page-classes .class-stat-strip {
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:0!important;margin:0 0 34px!important;padding:16px 0!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
:root:root:root:root:root body.page-classes .class-stat-strip>span {
 min-width:0;padding:0 25px!important;border:0!important;
 display:flex;flex-direction:column;gap:12px;
}
:root:root:root:root:root body.page-classes .class-stat-strip>span:first-child {padding-left:0!important;}
:root:root:root:root:root body.page-classes .class-stat-strip>span+span {border-left:1px solid var(--geo-line)!important;}
:root:root:root:root:root body.page-classes .class-stat-strip i {
 color:var(--geo-ink)!important;font-style:normal;font-size:clamp(16px,1.6vw,27px)!important;
 font-weight:750!important;line-height:1.35!important;
}
:root:root:root:root:root body.page-classes .class-stat-strip strong {
 font-size:clamp(25px,3.6vw,58px)!important;font-weight:850!important;line-height:1.15!important;
 letter-spacing:-.04em;color:var(--geo-ink)!important;white-space:nowrap;
}
:root:root:root:root:root body.page-classes .class-stat-strip>span:nth-child(-n+2) strong {
 font-family:Arial,'PingFang SC',sans-serif;font-size:clamp(54px,6.8vw,108px)!important;
 color:var(--geo-blue)!important;line-height:1!important;
}
:root:root:root:root:root body.page-classes .class-bento-grid {
 position:relative;display:grid!important;grid-template-columns:minmax(0,2.1fr) repeat(3,minmax(0,1fr))!important;
 grid-template-areas:'students score seat class'!important;gap:24px!important;
 margin:0!important;min-height:250px;
}
:root:root:root:root:root body.page-classes .class-bento-card {
 position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:20px!important;
 min-width:0;min-height:clamp(235px,23vw,315px)!important;padding:20px 10px!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
 transform:none!important;clip-path:none!important;overflow:visible!important;text-align:center;text-decoration:none;
}
:root:root:root:root:root body.page-classes .class-bento-card:nth-of-type(n+3) {border-left:1px solid var(--geo-line)!important;}
:root:root:root:root:root body.page-classes .class-bento-card strong {
 font-size:clamp(20px,2.35vw,40px)!important;line-height:1.2!important;font-weight:850!important;
 color:var(--geo-ink)!important;letter-spacing:-.035em;white-space:nowrap;
}
:root:root:root:root:root body.page-classes .class-bento-students strong {color:#fff!important;}
:root:root:root:root:root body.page-classes .class-bento-icon {
 width:var(--module-icon)!important;height:var(--module-icon)!important;min-width:0!important;
 object-fit:contain;filter:var(--geo-icon-filter)!important;
}
:root:root:root:root:root body.page-classes .class-bento-students .class-bento-icon {filter:brightness(0) invert(1)!important;}
:root:root:root:root:root body.page-classes .class-bento-score .class-bento-icon,
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:nth-of-type(2) .whiteboard-entry-icon {
 filter:brightness(0) saturate(100%) invert(62%) sepia(81%) saturate(681%) hue-rotate(181deg) brightness(103%) contrast(101%)!important;
}
:root:root:root:root:root body.page-classes .class-bento-seat .class-bento-icon,
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:nth-of-type(3) .whiteboard-entry-icon {
 filter:brightness(0) saturate(100%) invert(75%) sepia(86%) saturate(1160%) hue-rotate(351deg) brightness(107%) contrast(102%)!important;
}
:root:root:root:root:root body .module-banner-art {
 position:absolute;z-index:-1;left:calc(-4% - clamp(20px,2.4vw,44px));top:-4%;width:calc(110% + clamp(20px,2.4vw,44px));height:112%;max-width:none;
 object-fit:fill;pointer-events:auto;
 filter:saturate(1.5) brightness(1.1) hue-rotate(-8deg);
 clip-path:polygon(1.95% 20%,98.9% 6.9%,82% 90.8%,1.95% 90.8%);
}
:root:root:root:root:root body.page-classes .module-blue-divider {
 position:absolute;z-index:-1;left:calc(39% - 210px);top:-12px;width:420px;height:calc(100% + 24px);
 max-width:none;object-fit:fill;pointer-events:none;
}
:root:root:root:root:root body.page-classes .class-reference-list {
 margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--geo-line);
}
:root:root:root:root:root body.page-classes .class-reference-list h2 {
 margin:0 0 16px;font-size:clamp(24px,2.5vw,40px);font-weight:850;
 padding-left:16px;border-left:5px solid var(--geo-blue);
}
:root:root:root:root:root body.page-classes .class-reference-links {display:flex;flex-wrap:wrap;gap:14px;}
:root:root:root:root:root body.page-classes .class-reference-links a {
 display:inline-flex;align-items:center;min-height:52px;padding:12px 20px;
 background:var(--geo-red);color:var(--geo-on-action);border-radius:8px;
 font-size:clamp(17px,1.65vw,25px);font-weight:750;text-decoration:none;
}
/* Whiteboard: six destinations in the same two-by-three arrangement. */
:root:root:root:root:root body.page-whiteboard .whiteboard-stage {
 position:relative;isolation:isolate;padding:0!important;border:0!important;
 background:transparent!important;box-shadow:none!important;min-height:0!important;overflow:visible!important;
}
:root:root:root:root:root body.page-whiteboard .whiteboard-stage-head {display:none!important;}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry-grid {
 display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr)!important;
 grid-template-rows:repeat(2,minmax(220px,1fr));gap:24px 30px!important;
 min-height:500px;height:100%;margin:0!important;padding:0!important;
}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry {
 position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:22px!important;
 height:auto!important;min-height:0!important;min-width:0!important;padding:24px 12px!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;transform:none!important;clip-path:none!important;overflow:visible!important;
}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:nth-of-type(3n) {border-left:1px solid var(--geo-line)!important;}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:nth-of-type(n+5) {border-top:1px solid var(--geo-line)!important;}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry-copy>span {
 color:var(--geo-ink)!important;font-size:var(--module-label)!important;line-height:1.2!important;
 font-weight:850!important;letter-spacing:-.035em;white-space:nowrap;
}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry-icon {
 width:var(--module-icon)!important;height:var(--module-icon)!important;min-width:0!important;
 object-fit:contain;filter:var(--geo-icon-filter)!important;
}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:first-of-type :is(.whiteboard-entry-icon) {filter:brightness(0) invert(1)!important;}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:first-of-type,
:root:root:root:root:root body.page-classes .class-bento-students {z-index:1;}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:first-of-type .whiteboard-entry-icon {
 width:clamp(130px,12vw,220px)!important;height:var(--module-primary-icon-height)!important;
}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:first-of-type .whiteboard-entry-copy>span {color:#fff!important;}
/* Align text bottoms while keeping the larger first icon and original gap. */
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:first-of-type :is(.whiteboard-entry-icon,.whiteboard-entry-copy) {
 transform:translateY(calc((var(--module-icon) - var(--module-primary-icon-height)) / 2 + (var(--module-label) - var(--module-primary-label)) * .6))!important;
}
:root:root:root:root:root body.page-whiteboard .whiteboard-entry:nth-of-type(5) :is(.whiteboard-entry-icon,.whiteboard-entry-copy) {opacity:.65;}
:root:root:root:root:root body.page-whiteboard .module-blue-divider {
 position:absolute;z-index:-1;left:calc(44% - 335px);top:-20px;width:650px;height:calc(100% + 35px);
 max-width:none;object-fit:fill;pointer-events:none;
}
:root:root:root:root:root body:is(.page-classes,.page-whiteboard) :is(.class-bento-card,.whiteboard-entry):hover {
 background:transparent!important;filter:brightness(1.1)!important;
}
:root:root:root:root:root body:is(.page-classes,.page-whiteboard) :is(.class-bento-card,.whiteboard-entry,.class-reference-links a):focus-visible {
 outline:3px solid var(--geo-blue);outline-offset:5px;
}
@media(min-width:1180px) {
 :root:root:root:root:root body.page-whiteboard main.app-shell {overflow:visible!important;}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry-grid {min-height:calc(100dvh - 245px);grid-template-rows:minmax(220px,1.38fr) minmax(175px,1fr);}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry:first-of-type .module-banner-art {height:131%;top:-2%;}
 :root:root:root:root:root body.page-whiteboard {--module-primary-label:clamp(30px,3.5vw,58px);}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry:first-of-type .whiteboard-entry-copy>span {font-size:var(--module-primary-label)!important;}
}
@media(max-width:1179px) {
 :root:root:root:root:root body:is(.page-classes,.page-whiteboard) .module-corner-motif {display:none;}
}
@media(max-width:900px) {
 :root:root:root:root:root body.page-classes .class-bento-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:'students score' 'seat class'!important;gap:20px!important;}
 :root:root:root:root:root body.page-classes .class-bento-card {min-height:180px!important;}
 :root:root:root:root:root body.page-classes .class-stat-strip>span {padding-inline:12px!important;}
 :root:root:root:root:root body.page-classes .class-stat-strip strong {font-size:clamp(22px,3.5vw,40px)!important;}
 :root:root:root:root:root body.page-classes .module-blue-divider {display:none;}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;min-height:460px;}
 :root:root:root:root:root body.page-whiteboard .module-blue-divider {left:calc(34% - 70px);width:135px;}
}
@media(max-width:600px) {
 :root:root:root:root:root body:is(.page-classes,.page-whiteboard) {--module-title:clamp(30px,8vw,42px);--module-icon:66px;--module-label:22px;--module-primary-icon-height:72px;}
 :root:root:root:root:root body.page-classes .class-stat-strip {grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:20px!important;margin-bottom:24px!important;}
 :root:root:root:root:root body.page-classes .class-stat-strip>span:nth-child(3) {padding-left:0!important;border-left:0!important;}
 :root:root:root:root:root body.page-classes .class-stat-strip strong {font-size:30px!important;}
 :root:root:root:root:root body.page-classes .class-stat-strip>span:nth-child(-n+2) strong {font-size:58px!important;}
 :root:root:root:root:root body.page-classes .class-bento-card {gap:16px!important;min-height:172px!important;padding:20px 6px!important;}
 :root:root:root:root:root body.page-classes .class-bento-card strong {font-size:19px!important;white-space:normal;}
 :root:root:root:root:root body.page-classes .class-bento-students>span {max-width:106px;}
 :root:root:root:root:root body.page-classes .class-bento-card:nth-of-type(3) {border-left:0!important;}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(175px,1fr));gap:16px!important;min-height:560px;height:auto;}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry {padding:18px 6px!important;gap:16px!important;}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry:first-of-type .whiteboard-entry-icon {width:82px!important;height:var(--module-primary-icon-height)!important;}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry:nth-of-type(3n) {border-left:0!important;}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry:nth-of-type(even) {border-left:1px solid var(--geo-line)!important;}
 :root:root:root:root:root body.page-whiteboard .whiteboard-entry:nth-of-type(n+3) {border-top:1px solid var(--geo-line)!important;}
 :root:root:root:root:root body.page-whiteboard .module-blue-divider {display:none;}
}
@media(forced-colors:active),print {
 :root:root:root:root:root body .module-banner-art,
 :root:root:root:root:root body .module-blue-divider,
 :root:root:root:root:root body .module-corner-motif {display:none!important;}
 :root:root:root:root:root body:is(.page-classes,.page-whiteboard) :is(.class-bento-students strong,.whiteboard-entry:first-of-type .whiteboard-entry-copy>span) {color:CanvasText!important;}
 :root:root:root:root:root body:is(.page-classes,.page-whiteboard) :is(.class-bento-icon,.whiteboard-entry-icon) {filter:var(--geo-icon-filter)!important;}
}