:root {
  --ink: #24324a;
  --muted: #6e7889;
  --cream: #fff8e8;
  --paper: rgba(255, 255, 255, .9);
  --line: rgba(36, 50, 74, .11);
  --shadow: 0 22px 55px rgba(56, 47, 29, .12);
  --red: #ef3d42;
  --orange: #ff8a20;
  --yellow: #ffc928;
  --green: #25a652;
  --blue: #2584e9;
  --purple: #813ecb;
  --pink: #f23882;
  --focus: #164fb8;
  --radius: 28px;
  --app-viewport-height: 100svh;
  --app-viewport-top: 0px;
  --communication-mobile-top: 70px;
  --communication-mobile-height: calc(100svh - 70px);
}

* { box-sizing: border-box; }

html { min-width: 320px; background: var(--cream); scroll-behavior: smooth; }

body {
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 20% -5%, rgba(255, 217, 93, .36), transparent 30rem),
    radial-gradient(circle at 100% 60%, rgba(75, 177, 255, .16), transparent 30rem),
    linear-gradient(155deg, #fffdf7 0%, #fff7df 100%);
  font-family: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  overflow-x: hidden;
}

button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; }
img { max-width: 100%; }

:focus-visible { outline: 4px solid rgba(22, 79, 184, .52); outline-offset: 4px; }

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #fff;
  transform: translateY(-150%);
}

.skip-link:focus { transform: translateY(0); }
.sr-only { 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; white-space: nowrap!important; border: 0!important; }
[hidden] { display: none!important; }

.ambient { position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: -1; }
.ambient__shape { position: absolute; border-radius: 999px; filter: blur(1px); opacity: .55; }
.ambient__shape--one { width: 220px; height: 220px; top: 11%; left: -120px; background: rgba(255, 190, 61, .25); }
.ambient__shape--two { width: 170px; height: 170px; right: -60px; bottom: 10%; background: rgba(54, 155, 243, .2); }
.ambient__shape--three { width: 90px; height: 90px; right: 12%; top: 8%; background: rgba(241, 83, 139, .1); }

.login-screen {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 32px 20px;
}

.login-brand { display: none; align-items: center; justify-content: center; gap: 18px; font-size: clamp(2.4rem, 5vw, 4.7rem); font-weight: 900; letter-spacing: -.06em; }
.login-brand img { width: clamp(100px, 13vw, 172px); filter: drop-shadow(0 16px 18px rgba(255, 137, 20, .26)); }

