@charset "UTF-8";

@media (max-width: 1600px) {
  :root {
    --left-panel-width: 280px;
    --right-panel-width: 260px;
  }
}

@media (max-width: 1520px) {
  .sensor-history-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .drive-history-chart-grid,
  .drive-history-table-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1366px) {
  :root {
    --left-panel-width: 256px;
    --right-panel-width: 236px;
  }
}

@media (max-width: 1200px) {
  :root {
    --left-panel-width: 232px;
    --right-panel-width: 216px;
  }
}



@media (max-width: 1180px) {
  .sensor-history-filter {
    min-width: 280px;
  }

  .sensor-history-actions {
    width: 100%;
  }

  .sensor-history-action {
    flex: 1 1 0;
  }

  .sensor-history-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .usage-access-period-group,
  .usage-access-date-group,
  .usage-access-actions {
    width: 100%;
  }

  .user-management-filter-group,
  .user-management-search-group {
    width: 100%;
  }

  .ip-management-search-key-group,
  .ip-management-search-group {
    width: 100%;
  }

  .account-request-main {
    padding: 16px;
  }

  .account-request-panel {
    padding: 24px 20px;
  }

  .account-request-form {
    width: 100%;
  }

  .sensor-history-filter-group,
  .sensor-history-filter,
  .sensor-history-date-range {
    width: 100%;
  }

  .sensor-history-filter-group {
    flex-direction: column;
  }

  .sensor-history-filter-label {
    min-height: 40px;
  }

  .sensor-history-date-group {
    flex: 1 1 100%;
  }

  .sensor-history-date-range {
    flex-wrap: wrap;
    padding: 10px 14px 14px;
  }

  .sensor-history-calendar {
    position: fixed;
    left: 50%;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .sensor-history-calendar-panel {
    width: min(100vw - 32px, 480px);
  }

  .sensor-history-date-field {
    min-width: calc(50% - 18px);
  }

  .sensor-history-date-divider {
    width: 12px;
    text-align: center;
  }

  .sensor-history-summary-grid {
    grid-template-columns: 1fr;
  }
}