/* === Global Layout === */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body.sidebar-open .content {
  margin-left: 260px;
}
.container {
  display: flex;
  flex: 1;
  flex-direction: row;
  min-height: 100vh;
}

/* Sidebar-aware Content Area */
.content {
  margin-left: 260px; /* Adjust to match actual sidebar width */
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  transition: margin-left 0.3s ease;
}

#tab-container {
  flex: 1;
}

/* === Responsive Sidebar Behavior === */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
  }
  body.sidebar-open .content {
    margin-left: 0;
  }
  .content {
    margin-left: 0;
    padding: 1.5rem 1rem;
  }
}