:root{--student-phone-bar-h:60px;--student-phone-bar-space:calc(var(--student-phone-bar-h) + env(safe-area-inset-bottom, 0px))}.student-phone-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-navbar);padding-bottom:env(safe-area-inset-bottom,0);background:var(--color-white);border-top:1px solid var(--color-gray-300);box-shadow:0 -2px 8px rgba(15,23,42,.06)}.student-phone-bar__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 3rem;height:var(--student-phone-bar-h);margin:0;padding:0;list-style:none}.student-phone-bar__item{display:flex;min-width:0}.student-phone-bar__slot{position:relative;display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:44px;padding:0 1px;border:0;background:none;color:var(--color-gray-700);font:inherit;font-size:.78rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;text-decoration:none;cursor:pointer}.student-phone-bar__slot:hover{background:var(--color-light-gray);color:var(--color-gray-900)}.student-phone-bar__slot:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.student-phone-bar__slot--current{background:var(--color-gray-100);color:var(--color-primary-dark);box-shadow:inset 0 3px 0 var(--color-primary)}.student-phone-bar__icon{position:relative;display:inline-flex}.student-phone-bar__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-phone-bar__badge{position:absolute;top:-6px;left:calc(100% - 6px);min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-danger);color:var(--color-white);font-size:.78rem;font-weight:700;line-height:18px;text-align:center}.student-phone-bar__badge--row{position:static;margin-left:auto}.student-phone-bar__scrim{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(15,23,42,.4)}.student-phone-bar__sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-modal);max-height:80vh;max-height:80dvh;overflow-y:auto;padding:.5rem 0 calc(.75rem + env(safe-area-inset-bottom, 0px));background:var(--color-white);border-top:1px solid var(--color-gray-300);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -10px 24px rgba(15,23,42,.16)}.student-phone-bar__sheet-head{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem 0 1rem}.student-phone-bar__sheet-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-gray-900)}.student-phone-bar__close{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .75rem;border:0;background:none;color:var(--color-gray-700);font:inherit;font-weight:600;cursor:pointer}.student-phone-bar__close:focus-visible,.student-phone-bar__row:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.student-phone-bar__group-title{margin:.5rem 1rem .25rem;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-700)}.student-phone-bar__rows{margin:0;padding:0;list-style:none}.student-phone-bar__row{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:0 1rem;border-left:3px solid transparent;color:var(--color-gray-800);font-size:1rem;text-decoration:none}.student-phone-bar__row:hover{background:var(--color-light-gray);color:var(--color-gray-900)}.student-phone-bar__row--current{border-left-color:var(--color-primary);background:var(--color-gray-100);color:var(--color-primary-dark);font-weight:700}.student-phone-bar__row-icon{display:inline-flex}@media (max-width:768px){body:has(.student-phone-bar){padding-bottom:var(--student-phone-bar-space)}}@media (min-width:769px){.student-phone-bar,.student-phone-bar__scrim,.student-phone-bar__sheet{display:none}}@media print{.student-phone-bar,.student-phone-bar__scrim,.student-phone-bar__sheet{display:none!important}body:has(.student-phone-bar){padding-bottom:0}}@media (forced-colors:active){.student-phone-bar__row--current,.student-phone-bar__slot--current{outline:2px solid CanvasText;outline-offset:-2px}}@media (prefers-reduced-motion:no-preference){.student-phone-bar__row,.student-phone-bar__slot{transition:background-color .15s ease}}