/* Grid для тарифов */
        .tariffs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Адаптивное количество колонок */
            gap: 0.5rem;
            margin-top: 1rem;
            margin-bottom:1rem;
        }
        
        .tariff-item {
            background-color: #fff;
            border-radius: 10px;
            padding: 0.75rem;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.3s ease;
            color: #333;
            border: none;
        }
        
        .tariff-item:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }
        
        .tariff-item h3 {
            font-size: 1em;
            margin-bottom: 0.25rem;
            color: var(--accent-info);
        }
        
        .tariff-item p {
            font-size: 1em; /* Уменьшаем размер текста */
            margin-bottom: 0.125rem;
        }
        
        .tariff-item .label {
            font-weight: bold;
            font-size: 1em; /* Уменьшаем размер подписей */
            color: #666;
            margin-right: 0.25rem;
        }
        
        .readings-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Адаптивное количество колонок */
            gap: 1rem;
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
        
        .reading-item {
            background-color: #fff;
            border-radius: 10px;
            padding: 1rem;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.3s ease;
            color: #333;
        }
        
        .reading-item:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }
        
        .reading-item .label {
            font-weight: bold;
            color: #666;
            margin-right: 0.25rem;
        }
        
        #readings-history h2 {
            margin-top: 1rem; /* Добавляем отступ сверху */
            margin-bottom: 1rem;
        }
        
        #history-readings-page .form-group {
            margin-bottom: 1rem; /* Добавляем отступ снизу */
        }
        
        #company-requisites-page {
            background-color: var(--canvas);
            padding: 20px;
            border-radius: 16px;
            box-shadow: 0 4px 24px rgba(20, 60, 100, 0.08);
            color: var(--text);
        }
        
        .requisites-block {
            margin-bottom: 20px;
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 16px 18px;
            color: var(--text);
            background-color: var(--surface);
            box-shadow: 0 2px 10px rgba(20, 60, 100, 0.05);
        }

        .requisites-title {
            font-size: 1.05rem;
            margin-bottom: 10px;
            color: var(--accent-info);
            border-bottom: 1px solid #cfe0ee;
            padding-bottom: 6px;
            font-weight: 600;
        }
        
        #requisites-info .label {
            font-weight: bold;
            color: var(--text-muted);
            margin-right: 5px;
        }