/* Переопределение дефолтов Bulma */
:root {
    --bulma-body-background-color: hsl(221.5, 15.3%, 16.7%);
}

/* Отступы для тегов, чтобы не слипались */
.tag {
    margin: 5px;
}

/* Хелпер: поля не могут растягиваться, а на auto */
.input.is-inline-auto,
.textarea.is-inline-auto,
.select.is-inline-auto select {
    width: auto;
    display: inline-block;
}

/* Ограничи ширину контейнера Bulma */
.section .container {
    max-width: 960px;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Тёмная тема полей заверни стилями для инпутов и кнопок */
.has-background-dark .input,
.has-background-dark .textarea,
.has-background-dark .select select {
    background-color: #222;
    color: #f5f5f5;
    border-color: #363636;
}

    .has-background-dark .input::placeholder,
    .has-background-dark .textarea::placeholder {
        color: rgba(245,245,245,.7);
    }

.has-background-dark .table {
    background-color: #1f1f1f;
    color: #f5f5f5;
}

    .has-background-dark .table thead th {
        background-color: #242424;
        color: #f5f5f5;
    }

/* Дополнительные стили для статусов офферов */
.offer-sold {
    background-color: rgba(72, 199, 116, 0.1) !important;
    border-left: 4px solid #48c774 !important;
}

.offer-archived {
    background-color: rgba(255, 221, 87, 0.1) !important;
    border-left: 4px solid #ffdd57 !important;
}

.offer-active {
    background-color: rgba(50, 115, 220, 0.1) !important;
    border-left: 4px solid #3273dc !important;
}

/* Стили для кнопок в карточке редактирования */
.offer-actions {
    margin-top: 1rem;
    padding: 1rem;
    background-color: #1e252c;
    border-radius: 0.375rem;
    border: 1px solid #e9ecef;
}

    .offer-actions .button {
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }