/* Mobile layout for the shift planner (MWShiftPlanner with ViewportBreakpoint set).
   Every rule is scoped under .mw-sp-mobile (set on .mw-sp-container while the mobile
   layout is active) or uses the mw-sp-mob-* prefix, so the desktop layout is untouched. */

/* NOTE: Corner cell — weekday label at the current scroll position, opens the day-jump menu */
.mw-sp-mob-corner {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* NOTE: Floating drawer toggle — sits above the temporary drawer and its overlay
   (--mud-zindex-drawer is 1100) so it can also close an open drawer */
.mw-sp-mob-drawer-fab {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1300;
}

.mw-sp-mob-corner-day {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
}

/* NOTE: MWMenu wraps the activator in nested divs — stretch them so the label fills the cell */
.mw-sp-mob-corner-day .mud-menu,
.mw-sp-mob-corner-day .mud-menu-activator {
    width: 100%;
    height: 100%;
}

.mw-sp-mob-corner-day-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
}

.mw-sp-mob-day-item--selected {
    font-weight: 700;
    color: var(--mud-palette-primary);
}

/* NOTE: Compact header typography — shrink resource/time headers to maximize plan area */
.mw-sp-mobile .mw-sc-time-slot-horizontal {
    font-size: 0.7rem;
}

.mw-sp-mobile .mw-sc-resource-row-header {
    font-size: 0.72rem;
}

.mw-sp-mobile .mw-sc-group-name {
    font-size: 0.65rem;
}

/* NOTE: The child count adds noise the narrow group column cannot afford */
.mw-sp-mobile .mw-sc-group-count {
    display: none;
}