/* Tor im itslearning-Fenster (tor.js, Eike 04.11.2026) */
.tor-an body > *:not(#tor) { visibility: hidden }
#tor { position: fixed; inset: 0; z-index: 1000; background: var(--bg); color: var(--ink); display: grid; place-content: center; justify-items: center; gap: 14px; padding: 16px; text-align: center; overflow: auto }
.tor-kopf { display: flex; align-items: center; gap: 12px }
.tor-logo img { display: block; height: 30px; width: auto }
.tor-logo img.dunkel { display: none }
:root[data-theme="dark"] .tor-logo img.hell { display: none } :root[data-theme="dark"] .tor-logo img.dunkel { display: block }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .tor-logo img.hell { display: none } :root:not([data-theme="light"]) .tor-logo img.dunkel { display: block } }
.tor-titel { font-size: 26px; margin: 0 }
.tor-knopf { display: grid; place-items: center; align-content: center; gap: 8px; inline-size: min(100%, 36rem); min-block-size: min(52vh, 18rem); border: 0; border-radius: 16px; background: var(--ink); color: var(--bg); font: inherit; cursor: pointer; padding: 20px; box-shadow: var(--shadow) }
.tor-knopf:focus-visible { outline: 4px solid var(--focus, #2563eb); outline-offset: 4px }
.tor-zeichen { font-size: 48px; line-height: 1 }
.tor-lab { font-size: 28px; font-weight: 800 }
.tor-unter { font-size: 16px; opacity: .8 }
.tor-meldung:empty { display: none }
.tor-ok, .tor-block { max-inline-size: 36rem; margin: 0; padding: 10px 14px; border-radius: 8px; background: var(--panel) }
.tor-block { border-left: 4px solid #D7261E }
.tor-block a { color: inherit; font-weight: 800 }
.tor-offen { max-inline-size: 36rem; margin: 0; color: var(--muted); font-size: 15px }
.tor-zu { position: fixed; left: 50%; transform: translateX(-50%); bottom: 16px; z-index: 90; width: min(560px, calc(100% - 32px)); margin: 0; display: flex; gap: 10px; align-items: flex-start; padding: 12px 12px 12px 16px; border-radius: 10px; background: var(--ink); color: var(--bg); box-shadow: var(--shadow); font-size: 15px; text-align: left }
.tor-zu-x { margin-left: auto; flex: none; width: 36px; height: 36px; border: 0; border-radius: 8px; background: transparent; color: inherit; font-size: 22px; cursor: pointer }
