/* --- Kepler Ad Inserter • Light UI --- */
.kepler-ai-wrap .kepler-tabs { display:flex; gap:.5rem; margin:1rem 0; flex-wrap:wrap; }
.kepler-ai-wrap .kepler-tab {
  padding:.4rem .7rem; border:1px solid #cbd5e1; background:#ffffff; color:#111827;
  border-radius:.5rem; cursor:pointer; box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.kepler-ai-wrap .kepler-tab.active { background:#f1f5f9; border-color:#94a3b8; font-weight:600; }
.kepler-ai-wrap .kepler-panels .kepler-panel { display:none; }
.kepler-ai-wrap .kepler-panels .kepler-panel.active { display:block; }

.kepler-editor { display:grid; grid-template-columns:1fr 320px; gap:1rem; }
.kepler-editor textarea {
  width:100%; background:#ffffff; color:#111827; border:1px solid #cbd5e1; border-radius:.5rem;
  padding:.75rem; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.kepler-editor textarea:focus { outline:2px solid #93c5fd; border-color:#93c5fd; }

.kepler-editor-side { background:#ffffff; border:1px solid #e5e7eb; border-radius:.5rem; padding:.75rem; }
.kepler-editor-side label { display:block; margin:.5rem 0; }
.kepler-row { display:flex; align-items:center; gap:1rem; margin:.5rem 0 1rem; }
.kepler-tip { font-size:.9em; color:#475569; }

details { background:#f8fafc; border:1px solid #e2e8f0; border-radius:.5rem; padding:.5rem .75rem; }
details summary { cursor:pointer; font-weight:600; }

/* Exclude checklist UI */
.kepler-exclude { margin-top:.75rem; }
.kepler-search {
  width:100%; padding:.5rem .6rem; margin:.4rem 0 .6rem;
  border:1px solid #cbd5e1; border-radius:.5rem; background:#fff;
}
.kepler-checklist {
  max-height:240px; overflow:auto; border:1px solid #e5e7eb; border-radius:.5rem; background:#fff; padding:.5rem;
}
.kepler-checklist label {
  display:flex; align-items:center; gap:.5rem; padding:.25rem .3rem; border-radius:.375rem;
}
.kepler-checklist label:hover { background:#f1f5f9; }
.kepler-item-title { flex:1; }
.kepler-item-type { font-size:.8em; color:#64748b; }
.kepler-item-id { font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:.8em; color:#94a3b8; }

@media (max-width: 1024px) { .kepler-editor { grid-template-columns:1fr; } }

/* Front-end alignment utilities */
.kepler-ai-block { margin:1rem 0; }
.kepler-ai-center { text-align:center; }
.kepler-ai-right { text-align:right; }
.kepler-ai-left { text-align:left; }