/* Общий стиль для контейнера */
[id^="pico-"] {
    font-family: 'Roboto', sans-serif !important;
    background-color: #2e2e2e !important; /* Темно-серый фон */
    border: 1px solid #444 !important; /* Более темная рамка */
    border-radius: 4px !important; /* Острые углы */
    padding: 10px !important;
    /*max-width: 60vw !important;*/
    margin: 10px auto !important;
    color: #ddd !important; /* Светлый текст */
}

/* Стили для заголовка */
[id^="pico-"] strong {
    font-size: 16px !important;
    display: block !important;
    margin-bottom: 5px !important;
    color: #f8f8f8 !important; /* Очень светлый оттенок для заголовка */
    font-weight: 500 !important;
}

/* Стили для таблицы */
[id^="pico-"] table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 7px !important;
    border: 1px solid #444 !important; /* Темная рамка таблицы */
}

[id^="pico-"] td {
    padding: 5px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    color: #bbb !important; /* Средний серый для текста */
    border-bottom: 1px solid #555 !important; /* Легкая линия между строками */
}

/* Стили для select */
[id^="pico-"] select {
    /*width: 100% !important;*/
    padding: 4px !important;
    font-size: 14px !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    background-color: #333 !important; /* Темный фон для select */
    color: #ddd !important; /* Светлый текст */
    outline: none !important;
}

/* Стили для label */
[id^="pico-"] table label,
[id^="pico-"] table div,
[id^="pico-"] table input[type="text"],
[id^="pico-"] table input[type="password"]
{
    width: 100% !important;
    min-height: 25px !important;
    padding: 4px !important;
    font-size: 14px !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    background-color: #333 !important; /* Темный фон для select */
    color: #ddd !important; /* Светлый текст */
    outline: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

[id^="pico-"] table label:disabled,
[id^="pico-"] table div:disabled,
[id^="pico-"] table input:disabled
{
    cursor: not-allowed;
}
/* Стили для кнопок */
[id^="pico-"] button[name="dialog_ok"],
[id^="pico-"] button[name="dialog_start"],
[id^="pico-"] button[name="dialog_cancel"],
[id^="pico-"] button[name="dialog_close"],
[id^="pico-"] .button_control,
[id^="pico-"] .button_diagram
{
    padding: 6px 9px !important;
    font-size: 14px !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    color: #fff !important;
    font-weight: 600 !important;
    margin-right: 5px !important;
    background-color: #777 !important; /* Нейтральный серый для кнопок */
}

[id^="pico-"] button[name="dialog_ok"]:hover,
[id^="pico-"] button[name="dialog_start"]:hover,
[id^="pico-"] button[name="dialog_cancel"]:hover,
[id^="pico-"] button[name="dialog_close"]:hover,
[id^="pico-"] .button_control:hover,
[id^="pico-"] .button_diagram:hover
{
    background-color: #666 !important; /* Темнее серый при наведении */
}

[id^="pico-"] button[name="dialog_ok"],
[id^="pico-"] button[name="dialog_start"]
{
    background-color: #5A5A5A !important; /* Темно-серый для положительных действий */
}

[id^="pico-"] button[name="dialog_ok"]:hover,
[id^="pico-"] button[name="dialog_start"]:hover
{
    background-color: #4A4A4A !important; /* Еще более темный серый на hover */
}

[id^="pico-"] button[name="dialog_cancel"],
[id^="pico-"] button[name="dialog_close"]
{
    background-color: #9E9E9E !important; /* Светло-серый для отмены */
}

[id^="pico-"] button[name="dialog_cancel"]:hover,
[id^="pico-"] button[name="dialog_close"]:hover
{
    background-color: #7F7F7F !important; /* Более темный серый на hover */
}

[id^="pico-"] .button_control:disabled,
[id^="pico-"] .button_diagram:disabled
{
    color: #7F7F7F !important; /* Более темный серый на hover */
}