:root{
  --v3-nav:#14263e;
  --v3-nav-2:#1b3353;
  --v3-bg:#f4f6f9;
  --v3-paper:#ffffff;
  --v3-ink:#152033;
  --v3-muted:#667085;
  --v3-line:#d9e0e8;
  --v3-line-soft:#e9edf2;
  --v3-blue:#2f6fed;
  --v3-blue-soft:#edf3ff;
  --v3-teal:#2d8b7e;
  --v3-teal-soft:#eaf7f4;
  --v3-amber:#c9861a;
  --v3-amber-soft:#fff7e7;
  --v3-red:#c94d4d;
  --v3-red-soft:#fff0f0;
  --v3-violet:#6c63d8;
  --v3-shadow:0 18px 45px rgba(23,39,63,.08);
}
*{box-sizing:border-box}
html{background:var(--v3-bg)}
body{
  margin:0!important;
  background:var(--v3-bg)!important;
  color:var(--v3-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
#dashboardContent{
  background:
    radial-gradient(circle at 78% -15%,rgba(47,111,237,.055),transparent 33%),
    var(--v3-bg)!important;
  padding:30px clamp(26px,4vw,60px) 70px!important;
}
.v3-shell{max-width:1480px;margin:0 auto}
.v3-eyebrow,.section-kicker{
  margin:0 0 7px!important;
  color:#64748b!important;
  font-size:9.5px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.v3-section{margin-top:8px}
.v3-section+.v3-section{margin-top:34px}
.v3-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-bottom:8px
}
.v3-section-head h2{
  margin:0;color:var(--v3-ink);font-size:14px;font-weight:760;letter-spacing:-.015em
}
.v3-section-head span{color:var(--v3-muted);font-size:10.5px}
.v3-directory{border-top:1px solid var(--v3-line)}
.v3-dir-row{
  width:100%;min-height:70px;border:0;border-bottom:1px solid var(--v3-line);
  background:transparent;padding:14px 4px;
  display:grid;grid-template-columns:10px 1.05fr 1.4fr auto;gap:18px;align-items:center;
  color:var(--v3-ink);text-align:left
}
.v3-dir-row:hover{background:linear-gradient(90deg,rgba(47,111,237,.035),transparent)}
.v3-dir-accent{width:4px;height:34px;border-radius:999px;background:var(--v3-blue)}
.v3-dir-row.teal .v3-dir-accent{background:var(--v3-teal)}
.v3-dir-row.amber .v3-dir-accent{background:var(--v3-amber)}
.v3-dir-row.red .v3-dir-accent{background:var(--v3-red)}
.v3-dir-row strong{font-size:13.5px;font-weight:740}
.v3-dir-row p{margin:0;color:var(--v3-muted);font-size:11.5px;line-height:1.45}
.v3-dir-action{display:flex;align-items:center;gap:11px;color:#516175;font-size:10.5px;font-weight:760}
.v3-dir-action b{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  border:1px solid var(--v3-line);background:white;font-size:17px;font-weight:400
}

/* Shared controls */
.report-editor input,.report-editor select,.report-editor textarea,
.v3-ops input,.v3-ops select,.v3-ops textarea,
.v3-filterbar input,.v3-filterbar select,
.v3-report input,.v3-report select,
#verEditarPanel input,#verEditarPanel select,#verEditarPanel textarea{
  width:100%!important;min-width:0!important;display:block!important;
  border:1px solid #d2d9e2!important;border-radius:7px!important;
  background:#fbfcfe!important;color:#253149!important;outline:none!important;
  box-shadow:none!important;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease!important
}
.report-editor input,.report-editor select,.v3-ops input,.v3-ops select,
.v3-filterbar input,.v3-filterbar select,.v3-report input,.v3-report select,#verEditarPanel input,#verEditarPanel select{
  min-height:39px!important;padding:8px 10px!important;font-size:11.5px!important
}
.report-editor textarea,.v3-ops textarea,#verEditarPanel textarea{
  padding:9px 10px!important;font-size:11.5px!important;line-height:1.62!important;resize:vertical!important
}
.report-editor input:focus,.report-editor select:focus,.report-editor textarea:focus,
.v3-ops input:focus,.v3-ops select:focus,.v3-ops textarea:focus,
.v3-filterbar input:focus,.v3-filterbar select:focus,
.v3-report input:focus,.v3-report select:focus,
#verEditarPanel input:focus,#verEditarPanel select:focus,#verEditarPanel textarea:focus{
  border-color:#8babe6!important;box-shadow:0 0 0 3px rgba(47,111,237,.09)!important;background:#fff!important
}
.report-editor label,.v3-ops label,.v3-filterbar label,.v3-report label,#verEditarPanel label{
  display:block!important;margin:0 0 5px!important;color:#667085!important;
  font-size:9px!important;font-weight:820!important;letter-spacing:.07em!important;text-transform:uppercase!important
}

