/* Keep Alpine-driven regions hidden until the component is initialized. */
[x-cloak] {
  display: none !important;
}

.app-icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
  flex: 0 0 auto;
}

.col-mtime {
  width: 11rem;
}

.col-size {
  width: 7rem;
}

/* Let the host URL truncate down to the space the navbar actually has left; flex items
   only shrink past their content width once the automatic minimum size is lifted. */
.navbar-actions,
.navbar-actions .dropdown {
  min-width: 0;
}

.host-menu {
  max-width: min(90vw, 32rem);
  --bs-dropdown-font-size: 0.875rem;
}