/**
 * v2 shell — conflict resolution (loads after tm-shell-v2 + tm-v2-reference-chrome).
 * Handles:
 *   - Inner #sidebar mobile resets (global.css / mobile-responsive.css overrides)
 *   - Dark mode background conflicts
 *   - Page background
 */

/* Mobile: inner #sidebar resets (override global.css / mobile-responsive.css fixed positioning) */
@media (max-width: 1024px) {
  #tmv2App #tmv2SidebarRoot #sidebar.sidebar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    z-index: auto !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (max-width: 768px) {
  #tmv2App #tmv2SidebarRoot #sidebar.sidebar {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-width: none !important;
    z-index: auto !important;
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
    background: transparent !important;
    pointer-events: auto !important;
    border-radius: 0 !important;
  }
}

/* Dark mode: override dark-mode.css gradients on #mainContent — inherit page bg */
html.dark-mode #tmv2App main#mainContent,
html.dark-mode #tmv2App main.tmv2-content {
  background: inherit !important;
  background-image: none !important;
}

/* Dark mode: header */
html.dark-mode header.tmv2-header {
  background: var(--tmv2-surface, var(--color-surface, #111b2e)) !important;
  border-bottom-color: var(--tmv2-line) !important;
}

/* Page background (main = sayfa tuvali) */
#tmv2App main#mainContent.tmv2-page {
  background: var(--tmv2-page-bg, var(--tmv2-page));
  min-width: 0;
}

html.dark-mode #tmv2App main#mainContent.tmv2-page {
  background: var(--tmv2-page-bg, var(--tmv2-page));
}