/**
 * GF List Column Calculations - Admin Editor Styles
 */

.gflcc-column-settings-wrap {
    padding: 5px 0;
}

.gflcc-column-settings-wrap .section_label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
}

.gflcc-column-selector {
    margin-bottom: 12px;
}

.gflcc-column-selector label {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.gflcc-column-selector select {
    width: 100%;
    max-width: 300px;
}

#gflcc_column_panel {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 12px;
    background: #fafafa;
    margin-top: 8px;
}

.gflcc-setting-row {
    margin-bottom: 10px;
}

.gflcc-setting-row:last-child {
    margin-bottom: 0;
}

.gflcc-setting-row label:not(.inline) {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.gflcc-setting-row label.inline {
    font-weight: normal;
}

.gflcc-setting-row select,
.gflcc-setting-row input[type="text"] {
    width: 100%;
    max-width: 300px;
}

.gflcc-setting-row textarea {
    width: 100%;
    max-width: 400px;
}

.gflcc-setting-row .description {
    margin-top: 4px;
    font-style: italic;
    color: #666;
}

.gflcc-setting-row .description code {
    font-style: normal;
    background: #e8e8e8;
    padding: 1px 4px;
    border-radius: 3px;
}

.gflcc-setting-separator {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #ddd;
}