/* ==================== SETTINGS PANEL ==================== */
/* Settings panel specific styles */
#settingsPanel {
    background: #ffffff;
}

/* Fixed footer for settings page */
.settings-footer-fixed {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 0;
    background: #ffffff;
    border-top: 1px solid rgba(226, 232, 240, 0.6);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
    z-index: 10;
}

/* Settings checkboxes - Custom black checkboxes */
#settingsPanel input[type="checkbox"] {
    accent-color: #000000;
}

#settingsPanel input[type="checkbox"]:checked {
    background-color: #000000;
    border-color: #000000;
}

#settingsPanel input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

/* Editable field styles */
.editable-field-container {
    position: relative;
}

.editable-field-container .edit-icon {
    transition: opacity 0.2s ease;
}

.editable-field-container:hover .edit-icon {
    opacity: 1 !important;
}

.editable-input {
    transition: all 0.2s ease;
}

.editable-input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Hover effect for editable text */
.editable-field-container:hover .editable-text {
    color: #475569;
}

.editable-field-container.group:hover {
    background-color: rgba(248, 250, 252, 0.5);
    transition: background-color 0.2s ease;
}

/* Workspace list in settings */
.settings-workspace-item {
    border: none;
    cursor: pointer;
    background: none;
}