/* GovGreed 3-Column Layout System — Phase 26 */
/* Left sidebar (sidebar.js 200px) + Main content (flex) + Right info panel (info-panel.js 280px) */

:root {
  --info-panel-width: 280px;
  --info-panel-collapsed-width: 48px;
}

/* Body padding for right panel (sidebar.js already handles padding-left) */
body.has-info-panel {
  padding-right: var(--info-panel-width) !important;
  transition: padding-right 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
body.info-panel-collapsed {
  padding-right: var(--info-panel-collapsed-width) !important;
}

/* Main content area constraints */
.main-content {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  min-height: calc(100vh - 60px);
  padding-bottom: 80px; /* room for chat bar */
}

/* ── Responsive breakpoints ── */

/* 1200-1440px: narrower info panel */
@media (min-width: 1200px) and (max-width: 1440px) {
  :root { --info-panel-width: 240px; }
}

/* 900-1200px: info panel collapsed by default, toggle button shown */
@media (min-width: 769px) and (max-width: 1199px) {
  body.has-info-panel {
    padding-right: var(--info-panel-collapsed-width) !important;
  }
  body.has-info-panel.info-panel-open {
    padding-right: var(--info-panel-width) !important;
  }
}

/* Mobile: both sidebars overlay */
@media (max-width: 768px) {
  body.has-info-panel {
    padding-right: 0 !important;
  }
}