/* ============================================================
   Lily Doc Skills — Claude Enterprise skill mapping for the
   "Create Documents with Lily" admin configurator.
   Build marker: Lily Doc Skills May 4
   ============================================================ */

/* Skill mapping panel (added inside VillaDocWorkflows admin view) */
.lds-section{
  margin-top:1rem;background:#fff;border:1.5px solid #d8e8e5;border-radius:14px;
  padding:1rem 1.25rem;
}
.lds-section h3{
  font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;
  color:#141310;margin:0 0 .25rem 0;
}
.lds-section .lds-sub{font-size:12.5px;color:#4a6b65;margin:0 0 .85rem 0;line-height:1.5}

.lds-oversight{
  background:linear-gradient(135deg,#141310 0%,#1A1916 100%);color:#eef9f7;
  border-radius:14px;padding:1rem 1.25rem;margin-top:.75rem;
  display:flex;gap:.85rem;align-items:flex-start;
}
.lds-oversight .lds-os-ic{font-size:22px;flex-shrink:0;line-height:1.1}
.lds-oversight h4{
  font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;
  color:#fff;margin:0 0 .25rem 0;text-transform:uppercase;letter-spacing:.6px;
}
.lds-oversight p{font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.86);margin:0 0 .35rem 0}
.lds-oversight ul{margin:.25rem 0 0 1.1rem;padding:0;font-size:12px;color:rgba(255,255,255,.85);line-height:1.6}
.lds-oversight li{margin:0}
.lds-oversight .lds-no-send{
  display:inline-block;margin-top:.5rem;background:#e76f51;color:#fff;
  border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;
  letter-spacing:.5px;text-transform:uppercase;
}

/* Migration / Supabase reference panel */
.lds-migration{
  margin-top:1rem;border:1.5px dashed #cbd5e1;border-radius:14px;
  background:#f8fafc;padding:1rem 1.25rem;
}
.lds-migration h3{
  font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;
  color:#141310;margin:0 0 .25rem 0;
}
.lds-migration .lds-mig-pill{
  display:inline-block;background:#fff;color:#475569;border:1px solid #cbd5e1;
  font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;
  text-transform:uppercase;letter-spacing:.5px;margin-left:.4rem;vertical-align:middle;
}
.lds-migration p{font-size:12.5px;color:#475569;line-height:1.55;margin:.35rem 0 .5rem}
.lds-migration ul{margin:.25rem 0 .5rem 1.1rem;padding:0;font-size:12.5px;color:#141310;line-height:1.7}
.lds-migration ul li b{font-weight:700}
.lds-migration .lds-mig-warn{
  background:#fff8e6;border:1px solid #f3dca0;color:#7a5a07;border-radius:10px;
  padding:.5rem .7rem;font-size:12px;font-weight:600;margin-top:.5rem;
}
.lds-migration .lds-mig-warn b{color:#7a5a07}

/* Mapping table */
.lds-map{
  margin-top:.85rem;display:grid;grid-template-columns:1fr;gap:.4rem;
}
.lds-map-row{
  background:#fff;border:1.5px solid #d8e8e5;border-radius:12px;
  padding:.65rem .8rem;display:grid;grid-template-columns:1.4fr 1.6fr 2fr 1fr 1.3fr;
  gap:.65rem;align-items:start;font-size:12.5px;color:#141310;
}
.lds-map-row > div > .lds-map-h{
  display:block;font-size:10px;color:#4a6b65;text-transform:uppercase;
  letter-spacing:.5px;font-weight:700;margin-bottom:2px;
}
.lds-map-row .lds-map-doc{font-weight:700;color:#141310}
.lds-map-row .lds-map-doc small{display:block;color:#4a6b65;font-weight:500;font-size:11px;margin-top:2px}
.lds-map-row .lds-map-skill code{
  background:#eef9f7;border-radius:6px;padding:1px 6px;font-size:11px;
  color:#D95A00;font-weight:600;
}
.lds-map-row .lds-map-questions ul{margin:.15rem 0 0 1rem;padding:0}
.lds-map-row .lds-map-questions li{font-size:11.5px;line-height:1.45;color:#141310}
.lds-map-row .lds-map-route .pill{
  display:inline-block;background:#eef9f7;color:#D95A00;border-radius:999px;
  padding:1px 7px;font-size:10.5px;font-weight:700;margin:1px 2px 1px 0;letter-spacing:.3px;
}
.lds-map-row .lds-map-route .pill.legal{background:#fee2e2;color:#9b1c1c}
.lds-map-row .lds-map-route .pill.audit{background:#141310;color:#fff}
.lds-map-row .lds-map-folder{
  font-family:'Barlow',monospace;font-size:11.5px;color:#141310;
  background:#f6fbfa;border-radius:6px;padding:2px 6px;display:inline-block;
}

@media (max-width:900px){
  .lds-map-row{grid-template-columns:1fr;gap:.35rem}
  .lds-map-row > div > .lds-map-h{margin-top:.25rem}
}