.dashboard-header{background:var(--ts-color-surface);border-bottom:1px solid var(--ts-color-outline-variant);padding:1rem 0;box-shadow:var(--ts-shadow-1);position:relative;z-index:100;width:100%}.dashboard-header :focus-visible{outline:none;box-shadow:var(--ts-focus-ring)}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand-logo{height:40px;width:auto;object-fit:contain;display:block}.header-container>a:has(.brand-logo),.header-logo-wrap{display:inline-flex;align-items:center;min-height:44px}.student-nav{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;margin-left:1rem}.student-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 .75rem;border-radius:.5rem;color:var(--ts-color-on-surface-variant);text-decoration:none;font-size:.9rem;font-weight:600;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.student-nav__link:hover{background:var(--ts-color-surface-container);color:var(--ts-color-on-surface)}.student-nav__link.is-current{background:var(--ts-color-primary-tint);color:var(--ts-color-on-primary-tint);font-weight:700}.student-nav__link:focus-visible,.student-nav__link.is-current:focus-visible{outline:none;box-shadow:var(--ts-focus-ring)}.user-menu{display:flex;align-items:center;gap:1rem}.user-name{display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--ts-color-on-surface);white-space:nowrap;text-decoration:none;border-radius:.375rem;padding:.25rem .35rem;transition:background .2s}.user-name:hover{background:var(--ts-color-surface-container)}.user-name:focus-visible{background:var(--ts-color-surface-container)}.btn-logout{color:var(--ts-color-on-surface);font-weight:500;text-decoration:none;cursor:pointer;background:var(--ts-color-surface-container);padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--ts-color-outline-variant);transition:all .2s;font-family:inherit;font-size:.875rem}.btn-logout:hover{background:var(--ts-color-surface-container-high);border-color:var(--ts-color-outline)}@media(max-width:900px){.header-container{flex-wrap:wrap;row-gap:.5rem}.student-nav{order:3;flex:1 0 100%;margin-left:0;gap:.2rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.student-nav::-webkit-scrollbar{display:none}.student-nav__link{flex:0 0 auto;padding:0 .5rem;font-size:.85rem}.user-menu{flex:0 0 auto;gap:.5rem;margin-left:auto}}@media(max-width:520px){.dashboard-header{padding:.75rem 0}.header-container{padding:0 1rem;gap:.75rem;flex-wrap:wrap}.brand-logo{height:32px}.student-nav{order:3;flex:1 0 100%;margin-left:0;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%)}.student-nav:not(:hover):focus-within,.student-nav[data-scroll-end=true]{-webkit-mask-image:none;mask-image:none}.student-nav::-webkit-scrollbar{display:none}.student-nav__link{min-height:44px;padding:0 .65rem;font-size:.8rem}.user-menu{min-width:0;gap:.5rem;margin-left:auto}.user-name{flex:0 0 auto;max-width:8rem;overflow:hidden;text-overflow:ellipsis}.btn-logout{flex:0 0 auto;min-height:44px;padding:.45rem .65rem;font-size:.75rem;line-height:1}}
