/**
 * Public styles for FTCS Performance Charts.
 */

.ftcs-return-chart-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.ftcs-return-filters {
    display: flex;
    justify-content: end;
    gap: 16px;
    margin: 8px 0 12px;
    flex-wrap: wrap;
    font-size: 16px;
}

.ftcs-return-range label {
    margin-right: 6px;
    font-size: 16px;
}

.ftcs-return-range select {
    margin-right: 10px;
    padding: 4px 8px;
    font-size: 16px;
}

.ftcs-return-presets .ftcs-preset {
    background: transparent;
    border: 1px solid #d0d5dd;
    border-radius: 4px;
    padding: 4px 10px;
    margin-left: 6px;
    cursor: pointer;
    font-size: 16px;
}

.ftcs-return-presets {
    margin-left: auto;
}

#ftcs-return-columns {
    max-width: 855px;
    width: 100%;
    margin: 0 auto;
}

.ftcs-return-range .ftcs-reset {
    background: #003057;
    border-color: #003057;
    color: #ffffff;
}

.ftcs-return-range .ftcs-reset:hover {
    background: transparent;
    border-color: #003057;
    color: #003057;
}

.ftcs-return-presets .ftcs-preset.active {
    border-color: #198754;
    color: #198754;
}

.ftcs-chart-error {
    background: #fff3cd;
    border: 1px solid #ffe69c;
    color: #664d03;
    padding: 8px 10px;
    border-radius: 4px;
    margin-bottom: 8px;
}