/* UW/H Lernplattform — shared chrome styles (ported from the corporate design) */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body { font-family: 'Lato', system-ui, sans-serif; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #c4d0de; border-radius: 8px; border: 3px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-track { background: transparent; }

@keyframes atlasDot { 0%,60%,100% { opacity: .25; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
@keyframes atlasIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

textarea { font-family: inherit; }
a { text-decoration: none; }

/* hover behaviours ported from the design's style-hover attributes */
.navlink:not(.active):hover { background: rgba(255,255,255,0.07) !important; }
.card-hover:hover { border-color: #c2cfdd !important; box-shadow: 0 6px 18px rgba(16,42,67,0.07) !important; }
.coursecard:hover { box-shadow: 0 8px 22px rgba(16,42,67,0.08) !important; border-color: #c2cfdd !important; }
.libcard:hover { box-shadow: 0 7px 20px rgba(16,42,67,0.08) !important; border-color: #c2cfdd !important; }
.chip:hover { border-color: #c2cfdd !important; background: #f5f8fb !important; }
.rowhover:hover { background: #f5f8fb !important; }
.bright:hover { filter: brightness(1.08); }
.iconbtn:hover { background: #f5f8fb !important; }
.linkbtn:hover { color: #004F9F !important; }
.ghostbtn:hover { border-color: #5a7aa0 !important; }
.amber:hover { filter: brightness(1.05); }

/* Markdown-Rendering in Ava-Bubbles (tutor.js mdToHtml) */
.md-body p { margin: 0 0 10px; }
.md-body p:last-child, .md-body ul:last-child, .md-body ol:last-child, .md-body table:last-child { margin-bottom: 0; }
.md-body h4 { margin: 12px 0 6px; font-size: 14.5px; font-weight: 800; }
.md-body h4:first-child { margin-top: 0; }
.md-body ul, .md-body ol { margin: 0 0 10px; padding-left: 22px; }
.md-body li { margin: 3px 0; }
.md-body code { background: #eef2f7; border-radius: 4px; padding: 1px 5px; font-size: 13px; }
.md-body table { border-collapse: collapse; margin: 4px 0 10px; font-size: 13.5px; display: block; overflow-x: auto; max-width: 100%; }
.md-body th, .md-body td { border: 1px solid #dce3eb; padding: 5px 9px; text-align: left; }
.md-body th { background: #f5f8fb; font-weight: 700; }