/* Mobile-only hotfix: keep New Assignment visible in the bottom action bar. */
@media (width <= 760px) {
  .mobile-bottom-nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: initial;
  }

  .mobile-bottom-nav button {
    min-width: 0;
  }

  .mobile-bottom-nav button:nth-child(1) { grid-column: 1; }
  .mobile-bottom-nav button:nth-child(2) { grid-column: 2; }
  .mobile-bottom-nav button:nth-child(3) { grid-column: 4; }
  .mobile-bottom-nav button:nth-child(4) { grid-column: 5; }
  .mobile-bottom-nav button:nth-child(5) { grid-column: 6; }

  .mobile-fab {
    z-index: 46;
    position: fixed;
    left: 50%;
    bottom: max(5px, env(safe-area-inset-bottom));
    transform: translateX(-50%);
    display: flex;
    width: 66px;
    min-height: 48px;
    padding: 5px 3px 4px;
    border: 0;
    border-radius: 14px;
    background: #3654ce;
    color: #fff;
    box-shadow: 0 4px 14px rgba(28, 52, 132, .3);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
  }

  .mobile-fab::after {
    content: "New Assignment";
    font-size: 7px;
    font-weight: 850;
    line-height: 1.05;
    text-align: center;
  }

  .mobile-fab:focus-visible {
    outline: 3px solid rgba(54, 84, 206, .35);
    outline-offset: 2px;
  }
}

@media print {
  .mobile-fab {
    display: none !important;
  }
}