/* The cascade contract for the redesigned (arena) chrome.
   ---------------------------------------------------------------------------
   main.css is the pre-redesign theme; its own first line calls it
   "HACKER GREEN / BLACK THEME". It is still needed by the ~20 pages that have
   not been ported, so it cannot simply be dropped. On a redesigned page it was
   doing real damage, because a class rule only overrides the properties it
   actually names, and main.css styles bare elements:

     header  {}   background:var(--bg-glass)   -> the topbar rendered dark glass
     button  {}   padding:8px 16px             -> a 36px .da-icbtn's content box
                                                  collapsed to 2px, so its 20x20
                                                  icon scaled down to a speck
     button  {}   overflow:hidden              -> clipped the bell's unread badge
     button  {}   font-family:Inter             -> wrong face on every button
     button:hover box-shadow: none; a page that says nothing now gets nothing, instead of
                  getting the old theme.

   Loaded only when chrome_mode == 'arena'. Legacy-chrome pages keep the two
   direct <link>s in base.html and render bit-identically to before. */
@layer legacy, arena-reset;

@import url('main.css') layer(legacy);
@import url('app-shell.css') layer(legacy);

@layer arena-reset {
  [data-da-root] header {
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 0;
    box-shadow: none;
    padding: 0;
    position: static;
    top: auto;
    z-index: auto;
  }

  [data-da-root] button,
  [data-da-root] .btn {
    font: inherit;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    color: inherit;
    box-shadow: none;
    transform: none;
    transition: none;
    position: static;
    overflow: visible;
    cursor: pointer;
  }
  [data-da-root] button:disabled { opacity: .45; cursor: not-allowed; }

  /* `width` is deliberately NOT reset. main.css gives every input width:100%,
     and redesigned forms were authored against that; taking it away collapses
     them. The rest of the block is the old dark palette and has to go. */
  [data-da-root] input,
  [data-da-root] textarea,
  [data-da-root] select {
    background: none;
    color: inherit;
    border: 0;
    border-radius: 0;
    padding: 0;
    font: inherit;
    transition: none;
  }
  [data-da-root] select {
    background-image: none;
    padding-right: 0;
  }
  [data-da-root] input:focus,
  [data-da-root] textarea:focus,
  [data-da-root] select:focus {
    outline: none;
    border-color: inherit;
    box-shadow: none;
  }

  /* The ambient green radial wash and the grain sheet. The grain carried
     z-index:9999, which put it over every modal in the app. */
  [data-da-root] body::before,
  [data-da-root] body::after { content: none; }
}