/* Source: public/static/css/fuuvo-desktop-top-edge-fix.css */
/* Prevent clipped decorative strokes from the desktop header from appearing at the viewport edge. */
@media (min-width: 769px) {
  html,
  body {
    overflow-x: hidden;
  }

  header::before,
  header::after,
  [class*="header"]::before,
  [class*="header"]::after,
  [class*="navbar"]::before,
  [class*="navbar"]::after,
  [class*="topbar"]::before,
  [class*="topbar"]::after {
    max-width: 100%;
  }

  /* The app shell is the only top-level surface allowed to paint the page edge. */
  body > :first-child::before,
  body > :first-child::after {
    content: none !important;
    display: none !important;
  }
}


/* Final desktop landing alignment. */
@media (min-width: 921px) {
    html body[data-ai-chat-page="1"] .workspace > .composer {
        width: calc(100% - 80px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    html body.chat-landing[data-mode="chat"] .composer-title-logo-link img {
        top: -1.5px !important;
        bottom: auto !important;
        height: 44px !important;
        transform: none !important;
        object-fit: contain !important;
    }
    html body.chat-landing[data-mode="chat"] .chat-input-tools {
        display: flex !important;
        grid-template-columns: none !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 0 !important;
    }
    html body.chat-landing[data-mode="chat"] .chat-input-tools > .ai-chat-mode-controls {
        grid-column: auto !important;
        margin-left: 0 !important;
        justify-self: start !important;
    }
    html body.chat-landing[data-mode="chat"] .chat-input-tools > .chat-input-action-group {
        grid-column: auto !important;
        margin-left: auto !important;
    }
}

/* Source: public/static/css/fuuvo-sidebar-logo-dark-fix.css */
@media (min-width: 769px) {
  :where(html.dark, body.dark, [data-theme="dark"]) :where(
    .sidebar .logo,
    .sidebar .brand,
    .side-bar .logo,
    .side-bar .brand,
    [class*="sidebar"] [class*="logo"],
    [class*="sidebar"] [class*="brand"],
    [class*="side-bar"] [class*="logo"],
    [class*="side-bar"] [class*="brand"],
    [data-sidebar-brand],
    [data-role="brand"]
  ) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-inline: 8px;
    margin-inline: auto;
    overflow: hidden;
    text-align: center;
  }

  :where(html.dark, body.dark, [data-theme="dark"]) :where(
    .sidebar .logo > *,
    .sidebar .brand > *,
    .side-bar .logo > *,
    .side-bar .brand > *,
    [class*="sidebar"] [class*="logo"] > *,
    [class*="sidebar"] [class*="brand"] > *,
    [class*="side-bar"] [class*="logo"] > *,
    [class*="side-bar"] [class*="brand"] > *,
    [data-sidebar-brand] > *,
    [data-role="brand"] > *
  ) {
    flex: 0 0 auto;
  }

  :where(html.dark, body.dark, [data-theme="dark"]) :where(
    .sidebar .logo img,
    .sidebar .logo svg,
    .sidebar .brand img,
    .sidebar .brand svg,
    .side-bar .logo img,
    .side-bar .logo svg,
    .side-bar .brand img,
    .side-bar .brand svg,
    [class*="sidebar"] [class*="logo"] img,
    [class*="sidebar"] [class*="logo"] svg,
    [class*="sidebar"] [class*="brand"] img,
    [class*="sidebar"] [class*="brand"] svg
  ) {
    display: block;
  }
}