/* CAMALARM T149 — Datasheet intelligente / UI premium */
#tab-dvc-scope .dvc-ds-intro {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding:14px 16px;
  border:1px solid #E2E8F0;
  border-radius:12px;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);
}

#tab-dvc-scope .dvc-ds-intro strong {
  display:block;
  color:#0F1729;
  font-size:13.5px;
  margin-bottom:4px;
}

#tab-dvc-scope .dvc-ds-intro span {
  display:block;
  color:#64748B;
  font-size:12.5px;
  line-height:1.45;
}

#tab-dvc-scope .dvc-ds-images-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:18px 0 10px;
}

#tab-dvc-scope .dvc-ds-images-title .title {
  font-size:11px;
  font-weight:800;
  color:#64748B;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#tab-dvc-scope #dvcDatasheetImages {
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
  gap:14px !important;
}

#tab-dvc-scope .dvc-ds-img-card {
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  padding:12px;
  border:1px solid #E2E8F0;
  border-radius:14px;
  background:#FFFFFF;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
  min-height:156px;
}

#tab-dvc-scope .dvc-ds-img-preview {
  position:relative;
  border:1px solid #E5E7EB;
  border-radius:12px;
  background:#F8FAFC;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:132px;
}

#tab-dvc-scope .dvc-ds-img-preview img {
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

#tab-dvc-scope .dvc-ds-img-remove {
  position:absolute;
  top:6px;
  right:6px;
  width:24px;
  height:24px;
  border-radius:999px;
  border:1px solid #E5E7EB;
  background:rgba(255,255,255,.96);
  color:#9CA3AF;
  cursor:pointer;
  line-height:1;
  padding:0;
  font-size:16px;
}

#tab-dvc-scope .dvc-ds-img-remove:hover {
  color:#DC2626;
  border-color:#FECACA;
  background:#FEF2F2;
}

#tab-dvc-scope .dvc-ds-img-meta {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

#tab-dvc-scope .dvc-ds-label {
  font-size:10.5px;
  font-weight:800;
  color:#64748B;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#tab-dvc-scope .dvc-ds-img-meta select,
#tab-dvc-scope .dvc-ds-img-meta input[data-caption] {
  width:100%;
  height:36px;
  border:1px solid #D8E0EA;
  border-radius:9px;
  background:#FFFFFF;
  color:#0F1729;
  padding:0 10px;
  font-size:12.5px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  box-sizing:border-box;
}

#tab-dvc-scope .dvc-ds-img-meta select:focus,
#tab-dvc-scope .dvc-ds-img-meta input[data-caption]:focus {
  outline:none;
  border-color:#E65100;
  box-shadow:0 0 0 3px rgba(230,81,0,.12);
}

#tab-dvc-scope .dvc-ds-auto {
  min-height:52px;
  padding:9px 10px;
  border:1px solid #EEF2F7;
  border-radius:10px;
  background:#F8FAFC;
}

#tab-dvc-scope .dvc-ds-ref {
  font-size:10.8px;
  font-weight:700;
  color:#64748B;
  margin-bottom:3px;
}

#tab-dvc-scope .dvc-ds-title {
  font-size:12.5px;
  font-weight:800;
  color:#0F1729;
  line-height:1.25;
}

#tab-dvc-scope .dvc-ds-desc {
  margin-top:4px;
  font-size:11.5px;
  color:#64748B;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#tab-dvc-scope #dvcDatasheetImagesEmpty {
  border:1px dashed #CBD5E1 !important;
  background:#F8FAFC !important;
  border-radius:14px !important;
  padding:28px !important;
}

@media (max-width: 760px) {
  #tab-dvc-scope #dvcDatasheetImages {
    grid-template-columns:1fr !important;
  }
  #tab-dvc-scope .dvc-ds-img-card {
    grid-template-columns:1fr;
  }
}