/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 *
 * Most styling uses Bootstrap utilities. Custom CSS is only for specific needs.
 */

/* Header */
header {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.header-logo {
  height: 48px;
  width: auto;
}

.header-user-image {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--bs-border-color);
}

.hover-opacity:hover {
  opacity: 0.8;
}

/* Mission Control Jobs - Override Bulma container to match Bootstrap px-4 */
section.section {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

section.section .container {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}