/* Shared glass finish for EF, Fisioterapia and both embedded Moodle tutors.
   The 3D launcher and its reactive base ring stay in tutor-ef-coin.css. */
html.tutor-glass {
  --tg-ink:#edf8fa;
  --tg-muted:#c1d5dc;
  --tg-accent:#71efda;
  --tg-line:rgba(178,235,232,.28);
  --tg-surface:rgba(10,26,34,.72);
  --tg-lift:inset 0 1px 0 #ffffff30,inset 0 -2px 4px #0003,0 4px 10px #0002;
}
html.tutor-glass :is(.tutor-panel,.chat,.tutor-hint) {
  color:var(--tg-ink);
  background:var(--tg-surface);
  border:1px solid var(--tg-line);
  border-radius:24px;
  box-shadow:inset 0 1px 0 #ffffff24,0 16px 40px #0004;
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
html.tutor-glass :is(.tutor-head,.chat .head) {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:8px;padding:12px 14px;min-height:72px;
  color:var(--tg-ink);
  background:linear-gradient(135deg,#3fe0c826,#b5fff00a);
  border-bottom:1px solid var(--tg-line);box-shadow:inset 0 1px 0 #ffffff1c;
}
html.tutor-glass :is(.tutor-head,.chat .head)>div {flex:1 1 170px;min-width:0}
html.tutor-glass :is(.tutor-head,.chat .head) strong {display:block;font-size:.94rem;line-height:1.3}
html.tutor-glass :is(.tutor-head,.chat .head) span {display:block;margin-top:3px;font-size:.73rem;color:var(--tg-muted);opacity:1}
html.tutor-glass :is(.tutor-context,.tutor-ai,.chat .ai) {
  color:var(--tg-muted);background:transparent;border-color:var(--tg-line);
}
html.tutor-glass .tutor-context {white-space:normal;line-height:1.35}
html.tutor-glass :is(.tutor-ai,.chat .ai) {padding:8px 12px;font-size:.76rem}
html.tutor-glass :is(.tutor-ai,.chat .ai) summary {cursor:pointer;color:var(--tg-accent);padding:5px 0}
html.tutor-glass .tutor-ai details p {max-height:96px;overflow:auto}
html.tutor-glass :is(.tutor-messages,.chat .messages) {
  min-height:0;padding:12px;background:transparent;scrollbar-color:#71efda88 transparent;
}
html.tutor-glass :is(.tutor-message,.chat .msg) {
  max-width:94%;padding:10px 12px;font-size:.84rem;line-height:1.45;border-radius:16px;
}
html.tutor-glass :is(.tutor-message.bot,.chat .msg.bot) {
  color:var(--tg-ink);background:#ffffff0d;border:1px solid var(--tg-line);
  border-bottom-left-radius:5px;box-shadow:inset 0 1px 0 #ffffff12;
}
html.tutor-glass :is(.tutor-message.user,.chat .msg.user) {
  color:var(--tg-ink);background:#3fe0c824;border:1px solid #71efda66;border-bottom-right-radius:5px;
}
html.tutor-glass :is(.tutor-chips,.tutor-form,.chat .chips,.chat .composer) {
  background:transparent;border-color:var(--tg-line);
}
html.tutor-glass :is(.tutor-chips,.chat .chips) {
  display:flex;flex-wrap:wrap;gap:6px;overflow:visible;padding:9px 10px;
}
html.tutor-glass :is(.tutor-chip,.chat .chip,.tutor-option,.tutor-next,.tutor-link,.chat .link,.tutor-ai button,.chat .ai button,.tutor-coin-sound,.tutor-close) {
  color:var(--tg-ink);background:linear-gradient(180deg,#ffffff18,#3fe0c80c);
  border:1px solid var(--tg-line);box-shadow:var(--tg-lift);font-family:inherit;
  transition:transform .15s,background .15s,box-shadow .15s;
}
html.tutor-glass :is(.tutor-chip,.chat .chip) {
  flex:1 1 135px;min-height:34px;padding:6px 9px;font-size:.73rem;white-space:normal;line-height:1.25;
}
html.tutor-glass :is(.tutor-link,.chat .link) {padding:7px 10px}
html.tutor-glass :is(.tutor-ai button,.chat .ai button) {min-height:32px;padding:5px 8px}
html.tutor-glass .tutor-coin-sound {margin:0;font-size:11px;padding:5px 7px}
html.tutor-glass .tutor-close {flex:none;width:34px;height:34px;min-width:34px;cursor:pointer}
html.tutor-glass :is(.tutor-form,.chat .composer) {gap:8px;padding:10px}
html.tutor-glass :is(.tutor-input,.chat .composer input,.chat .ai select) {
  min-width:0;min-height:42px;border:1px solid var(--tg-line);border-radius:14px;
  padding:9px 11px;color:var(--tg-ink);background:#00000026;font:inherit;font-size:16px;
}
html.tutor-glass :is(.tutor-input,.chat .composer input)::placeholder {color:var(--tg-muted);opacity:1}
html.tutor-glass :is(.tutor-send,.chat .send) {
  min-width:42px;border-radius:14px;color:var(--tg-ink);
  background:linear-gradient(180deg,#3fe0c84d,#3fe0c822);
  border:1px solid #71efda77;box-shadow:var(--tg-lift);cursor:pointer;
}
html.tutor-glass :is(.tutor-feedback,.tutor-option.correct) {color:#b0ffd0;background:#5ed9a61a}
html.tutor-glass .tutor-option.wrong {color:#ffd3c0;background:#ffad701a}
html.tutor-glass :is(button,input,select,a):focus-visible {outline:2px solid var(--tg-accent);outline-offset:3px}
@media(hover:hover) {
  html.tutor-glass :is(.tutor-chip,.chat .chip,.tutor-link,.chat .link,.tutor-close,.tutor-send,.chat .send,.tutor-ai button,.chat .ai button,.tutor-coin-sound):hover {
    transform:translateY(-1px);background-color:#3fe0c826;box-shadow:var(--tg-lift),0 0 12px #3fe0c822;
  }
}
html.tutor-glass.tutor-moodle-glass,html.tutor-glass.tutor-moodle-glass body {background:transparent;color:var(--tg-ink)}
html.tutor-moodle-glass body {padding:8px}
html.tutor-moodle-glass .chat,
html.tutor-moodle-glass .chat:has(.ai:not([hidden])) {
  width:min(100%,500px);height:calc(100vh - 16px);height:calc(100dvh - 16px);
  max-height:640px;min-height:0;margin:0 auto;
  grid-template-rows:auto auto minmax(60px,1fr) auto;
}
html.tutor-moodle-glass .chat .head {padding-right:112px;min-height:122px;align-content:center;justify-content:flex-start}
html.tutor-moodle-glass .chat .head>div {flex-basis:100%}
html.tutor-moodle-glass #moodleTutorLauncher.tutor-coin {
  width:96px;height:108px;top:12px;bottom:auto;
  right:max(16px,calc((100vw - 500px)/2 + 8px));
}
html.tutor-moodle-glass .chat .ai details>div {max-height:110px}
html.tutor-moodle-glass .chat .ai select {width:100%;font-size:.8rem}
html.tutor-moodle-glass .chat .ai input {accent-color:var(--tg-accent)}
@media(max-width:640px) {
  html.tutor-glass .tutor-panel {height:min(84dvh,720px)}
  html.tutor-moodle-glass .chat .head {padding-right:94px;min-height:108px}
  html.tutor-moodle-glass #moodleTutorLauncher.tutor-coin {width:78px;height:88px}
}
@media(max-height:420px) {
  html.tutor-moodle-glass .chat .head {min-height:80px;padding-right:82px}
  html.tutor-moodle-glass #moodleTutorLauncher.tutor-coin {width:64px;height:72px}
  html.tutor-glass :is(.tutor-chip,.chat .chip) {flex-basis:110px;min-height:30px}
}
@media(prefers-reduced-motion:reduce) {
  html.tutor-glass :is(button,a) {transition:none}
}