body {
      font-family: Arial, sans-serif;
      padding: 20px;
      background-color: #f9f9f9;
    }

    h2, p {
      text-align: center;
    }

    /* Контейнер с горизонтальной прокруткой */
    .table-wrapper {
      display: block;
      width: 100%;
      max-width: 100%;
      overflow-x: auto !important;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      touch-action: pan-x;
      overscroll-behavior-x: contain;
      white-space: normal;
      margin: 0 auto;

    }

    table {
      min-width: 800px; /* Минимальная ширина для активации скролла */
      width: auto;
      max-width: none;
      display: inline-block;
      border-collapse: collapse;
      background-color: white;
      margin: 0;
    }


    th:not(:first-child), td:not(:first-child) {
      min-width: 120px;
    }
    th, td {
      border-bottom: 1px solid #ddd;
      padding: 12px;
      padding-bottom:8px !important;
      padding-top:8px !important;
      font-size:15px;
      text-align: left;
      white-space: nowrap;
    }

    th {
      background-color: #21396f;
      color: white;
    }

    tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .btn {

      padding: 7px 12px;
      background-color: #ff0000;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      font-size: 14px;
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
    }

    .btn:hover {
      background-color: #c82333;
    }

    .scroll-hint {
      text-align: center;
      font-style: italic;
      color: #777;
      margin-top: 10px;
      display: none;
    }

    /* Карточки (мобильная версия) */
    .cards-view { display: none; }
    .card-list { display: grid; gap: 12px; }
    .card {
      background: #fff;
      border: 1px solid #e5e5e5;
      border-radius: 8px;
      padding: 12px;
      box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    }
    .card .row { display: flex; justify-content: space-between; margin-bottom: 6px; }
    .card .label { color: #666; font-size: 13px; margin-right: 8px; }
    .card .value { color: #222; font-size: 14px; }
    .card .actions { margin-top: 8px; display: flex; justify-content: flex-end; }

    @media (max-width: 768px) {
      .scroll-hint {
        display: block;
      }
    }
        @media (min-width: 800px) {
            
            .table-wrapper{
                margin-left:1.8% !important;
                
            }
        }
        
        @media (min-width:700px) and (max-width: 1260px) {
            .table-wrapper{
              width: 100% !important;
              max-width: 100vw !important;
      }
        }
        @media (min-width:540px) and (max-width: 700px) {
            .table-wrapper{
              width: 100% !important;


      }
        }
        @media (min-width:0px) and (max-width: 540px) {
            .table-wrapper{
              width: 100% !important;
              max-width: 100vw !important;
      }
        }
    @media (max-width: 1260px) {
      .table-wrapper{
              width: 100% !important;
              overflow-x:auto !important;
              margin:0 auto !important;
      }

      
      .tn-elem__11693608311752523694887{
          top:0 !important;
          left:0 !important;
          display:flex;
          justify-content:center !important;
          width:100% !important;
          
      }
      
    }

    /* Переключение представлений: до 767px показываем карточки, прячем таблицу */
    @media (max-width: 767px) {
      .table-wrapper { display: none !important; }
      .cards-view { display: block !important; }
    }
.h3_container_glavn{
    font-size: 14px;
    margin-top: 12px;
    margin-bottom:2px;
    color: #272727;
}