/* 🔥🔥🔥 Legal Pages Content Editor Styles */
/* Inline editing for superadmin - click once to select, click again to edit */

/* Selected state (first click) */
[data-editable].legal-editing-selected {
    outline: 2px solid rgba(132, 208, 240, 0.6);
    outline-offset: 4px;
    background: rgba(132, 208, 240, 0.05);
    border-radius: 4px;
    transition: all 0.2s ease;
}

/* Editable state (second click) */
[data-editable].legal-editing-active {
    outline: 3px solid #84D0F0;
    outline-offset: 4px;
    background: rgba(132, 208, 240, 0.1);
    border-radius: 4px;
}

/* Editable elements get pointer cursor when superadmin */
[data-editable] {
    transition: all 0.2s ease;
}

[data-editable]:hover {
    background: rgba(132, 208, 240, 0.03);
    border-radius: 4px;
}

/* Save indicator animation */
.legal-save-indicator {
    animation: fadeInOut 2s ease;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translateY(5px); }
    20% { opacity: 1; transform: translateY(0); }
    80% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-5px); }
}