/* Desktop header - 12 Oct 2026
   On a wide screen the top of the page was three stacked rows hugging the
   left: the brand line, then the Bula greeting on its own line, then Sign in
   on its own line - about 180px of header for 1000px of empty space. That
   reads as a phone layout. Below 900px nothing here applies. */

@media (min-width: 900px) {
  header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
  }

  header .brandrow {
    flex: 1 1 460px;
    min-width: 0;
  }

  /* the greeting pill is given its own full-width line by the shared shell */
  :is(#dimau-shell-utility, .bw-own-line) {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  :is(#dimau-shell-utility, .bw-pill):is(#dimau-shell-utility, .bw-own-line) {
    width: fit-content !important;
    max-width: none !important;
    margin: 0 !important;
  }

  header .dm-acct { flex: 0 0 auto; }
}