/* Final structural corrections for the transferred Planyx application shell. */

body.ops-tailwind .platform-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 2px;
  padding-top: 16px;
  border-top: 1px solid var(--px-border);
}

body.ops-tailwind .platform-card-actions .button.danger {
  margin-left: auto;
}

@media (min-width: 1024px) {
  :root {
    --customerops-header-height: 127px;
  }

  body.ops-tailwind .app-shell {
    position: relative;
    min-height: 100dvh !important;
    padding-top: var(--customerops-header-height) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body.ops-tailwind .ops-header {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: var(--customerops-header-height) !important;
    z-index: 500 !important;
  }

  body.ops-tailwind .tools-drawer {
    position: fixed !important;
    inset: var(--customerops-header-height) auto 0 0 !important;
    top: var(--customerops-header-height) !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 272px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: auto !important;
    overscroll-behavior: contain;
  }

  body.ops-tailwind .main-shell {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: calc(100dvh - var(--customerops-header-height)) !important;
  }

  body.ops-tailwind #mainNavigation {
    min-height: 0;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  body.ops-tailwind .tools-drawer {
    width: 244px !important;
  }
}

@media (max-width: 700px) {
  body.ops-tailwind .platform-card-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.ops-tailwind .platform-card-actions .button,
  body.ops-tailwind .platform-card-actions .button.danger {
    width: 100%;
    margin-left: 0;
  }
}