/* Dashboard — mobile chrome editorial / liquid glass.
   O shell é estável entre Resultados e Operação; somente o conteúdo e o segmento ativo mudam. */
@media (max-width: 767px) {
  .app-shell[data-dashboard-view] > main {
    position: relative;
    isolation: isolate;
  }

  .app-shell[data-dashboard-view] > main > header {
    position: absolute !important;
    inset: 0 0 auto 0;
    z-index: 45;
    border: 0 !important;
    background: transparent !important;
    padding: 12px 16px 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    pointer-events: none;
  }

  .app-shell[data-dashboard-view] > main > header > div:first-child {
    min-height: 40px;
  }

  .app-shell[data-dashboard-view] > main > header > div:first-child > div:first-child > div {
    display: none !important;
  }

  .app-shell[data-dashboard-view] > main > header > div:first-child > div:last-child {
    display: none !important;
  }

  .app-shell[data-dashboard-view] > main > header button[aria-label='Abrir menu'],
  .app-shell[data-dashboard-view] > main > header > div:first-child > div:first-child > button {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 14px !important;
    background: rgba(10, 10, 16, 0.28) !important;
    color: rgba(255, 255, 255, 0.88) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 30px rgba(0, 0, 0, 0.16) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    pointer-events: auto;
  }

  .app-shell[data-dashboard-view] > main > header > div:nth-child(2) {
    position: absolute !important;
    top: 12px;
    right: 16px;
    width: min(58vw, 228px) !important;
    min-height: 40px;
    margin: 0 !important;
    padding: 3px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 15px !important;
    background: rgba(9, 9, 16, 0.24) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 34px rgba(0, 0, 0, 0.14) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
    pointer-events: auto;
  }

  .app-shell[data-dashboard-view] > main > header > div:nth-child(2) > button {
    min-height: 34px;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: rgba(210, 212, 222, 0.66) !important;
    font-size: 12px !important;
    font-weight: 560 !important;
    line-height: 1 !important;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease !important;
  }

  .app-shell[data-dashboard-view='results'] > main > header > div:nth-child(2) > button:first-child,
  .app-shell[data-dashboard-view='operation'] > main > header > div:nth-child(2) > button:last-child {
    border-color: rgba(255, 255, 255, 0.09) !important;
    background: rgba(255, 255, 255, 0.095) !important;
    color: rgba(255, 255, 255, 0.96) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 0 24px rgba(0, 122, 255, 0.08) !important;
  }

  .app-shell[data-dashboard-view] > main > header + div {
    padding-top: 76px !important;
  }
}