/* SHARED MODULE — canonical source lives at public/config-editor.css.
   Mirrored to cloud/dashboard/css/config-editor.css via setup/sync-shared.sh. */

.ce-root { font-family: inherit; color: inherit; }

.ce-scene-card {
  border: 1px solid #333; border-radius: 10px; padding: 12px;
  margin-bottom: 10px; background: #16213e; cursor: grab;
  transition: border-color 0.2s;
}
.ce-scene-card.selected { border-color: #4a9eff; }
.ce-scene-card.ce-drag-over { border-color: #0f0; border-style: dashed; }
.ce-scene-card-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ce-scene-card-header .ce-name { font-size: 16px; font-weight: 600; flex: 1; }
.ce-type-badge { font-size: 11px; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; }
.ce-type-badge.slideshow { background: #2a4a2a; color: #8f8; }
.ce-type-badge.website { background: #2a2a4a; color: #88f; }
.ce-type-badge.video { background: #4a2a2a; color: #f88; }
.ce-del-btn { background: none; border: none; color: #a44; cursor: pointer; font-size: 18px; padding: 4px 8px; }

.ce-add-btn {
  width: 100%; padding: 12px; border: 2px dashed #333; border-radius: 10px;
  background: transparent; color: #888; cursor: pointer; font-size: 14px;
  margin-bottom: 16px;
}
.ce-add-btn:hover { border-color: #555; color: #aaa; }

.ce-editor:not(:empty) {
  border: 1px solid #333; border-radius: 10px; padding: 16px;
  background: #0f1528; margin-bottom: 16px;
}
.ce-editor-title { font-size: 15px; margin-bottom: 12px; color: #ccc; }
.ce-field { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.ce-field label { font-size: 13px; min-width: 90px; color: #aaa; }
.ce-field input, .ce-field select {
  flex: 1; padding: 8px; border-radius: 6px; border: 1px solid #333;
  background: #16213e; color: #eee; font-size: 14px;
}
.ce-unit { font-size: 12px; color: #666; }

.ce-editor-actions { margin-top: 16px; }
.ce-editor-actions button,
.ce-save-all {
  padding: 10px 16px; border: none; border-radius: 8px;
  cursor: pointer; font-size: 14px; background: #0d47a1; color: #fff;
}
.ce-save-all { width: 100%; margin-top: 8px; }
.ce-save-all.ce-error { background: #a44; }