/* Buttons */
.v3-btn,.apple-button,.document-actions button,.mamparas-submit button{
  min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;padding:0 12px!important;border:1px solid var(--v3-line)!important;
  border-radius:8px!important;background:#fff!important;color:#344054!important;
  font-size:10.5px!important;font-weight:760!important;box-shadow:none!important
}
.v3-btn:hover,.apple-button:hover,.document-actions button:hover{background:#f6f8fb!important}
.v3-btn.primary,.apple-button.primary,.document-actions .button-primary,.mamparas-submit button{
  background:var(--v3-blue)!important;border-color:var(--v3-blue)!important;color:#fff!important
}
.v3-btn.soft,.document-actions .button-draft{
  background:var(--v3-amber-soft)!important;border-color:#edd49b!important;color:#7f5a11!important
}
.v3-btn.teal,.document-actions .button-word{
  background:var(--v3-teal-soft)!important;border-color:#bddfd8!important;color:#246d64!important
}

/* Incident document */
.report-editor{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  padding:0 0 56px
}
.v3-doc-shell{
  width:100%;
  border:1px solid var(--v3-line);
  background:#e9edf3;
  box-shadow:var(--v3-shadow)
}
.v3-doc-top{
  background:#fff;
  border-bottom:1px solid var(--v3-line)
}
.document-toolbar{
  position:sticky!important;
  top:8px!important;
  z-index:80!important;
  margin:0!important;
  padding:12px 16px!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:none!important;
  backdrop-filter:blur(22px)!important
}
.document-titlebar{
  min-width:0!important;
  display:block!important
}
.document-icon,.document-titlebar h1{display:none!important}
.document-titlebar p{
  margin:0!important;
  color:var(--v3-muted)!important;
  font-size:10.5px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.document-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.document-progress{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  margin:0!important;
  padding:9px 16px!important;
  border-top:1px solid var(--v3-line-soft)!important
}
.document-progress .progress-copy{
  font-size:9.5px!important;
  color:var(--v3-muted)!important
}
.document-progress .progress-value{
  font-size:10px!important;
  color:#475467!important;
  font-weight:800!important
}
.progress-track{
  grid-column:auto!important;
  height:5px!important;
  border-radius:999px!important;
  background:#e6ebf1!important;
  overflow:hidden!important
}
.progress-track>div{
  height:100%!important;
  border-radius:999px!important
}
#formFeedback{margin:10px 16px!important}

/* Three equal editorial sheets */
.report-editor .word-workspace{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:14px!important;
  padding:18px!important;
  align-items:stretch!important
}
.report-editor .word-column{
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:760px!important;
  padding:27px 28px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(34,49,72,.08)!important;
  align-self:stretch!important
}
.report-editor .word-column.evidence-sheet{
  position:relative!important;
  top:auto!important;
  align-self:stretch!important;
  border-top:2px solid var(--v3-teal)!important
}
.report-editor .word-section{
  width:100%!important;
  min-width:0!important;
  margin:0 0 20px!important;
  padding:0 0 20px!important;
  border:0!important;
  border-bottom:1px solid var(--v3-line-soft)!important;
  background:transparent!important
}
.report-editor .word-section:last-child{
  margin-bottom:0!important;
  padding-bottom:0!important;
  border-bottom:0!important
}
.report-editor .word-section:first-child{
  padding-top:0!important
}
.report-editor .word-section h2{
  margin:5px 0 12px!important;
  color:#344054!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:17px!important;
  font-weight:700!important
}
.report-editor .word-column:first-child .word-section:first-child{
  border-top:2px solid var(--v3-blue)!important;
  padding-top:13px!important
}
.report-editor .word-column:nth-child(2) .word-section:first-child{
  border-top:2px solid var(--v3-violet)!important;
  padding-top:13px!important
}

/* Inputs must occupy the real printable width */
.report-editor .word-metadata{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:11px!important
}
.report-editor .word-metadata>div{
  min-width:0!important;
  width:100%!important
}
.report-editor .word-metadata .field-wide{
  grid-column:1/-1!important
}
.report-editor .word-metadata input,
.report-editor .word-metadata select,
.report-editor .word-section>textarea{
  width:100%!important;
  inline-size:100%!important;
  min-width:100%!important;
  min-inline-size:100%!important;
  max-width:none!important;
  max-inline-size:none!important;
  box-sizing:border-box!important;
  display:block!important;
  align-self:stretch!important
}
.report-editor .word-section>textarea{
  margin:0!important;
  min-height:150px!important;
  resize:vertical!important;
  overflow:auto!important;
  padding:10px 12px!important;
  background-color:#fbfcfe!important;
  background-image:linear-gradient(to bottom,transparent 27px,#eef1f5 28px)!important;
  background-size:100% 28px!important;
  line-height:1.62!important
}
.report-editor .word-section textarea#introduccion{
  min-height:190px!important
}
.report-editor .word-section textarea#hechos{
  min-height:340px!important
}
.report-editor .word-section textarea#analisis,
.report-editor .word-section textarea#conclusiones,
.report-editor .word-section textarea#recomendaciones{
  min-height:180px!important
}

