/* base.css */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 20px;
  background-color: #f5f5f5;
  overflow-x: hidden; /* Уже есть - хорошо */
  width: 100%;
  position: relative;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

/* Для всех контейнеров, которые могут создавать скролл */
.container, .sensors-container, .chart-container {
  max-width: 100%;
  overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: visible; /* Разрешаем показ за пределами контейнера */
}

h1, h2, h3 {
    text-align: center;
    color: #333;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start:0;
    margin-inline-end: 0;
    font-weight: bold;
    unicode-bidi: isolate;
}

.copyright{
    margin-top: 40px;
    margin-left: 40px;
    color:rebeccapurple;
    font-size: 10px;

}

@media (max-width: 300px) {
  body {
    padding: 10px; /* Уменьшите отступы для мобильных */
  }
  
  .container {
    padding: 15px;
    width: 100%;
    max-width: 100vw; /* Ограничьте шириной viewport */
    /* overflow-x: hidden; */
  }
  
  .sidebar {
    width: 280px; /* Фиксированная ширина */
    transform: translateX(-100%);
  }
  
  .sidebar.open {
    transform: translateX(0);
  }
  
  .container {
    width: 100%;
    max-width: 100%;
    /* overflow-x: hidden; */
  }
}