/* TahtaCep v10 · Yunus Emre STUDIOS: sober, consistent classroom UI */
:root{--blue:#1658a4;--blue-dark:#114681;--ink:#1c2e46;--muted:#5c6f87;--line:#dce4ed;--bg:#f5f7fa;--shadow:0 2px 12px rgba(18,41,75,.045)}
html{scroll-padding-top:90px}body{background:var(--bg)}
.site-header{box-shadow:0 1px 4px rgba(10,30,60,.04);z-index:100}
.site-header .shell{max-width:none;padding:0 clamp(16px,2.2vw,38px)}
.nav-inner{min-height:78px;gap:clamp(12px,1.7vw,25px);justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px;min-width:0;width:clamp(215px,20vw,280px);flex:0 0 auto}
.brand-icon{height:43px;width:43px;background:none;border-radius:10px;overflow:hidden;flex:0 0 auto}
.brand-icon img{height:100%;width:100%;object-fit:contain}
.brand-text{min-width:0;display:flex;flex-direction:column;gap:2px}
.brand-text strong{font-size:24px;letter-spacing:-.85px;line-height:1.1;white-space:nowrap}
.brand-text small{font-size:8px;letter-spacing:1.1px;white-space:nowrap;color:#697c93}
.tg10-yes-logo{width:43px;height:43px;object-fit:cover;border-radius:50%;border:1px solid #e3d8bf;flex:0 0 auto;margin-left:3px}
.nav-links{display:flex!important;align-items:stretch;gap:0!important;background:#f5f7fa;border:1px solid #e7edf3;border-radius:12px;overflow:hidden;flex:1 1 auto;min-width:0;padding:4px}
.nav-links a{font-size:12px!important;line-height:1.3;padding:11px 7px!important;border-radius:8px;white-space:nowrap;font-weight:650;min-height:42px}
.nav-links a.active{background:#e6f0ff;box-shadow:0 1px 3px #194d8e12}
.nav-actions{display:flex!important;gap:7px;flex:0 0 auto}
.nav-actions .btn{border-radius:9px;min-height:40px;padding:10px 12px;font-size:12px}
.nav-actions .btn:last-child{display:none}
.btn,.edu-btn,.edu-toolbar button,.edu-tool-button,.v9-map-switch button,.edu-option{border-radius:9px;font-weight:650;box-shadow:none!important;transition:background .12s,border-color .12s}
.btn:hover{transform:none}.edu-btn:hover,.edu-toolbar button:hover{filter:brightness(.98)}
.edu-pane,.edu-card,.card,.panel{border-radius:12px;box-shadow:var(--shadow)}
.edu-pane h2{font-weight:730;letter-spacing:-.3px}
.edu-grid,.edu-split.edu-section,.tg8-tools-grid{gap:15px!important}
.edu-grid .edu-card{padding:20px;display:flex;flex-direction:column;align-items:flex-start;min-height:195px}
.edu-card .edu-ico{width:39px;height:39px;border-radius:9px;background:#edf3fa!important;color:#1658a4!important;font-size:0}
.tg10-icon{display:block;width:20px;height:20px}
.edu-card h3{font-size:16px;margin:15px 0 7px}.edu-card p{line-height:1.55}.edu-card .edu-link{margin-top:auto}
.tg8-tools-grid>.edu-pane{min-height:282px}.tg8-tools-grid .edu-pane>h2{font-size:18px}
.tg8-classroom .edu-btn,.tg8-classroom .edu-field,.tg8-tools-grid button{box-sizing:border-box}
.tg10-footer-logo{width:34px;height:34px;border-radius:50%;object-fit:cover}
/* Whiteboard: entire width usable; movable overlay controlled by one always-visible button */
#wb-frame{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:min(78dvh,900px);min-height:510px;position:relative;isolation:isolate;overflow:hidden}
#wb-frame .wb-stage{grid-column:1;grid-row:2;width:100%;height:100%;min-height:0}
#wb-frame .wb-hint{grid-column:1;grid-row:3;white-space:normal;padding:6px 10px}
#v9-tools-toggle{display:inline-flex!important;gap:8px;align-items:center;justify-content:center;position:relative;left:0;order:-1;min-width:108px;flex:0 0 auto;border-color:#b9cfe9;background:#e9f2ff}
#wb-frame .v9-board-tools{position:absolute!important;inset:auto 12px auto auto;top:65px;right:12px;left:auto;bottom:auto;grid-column:auto;grid-row:auto;width:280px;max-width:calc(100% - 24px);height:auto;max-height:calc(100% - 80px);z-index:25;overflow:auto!important;overflow-x:hidden;border:1px solid #d5e0ed;border-radius:12px;box-shadow:0 12px 32px #233f6926;background:#fff;padding:0!important;display:flex;flex-direction:column;gap:0!important;transform:none;transition:opacity .12s,visibility .12s}
#wb-frame .v9-board-tools.tg10-closed{display:none!important}
.tg10-panel-handle{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;background:#edf3fa;border-bottom:1px solid #d7e2ee;font-size:12px;font-weight:750;color:#2f4b6b;cursor:grab;touch-action:none;user-select:none}
.tg10-panel-handle:active{cursor:grabbing}
.tg10-panel-handle button{min-width:27px;height:27px;border-radius:7px;background:#fff;border:1px solid #ccd9e8;font-size:18px;cursor:pointer}
#wb-frame .v9-board-tools>.edu-pane{padding:12px;border:none;box-shadow:none;border-radius:0;flex:none}
#wb-frame .v9-board-tools .edu-pane h2{font-size:14px}
#wb-frame #wb-tools button{font-size:12px;min-height:36px;border-radius:7px;padding:7px 8px}
#wb-frame .v9-board-tools .edu-actions button{min-height:37px;font-size:11px;padding:6px}
#wb-frame:fullscreen,#wb-frame:-webkit-full-screen{width:100vw;height:100dvh;max-height:none;min-height:0;border-radius:0}
#wb-frame:fullscreen .v9-board-tools{z-index:90}
#wb-frame .wb-top{position:relative;z-index:28;min-height:53px;flex-wrap:nowrap}
#wb-frame .wb-top button{white-space:nowrap}
/* Important: leaflet SVGs and controls must NOT inherit the giant offline atlas SVG dimensions. */
.edu-mapwrap #atlas-svg{display:block;width:100%;height:min(68vh,650px);min-height:425px}
.edu-mapwrap #v9-satellite svg{width:auto!important;height:auto!important;min-height:0!important;max-width:none!important}
#v9-satellite.leaflet-container{height:100%!important;width:100%!important;min-height:485px;z-index:15;background:#dce8ee}
.edu-mapwrap:fullscreen #v9-satellite.leaflet-container{height:100%!important}
.v9-map-switch{gap:7px;align-items:center}
.v9-map-switch button{min-height:38px;background:white;border:1px solid #dce4ed;padding:8px 12px;font-weight:650}
.v9-map-switch button.active{background:#eaf2ff;border-color:#aac8ec}
#v9-satellite-info a{color:#1b5ba8;text-decoration:underline}
.tg10-roster-card{min-width:0}
.tg10-roster-card .edu-actions{margin:12px 0}
.tg10-roster-card textarea{resize:vertical}
@media(min-width:1351px){.nav-inner{gap:12px}.nav-links a{font-size:11px!important;padding:10px 5px!important}}
@media(max-width:1360px){.nav-actions .btn:first-child{display:inline-flex}.nav-actions #nav-send{display:none}.brand{width:235px}.nav-links a{font-size:11px!important}}
@media(max-width:1150px){.nav-links{display:none!important}.nav-actions{margin-left:auto}.brand{width:auto}}
@media(max-width:760px){#wb-frame{height:72dvh;min-height:440px;grid-template-rows:auto minmax(0,1fr) auto!important}#wb-frame .v9-board-tools{position:absolute!important;top:60px;right:8px;width:min(295px,calc(100% - 16px));max-height:calc(100% - 68px);transform:none!important;bottom:auto;box-shadow:0 12px 36px #132e5433}#wb-frame .v9-board-tools.tg10-closed{display:none!important}.tg10-yes-logo{width:36px;height:36px}.brand-text strong{font-size:21px}.brand-icon{width:37px;height:37px}.nav-actions{display:none!important}.edu-mapwrap #atlas-svg{height:390px;min-height:300px}#v9-satellite.leaflet-container{min-height:335px}}
.tg10-map-alternative{display:inline-block;color:#175ba8;font-size:12px;margin:4px 0 12px;text-decoration:underline}