/* app/static/css/components/editable_activity_name.css */
/* Inline-edit for an activity name (used in the detailed-activities report):
   <span class="editable-activity-name" contenteditable="true"
   data-activity-id="..." data-original="..." data-placeholder="⚠ ללא שם">.
   Extracted verbatim from _layout.html's inline block 16 (TAK-513 D-03/D-07)
   — no reformatting, no behaviour change. */
/* Updated: 2026-09-01 IL — TAK-513 DT-2: new file (moved out of _layout.html). */

        /* F-Edit-Activity-Name: inline-edit לשם פעילות (משמש בדוח מפורט-פעילויות).
           מבנה: <span class="editable-activity-name" contenteditable="true" data-activity-id="..." data-original="..." data-placeholder="⚠ ללא שם"> */
        .editable-activity-name {
            cursor: text;
            padding: 1px 6px;
            border-radius: 4px;
            border: 1px dashed transparent;
            transition: background .15s, border-color .15s;
            outline: none;
            min-width: 4ch;
            display: inline-block;
        }
        .editable-activity-name:hover {
            border-color: var(--slate-300, var(--ink-300));
        }
        .editable-activity-name:focus {
            background: var(--bg-edit, var(--color-warning-bg));
            border-color: var(--primary, var(--brand-primary-hover));
            border-style: solid;
        }
        /* placeholder כשריק — content מ-data-attr (mc אוטומטית מעודכן ע"י ה-helper). */
        .editable-activity-name.empty:empty:before {
            content: attr(data-placeholder);
            color: var(--warn, var(--color-warning));
            opacity: 0.85;
            pointer-events: none;
        }
        /* חיווי זמני בזמן/לאחר שמירה. */
        .editable-activity-name.saving { background: var(--bg-progress, var(--color-warning-bg)); }
        .editable-activity-name.saved  { background: var(--bg-ok, var(--color-success-bg)); }
        .editable-activity-name.error  { background: var(--bg-error, var(--color-danger-bg)); border-color: var(--danger, var(--color-danger)); }