/* Evidence sheet occupies the full third column */
.report-editor .evidence-head{
  width:100%!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 14px!important
}
.report-editor .evidence-head h2,
.report-editor .evidence-head h3{
  margin:5px 0 0!important;
  color:#344054!important;
  font-size:16px!important
}
.report-editor .evidence-head p{
  margin:5px 0 0!important;
  color:var(--v3-muted)!important;
  font-size:10px!important;
  line-height:1.45!important
}
.report-editor #dropZoneAnexos{
  width:100%!important;
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  border:1px dashed #aebed0!important;
  border-radius:9px!important;
  background:#f7fafd!important
}
.report-editor .evidence-upload{
  width:100%!important;
  min-height:38px!important;
  border:0!important;
  background:transparent!important;
  color:#2d5d93!important;
  font-size:10.5px!important;
  font-weight:800!important
}
.report-editor #anexosPreview{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important
}
.report-editor #anexosPreview:empty{
  display:block!important;
  min-height:120px!important;
  margin-top:10px!important;
  border:1px dashed #ccd5df!important;
  border-radius:8px!important;
  background:
    linear-gradient(#fbfcfe,#fbfcfe) padding-box!important
}
.report-editor .anexo-card{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--v3-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important
}
.report-editor #anexosPreview img{
  display:block!important;
  width:100%!important;
  height:118px!important;
  object-fit:cover!important
}
.report-editor .evidence-caption{
  padding:6px!important;
  color:var(--v3-muted)!important;
  font-size:9px!important
}

