.student-topnav{position:sticky;top:0;z-index:100;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle, #d7dce3)}.student-topnav__inner{max-width:1280px;margin:0 auto;padding:var(--space-3, 12px) var(--space-5, 20px);display:flex;align-items:center;gap:var(--space-5, 20px)}.student-topnav__brand{font-weight:600;font-size:1.05rem;color:var(--color-fg-primary);text-decoration:none;white-space:nowrap}.student-topnav__nav{display:flex;gap:var(--space-4, 16px);align-items:center;margin-left:auto}.student-topnav__nav a{color:var(--color-fg-secondary, #495166);text-decoration:none;padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-sm, 6px)}.student-topnav__nav a[aria-current=page],.student-topnav__nav a.active{color:var(--color-brand-500, #2B5BD7);background:var(--color-bg-secondary, #f2f4f8);font-weight:600}.student-topnav__logout{background:transparent;border:1px solid var(--color-border-subtle, #d7dce3);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-sm, 6px);color:var(--color-fg-primary);cursor:pointer}.student-topnav__logout:hover{background:var(--color-bg-secondary, #f2f4f8)}.student-topnav__logout:disabled{opacity:.6;cursor:not-allowed}.student-role-banner{background:#fff3cd;color:#6e5200;padding:var(--space-3, 12px) var(--space-5, 20px);text-align:center;border-bottom:1px solid #f0d168;font-weight:500}.student-outlet{max-width:1100px;margin:0 auto;padding:var(--space-5, 20px)}.student-outlet:focus{outline:none}.student-login-banner{max-width:640px;margin:4rem auto;padding:var(--space-6, 28px);text-align:center;background:var(--color-bg-secondary, #f8f9fb);border-radius:var(--radius-md, 10px)}.student-login-banner h1{margin-top:0;font-size:1.5rem}.student-login-banner__btn{display:inline-block;margin-top:var(--space-4, 16px);padding:var(--space-3, 12px) var(--space-5, 20px);background:var(--color-brand-500, #2B5BD7);color:#fff;border-radius:var(--radius-sm, 6px);font-weight:600;text-decoration:none}.student-login-banner__btn:hover{background:var(--color-brand-600, #2550C4);text-decoration:none}.student-uebersicht__header{margin-bottom:var(--space-5, 20px)}.student-uebersicht__header h1{margin:0 0 var(--space-2, 8px);font-size:1.75rem}.student-uebersicht__subtitle{margin:0;color:var(--color-fg-secondary, #495166)}.student-uebersicht__preview-banner{background:#eef4ff;color:#1a3a80;padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);margin-bottom:var(--space-4, 16px);border:1px solid #c6d6f5}.student-uebersicht__tabs{display:flex;gap:var(--space-2, 8px);border-bottom:1px solid var(--color-border-subtle, #d7dce3);margin-bottom:var(--space-4, 16px)}.student-uebersicht__tab{appearance:none;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-fg-secondary, #495166);cursor:pointer;font:inherit;font-weight:500;padding:var(--space-3, 12px) var(--space-4, 16px);margin-bottom:-1px;transition:color .12s ease,border-color .12s ease}.student-uebersicht__tab:hover{color:var(--color-fg-primary, #11151f)}.student-uebersicht__tab:focus-visible{outline:2px solid var(--color-accent, #2c64d3);outline-offset:2px;border-radius:var(--radius-sm, 6px)}.student-uebersicht__tab--active,.student-uebersicht__tab[aria-selected=true]{color:var(--color-accent, #2c64d3);border-bottom-color:var(--color-accent, #2c64d3)}.student-uebersicht__sort{display:flex;align-items:center;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.student-uebersicht__sort-select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--color-border-subtle, #d7dce3);border-radius:var(--radius-sm, 6px);background:var(--color-bg-primary);color:var(--color-fg-primary);font-size:inherit}.student-uebersicht__list{display:grid;gap:var(--space-4, 16px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.student-uebersicht__card{background:var(--color-bg-secondary, #f8f9fb);border:1px solid var(--color-border-subtle, #d7dce3);border-radius:var(--radius-md, 10px);padding:var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-3, 12px)}.student-uebersicht__card-title{margin:0;font-size:1.1rem}.student-uebersicht__card-meta{margin:0;color:var(--color-fg-secondary, #495166);font-size:.9rem}.student-uebersicht__card-actions{margin-top:auto}.student-uebersicht__card-btn{display:inline-block;padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--color-brand-500, #2B5BD7);color:#fff;border-radius:var(--radius-sm, 6px);text-decoration:none;font-weight:500}.student-uebersicht__card-btn:hover{background:var(--color-brand-600, #2550C4);text-decoration:none}.student-uebersicht__resubmit-badge{display:inline-block;align-self:flex-start;padding:2px 10px;font-size:.8rem;font-weight:500;border-radius:999px;background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border:1px solid var(--color-danger-border, #f3a0a0)}.student-uebersicht__resubmit-info{margin-bottom:var(--space-4, 16px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border:1px solid var(--color-danger-border, #f3a0a0);border-radius:var(--radius-md, 10px);display:flex;align-items:center;gap:var(--space-3, 12px);justify-content:space-between;flex-wrap:wrap}.student-uebersicht__resubmit-info-message{margin:0;font-weight:500;flex:1 1 auto}.student-uebersicht__resubmit-info-link{color:var(--color-danger-fg, #991b1b);font-weight:600;text-decoration:underline}.student-uebersicht__queue-badge{display:inline-block;align-self:flex-start;padding:2px 10px;font-size:.8rem;font-weight:500;border-radius:999px;border:1px solid transparent}.student-uebersicht__queue-badge--pending{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-fg, #92400e);border-color:var(--color-warning-border, #f3d992)}.student-uebersicht__queue-badge--retrying{background:var(--color-info-bg, #dbeafe);color:var(--color-info-fg, #1e40af);border-color:var(--color-info-border, #b4c9f3)}.student-uebersicht__queue-badge--failed{background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border-color:var(--color-danger-border, #f3a0a0)}.student-uebersicht__empty,.student-uebersicht__error{padding:var(--space-5, 20px);background:var(--color-bg-secondary, #f8f9fb);border-radius:var(--radius-md, 10px);grid-column:1 / -1}.student-uebersicht__empty h2,.student-uebersicht__error h2{margin-top:0}.student-uebersicht__loading{padding:var(--space-4, 16px);color:var(--color-fg-secondary, #495166);grid-column:1 / -1}.student-arbeitsblatt__back{display:inline-block;margin-bottom:var(--space-3, 12px);color:var(--color-brand-500, #2B5BD7);text-decoration:none}.student-arbeitsblatt__back:hover{text-decoration:underline}.student-arbeitsblatt__preview-banner{background:#fff3cd;color:#6e5200;padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);margin-bottom:var(--space-4, 16px);border:1px solid #f0d168}.student-arbeitsblatt__resubmit-hint{margin-bottom:var(--space-4, 16px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border:1px solid var(--color-danger-border, #f3a0a0);border-radius:var(--radius-md, 10px)}.student-arbeitsblatt__resubmit-hint-title{margin:0 0 var(--space-2, 8px) 0;font-size:1rem;font-weight:600}.student-arbeitsblatt__resubmit-hint-reason{margin:0}.student-arbeitsblatt__loading,.student-arbeitsblatt__error{padding:var(--space-5, 20px);background:var(--color-bg-secondary, #f8f9fb);border-radius:var(--radius-md, 10px)}.student-arbeitsblatt__error h2{margin-top:0}.student-arbeitsblatt__footer{margin-top:var(--space-5, 20px);padding-top:var(--space-4, 16px);border-top:1px solid var(--color-border-subtle, #d7dce3);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3, 12px)}.student-arbeitsblatt__autosave-badge{font-size:var(--font-size-300, .875rem);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 6px);border:1px solid transparent;line-height:var(--line-height-snug, 1.3)}.student-arbeitsblatt__autosave-badge--idle{background:transparent;color:transparent;border-color:transparent;padding:0}.student-arbeitsblatt__autosave-badge--saving{background:color-mix(in oklch,var(--color-status-warning, #d48c00) 14%,transparent);border-color:color-mix(in oklch,var(--color-status-warning, #d48c00) 40%,transparent);color:var(--color-fg-primary, #16202e)}.student-arbeitsblatt__autosave-badge--saved{background:color-mix(in oklch,var(--color-status-success, #2d8c4b) 12%,transparent);border-color:color-mix(in oklch,var(--color-status-success, #2d8c4b) 40%,transparent);color:var(--color-fg-primary, #16202e)}.student-arbeitsblatt__autosave-badge--error{background:color-mix(in oklch,var(--color-status-danger, #c5362d) 16%,transparent);border-color:color-mix(in oklch,var(--color-status-danger, #c5362d) 55%,transparent);color:var(--color-fg-primary, #16202e);font-weight:600}.student-arbeitsblatt__submit-btn{padding:var(--space-3, 12px) var(--space-5, 20px);background:var(--color-brand-500, #2B5BD7);color:#fff;border:none;border-radius:var(--radius-sm, 6px);font-weight:600;cursor:pointer}.student-arbeitsblatt__submit-btn:hover:not(:disabled){background:var(--color-brand-600, #2550C4)}.student-arbeitsblatt__submit-btn:disabled{opacity:.5;cursor:not-allowed}.student-einstellungen h1{margin:0 0 var(--space-5, 20px)}.student-einstellungen__card{background:var(--color-bg-secondary, #f8f9fb);border:1px solid var(--color-border-subtle, #d7dce3);border-radius:var(--radius-md, 10px);padding:var(--space-5, 20px);margin-bottom:var(--space-4, 16px)}.student-einstellungen__card h2{margin-top:0;font-size:1.1rem}.student-einstellungen__info{margin:0;display:grid;grid-template-columns:max-content 1fr;row-gap:var(--space-2, 8px);column-gap:var(--space-4, 16px)}.student-einstellungen__row{display:contents}.student-einstellungen__label{font-weight:600;color:var(--color-fg-secondary, #495166)}.student-einstellungen__value{margin:0;color:var(--color-fg-primary);word-break:break-word}.student-einstellungen__logout-btn,.student-einstellungen__clear-btn{padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border-subtle, #d7dce3);background:var(--color-bg-primary);color:var(--color-fg-primary);cursor:pointer;margin-right:var(--space-3, 12px)}.student-einstellungen__logout-btn{border-color:var(--color-brand-500, #2B5BD7);color:var(--color-brand-500, #2B5BD7);font-weight:600}.student-einstellungen__logout-btn:hover:not(:disabled){background:var(--color-brand-500, #2B5BD7);color:#fff}.student-einstellungen__clear-btn:disabled{opacity:.5;cursor:not-allowed}.student-toast{position:fixed;top:80px;right:var(--space-5, 20px);padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);background:var(--color-bg-secondary, #f8f9fb);color:var(--color-fg-primary);border:1px solid var(--color-border-subtle, #d7dce3);box-shadow:0 2px 8px #00000014;z-index:200;max-width:360px}.student-toast--success{background:#d4edda;border-color:#97d3a1;color:#155724}.student-toast--error{background:#f8d7da;border-color:#e3a5aa;color:#721c24}@media (max-width: 720px){.student-topnav__inner{flex-wrap:wrap;gap:var(--space-2, 8px)}.student-topnav__nav{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap}.student-uebersicht__list{grid-template-columns:1fr}}.student-uebersicht__orphan-banner{margin-bottom:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-fg, #92400e);border:1px solid var(--color-warning-border, #f3d992);border-radius:var(--radius-md, 10px)}.student-uebersicht__orphan-banner-header{display:flex;align-items:flex-start;gap:var(--space-3, 12px)}.student-uebersicht__orphan-banner-title{margin:0 0 var(--space-3, 12px) 0;font-size:1rem;font-weight:600;flex:1}.student-uebersicht__orphan-banner-dismiss{background:transparent;border:none;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 4px;color:inherit}.student-uebersicht__orphan-banner-dismiss:hover{opacity:.7}.student-uebersicht__orphan-banner-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2, 8px)}.student-uebersicht__orphan-banner-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-3, 12px);background:#fff6;border-radius:var(--radius-sm, 6px)}.student-uebersicht__orphan-banner-item-title{font-weight:500}.student-uebersicht__orphan-banner-discard{padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border:1px solid var(--color-danger-border, #f3a0a0);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:.85rem;font-weight:500}.student-uebersicht__orphan-banner-discard:hover{background:#fecaca}.student-uebersicht__orphan-banner-discard:disabled{opacity:.5;cursor:not-allowed}