.login-card {
  width: min(100%, 470px);
  padding: 34px 24px 26px;
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 32px;
  background: rgba(255, 255, 255, .86);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.eyebrow, .section-kicker { color: #8a6617; font-size: .78rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.login-card h1 { margin: 9px 0 8px; font-size: clamp(2rem, 10vw, 3.25rem); line-height: 1; letter-spacing: -.055em; }
.login-card > p { color: var(--muted); line-height: 1.55; }
.login-card form { display: grid; gap: 11px; margin-top: 26px; }
.connection-recovery { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 13px; margin-top: 22px; padding: 16px; border: 1px solid rgba(37,132,233,.18); border-radius: 20px; background: rgba(235,246,255,.84); }
.connection-recovery__pulse { width: 18px; height: 18px; border: 4px solid rgba(37,132,233,.2); border-top-color: #2584e9; border-radius: 50%; animation: connectionSpin .9s linear infinite; }
.connection-recovery strong, .connection-recovery p { display: block; }
.connection-recovery p { margin: 4px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.connection-recovery .secondary-button { grid-column: 1 / -1; width: 100%; }
label { font-weight: 800; font-size: .93rem; }
input, select, textarea {
  width: 100%;
  border: 1px solid #d9dce3;
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
  padding: 14px 16px;
  transition: border-color .18s, box-shadow .18s;
}
input:focus, select:focus, textarea:focus { outline: none; border-color: #7da7ef; box-shadow: 0 0 0 4px rgba(37, 132, 233, .14); }
.select-wrap, .password-wrap { position: relative; margin-bottom: 8px; }
.select-wrap select { appearance: none; padding-right: 48px; }
.select-wrap::after { content: "⌄"; position: absolute; right: 17px; top: 50%; transform: translateY(-55%); pointer-events: none; }
.password-wrap input { padding-right: 52px; }
.password-toggle { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); }
.field-hint { display: block; margin: -7px 2px 4px; color: var(--muted); font-size: .78rem; line-height: 1.4; }

.primary-button, .secondary-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 16px;
  padding: 12px 18px;
  font-weight: 900;
  cursor: pointer;
  transition: transform .16s, box-shadow .16s, background .16s;
}
.primary-button { border: 0; color: #fff; background: var(--ink); box-shadow: 0 10px 18px rgba(36, 50, 74, .16); }
.library-link { width: fit-content; text-decoration: none; }
.primary-button:hover { transform: translateY(-2px); box-shadow: 0 14px 24px rgba(36, 50, 74, .22); }
.primary-button:active { transform: translateY(1px) scale(.99); }
.primary-button--wide { width: 100%; margin-top: 8px; }
.secondary-button { border: 1px solid var(--line); color: var(--ink); background: #fff; }
.secondary-button:hover { transform: translateY(-2px); box-shadow: 0 10px 18px rgba(36, 50, 74, .1); }
.secondary-button--small { min-height: 42px; padding: 8px 13px; font-size: .84rem; }
.primary-button--small { min-height: 42px; padding: 8px 13px; font-size: .84rem; }
.icon-button { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 13px; background: transparent; cursor: pointer; }
.prototype-note { margin: 20px 0 0!important; font-size: .78rem; text-align: center; }

.app { min-height: 100vh; min-height: 100svh; }
body.is-home { height: 100svh; overflow: hidden; }
body.is-android-app #miniHome,
body.is-android-app #adminShortcut,
body.is-android-app #userMenu [data-route="portfolio"],
body.is-android-app #adminMenuItem { display: none!important; }
body.is-android-app:not(.is-home) .topbar__brand { display: flex; }
body.is-android-app .communication-view { padding-bottom: env(safe-area-inset-bottom); }
body.is-android-app.is-communication-channel-open {
  overflow: hidden;
}
body.is-android-app.is-communication-channel-open .communication-view {
  animation: none;
  transform: none;
}
body.is-android-app.is-communication-channel-open .communication-page-heading { display: none; }
body.is-android-app.is-communication-channel-open .communication-shell.has-channel {
  position: fixed;
  z-index: 45;
  top: var(--communication-mobile-top);
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: var(--communication-mobile-height);
  min-height: 0;
  margin: 0;
  overflow: hidden;
  display: block;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.is-android-app.is-communication-channel-open .communication-sidebar { display: none; }
body.is-android-app.is-communication-channel-open .communication-main {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
  overflow: hidden;
}
body.is-android-app.is-communication-channel-open .communication-conversation {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body.is-android-app.is-communication-channel-open .communication-conversation__header,
body.is-android-app.is-communication-channel-open .communication-notice { flex: 0 0 auto; }
body.is-android-app.is-communication-channel-open .communication-messages {
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
}
body.is-android-app.is-communication-channel-open .communication-composer {
  position: relative;
  z-index: 4;
  flex: 0 0 auto;
  padding-bottom: max(8px, env(safe-area-inset-bottom));
  background: #fff;
}
body.is-android-app.is-communication-channel-open .communication-mobile-back {
  width: 54px;
  height: 54px;
  display: grid;
  flex: 0 0 54px;
  border: 1px solid rgba(37,132,233,.2);
  border-radius: 17px;
  color: #174f8b;
  background: #edf6ff;
  box-shadow: 0 7px 15px rgba(37,132,233,.12);
  font-size: 1.85rem;
  font-weight: 950;
  line-height: 1;
}
.topbar {
  position: sticky;
  z-index: 50;
  top: 0;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  background: rgba(255, 253, 247, .76);
  border-bottom: 1px solid rgba(36, 50, 74, .07);
  backdrop-filter: blur(18px);
}

.topbar__brand { display: flex; align-items: center; gap: 8px; font-size: 1.15rem; font-weight: 950; letter-spacing: -.04em; }
.topbar__brand-dot { width: 19px; height: 19px; border-radius: 50%; background: linear-gradient(145deg, #ffe048, #ff841b); box-shadow: 0 3px 8px rgba(255, 132, 27, .28); }
.topbar__actions { display: flex; align-items: center; gap: 7px; }
.admin-shortcut { display: none; min-height: 42px; padding: 0 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; font-weight: 800; cursor: pointer; }
.connection-presence { min-height: 42px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid rgba(32,151,91,.18); border-radius: 14px; color: #17603a; background: rgba(232,248,236,.92); cursor: pointer; }
.connection-presence__dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #24ad67; box-shadow: 0 0 0 4px rgba(36,173,103,.12); }
.connection-presence strong { font-size: .78rem; font-variant-numeric: tabular-nums; }
.connection-presence__label { display: none; font-size: .72rem; font-weight: 800; }
.connection-presence.is-stale { color: #79551c; border-color: rgba(181,126,38,.2); background: rgba(255,246,222,.94); }
.connection-presence.is-stale .connection-presence__dot { background: #d58c27; box-shadow: 0 0 0 4px rgba(213,140,39,.13); }
.connection-presence-dialog { width: min(calc(100% - 24px), 430px); }
.connection-presence-names { max-height: min(55vh, 420px); overflow-y: auto; text-align: left; }
.connection-presence-names ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.connection-presence-names li { padding: 7px 10px; border-radius: 10px; background: #eef8f1; font-weight: 700; }
.user-chip { min-height: 48px; display: flex; align-items: center; gap: 8px; padding: 4px 9px 4px 5px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.8); cursor: pointer; }
.user-chip__text { display: none; text-align: left; line-height: 1.1; }
.user-chip__text strong, .user-chip__text small { display: block; }
.user-chip__text small { margin-top: 3px; color: var(--muted); font-size: .67rem; }
.avatar { display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #6879ef, #8d45c7); font-weight: 900; box-shadow: inset 0 0 0 3px rgba(255,255,255,.35); overflow: hidden; background-position: center; background-size: cover; }
.avatar--small { width: 38px; height: 38px; font-size: .72rem; }
.user-menu { position: fixed; z-index: 90; top: 64px; right: 14px; width: 190px; padding: 8px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.user-menu button { width: 100%; padding: 11px 12px; border: 0; border-radius: 12px; background: transparent; text-align: left; font-weight: 800; cursor: pointer; }
.user-menu button:hover { background: #f6f3eb; }
.messages-shortcut { position: relative; min-width: 46px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 5px 10px; border: 1px solid rgba(37,132,233,.14); border-radius: 15px; color: #185eaa; background: rgba(235,246,255,.9); font-weight: 900; cursor: pointer; }
.messages-shortcut__icon { font-size: 1.15rem; }
.messages-shortcut__text { display: none; }
.messages-shortcut > strong { position: absolute; top: -5px; right: -5px; min-width: 21px; height: 21px; display: grid; place-items: center; padding: 0 5px; border: 2px solid #fffdf7; border-radius: 999px; color: #fff; background: #e43f65; font-size: .64rem; line-height: 1; }
.android-download { min-height: 44px; display: none; align-items: center; justify-content: center; gap: 7px; padding: 5px 10px; border: 1px solid rgba(70,142,74,.18); border-radius: 15px; color: #17603a; background: rgba(232,248,232,.92); font-weight: 900; text-decoration: none; }
body.is-communication .android-download { display: inline-flex; }
body.is-android-app .android-download { display: none!important; }
.android-download__badge { font-size: .72rem; letter-spacing: .04em; }
.android-download__text { display: none; }
.user-menu button:first-child { display: flex; align-items: center; justify-content: space-between; }
.user-menu__badge { min-width: 22px; height: 22px; display: inline-grid; place-items: center; padding-inline: 5px; border-radius: 999px; color: #fff; background: #e43f65; font-size: .66rem; }

.mini-home { min-width: 48px; min-height: 48px; display: none; align-items: center; gap: 8px; border: 0; border-radius: 999px; background: transparent; font-weight: 900; cursor: pointer; }
.mini-home img { width: 43px; height: 43px; object-fit: contain; filter: drop-shadow(0 5px 8px rgba(255, 139, 17, .24)); }
.mini-home span { display: none; }
body:not(.is-home) .mini-home { display: flex; animation: miniSunIn .42s cubic-bezier(.2,.85,.3,1.1) both; }
body:not(.is-home) .topbar__brand { display: none; }

main { width: 100%; }
.view { animation: viewIn .34s ease both; }
.home-view { height: calc(100svh - 70px); min-height: 0; overflow: hidden; }
.home-stage { height: 100%; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: clamp(16px, 2.7svh, 26px) 8px max(10px, env(safe-area-inset-bottom)); overflow: hidden; }
.welcome-line { flex: 0 0 auto; margin: 0 0 clamp(5px, 1.2svh, 11px); color: var(--muted); font-size: .88rem; transform: translateY(-7px); }
.welcome-line strong { color: var(--ink); }

.totem {
  --book-width: min(325px, 72vw, max(40px, calc((100svh - 178px) / 3.55)));
  position: relative;
  width: var(--book-width);
  height: calc(var(--book-width) * 3.55);
  flex: 0 0 auto;
  isolation: isolate;
  perspective: 900px;
  transition: transform .24s cubic-bezier(.2,.82,.25,1.08);
}
.totem.is-shifted { transform: translateX(clamp(-62px, -9vw, -36px)); }
.totem::after { content: ""; position: absolute; z-index: 0; left: 5%; right: 3%; bottom: .3%; height: 2.2%; border-radius: 50%; background: rgba(60,39,23,.25); filter: blur(9px); transform: scaleX(.83); pointer-events: none; }
.totem-base { position: absolute; z-index: 1; width: 238.695%; max-width: none; height: auto; left: -69.464%; top: calc(var(--book-width) * -.05361); display: block; pointer-events: none; user-select: none; }
.sun-orb { position: absolute; z-index: 12; top: 0; left: 50%; width: 83%; aspect-ratio: 1; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; transform: translateX(-50%); }
.book-stack { position: absolute; z-index: 2; inset: 0; }
.book-link { position: absolute; z-index: var(--intro-order); top: calc(var(--book-width) * var(--slice-top)); left: 0; width: 100%; height: calc(var(--book-width) * var(--slice-height)); display: block; text-decoration: none; touch-action: pan-y; }
.book-label { position: absolute; z-index: 20; top: 50%; right: -8px; transform: translate(100%, -44%) scale(.96); padding: 9px 14px; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; color: var(--ink); background: rgba(255,255,255,.94); box-shadow: 0 8px 20px rgba(36,50,74,.16); font-size: clamp(.82rem, 2.4vw, 1.05rem); font-weight: 900; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .24s cubic-bezier(.2,.82,.25,1.12), color .18s, background .18s, box-shadow .18s; }
.book-link:focus-visible .book-label, .book-link:hover .book-label, .book-link.is-label-visible .book-label { opacity: 1; transform: translate(100%, -50%) scale(1); pointer-events: auto; }
.book-link.is-swipe-ready .book-label { color: #fff; background: var(--ink); box-shadow: 0 0 0 5px rgba(37,132,233,.18), 0 12px 26px rgba(36,50,74,.24); transform: translate(100%, -50%) scale(1.045); }
.book-link:focus-visible { outline: none; }
.book-link:focus-visible .book-label { box-shadow: 0 0 0 3px rgba(55,105,168,.58), 0 8px 20px rgba(36,50,74,.16); }

.touch-hint { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; min-height: 20px; margin: 2px 0 0; color: var(--muted); font-size: clamp(.62rem, 2.7vw, .76rem); transition: opacity .2s; }

.section-view { width: min(100% - 28px, 980px); margin: 0 auto; padding: 28px 0 60px; }
.section-view--wide { width: min(100% - 22px, 1180px); }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.section-heading h1 { margin: 4px 0 0; font-size: clamp(2.2rem, 9vw, 4.6rem); line-height: .98; letter-spacing: -.065em; }
.section-heading--actions { align-items: flex-end; }
.section-symbol { width: 58px; height: 58px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 20px; color: #fff; font-size: 1.7rem; font-weight: 900; transform: rotate(3deg); box-shadow: 0 12px 26px rgba(36,50,74,.12); }
.section-symbol--red { background: var(--red); }
.section-symbol--orange { background: var(--orange); }
.section-symbol--yellow { color: #684400; background: var(--yellow); }
.section-symbol--purple { background: var(--purple); }
.section-symbol--pink { background: var(--pink); }
.section-intro { margin: -10px 0 24px; color: var(--muted); font-size: 1.02rem; line-height: 1.55; }

.feature-card { min-height: 330px; display: grid; align-items: center; gap: 28px; padding: 30px 24px; border: 1px solid rgba(255,255,255,.9); border-radius: 34px; background: rgba(255,255,255,.83); box-shadow: var(--shadow); overflow: hidden; }
.feature-card h2 { margin: 11px 0 10px; font-size: clamp(1.8rem, 7vw, 3rem); letter-spacing: -.045em; }
.feature-card p { max-width: 520px; color: var(--muted); line-height: 1.6; }
.feature-card__art { position: relative; width: 170px; height: 130px; display: grid; place-items: center; justify-self: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#7fd8ff,#2b8ee6); font-size: 5.5rem; filter: drop-shadow(0 18px 20px rgba(48,139,214,.22)); }
.feature-card__art span { position: absolute; bottom: 16px; color: #ffc328; font-size: 3.7rem; text-shadow: 0 5px 0 #d58500; }
.status-pill { width: fit-content; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; color: #17603a; background: #ddf6e7; font-size: .72rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.status-pill--orange { color: #8b4400; background: #fff0d8; }
.status-pill--violet { color: #5a2988; background: #efe3ff; }
.status-pill--green { color: #17603a; background: #ddf6e7; }
.status-pill--pink { color: #9b1755; background: #ffe0ee; }
.info-strip { display: flex; align-items: flex-start; gap: 14px; margin-top: 18px; padding: 17px 19px; border: 1px solid rgba(255,255,255,.9); border-radius: 20px; background: rgba(255,255,255,.65); }
.info-strip > span { font-size: 1.4rem; }
.info-strip p { margin: 4px 0 0; color: var(--muted); font-size: .86rem; }

.card-grid, .link-grid { display: grid; gap: 16px; }
.card-grid--single { grid-template-columns: minmax(0, 720px); justify-content: center; }
.action-card { position: relative; min-height: 320px; display: flex; flex-direction: column; align-items: flex-start; padding: 24px; border: 1px solid rgba(255,255,255,.9); border-radius: 28px; background: rgba(255,255,255,.84); box-shadow: 0 15px 38px rgba(36,50,74,.08); }
.action-card--files { width: 100%; min-height: 290px; }
.student-upload-form { width: 100%; max-width: 560px; display: grid; gap: 9px; margin: 12px 0; }
.student-upload-form label { color: var(--ink); font-weight: 800; }
.student-upload-form select,.student-upload-form input[type="file"] { width: 100%; min-height: 46px; padding: 9px 11px; border: 1px solid #c9d7e8; border-radius: 12px; color: var(--ink); background: #fff; font: inherit; }
.student-upload-form button { justify-self: start; }
.student-upload-form output { min-height: 1.4em; color: var(--muted); overflow-wrap: anywhere; }
.action-card__icon { width: 70px; height: 70px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 23px; background: #fff0d9; font-size: 2rem; }
.action-card--violet .action-card__icon { background: #eee3ff; }
.action-card h2 { margin: 14px 0 7px; font-size: 1.55rem; }
.action-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.file-types { margin: auto 0 16px; padding-top: 20px; color: var(--muted); font-size: .78rem; font-weight: 800; letter-spacing: .05em; }

.filter-row { display: flex; gap: 8px; margin-bottom: 18px; overflow: auto; padding: 2px 3px 9px; scrollbar-width: none; }
.filter-row::-webkit-scrollbar { display: none; }
.filter-chip { flex: 0 0 auto; min-height: 42px; padding: 0 15px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.72); font-weight: 800; cursor: pointer; }
.filter-chip.is-active { color: #fff; background: var(--ink); }
.link-card { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 15px; padding: 17px; border: 1px solid rgba(255,255,255,.95); border-radius: 24px; background: rgba(255,255,255,.82); box-shadow: 0 12px 30px rgba(36,50,74,.07); }
.link-card__favicon, .link-card__favicon-fallback { width: 48px; height: 48px; border-radius: 14px; }
.link-card__favicon { display: block; padding: 7px; object-fit: contain; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.link-card__favicon-fallback { display: grid; place-items: center; background: #dcedff; font-size: 1.15rem; }
.link-card__title { text-decoration-thickness: 2px; text-decoration-color: rgba(37,132,233,.32); text-underline-offset: 4px; }
.link-card__title:hover, .link-card__title:focus-visible { color: #155c9f; text-decoration-color: currentColor; }
.link-card__icon { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 19px; font-size: 1.2rem; font-weight: 900; }
.link-card__icon--pink { color: #9d1854; background: #ffe0ed; }
.link-card__icon--blue { color: #155c9f; background: #dcedff; }
.link-card__icon--green { color: #146039; background: #ddf6e7; }
.link-card small { color: var(--muted); font-weight: 800; }
.link-card h2 { margin: 4px 0; font-size: 1.05rem; }
.link-card p { margin: 0; color: var(--muted); font-size: .84rem; }
.round-link { width: 46px; height: 46px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #f3f1eb; font-size: 1.1rem; cursor: pointer; }

.calendar-toolbar { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin-bottom: 16px; }
.daily-wellbeing { display: grid; gap: 11px; margin: 0 0 14px; padding: 15px 17px; border: 1px solid rgba(244,189,47,.32); border-radius: 22px; background: linear-gradient(135deg,rgba(255,251,226,.96),rgba(255,255,255,.88)); box-shadow: 0 12px 30px rgba(36,50,74,.06); }
.daily-wellbeing[hidden] { display: none; }
.daily-wellbeing__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.daily-wellbeing__heading h2 { margin: 2px 0 0; font-size: 1.15rem; }
.daily-wellbeing__status { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: #7a6550; background: #f2eee5; font-size: .68rem; font-weight: 900; }
.daily-wellbeing__status.is-saved { color: #17603a; background: #ddf6e7; }
.daily-wellbeing form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px; }
.daily-wellbeing__ratings { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.wellbeing-rating { min-width: 0; margin: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.9); }
.wellbeing-rating legend { padding: 0 4px; color: var(--ink); font-size: .76rem; font-weight: 900; }
.wellbeing-rating > div { display: flex; justify-content: center; gap: 2px; }
.wellbeing-rating button { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 9px; color: #d7dbe2; background: transparent; font-size: 1.35rem; line-height: 1; cursor: pointer; transition: color 120ms ease, transform 120ms ease, background 120ms ease; }
.wellbeing-rating button:hover, .wellbeing-rating button:focus-visible { color: #f0b31f; background: #fff6d7; transform: translateY(-1px); }
.wellbeing-rating button.is-active { color: #f2b51f; text-shadow: 0 1px 0 #9b641c; }
.daily-wellbeing form > .primary-button { min-width: 108px; }
.segmented-control { display: grid; grid-template-columns: repeat(3, 1fr); padding: 4px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.76); }
.segmented-control button { min-height: 39px; border: 0; border-radius: 12px; background: transparent; font-weight: 800; cursor: pointer; }
.segmented-control button.is-active { color: #fff; background: var(--ink); box-shadow: 0 5px 12px rgba(36,50,74,.18); }
.calendar-nav { display: flex; align-items: center; justify-content: center; gap: 10px; }
.calendar-nav button { width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 12px; background: #fff; cursor: pointer; }
.calendar-layout { display: grid; gap: 16px; }
.calendar-board, .upcoming-card { border: 1px solid rgba(255,255,255,.95); border-radius: 26px; background: rgba(255,255,255,.82); box-shadow: 0 15px 38px rgba(36,50,74,.08); }
.calendar-board { min-height: 430px; padding: 14px; overflow-x: auto; overscroll-behavior-inline: contain; }
.calendar-days { display: grid; grid-template-columns: repeat(7, minmax(86px,1fr)); min-width: 620px; }
.calendar-day { min-height: 380px; padding: 10px 8px; border-right: 1px solid var(--line); }
.calendar-day:last-child { border: 0; }
.calendar-day__head { display: grid; justify-items: center; gap: 4px; margin-bottom: 12px; color: var(--muted); font-size: .7rem; font-weight: 900; text-transform: uppercase; }
.calendar-day__head strong { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); font-size: .95rem; }
.calendar-day.is-today .calendar-day__head strong { color: #fff; background: var(--blue); }
.calendar-schedule { margin: 0 0 7px; padding: 6px; border: 1px solid rgba(93,74,169,.16); border-radius: 12px; background: rgba(239,234,255,.68); }
.calendar-schedule > strong { display: block; margin: 0 2px 5px; color: #57438e; font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; }
.calendar-schedule ol { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
.calendar-schedule li { min-width: 0; display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: center; gap: 4px; }
.calendar-schedule li span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: #7259bb; font-size: .62rem; font-weight: 950; }
.calendar-schedule li strong { min-width: 0; overflow: hidden; color: #3f3563; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.duty-zone { margin: 0 0 7px; padding: 5px; border: 1px solid rgba(37,132,233,.16); border-radius: 12px; background: rgba(224,240,255,.58); }
.duty-zone > strong { display: block; margin: 1px 2px 5px; font-size: .66rem; }
.duty-slots { display: grid; gap: 4px; }
.duty-slot { min-width: 0; min-height: 42px; display: flex; align-items: center; gap: 5px; padding: 4px; border: 1px dashed #8bb4dc; border-radius: 9px; color: #31506f; background: rgba(255,255,255,.9); text-align: left; cursor: pointer; overflow: hidden; }
.duty-slot:disabled { cursor: default; opacity: .78; }
.duty-avatar { width: 24px; height: 24px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; object-fit: cover; color: #fff; background: linear-gradient(145deg,#5e76ec,#8c4bc6); font-size: .48rem; font-weight: 900; }
.duty-slot__copy { min-width: 0; display: grid; gap: 1px; }
.duty-slot__copy strong, .duty-slot__copy small { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.duty-slot__copy strong { font-size: .64rem; }
.duty-slot__copy small { font-size: .58rem; font-weight: 900; }
.duty-slot.is-occupied { border-style: solid; border-color: rgba(37,132,233,.25); }
.duty-slot.is-mine { box-shadow: 0 0 0 2px rgba(37,132,233,.32); }
.homework-field { width: 100%; display: grid; gap: 2px; margin: 0 0 6px; padding: 6px; border: 1px dashed rgba(239,145,32,.42); border-radius: 10px; color: #70430f; background: rgba(255,241,218,.72); text-align: left; cursor: pointer; }
.homework-field strong { font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; }
.homework-field span { display: -webkit-box; overflow: hidden; color: #7a6550; font-size: .7rem; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.homework-field.has-content { border-style: solid; background: #fff0d8; }
.event-chip { display: block; width: 100%; margin-bottom: 7px; padding: 8px; border: 0; border-radius: 11px; color: #604100; background: #fff1b8; font: inherit; font-size: .7rem; font-weight: 800; line-height: 1.25; text-align: left; }
.event-chip--editable { cursor: pointer; transition: transform .16s ease, box-shadow .16s ease; }
.event-chip--editable:hover, .event-chip--editable:focus-visible { transform: translateY(-1px); box-shadow: 0 5px 12px rgba(35,52,79,.13); }
.event-chip--blue { color: #174f80; background: #dceeff; }
.event-chip--pink { color: #852449; background: #ffe1ec; }
.event-chip--birthday { color: #71336f; background: linear-gradient(135deg, #ffe3f2, #eee5ff); box-shadow: inset 0 0 0 1px rgba(126,73,149,.12); }
.calendar-vacation { display: block; margin-bottom: 8px; padding: 7px 8px; border-radius: 10px; color: #70531a; background: #fff0c7; font-size: .69rem; font-weight: 900; line-height: 1.25; }
.calendar-board[data-mode="day"] .calendar-days { grid-template-columns: 1fr; min-width: 0; }
.calendar-board[data-mode="day"] .calendar-day { display: block; border: 0; }
.calendar-board[data-mode="day"] .calendar-schedule { padding: 10px; }
.calendar-board[data-mode="day"] .calendar-schedule > strong { margin-bottom: 7px; font-size: .8rem; }
.calendar-board[data-mode="day"] .calendar-schedule ol { gap: 5px; }
.calendar-board[data-mode="day"] .calendar-schedule li { grid-template-columns: 26px minmax(0,1fr); gap: 7px; }
.calendar-board[data-mode="day"] .calendar-schedule li span { width: 26px; height: 26px; font-size: .75rem; }
.calendar-board[data-mode="day"] .calendar-schedule li strong { font-size: .92rem; }
.calendar-board[data-mode="month"] .calendar-days { grid-template-columns: repeat(7, minmax(62px,1fr)); min-width: 500px; }
.calendar-board[data-mode="month"] .calendar-day { min-height: 112px; }
.calendar-board[data-mode="month"] .duty-zone { padding: 4px 3px; }
.calendar-board[data-mode="month"] .duty-slot { min-height: 34px; }
.calendar-board[data-mode="month"] .duty-avatar { width: 18px; height: 18px; }
.calendar-board[data-mode="month"] .duty-slot__copy strong { font-size: .58rem; }
.calendar-board[data-mode="month"] .duty-slot__copy small { display: none; }
.calendar-board[data-mode="month"] .homework-field { padding: 5px; }
.calendar-board[data-mode="month"] .homework-field strong { font-size: .62rem; }
.calendar-board[data-mode="month"] .homework-field span { font-size: .62rem; -webkit-line-clamp: 2; }
.upcoming-card { padding: 22px; }
.upcoming-card h2 { margin: 5px 0 18px; }
.upcoming-event { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 13px 0; border-top: 1px solid var(--line); }
.upcoming-event time { min-width: 99px; height: 44px; padding: 0 7px; display: grid; place-items: center; border-radius: 13px; color: #855200; background: #fff0b5; font-size: .75rem; font-weight: 900; white-space: nowrap; }
.upcoming-event h3 { margin: 2px 0; font-size: .95rem; }
.upcoming-event p { margin: 0; color: var(--muted); font-size: .77rem; }

.classroom-clock { display: grid; grid-template-columns: auto minmax(190px,.55fr) auto; align-items: center; gap: 14px; margin: 0 0 16px; padding: 10px 14px; border-radius: 22px; color: #fff; background: linear-gradient(135deg,#172846,#324e7d); box-shadow: 0 15px 30px rgba(23,40,70,.2); }
.classroom-clock__modes { display: flex; gap: 4px; }
.classroom-clock__modes button { padding: 8px 10px; border: 0; border-radius: 999px; color: rgba(255,255,255,.7); background: transparent; font: inherit; font-size: .68rem; font-weight: 900; cursor: pointer; }
.classroom-clock__modes button.is-active { color: #203558; background: #fff; }
.classroom-clock__modes button:disabled { cursor: default; opacity: .65; }
.classroom-clock__display { min-width: 0; color: #fff; font-size: clamp(2.8rem,7vw,5.7rem); font-variant-numeric: tabular-nums; font-weight: 950; line-height: .9; letter-spacing: -.06em; text-align: center; text-shadow: 0 5px 15px rgba(0,0,0,.22); }
.classroom-clock__controls { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.classroom-clock__controls label { display: grid; gap: 2px; }
.classroom-clock__controls label span { color: rgba(255,255,255,.7); font-size: .58rem; font-weight: 900; text-transform: uppercase; }
.classroom-clock__controls input, .classroom-clock__controls select { width: 92px; min-height: 34px; padding: 4px 8px; border: 0; border-radius: 10px; color: #263d64; background: #fff; font: inherit; font-size: .78rem; font-weight: 900; text-align: center; }
.classroom-clock__visual { position: relative; grid-column: 1 / -1; width: 100%; height: clamp(42px,5vw,58px); overflow: hidden; border: 2px solid rgba(255,255,255,.38); border-radius: 15px; background: rgba(7,18,39,.5); box-shadow: inset 0 3px 9px rgba(0,0,0,.22); }
.classroom-clock__visual::after { position: absolute; inset: 0; content: ""; background: repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(15,36,67,.28) calc(10% - 2px) 10%); pointer-events: none; }
.classroom-clock__visual-fill { position: absolute; inset: 0 auto 0 0; width: 100%; border-radius: 12px; background: linear-gradient(90deg,#19bf70,#85df64); box-shadow: inset 0 2px 0 rgba(255,255,255,.25); transition: width .18s linear,background .25s ease; }
.classroom-clock__visual[data-stage="warning"] .classroom-clock__visual-fill { background: linear-gradient(90deg,#ff9d24,#ffcf3e); }
.classroom-clock__visual[data-stage="final"] .classroom-clock__visual-fill { background: linear-gradient(90deg,#ed4058,#ff7a4e); }
.classroom-clock__visual-label { position: absolute; z-index: 1; inset: 0; display: grid; place-items: center; color: #fff; font-size: clamp(.82rem,1.7vw,1rem); font-variant-numeric: tabular-nums; font-weight: 950; letter-spacing: .02em; text-shadow: 0 2px 5px rgba(0,0,0,.45); }
.classroom-clock.is-running .classroom-clock__display { color: #ffe064; }
.classroom-clock.is-expired { animation: classroomClockFinished .55s ease-in-out 5 alternate; background: linear-gradient(135deg,#8c2856,#d94a60); }
.classroom-panels { display: grid; gap: 10px; }
.classroom-panel { overflow: clip; border: 1px solid rgba(45,58,86,.12); border-radius: 22px; background: rgba(255,255,255,.75); box-shadow: 0 10px 26px rgba(41,53,80,.07); }
.classroom-panel > summary { min-height: 82px; display: grid; grid-template-columns: 64px minmax(0,1fr) 30px; align-items: center; gap: 13px; padding: 9px 16px; color: var(--ink); background: rgba(255,255,255,.88); cursor: pointer; list-style: none; user-select: none; }
.classroom-panel > summary::-webkit-details-marker { display: none; }
.classroom-panel > summary:hover { background: #fff; }
.classroom-panel > summary:focus-visible { outline: 3px solid rgba(45,129,228,.32); outline-offset: -3px; }
.classroom-panel--link { min-height: 82px; display: grid; grid-template-columns: 64px minmax(0,1fr) 30px; align-items: center; gap: 13px; padding: 9px 16px; color: var(--ink); text-decoration: none; background: rgba(255,255,255,.88); }
.classroom-panel--link:hover { background: #fff; }
.classroom-panel--link:focus-visible { outline: 3px solid rgba(45,129,228,.32); outline-offset: -3px; }
.classroom-panel__label { display: grid; gap: 2px; min-width: 0; }
.classroom-panel__label strong { font-size: clamp(1.14rem,2.4vw,1.45rem); }
.classroom-panel__label small { color: var(--muted); font-size: .88rem; line-height: 1.3; }
.classroom-panel > summary strong { font-size: clamp(1.14rem,2.4vw,1.45rem); }
.classroom-panel__icon { width: 64px; height: 64px; display: grid; place-items: center; }
.classroom-panel__icon img { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 5px 7px rgba(41,53,80,.18)); transition: transform .18s ease; }
.classroom-panel > summary:hover .classroom-panel__icon img,
.classroom-panel > summary:focus-visible .classroom-panel__icon img,
.classroom-panel--link:hover .classroom-panel__icon img,
.classroom-panel--link:focus-visible .classroom-panel__icon img { transform: translateY(-2px) scale(1.05); }
.classroom-panel__arrow { justify-self: end; color: #718096; font-size: 1.8rem; line-height: 1; transition: transform .18s ease; }
.classroom-panel[open] > summary { border-bottom: 1px solid rgba(45,58,86,.09); }
.classroom-panel[open] > summary .classroom-panel__arrow { transform: rotate(90deg); }
.classroom-panel__body { padding: 14px; }
.classroom-panel__body > .classroom-clock,
.classroom-panel__body > .classroom-picker,
.classroom-panel__body > .classroom-question-picker,
.classroom-panel__body > .classroom-report { margin-bottom: 0; }
.classroom-panel__body > .classroom-picker + .classroom-report { margin-top: 14px; }
.sound-meter { display: grid; gap: 11px; padding: clamp(14px,2.5vw,22px); border: 1px solid rgba(255,255,255,.95); border-radius: 26px; background: radial-gradient(circle at 12% 0,rgba(103,222,101,.2),transparent 38%),linear-gradient(135deg,#f8fff4,#edf7ff); box-shadow: 0 15px 34px rgba(30,72,85,.1); }
.sound-meter__hero { --sound-level: 0%; --sound-threshold: 65%; display: grid; grid-template-columns: minmax(100px,.34fr) minmax(220px,1fr) minmax(105px,.34fr); align-items: center; gap: 13px; padding: 13px; border-radius: 21px; background: rgba(255,255,255,.82); box-shadow: inset 0 0 0 1px rgba(39,92,111,.08); }
.sound-meter__reading { min-width: 0; text-align: center; }
.sound-meter__reading small,.sound-meter__reading output { display: block; }
.sound-meter__reading small { color: #607284; font-size: .66rem; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.sound-meter__reading--class output { margin-top: 2px; color: #173754; font-size: clamp(2.35rem,6vw,4.8rem); font-variant-numeric: tabular-nums; font-weight: 950; line-height: .92; }
.sound-meter__reading--local output { margin-top: 4px; overflow: hidden; color: #31556f; font-size: clamp(1rem,2.2vw,1.35rem); font-variant-numeric: tabular-nums; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.sound-meter__gauge { position: relative; height: clamp(48px,6vw,66px); overflow: hidden; border: 2px solid rgba(33,83,99,.12); border-radius: 999px; background: #e5edf0; box-shadow: inset 0 4px 10px rgba(24,56,69,.12); }
.sound-meter__gauge::after { position: absolute; inset: 0; content: ""; background: repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(28,64,77,.1) calc(10% - 1px) 10%); pointer-events: none; }
.sound-meter__gauge-fill { position: absolute; inset: 0 auto 0 0; width: var(--sound-level); border-radius: inherit; background: linear-gradient(90deg,#28bd78,#83d85e 45%,#ffd14d 72%,#ee6152); box-shadow: inset 0 3px 0 rgba(255,255,255,.28); transition: width .8s cubic-bezier(.22,.7,.2,1); }
.sound-meter__threshold { position: absolute; z-index: 2; top: 5px; bottom: 5px; left: var(--sound-threshold); width: 3px; border-radius: 999px; background: #263d64; box-shadow: 0 0 0 2px rgba(255,255,255,.78); transform: translateX(-50%); transition: left .25s ease; }
.sound-meter__hero.is-alerting { animation: soundMeterNotice 3.2s ease-in-out 1; }
.sound-meter__status { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; }
.sound-meter__status span { padding: 6px 9px; border-radius: 999px; color: #456174; background: rgba(255,255,255,.84); font-size: .72rem; font-weight: 900; }
.sound-meter__status span.is-active { color: #17603a; background: #ddf6e7; }
.sound-meter__score { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 2px 14px; padding: 11px 14px; border: 1px solid rgba(40,111,82,.13); border-radius: 18px; background: linear-gradient(135deg,rgba(230,250,236,.92),rgba(237,247,255,.9)); }
.sound-meter__score > div { grid-row: 1 / 3; min-width: 78px; text-align: center; }
.sound-meter__score > div small,.sound-meter__score > div output { display: block; }
.sound-meter__score > div small { color: #587365; font-size: .65rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.sound-meter__score > div output { margin-top: 2px; color: #174b35; font-size: clamp(2.1rem,5vw,3.6rem); font-variant-numeric: tabular-nums; font-weight: 950; line-height: .9; }
.sound-meter__score > p { margin: 0; color: #38576a; font-size: .82rem; font-weight: 800; }
.sound-meter__score > p strong:first-child { color: #b23b47; }
.sound-meter__score > p strong:last-child { color: #168553; }
.sound-meter__score > small { color: #66798b; font-size: .7rem; font-weight: 750; }
.sound-meter__reward { position: absolute; z-index: 2; top: 50%; left: 94px; padding: 5px 9px; border-radius: 999px; color: #17663f; background: #fff8c7; box-shadow: 0 7px 18px rgba(86,120,31,.2); font-size: .82rem; font-weight: 950; opacity: 0; pointer-events: none; transform: translate(-50%,-15%) scale(.7); }
.sound-meter__score.is-rewarding { animation: soundScoreGlow 2.2s ease-out 1; }
.sound-meter__score.is-rewarding .sound-meter__reward { animation: soundScoreReward 2.2s ease-out 1; }
.sound-meter__controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.sound-meter__settings { display: grid; grid-template-columns: minmax(210px,1.1fr) repeat(2,minmax(185px,.8fr)); align-items: start; gap: 9px; padding: 11px; border: 1px solid rgba(45,88,106,.1); border-radius: 17px; background: rgba(255,255,255,.76); }
.sound-meter__settings-main { display: grid; gap: 10px; }
.sound-meter__settings-main label { display: grid; gap: 5px; color: #52687a; font-size: .72rem; font-weight: 900; }
.sound-meter__settings-main label:first-child { grid-template-columns: auto minmax(100px,1fr) 34px; align-items: center; }
.sound-meter__settings-main label:first-child span { grid-column: 1 / -1; }
.sound-meter__settings-main input[type="number"] { width: 100%; }
.sound-meter__settings input[type="range"] { width: 100%; accent-color: #2baf71; }
.sound-meter__settings output { color: #173754; font-size: .9rem; font-variant-numeric: tabular-nums; font-weight: 950; text-align: right; }
.sound-meter__rules { min-width: 0; display: grid; grid-template-columns: minmax(86px,.7fr) minmax(100px,1fr); gap: 6px 8px; margin: 0; padding: 8px 9px 9px; border: 1px solid rgba(45,88,106,.1); border-radius: 13px; }
.sound-meter__rules legend { padding: 0 5px; color: #2c5369; font-size: .71rem; font-weight: 950; }
.sound-meter__rules > span { color: #728190; font-size: .61rem; font-weight: 850; }
.sound-meter__rules label { min-width: 0; display: flex; align-items: center; gap: 4px; color: #52687a; font-size: .7rem; font-weight: 850; }
.sound-meter__rules input { width: 100%; min-width: 0; padding: 7px 8px; }
.sound-meter__settings-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 7px; }
.sound-meter__history { padding: 9px 11px; border: 1px solid rgba(45,88,106,.1); border-radius: 15px; background: rgba(255,255,255,.72); }
.sound-meter__history > summary { cursor: pointer; color: #2d536b; font-size: .75rem; font-weight: 950; }
.sound-meter__history > div { margin-top: 8px; }
.sound-meter__history > div > p { margin: 0; color: #6d7d8d; font-size: .72rem; font-weight: 750; }
.sound-meter__history-table { max-height: 280px; display: grid; gap: 3px; overflow-y: auto; scrollbar-color: #b8c8d2 transparent; }
.sound-meter__history-row { display: grid; grid-template-columns: minmax(145px,1fr) 42px 42px 48px; align-items: center; gap: 5px; padding: 6px 8px; border-radius: 10px; background: #f7f9fb; color: #40566b; font-size: .72rem; text-align: center; }
.sound-meter__history-row > span:first-child { min-width: 0; display: grid; text-align: left; }
.sound-meter__history-row > span:first-child strong { overflow: hidden; color: #263d5c; text-overflow: ellipsis; white-space: nowrap; }
.sound-meter__history-row > span:first-child small { color: #7a8795; font-size: .64rem; }
.sound-meter__history-row > span:nth-child(2) { color: #b23b47; font-weight: 900; }
.sound-meter__history-row > span:nth-child(3) { color: #168553; font-weight: 900; }
.sound-meter__history-row > strong:last-child { color: #173754; font-size: .86rem; }
.sound-meter__message { min-height: 1.25em; margin: 0; color: #647789; font-size: .74rem; font-weight: 800; text-align: center; }
@keyframes soundScoreGlow { 0%,100% { box-shadow: none; } 28% { box-shadow: 0 0 0 5px rgba(255,205,52,.2),0 12px 30px rgba(52,151,93,.2); } }
@keyframes soundScoreReward { 0% { opacity: 0; transform: translate(-50%,15%) scale(.65); } 18%,62% { opacity: 1; transform: translate(-50%,-65%) scale(1); } 100% { opacity: 0; transform: translate(-50%,-125%) scale(.9); } }
.classroom-map-actions { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.classroom-shell { padding: 14px; border: 6px solid #e3d1ac; border-radius: 20px; background: rgba(255,255,255,.78); box-shadow: var(--shadow), inset 0 0 0 1px rgba(134,100,51,.1); }
.classroom-picker { position: relative; display: grid; gap: 14px; margin: 0 0 20px; padding: clamp(16px,3vw,25px); overflow: hidden; border: 1px solid rgba(255,255,255,.95); border-radius: 28px; background: radial-gradient(circle at 100% 0, rgba(255,211,55,.32), transparent 42%), linear-gradient(135deg, rgba(255,255,255,.94), rgba(242,234,255,.88)); box-shadow: 0 18px 42px rgba(58,44,92,.1); }
.classroom-picker__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.classroom-picker__heading h2 { margin: 5px 0 4px; font-size: clamp(1.55rem,4vw,2.25rem); letter-spacing: -.04em; }
.classroom-picker__heading p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.45; }
.classroom-picker__counter { flex: 0 0 auto; padding: 9px 12px; border-radius: 999px; color: #17603a; background: #ddf6e7; font-size: .76rem; font-weight: 900; text-align: center; }
.classroom-picker__counter.is-complete { color: #6a2f88; background: #efe3ff; }
.classroom-picker__result { position: relative; min-height: 92px; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 16px 20px; overflow: hidden; border-radius: 22px; color: #fff; background: linear-gradient(135deg, #273a62, #4d397d); box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 12px 25px rgba(46,42,91,.2); text-align: center; }
.classroom-picker__result small, .classroom-picker__result strong { display: block; }
.classroom-picker__result small { margin-bottom: 4px; color: rgba(255,255,255,.72); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.classroom-picker__result > div > strong { font-size: clamp(1.25rem,4.5vw,2rem); line-height: 1.1; }
.classroom-picker__result.has-selection { background: linear-gradient(135deg, #5b2ba5, #2584e9); }
.classroom-picker__dice { flex: 0 0 auto; font-size: 2.5rem; filter: drop-shadow(0 5px 5px rgba(0,0,0,.18)); }
.classroom-picker__names { display: flex!important; flex-wrap: wrap; justify-content: center; gap: 7px; }
.classroom-picker__names span { padding: 5px 10px; border-radius: 999px; color: #352359; background: #fff; box-shadow: 0 4px 0 rgba(31,18,68,.18); white-space: nowrap; }
.classroom-picker__controls { display: grid; gap: 10px; }
.classroom-picker__controls > p { margin: 0; font-size: .82rem; font-weight: 900; }
.classroom-picker__sizes { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.classroom-picker__sizes button { min-height: 62px; display: grid; place-items: center; align-content: center; gap: 0; padding: 7px 4px; border: 1px solid rgba(63,76,119,.14); border-radius: 16px; color: #3d3262; background: rgba(255,255,255,.92); box-shadow: 0 5px 0 rgba(89,72,122,.12); cursor: pointer; transition: transform .15s, box-shadow .15s, opacity .15s; }
.classroom-picker__sizes button:hover:not(:disabled) { transform: translateY(-3px); box-shadow: 0 8px 0 rgba(89,72,122,.14); }
.classroom-picker__sizes button:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 2px 0 rgba(89,72,122,.12); }
.classroom-picker__sizes button:disabled { cursor: default; opacity: .36; }
.classroom-picker__sizes strong { font-size: 1.45rem; line-height: 1; }
.classroom-picker__sizes span { margin-top: 3px; color: var(--muted); font-size: .68rem; font-weight: 800; }
.classroom-picker__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.classroom-picker__actions button:disabled { cursor: default; opacity: .45; }
.classroom-picker__round-actions { display: flex; align-items: center; gap: 8px; }
.classroom-picker__history { min-width: 0; padding-top: 2px; color: var(--muted); font-size: .73rem; }
.classroom-picker__history > strong { display: block; margin-bottom: 6px; color: var(--ink); }
.classroom-picker__history > div { display: flex; gap: 6px; padding-bottom: 4px; overflow-x: auto; scrollbar-width: thin; }
.classroom-picker__history span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: rgba(255,255,255,.8); white-space: nowrap; }
.classroom-picker__result.is-rolling .classroom-picker__dice { animation: classroomDice .24s ease-in-out infinite alternate; }
.classroom-picker__result.is-celebrating::before, .classroom-picker__result.is-celebrating::after { position: absolute; top: 50%; font-size: 2rem; pointer-events: none; animation: classroomSpark 1.15s ease-out 2; }
.classroom-picker__result.is-celebrating::before { content: "✨"; left: 8%; }
.classroom-picker__result.is-celebrating::after { content: "🎉"; right: 8%; animation-delay: .12s; }
.classroom-picker__selection { flex: 1 1 auto; min-width: 0; }
.classroom-picker__evaluations { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; }
.classroom-evaluation { min-width: min(100%,190px); padding: 9px; border-radius: 17px; background: rgba(255,255,255,.13); box-shadow: inset 0 0 0 1px rgba(255,255,255,.13); }
.classroom-evaluation > strong { display: block; margin-bottom: 7px; color: #fff; font-size: clamp(1.5rem,4vw,2.4rem); line-height: 1.05; }
.classroom-picker__result.is-free .classroom-evaluation > strong { margin-bottom: 0; }
.classroom-evaluation > div { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }
.classroom-evaluation.is-scored { flex: 1 1 260px; max-width: 460px; }
.classroom-evaluation > div.classroom-evaluation__score { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.classroom-evaluation__score label { min-width: 0; color: #fff; font-size: .78rem; font-weight: 800; }
.classroom-evaluation__score select, .classroom-evaluation__score input { width: 100%; min-height: 38px; margin-top: 4px; padding: 6px 9px; border: 1px solid #d7dbee; border-radius: 9px; color: #2c3354; background: #fff; font: inherit; }
.classroom-evaluation__score input, .classroom-evaluation__score button { grid-column: 1 / -1; }
.classroom-evaluation__qualifier { grid-column: 1 / -1; color: #fff; font-size: .85rem; font-weight: 900; }
.classroom-evaluation > div.classroom-evaluation__other { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 7px; }
.classroom-picker__attach { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin: 0 auto 10px; }
.classroom-picker__attach select { min-width: min(100%,240px); min-height: 39px; padding: 7px 9px; border: 1px solid #d7dbee; border-radius: 10px; color: #2c3354; background: #fff; font: inherit; }
.classroom-picker__attach button { min-height: 39px; padding: 7px 12px; border: 0; border-radius: 10px; color: #292457; background: #ffcf67; font: inherit; font-weight: 900; cursor: pointer; }
.classroom-evaluation button { min-height: 36px; padding: 5px 6px; border: 0; border-radius: 10px; color: #392957; background: rgba(255,255,255,.9); font: inherit; font-size: .73rem; font-weight: 900; cursor: pointer; }
.classroom-evaluation button:hover { background: #fff; transform: translateY(-1px); }
.classroom-evaluation button:disabled, .classroom-absence__list button:disabled { cursor: wait; opacity: .65; }
.classroom-evaluation button[aria-pressed="true"] { color: #fff; outline: 2px solid rgba(255,255,255,.85); outline-offset: 1px; }
.classroom-evaluation button[data-classroom-outcome="correct"][aria-pressed="true"] { background: #238456; }
.classroom-evaluation button[data-classroom-outcome="partial"][aria-pressed="true"] { color: #4b3300; background: #ffd15c; }
.classroom-evaluation button[data-classroom-outcome="incorrect"][aria-pressed="true"] { background: #c94a4a; }
.classroom-evaluation button[data-classroom-outcome="neutral"][aria-pressed="true"] { background: #667085; }
.classroom-evaluation button[data-classroom-outcome="absent"][aria-pressed="true"] { background: #a33d69; }
.classroom-picker__evaluation-help { margin: 9px 0 0; color: rgba(255,255,255,.82); font-size: .72rem; font-weight: 800; }
.classroom-absence { border: 1px solid rgba(79,62,116,.12); border-radius: 16px; background: rgba(255,255,255,.68); }
.classroom-absence summary { padding: 11px 13px; color: #49376e; font-size: .82rem; font-weight: 900; cursor: pointer; }
.classroom-absence > p { margin: 0; padding: 0 13px 9px; color: var(--muted); font-size: .72rem; }
.classroom-absence__list { display: grid; grid-template-columns: repeat(auto-fill,minmax(135px,1fr)); gap: 6px; padding: 0 10px 11px; }
.classroom-absence__list button { min-width: 0; display: flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid rgba(67,56,94,.12); border-radius: 11px; color: var(--ink); background: #fff; font: inherit; cursor: pointer; text-align: left; }
.classroom-absence__list button b { flex: 0 0 auto; color: #70549c; font-size: .68rem; }
.classroom-absence__list button span { min-width: 0; overflow: hidden; font-size: .74rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.classroom-absence__list button.is-absent { color: #862f3e; border-color: rgba(196,61,83,.3); background: #ffe5ea; box-shadow: inset 4px 0 #d84f68; }
.classroom-question-picker { display: grid; gap: 11px; margin: 0 0 20px; padding: clamp(15px,2.4vw,22px); border: 1px solid rgba(255,255,255,.95); border-radius: 26px; background: linear-gradient(135deg,rgba(235,243,255,.96),rgba(216,232,255,.9)); box-shadow: 0 16px 38px rgba(23,40,70,.11); }
.classroom-question-picker__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.classroom-question-picker__heading h2 { margin: 4px 0 0; font-size: clamp(1.35rem,3vw,1.9rem); }
.classroom-question-picker__counter { flex: 0 0 auto; padding: 8px 11px; border-radius: 999px; color: #203558; background: rgba(255,255,255,.86); font-size: .7rem; font-weight: 900; }
.classroom-question-picker__counter.is-complete { color: #6a2f88; background: #efe3ff; }
.classroom-question-picker__result { min-height: 92px; display: grid; place-items: center; padding: 15px clamp(14px,3vw,30px); border: 2px solid rgba(32,53,88,.13); border-radius: 20px; color: #203558; background: rgba(255,255,255,.82); font-size: clamp(1.45rem,3.8vw,2.8rem); font-weight: 900; line-height: 1.15; text-align: center; text-wrap: balance; }
.classroom-question-picker__result.has-question { color: #fff; border-color: transparent; background: linear-gradient(135deg,#172846,#324e7d); box-shadow: 0 10px 25px rgba(23,40,70,.22); }
.classroom-question-picker__result.is-rolling { animation: classroomQuestionShuffle .22s ease-in-out infinite alternate; }
.classroom-question-picker__controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.classroom-question-bank { border-top: 1px solid rgba(32,53,88,.14); }
.classroom-question-bank summary { padding: 10px 2px 2px; color: #2f4b78; font-size: .76rem; font-weight: 900; cursor: pointer; }
.classroom-question-bank form { display: grid; gap: 7px; padding-top: 9px; }
.classroom-question-bank label { color: #2f4b78; font-size: .75rem; font-weight: 900; }
.classroom-question-bank textarea { width: 100%; min-height: 125px; resize: vertical; padding: 11px; border: 1px solid rgba(32,53,88,.2); border-radius: 13px; color: var(--ink); background: rgba(255,255,255,.92); font: inherit; font-size: .88rem; line-height: 1.45; }
.classroom-question-bank form > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.classroom-question-bank form > div span { color: var(--muted); font-size: .7rem; font-weight: 800; }
.classroom-question-archive-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px 10px; padding: 9px 2px; border-bottom: 1px solid rgba(32,53,88,.1); }
.classroom-question-archive-item > div:first-child { display: grid; gap: 2px; min-width: 0; }
.classroom-question-archive-item strong { overflow-wrap: anywhere; font-size: .82rem; }
.classroom-question-archive-item small { color: var(--muted); font-size: .7rem; }
.classroom-question-archive-item > div:nth-child(2) { display: flex; flex-wrap: wrap; gap: 5px; align-items: start; }
.classroom-question-archive-item ol { grid-column: 1 / -1; max-height: 250px; margin: 3px 0 0; padding: 7px 7px 7px 28px; overflow: auto; border-radius: 10px; background: rgba(255,255,255,.75); font-size: .79rem; }
.classroom-report { margin: 0 0 20px; padding: clamp(16px,3vw,24px); border: 1px solid rgba(74,62,104,.1); border-radius: 26px; background: rgba(255,255,255,.84); box-shadow: 0 16px 38px rgba(58,44,92,.08); }
.classroom-report__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.classroom-report__heading h2 { margin: 5px 0 0; font-size: clamp(1.35rem,3vw,1.85rem); }
.classroom-report__filters { display: flex; align-items: end; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.classroom-report__filters label { display: grid; gap: 3px; color: #4d3b70; font-size: .75rem; font-weight: 800; }
.classroom-report__filters select { min-width: 180px; max-width: 260px; padding: 7px 30px 7px 9px; border: 1px solid rgba(67,56,94,.2); border-radius: 10px; background: #fff; color: #28374d; font: inherit; }
.classroom-report__periods { display: flex; flex-wrap: wrap; gap: 5px; }
.classroom-report__periods button { padding: 8px 11px; border: 1px solid rgba(67,56,94,.14); border-radius: 999px; color: #5a4b79; background: #fff; font: inherit; font-size: .7rem; font-weight: 900; cursor: pointer; }
.classroom-report__periods button.is-active { color: #fff; border-color: #5c3c9a; background: #5c3c9a; }
.classroom-report__summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 16px 0; }
.classroom-report__summary.is-free { grid-template-columns: minmax(130px, 220px); }
.classroom-report__summary > div { min-width: 0; padding: 10px 7px; border-radius: 14px; background: #f5f1fb; text-align: center; }
.classroom-report__summary strong, .classroom-report__summary span { display: block; }
.classroom-report__summary strong { font-size: 1.28rem; }
.classroom-report__summary span { margin-top: 2px; color: var(--muted); font-size: .64rem; font-weight: 800; }
.classroom-report__summary .is-scored { background: #def5e8; }
.classroom-report__summary .is-points { background: #e5f1ff; }
.classroom-report__summary .is-average { background: #f5e7f5; }
.classroom-report__table-wrap { width: max-content; max-width: 100%; max-height: 460px; overflow: auto; border: 1px solid rgba(67,56,94,.09); border-radius: 14px; }
.classroom-report table { width: max-content; min-width: 0; border-collapse: collapse; font-size: .76rem; text-align: center; }
.classroom-report th, .classroom-report td { width: 1%; padding: 7px 6px; border-bottom: 1px solid rgba(67,56,94,.08); white-space: nowrap; }
.classroom-report thead th { position: sticky; top: 0; z-index: 1; color: #4d3b70; background: #f5f1fb; font-size: .67rem; }
.classroom-report tbody th { width: 1%; min-width: 0; text-align: left; font-size: .84rem; }
.classroom-report tbody th b, .classroom-report tbody th small { display: block; }
.classroom-report tbody th small { margin-top: 2px; color: var(--muted); }
.shelf-panels { gap: 8px; }
.shelf-panels .classroom-panel__body > p { margin: 0 0 14px; }
.shelf-magazine-icon { perspective: 140px; }
.shelf-magazine-icon__cover { position: relative; display: grid; place-items: center; width: 42px; height: 52px; transform: rotate(-8deg) rotateY(-13deg); border: 1px solid rgba(255,255,255,.7); border-left: 5px solid #493078; border-radius: 4px 7px 7px 4px; background: linear-gradient(135deg,#7440a0,#dc67a5); color: #fff; box-shadow: 4px 4px 0 #fff5e7,7px 6px 0 #cdc3d0,9px 10px 13px rgba(41,53,80,.2); font: 800 1.7rem/1 Georgia,serif; }
.shelf-magazine-icon__cover::after { content: ""; position: absolute; right: 6px; bottom: 8px; width: 18px; border-top: 2px solid rgba(255,255,255,.75); box-shadow: 0 5px 0 rgba(255,255,255,.55); }
.digital-panels { gap: 8px; }
.digital-assessments > .section-intro { margin-top: 0; }
.word-cloud-panel-icon { position: relative; overflow: visible; border-radius: 0; background: transparent; box-shadow: none; transition: transform .18s ease; }
.classroom-panel > summary:hover .word-cloud-panel-icon,.classroom-panel > summary:focus-visible .word-cloud-panel-icon { transform: translateY(-2px) scale(1.05); }
.word-cloud-panel-icon img { width: 74px; height: 74px; display: block; object-fit: contain; filter: drop-shadow(0 6px 7px rgba(42,91,159,.2)); transform: scale(1.16); }
.word-cloud { min-height: 190px; }
.word-cloud-teacher,.word-cloud-student { display: grid; gap: 10px; }
.word-cloud-teacher__toolbar { display: grid; grid-template-columns: minmax(220px,.75fr) minmax(320px,1.25fr); align-items: end; gap: 8px; }
.word-cloud-round-select,.word-cloud-create label,.word-cloud-text-field { display: grid; gap: 4px; color: #526078; font-size: .68rem; font-weight: 900; }
.word-cloud-round-select select,.word-cloud-create input,.word-cloud-text-field input { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid rgba(46,65,101,.17); border-radius: 11px; color: var(--ink); background: #fff; font: inherit; }
.word-cloud-create { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 7px; }
.word-cloud-create button { min-height: 42px; }
.word-cloud-round-card { display: grid; gap: 9px; padding: 12px; border: 1px solid rgba(45,70,105,.1); border-radius: 19px; background: linear-gradient(145deg,#fffdf7,#f1f8ff); }
.word-cloud-round-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.word-cloud-round-head h2 { margin: 5px 0 2px; color: #213957; font-size: clamp(1.15rem,2.8vw,1.8rem); line-height: 1.2; }
.word-cloud-round-head p { margin: 0; color: var(--muted); font-size: .72rem; }
.word-cloud-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.word-cloud-delete { color: #9d3142; border-color: rgba(157,49,66,.25); background: #fff7f8; }
.word-cloud-entry-list { max-height: 360px; display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 5px; overflow-y: auto; }
.word-cloud-entry-row { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 7px; padding: 8px 9px; border-radius: 11px; background: rgba(255,255,255,.92); box-shadow: inset 0 0 0 1px rgba(45,70,105,.08); }
.word-cloud-entry-row > span { overflow: hidden; font-size: .9rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.word-cloud-entry-row > small { grid-column: 1; color: var(--muted); font-size: .6rem; }
.word-cloud-entry-row > button { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #9d3142; font-size: .62rem; }
.word-cloud-waiting { min-height: 230px; display: grid; place-content: center; justify-items: center; gap: 5px; border-radius: 20px; color: #263d64; background: radial-gradient(circle at 50% 35%,#fff,#edf6ff 70%); text-align: center; }
.word-cloud-waiting span { color: #72b4ec; font-size: 4.2rem; line-height: .9; }
.word-cloud-waiting h2,.word-cloud-waiting p { margin: 0; }
.word-cloud-waiting p { color: var(--muted); }
.word-cloud-prompt { padding: 14px; border-radius: 18px; background: linear-gradient(135deg,#fff5c9,#eaf6ff); }
.word-cloud-prompt h2 { margin: 7px 0 2px; color: #213957; font-size: clamp(1.3rem,4vw,2.2rem); }
.word-cloud-prompt p { margin: 0; color: var(--muted); font-size: .72rem; font-weight: 850; }
.word-cloud-student > form { display: grid; gap: 10px; padding: 13px; border: 1px solid rgba(45,70,105,.1); border-radius: 18px; background: #fff; }
.word-cloud-text-field { position: relative; }
.word-cloud-text-field input { min-height: 56px; padding-right: 58px; font-size: clamp(1rem,3vw,1.35rem); font-weight: 800; }
.word-cloud-text-field small { position: absolute; right: 10px; bottom: 18px; color: var(--muted); font-size: .62rem; }
.word-cloud-student fieldset { min-width: 0; margin: 0; padding: 8px; border: 1px solid rgba(45,70,105,.1); border-radius: 13px; }
.word-cloud-student legend { padding: 0 4px; color: #526078; font-size: .66rem; font-weight: 900; }
.word-cloud-fonts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
.word-cloud-font-choice { min-width: 0; position: relative; cursor: pointer; }
.word-cloud-font-choice input,.word-cloud-color-choice input { position: absolute; opacity: 0; pointer-events: none; }
.word-cloud-font-choice > span { min-height: 54px; display: grid; place-items: center; padding: 5px; border: 2px solid transparent; border-radius: 10px; color: #314767; background: #f3f6fa; text-align: center; line-height: 1.1; }
.word-cloud-font-choice .word-cloud-font-sample { display: block; font-size: clamp(1.12rem,2vw,1.35rem); white-space: nowrap; }
.word-cloud-font-choice small { display: block; font-family: Inter,"Segoe UI",system-ui,sans-serif; font-size: .62rem; line-height: 1.1; }
.word-cloud-font-choice input:focus-visible + span,.word-cloud-color-choice input:focus-visible + span { outline: 3px solid #1769c2; outline-offset: 3px; }
.word-cloud-font-choice input:checked + span { border-color: #2d81e4; color: #174e87; background: #e9f4ff; box-shadow: 0 0 0 2px rgba(45,129,228,.1); }
.word-cloud-colors { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 7px; }
.word-cloud-color-group { min-width: 0; padding: 6px 8px; border: 1px solid #e5eaf1; border-radius: 10px; background: #fafcff; }
.word-cloud-color-group h3 { margin: 0 0 6px; color: #526078; font-size: .65rem; font-weight: 850; line-height: 1.1; }
.word-cloud-color-options { display: flex; flex-wrap: wrap; gap: 7px; }
.word-cloud-color-choice { position: relative; cursor: pointer; }
.word-cloud-color-choice span { width: 28px; height: 28px; display: block; border: 3px solid #fff; border-radius: 999px; background: var(--choice); box-shadow: 0 0 0 1px rgba(40,55,78,.17); }
.word-cloud-color-choice input:checked + span { box-shadow: 0 0 0 3px #fff,0 0 0 6px var(--choice); transform: scale(.88); }
.word-cloud-submit-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; }
.word-cloud-preview { min-width: 0; overflow: hidden; padding: 8px 12px; border-radius: 12px; background: #f5f7fa; font-size: clamp(1.05rem,3vw,1.5rem); font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.word-cloud-submit-row button { min-height: 48px; }
.brainstorm-panel-icon { display: grid; place-items: center; color: #7553bb; background: radial-gradient(circle at 35% 30%,#fff5c3,#dcecff 75%); font-size: 2.2rem; }
.brainstorm { display: grid; gap: 6px; min-width: 0; }
.brainstorm-view-actions { display: flex; justify-content: flex-end; }
.brainstorm-view-actions button { min-height: 31px; padding: 4px 9px; border: 1px solid #cad7e7; border-radius: 8px; color: #28496f; background: #fff; font-family: inherit; font-size: .68rem; font-weight: 850; cursor: pointer; }
.brainstorm-mode-tabs,.brainstorm-pane-tabs { display: flex; flex-wrap: wrap; gap: 5px; }
.brainstorm-mode-tabs button,.brainstorm-pane-tabs button { padding: 7px 11px; border: 1px solid #cad7e7; border-radius: 9px; color: #344e70; background: #fff; font-family: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.brainstorm-mode-tabs button[aria-pressed="true"],.brainstorm-pane-tabs button[aria-pressed="true"] { border-color: #367cbb; color: #164a78; background: #eaf4ff; }
.brainstorm-pane-tabs { display: none; }
.brainstorm-workspace { position: relative; display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; min-width: 0; }
.brainstorm-workspace.has-proposals { grid-template-columns: minmax(0,var(--brainstorm-map-share,68%)) 12px minmax(0,1fr); gap: 0; }
.brainstorm-workspace.has-proposals .brainstorm-map-area { padding-right: 4px; }
.brainstorm-divider { position: relative; z-index: 3; align-self: stretch; min-height: 310px; border-radius: 8px; background: #e8eff7; cursor: col-resize; touch-action: none; }
.brainstorm-divider::before { content: ''; position: absolute; inset: 0 5px; background: #b6c9dd; }
.brainstorm-divider span { position: absolute; top: 50%; left: 50%; width: 21px; height: 55px; border: 1px solid #a9bfd6; border-radius: 11px; background: #fff; box-shadow: 0 3px 12px rgba(36,58,84,.18); transform: translate(-50%,-50%); }
.brainstorm-divider span::after { content: '⋮'; display: grid; place-items: center; height: 100%; color: #496f98; font-size: 1.5rem; line-height: 1; }
.brainstorm-divider:focus-visible { outline: 3px solid #287fc5; outline-offset: 2px; }
.brainstorm-restore { display: none; position: absolute; z-index: 4; top: 50%; padding: 9px 7px; border: 1px solid #adc5dc; border-radius: 10px; color: #224b73; background: #fff; box-shadow: 0 3px 12px rgba(36,58,84,.17); font-family: inherit; font-size: .68rem; font-weight: 900; cursor: pointer; transform: translateY(-50%); }
.brainstorm-map-area { display: grid; align-content: start; gap: 6px; min-width: 0; }
.brainstorm-proposals { position: relative; min-width: 0; min-height: 310px; max-height: min(70vh,680px); overflow: auto; border: 1px solid #cad8e7; border-radius: 14px; background: #f7f9fc; }
.brainstorm-proposals > header { position: sticky; z-index: 2; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 9px 10px; border-bottom: 1px solid #dbe4ed; background: #fff; }
.brainstorm-proposals__header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; }
.brainstorm-proposals__confirm { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px; color: #85404a; font-size: .62rem; font-weight: 750; }
.brainstorm-proposals header strong,.brainstorm-proposals header small { display: block; }
.brainstorm-proposals header strong { color: #243d5e; font-size: .78rem; }
.brainstorm-proposals header small { color: #63758a; font-size: .63rem; }
.brainstorm-proposals button { padding: 5px 7px; border: 1px solid #cad7e7; border-radius: 7px; color: #27547e; background: #fff; font-family: inherit; font-size: .7rem; font-weight: 800; cursor: pointer; }
.brainstorm-proposals__content { display: grid; align-content: start; gap: 8px; padding: 9px; }
.brainstorm-proposals__content.is-blurred { filter: blur(9px); pointer-events: none; user-select: none; }
.brainstorm-proposals__veil { position: absolute; z-index: 1; inset: 43px 0 0; display: grid; place-items: center; padding: 15px; color: #425c7a; background: rgba(239,245,251,.48); font-size: .73rem; font-weight: 850; text-align: center; pointer-events: none; }
.brainstorm-proposal-group { display: grid; gap: 4px; padding-left: 6px; border-left: 3px solid var(--proposal-branch,#aebfd0); }
.brainstorm-proposal-group__heading { display: grid; gap: 2px; }
.brainstorm-proposal-group__heading button { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; width: 100%; padding: 4px 6px; border-color: transparent; color: #244568; background: #eaf2fa; text-align: left; }
.brainstorm-proposal-group__heading button span { color: #5d728a; font-size: .64rem; }
.brainstorm-proposal-group__heading button strong { font-size: .8rem; overflow-wrap: anywhere; }
.brainstorm-proposal-group__heading button em { margin-left: auto; color: var(--proposal-branch,#5272c4); font-size: .59rem; font-style: normal; }
.brainstorm-proposal-group__heading > small { padding-left: 6px; color: #758397; font-size: .58rem; overflow-wrap: anywhere; }
.brainstorm-proposal { display: grid; gap: 3px; padding: 6px 7px; border: 1px solid #dce5ed; border-radius: 9px; background: #fff; }
.brainstorm-proposal strong { color: #233c5e; font-size: .82rem; }
.brainstorm-proposal small,.brainstorm-proposal p { margin: 0; color: #60728a; font-size: .72rem; }
.brainstorm-proposal__meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px; }
.brainstorm-proposal__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.brainstorm-proposal .status-pill { justify-self: start; padding: 3px 6px; border-radius: 7px; color: #385a7a; background: #eaf2fa; font-size: .61rem; font-weight: 850; }
.brainstorm-node__level { position: absolute; left: 6px; top: 2px; color: var(--branch); font-size: .53rem; font-weight: 950; }
#personalBrainstormPanel { margin-top: 10px; }
.brainstorm-portfolio__list { display: flex; flex-wrap: wrap; gap: 6px; }
.brainstorm-portfolio__list button { display: grid; gap: 2px; min-width: 125px; padding: 7px 10px; border: 1px solid #c9d9e9; border-radius: 9px; color: #264c72; background: #f5faff; font: inherit; text-align: left; cursor: pointer; }
.brainstorm-portfolio__list button strong { font-size: .73rem; }
.brainstorm-portfolio__list button small { font-size: .6rem; }
.brainstorm-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.brainstorm-settings { border: 1px solid #d8e2ed; border-radius: 10px; background: #fff; }
.brainstorm-settings > summary { padding: 7px 10px; color: #28496f; font-size: .7rem; font-weight: 850; cursor: pointer; }
.brainstorm-settings > form,.brainstorm-settings > .brainstorm-actions,.brainstorm-import { margin: 0 8px 8px; }
.brainstorm-import { display: grid; gap: 4px; color: #526078; font-size: .68rem; font-weight: 850; }
.brainstorm-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px; }
.brainstorm-count { color: #5b6c81; font-size: .67rem; font-weight: 750; }
.brainstorm-controls__buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.brainstorm-controls__buttons button { min-height: 31px; padding: 3px 8px; border: 1px solid #d2deeb; border-radius: 8px; color: #28496f; background: #fff; font-family: inherit; font-size: .68rem; font-weight: 800; cursor: pointer; }
.brainstorm-controls__buttons button:hover { background: #eaf4ff; }
.brainstorm-controls__buttons span { min-width: 38px; color: #526078; font-size: .68rem; font-weight: 850; text-align: center; }
.brainstorm-select,.brainstorm-create label,.brainstorm-draft label { display: grid; gap: 4px; color: #526078; font-size: .68rem; font-weight: 900; }
.brainstorm-select { flex: 1 1 210px; }
.brainstorm-create { flex: 2 1 350px; display: flex; align-items: end; gap: 7px; }
.brainstorm-create label { flex: 1 1 auto; min-width: 0; }
.brainstorm-select select,.brainstorm-create input,.brainstorm-draft input { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid rgba(46,65,101,.17); border-radius: 11px; color: var(--ink); background: #fff; font: inherit; }
.brainstorm-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-radius: 16px; background: linear-gradient(125deg,#fff8df,#edf5ff); }
.brainstorm-heading h2 { margin: 4px 0 2px; color: #213957; font-size: clamp(1.1rem,2.4vw,1.6rem); }
.brainstorm-heading small { color: var(--muted); font-weight: 750; }
.brainstorm-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.brainstorm-danger { color: #9d3142; border-color: rgba(157,49,66,.25); background: #fff7f8; }
.brainstorm-hint { margin: 0; color: #526078; font-size: .72rem; }
.brainstorm-draft { display: flex; flex-wrap: wrap; align-items: end; gap: 7px; padding: 9px; border: 1px solid #b9d5ef; border-radius: 13px; background: #f2f9ff; }
.brainstorm-draft label { flex: 1 1 260px; }
.brainstorm-map-viewport { width: 100%; height: min(66vh,620px); min-height: 310px; overflow: hidden; border: 1px solid #cad8e7; border-radius: 14px; background: #f8fbff; overscroll-behavior: contain; touch-action: none; user-select: none; cursor: default; }
.brainstorm-map-viewport.is-zoomed { cursor: grab; }
.brainstorm-map-viewport.is-zoomed .brainstorm-node { cursor: grab; }
.brainstorm-map-viewport .brainstorm-node button { cursor: pointer; }
.brainstorm-map-viewport.is-panning,.brainstorm-map-viewport.is-panning * { cursor: grabbing !important; }
.brainstorm-map-viewport:focus-visible { outline: 3px solid #287fc5; outline-offset: 2px; }
.brainstorm-stage { position: relative; width: 100%; height: 100%; }
.brainstorm-canvas { position: absolute; left: 0; top: 0; transform-origin: top left; background: linear-gradient(160deg,#fcfdff,#edf5ff); }
.brainstorm-links { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.brainstorm-links path { fill: none; stroke-width: 2.4; stroke-linecap: round; opacity: .8; }
.brainstorm-links path.brainstorm-link { fill: var(--branch); stroke: none; opacity: .85; }
.brainstorm-links path[hidden] { display: none; }
.brainstorm-links [data-brainstorm-draft-line] { stroke: #2a78ba; stroke-width: 2; stroke-dasharray: 5 5; }
.brainstorm-node { position: absolute; z-index: 1; display: grid; justify-items: center; align-content: center; padding: 6px 11px; border: 2px solid var(--branch); border-radius: 13px; color: #20314e; background: #fff; box-shadow: 0 3px 10px rgba(38,62,91,.1); text-align: center; transform: translate(-50%,-50%); cursor: pointer; }
.brainstorm-node--root { z-index: 2; border-width: 2.5px; background: #fff7d8; }
.brainstorm-node strong { max-width: 100%; overflow-wrap: anywhere; font-size: var(--brainstorm-font,18px); line-height: 1.13; }
.brainstorm-node.is-selected { z-index: 4; box-shadow: 0 0 0 4px rgba(47,124,191,.18),0 5px 14px rgba(38,62,91,.14); }
.brainstorm-node__author { display: none; position: absolute; top: calc(100% + 6px); padding: 3px 6px; border-radius: 6px; color: #455a73; background: #fff; box-shadow: 0 2px 6px rgba(27,44,71,.14); font-size: .6rem; font-weight: 750; white-space: nowrap; }
.brainstorm-node.is-selected .brainstorm-node__author { display: block; }
.brainstorm-node button { position: absolute; width: 25px; height: 25px; display: grid; place-items: center; padding: 0; border: 1px solid #fff; border-radius: 50%; color: #fff; background: var(--branch); box-shadow: 0 2px 7px rgba(24,45,71,.22); font: 900 1rem/1 system-ui,sans-serif; cursor: pointer; }
.brainstorm-node button:focus-visible { outline: 3px solid #203d73; outline-offset: 2px; }
.brainstorm-node__add { right: -12px; top: calc(50% - 12px); touch-action: none; }
.brainstorm-node__edit { right: 2px; top: -12px; font-size: .73rem !important; }
.brainstorm-node__remove { left: 2px; top: -12px; background: #a04455 !important; }
.brainstorm-node__edit,.brainstorm-node__remove { display: none !important; }
.brainstorm-node.is-selected .brainstorm-node__edit,.brainstorm-node.is-selected .brainstorm-node__remove { display: grid !important; }
@media (min-width: 781px) {
  .brainstorm-workspace.has-proposals[data-collapsed="map"],.brainstorm-workspace.has-proposals[data-collapsed="proposals"] { grid-template-columns: minmax(0,1fr); }
  .brainstorm-workspace.has-proposals[data-collapsed="map"] .brainstorm-map-area,.brainstorm-workspace.has-proposals[data-collapsed="proposals"] .brainstorm-proposals,.brainstorm-workspace.has-proposals[data-collapsed]:not([data-collapsed=""]) .brainstorm-divider { display: none; }
  .brainstorm-workspace[data-collapsed="map"] .brainstorm-restore--map { display: block; left: 0; }
  .brainstorm-workspace[data-collapsed="proposals"] .brainstorm-restore--proposals { display: block; right: 0; }
}
#brainstormContent:fullscreen { box-sizing: border-box; width: 100vw; height: 100vh; margin: 0; padding: 8px; display: flex; flex-direction: column; overflow: hidden; background: #f7faff; }
#brainstormContent:fullscreen .brainstorm-view-actions { flex: 0 0 auto; align-items: center; }
#brainstormContent:fullscreen .brainstorm-view-actions::before { content: 'Harta ideilor'; margin-right: auto; color: #243d5e; font-size: .85rem; font-weight: 900; }
#brainstormContent:fullscreen .brainstorm-toolbar,#brainstormContent:fullscreen > .brainstorm-settings,#brainstormContent:fullscreen .brainstorm-mode-tabs { display: none; }
#brainstormContent:fullscreen .brainstorm-workspace { flex: 1 1 auto; min-height: 0; }
#brainstormContent:fullscreen .brainstorm-map-area { min-height: 0; display: flex; flex-direction: column; }
#brainstormContent:fullscreen .brainstorm-map-viewport { flex: 1 1 auto; height: auto; min-height: 0; }
#brainstormContent:fullscreen .brainstorm-proposals { height: 100%; min-height: 0; max-height: none; }
@media (max-width: 700px) { .brainstorm-map-viewport { height: min(62vh,480px); } .brainstorm-create { flex-wrap: wrap; } }
@media (max-width: 780px) {
  .brainstorm-pane-tabs { display: flex; }
  .brainstorm-workspace.has-proposals { display: block; }
  .brainstorm-divider,.brainstorm-restore { display: none; }
  .brainstorm-workspace[data-mobile-pane="map"] .brainstorm-proposals,.brainstorm-workspace[data-mobile-pane="proposals"] .brainstorm-map-area { display: none; }
  .brainstorm-proposals { min-height: 300px; max-height: min(66vh,580px); }
}
.fast-quiz { min-height: 210px; }
.fast-quiz-teacher-layout { display: grid; grid-template-columns: minmax(220px,.34fr) minmax(0,1fr); gap: 10px; align-items: start; }
.fast-quiz-teacher-layout > aside { display: grid; gap: 8px; position: sticky; top: 82px; }
.fast-quiz-round-list { max-height: 335px; display: grid; gap: 4px; overflow-y: auto; padding: 4px; border: 1px solid rgba(45,70,105,.11); border-radius: 15px; background: #f5f8fc; }
.fast-quiz-round-list > button { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 7px; padding: 8px 9px; border: 1px solid transparent; border-radius: 11px; color: var(--ink); background: #fff; font: inherit; text-align: left; cursor: pointer; }
.fast-quiz-round-list > button.is-active { border-color: #2d81e4; background: #eaf4ff; box-shadow: 0 4px 12px rgba(45,129,228,.12); }
.fast-quiz-round-list button span,.fast-quiz-round-list button strong,.fast-quiz-round-list button small { min-width: 0; display: block; }
.fast-quiz-round-list button strong { overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.fast-quiz-round-list button small { margin-top: 2px; color: var(--muted); font-size: .61rem; }
.fast-quiz-round-list button em { padding: 3px 5px; border-radius: 999px; color: #51657a; background: #edf1f5; font-size: .55rem; font-style: normal; font-weight: 900; white-space: nowrap; }
.fast-quiz-create { overflow: hidden; border: 1px solid rgba(230,154,33,.25); border-radius: 15px; background: #fffaf0; }
.fast-quiz-create > summary { padding: 10px 12px; color: #795d19; font-size: .78rem; font-weight: 950; cursor: pointer; }
.fast-quiz-create > form { display: grid; gap: 8px; padding: 0 10px 10px; }
.fast-quiz-create label { min-width: 0; display: grid; gap: 3px; color: #526078; font-size: .64rem; font-weight: 900; }
.fast-quiz-create input,.fast-quiz-create select,.fast-quiz-create textarea,.fast-quiz-team-setup select { width: 100%; min-width: 0; border: 1px solid rgba(46,65,101,.16); border-radius: 9px; color: var(--ink); background: #fff; font: inherit; }
.fast-quiz-create input,.fast-quiz-create select { min-height: 35px; padding: 5px 7px; }
.fast-quiz-create textarea { padding: 8px; font-family: inherit; font-size: .72rem; line-height: 1.35; resize: vertical; }
.fast-quiz-create__fields { display: grid; grid-template-columns: minmax(0,1.5fr) 1fr .65fr 1fr; gap: 5px; }
.fast-quiz-create__fields [data-fast-quiz-team-size] { grid-column: 1 / -1; }
.fast-quiz-format > summary { color: #627187; font-size: .63rem; font-weight: 900; cursor: pointer; }
.fast-quiz-format p { margin: 5px 0 0; color: #68758a; font-size: .62rem; line-height: 1.4; }
.fast-quiz-format code { padding: 1px 3px; border-radius: 4px; color: #284e82; background: #edf4ff; font-weight: 950; }
.fast-quiz-stage { min-width: 0; display: grid; gap: 10px; }
.fast-quiz-editor { width: 100%; }
.fast-quiz-editor > form { padding: 0 12px 12px; }
.fast-quiz-editor textarea { min-height: 300px; font-size: .8rem; line-height: 1.45; }
.fast-quiz-edit-actions { display: flex; justify-content: flex-end; gap: 7px; }
.fast-quiz-delete-button { color: #a02d40; border-color: rgba(160,45,64,.24); background: #fff7f8; }
.fast-quiz-delete-button:hover { border-color: rgba(160,45,64,.4); background: #ffecef; }
.fast-quiz-live-head,.fast-quiz-summary-head,.fast-quiz-player__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: 19px; background: linear-gradient(135deg,#fff9dd,#eef7ff); box-shadow: inset 0 0 0 1px rgba(51,82,116,.08); }
.fast-quiz-live-head h2,.fast-quiz-summary-head h2,.fast-quiz-player__head h2 { margin: 6px 0 1px; font-size: clamp(1.25rem,3vw,2rem); }
.fast-quiz-live-head p,.fast-quiz-summary-head p,.fast-quiz-player__head p { margin: 0; color: var(--muted); font-size: .75rem; font-weight: 800; }
.fast-quiz-countdown { min-width: 92px; padding: 9px 12px; border-radius: 16px; color: #fff; background: #2d81e4; box-shadow: 0 8px 19px rgba(45,129,228,.22); font-size: clamp(1.6rem,4vw,2.65rem); font-variant-numeric: tabular-nums; font-weight: 950; line-height: 1; text-align: center; }
.fast-quiz-countdown.is-ending { background: #e9584f; }
.fast-quiz-question-card { display: grid; gap: 10px; padding: clamp(14px,2.5vw,22px); border: 1px solid rgba(45,70,105,.1); border-radius: 20px; background: #fff; box-shadow: 0 8px 23px rgba(43,62,91,.07); }
.fast-quiz-question-card__meta { display: flex; flex-wrap: wrap; gap: 5px; }
.fast-quiz-question-card__meta span { padding: 4px 7px; border-radius: 999px; color: #365d87; background: #eaf4ff; font-size: .62rem; font-weight: 900; }
.fast-quiz-question-card h3 { margin: 0; color: #213957; font-size: clamp(1.2rem,3vw,2rem); line-height: 1.3; }
.fast-quiz-options-preview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.fast-quiz-options-preview li { display: grid; grid-template-columns: 29px minmax(0,1fr); align-items: center; gap: 7px; padding: 8px; border-radius: 11px; background: #f4f6f9; font-size: .8rem; }
.fast-quiz-options-preview li > strong { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #71819a; }
.fast-quiz-options-preview li.is-correct { color: #155d39; background: #e2f7e9; }
.fast-quiz-options-preview li.is-correct > strong { background: #28a96b; }
.fast-quiz-correct-answer { margin: 0; color: #17603a; font-size: .82rem; }
.fast-quiz-live-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.fast-quiz-response-table-wrap { max-height: 460px; overflow: auto; border: 1px solid rgba(45,70,105,.1); border-radius: 15px; background: #fff; }
.fast-quiz-response-table { width: 100%; border-collapse: collapse; font-size: .74rem; }
.fast-quiz-response-table th { position: sticky; z-index: 1; top: 0; padding: 7px 8px; color: #53647c; background: #edf2f8; font-size: .61rem; text-align: left; text-transform: uppercase; }
.fast-quiz-response-table td { max-width: 270px; padding: 7px 8px; overflow: hidden; border-top: 1px solid #edf0f4; text-overflow: ellipsis; white-space: nowrap; }
.fast-quiz-response-table td:first-child { width: 1%; color: #29476d; font-weight: 900; }
.fast-quiz-response-table td:nth-last-child(-n+3) { width: 1%; text-align: center; }
.fast-quiz-response-table tr.is-correct { background: #eefaf2; }
.fast-quiz-response-table tr.is-wrong { background: #fff1f2; }
.fast-quiz-response-table tr.is-waiting { color: #7c8796; }
.fast-quiz-team-setup,.fast-quiz-results { display: grid; gap: 8px; padding: 13px; border: 1px solid rgba(45,70,105,.1); border-radius: 17px; background: rgba(255,255,255,.78); }
.fast-quiz-subheading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.fast-quiz-subheading h3,.fast-quiz-results h3,.fast-quiz-finished h3 { margin: 0; color: #263d64; }
.fast-quiz-subheading form { display: flex; gap: 5px; }
.fast-quiz-team-setup select { min-height: 35px; padding: 5px 8px; }
.fast-quiz-team-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 6px; }
.fast-quiz-team-grid article { padding: 8px 9px; border-left: 6px solid var(--team-color); border-radius: 10px; background: #f6f8fb; }
.fast-quiz-team-grid strong,.fast-quiz-team-grid span { display: block; }
.fast-quiz-team-grid strong { color: #263d64; font-size: .79rem; }
.fast-quiz-team-grid span { margin-top: 3px; color: #647287; font-size: .65rem; line-height: 1.35; }
.fast-quiz-question-list { display: grid; gap: 6px; }
.fast-quiz-question-list .fast-quiz-question-card { padding: 11px 13px; }
.fast-quiz-question-list .fast-quiz-question-card h3 { font-size: .92rem; }
.fast-quiz-question-list .fast-quiz-options-preview { display: none; }
.fast-quiz-leaderboard { display: grid; gap: 4px; }
.fast-quiz-leaderboard article { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 7px; padding: 7px 9px; border-radius: 11px; background: #f4f6f9; }
.fast-quiz-leaderboard article.is-podium { background: #fff7d6; }
.fast-quiz-leaderboard article.rank-1 { box-shadow: inset 4px 0 #f2b51d; }
.fast-quiz-rank { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #6d7e96; }
.fast-quiz-leaderboard article > div strong,.fast-quiz-leaderboard article > div small,.fast-quiz-leaderboard article > span strong,.fast-quiz-leaderboard article > span small { display: block; }
.fast-quiz-leaderboard article > div strong { font-size: .8rem; }
.fast-quiz-leaderboard small { color: var(--muted); font-size: .6rem; }
.fast-quiz-leaderboard article > span { text-align: right; }
.fast-quiz-leaderboard article > span strong { color: #24558a; font-size: .83rem; }
.fast-quiz-results > details > summary { padding: 7px 0; color: #315e99; font-size: .75rem; font-weight: 900; cursor: pointer; }
.fast-quiz-run-history { display: grid; gap: 7px; padding: 11px; border: 1px solid rgba(45,70,105,.1); border-radius: 17px; background: rgba(255,255,255,.8); }
.fast-quiz-run-history > .fast-quiz-subheading > span { color: var(--muted); font-size: .65rem; font-weight: 850; }
.fast-quiz-run-list { max-height: 310px; display: grid; gap: 4px; overflow-y: auto; }
.fast-quiz-run-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 7px 8px; border: 1px solid rgba(45,70,105,.08); border-radius: 11px; background: #f6f8fb; }
.fast-quiz-run-row.is-active { border-color: #2d81e4; background: #edf6ff; }
.fast-quiz-run-row > div:first-child { min-width: 0; }
.fast-quiz-run-row strong,.fast-quiz-run-row small { display: block; }
.fast-quiz-run-row strong { color: #29476d; font-size: .76rem; }
.fast-quiz-run-row small { margin-top: 2px; overflow: hidden; color: var(--muted); font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.fast-quiz-run-actions { display: flex; align-items: center; gap: 5px; }
.fast-quiz-exported { padding: 5px 7px; border-radius: 999px; color: #17603a; background: #e2f7e9; font-size: .6rem; font-weight: 950; white-space: nowrap; }
.fast-quiz-run-detail { display: grid; gap: 7px; padding-top: 8px; border-top: 1px solid rgba(45,70,105,.1); }
.fast-quiz-run-detail > .fast-quiz-subheading > span { color: #24558a; font-size: .7rem; font-weight: 950; }
.fast-quiz-run-detail > details > summary { padding: 6px 0; color: #315e99; font-size: .72rem; font-weight: 900; cursor: pointer; }
.fast-quiz-player { max-width: 920px; display: grid; gap: 10px; margin: 0 auto; }
.fast-quiz-answer-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.fast-quiz-answer-options label { min-height: 70px; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 10px; padding: 11px; border: 2px solid #dce3eb; border-radius: 16px; background: #fff; cursor: pointer; }
.fast-quiz-answer-options label:has(input:checked) { border-color: #2d81e4; background: #eaf4ff; box-shadow: 0 0 0 3px rgba(45,129,228,.12); }
.fast-quiz-answer-options input { position: absolute; opacity: 0; pointer-events: none; }
.fast-quiz-answer-options label > strong { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: #2d81e4; font-size: 1.15rem; }
.fast-quiz-answer-options label > span { font-size: clamp(.95rem,2.5vw,1.25rem); font-weight: 850; line-height: 1.25; }
.fast-quiz-student-form { display: grid; gap: 10px; }
.fast-quiz-student-form > button { min-height: 52px; font-size: 1rem; }
.fast-quiz-free-answer { display: grid; gap: 6px; color: #526078; font-size: .75rem; font-weight: 900; }
.fast-quiz-free-answer input { width: 100%; min-height: 62px; padding: 10px 14px; border: 2px solid #cfdbea; border-radius: 16px; color: #213957; background: #fff; font: inherit; font-size: clamp(1.2rem,3vw,1.75rem); font-weight: 850; }
.fast-quiz-answer-sent,.fast-quiz-waiting,.fast-quiz-finished { display: grid; justify-items: center; gap: 6px; padding: clamp(22px,5vw,46px); border-radius: 22px; background: linear-gradient(145deg,#effaf3,#edf6ff); text-align: center; }
.fast-quiz-preparing { min-height: 260px; display: grid; place-content: center; justify-items: center; gap: 6px; border-radius: 22px; color: #253d63; background: radial-gradient(circle,#fff7a9,#fff1cf 46%,#eef7ff); text-align: center; }
.fast-quiz-preparing span { font-size: clamp(4rem,14vw,8rem); filter: drop-shadow(0 10px 15px rgba(226,143,19,.2)); }
.fast-quiz-preparing strong { font-size: clamp(1.5rem,5vw,3rem); }
.fast-quiz-answer-sent > span,.fast-quiz-waiting > span,.fast-quiz-finished > span { font-size: 3.2rem; }
.fast-quiz-answer-sent strong,.fast-quiz-waiting h2,.fast-quiz-finished h2 { margin: 0; color: #213957; font-size: clamp(1.35rem,4vw,2.25rem); }
.fast-quiz-answer-sent p,.fast-quiz-waiting p,.fast-quiz-finished p { margin: 0; color: var(--muted); }
.fast-quiz-answer-sent em { color: #17603a; font-style: normal; font-weight: 950; }
.fast-quiz-answer-sent.is-timeout { background: #fff3ed; }
.fast-quiz-own-result { min-width: min(100%,340px); display: grid; gap: 4px; padding: 15px; border-radius: 18px; color: #fff; background: linear-gradient(135deg,#2d81e4,#7259bb); }
.fast-quiz-own-result strong { font-size: 1.6rem; }
.fast-quiz-own-result em { font-style: normal; font-weight: 900; }
.memorizer { display: grid; gap: 7px; }
.memorizer-subjects { display: flex; gap: 4px; overflow-x: auto; padding: 1px 1px 2px; scrollbar-width: thin; }
.memorizer-subjects button { min-height: 35px; flex: 0 0 auto; padding: 5px 11px; border: 1px solid rgba(48,74,113,.15); border-radius: 999px; color: #34445f; background: #fff; font: inherit; font-size: .78rem; font-weight: 900; cursor: pointer; }
.memorizer-subjects button.is-active { color: #fff; border-color: #2d81e4; background: #2d81e4; box-shadow: 0 5px 12px rgba(45,129,228,.2); }
.memorizer-toolbar { display: grid; grid-template-columns: minmax(230px,1.55fr) repeat(3,minmax(135px,.65fr)); gap: 5px; align-items: end; }
.memorizer-toolbar > label { min-width: 0; display: grid; gap: 4px; color: #526078; font-size: .67rem; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; }
.memorizer-toolbar input,
.memorizer-toolbar select { width: 100%; min-width: 0; min-height: 36px; padding: 5px 9px; border: 1px solid rgba(46,65,101,.17); border-radius: 10px; color: var(--ink); background: #fff; font: inherit; font-size: .78rem; font-weight: 760; text-transform: none; letter-spacing: 0; }
.memorizer-toolbar .memorizer-search { position: relative; display: block; }
.memorizer-search > span { position: absolute; z-index: 1; left: 12px; top: 50%; color: #6b7a91; font-size: 1.15rem; transform: translateY(-50%); }
.memorizer-toolbar .memorizer-search input { padding-left: 36px; font-size: .84rem; }
.memorizer-result-count { color: #657188; font-size: .69rem; font-weight: 850; }
.memorizer-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(310px,1fr)); gap: 4px; }
.memorizer-card { overflow: clip; border: 1px solid rgba(46,65,101,.12); border-radius: 12px; background: #fff; box-shadow: 0 3px 9px rgba(42,54,81,.045); transition: opacity .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.memorizer-card.is-archived { opacity: .62; }
.memorizer-card > summary { min-height: 43px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 6px; padding: 6px 9px; cursor: pointer; list-style: none; }
.memorizer-card > summary::-webkit-details-marker { display: none; }
.memorizer-card > summary strong { min-width: 0; overflow: hidden; color: #263d64; font-size: .88rem; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.memorizer-card__chapter { max-width: 130px; overflow: hidden; padding: 3px 6px; border-radius: 999px; color: #526078; background: #eef2f8; font-size: .56rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.memorizer-card__body { display: grid; gap: 7px; padding: 0 10px 9px; border-top: 1px solid rgba(46,65,101,.08); }
.memorizer-card__definition { margin: 8px 0 0; color: #243752; font-size: .9rem; line-height: 1.42; white-space: pre-line; }
.memorizer-card[open] { z-index: 1; grid-column: 1 / -1; border: 2px solid #2d81e4; background: linear-gradient(145deg,#fff,#eef7ff); box-shadow: 0 13px 28px rgba(45,129,228,.2); transform: translateY(-1px); }
.memorizer-card[open] > summary { min-height: 48px; padding: 8px 11px; background: rgba(219,239,255,.62); }
.memorizer-card[open] > summary strong { overflow: visible; color: #164f92; font-size: 1.05rem; text-overflow: clip; white-space: normal; }
.memorizer-list:has(.memorizer-card[open]) .memorizer-card:not([open]) { opacity: .62; }
/* O transformare pe secțiune ar ancora poziția fixă la înălțimea ei, nu la ecran. */
#view-digital { animation: none; transform: none; }
.memorizer-focus-open { overflow: hidden; }
.memorizer-focus-open #digitalMemorizerPanel { overflow: visible; }
.memorizer-focus-backdrop[hidden] { display: none; }
.memorizer-focus-backdrop { position: fixed; inset: 0; z-index: 9990; width: 100%; height: 100%; border: 0; border-radius: 0; background: rgba(10,20,41,.82); cursor: pointer; }
.memorizer-focus-open .memorizer-card[open] { position: fixed; z-index: 9991; left: 50%; top: 50%; width: min(760px,calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow-y: auto; transform: translate(-50%,-50%); box-shadow: 0 26px 72px rgba(0,0,0,.4); }
.memorizer-focus-open .memorizer-card[open] > summary { padding-right: 54px; }
.memorizer-focus-close { display: none; }
.memorizer-card[open] .memorizer-focus-close { position: absolute; right: 7px; top: 6px; z-index: 1; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #a9bdd8; border-radius: 50%; color: #213b61; background: #fff; font-size: 1.4rem; line-height: 1; }
.memorizer-list:has(.memorizer-card[open]) .memorizer-card:not([open]):hover { opacity: 1; }
.memorizer-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.memorizer-card__type { padding: 4px 7px; border-radius: 999px; color: #72520a; background: #fff0bd; font-size: .61rem; font-weight: 900; }
.memorizer-card__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.memorizer-more { min-height: 35px; display: inline-flex; align-items: center; justify-content: center; padding: 6px 10px; border: 1px solid #2d81e4; border-radius: 10px; color: #1f65b7; background: #eef6ff; font-size: .72rem; font-weight: 900; text-decoration: none; }
.memorizer-more[aria-disabled="true"] { color: #7b8494; border-color: #dfe3ea; background: #f3f4f6; cursor: default; }
.memorizer-card__actions .text-button { padding: 5px 6px; border: 0; color: #315e99; background: transparent; font: inherit; font-size: .68rem; font-weight: 900; cursor: pointer; }
.memorizer-card__actions .text-button--danger { color: #b33f4d; }
.memorizer-admin { margin-top: 2px; border: 1px solid rgba(145,108,27,.17); border-radius: 16px; background: #fffaf0; }
.memorizer-admin > summary { padding: 11px 13px; color: #795d19; font-size: .8rem; font-weight: 900; cursor: pointer; }
.memorizer-admin__body { display: grid; gap: 12px; padding: 0 12px 12px; }
.memorizer-settings-form { display: grid; gap: 5px; }
.memorizer-settings-form > label,
.memorizer-entry-form label > span,
.memorizer-import label > span { color: #526078; font-size: .68rem; font-weight: 900; }
.memorizer-settings-form > div { display: flex; gap: 7px; }
.memorizer-settings-form input,
.memorizer-entry-form input,
.memorizer-entry-form select,
.memorizer-entry-form textarea,
.memorizer-import input,
.memorizer-import select,
.memorizer-import textarea { width: 100%; min-width: 0; border: 1px solid rgba(46,65,101,.18); border-radius: 11px; color: var(--ink); background: #fff; font: inherit; }
.memorizer-settings-form input { min-height: 40px; padding: 7px 10px; }
.memorizer-entry-form { display: grid; grid-template-columns: .75fr 1fr 1fr .75fr; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(145,108,27,.14); }
.memorizer-entry-form label,
.memorizer-import label { min-width: 0; display: grid; gap: 4px; }
.memorizer-entry-form input,
.memorizer-entry-form select,
.memorizer-import input,
.memorizer-import select { min-height: 40px; padding: 7px 9px; }
.memorizer-entry-form__definition { grid-column: 1 / -1; }
.memorizer-entry-form textarea,
.memorizer-import textarea { padding: 9px 10px; line-height: 1.42; resize: vertical; }
.memorizer-entry-form__actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.memorizer-import { border-top: 1px solid rgba(145,108,27,.14); }
.memorizer-import > summary { padding: 12px 0 8px; color: #526078; font-size: .76rem; font-weight: 900; cursor: pointer; }
.memorizer-import form { display: grid; grid-template-columns: .75fr 1fr .75fr auto; gap: 8px; align-items: end; }
.memorizer-import__text { grid-column: 1 / -1; }
.classroom-proposals { display: grid; gap: 12px; }
.proposal-admin { border: 1px solid rgba(145,108,27,.17); border-radius: 16px; background: #fffaf0; }
.proposal-admin > summary { padding: 11px 13px; color: #795d19; font-size: .8rem; font-weight: 900; cursor: pointer; }
.proposal-admin form { display: grid; gap: 6px; padding: 0 12px 10px; }
.proposal-admin form label { font-size: .72rem; font-weight: 900; }
.proposal-admin form > div { display: flex; gap: 7px; }
.proposal-admin input,
.proposal-compose textarea,
.proposal-compose input[type="url"] { width: 100%; min-width: 0; border: 1px solid rgba(46,65,101,.18); border-radius: 12px; color: var(--ink); background: #fff; font: inherit; }
.proposal-admin input { min-height: 40px; padding: 7px 10px; }
.proposal-admin__list { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 12px 12px; }
.proposal-admin__list button { padding: 6px 9px; border: 1px solid rgba(46,65,101,.14); border-radius: 999px; color: #34445f; background: #fff; font: inherit; font-size: .7rem; font-weight: 850; cursor: pointer; }
.proposal-admin__list button.is-archived { opacity: .6; text-decoration: line-through; }
.proposal-sections { display: grid; gap: 9px; }
.proposal-section { overflow: clip; border: 1px solid rgba(61,68,94,.12); border-radius: 18px; background: rgba(255,255,255,.9); }
.proposal-section > summary { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 8px; padding: 13px 14px; cursor: pointer; list-style: none; }
.proposal-section > summary::-webkit-details-marker { display: none; }
.proposal-section > summary strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; white-space: nowrap; }
.proposal-section__count,
.proposal-stage { padding: 5px 8px; border-radius: 999px; color: #526078; background: #eef1f6; font-size: .64rem; font-weight: 900; white-space: nowrap; }
.proposal-stage--qualifying { color: #815d08; background: #fff0bd; }
.proposal-stage--final { color: #5a2e93; background: #eee2ff; }
.proposal-stage--closed { color: #17603a; background: #ddf6e7; }
.proposal-section__body { display: grid; gap: 11px; padding: 0 12px 13px; border-top: 1px solid rgba(61,68,94,.08); }
.proposal-section__instructions { margin: 11px 1px 0; color: var(--muted); font-size: .76rem; font-weight: 750; line-height: 1.4; }
.proposal-vote-progress { display: flex; flex-wrap: wrap; gap: 6px; }
.proposal-vote-progress span { padding: 6px 9px; border-radius: 999px; color: #6f7786; background: #f0f2f5; font-size: .72rem; font-weight: 900; }
.proposal-vote-progress span.is-used { color: #60490f; background: #fff0bd; }
.proposal-stage-actions { display: flex; justify-content: flex-end; }
.proposal-compose { display: grid; grid-template-columns: minmax(150px,.42fr) minmax(0,1fr); gap: 9px; padding: 11px; border-radius: 15px; background: #f6f8fc; }
.proposal-compose__photo { min-height: 88px; display: grid; place-items: center; align-content: center; gap: 4px; padding: 9px; border: 1px dashed #9aa8bd; border-radius: 12px; color: #536177; background: #fff; text-align: center; cursor: pointer; }
.proposal-compose__photo input { max-width: 100%; font-size: .66rem; }
.proposal-compose__fields { display: grid; gap: 7px; }
.proposal-compose textarea { min-height: 76px; padding: 9px 10px; resize: vertical; line-height: 1.4; }
.proposal-compose input[type="url"] { min-height: 38px; padding: 7px 10px; font-size: .78rem; }
.proposal-compose__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.proposal-compose__counter { color: var(--muted); font-size: .68rem; font-weight: 800; }
.proposal-items { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.proposal-card { min-width: 0; display: grid; align-content: start; gap: 8px; padding: 10px; border: 1px solid rgba(53,67,95,.11); border-radius: 16px; background: #fff; box-shadow: 0 6px 16px rgba(42,54,81,.06); }
.proposal-card.is-finalist { border-color: rgba(113,65,183,.28); box-shadow: 0 0 0 2px rgba(113,65,183,.08), 0 8px 20px rgba(75,48,117,.1); }
.proposal-card.is-winner { border-color: #e2b129; background: linear-gradient(145deg,#fffdf2,#fff7cc); }
.proposal-card__badges { min-height: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.proposal-card__badges span { padding: 4px 7px; border-radius: 999px; color: #5a2e93; background: #eee2ff; font-size: .62rem; font-weight: 950; }
.proposal-card__badges .is-winner { color: #775400; background: #ffe991; }
.proposal-card__media { overflow: hidden; border-radius: 12px; background: #eef1f6; }
.proposal-card__media img { width: 100%; max-height: 240px; display: block; object-fit: cover; }
.proposal-card__video { position: relative; overflow: hidden; aspect-ratio: 16/9; border-radius: 12px; background: #172846; }
.proposal-card__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.proposal-card__text { margin: 0; color: #293954; font-size: .86rem; line-height: 1.42; white-space: pre-wrap; overflow-wrap: anywhere; }
.proposal-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 7px; color: var(--muted); font-size: .68rem; font-weight: 800; }
.proposal-card__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 5px; }
.proposal-card__meta .text-button,
.proposal-edit .text-button { flex: 0 0 auto; padding: 3px 5px; border: 0; color: #315e99; background: transparent; font: inherit; font-weight: 900; cursor: pointer; }
.proposal-card__meta .text-button--danger { color: #b33f4d; }
.proposal-card__meta .text-button:hover,
.proposal-edit .text-button:hover { text-decoration: underline; }
.proposal-edit { display: grid; gap: 6px; }
.proposal-edit textarea { width: 100%; min-height: 82px; padding: 9px 10px; border: 1px solid rgba(46,65,101,.2); border-radius: 12px; color: var(--ink); background: #fff; font: inherit; line-height: 1.4; resize: vertical; }
.proposal-edit__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.proposal-edit__footer > span:last-child { display: flex; align-items: center; gap: 5px; }
.proposal-edit__counter { color: var(--muted); font-size: .68rem; font-weight: 800; }
.proposal-ballot { display: flex; flex-wrap: wrap; gap: 5px; padding-top: 2px; }
.proposal-ballot button { min-height: 36px; padding: 6px 9px; border: 1px solid rgba(166,121,9,.18); border-radius: 11px; color: #97700c; background: #fffaf0; font: inherit; font-size: .86rem; font-weight: 950; cursor: pointer; }
.proposal-ballot button.is-selected { color: #5c4306; border-color: #e3b334; background: #ffe68c; box-shadow: inset 0 0 0 1px rgba(153,107,0,.12); }
.proposal-final-choice { width: 100%; min-height: 38px; border: 1px solid #7650b4; border-radius: 11px; color: #5a2e93; background: #f5edff; font: inherit; font-size: .75rem; font-weight: 900; cursor: pointer; }
.proposal-final-choice.is-selected { color: #fff; background: #6c43aa; }
.proposal-score { color: #526078; font-size: .72rem; font-weight: 900; }
.proposal-empty { margin: 0; padding: 17px; border-radius: 13px; color: var(--muted); background: #f6f7f9; text-align: center; font-size: .78rem; }
.class-front { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(132px, .65fr); align-items: end; gap: 13px; margin-bottom: 28px; }
.class-board { width: 100%; min-height: 62px; display: grid; place-items: center; margin: 0; padding: 9px 18px; border: 6px solid #a77b4a; border-radius: 8px; color: #fff; background: #356e58; box-shadow: inset 0 0 0 2px rgba(255,255,255,.1); text-align: center; }
.class-board span, .class-board small { display: block; }
.class-board span { font-weight: 900; }
.class-board small { margin-top: 3px; color: rgba(255,255,255,.72); }
.teacher-desk { min-height: 62px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 8px 13px; border: 3px solid #a96d37; border-bottom-width: 8px; border-radius: 10px 10px 15px 15px; background: linear-gradient(180deg, #f4bd6d, #d88942); box-shadow: 0 7px 0 #965b30, 0 11px 16px rgba(73,45,24,.16); text-align: left; }
.teacher-desk__avatar { width: 35px; height: 35px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; border: 3px solid rgba(255,255,255,.9); border-radius: 10px; color: #fff; background: linear-gradient(145deg, #6879ef, #8d45c7); background-position: center; background-size: cover; object-fit: cover; object-position: center; font-size: .75rem; font-weight: 900; }
.teacher-desk__avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.teacher-desk strong, .teacher-desk small { display: block; }
.teacher-desk small { margin-top: 2px; color: #76502e; font-size: .66rem; }
.teacher-desk--map { position: absolute; z-index: 8; width: 21%; height: 14%; min-height: 56px; margin: 0; padding: 4px 8px; transform: translate(-50%, -50%); }
.teacher-desk--map .teacher-desk__avatar { width: 43%; height: 100%; min-height: 0; border-width: 2px; border-radius: 8px; }
.teacher-desk--editable { font: inherit; cursor: grab; touch-action: none; user-select: none; }
.teacher-desk--editable:active, .teacher-desk--editable.is-dragging { z-index: 50; cursor: grabbing; transform: translate(-50%, -50%) scale(1.025); }
.classroom-map-scroll, .editor-map-scroll { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: #c4ab80 transparent; }
.classroom-map-scroll { padding: 6px 3px 14px; }
.desk-grid { position: relative; width: 100%; min-width: 720px; aspect-ratio: 16 / 9; border: 1px solid rgba(139,106,60,.15); border-radius: 14px; background: radial-gradient(circle at center, rgba(255,255,255,.85), rgba(248,238,216,.7)), linear-gradient(90deg, rgba(139,106,60,.035) 1px, transparent 1px), linear-gradient(rgba(139,106,60,.035) 1px, transparent 1px); background-size: auto, 5% 5%, 5% 5%; }
.desk { position: absolute; width: 9.3%; height: 14.3%; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 2px; border: 2px solid rgba(156,99,49,.62); border-radius: 10px; background: #efad62; box-shadow: 0 2px 7px rgba(73,45,24,.1); cursor: pointer; transform: translate(-50%, -50%); transition: z-index 0s .18s, transform .18s ease, filter .18s ease, box-shadow .18s ease; }
.desk.is-touch-preview { z-index: 25; transform: translate(-50%, -50%) scale(1.055); filter: saturate(1.08) brightness(1.035); box-shadow: 0 0 0 4px rgba(239,173,98,.2), 0 7px 15px rgba(73,45,24,.16); transition-delay: 0s; }
.desk-student-name { position: absolute; z-index: 3; left: 50%; top: 2px; width: max-content; overflow: visible; padding: 2px 5px; border-radius: 999px; color: #5d3818; background: rgba(255,255,255,.94); box-shadow: 0 2px 5px rgba(73,45,24,.12); font-family: "Arial Narrow", "Aptos Narrow", "Segoe UI", sans-serif; font-size: clamp(.58rem, 1.15vw, .72rem); font-stretch: condensed; font-weight: 900; line-height: 1.15; letter-spacing: -.055em; text-align: center; white-space: nowrap; transform: translateX(-50%) scaleX(.78); transform-origin: center top; }
.desk-avatar { position: absolute; z-index: 1; left: 2px; right: 2px; top: 17px; bottom: 2px; width: calc(100% - 4px); height: calc(100% - 19px); display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.9); border-radius: 8px; color: #fff; background-position: center; background-size: cover; box-shadow: none; object-fit: cover; object-position: center 28%; font-size: clamp(1.15rem,2.6vw,1.85rem); font-weight: 950; letter-spacing: .035em; text-shadow: 0 2px 4px rgba(25,30,70,.24); transition: transform .22s cubic-bezier(.2,.8,.2,1), filter .22s ease, box-shadow .22s ease; }
.desk-avatar > img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; }
.desk.is-touch-preview .desk-avatar { transform: scale(1.025); filter: brightness(1.08); box-shadow: 0 4px 9px rgba(73,45,24,.14); }
.desk-free-label { font-size: .66rem; font-weight: 900; line-height: 1; white-space: nowrap; }
.desk-number { position: absolute; top: 3px; left: 50%; padding: 2px 6px; border-radius: 999px; color: #5d3818; background: rgba(255,255,255,.9); box-shadow: 0 2px 5px rgba(73,45,24,.12); font-size: clamp(.76rem, 1.3vw, .84rem); font-weight: 950; line-height: 1.2; transform: translateX(-50%); }
.desk.is-free { border-style: dashed; filter: saturate(.45); background: #ecdabf; box-shadow: 0 2px 6px rgba(73,45,24,.08); }
.desk.is-free .free-plus { width: 29px; height: 29px; display: grid; place-items: center; border: 2px dashed #96734f; border-radius: 50%; font-size: 1rem; }
.desk.is-mine { border-color: #2d81e4; box-shadow: 0 0 0 4px rgba(45,129,228,.2), 0 5px 12px rgba(35,107,189,.16); }
.desk.is-mine::before { content: "Banca mea"; position: absolute; z-index: 5; top: -17px; padding: 3px 7px; border-radius: 999px; color: #fff; background: #2778d4; font-size: .58rem; font-weight: 900; }
.classroom-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 13px; margin-top: 25px; color: var(--muted); font-size: .72rem; font-weight: 800; }
.classroom-legend span { display: flex; align-items: center; gap: 5px; }
.legend-dot { width: 10px; height: 10px; border-radius: 50%; background: #d39150; }
.legend-dot--mine { background: var(--blue); }
.legend-dot--free { background: #d8c5a8; }

@keyframes classroomDice { from { transform: rotate(-12deg) scale(.92); } to { transform: rotate(13deg) scale(1.08); } }
@keyframes classroomSpark { 0% { opacity: 0; transform: translateY(-50%) scale(.4) rotate(-15deg); } 35% { opacity: 1; } 100% { opacity: 0; transform: translateY(-90%) scale(1.35) rotate(15deg); } }
@keyframes classroomClockFinished { from { transform: scale(1); filter: brightness(1); } to { transform: scale(1.012); filter: brightness(1.18); } }
@keyframes soundMeterNotice { 0%,100% { background: rgba(255,255,255,.82); box-shadow: inset 0 0 0 1px rgba(39,92,111,.08); } 40% { background: #fff1d9; box-shadow: inset 0 0 0 3px rgba(238,97,82,.25),0 0 28px rgba(238,97,82,.16); } }
@keyframes classroomQuestionShuffle { from { transform: translateY(0); filter: blur(0); } to { transform: translateY(-2px); filter: blur(.7px); } }

@media (prefers-reduced-motion: reduce) {
  .sound-meter__hero.is-alerting { animation: none; background: #fff1d9; box-shadow: inset 0 0 0 3px rgba(238,97,82,.25); }
}

.profile-card { display: grid; gap: 24px; align-items: center; padding: 26px; border: 1px solid rgba(255,255,255,.95); border-radius: 30px; background: rgba(255,255,255,.83); box-shadow: var(--shadow); }
.avatar-editor { display: grid; justify-items: center; gap: 10px; }
.avatar--profile { width: 154px; height: 154px; font-size: 2rem; border: 6px solid #fff; box-shadow: 0 13px 30px rgba(74,51,109,.2), inset 0 0 0 4px rgba(255,255,255,.3); }
.profile-card__copy h2 { margin: 10px 0 4px; font-size: 2rem; }
.profile-card__copy p { margin: 0 0 18px; color: var(--muted); line-height: 1.55; }
.feedback-tag { grid-column: 2; width: fit-content; padding: 5px 8px; border-radius: 999px; color: #17603a; background: #ddf6e7; font-size: .66rem; font-weight: 900; }
.feedback-tag--waiting { color: #835500; background: #fff0bd; }

.coming-soon { padding: 42px 24px; border: 1px solid rgba(255,255,255,.95); border-radius: 34px; background: rgba(255,255,255,.8); box-shadow: var(--shadow); text-align: center; }
.coming-soon__orb { width: 130px; height: 130px; display: grid; place-items: center; margin: 0 auto 20px; border-radius: 50%; color: #fff; background: radial-gradient(circle at 35% 30%, #ff92bc, #ef2d77 58%, #a928b8); box-shadow: 0 20px 38px rgba(236,45,119,.24); font-size: 3rem; }
.coming-soon h2 { max-width: 640px; margin: 15px auto 10px; font-size: clamp(1.8rem, 7vw, 3.2rem); letter-spacing: -.045em; }
.coming-soon p { max-width: 600px; margin: 0 auto; color: var(--muted); line-height: 1.65; }
.principles { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 22px; font-size: .85rem; font-weight: 800; }

.assessment-hero { display: grid; gap: 20px; align-items: center; margin-bottom: 16px; padding: 25px; border: 1px solid rgba(255,255,255,.95); border-radius: 28px; background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,231,243,.82)); box-shadow: var(--shadow); }
.assessment-hero h2 { margin: 10px 0 6px; font-size: clamp(1.55rem, 5vw, 2.35rem); }
.assessment-hero p { max-width: 670px; margin: 0; color: var(--muted); line-height: 1.55; }
.assessment-hero__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.assessment-stat-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-bottom: 16px; }
.assessment-stat { padding: 17px; border: 1px solid rgba(255,255,255,.95); border-radius: 20px; background: rgba(255,255,255,.82); }
.assessment-stat span, .assessment-stat small { display: block; color: var(--muted); }
.assessment-stat strong { display: block; margin: 5px 0; font-size: 1.55rem; }
.assessment-list { display: grid; gap: 11px; }
.assessment-archive { margin-top: 8px; padding: 13px; border: 1px solid rgba(74,51,109,.1); border-radius: 18px; background: rgba(245,241,251,.72); }
.assessment-archive > summary { padding: 3px 2px 13px; color: #49376e; font-weight: 900; cursor: pointer; }
.assessment-delete-button { color: #a53848; border-color: rgba(190,66,82,.28); }
.assessment-card { display: grid; gap: 14px; padding: 19px; border: 1px solid rgba(255,255,255,.95); border-radius: 22px; background: rgba(255,255,255,.84); box-shadow: 0 10px 26px rgba(36,50,74,.055); }
.assessment-card__top, .assessment-card__meta, .assessment-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.assessment-card__top { justify-content: space-between; }
.assessment-card h2, .assessment-card h3 { margin: 0; }
.assessment-card__meta { color: var(--muted); font-size: .78rem; font-weight: 800; }
.assessment-card__meta span { padding-right: 9px; border-right: 1px solid var(--line); }
.assessment-card__meta span:last-child { border: 0; }
.assessment-progress { overflow: hidden; height: 9px; border-radius: 999px; background: #ece8df; }
.assessment-progress > i { display: block; width: var(--progress, 0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5a73ea, #e7488a); }
.assessment-card__actions { justify-content: flex-end; }
.assessment-status { width: fit-content; padding: 6px 10px; border-radius: 999px; color: #31506f; background: #e2effb; font-size: .7rem; font-weight: 900; }
.assessment-status--draft { color: #6d5e43; background: #eee9df; }
.assessment-status--open { color: #17603a; background: #ddf6e7; }
.assessment-status--grading { color: #835500; background: #fff0bd; }
.assessment-status--published { color: #65307a; background: #f0def8; }
.assessment-student-intro { display: grid; gap: 13px; margin-bottom: 16px; padding: 22px; border: 1px solid rgba(255,255,255,.95); border-radius: 25px; background: rgba(255,255,255,.84); box-shadow: var(--shadow); }
.assessment-student-intro h2 { margin: 0; }
.assessment-student-intro p { margin: 0; color: var(--muted); line-height: 1.55; }
.assessment-result { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.assessment-result span { padding: 11px; border-radius: 15px; background: #f5f2eb; text-align: center; }
.assessment-result small, .assessment-result strong { display: block; }
.assessment-result small { color: var(--muted); font-size: .65rem; font-weight: 800; }
.assessment-result strong { margin-top: 3px; }
.assessment-admin-layout { display: grid; gap: 16px; margin-bottom: 18px; }
.assessment-import-card { display: grid; gap: 12px; padding: 22px; border: 1px solid rgba(255,255,255,.96); border-radius: 24px; background: rgba(255,255,255,.86); box-shadow: var(--shadow); }
.assessment-import-card__icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(145deg,#6276e5,#d94689); font-size: 1.8rem; font-weight: 900; }
.assessment-import-card h2 { margin: 9px 0 5px; }
.assessment-import-card p, .assessment-import-card small { margin: 0; color: var(--muted); line-height: 1.5; }
.assessment-import-card > label:not(.check-field) { margin-top: 3px; font-size: .78rem; font-weight: 850; }
.assessment-blueprint { padding: 22px; border: 1px solid rgba(255,255,255,.95); border-radius: 24px; background: linear-gradient(145deg, rgba(233,241,255,.92), rgba(255,255,255,.88)); }
.assessment-blueprint h2 { margin: 7px 0 16px; }
.assessment-blueprint ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: assessment-flow; }
.assessment-blueprint li { display: grid; grid-template-columns: 32px 1fr; column-gap: 10px; counter-increment: assessment-flow; }
.assessment-blueprint li::before { content: counter(assessment-flow); grid-row: 1 / 3; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #6276e5; font-size: .75rem; font-weight: 900; }
.assessment-blueprint li span { color: var(--muted); font-size: .75rem; }
.assessment-scoring-summary { margin-bottom: 15px; }
.assessment-score-list { display: grid; gap: 10px; }
.assessment-score-row { display: grid; gap: 10px; padding: 16px; border: 1px solid rgba(255,255,255,.95); border-radius: 20px; background: rgba(255,255,255,.84); }
.assessment-score-row__identity strong, .assessment-score-row__identity small { display: block; }
.assessment-score-row__identity small { margin-top: 3px; color: var(--muted); }
.assessment-score-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.assessment-score-fields label { display: grid; gap: 5px; color: var(--muted); font-size: .72rem; font-weight: 800; }
.assessment-score-note { grid-column: 1 / -1; }
.assessment-score-row__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.assessment-score-row__actions label { display: flex; align-items: center; gap: 7px; font-size: .76rem; font-weight: 850; }
.assessment-item-list { display: grid; gap: 10px; }
.assessment-item-card { display: grid; gap: 12px; padding: 18px; border: 1px solid rgba(255,255,255,.95); border-radius: 21px; background: rgba(255,255,255,.84); }
.assessment-item-card__head, .assessment-item-card__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.assessment-item-card h3 { margin: 0; }
.assessment-item-card p { margin: 0; line-height: 1.55; white-space: pre-line; }
.assessment-item-card__meta { display: flex; flex-wrap: wrap; gap: 6px; color: var(--muted); font-size: .72rem; font-weight: 800; }
.assessment-item-card__meta span { padding: 5px 8px; border-radius: 999px; background: #f2efe8; }
.assessment-options-preview { display: grid; gap: 5px; margin: 0; padding-left: 22px; color: var(--muted); font-size: .8rem; }
.assessment-runner-summary { margin-bottom: 14px; }
.assessment-runner { display: grid; gap: 13px; }
.assessment-question { display: grid; gap: 14px; padding: 21px; border: 1px solid rgba(255,255,255,.96); border-radius: 23px; background: rgba(255,255,255,.88); box-shadow: 0 9px 25px rgba(36,50,74,.05); }
.assessment-question__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.assessment-question h2 { margin: 0; font-size: 1.12rem; line-height: 1.5; white-space: pre-line; }
.assessment-question__meta { color: var(--muted); font-size: .72rem; font-weight: 800; }
.assessment-question__asset { width: min(100%, 720px); max-height: 520px; object-fit: contain; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.assessment-choice-list { display: grid; gap: 8px; }
.assessment-choice { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 15px; background: #fffdf9; cursor: pointer; }
.assessment-choice:has(input:checked) { border-color: #6b78df; background: #eef0ff; box-shadow: 0 0 0 2px rgba(107,120,223,.12); }
.assessment-paper-zone { display: grid; grid-template-columns: auto 1fr; gap: 11px; padding: 15px; border: 2px dashed #d0a868; border-radius: 17px; color: #6b4a20; background: #fff7e5; }
.assessment-paper-zone > span { font-size: 1.45rem; }
.assessment-paper-zone p { margin: 3px 0 0; font-size: .8rem; line-height: 1.45; }
.assessment-save-state { min-height: 20px; color: #29744b; font-size: .72rem; font-weight: 850; }
.assessment-runner__footer { position: sticky; bottom: 8px; z-index: 20; display: grid; gap: 10px; padding: 16px; border: 1px solid rgba(255,255,255,.96); border-radius: 20px; background: rgba(255,253,248,.94); box-shadow: 0 14px 34px rgba(36,50,74,.14); backdrop-filter: blur(10px); }
.assessment-runner__footer p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.assessment-report-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 15px; }
.assessment-report-table-wrap { overflow: auto; border: 1px solid rgba(255,255,255,.96); border-radius: 21px; background: rgba(255,255,255,.86); box-shadow: var(--shadow); }
.assessment-report-table { width: max-content; min-width: 0; border-collapse: collapse; font-size: .78rem; }
.assessment-report-table th, .assessment-report-table td { width: 1%; padding: 8px 7px; border-bottom: 1px solid var(--line); text-align: center; white-space: nowrap; }
.assessment-report-table th:first-child, .assessment-report-table td:first-child { position: sticky; left: 0; z-index: 2; min-width: 0; background: #fffdf8; text-align: left; }
.assessment-report-table thead th { color: var(--muted); background: #f6f3ec; font-size: .68rem; text-transform: uppercase; }
.assessment-report-table td strong { display: block; }
.assessment-report-cell { display: inline-grid; min-width: 48px; place-items: center; padding: 6px 7px; border-radius: 10px; background: #eeeae2; font-weight: 900; }
.assessment-report-cell--good { color: #17603a; background: #ddf6e7; }
.assessment-report-cell--mid { color: #835500; background: #fff0bd; }
.assessment-report-cell--low { color: #8d3041; background: #ffe4e8; }

.stat-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-bottom: 18px; }
.stat-grid article { padding: 18px; border: 1px solid rgba(255,255,255,.95); border-radius: 22px; background: rgba(255,255,255,.82); }
.stat-grid span, .stat-grid small { display: block; color: var(--muted); }
.stat-grid strong { display: block; margin: 7px 0; font-size: 1.7rem; }
.stat-grid span { font-size: .76rem; font-weight: 800; }
.stat-grid small { font-size: .68rem; }
.admin-grid { display: grid; gap: 10px; }
.admin-grid button { display: grid; grid-template-columns: auto 1fr; column-gap: 13px; padding: 17px; border: 1px solid rgba(255,255,255,.95); border-radius: 20px; background: rgba(255,255,255,.82); text-align: left; cursor: pointer; }
.admin-grid button > span { grid-row: 1 / 3; width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; background: #f1eee6; font-size: 1.25rem; }
.admin-grid strong { align-self: end; }
.admin-grid small { align-self: start; margin-top: 3px; color: var(--muted); }
.schedule-admin-panel { overflow: hidden; }
.schedule-admin-scroll { width: 100%; overflow-x: auto; padding: 2px 0 8px; overscroll-behavior-inline: contain; }
.schedule-admin-table { min-width: 790px; display: grid; gap: 7px; }
.schedule-admin-row { display: grid; grid-template-columns: 48px repeat(5, minmax(132px,1fr)); gap: 7px; align-items: center; }
.schedule-admin-row--heading { color: #51457a; text-align: center; }
.schedule-admin-row--heading strong { padding: 7px 4px; font-size: .8rem; }
.schedule-hour-number { width: 36px; height: 36px; display: grid; place-items: center; justify-self: center; border-radius: 12px; color: #fff; background: #7259bb; font-size: .9rem; }
.schedule-admin-row label { display: block; }
.schedule-admin-row input { width: 100%; min-width: 0; padding: 10px 11px; border-radius: 12px; font-size: .9rem; }
.schedule-admin-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 11px; }
.schedule-admin-actions output { margin-right: auto; color: #627488; font-size: .72rem; font-weight: 850; }
.schedule-admin-actions output.is-unsaved { color: #aa5f14; }
.schedule-admin-actions output.is-saving { color: #315f96; }
.schedule-admin-actions output.is-saved { color: #19704a; }
.lesson-time-admin { display: grid; grid-template-columns: minmax(170px,.5fr) minmax(0,1.5fr); gap: 12px; margin-bottom: 14px; padding: 12px; border: 1px solid rgba(45,88,106,.1); border-radius: 16px; background: #f4f9fb; }
.lesson-time-admin__heading { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.lesson-time-admin__heading strong,.lesson-time-admin__heading small { display: block; }
.lesson-time-admin__heading strong { color: #29465d; font-size: .92rem; }
.lesson-time-admin__heading small { margin-top: 4px; color: var(--muted); font-size: .7rem; line-height: 1.35; }
.lesson-time-admin__rows { display: grid; grid-template-columns: repeat(5,minmax(105px,1fr)); gap: 6px; overflow-x: auto; padding-bottom: 2px; }
.lesson-time-admin__row { min-width: 105px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 7px; border-radius: 12px; background: #fff; }
.lesson-time-admin__row > strong { grid-column: 1 / -1; color: #31556f; font-size: .72rem; text-align: center; }
.lesson-time-admin__row label { min-width: 0; display: grid; gap: 3px; color: #607284; font-size: .58rem; font-weight: 900; text-transform: uppercase; }
.lesson-time-admin__row input { width: 100%; min-width: 0; padding: 5px 3px; border-radius: 8px; font-size: .7rem; }
.vacation-admin-panel { margin-top: 18px; }
.vacation-admin-list { display: grid; gap: 9px; }
.vacation-admin-row { display: grid; grid-template-columns: minmax(160px,1fr) minmax(145px,.55fr) minmax(145px,.55fr) auto; gap: 9px; align-items: end; }
.vacation-admin-row label { display: grid; gap: 5px; font-size: .76rem; font-weight: 850; }
.vacation-admin-row input { width: 100%; min-width: 0; }
.vacation-admin-empty { margin: 0; padding: 14px; border: 1px dashed var(--line); border-radius: 14px; color: var(--muted); text-align: center; }
.empty-state { grid-column: 1 / -1; margin: 0; padding: 22px; border: 1px dashed var(--line); border-radius: 18px; color: var(--muted); background: rgba(255,255,255,.55); text-align: center; }
.admin-form { display: grid; gap: 12px; margin-bottom: 18px; padding: 18px; border: 1px solid rgba(255,255,255,.95); border-radius: 22px; background: rgba(255,255,255,.82); box-shadow: 0 12px 30px rgba(36,50,74,.06); }
.admin-form > div { display: grid; gap: 6px; }
.admin-form--resource { margin-bottom: 12px; padding: 14px; background: rgba(248,246,240,.7); box-shadow: none; }
.check-field { display: flex; align-items: center; gap: 8px; align-self: end; min-height: 48px; }
.check-field input { width: 20px; height: 20px; }
.admin-panel { margin-top: 16px; padding: 20px; border: 1px solid rgba(255,255,255,.95); border-radius: 25px; background: rgba(255,255,255,.78); box-shadow: 0 12px 30px rgba(36,50,74,.06); }
.admin-panel__heading { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.admin-panel__heading h2 { margin: 4px 0 0; }
.admin-list { display: grid; gap: 8px; }
.admin-list__item { display: flex; flex-direction: column; gap: 12px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.88); }
.admin-list__item.is-inactive { opacity: .62; background: #f1f0ec; }
.admin-list__item strong, .admin-list__item small { display: block; }
.admin-list__item small { max-width: 680px; margin-top: 4px; color: var(--muted); font-size: .72rem; overflow-wrap: anywhere; }
.admin-list__identity { display: flex; align-items: center; gap: 10px; }
.admin-list__actions { display: flex; flex-wrap: wrap; gap: 7px; }
.teacher-school-group { display: grid; gap: 6px; margin-top: 14px; }
.teacher-school-group h2 { margin: 0 0 2px; font-size: 1rem; }
.teacher-school-group select { max-width: 190px; padding: 7px 9px; }
#parentLinksPanel { padding: 0; overflow: hidden; }
#parentLinksPanel .portfolio-paths-summary { padding: 10px 14px; }
#parentLinksPanel[open] > summary { border-bottom: 1px solid var(--line); }
.parent-links-body { display: grid; gap: 12px; padding: 12px; }
.parent-links-forms { display: grid; gap: 10px; }
.parent-link-form { min-width: 0; margin: 0; padding: 12px; gap: 8px; box-shadow: none; }
.parent-link-form h2 { margin: 0; font-size: 1rem; }
.parent-link-form label { display: grid; gap: 4px; min-width: 0; font-size: .78rem; font-weight: 800; }
.parent-link-form input, .parent-link-form select { width: 100%; min-width: 0; }
.parent-link-form button { justify-self: start; }
.parent-links-list .admin-list__item { padding: 8px 10px; gap: 6px; }
.parent-link-people { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.parent-link-person { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem; }
.parent-link-person small { margin: 0; }
.parent-link-person button { min-height: 30px; padding: 3px 8px; }
.parent-activation-code { display: block; padding: 11px; border-radius: 12px; background: #edf5fb; color: #12345a; font-size: clamp(.8rem, 2vw, 1.05rem); font-weight: 800; letter-spacing: .06em; overflow-wrap: anywhere; user-select: all; }
.status-pill--inactive { color: #6e7889; background: #e4e4e4; }
.portfolio-privacy-note { display: flex; align-items: flex-start; gap: 12px; padding: 15px 17px; border: 1px solid rgba(35,126,83,.16); border-radius: 18px; color: #155b3b; background: rgba(225,248,235,.82); }
.portfolio-privacy-note > span { font-size: 1.35rem; }
.portfolio-privacy-note p { margin: 0; font-weight: 720; line-height: 1.5; }
.portfolio-storage-summary { display: grid; gap: 4px; margin-bottom: 14px; color: var(--muted); }
.portfolio-storage-summary p { margin: 0; }
.portfolio-sync-warning { color: #9b4c00; font-weight: 800; }
.portfolio-storage-form { display: grid; gap: 11px; }
.portfolio-storage-form > div { display: grid; gap: 6px; }
.portfolio-storage-form label { font-weight: 850; }
.portfolio-storage-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 13px; }
.form-note { margin: 10px 0 0; color: var(--muted); font-size: .78rem; }
.portfolio-inventory-table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.88); }
.portfolio-inventory-table { width: max-content; min-width: 0; border-collapse: collapse; }
.portfolio-inventory-table th, .portfolio-inventory-table td { width: 1%; padding: 7px 8px; border-bottom: 1px solid var(--line); text-align: center; vertical-align: middle; white-space: nowrap; }
.portfolio-inventory-table thead th { color: var(--muted); background: #f6f3ec; font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; }
.portfolio-inventory-table tbody tr:last-child > * { border-bottom: 0; }
.portfolio-inventory-table tbody th { width: 1%; min-width: 0; text-align: left; }
.portfolio-inventory-table tbody th strong, .portfolio-inventory-table tbody th small, .portfolio-inventory-table td small { display: block; }
.portfolio-inventory-table tbody th small, .portfolio-inventory-table td small { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.portfolio-inventory-table tr.has-sync-error { background: rgba(255,239,216,.44); }
.portfolio-inventory-table .secondary-button--small { min-height: 34px; padding: 6px 9px; }
.portfolio-paths-panel { padding: 0; overflow: hidden; }
.portfolio-paths-summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; cursor: pointer; list-style: none; }
.portfolio-paths-summary::-webkit-details-marker { display: none; }
.portfolio-paths-summary > span:first-child { display: grid; gap: 3px; }
.portfolio-paths-summary strong { font-size: 1.08rem; }
.portfolio-paths-toggle { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: #51457a; background: #f1eee6; font-size: .68rem; font-weight: 900; }
.portfolio-paths-panel[open] .portfolio-paths-summary { border-bottom: 1px solid var(--line); }
.portfolio-paths-panel[open] .portfolio-paths-toggle { font-size: 0; }
.portfolio-paths-panel[open] .portfolio-paths-toggle::after { content: 'Ascunde setările'; font-size: .68rem; }
.portfolio-paths-panel > .section-intro { margin: 15px 18px 12px; }
.portfolio-paths-panel > .portfolio-path-list { padding: 0 18px 18px; }
.educational-profile-panel { margin: 0 0 18px; }
.educational-profile-summary { flex: 0 0 auto; padding: 7px 11px; border-radius: 999px; color: #185eaa; background: #e7f3ff; font-size: .75rem; font-weight: 900; }
.educational-profile-form { padding: 16px 18px 18px; }
.educational-profile-grid { display: grid; grid-template-columns: 1fr; gap: 11px; }
.educational-profile-grid > label, .educational-age-fields label { display: grid; gap: 5px; min-width: 0; color: #30465b; font-size: .78rem; font-weight: 850; }
.educational-profile-grid input, .educational-profile-grid select, .educational-profile-grid textarea { width: 100%; min-width: 0; }
.educational-age-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.educational-profile-notes { grid-column: 1 / -1; }
.educational-profile-notes textarea { resize: vertical; }
.educational-profile-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin-top: 13px; }
.educational-profile-actions span { max-width: 720px; color: var(--muted); font-size: .76rem; line-height: 1.45; }
.ai-library-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-bottom: 14px; }
.ai-library-summary article { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.92); border-radius: 17px; background: rgba(255,255,255,.77); box-shadow: 0 8px 22px rgba(50,61,78,.06); }
.ai-library-summary span { color: var(--muted); font-size: .72rem; font-weight: 800; }
.ai-library-summary strong { color: var(--ink); font-size: 1.24rem; }
.ai-connection-panel { margin-bottom: 14px; }
.ai-connection-body { display: grid; gap: 12px; padding: 15px 18px 18px; }
.ai-connection-form { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; align-items: end; }
.ai-connection-form label, .ai-resource-form label { display: grid; gap: 5px; min-width: 0; color: #30465b; font-size: .78rem; font-weight: 850; }
.ai-connection-form input, .ai-resource-form input, .ai-resource-form select, .ai-library-toolbar input, .ai-library-toolbar select { width: 100%; min-width: 0; }
.ai-connection-meta { color: var(--muted); font-size: .76rem; line-height: 1.45; overflow-wrap: anywhere; }
.ai-connection-meta strong { color: var(--ink); }
.ai-connection-meta.has-error { color: #a22f3d; }
.ai-assistant-last-error, .ai-assistant-last-success { display: block; margin-top: 6px; padding: 7px 9px; border-radius: 10px; font-weight: 800; }
.ai-assistant-last-error { color: #982d3d; background: #ffe9ed; }
.ai-assistant-last-success { color: #146844; background: #e3f7ec; }
.ai-assistant-setup { gap: 10px; }
.ai-assistant-token-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ai-assistant-secret { padding: 11px; border: 1px solid rgba(37,132,233,.25); border-radius: 14px; background: #eef7ff; }
.ai-assistant-secret label { display: grid; gap: 5px; color: #30465b; font-size: .76rem; font-weight: 850; }
.ai-copy-field { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
.ai-copy-field input { min-width: 0; width: 100%; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: .72rem; }
.ai-assistant-steps { margin: 2px 0; padding-left: 22px; color: #465870; font-size: .76rem; line-height: 1.5; }
.ai-assistant-availability { margin: 0; padding: 9px 11px; border-radius: 12px; color: #765000; background: #fff4cf; font-size: .72rem; line-height: 1.4; }
.ai-assistant-privacy-field { display: grid; gap: 6px; font-size: .78rem; font-weight: 800; color: var(--ink); }
.ai-assistant-code-panel { border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.74); }
.ai-assistant-code-panel > summary { padding: 10px 12px; color: var(--ink); font-size: .78rem; font-weight: 900; cursor: pointer; }
.ai-assistant-code-panel label { display: block; padding: 0 11px; }
.ai-assistant-code-panel textarea { width: 100%; min-height: 150px; resize: vertical; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: .68rem; line-height: 1.42; }
.ai-assistant-code-panel > button { margin: 8px 11px 11px; }
.ai-draft-panel { margin-bottom: 14px; }
.ai-gpt-launch-panel { margin-bottom: 14px; }
.ai-gpt-launch-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 0 20px 20px; }
.ai-gpt-launch-grid button { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 15px; color: var(--ink); background: rgba(255,255,255,.9); cursor: pointer; text-align: left; }
.ai-gpt-launch-grid button:hover { border-color: #78aee6; background: #f2f8ff; transform: translateY(-1px); }
.ai-gpt-launch-grid button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.ai-gpt-launch-grid span { flex: 0 0 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg,#6b65e8,#2584e9); font-weight: 950; }
.ai-gpt-launch-grid strong { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.ai-assistant-url-form { padding: 0; }
.ai-assistant-url-form label { display: grid; gap: 5px; color: #30465b; font-size: .78rem; font-weight: 850; }
.ai-draft-panel .check-field { margin: 0; }
.ai-draft-heading-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.ai-draft-list { display: grid; gap: 7px; padding: 0 20px 20px; }
.ai-draft-row { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 8px 11px; align-items: center; padding: 10px 11px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.88); }
.ai-draft-row.is-archived { opacity: .72; background: rgba(243,241,235,.78); }
.ai-draft-main { min-width: 0; }
.ai-draft-main strong, .ai-draft-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-draft-main strong { font-size: .88rem; }
.ai-draft-main small { margin-top: 3px; color: var(--muted); font-size: .68rem; }
.ai-draft-preview { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 6px; }
.ai-draft-preview summary { color: #285d91; font-size: .7rem; font-weight: 850; cursor: pointer; }
.ai-draft-preview ol { margin: 7px 0 2px; padding-left: 22px; color: #42546b; font-size: .74rem; line-height: 1.42; }
.ai-draft-preview > small { color: var(--muted); font-size: .68rem; }
.ai-resource-state[data-state="pending"] { color: #875900; background: #fff0bd; }
.ai-resource-state[data-state="imported"] { color: #14704a; background: #e0f6eb; }
.ai-resource-add-panel, .ai-resource-library-panel { margin-bottom: 14px; }
.ai-resource-form { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding: 0 20px 20px; }
.ai-resource-file { grid-column: 1 / -1; }
.ai-resource-file input { padding: 9px; background: rgba(255,255,255,.82); }
.ai-resource-form > button { justify-self: stretch; }
.ai-library-toolbar { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; padding: 0 20px 14px; }
.ai-library-toolbar label:not(.check-field) { min-width: 0; }
.ai-library-toolbar .check-field { align-self: center; }
.ai-resource-list { display: grid; gap: 7px; padding: 0 20px 20px; }
.ai-resource-row { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 9px 11px; align-items: center; padding: 10px 11px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.86); }
.ai-resource-row.is-archived { opacity: .7; background: rgba(243,241,235,.78); }
.ai-resource-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg,#6b65e8,#2584e9); font-size: 1.08rem; font-weight: 950; }
.ai-resource-main { min-width: 0; }
.ai-resource-main strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .88rem; }
.ai-resource-main small { display: block; margin-top: 3px; overflow: hidden; color: var(--muted); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.ai-resource-state { grid-column: 2; justify-self: start; padding: 5px 8px; border-radius: 999px; color: #185eaa; background: #e7f3ff; font-size: .66rem; font-weight: 900; white-space: nowrap; }
.ai-resource-state[data-state="ready"] { color: #14704a; background: #e0f6eb; }
.ai-resource-state[data-state="failed"] { color: #a22f3d; background: #ffe8ec; }
.ai-resource-state[data-state="archived"] { color: #6d6258; background: #ece8e2; }
.ai-resource-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.ai-resource-error { grid-column: 1 / -1; margin: 0; color: #a22f3d; font-size: .7rem; line-height: 1.35; }
.ai-draft-editor-dialog { width: min(calc(100% - 24px), 820px); }
.ai-draft-editor-meta { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; }
.ai-draft-editor-meta label, .ai-draft-editor-fields label { display: grid; gap: 5px; color: #30465b; font-size: .78rem; font-weight: 850; }
.ai-draft-editor-meta input, .ai-draft-editor-fields input, .ai-draft-editor-fields select, .ai-draft-editor-fields textarea { width: 100%; min-width: 0; }
.ai-draft-editor-fields { display: grid; gap: 10px; }
.ai-draft-editor-fields textarea { min-height: 230px; resize: vertical; font-family: inherit; line-height: 1.45; }
.ai-draft-editor-fields .ai-draft-editor-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.ai-draft-editor-hint { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.ai-draft-editor-hint code { padding: 2px 5px; border-radius: 6px; color: #264f7d; background: #edf5ff; font-size: .7rem; }
.portfolio-path-list { display: grid; gap: 8px; }
.portfolio-path-row { display: grid; grid-template-columns: minmax(180px,.45fr) minmax(280px,1fr) auto; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.86); }
.portfolio-path-row.is-unmapped { border-color: rgba(230,143,35,.35); background: rgba(255,243,224,.72); }
.portfolio-path-identity { display: flex; align-items: center; gap: 9px; min-width: 0; }
.portfolio-path-identity strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portfolio-path-row label, .portfolio-path-row input { width: 100%; min-width: 0; }
.portfolio-file-list { display: grid; gap: 8px; }
.portfolio-file-row { display: grid; grid-template-columns: 42px minmax(180px,1fr) auto auto minmax(125px,auto); align-items: center; gap: 11px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.88); }
.portfolio-file-row > div { min-width: 0; }
.portfolio-file-row strong, .portfolio-file-row > div small { display: block; overflow-wrap: anywhere; }
.portfolio-file-row > div small, .portfolio-file-row > small { color: var(--muted); font-size: .72rem; }
.portfolio-file-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: #f1eee6; font-size: 1.15rem; }
.portfolio-file-category { padding: 6px 9px; border-radius: 999px; color: #185eaa; background: #e7f3ff; font-size: .68rem; font-weight: 900; text-transform: uppercase; }
.upload-destination { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 8px; align-items: end; padding: 10px 8px; border-bottom: 1px solid var(--line); }
.upload-destination > strong { align-self: center; }
.upload-destination label { grid-column: 1 / -1; display: grid; gap: 4px; color: var(--muted); font-size: .72rem; }
.upload-destination input { padding: 10px 12px; }
.upload-destination button { grid-column: 1 / -1; }
.log-row { display: grid; grid-template-columns: 1fr; gap: 3px; padding: 10px 3px; border-bottom: 1px solid var(--line); }
.log-row span, .log-row small { color: var(--muted); font-size: .7rem; }

.update-card, .update-history { padding: 24px; border: 1px solid rgba(255,255,255,.95); border-radius: 28px; background: rgba(255,255,255,.83); box-shadow: var(--shadow); }
.update-card { display: grid; gap: 18px; }
.update-card__icon { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 22px; color: #fff; background: linear-gradient(145deg,#2584e9,#6450d9); box-shadow: 0 14px 28px rgba(37,132,233,.22); font-size: 2rem; font-weight: 900; }
.update-card h2 { margin: 10px 0 5px; font-size: clamp(1.5rem,5vw,2.3rem); }
.update-card p, .update-history p { color: var(--muted); line-height: 1.55; }
.update-form { display: grid; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: rgba(248,246,240,.78); }
.update-progress { display: grid; gap: 7px; color: var(--muted); font-size: .82rem; font-weight: 750; }
.update-progress[hidden] { display: none; }
.update-progress progress { width: 100%; height: 13px; accent-color: var(--blue); }
.dc-release-card { display: block; margin-top: 18px; }
.dc-release-card[open] { display: grid; }
.dc-release-card summary { cursor: pointer; color: var(--ink); font-weight: 800; font-size: 1.15rem; }
.dc-release-card summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
.dc-release-card .update-form { margin-top: 12px; }
.update-fingerprint { margin: 0; font-size: .75rem; }
.update-fingerprint code { overflow-wrap: anywhere; }
.update-history { margin-top: 16px; box-shadow: 0 15px 38px rgba(36,50,74,.08); }
.update-history h2 { margin: 5px 0 16px; }
.update-history__item { display: grid; grid-template-columns: auto 1fr; gap: 10px 12px; padding: 14px 0; border-top: 1px solid var(--line); }
.update-history__item small { display: block; margin-top: 4px; color: var(--muted); }
.update-history__item p { grid-column: 2; margin: 0; }
.update-state { align-self: start; padding: 5px 8px; border-radius: 999px; color: #765000; background: #fff0bd; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.update-state--completed { color: #17603a; background: #ddf6e7; }
.update-state--failed { color: #8d3041; background: #ffe4e8; }

#changePasswordDialog[data-mandatory="1"] .dialog-heading .icon-button { display: none; }

.editor-heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.editor-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 12px; }
.layout-tool { min-height: 74px; display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 9px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.95); border-radius: 17px; background: rgba(255,255,255,.82); text-align: left; cursor: pointer; box-shadow: 0 8px 20px rgba(36,50,74,.05); }
.layout-tool > span { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: #f1eee6; font-size: 1.1rem; font-weight: 900; }
.layout-tool strong { align-self: end; font-size: .84rem; }
.layout-tool small { align-self: start; color: var(--muted); font-size: .63rem; }
.layout-tool.is-active { color: #fff; border-color: var(--ink); background: var(--ink); box-shadow: 0 10px 24px rgba(36,50,74,.2); }
.layout-tool.is-active > span { color: var(--ink); background: #fff; }
.layout-tool.is-active small { color: rgba(255,255,255,.72); }
.layout-tool--danger { color: #8d3041; border-color: rgba(174,62,81,.18); background: rgba(255,246,247,.9); }
.layout-tool--danger > span { color: #9d3142; background: #ffe4e8; }
.editor-status { margin-bottom: 12px; padding: 11px 14px; border-radius: 14px; color: #31506f; background: #e8f3ff; font-size: .8rem; font-weight: 800; }
.classroom-shell--editor { background: rgba(255,253,248,.92); }
.editor-map-scroll { padding: 5px 2px 16px; }
.classroom-editor-canvas { position: relative; width: 100%; min-width: 820px; aspect-ratio: 16 / 9; border: 2px dashed rgba(139,106,60,.28); border-radius: 14px; background: radial-gradient(circle at center, rgba(255,255,255,.98), rgba(248,238,216,.8)), linear-gradient(90deg, rgba(139,106,60,.05) 1px, transparent 1px), linear-gradient(rgba(139,106,60,.05) 1px, transparent 1px); background-size: auto, 5% 5%, 5% 5%; touch-action: none; overflow: hidden; }
.editor-desk { cursor: grab; touch-action: none; user-select: none; }
.editor-desk .desk-student-name { top: 72%; transform: translate(-50%, -50%) scaleX(.78); transform-origin: center; }
.editor-desk:active, .editor-desk.is-dragging { cursor: grabbing; z-index: 40; transform: translate(-50%, -50%) scale(1.035); }
.editor-desk.is-remove-ready { cursor: pointer; }
.editor-desk.is-remove-ready:hover, .editor-desk.is-remove-ready:focus-visible { outline: 3px solid rgba(174,62,81,.72); outline-offset: 3px; filter: drop-shadow(0 10px 9px rgba(157,49,66,.18)); }
.editor-desk.is-empty { opacity: .6; }
.editor-desk.is-snap-source { z-index: 42; box-shadow: 0 0 0 5px rgba(37,132,233,.24), 0 7px 0 #236bbd, 0 14px 22px rgba(35,107,189,.24); }
.editor-desk.is-snap-target { z-index: 41; box-shadow: 0 0 0 5px rgba(51,181,112,.25), 0 7px 0 #2f8d5d, 0 14px 22px rgba(47,141,93,.23); }
.editor-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 18px; margin-top: 13px; color: var(--muted); font-size: .7rem; font-weight: 800; }
.editor-legend span { display: flex; align-items: center; gap: 6px; }

.section-view.communication-view { width: min(100% - 24px, 1680px); height: calc(var(--app-viewport-height) - 70px); display: flex; flex-direction: column; padding: 12px 0 10px; }
.communication-page-heading { flex: 0 0 auto; gap: 18px; }
.communication-create-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.communication-create-actions button { font-size: .9rem; }
.communication-shell { --communication-text-size: 18px; min-height: 0; height: 0; flex: 1 1 auto; display: grid; grid-template-columns: clamp(260px, 25%, 340px) minmax(0, 1fr); overflow: hidden; border: 1px solid rgba(255,255,255,.98); border-radius: 22px; background: rgba(255,255,255,.84); box-shadow: var(--shadow); }
.communication-sidebar { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border-right: 1px solid var(--line); background: rgba(250,248,242,.82); }
.communication-sidebar__heading { height: 62px; flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 10px 13px 8px 17px; border-bottom: 1px solid var(--line); }
.communication-sidebar__heading strong { font-size: 1.05rem; }
.communication-notifications-button { position: relative; }
.communication-notifications-button > strong { min-width: 19px; height: 19px; display: inline-grid; place-items: center; padding: 0 5px; border-radius: 999px; color: #fff; background: #e43f65; font-size: .66rem; line-height: 1; }
.communication-notifications-dialog { width: min(620px, calc(100vw - 24px)); }
.communication-notification-list { max-height: min(62vh, 620px); display: grid; gap: 7px; overflow: auto; padding: 2px; }
.communication-notification { width: 100%; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 9px 10px; border: 1px solid var(--line); border-radius: 13px; color: inherit; background: #fff; text-align: left; cursor: pointer; }
.communication-notification:hover { border-color: rgba(37,132,233,.38); background: #f5faff; }
.communication-notification.is-unread { border-color: rgba(37,132,233,.3); background: #eef7ff; }
.communication-notification__icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: rgba(37,132,233,.1); }
.communication-notification__content { min-width: 0; display: grid; gap: 2px; }
.communication-notification__content strong, .communication-notification__content span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.communication-notification__content span, .communication-notification time { color: var(--muted); font-size: .78rem; }
.communication-load-older { display: flex; justify-content: center; padding: 4px 0 10px; }
.communication-invitations { flex: 0 0 auto; }
.communication-invitation-title { padding: 11px 15px 5px; color: #7a5c18; font-size: .79rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.communication-invitation { display: grid; gap: 8px; margin: 4px 8px 8px; padding: 11px; border: 1px solid rgba(255,177,29,.25); border-radius: 15px; background: #fff7dc; }
.communication-invitation strong, .communication-invitation small { display: block; }
.communication-invitation strong { font-size: .95rem; }
.communication-invitation small { margin-top: 3px; color: var(--muted); font-size: .8rem; }
.communication-invitation > div:last-child { display: flex; gap: 6px; }
.communication-invitation .primary-button, .communication-invitation .secondary-button { min-height: 38px; flex: 1; padding: 6px 8px; font-size: .82rem; }
.communication-channel-list { min-height: 0; flex: 1; overflow-y: auto; padding: 4px; overscroll-behavior: contain; }
.communication-channel { position: relative; width: 100%; min-height: 62px; display: grid; grid-template-columns: 39px minmax(0,1fr); gap: 8px; align-items: center; padding: 6px 8px; border: 0; border-radius: 12px; background: transparent; text-align: left; cursor: pointer; }
.communication-channel:hover { background: rgba(37,132,233,.07); }
.communication-channel.is-active { background: #e8f3ff; box-shadow: inset 0 0 0 1px rgba(37,132,233,.13); }
.communication-channel__icon, .communication-channel__avatar, .communication-avatar { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 14px; color: #fff; background: linear-gradient(145deg,#2584e9,#6a52d9); object-fit: cover; font-size: .77rem; font-weight: 950; }
.communication-channel__icon, .communication-channel__avatar { width: 39px; height: 39px; border-radius: 12px; }
.communication-channel__icon--announcements { color: #835500; background: #fff0bd; }
.communication-channel__icon--class { color: #17603a; background: #ddf6e7; }
.communication-channel__icon--discussion { color: #365795; background: #e7efff; font-size: 1.4rem; }
.communication-channel__icon--group { color: #673095; background: #f1e4ff; font-size: .66rem; letter-spacing: -.12em; }
.communication-channel__copy { min-width: 0; }
.communication-channel__copy > span { display: flex; align-items: baseline; gap: 7px; }
.communication-channel__copy strong { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--communication-text-size) * .88); }
.communication-channel__copy time { flex: 0 0 auto; color: var(--muted); font-size: calc(var(--communication-text-size) * .7); }
.communication-channel__copy small { display: block; margin-top: 3px; overflow: hidden; color: var(--muted); font-size: calc(var(--communication-text-size) * .8); text-overflow: ellipsis; white-space: nowrap; }
.communication-channel.has-unread .communication-channel__copy strong { color: #165eaa; }
.communication-channel__badge { position: absolute; right: 9px; bottom: 8px; min-width: 21px; height: 21px; display: grid; place-items: center; padding: 0 5px; border-radius: 999px; color: #fff; background: var(--blue); font-size: .72rem; }
.communication-channel__muted { position: absolute; right: 34px; bottom: 10px; color: var(--muted); font-size: .78rem; }
.communication-main { min-width: 0; min-height: 0; height: 100%; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 25%, rgba(240,247,255,.9), transparent 60%), rgba(255,255,255,.8); }
.communication-empty { height: 100%; display: grid; place-content: center; justify-items: center; padding: 30px; text-align: center; }
.communication-empty > span { width: 80px; height: 80px; display: grid; place-items: center; border-radius: 26px; background: #e8f3ff; font-size: 2.5rem; }
.communication-empty h2 { margin: 18px 0 5px; font-size: 1.5rem; }
.communication-empty p { margin: 0; color: var(--muted); }
.communication-conversation { width: 100%; height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.communication-conversation__header { position: relative; z-index: 10; min-height: 58px; display: flex; align-items: center; gap: 10px; padding: 6px 12px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.87); }
.communication-mobile-back { display: none; flex: 0 0 auto; }
.communication-conversation__identity { min-width: 0; flex: 1; display: flex; align-items: center; gap: 10px; }
.communication-type-icon { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 13px; color: #285a91; background: #e8f3ff; font-size: 1.05rem; font-weight: 950; }
.communication-conversation__identity h2 { margin: 0; overflow: hidden; font-size: calc(var(--communication-text-size) * 1.06); text-overflow: ellipsis; white-space: nowrap; }
.communication-conversation__identity p { margin: 2px 0 0; color: var(--muted); font-size: calc(var(--communication-text-size) * .73); }
.communication-conversation__actions { display: flex; gap: 4px; }
.communication-header-action { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: #fff; cursor: pointer; font-weight: 950; }
.communication-header-action--text { color: #185eaa; font-size: 1rem; letter-spacing: -.08em; }
.communication-text-size-panel { position: absolute; z-index: 12; top: calc(100% + 5px); right: 10px; width: min(260px, calc(100vw - 20px)); padding: 12px 14px; border: 1px solid rgba(37,132,233,.2); border-radius: 14px; color: var(--ink); background: #fff; box-shadow: 0 14px 35px rgba(36,50,74,.2); }
.communication-text-size-panel[hidden] { display: none; }
.communication-text-size-panel label { display: flex; justify-content: space-between; gap: 12px; font-size: .9rem; font-weight: 850; }
.communication-text-size-panel output { color: #185eaa; font-variant-numeric: tabular-nums; }
.communication-text-size-panel input { width: 100%; margin: 12px 0 3px; accent-color: #2584e9; }
.communication-text-size-panel__limits { display: flex; justify-content: space-between; color: var(--muted); font-size: .75rem; }
.communication-header-action--danger { color: #9d3142; border-color: rgba(157,49,66,.22); background: #fff4f5; font-size: 1.35rem; }
.communication-notice { padding: 9px 13px; color: #4b6077; background: #eef6ff; border-bottom: 1px solid rgba(37,132,233,.12); text-align: center; font-size: .85rem; font-weight: 800; }
.communication-conversation__header,
.communication-notice,
.communication-composer { flex: 0 0 auto; }
.communication-messages { min-width: 0; min-height: 0; flex: 1 1 auto; overflow-y: auto; padding: 7px clamp(7px,1vw,14px) 10px; overscroll-behavior: contain; scroll-behavior: smooth; scroll-padding-bottom: 10px; }
.communication-day { display: flex; align-items: center; justify-content: center; margin: 3px 0 7px; }
.communication-day span { padding: 4px 9px; border-radius: 999px; color: var(--muted); background: rgba(235,233,227,.82); font-size: calc(var(--communication-text-size) * .73); font-weight: 800; }
.communication-message { max-width: min(90%, 860px); display: flex; align-items: flex-end; gap: 6px; margin: 0 auto 2px 0; }
.communication-message.is-own { justify-content: flex-end; margin-left: auto; margin-right: 0; }
.communication-message > .communication-avatar { width: 30px; height: 30px; border-radius: 9px; font-size: .6rem; }
.communication-message__body { min-width: 0; padding: 4px 9px; border: 1px solid rgba(36,50,74,.07); border-radius: 11px 11px 11px 4px; background: #fff; box-shadow: 0 1px 2px rgba(36,50,74,.1); }
.communication-message.is-own .communication-message__body { color: #123d69; border-color: rgba(37,132,233,.1); border-radius: 11px 11px 4px 11px; background: #dceeff; }
.communication-message.is-forum { width: fit-content; max-width: min(100%, 1060px); align-items: flex-start; margin: 0 0 2px; }
.communication-message.is-forum.is-own { justify-content: flex-start; margin-left: 0; }
.communication-message.is-forum > .communication-avatar { margin-top: 3px; }
.communication-message.is-forum .communication-message__body { flex: 1; padding: 4px 9px; border-radius: 12px; }
.communication-message.is-forum.is-own:not(.communication-message--announcement) .communication-message__body { border-color: rgba(37,132,233,.2); background: #f4faff; }
.communication-message__meta { display: flex; align-items: center; gap: 5px; margin-bottom: 0; }
.communication-message__meta strong { min-width: 0; overflow: hidden; color: #285a91; font-size: calc(var(--communication-text-size) * .84); text-overflow: ellipsis; white-space: nowrap; }
.communication-message__meta time { flex: 0 0 auto; color: var(--muted); font-size: calc(var(--communication-text-size) * .74); }
.communication-message__edited { color: var(--muted); font-size: calc(var(--communication-text-size) * .7); }
.communication-message__body h3 { margin: 1px 0 4px; font-size: calc(var(--communication-text-size) * 1.07); }
.communication-message__body > p { margin: 0; overflow-wrap: anywhere; font-size: var(--communication-text-size); line-height: 1.3; }
.communication-message__image { display: block; width: min(100%, 420px); margin: 0 0 4px; padding: 0; overflow: hidden; border: 0; border-radius: 9px; background: #e8edf3; cursor: zoom-in; }
.communication-message__image img { display: block; width: 100%; max-height: 360px; object-fit: cover; }
.communication-quote { width: 100%; display: grid; gap: 1px; margin: 0 0 4px; padding: 5px 7px; overflow: hidden; border: 0; border-left: 3px solid #2584e9; border-radius: 4px 8px 8px 4px; color: #344b64; background: rgba(232,243,255,.85); text-align: left; cursor: pointer; }
.communication-quote strong, .communication-quote span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.communication-quote strong { color: #185eaa; font-size: calc(var(--communication-text-size) * .76); }
.communication-quote span { font-size: calc(var(--communication-text-size) * .82); }
.communication-quote.is-unavailable { opacity: .65; cursor: default; }
.communication-reactions { display: flex; flex-wrap: wrap; gap: 6px; }
.communication-reactions button { min-width: 41px; height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 3px 8px; border: 1px solid rgba(36,50,74,.1); border-radius: 999px; background: #f7f9fc; cursor: pointer; }
.communication-reactions button.is-active { border-color: rgba(37,132,233,.45); background: #cbe6ff; box-shadow: 0 0 0 1px rgba(37,132,233,.1); }
.communication-reactions button b { color: #285a91; font-size: .75rem; }
.communication-poll { min-width: min(350px,70vw); margin-top: 3px; }
.communication-poll__heading { display: flex; gap: 9px; align-items: flex-start; margin-bottom: 10px; }
.communication-poll__heading > span { font-size: 1.45rem; }
.communication-poll__heading strong, .communication-poll__heading small { display: block; }
.communication-poll__heading strong { font-size: var(--communication-text-size); line-height: 1.35; }
.communication-poll__heading small { margin-top: 3px; color: var(--muted); font-size: calc(var(--communication-text-size) * .74); }
.communication-poll__options { display: grid; gap: 7px; }
.communication-poll-option { position: relative; min-height: 43px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 11px; overflow: hidden; border: 1px solid rgba(37,132,233,.2); border-radius: 13px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; }
.communication-poll-option::before { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--poll-share); background: rgba(37,132,233,.13); pointer-events: none; }
.communication-poll-option.is-selected { border-color: #2584e9; box-shadow: 0 0 0 2px rgba(37,132,233,.1); }
.communication-poll-option:disabled { cursor: default; opacity: 1; }
.communication-poll-option span, .communication-poll-option b { position: relative; z-index: 1; }
.communication-poll-option span { font-size: calc(var(--communication-text-size) * .9); font-weight: 800; }
.communication-poll-option b { color: #185eaa; font-size: calc(var(--communication-text-size) * .84); }
.communication-poll footer { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-top: 8px; color: var(--muted); font-size: calc(var(--communication-text-size) * .75); }
.communication-poll footer button { padding: 3px 0; border: 0; color: #315f91; background: transparent; font-size: calc(var(--communication-text-size) * .76); font-weight: 850; cursor: pointer; }
.communication-message__footer { min-height: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 7px; margin-top: 3px; color: var(--muted); font-size: .7rem; }
.communication-message-menu { position: relative; flex: 0 0 auto; margin-left: auto; }
.communication-message-menu__toggle { width: 30px; height: 28px; display: grid; place-items: center; padding: 0 0 4px; border: 0; border-radius: 999px; color: #315f91; background: rgba(255,255,255,.58); font-size: .92rem; font-weight: 950; line-height: 1; cursor: pointer; }
.communication-message-menu__toggle[aria-expanded="true"] { color: #fff; border-color: #2584e9; background: #2584e9; }
.communication-message-menu__panel { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; width: min(245px,76vw); padding: 11px; border: 1px solid rgba(36,50,74,.12); border-radius: 16px; color: var(--ink); background: #fff; box-shadow: 0 16px 38px rgba(36,50,74,.2); }
.communication-message.is-own .communication-message-menu__panel { right: 0; left: auto; }
.communication-message-menu__panel[hidden] { display: none; }
.communication-message-menu__label { display: block; margin: 0 0 7px; color: var(--muted); font-size: .72rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.communication-message-menu__receipt { margin-top: 9px; padding-top: 8px; border-top: 1px solid var(--line); }
.communication-message-menu__receipt .communication-receipt { display: block; }
.communication-message-menu__receipt .communication-receipt summary { width: 100%; justify-content: flex-start; padding-inline: 0; background: transparent; }
.communication-message-menu__receipt .communication-receipt > div { margin-top: 4px; }
.communication-message-menu__actions { display: grid; gap: 3px; margin-top: 9px; padding-top: 8px; border-top: 1px solid var(--line); }
.communication-message-menu__actions button { min-height: 38px; display: flex; align-items: center; gap: 9px; padding: 7px 9px; border: 0; border-radius: 10px; color: #315f91; background: transparent; text-align: left; font-size: calc(var(--communication-text-size) * .82); font-weight: 850; cursor: pointer; }
.communication-message-menu__actions button:hover { background: #edf6ff; }
.communication-message-menu__actions button:disabled { color: var(--muted); cursor: default; }
.communication-message-menu__actions button.is-danger { color: #a02d40; }
.communication-message-menu__actions button.is-danger:hover { background: #fff0f2; }
.communication-receipt { max-width: 100%; color: #496277; font-size: calc(var(--communication-text-size) * .75); }
.communication-receipt summary { min-height: 27px; display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 999px; color: #285a91; background: rgba(255,255,255,.7); font-weight: 850; cursor: pointer; list-style-position: inside; }
.communication-receipt[open] { width: 100%; order: 10; }
.communication-receipt[open] summary { margin-left: auto; }
.communication-receipt > div { margin-top: 6px; padding: 9px 11px; border: 1px solid rgba(36,50,74,.09); border-radius: 12px; color: #405a72; background: rgba(255,255,255,.82); line-height: 1.45; }
.communication-receipt--empty { padding: 3px 4px; color: #6f7d8e; }
.communication-receipt--ack summary { color: #6d5012; background: rgba(255,255,255,.74); }
.communication-acknowledge { min-height: 34px; padding: 6px 11px; border: 1px solid rgba(37,132,233,.25); border-radius: 999px; color: #185eaa; background: #fff; font-size: calc(var(--communication-text-size) * .8); font-weight: 900; cursor: pointer; }
.communication-acknowledge.is-confirmed { color: #167044; border-color: rgba(25,140,84,.2); background: #e9f8ef; cursor: default; opacity: 1; }
.communication-message--announcement { max-width: min(92%, 860px); }
.communication-message--announcement .communication-message__body { width: 100%; padding: 4px 9px; border-color: rgba(235,169,25,.22); border-radius: 12px; background: linear-gradient(145deg,#fffdf5,#fff5cf); }
.communication-message--announcement.is-own .communication-message__body { color: var(--ink); }
.communication-message--announcement .communication-message__body h3 { color: #735210; font-size: calc(var(--communication-text-size) * 1.12); }
.communication-message--deleted { align-items: center; gap: 8px; margin-inline: auto; padding: 6px 8px 6px 11px; border: 1px dashed var(--line); border-radius: 999px; color: var(--muted); font-size: .79rem; }
.communication-message--deleted p { margin: 0; font-style: italic; }
.communication-message--deleted time { font-size: .7rem; }
.communication-message--deleted .communication-message-menu__panel { right: 0; left: auto; }
.communication-no-messages { height: 100%; display: grid; place-content: center; justify-items: center; color: var(--muted); text-align: center; }
.communication-no-messages > span { font-size: 2rem; }
.communication-no-messages strong { margin-top: 8px; color: var(--ink); }
.communication-no-messages p { margin: 4px 0 0; font-size: .9rem; }
.communication-composer { position: relative; z-index: 5; min-height: 66px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 8px; align-items: end; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: #fff; box-shadow: 0 -8px 20px rgba(36,50,74,.06); }
.communication-reply-preview { grid-column: 1 / -1; min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) 34px; gap: 8px; align-items: center; padding: 7px 8px 7px 11px; border-left: 4px solid #2584e9; border-radius: 6px 13px 13px 6px; color: #405a72; background: #edf6ff; }
.communication-reply-preview[hidden] { display: none; }
.communication-reply-preview span, .communication-reply-preview p { display: block; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.communication-reply-preview span { font-size: calc(var(--communication-text-size) * .75); }
.communication-reply-preview p { margin-top: 2px; font-size: calc(var(--communication-text-size) * .82); }
.communication-reply-preview button { width: 34px; height: 34px; border: 0; border-radius: 10px; color: #9d3142; background: #fff; font-size: 1.3rem; cursor: pointer; }
.communication-composer textarea { min-height: 48px; max-height: 125px; resize: none; padding: 10px 13px; border-radius: 15px; font-size: var(--communication-text-size); }
.communication-composer .primary-button { min-height: 46px; }
.communication-attach-button { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(37,132,233,.16); border-radius: 15px; color: #185eaa; background: #edf6ff; font-size: 1.25rem; cursor: pointer; }
.communication-attach-button:has(+ input:disabled) { opacity: .45; cursor: default; }
.communication-image-preview { grid-column: 1 / -1; min-width: 0; display: grid; grid-template-columns: 54px minmax(0,1fr) 34px; gap: 9px; align-items: center; padding: 7px 9px; border: 1px solid rgba(37,132,233,.15); border-radius: 15px; color: #285a91; background: #edf6ff; font-size: .86rem; font-weight: 900; }
.communication-image-preview[hidden] { display: none; }
.communication-image-preview img { width: 54px; height: 44px; border-radius: 10px; object-fit: cover; }
.communication-image-preview button { width: 34px; height: 34px; border: 0; border-radius: 10px; color: #9d3142; background: #fff; font-size: 1.3rem; cursor: pointer; }
.communication-image-viewer { width: min(94vw, 980px); max-width: none; height: min(92svh, 900px); max-height: none; padding: 46px 12px 12px; overflow: hidden; border: 0; border-radius: 22px; background: rgba(17,24,35,.96); box-shadow: 0 30px 90px rgba(0,0,0,.42); }
.communication-image-viewer::backdrop { background: rgba(10,16,25,.78); backdrop-filter: blur(6px); }
.communication-image-viewer > button { position: absolute; z-index: 2; top: 8px; right: 8px; width: 38px; height: 38px; border: 0; border-radius: 12px; color: #fff; background: rgba(255,255,255,.14); font-size: 1.55rem; cursor: pointer; }
.communication-image-viewer img { width: 100%; height: 100%; display: block; object-fit: contain; }
.communication-contact-picker { max-height: 390px; display: grid; gap: 6px; overflow-y: auto; padding: 3px; }
.communication-contact { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 9px 10px; border: 1px solid var(--line); border-radius: 15px; background: #fff; cursor: pointer; }
.communication-contact:has(input:checked) { border-color: rgba(37,132,233,.55); background: #edf6ff; box-shadow: 0 0 0 2px rgba(37,132,233,.1); }
.communication-contact.is-unavailable { opacity: .55; cursor: not-allowed; }
.communication-contact strong, .communication-contact small { display: block; }
.communication-contact strong { font-size: .96rem; }
.communication-contact small { margin-top: 2px; color: var(--muted); font-size: .8rem; }
.communication-contact input { width: 21px; height: 21px; padding: 0; }
.communication-contact-fieldset { min-width: 0; margin: 2px 0 0; padding: 10px; border: 1px solid var(--line); border-radius: 18px; }
.communication-contact-fieldset legend { padding: 0 7px; font-size: .92rem; font-weight: 900; }
.communication-poll-options { display: grid; gap: 9px; margin-top: 4px; }
.communication-poll-option-field { display: grid; gap: 5px; }
.communication-poll-option-field > div { display: grid; grid-template-columns: minmax(0,1fr) 42px; gap: 7px; }
.communication-poll-option-field button { border: 1px solid rgba(157,49,66,.16); border-radius: 12px; color: #9d3142; background: #fff4f5; font-size: 1.3rem; cursor: pointer; }
.communication-add-poll-option { justify-self: start; margin-top: 9px; }
.communication-search-fields { display: grid; gap: 7px; }
.communication-search-results { max-height: min(48vh,470px); display: grid; gap: 8px; margin-top: 14px; overflow-y: auto; padding: 3px; }
.communication-search-result { width: 100%; display: grid; gap: 7px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 15px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; }
.communication-search-result:hover { border-color: rgba(37,132,233,.35); background: #f2f8ff; }
.communication-search-result > span { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 12px; }
.communication-search-result strong { color: #285a91; font-size: .91rem; }
.communication-search-result small { color: var(--muted); font-size: .76rem; }
.communication-search-result p { margin: 0; display: -webkit-box; overflow: hidden; font-size: .9rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.communication-quiet-toggle { display: flex !important; gap: 9px; align-items: center; }
.communication-quiet-toggle input { width: 22px; height: 22px; flex: 0 0 auto; }
.communication-quiet-times { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 13px; }
.communication-quiet-times label { display: grid; gap: 6px; }
.communication-message.is-search-result .communication-message__body { animation: communication-result-highlight 2.4s ease; }
@keyframes communication-result-highlight { 0%,35% { box-shadow: 0 0 0 5px rgba(255,183,27,.55), 0 12px 28px rgba(36,50,74,.13); } 100% { box-shadow: 0 7px 16px rgba(36,50,74,.055); } }
.communication-moderation-summary { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding: 14px 17px; border: 1px solid rgba(37,132,233,.15); border-radius: 18px; background: #edf6ff; }
.communication-moderation-summary > span { font-size: 1.4rem; }
.communication-moderation-summary p { margin: 0; color: #405a72; font-size: .92rem; line-height: 1.5; }
.push-notification-admin { margin-bottom: 18px; }
.communication-setup-panel { padding: 0; overflow: hidden; }
.communication-setup-panel > summary { cursor: pointer; list-style: none; }
.communication-setup-panel > summary::-webkit-details-marker { display: none; }
.communication-setup-summary__side { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.communication-setup-panel[open] > summary { border-bottom: 1px solid var(--line); }
.communication-setup-panel[open] .portfolio-paths-toggle { font-size: 0; }
.communication-setup-panel[open] .portfolio-paths-toggle::after { content: 'Ascunde setările'; font-size: .68rem; }
.communication-setup-panel__body { display: grid; gap: 12px; padding: 16px 18px 18px; }
.push-notification-form { display: grid; grid-template-columns: minmax(220px,1fr) auto; gap: 9px 12px; align-items: end; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(248,246,240,.78); }
.push-notification-form label { grid-column: 1 / -1; font-weight: 850; }
.push-notification-form input { min-width: 0; }
.push-notification-summary { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 12px 0; color: var(--muted); }
.push-notification-summary strong { color: var(--ink); }
.push-notification-summary span { font-size: .92rem; }
.communication-channel-admin { margin-bottom: 18px; }
.communication-channel-admin > .section-intro { margin-top: -5px; font-size: .92rem; }
.communication-channel-admin-list { display: grid; gap: 10px; }
.communication-managed-channel { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 15px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.communication-managed-channel.is-archived { background: #f4f2ed; }
.communication-managed-channel__copy { min-width: 0; }
.communication-managed-channel__copy h3 { margin: 6px 0 4px; overflow: hidden; font-size: 1.08rem; text-overflow: ellipsis; white-space: nowrap; }
.communication-managed-channel__copy p { margin: 0; color: var(--muted); font-size: .86rem; }
.communication-managed-channel__actions { display: flex; flex: 0 0 auto; gap: 7px; }
.communication-message-archive { margin-bottom: 18px; }
.communication-message-archive > .section-intro { margin-top: -5px; font-size: .92rem; }
.communication-message-archive-list { display: grid; gap: 10px; }
.communication-archived-message { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 15px; border: 1px solid var(--line); border-radius: 18px; background: #f8f6f1; }
.communication-archived-message__copy { min-width: 0; }
.communication-archived-message__copy h3 { margin: 6px 0 3px; font-size: 1.08rem; }
.communication-archived-message__copy > p { margin: 0; color: var(--muted); font-size: .84rem; }
.communication-archived-message__copy blockquote { max-width: 760px; margin: 9px 0 0; overflow: hidden; color: #3e5269; font-size: .94rem; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.communication-report-list { display: grid; gap: 13px; }
.communication-report { padding: 17px; border: 1px solid rgba(255,255,255,.96); border-radius: 22px; background: rgba(255,255,255,.86); box-shadow: 0 10px 26px rgba(36,50,74,.07); }
.communication-report.is-closed { opacity: .68; }
.communication-report > header { display: flex; justify-content: space-between; gap: 10px; }
.communication-report > header h2 { margin: 7px 0 0; font-size: 1.2rem; }
.communication-report > header time { color: var(--muted); font-size: .8rem; }
.communication-report__summary p { margin: 13px 0 7px; font-size: .96rem; }
.communication-report__summary blockquote { margin: 0; padding: 9px 12px; border-left: 4px solid #e3a224; border-radius: 0 12px 12px 0; color: #6d5018; background: #fff7dd; font-size: .93rem; }
.communication-report__context { display: grid; gap: 5px; margin-top: 12px; padding: 10px; border-radius: 15px; background: #f5f3ed; }
.communication-report__context p { display: grid; grid-template-columns: minmax(80px,.25fr) minmax(0,1fr) auto; gap: 8px; margin: 0; padding: 7px 8px; border-radius: 10px; font-size: .86rem; }
.communication-report__context p.is-reported { color: #7f263a; background: #ffe8ed; box-shadow: inset 3px 0 #d94d6b; }
.communication-report__context span { overflow-wrap: anywhere; }
.communication-report__context time { color: var(--muted); font-size: .75rem; }
.communication-report > footer { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }

.app-dialog { width: min(calc(100% - 24px), 560px); max-height: calc(100svh - 24px); padding: 0; overflow-y: auto; border: 0; border-radius: 28px; color: var(--ink); background: #fffdf8; box-shadow: 0 30px 90px rgba(36,50,74,.28); }
.app-dialog::backdrop { background: rgba(24,32,45,.48); backdrop-filter: blur(5px); }
.app-dialog form { position: relative; display: grid; gap: 10px; padding: 24px; }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.dialog-heading h2 { margin: 4px 0 0; font-size: 1.7rem; }
.dialog-intro { margin: 0 0 4px; color: var(--muted); font-size: .85rem; line-height: 1.5; }
.form-row { display: grid; gap: 10px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 10px; }
.app-dialog--compact { text-align: center; }
.seat-confirm-icon { width: 72px; height: 72px; display: grid; place-items: center; margin: 0 auto; border-radius: 23px; color: #fff; background: var(--blue); font-size: 2rem; }
.seat-confirm-icon--danger { background: #9d3142; }
.primary-button--danger { background: #9d3142; box-shadow: 0 8px 18px rgba(157,49,66,.24); }
.app-dialog--compact h2 { margin: 5px 0 0; }
.app-dialog--compact p { margin: 0; color: var(--muted); line-height: 1.5; }
.app-dialog--compact .dialog-actions { justify-content: center; }

.toast { position: fixed; z-index: 2147483647; inset: auto auto calc(18px + env(safe-area-inset-bottom)) 50%; width: min(calc(100% - 28px), 440px); margin: 0; transform: translateX(-50%); padding: 13px 16px; border: 0; border-radius: 15px; color: #fff; background: var(--ink); box-shadow: 0 15px 36px rgba(36,50,74,.28); text-align: center; font-weight: 800; pointer-events: none; animation: toastIn .25s ease both; }
.app-dialog form > .toast { position: absolute; inset: auto 16px 16px; width: auto; max-width: none; transform: none; color: #fff; background: var(--ink); box-shadow: 0 12px 30px rgba(20,30,48,.38); opacity: 1; filter: none; }
.calendar-search-field { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.calendar-search-results { display: grid; gap: 7px; max-height: min(52vh,430px); overflow-y: auto; padding: 2px; }
.calendar-search-result { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 10px; width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; }
.calendar-search-result:hover, .calendar-search-result:focus-visible { border-color: #8ebef0; background: #f2f8ff; }
.calendar-search-result time { color: #246aa8; font-weight: 900; }
.calendar-search-result span { display: grid; gap: 2px; min-width: 0; }
.calendar-search-result strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.calendar-search-result small { color: var(--muted); }

@media (max-width: 720px) {
  .word-cloud-teacher__toolbar { grid-template-columns: 1fr; }
  .word-cloud-round-head { align-items: flex-start; flex-direction: column; }
  .word-cloud-actions { justify-content: flex-start; }
  .word-cloud-fonts { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .fast-quiz-teacher-layout { grid-template-columns: 1fr; }
  .fast-quiz-teacher-layout > aside { position: static; }
  .fast-quiz-round-list { max-height: 210px; }
  .fast-quiz-live-head,.fast-quiz-summary-head,.fast-quiz-player__head { align-items: flex-start; }
  .fast-quiz-options-preview,.fast-quiz-answer-options { grid-template-columns: 1fr; }
  .fast-quiz-response-table { min-width: 610px; }
  .fast-quiz-create__fields { grid-template-columns: 1fr 1fr; }
  .fast-quiz-create__fields label:first-child { grid-column: 1 / -1; }
  .fast-quiz-run-row { grid-template-columns: 1fr; }
  .fast-quiz-run-actions { justify-content: flex-start; flex-wrap: wrap; }
  .vacation-admin-row { grid-template-columns: 1fr 1fr auto; }
  .vacation-admin-row label:first-child { grid-column: 1 / -1; }
  .lesson-time-admin { grid-template-columns: 1fr; }
  .sound-meter__hero { grid-template-columns: 1fr; }
  .sound-meter__gauge { width: 100%; }
  .sound-meter__reading--local { display: flex; align-items: center; justify-content: center; gap: 8px; }
  .sound-meter__reading--local output { margin: 0; }
  .sound-meter__score { grid-template-columns: 1fr; text-align: center; }
  .sound-meter__score > div { grid-row: auto; }
  .sound-meter__settings { grid-template-columns: 1fr; }
  .sound-meter__settings-actions { grid-column: 1; }
}

@media (max-width: 460px) {
  .word-cloud-create,.word-cloud-submit-row { grid-template-columns: 1fr; }
  .word-cloud-fonts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fast-quiz-live-head,.fast-quiz-summary-head,.fast-quiz-player__head { display: grid; grid-template-columns: minmax(0,1fr) auto; padding: 11px; }
  .fast-quiz-summary-head .fast-quiz-live-actions { grid-column: 1 / -1; }
  .fast-quiz-countdown { min-width: 70px; padding: 8px; }
  .fast-quiz-create__fields { grid-template-columns: 1fr; }
  .fast-quiz-create__fields label:first-child { grid-column: auto; }
  .fast-quiz-answer-options label { min-height: 62px; }
  .vacation-admin-row { grid-template-columns: 1fr auto; }
  .vacation-admin-row label { grid-column: 1; }
  .vacation-admin-row button { grid-column: 2; grid-row: 2 / span 2; align-self: stretch; }
  .calendar-search-field { grid-template-columns: 1fr; }
  .communication-setup-summary__side .status-pill { display: none; }
}

@keyframes totemRise { from { opacity: 0; transform: translateY(22px) scale(.965); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes miniSunIn { from { opacity: 0; transform: translate(45vw, 120px) scale(2.4); } to { opacity: 1; transform: translate(0,0) scale(1); } }
@keyframes viewIn { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: translateY(0); } }
@keyframes toastIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes connectionSpin { to { transform: rotate(360deg); } }

@media (min-width: 560px) {
  .topbar { padding-inline: 24px; }
  .user-chip__text { display: block; }
  .mini-home span { display: inline; }
  .feature-card { grid-template-columns: .72fr 1.3fr; padding: 42px; }
  .feature-card__art { width: 200px; height: 150px; }
  .card-grid--two, .link-grid { grid-template-columns: repeat(2,1fr); }
  .profile-card { grid-template-columns: 230px 1fr; }
  .feedback-tag { grid-column: auto; }
  .form-row { grid-template-columns: 1fr 1fr; }
  .class-front { grid-template-columns: minmax(340px, 1fr) minmax(210px, 32%); gap: 24px; }
  .admin-grid { grid-template-columns: repeat(2,1fr); }
  .admin-form { grid-template-columns: minmax(120px,.45fr) minmax(220px,1fr) auto auto; align-items: end; }
  .parent-links-forms { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .parent-link-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: end; }
  .parent-link-form h2 { grid-column: 1 / -1; }
  .parent-link-form button { grid-column: 1 / -1; }
  .admin-form--url { grid-template-columns: 1fr auto; }
  .educational-profile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .educational-profile-actions { flex-direction: row; align-items: center; justify-content: space-between; }
  .ai-library-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .ai-gpt-launch-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .ai-connection-form { grid-template-columns: minmax(260px,1fr) auto; }
  .ai-resource-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ai-resource-form > button { justify-self: start; }
  .ai-library-toolbar { grid-template-columns: minmax(220px,1fr) minmax(150px,.4fr) auto auto; align-items: center; }
  .ai-resource-row { grid-template-columns: 42px minmax(180px,1fr) auto minmax(210px,auto); }
  .ai-draft-row { grid-template-columns: 42px minmax(180px,1fr) auto minmax(260px,auto); }
  .ai-draft-preview { grid-column: 2 / 4; }
  .ai-draft-row > .ai-resource-actions { grid-column: 4; grid-row: 1 / 3; align-self: center; }
  .ai-resource-icon { width: 42px; height: 42px; }
  .ai-resource-state { grid-column: auto; justify-self: end; }
  .ai-resource-actions { grid-column: auto; justify-content: flex-end; }
  .ai-resource-error { grid-column: 2 / -1; }
  .ai-draft-editor-meta { grid-template-columns: minmax(0,1.4fr) minmax(180px,.6fr); }
  .teacher-account-form { grid-template-columns: repeat(2,minmax(180px,1fr)); }
  .teacher-account-form > button { justify-self: start; }
  .admin-form--resource { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-form--resource .admin-form__wide { grid-column: 1 / -1; }
  .portfolio-storage-form { grid-template-columns: repeat(3,minmax(170px,1fr)) auto; align-items: end; }
  .assessment-score-row { grid-template-columns: minmax(150px,.45fr) minmax(0,1fr); align-items: center; }
  .admin-list__item { flex-direction: row; align-items: center; justify-content: space-between; }
  .upload-destination { grid-template-columns: 46px repeat(2,minmax(0,1fr)) auto; }
  .upload-destination label, .upload-destination button { grid-column: auto; }
  .log-row { grid-template-columns: 155px minmax(180px,.7fr) 1fr; align-items: center; }
  .editor-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .messages-shortcut__text { display: inline; }
  .connection-presence__label { display: inline; }
}

@media (min-width: 800px) {
  .login-screen { grid-template-columns: minmax(320px, 1fr) minmax(390px, 520px); gap: 7vw; padding-inline: 8vw; }
  .login-brand { display: flex; }
  .login-card { padding: 42px 40px 30px; }
  .admin-shortcut { display: inline-flex; align-items: center; }
  .android-download__text { display: inline; }
  .book-label { right: -10px; }
  .welcome-line { font-size: 1rem; }
  .section-view { padding-top: 48px; }
  .card-grid--two { grid-template-columns: repeat(2,1fr); }
  .link-grid { grid-template-columns: repeat(3,1fr); }
  .link-card { align-items: center; }
  .calendar-toolbar { flex-direction: row; align-items: center; justify-content: space-between; }
  .segmented-control { width: 315px; }
  .calendar-layout { grid-template-columns: minmax(0,1fr) 280px; }
  .calendar-board { overflow-x: auto; }
  .stat-grid { grid-template-columns: repeat(4,1fr); }
  .assessment-hero { grid-template-columns: 1fr auto; padding: 30px; }
  .assessment-stat-grid { grid-template-columns: repeat(4,1fr); }
  .assessment-admin-layout { grid-template-columns: minmax(0,1.65fr) minmax(260px,.65fr); align-items: start; }
  .assessment-runner__footer { grid-template-columns: 1fr auto; align-items: center; }
  .assessment-report-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (min-width: 1100px) {
  .classroom-shell { padding: 26px 35px 32px; }
}

@media (hover: hover) and (pointer: fine) {
  .touch-hint { display: none; }
  .desk:hover { z-index: 25; transform: translate(-50%, -50%) scale(1.055); filter: saturate(1.08) brightness(1.035); box-shadow: 0 0 0 4px rgba(239,173,98,.2), 0 7px 15px rgba(73,45,24,.16); transition-delay: 0s; }
  .desk:hover .desk-avatar { transform: scale(1.025); filter: brightness(1.08); box-shadow: 0 4px 9px rgba(73,45,24,.14); }
}

@media (max-width: 600px) {
  .portfolio-inventory-table { display: block; width: 100%; min-width: 0; }
  .portfolio-inventory-table thead { display: none; }
  .portfolio-inventory-table tbody { display: grid; gap: 7px; padding: 7px; }
  .portfolio-inventory-table tr { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 8px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
  .portfolio-inventory-table tr.has-sync-error { background: #fff8ed; }
  .portfolio-inventory-table th, .portfolio-inventory-table td { width: auto; padding: 4px; border: 0; }
  .portfolio-inventory-table tbody th { grid-column: 1 / -1; min-width: 0; }
  .portfolio-inventory-table td { display: grid; gap: 2px; place-items: center; border-radius: 10px; background: #f7f5ef; font-weight: 900; }
  .portfolio-inventory-table td[data-label]::before { content: attr(data-label); color: var(--muted); font-size: .58rem; letter-spacing: .03em; text-transform: uppercase; }
  .portfolio-inventory-table td:last-child { grid-column: 1 / -1; background: transparent; }
  .portfolio-inventory-table td:last-child button { width: 100%; }
  .portfolio-path-row { grid-template-columns: 1fr auto; }
  .portfolio-path-row label { grid-column: 1 / -1; grid-row: 2; }
  .portfolio-file-row { grid-template-columns: 40px minmax(0,1fr) auto; gap: 8px; }
  .portfolio-file-row > small { grid-column: 2 / -1; }
  .portfolio-file-row > small + small { margin-top: -5px; }
  .portfolio-file-category { font-size: .58rem; }
  .push-notification-form { grid-template-columns: 1fr; }
  .push-notification-form label { grid-column: auto; }
  .section-view.communication-view { width: 100%; padding: 12px 7px calc(8px + env(safe-area-inset-bottom)); }
  .communication-page-heading { display: grid; margin: 0 6px 10px; }
  .communication-page-heading h1 { font-size: 2.25rem; }
  .communication-create-actions { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding: 2px 0 4px; }
  .communication-create-actions button { flex: 0 0 auto; }
  .communication-shell { min-height: 0; height: calc(100svh - 198px); grid-template-columns: 1fr; border-radius: 20px; }
  body.is-communication-channel-open { height: var(--app-viewport-height); overflow: hidden; overscroll-behavior: none; }
  body.is-communication-channel-open .communication-view { padding: 0; animation: none; transform: none; }
  body.is-communication-channel-open .communication-page-heading { display: none; }
  body.is-communication-channel-open .communication-shell.has-channel {
    position: fixed;
    z-index: 45;
    top: var(--communication-mobile-top);
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: var(--communication-mobile-height);
    min-height: 0;
    margin: 0;
    overflow: hidden;
    display: block;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  body.is-communication-channel-open .communication-main { width: 100%; height: 100%; min-height: 0; display: block; overflow: hidden; }
  body.is-communication-channel-open .communication-conversation { width: 100%; height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
  body.is-communication-channel-open .communication-conversation__header,
  body.is-communication-channel-open .communication-notice,
  body.is-communication-channel-open .communication-composer { flex: 0 0 auto; }
  body.is-communication-channel-open .communication-messages { min-width: 0; min-height: 0; flex: 1 1 auto; overflow-y: auto; }
  body.is-communication-channel-open .communication-composer { position: relative; bottom: auto; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .communication-sidebar { border-right: 0; }
  .communication-shell.has-channel .communication-sidebar { display: none; }
  .communication-main { display: none; }
  .communication-shell.has-channel .communication-main { display: block; }
  .communication-empty { display: none; }
  .communication-conversation { height: 100%; }
  .communication-mobile-back { width: 52px; height: 52px; display: grid; border: 1px solid rgba(37,132,233,.18); border-radius: 16px; color: #174f8b; background: #edf6ff; box-shadow: 0 7px 15px rgba(37,132,233,.12); font-size: 1.75rem; font-weight: 950; line-height: 1; }
  .communication-conversation__header { padding-inline: 7px; }
  .communication-conversation__identity { gap: 7px; }
  .communication-type-icon { width: 36px; height: 36px; }
  .communication-conversation__identity h2 { max-width: 34vw; font-size: 1.05rem; }
  .communication-conversation__identity p { font-size: .76rem; }
  .communication-conversation__actions { max-width: 43vw; overflow-x: auto; }
  .communication-header-action { width: 35px; height: 35px; flex: 0 0 auto; }
  .communication-message { max-width: 95%; }
  .communication-message--announcement { max-width: 98%; }
  .communication-poll { min-width: min(275px,72vw); }
  .communication-quiet-times { grid-template-columns: 1fr; }
  .communication-search-results { max-height: 52svh; }
  .communication-messages { padding: 6px 6px 10px; }
  .communication-composer { padding: 8px 7px calc(8px + env(safe-area-inset-bottom)); }
  .communication-composer .primary-button { padding-inline: 13px; }
  .communication-managed-channel { align-items: stretch; flex-direction: column; gap: 11px; }
  .communication-managed-channel__copy h3 { white-space: normal; }
  .communication-managed-channel__actions { width: 100%; }
  .communication-managed-channel__actions button { flex: 1; }
  .communication-archived-message { align-items: stretch; flex-direction: column; gap: 11px; }
  .communication-archived-message__copy blockquote { white-space: normal; }
  .communication-report__context p { grid-template-columns: 1fr auto; }
  .communication-report__context p span { grid-column: 1 / -1; }
  .book-link.is-label-visible .book-label::before { content: "→"; display: inline-block; margin-right: 6px; color: var(--blue); font-weight: 1000; }
  .book-link.is-swipe-ready .book-label::before { color: #fff; }
  #view-calendar.section-view--wide { width: calc(100% - 10px); padding-top: 18px; }
  #view-calendar .section-heading { margin: 0 6px 12px; }
  #view-calendar .section-heading h1 { font-size: 2.5rem; }
  #view-calendar .section-heading .primary-button { min-height: 42px; padding: 9px 12px; font-size: .82rem; }
  .calendar-toolbar { gap: 8px; margin: 0 4px 10px; }
  .segmented-control { padding: 3px; border-radius: 14px; }
  .segmented-control button { min-height: 36px; font-size: .82rem; }
  .calendar-nav { gap: 6px; }
  .calendar-nav button { width: 36px; height: 36px; }
  .calendar-nav strong { min-width: 0; font-size: .8rem; text-align: center; }
  .calendar-layout { gap: 10px; }
  .calendar-board { min-height: 0; padding: 5px; border-radius: 18px; }
  .calendar-days { grid-template-columns: repeat(7, minmax(126px,1fr)); min-width: 882px; }
  .calendar-board[data-mode="month"] .calendar-days { grid-template-columns: repeat(7, minmax(126px,1fr)); min-width: 882px; }
  .calendar-day { min-height: 340px; padding: 7px 6px; }
  .calendar-day__head { gap: 2px; margin-bottom: 7px; font-size: .76rem; }
  .calendar-day__head strong { width: 34px; height: 34px; font-size: 1rem; }
  .duty-zone { margin-bottom: 6px; padding: 5px; }
  .duty-zone > strong { font-size: .72rem; }
  .duty-slot { min-height: 44px; gap: 6px; padding: 5px 6px; }
  .duty-slot__copy strong { font-size: .72rem; }
  .duty-slot__copy small { font-size: .64rem; }
  .homework-field { margin-bottom: 6px; padding: 6px; }
  .homework-field strong { font-size: .76rem; }
  .homework-field span { font-size: .74rem; line-height: 1.34; }
  .event-chip { padding: 7px; font-size: .74rem; }
  .calendar-board[data-mode="day"] .calendar-day { min-height: 0; padding: 8px; }
  .calendar-board[data-mode="day"] .duty-zone > strong { font-size: .86rem; }
  .calendar-board[data-mode="day"] .duty-slot { min-height: 52px; padding: 7px 9px; }
  .calendar-board[data-mode="day"] .duty-avatar { width: 30px; height: 30px; font-size: .72rem; }
  .calendar-board[data-mode="day"] .duty-slot__copy strong { font-size: .94rem; }
  .calendar-board[data-mode="day"] .duty-slot__copy small { font-size: .76rem; }
  .calendar-board[data-mode="day"] .homework-field { padding: 9px; }
  .calendar-board[data-mode="day"] .homework-field strong { font-size: .9rem; }
  .calendar-board[data-mode="day"] .homework-field span { font-size: .92rem; -webkit-line-clamp: 5; }
  .calendar-board[data-mode="day"] .event-chip { font-size: .86rem; }
  .upcoming-card { padding: 16px; border-radius: 20px; }
  .classroom-clock { grid-template-columns: 1fr; gap: 8px; padding: 11px; border-radius: 18px; }
  .classroom-clock__modes, .classroom-clock__controls { justify-content: center; }
  .classroom-clock__modes button { flex: 1 1 auto; }
  .classroom-clock__display { font-size: clamp(3.1rem,18vw,5rem); }
  .classroom-clock__controls { display: flex; width: 100%; flex-wrap: wrap; }
  .classroom-clock__controls label { flex: 1 1 76px; }
  .classroom-clock__controls input, .classroom-clock__controls select { width: 100%; }
  .classroom-clock__controls button { flex: 1 1 76px; }
  .classroom-clock__visual { height: 42px; border-radius: 13px; }
  .classroom-picker { gap: 11px; margin-bottom: 14px; padding: 14px 12px; border-radius: 20px; }
  .classroom-picker__heading { display: grid; gap: 9px; }
  .classroom-picker__heading h2 { font-size: 1.7rem; }
  .classroom-picker__heading p { font-size: .78rem; }
  .classroom-picker__counter { padding: 7px 9px; font-size: .68rem; white-space: nowrap; }
  .classroom-picker__result { min-height: 82px; gap: 9px; padding: 13px 10px; border-radius: 17px; }
  .classroom-picker__result > div > strong { font-size: 1.15rem; }
  .classroom-picker__dice { font-size: 2rem; }
  .classroom-picker__names { gap: 5px; }
  .classroom-picker__names span { padding: 5px 8px; }
  .classroom-picker__sizes { gap: 5px; }
  .classroom-picker__sizes button { min-height: 56px; padding: 6px 2px; border-radius: 13px; }
  .classroom-picker__sizes strong { font-size: 1.3rem; }
  .classroom-picker__sizes span { font-size: .61rem; }
  .classroom-picker__actions { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: center; }
  .classroom-picker__actions button { min-width: 0; padding-inline: 7px; font-size: .7rem; }
  .classroom-picker__round-actions { min-width: 0; justify-content: flex-end; gap: 5px; }
  .classroom-picker__result:has(.classroom-picker__evaluations) { align-items: flex-start; }
  .classroom-picker__evaluations { display: grid; grid-template-columns: 1fr; }
  .classroom-evaluation { min-width: 0; }
  .classroom-evaluation > div { grid-template-columns: 1fr 1fr; }
  .classroom-evaluation button { min-height: 37px; font-size: .7rem; }
  .classroom-absence__list { grid-template-columns: 1fr 1fr; }
  .classroom-question-picker { margin-bottom: 14px; padding: 14px 12px; border-radius: 20px; }
  .classroom-question-picker__heading { display: grid; gap: 8px; }
  .classroom-question-picker__counter { justify-self: start; }
  .classroom-question-picker__result { min-height: 86px; font-size: clamp(1.4rem,7vw,2rem); }
  .classroom-question-picker__controls { display: grid; grid-template-columns: 1fr 1fr; }
  .classroom-question-picker__controls button:last-child { grid-column: 1 / -1; }
  .classroom-report { margin-bottom: 14px; padding: 14px 12px; border-radius: 20px; }
  .classroom-report__heading { display: grid; }
  .classroom-report__filters { justify-content: flex-start; }
  .classroom-report__summary { grid-template-columns: repeat(2,minmax(110px,1fr)); }
  .classroom-report__summary.is-free { grid-template-columns: minmax(110px, 1fr); }
  .classroom-report__summary > div { min-width: 62px; }
  .classroom-report th, .classroom-report td { padding: 7px 6px; }
  .classroom-panel { border-radius: 18px; }
  .classroom-panel > summary { min-height: 72px; grid-template-columns: 56px minmax(0,1fr) 24px; gap: 9px; padding: 7px 12px; }
  .classroom-panel--link { min-height: 72px; grid-template-columns: 56px minmax(0,1fr) 24px; gap: 9px; padding: 7px 12px; }
  .classroom-panel__icon { width: 56px; height: 56px; }
  .classroom-panel__body { padding: 9px; }
  .memorizer-toolbar { grid-template-columns: 1fr 1fr; }
  .memorizer-search { grid-column: 1 / -1; }
  .memorizer-toolbar > label:last-child { grid-column: 1 / -1; }
  .memorizer-list { grid-template-columns: 1fr; }
  .memorizer-card > summary { min-height: 47px; }
  .memorizer-card > summary strong { font-size: .98rem; }
  .memorizer-card__definition { font-size: .96rem; }
  .memorizer-card__footer { align-items: flex-start; flex-direction: column; }
  .memorizer-card__actions { width: 100%; justify-content: flex-start; }
  .memorizer-settings-form > div { align-items: stretch; flex-direction: column; }
  .memorizer-entry-form { grid-template-columns: 1fr 1fr; }
  .memorizer-entry-form__definition,
  .memorizer-entry-form__actions { grid-column: 1 / -1; }
  .memorizer-import form { grid-template-columns: 1fr 1fr; }
  .memorizer-import__text,
  .memorizer-import form > button { grid-column: 1 / -1; }
  .proposal-section > summary { grid-template-columns: minmax(0,1fr) auto; }
  .proposal-section > summary .proposal-stage { grid-column: 1 / -1; justify-self: start; }
  .proposal-compose { grid-template-columns: 1fr; padding: 9px; }
  .proposal-compose__photo { min-height: 70px; }
  .proposal-items { grid-template-columns: 1fr; }
  .proposal-card__media img { max-height: 300px; }
  .proposal-admin form > div { align-items: stretch; flex-direction: column; }
  .desk { padding: 2px; }
  .desk-number { font-size: .82rem; }
  .desk-student-name { font-size: .58rem; }
  .desk-avatar { left: 2px; right: 2px; width: calc(100% - 4px); }
}

.dc-results-toolbar {
  display: flex;
  align-items: end;
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(35,52,79,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
}
.dc-results-toolbar > label:first-child { display: grid; gap: 5px; min-width: 220px; font-weight: 800; }
.dc-results-toolbar select,
.dc-unmatched-row select { min-height: 42px; padding: 7px 34px 7px 11px; border: 1px solid #d9dfeb; border-radius: 12px; background: #fff; color: #23344f; font: inherit; }
.dc-results-layout { display: grid; grid-template-columns: minmax(250px,.32fr) minmax(0,1fr); gap: 14px; align-items: start; }
.dc-session-browser,
.dc-session-detail { margin: 0; }
.dc-session-list { display: grid; gap: 7px; }
.dc-session-item {
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 8px 9px;
  border: 1px solid #e0e5ee;
  border-radius: 13px;
  background: #fff;
  color: #23344f;
  text-align: left;
  cursor: pointer;
}
.dc-session-item__head { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: baseline; gap: 7px; }
.dc-session-item strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dc-session-item b { font-size: .82rem; }
.dc-session-item small { color: #6d778a; font-size: .68rem; line-height: 1.2; white-space: normal; }
.dc-session-item:hover,
.dc-session-item.is-active { border-color: #4b77dd; background: #eef5ff; box-shadow: 0 7px 18px rgba(49,87,167,.1); }
.dc-session-item.is-archived { opacity: .62; }
.dc-table-wrap { width: 100%; overflow-x: auto; border: 1px solid rgba(67,56,94,.09); border-radius: 14px; }
.dc-table { width: max-content; min-width: 0; border-collapse: collapse; font-size: .76rem; text-align: center; }
.dc-table th,
.dc-table td { width: 1%; padding: 7px 6px; border-bottom: 1px solid #e7eaf0; text-align: center; white-space: nowrap; }
.dc-table th:first-child,
.dc-table td:first-child { width: 1%; min-width: 0; text-align: left; }
.dc-table thead th { position: sticky; top: 0; z-index: 1; background: #f4f7fb; color: #536077; font-size: .67rem; text-transform: uppercase; letter-spacing: .03em; }
.dc-table tbody th { color: #23344f; font-size: .84rem; }
.dc-table tbody th small { display: block; color: #b25b33; font-size: .68rem; }
.dc-table td > small { display: block; color: #65718a; font-size: .64rem; }
.dc-result-correct { color: #087b55; }
.dc-result-incorrect { color: #bf4a52; }
.dc-answer { min-width: 0; font-weight: 800; border-radius: 7px; }
.dc-answer--correct { color: #087b55; background: #e6f7ef; }
.dc-answer--incorrect { color: #b83a45; background: #fff0f1; }
.dc-answer--ungraded { color: #285da7; background: #edf5ff; }
.dc-answer--unanswered { color: #8b93a1; }
.dc-unmatched-list { display: grid; gap: 8px; }
.dc-unmatched-row { display: grid; grid-template-columns: minmax(170px,1fr) minmax(190px,.8fr) auto; align-items: center; gap: 9px; }
.dc-unmatched-row > div { display: grid; gap: 2px; }
.dc-unmatched-row small { color: #6d778a; }

@media (max-width: 760px) {
  .dc-results-toolbar { align-items: stretch; flex-wrap: wrap; }
  .dc-results-toolbar > label:first-child { flex: 1 1 100%; min-width: 0; }
  .dc-results-layout { grid-template-columns: 1fr; }
  .dc-unmatched-row { grid-template-columns: 1fr; }
  .dc-session-item { padding: 8px; }
  .dc-session-item small { font-size: .68rem; }
  .dc-table { font-size: .76rem; }
  .dc-table th, .dc-table td { padding: 6px; }
}

@media (max-width: 760px) {
  .daily-wellbeing { padding: 13px 12px; border-radius: 19px; }
  .daily-wellbeing form { grid-template-columns: 1fr; }
  .daily-wellbeing__ratings { grid-template-columns: 1fr; gap: 7px; }
  .wellbeing-rating { display: grid; grid-template-columns: minmax(92px,.55fr) minmax(0,1fr); align-items: center; padding: 7px 9px; }
  .wellbeing-rating legend { display: contents; font-size: .84rem; }
  .wellbeing-rating > div { justify-content: flex-end; }
  .wellbeing-rating button { width: 37px; height: 37px; font-size: 1.55rem; }
  .daily-wellbeing form > .primary-button { width: 100%; }
}

.weekly-planner { margin-top: 22px; padding: 22px; border: 1px solid #d8e2ef; border-radius: 22px; background: #fffaf3; color: #183458; }
.weekly-planner [hidden] { display: none !important; }
.weekly-planner__heading, .weekly-planner__toolbar, .weekly-planner__actions, .weekly-planner__form-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.weekly-planner__heading h2 { margin: 3px 0 0; font-size: 1.8rem; }
.weekly-planner__toolbar { margin: 16px 0; }
.weekly-planner__toolbar label { display: grid; gap: 4px; min-width: 210px; }
.weekly-planner__board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.weekly-planner__day { min-width: 0; padding: 14px; border: 1px solid #dce5ef; border-radius: 16px; background: #fff; break-inside: avoid; }
.weekly-planner__day header { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 8px; color: #183458; }
.weekly-planner__day header time { color: #62738a; }
.weekly-planner__school-list { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #e1eaf3; }
.weekly-planner__school { display: grid; grid-template-columns: 65px 1fr; gap: 6px; padding: 3px 0; font-size: .86rem; }
.weekly-planner__school span { color: #5b7595; }
.weekly-planner__school strong { font-weight: 600; }
.weekly-planner__activity-list { display: grid; gap: 3px; }
.weekly-planner__activity { display: flex; align-items: center; gap: 6px; min-width: 0; padding: 4px 0; }
.weekly-planner__activity.is-done .weekly-planner__activity-copy { color: #427d6a; }
.weekly-planner__activity-copy { display: flex; min-width: 0; flex: 1; align-items: baseline; gap: 5px; font-size: .9rem; }
.weekly-planner__activity-copy strong { font-weight: 600; overflow-wrap: anywhere; }
.weekly-planner__activity-copy small { color: #63758e; }
.weekly-planner__activity button { border: 0; background: none; color: #526984; cursor: pointer; font-size: 1.1rem; }
.weekly-planner__activity button:hover { color: #144f9d; }
.weekly-planner__check input { width: 18px; height: 18px; accent-color: #16866f; }
.weekly-planner__read-check { width: 18px; color: #16866f; text-align: center; }
.weekly-planner__empty { color: #8492a5; font-size: .82rem; }
.weekly-planner__form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; gap: 12px; margin: 15px 0; padding: 15px; border-radius: 16px; background: #eef5fc; }
.weekly-planner__form h3 { grid-column: 1 / -1; margin: 0; }
.weekly-planner__form label { display: grid; gap: 4px; font-size: .88rem; }
.weekly-planner__form-actions { grid-column: 1 / -1; justify-content: flex-start; }
.weekly-planner__wellbeing { display: inline-block; margin: 12px 0 0 12px; padding: 9px 0; border: 0; background: none; color: #175d9f; font-weight: 700; cursor: pointer; }
@media (max-width: 780px) { .weekly-planner__board { grid-template-columns: 1fr; } .weekly-planner__form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .weekly-planner { padding: 13px; } .weekly-planner__form { grid-template-columns: 1fr; } .weekly-planner__actions { width: 100%; } }

@media print {
  @page { size: A4 portrait; margin: 9mm; }
  body, html { background: #fff !important; }
  body * { visibility: hidden !important; }
  .weekly-planner, .weekly-planner * { visibility: visible !important; }
  .weekly-planner { position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 0; border: 0; background: #fff; box-shadow: none; }
  .weekly-planner__board { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3mm; }
  .weekly-planner__day { padding: 3mm; border-radius: 2mm; font-size: 9pt; }
  .weekly-planner__actions, #weeklyPlannerStudentField, .weekly-planner__toolbar button, .weekly-planner__form, .weekly-planner__wellbeing, #weeklyPlannerAdd, .weekly-planner__activity button { display: none !important; }
  .weekly-planner__toolbar { margin: 0 0 4mm; }
  .weekly-planner__heading { margin-bottom: 4mm; }
  .weekly-planner__heading h2 { font-size: 22pt; }
  .weekly-planner__activity-copy, .weekly-planner__school { font-size: 8.5pt; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
}
#releasePublisherToken code {
  overflow-wrap: anywhere;
  user-select: all;
}

.class-competencies__toolbar, .class-competencies__form, .class-competencies__item {
  display: grid;
  gap: 12px;
}
.class-competencies__toolbar { grid-template-columns: repeat(2, minmax(180px, 1fr)) auto; align-items: end; }
.class-competencies__toolbar label, .class-competencies__form label { display: grid; gap: 5px; min-width: 0; }
.class-competencies__toolbar select, .class-competencies__form input, .class-competencies__form textarea { width: 100%; }
.class-competencies__toolbar strong { white-space: nowrap; padding-bottom: 10px; color: #23517a; }
.class-competencies__program-info { margin: 8px 0 0; color: #5c6d83; font-size: .9rem; }
.class-competencies__group { margin: 13px 0 2px; font-size: .96rem; color: #284764; }
.class-competencies__form { grid-template-columns: minmax(110px, .25fr) minmax(0, 1fr) auto; align-items: end; margin: 18px 0 12px; }
.class-competencies__form textarea { resize: vertical; min-height: 58px; }
.class-competencies__form-actions { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.class-competencies__archived { display: inline-flex; margin: 3px 0 10px; }
.class-competencies__list { display: grid; gap: 5px; }
.class-competencies__item { grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px 13px; padding: 9px 11px; border: 1px solid #dce5ef; border-radius: 11px; background: #fff; }
.class-competencies__item.is-archived { opacity: .65; }
.class-competencies__check { display: flex; align-items: start; gap: 10px; min-width: 0; line-height: 1.35; }
.class-competencies__check input { width: 19px; height: 19px; flex: none; margin-top: 1px; accent-color: #178064; }
.class-competencies__check span { overflow-wrap: anywhere; }
.class-competencies__item small { color: #63758e; white-space: nowrap; }
.class-competencies__actions { display: flex; gap: 5px; }
@media (max-width: 760px) {
  .class-competencies__toolbar { grid-template-columns: 1fr 1fr; }
  .class-competencies__toolbar strong { grid-column: 1 / -1; padding: 0; }
  .class-competencies__form { grid-template-columns: 1fr; }
  .class-competencies__item { grid-template-columns: minmax(0, 1fr) auto; }
  .class-competencies__item small { grid-column: 1; white-space: normal; margin-left: 29px; }
  .class-competencies__actions { grid-column: 2; grid-row: 1 / 3; flex-direction: column; }
}
@media (max-width: 430px) { .class-competencies__toolbar { grid-template-columns: 1fr; } }