@media(max-width:1280px){
  .report-editor .word-workspace{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .report-editor .word-column.evidence-sheet{
    grid-column:1/-1!important;
    min-height:auto!important
  }
}
@media(max-width:820px){
  .report-editor .word-workspace{
    grid-template-columns:1fr!important;
    padding:10px!important
  }
  .report-editor .word-column,
  .report-editor .word-column.evidence-sheet{
    grid-column:auto!important;
    min-height:auto!important
  }
  .report-editor .word-metadata{
    grid-template-columns:1fr!important
  }
  .report-editor .word-metadata .field-wide{
    grid-column:auto!important
  }
  .document-toolbar{
    position:static!important;
    align-items:flex-start!important;
    flex-direction:column!important
  }
  .document-actions{justify-content:flex-start!important}
  .document-progress{
    grid-template-columns:1fr auto!important
  }
  .progress-track{grid-column:1/-1!important}
}


/* Historical incident editor uses the same three-sheet geometry */
#verEditarPanel .word-workspace{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px!important;
  align-items:stretch!important
}
#verEditarPanel .word-column{
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:720px!important;
  padding:27px 28px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(34,49,72,.08)!important;
  align-self:stretch!important
}
#verEditarPanel .word-column.evidence-sheet{
  position:relative!important;
  top:auto!important;
  border-top:2px solid var(--v3-teal)!important
}
#verEditarPanel .word-section{
  width:100%!important;
  min-width:0!important
}
#verEditarPanel .word-section>textarea,
#verEditarPanel .word-metadata input,
#verEditarPanel .word-metadata select{
  width:100%!important;
  inline-size:100%!important;
  min-width:100%!important;
  min-inline-size:100%!important;
  max-width:none!important;
  max-inline-size:none!important;
  display:block!important;
  box-sizing:border-box!important
}
#verEditarPanel .word-section>textarea{
  min-height:180px!important;
  resize:vertical!important
}
#verEditarPanel #modalHechos{min-height:340px!important}
#verEditarPanel #modalIntroduccion{min-height:190px!important}
#verEditarPanel #modalListaAnexos{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important
}
@media(max-width:1280px){
  #verEditarPanel .word-workspace{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  #verEditarPanel .word-column.evidence-sheet{
    grid-column:1/-1!important;
    min-height:auto!important
  }
}
@media(max-width:820px){
  #verEditarPanel .word-workspace{
    grid-template-columns:1fr!important;
    padding:10px!important
  }
  #verEditarPanel .word-column,
  #verEditarPanel .word-column.evidence-sheet{
    grid-column:auto!important;
    min-height:auto!important
  }
}

