@import url('shared_variables.css');

@import url('page_authorization.css');
@import url('page_news.css');

@import url('sidebar.css');

@import url('tab_app_settings.css');
@import url('tab_passwords.css');
@import url('tab_all_meter_readings.css');
@import url('tab_meter_readings.css');
@import url('tab_receipts.css');
@import url('tab_news.css');

@import url('win_meter_readings.css');



/* Стиль: Modern Minimal (мягкая версия) — синий */


/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff; /* Светлый фон таблицы */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Тень */
    border-radius: 8px; /* Скругление углов */
    overflow: hidden; /* Чтобы скругление работало корректно */
}

thead {  /* Заголовки таблицы */
    background: linear-gradient(135deg, #3681c7, #a7c7e7); /* Градиент */
    color: #fff; /* Белый цвет текста заголовков */
}

thead th {
    padding: 12px 15px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: calc(var(--font_size_1));
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

tbody td {  /* Тело таблицы */
    padding: 12px 15px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: var(--font_size_1);
    color: #444;  /* Цвет текста */
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color 0.2s;
}

tbody tr:hover {  /* Строки при наведении */
    background-color: rgba(54, 129, 199, 0.1);
}

.data_frame tbody tr {
    position: relative;
}

.data_frame tbody tr.hover-row::after {
    content: "✎";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    font-size: var(--font_size_2);
    color: var(--color_3);
    cursor: pointer;
    z-index: 10;
    display: none; /* По умолчанию скрыта */
}

.data_frame tbody tr.hover-row:hover::after {
    display: block;
}


/* Кнопки */
button[type= "button_tab_app_settings"] {
    background-color: #2a4d8f;
    color: #fff;
    border: none;
    padding: 12px 24px;
    margin-top: 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: var(--font_size_2);
    transition: background-color 0.2s;
}

button[type= "button_tab_app_settings"]:hover {
    background-color: #1f3d6a;
}


/* Inputs */
input
{
    font-size: var(--font_size_1)
}

.input_text {
    width: 90px;
    font-weight: bold;
    font-size: var(--font_size_2);
    background: transparent;  /* Убран фон */
    border: none
}


/*  */
Label
{
    font-size: var(--font_size_2)
}


.image
{
    max-width: 150px;
    margin-right: 20px;
}

.text
{
    flex: 1; /* Позволяет тексту занять оставшееся пространство */
    color: #333;
}


/* Cтили для блоков */
.block_1 {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 20px;
}