﻿:root {
    --fs-deep: #1f5e3a;
    --fs-main: #2e8b57;
    --fs-soft: #cde9d3;
    --fs-bg-grad: linear-gradient(135deg,#f8fcf9,#eef7f1);
}

.files-action-panel {
    background: var(--fs-bg-grad);
}

.files-filter-panel .form-label {
    font-weight: 600;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

#filesTable tbody tr td {
    vertical-align: middle
}

#filesTable tbody tr:hover {
    background: #fafdfb
}

.btn-solid-success {
    background: var(--fs-main);
    border-color: var(--fs-main);
    color: #fff;
    font-weight: 600;
}

    .btn-solid-success:hover {
        background: var(--fs-deep);
        border-color: var(--fs-deep);
        color: #fff;
    }

.btn-outline-soft {
    background: #fff;
    border: 1px solid var(--fs-soft);
    color: var(--fs-main);
    font-weight: 600;
}

    .btn-outline-soft:hover {
        background: var(--fs-main);
        color: #fff;
        border-color: var(--fs-main);
    }

.btn-outline-primary-soft {
    background: #fff;
    border: 1px solid #8bc5a3;
    color: var(--fs-deep);
    font-weight: 600;
}

    .btn-outline-primary-soft:hover {
        background: #8bc5a3;
        color: #fff;
    }

.btn-outline-danger-soft {
    background: #fff;
    border: 1px solid #e4b4b1;
    color: #b84b44;
    font-weight: 600;
}

    .btn-outline-danger-soft:hover {
        background: #d85c56;
        color: #fff;
        border-color: #d85c56;
    }

.btn-outline-success-soft {
    background: #fff;
    border: 1px solid var(--fs-main);
    color: var(--fs-main);
    font-weight: 600;
}

    .btn-outline-success-soft:hover {
        background: var(--fs-main);
        color: #fff;
    }

.btn-outline-warning-soft {
    background: #fff;
    border: 1px solid #e4d3a1;
    color: #b78924;
    font-weight: 600;
}

    .btn-outline-warning-soft:hover {
        background: #e4d3a1;
        color: #695017;
    }

#oaPresets .btn.active {
    box-shadow: 0 0 0 3px rgba(46,139,87,.25);
}

.details-col.d-none {
    display: none !important
}

.preset-quality-label {
    font-size: .65rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--fs-main);
}

#assocLoadingMsg {
    font-size: .65rem;
    letter-spacing: .03em;
}