/* Mamparas workflow */
.v3-ops{
  max-width:1480px;
  margin:0 auto;
  padding:0 0 58px
}
.v3-stepbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0 0 14px;
  border-top:1px solid var(--v3-line);
  border-bottom:1px solid var(--v3-line);
  background:rgba(255,255,255,.45)
}
.v3-step{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:54px;
  padding:0 14px;
  color:#8190a3;
  font-size:10.5px;
  font-weight:760;
  transition:color .16s ease,background .16s ease
}
.v3-step:not(:last-child)::before{
  content:"";
  position:absolute;
  right:0;
  top:15px;
  bottom:15px;
  width:1px;
  background:var(--v3-line)
}
.v3-step::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:transparent
}
.v3-step b{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #c9d3df;
  border-radius:50%;
  background:#fff;
  color:#667085;
  font-size:9px;
  font-weight:850
}
.v3-step.is-complete{color:#24766b}
.v3-step.is-complete b{
  border-color:var(--v3-teal);
  background:var(--v3-teal);
  color:#fff
}
.v3-step.is-complete::after{background:var(--v3-teal)}
.v3-step.is-current{
  color:#285fae;
  background:linear-gradient(180deg,rgba(47,111,237,.035),transparent)
}
.v3-step.is-current b{
  border-color:var(--v3-blue);
  background:var(--v3-blue);
  color:#fff
}
.v3-step.is-current::after{background:var(--v3-blue)}
.v3-step.is-pending{color:#8793a4}

.v3-ops-surface{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  border:1px solid var(--v3-line);
  background:#fff;
  box-shadow:0 12px 34px rgba(23,39,63,.045)
}
.v3-ops-main{min-width:0}
.v3-ops-band{
  position:relative;
  padding:22px 26px 23px;
  border-bottom:1px solid var(--v3-line-soft);
  background:#fff
}
.v3-ops-band:last-child{border-bottom:0}
.v3-ops-band::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px
}
.v3-ops-band.band-unit::before{background:var(--v3-blue)}
.v3-ops-band.band-operation::before{background:var(--v3-teal)}
.v3-ops-band.band-finding::before{background:var(--v3-amber)}
.v3-ops-band.band-unit{
  background:linear-gradient(90deg,rgba(47,111,237,.025),transparent 30%)
}
.v3-ops-band.band-operation{
  background:linear-gradient(90deg,rgba(45,139,126,.025),transparent 30%)
}
.v3-ops-band.band-finding{
  background:linear-gradient(90deg,rgba(201,134,26,.025),transparent 30%)
}
.v3-ops-band-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  margin:0 0 14px
}
.v3-ops-band-head strong{
  color:#26344a;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:-.01em
}
.v3-ops-band-head span{
  color:#8490a2;
  font-size:9.5px
}
.v3-ops-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px 18px
}
.v3-field{
  min-width:0;
  position:relative
}
.v3-field label,
#contenidoDetalle label{
  display:block!important;
  margin:0 0 6px!important;
  color:#526176!important;
  font-size:9.5px!important;
  font-weight:820!important;
  line-height:1.2!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important
}
.required-mark{
  margin-left:2px;
  color:var(--v3-red);
  font-weight:900
}
.v3-field input:not([type="file"]),
.v3-field select,
#contenidoDetalle input:not([type="file"]),
#contenidoDetalle select,
#contenidoDetalle textarea{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  display:block!important;
  padding:9px 11px!important;
  border:1px solid #cbd5e1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#1f2d43!important;
  font-size:12px!important;
  line-height:1.3!important;
  outline:none!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important
}
.v3-field select,
#contenidoDetalle select{
  cursor:pointer!important
}
.v3-field input::placeholder,
#contenidoDetalle input::placeholder,
#contenidoDetalle textarea::placeholder{
  color:#9aa6b7!important;
  opacity:1!important
}
.v3-field input:focus,
.v3-field select:focus,
#contenidoDetalle input:focus,
#contenidoDetalle select:focus,
#contenidoDetalle textarea:focus{
  border-color:#7ea3df!important;
  box-shadow:0 0 0 3px rgba(47,111,237,.09)!important;
  background:#fff!important
}
.v3-field.is-readonly input{
  border-color:#dbe3ec!important;
  background:#f4f7fb!important;
  color:#42536a!important
}
.field-message{
  display:block;
  min-height:14px;
  margin-top:5px;
  color:#8994a4;
  font-size:9.25px;
  line-height:1.35
}
.v3-field.is-complete input:not([type="file"]),
.v3-field.is-complete select{
  border-color:#9ccdc5!important;
  background:#fbfffe!important
}
.v3-field.is-complete .field-message{color:#6d8d87}
.v3-field.is-error input:not([type="file"]),
.v3-field.is-error select{
  border-color:#dc8585!important;
  background:#fffafa!important;
  box-shadow:0 0 0 3px rgba(201,77,77,.055)!important
}
.v3-field.is-error .field-message{color:#a84242;font-weight:650}
.v3-field.is-warning input:not([type="file"]),
.v3-field.is-warning select{
  border-color:#d8ae66!important;
  background:#fffcf6!important
}
.v3-field.is-warning .field-message{color:#8a621d;font-weight:650}

.v3-ops-side{
  min-width:0;
  border-left:1px solid var(--v3-line);
  background:#f6f8fb
}
.v3-side-section{
  padding:20px 20px 21px;
  border-bottom:1px solid var(--v3-line)
}
.v3-side-section:last-child{border-bottom:0}
.side-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px
}
.v3-side-section h3{
  margin:4px 0 0;
  color:#24334a;
  font-size:14px;
  font-weight:790;
  letter-spacing:-.01em
}
.v3-side-section>p,
.v3-side-section .side-section-head+ p{
  margin:7px 0 0;
  color:#748196;
  font-size:9.75px;
  line-height:1.5
}
.detail-state-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid var(--v3-line);
  background:#fff;
  color:#748196;
  font-size:8.5px;
  font-weight:820;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap
}
.detail-state-badge.is-ready{
  border-color:#b8ddd6;
  background:var(--v3-teal-soft);
  color:#287369
}
.detail-state-badge.is-dirty{
  border-color:#ead49e;
  background:var(--v3-amber-soft);
  color:#805c16
}
.detail-state-badge.is-pending{
  background:#f8fafc;
  color:#8390a1
}
.inline-detail-content{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--v3-line)
}
.inline-detail-empty{
  min-height:78px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px dashed #cbd5e1;
  border-radius:8px;
  background:#fbfcfe;
  text-align:center
}
.inline-detail-empty span{
  color:#57657a;
  font-size:10px;
  font-weight:750
}
.inline-detail-empty small{
  color:#8c98a8;
  font-size:8.75px
}
.inline-detail-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--v3-line)
}
#contenidoDetalle .space-y-4{
  display:grid!important;
  gap:12px!important
}
#contenidoDetalle .grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important
}
#contenidoDetalle .space-y-1{
  min-width:0!important
}
#contenidoDetalle textarea{
  min-height:92px!important;
  resize:vertical!important
}
#contenidoDetalle input[type="file"]{
  width:100%!important;
  min-height:42px!important;
  padding:8px!important;
  border:1px dashed #b8c6d7!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#59687d!important;
  font-size:9.5px!important
}
#contenidoDetalle [data-preview-container]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:7px!important
}
#contenidoDetalle [data-preview-container].hidden{display:none!important}
#contenidoDetalle [data-preview-container] button{
  width:100%!important;
  height:74px!important;
  overflow:hidden!important;
  padding:0!important;
  border:1px solid var(--v3-line)!important;
  border-radius:7px!important;
  background:#e8edf3!important;
  box-shadow:none!important;
  transform:none!important
}
#contenidoDetalle [data-preview-container] img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important
}
#detalleGuardadoAviso{
  margin-top:10px!important;
  margin-bottom:0!important
}
.evidence-state-count{
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#e7edf5;
  color:#526176;
  font-size:9px;
  font-weight:850
}
#galeriaMamparas{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:11px!important
}
#galeriaMamparas .evidence-card{
  overflow:hidden!important;
  padding:0!important;
  border:1px solid var(--v3-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important
}
#galeriaMamparas .evidence-card img{
  width:100%!important;
  height:92px!important;
  display:block!important;
  object-fit:cover!important
}
#galeriaMamparas .evidence-caption{
  padding:6px 7px!important;
  color:#657287!important;
  font-size:8.75px!important
}
.evidence-empty{
  grid-column:1/-1;
  min-height:96px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:14px;
  border:1px dashed #cad4df;
  border-radius:8px;
  background:#fbfcfe;
  color:#8b96a5;
  text-align:center
}
.evidence-empty.compact{min-height:72px}
.evidence-empty strong{
  color:#5d6a7e;
  font-size:9.75px;
  font-weight:760
}
.evidence-empty span{
  max-width:220px;
  color:#8d98a8;
  font-size:8.75px;
  line-height:1.4
}

.v3-ops-footer{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:68px;
  padding:12px 18px 12px 24px;
  border-top:1px solid var(--v3-line);
  background:#fbfcfe
}
.v3-validation-summary{
  display:grid;
  gap:3px;
  min-width:0
}
.v3-validation-summary strong{
  color:#42536a;
  font-size:10px;
  font-weight:800
}
.v3-validation-summary span{
  color:#7d8999;
  font-size:9.25px
}
.v3-btn:disabled,
.mamparas-submit button:disabled{
  cursor:not-allowed!important;
  border-color:#d7dee8!important;
  background:#e8edf3!important;
  color:#98a4b4!important;
  opacity:1!important
}
.v3-btn.teal{
  border-color:#b5d9d2!important;
  background:var(--v3-teal-soft)!important;
  color:#246d64!important
}

.form-feedback{
  display:none;
  align-items:flex-start;
  gap:9px;
  margin:0 0 12px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:8px;
  font-size:10px;
  line-height:1.45
}
.form-feedback.is-visible{display:flex}
.form-feedback[data-tone="info"]{background:#edf3ff;border-color:#c9dafc;color:#315b9f}
.form-feedback[data-tone="success"]{background:var(--v3-teal-soft);border-color:#c4e1dc;color:#246d64}
.form-feedback[data-tone="warning"]{background:var(--v3-amber-soft);border-color:#ecd7a3;color:#7b5a16}
.form-feedback[data-tone="error"]{background:var(--v3-red-soft);border-color:#ecc7c7;color:#963c3c}

/* Tables and filters */
.v3-records{max-width:1480px;margin:0 auto;padding:0 0 60px}
.v3-filterbar{
  display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:10px;align-items:end;
  padding:0 0 12px;border-bottom:1px solid var(--v3-line)
}
.v3-filterbar .search-group{max-width:420px}
.v3-table-wrap{margin-top:14px;border:1px solid var(--v3-line);background:#fff;overflow:auto}
.v3-table-wrap table{width:100%!important;border-collapse:collapse!important}
.v3-table-wrap th{
  padding:11px 13px!important;background:#f4f7fa!important;color:#667085!important;
  font-size:9px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:left!important;
  border-bottom:1px solid var(--v3-line)!important
}
.v3-table-wrap td{
  padding:12px 13px!important;border-bottom:1px solid var(--v3-line-soft)!important;color:#344054!important;font-size:10.5px!important
}
.v3-table-wrap tbody tr:hover{background:#f9fbfd!important}
.btn-ver-detalle{
  width:31px!important;height:31px!important;border:1px solid var(--v3-line)!important;border-radius:8px!important;
  background:#fff!important;color:#42526a!important;box-shadow:none!important
}

/* Report surface */
.v3-report{max-width:980px;margin:0 auto;padding:0 0 60px}
.v3-report-surface{border:1px solid var(--v3-line);background:#fff}
.v3-report-band{padding:22px 24px;border-bottom:1px solid var(--v3-line-soft)}
.v3-report-band:last-child{border-bottom:0}
.v3-report-band h2{margin:0 0 14px;font-size:12px}
.v3-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* Modals */
.modal-overlay,#verEditarModal{background:rgba(10,20,34,.55)!important;backdrop-filter:blur(12px)!important}
.modal-card,.modal-content,#verEditarPanel{border:1px solid rgba(255,255,255,.25)!important;border-radius:12px!important;box-shadow:0 30px 90px rgba(0,0,0,.22)!important}

/* Viewer */
#modalPreview{
  position:fixed!important;inset:0!important;z-index:12000!important;padding:16px!important;
  background:rgba(10,20,34,.93)!important;backdrop-filter:blur(18px)!important
}
#modalPreview>div{width:min(1180px,95vw)!important;max-width:1180px!important;max-height:94vh!important;padding:10px!important;background:#0e1723!important;border-radius:10px!important}
#modalPreview #previewImagen{display:block!important;width:100%!important;max-height:82vh!important;object-fit:contain!important;background:#0e1723!important;border-radius:8px!important}

/* Existing Mamparas detail viewer integration */
.mampara-detail-overlay{
  position:fixed!important;inset:0!important;z-index:10000!important;
  display:grid!important;place-items:center!important;padding:22px!important;
  background:rgba(10,20,34,.66)!important;backdrop-filter:blur(14px)!important
}
.mampara-detail-panel{
  width:min(1050px,95vw)!important;max-height:91vh!important;overflow:auto!important;
  border:1px solid var(--v3-line)!important;border-radius:10px!important;background:#f8fafc!important;
  box-shadow:0 30px 95px rgba(0,0,0,.24)!important
}
.mampara-detail-header{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;
  padding:18px 20px!important;border-bottom:1px solid var(--v3-line)!important;background:#fff!important
}
.mampara-detail-header h2{margin:4px 0 0!important;font-size:20px!important;color:var(--v3-ink)!important}
.mampara-detail-close,.mampara-viewer-close{
  min-width:34px!important;height:34px!important;border:1px solid var(--v3-line)!important;border-radius:8px!important;
  background:#fff!important;color:#344054!important;font-size:10px!important;font-weight:750!important;padding:0 10px!important
}
.mampara-detail-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding:16px 20px 0!important}
.mampara-detail-metric{padding:12px!important;border:1px solid var(--v3-line)!important;background:#fff!important;border-radius:8px!important}
.mampara-detail-metric span{display:block!important;color:var(--v3-muted)!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.mampara-detail-metric strong{display:block!important;margin-top:4px!important;color:var(--v3-ink)!important;font-size:12px!important}
.mampara-detail-gallery{padding:16px 20px 20px!important}
.mampara-detail-gallery-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:9px!important}
.mampara-detail-gallery-head h3{margin:0!important;font-size:12px!important}.mampara-detail-gallery-head span{color:var(--v3-muted)!important;font-size:9.5px!important}
.mampara-photo-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
.mampara-photo-card{overflow:hidden!important;border:1px solid var(--v3-line)!important;border-radius:8px!important;background:#fff!important;padding:0!important;text-align:left!important}
.mampara-photo-media{aspect-ratio:16/10!important;background:#e8edf3!important;display:grid!important;place-items:center!important;color:#8492a6!important;font-size:10px!important}
.mampara-photo-media img{width:100%!important;height:100%!important;object-fit:cover!important}
.mampara-photo-caption{padding:7px!important;color:var(--v3-muted)!important;font-size:9.5px!important}

/* V3 fullscreen evidence viewer */
.mampara-viewer{
  position:fixed!important;inset:0!important;z-index:11000!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;
  padding:0!important;background:rgba(10,20,34,.96)!important;color:#fff!important
}
.mampara-viewer-stage-wrap{
  min-width:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;
  padding:16px 20px 14px!important
}
.mampara-viewer-top{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  padding-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.1)!important
}
.mampara-viewer-top>div{display:flex!important;align-items:baseline!important;gap:10px!important;min-width:0!important}
.mampara-viewer-top strong{color:#f3f5f8!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mampara-viewer-top span{color:#8fa2b9!important;font-size:9.5px!important;white-space:nowrap!important}
.mampara-viewer-close{
  border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;
  width:34px!important;min-width:34px!important;padding:0!important;font-size:18px!important
}
.mampara-viewer-stage{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;margin:12px 0!important
}
.mampara-viewer-stage>img{
  display:block!important;max-width:100%!important;max-height:calc(100vh - 140px)!important;
  width:auto!important;height:auto!important;object-fit:contain!important;border-radius:8px!important;background:#0d1724!important;
  box-shadow:0 18px 60px rgba(0,0,0,.38)!important
}
.mampara-viewer-nav{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:50%!important;
  background:rgba(17,29,46,.82)!important;color:#fff!important;font-size:22px!important
}
.mampara-viewer-nav.is-prev{left:12px!important}.mampara-viewer-nav.is-next{right:12px!important}
.mampara-viewer-strip{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:50px!important;overflow-x:auto!important}
.mampara-viewer-thumb{
  width:72px!important;height:46px!important;flex:0 0 auto!important;padding:2px!important;
  border:2px solid transparent!important;border-radius:7px!important;overflow:hidden!important;background:#1d2b3e!important;opacity:.55!important
}
.mampara-viewer-thumb.is-active{border-color:#75a8ff!important;opacity:1!important}
.mampara-viewer-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:4px!important}
.mampara-viewer-info{
  padding:22px 20px!important;overflow:auto!important;background:#132239!important;border-left:1px solid rgba(255,255,255,.08)!important
}
.mampara-viewer-info .section-kicker{color:#7f96b2!important}
.mampara-viewer-info h2{margin:0!important;color:#fff!important;font-size:20px!important;letter-spacing:-.03em!important}
.mampara-viewer-info-group{margin-top:20px!important;border-top:1px solid rgba(255,255,255,.1)!important}
.mampara-viewer-info-row{
  display:flex!important;justify-content:space-between!important;gap:16px!important;
  padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;font-size:9.5px!important
}
.mampara-viewer-info-row span{color:#8296af!important}
.mampara-viewer-info-row strong{color:#e8edf3!important;font-size:10px!important;text-align:right!important;max-width:58%!important}

/* responsive */
@media(max-width:1200px){
  .word-workspace{grid-template-columns:1fr 1fr!important}
  .word-column.evidence-sheet{grid-column:1/-1!important;position:static!important;min-height:auto!important}
  .v3-ops-surface{grid-template-columns:1fr}.v3-ops-side{border-left:0!important;border-top:1px solid var(--v3-line)!important}
}
@media(max-width:900px){
  #dashboardContent{padding:20px 16px 55px!important}
  .v3-dir-row{grid-template-columns:8px 1fr auto}.v3-dir-row p{display:none}
  .word-workspace{grid-template-columns:1fr!important;padding:10px!important}.word-column{min-height:auto!important}.word-column.evidence-sheet{grid-column:auto!important}
  .document-toolbar{position:static!important;align-items:flex-start!important;flex-direction:column!important}.document-actions{justify-content:flex-start!important}
  .document-progress{grid-template-columns:1fr auto!important}.progress-track{grid-column:1/-1!important}
  .v3-ops-grid{grid-template-columns:1fr!important}.v3-stepbar{grid-template-columns:1fr 1fr}
  .v3-report-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .word-metadata{grid-template-columns:1fr!important}.word-metadata .field-wide{grid-column:auto!important}
  #anexosPreview,#galeriaMamparas{grid-template-columns:1fr!important}
  .mampara-detail-metrics,.mampara-photo-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
