/* VAZZTEC R64 · Organización profesional y reversible de la ficha de servicio. */
#vistaDetalleFull{--detalle-borde:#d9e3ea;--detalle-texto:#0f172a;--detalle-suave:#f8fafc;--detalle-verde:#009b65;--detalle-azul:#007e9a}
#vistaDetalleFull .detalle-servicio-cabecera{margin-bottom:8px!important;padding:11px 14px!important;border-color:var(--detalle-borde)!important;box-shadow:0 5px 18px rgba(15,23,42,.06)!important}
#vistaDetalleFull .detalle-servicio-identidad{min-width:190px;gap:10px!important}
#vistaDetalleFull .detalle-servicio-identidad h2{font-size:1.28rem!important;letter-spacing:.01em}
#vistaDetalleFull .detalle-servicio-acciones{position:relative;align-items:center;justify-content:flex-end;gap:6px!important;flex:1 1 560px}
#vistaDetalleFull .detalle-servicio-acciones>button,#vistaDetalleFull .detalle-mas-acciones>summary{min-height:34px!important;height:34px;padding:5px 10px!important;border-radius:999px!important;font-size:.7rem!important;line-height:1!important;white-space:nowrap}
#vistaDetalleFull .detalle-mas-acciones{position:relative}
#vistaDetalleFull .detalle-mas-acciones>summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #94a3b8;background:#475569;color:#fff;font-weight:850;cursor:pointer;list-style:none;box-shadow:0 3px 8px rgba(15,23,42,.16)}
#vistaDetalleFull .detalle-mas-acciones>summary::-webkit-details-marker{display:none}
#vistaDetalleFull .detalle-mas-acciones[open]>summary{background:#334155}
#vistaDetalleFull .detalle-mas-acciones-menu{position:absolute;z-index:2300;top:41px;right:0;display:grid;grid-template-columns:1fr;gap:6px;width:270px;padding:9px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.24)}
#vistaDetalleFull .detalle-mas-acciones-menu>button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:34px!important;padding:6px 10px!important;border-radius:8px!important;font-size:.72rem!important;text-align:left}
#vistaDetalleFull .detalle-mas-acciones-menu>button[style*="display:none"],#vistaDetalleFull .detalle-mas-acciones-menu>button[style*="display: none"]{display:none!important}

#vistaDetalleFull .detalle-secciones-nav{position:sticky;top:6px;z-index:1200;display:flex;align-items:center;gap:5px;width:100%;margin:0 0 10px;padding:5px;border:1px solid #dbe6ec;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 5px 16px rgba(15,23,42,.07);overflow-x:auto;scrollbar-width:thin;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
#vistaDetalleFull .detalle-secciones-nav button{flex:0 0 auto;min-height:29px!important;padding:4px 9px!important;border:0;border-radius:7px;background:transparent;color:#475569;font-size:.67rem;font-weight:850;box-shadow:none!important;white-space:nowrap}
#vistaDetalleFull .detalle-secciones-nav button:hover{background:#ecfdf5;color:#047857;transform:none!important}

#vistaDetalleFull .modal-body-dashboard{gap:11px!important}
#vistaDetalleFull .panel-left,#vistaDetalleFull .panel-right{gap:10px!important}
#vistaDetalleFull :is(.info-card,.evidencias-card,.bitacora-card,.estado-card,.tareas-card,.informe-tecnico-card,.ia-card,.detalle-seccion-card){border-color:var(--detalle-borde)!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 12px rgba(15,23,42,.045)!important}
#vistaDetalleFull :is(.info-card,.evidencias-card,.bitacora-card,.estado-card,.tareas-card,.ia-card,.detalle-seccion-card){padding:12px!important}
#vistaDetalleFull :is(#datosGeneralesOrdenCard,#bloqueEstado,#cardInformeTecnicoOrden,#cardRefaccionesOrden,#cardConceptosOrden,#cardFinanzasOrden,#cardAsistenteOrden,#cardEvidenciasOrden,#cardComunicacionClienteOrden,#cardBitacoraOrden,#cardActividadesOrden){scroll-margin-top:58px}
#vistaDetalleFull :is(.info-card,.evidencias-card,.bitacora-card,.estado-card,.tareas-card)>h3,#vistaDetalleFull .estado-control-titulo{margin-bottom:9px!important;padding-bottom:6px!important;border-bottom:1px solid #b8ddd8!important;color:var(--detalle-texto)!important;font-size:.91rem!important}

#vistaDetalleFull .detalle-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:8px!important}
#vistaDetalleFull .detalle-meta-grid>div{background:#fff!important;border-color:#dce5eb!important;border-radius:8px!important;padding:8px 10px!important;box-shadow:none!important}
#vistaDetalleFull .detalle-meta-grid small{font-size:.66rem!important;letter-spacing:.025em}
#vistaDetalleFull .detalle-meta-grid strong{font-size:.87rem!important}
#vistaDetalleFull .datos-equipo-grid{gap:7px!important}
#vistaDetalleFull .dato-equipo-card{min-height:58px;padding:8px 10px!important;border-color:#dce5eb!important;background:#fff!important;box-shadow:none!important}
#vistaDetalleFull .dato-equipo-card small{font-size:.65rem!important;color:#64748b!important}
#vistaDetalleFull .dato-equipo-card strong,#vistaDetalleFull .dato-cliente-link{font-size:.86rem!important}
#vistaDetalleFull .dato-equipo-icon{width:31px!important;height:31px!important;min-width:31px!important;font-size:.84rem!important}
#vistaDetalleFull #detObjetivoServicioRow{margin:2px 0 0!important;padding:7px 9px;border-left:3px solid #0d9488;background:#f8fafc;border-radius:6px}
#vistaDetalleFull :is(#detDireccionServicioRow,#detCompromisoInicialRow,#detProgramacionServicioRow,#detContrasenaRow){padding:9px 10px!important;border-width:1px!important;border-radius:8px!important}
#vistaDetalleFull .detalle-solicitud-grid{gap:7px!important;margin-top:8px!important}
#vistaDetalleFull .detalle-solicitud-grid .info-box{padding:9px 10px!important;background:#fff!important;border-color:#dce5eb!important;border-left:3px solid #f59e0b!important}
#vistaDetalleFull .detalle-solicitud-grid .info-box:nth-child(2){border-left-color:#0d9488!important}
#vistaDetalleFull .detalle-solicitud-grid p{margin-top:4px!important;font-size:.83rem;line-height:1.35}
#vistaDetalleFull #detChecklistPanel{margin-top:8px!important;border-color:#dce5eb!important}
#vistaDetalleFull #detChecklistPanel>summary{padding:8px 10px!important;font-size:.79rem;background:#f8fafc!important}

#vistaDetalleFull #cardRefaccionesOrden>div:first-child,#vistaDetalleFull #cardConceptosOrden>div:first-child{margin-bottom:6px!important;padding-bottom:5px!important;border-color:#dce5eb!important}
#vistaDetalleFull #cardRefaccionesOrden h3,#vistaDetalleFull #cardConceptosOrden h3,#vistaDetalleFull #cardFinanzasOrden h3{color:#0f172a!important}
#vistaDetalleFull #cardRefaccionesOrden>div:last-child,#vistaDetalleFull #cardConceptosOrden>div:last-child{max-height:190px!important}
#vistaDetalleFull #cardFinanzasOrden>div:first-of-type{gap:6px!important;margin-bottom:7px!important}
#vistaDetalleFull #cardFinanzasOrden>div:first-of-type>div{padding:7px!important}
#vistaDetalleFull #cardAsistenteOrden{background:linear-gradient(180deg,#f7fffb 0%,#fff 60%)!important}
#vistaDetalleFull #cardAsistenteOrden textarea{min-height:105px}
#vistaDetalleFull #cardComunicacionClienteOrden{background:#fff!important}
#vistaDetalleFull #cardBitacoraOrden .historial-container{max-height:290px}
#vistaDetalleFull #cardActividadesOrden{background:#fff!important}

#vistaDetalleFull #bloqueEstado .estado-actual-box{padding:9px 10px;margin-bottom:8px;background:#f8fffd;border-color:#99e6d3}
#vistaDetalleFull #bloqueEstado .estado-actual-box small:after{content:" PRINCIPAL"}
#vistaDetalleFull #bloqueEstado .estado-flujo{margin-block:7px}
#vistaDetalleFull #bloqueEstado .estado-acciones-box{padding:9px!important}
#vistaDetalleFull #cardInformeTecnicoOrden .informe-tecnico-header{padding:12px 14px}
#vistaDetalleFull #cardInformeTecnicoOrden .informe-tecnico-captura{padding:12px 14px}
#vistaDetalleFull #cardInformeTecnicoOrden .informe-tecnico-lista{max-height:360px}

@media(max-width:1280px){
  #vistaDetalleFull .detalle-servicio-acciones{flex-basis:100%}
  #vistaDetalleFull .detalle-meta-grid{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:900px){
  #vistaDetalleFull .modal-body-dashboard{display:flex!important;flex-direction:column}
  #vistaDetalleFull .panel-left,#vistaDetalleFull .panel-right{display:contents!important}
  #vistaDetalleFull #datosGeneralesOrdenCard{order:1}
  #vistaDetalleFull #bloqueEstado{order:2}
  #vistaDetalleFull #cardInformeTecnicoOrden{order:3}
  #vistaDetalleFull #cardRefaccionesOrden{order:4}
  #vistaDetalleFull #cardConceptosOrden{order:5}
  #vistaDetalleFull #cardFinanzasOrden{order:6}
  #vistaDetalleFull #cardAsistenteOrden{order:7}
  #vistaDetalleFull #cardEvidenciasOrden{order:8}
  #vistaDetalleFull #cardComunicacionClienteOrden{order:9}
  #vistaDetalleFull #cardActividadesOrden{order:10}
  #vistaDetalleFull #cardBitacoraOrden{order:11}
}

@media(max-width:700px){
  #vistaDetalleFull .detalle-servicio-cabecera{align-items:flex-start!important;padding:9px!important}
  #vistaDetalleFull .detalle-servicio-identidad{width:100%;justify-content:space-between}
  #vistaDetalleFull .detalle-servicio-acciones{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  #vistaDetalleFull .detalle-servicio-acciones>button,#vistaDetalleFull .detalle-mas-acciones,#vistaDetalleFull .detalle-mas-acciones>summary{width:100%}
  #vistaDetalleFull .detalle-mas-acciones-menu{position:absolute;right:0;width:min(300px,calc(100vw - 30px))}
  #vistaDetalleFull .detalle-secciones-nav{top:3px;margin-bottom:7px;border-radius:8px}
  #vistaDetalleFull .detalle-secciones-nav button{font-size:.63rem;padding-inline:7px!important}
  #vistaDetalleFull .detalle-meta-grid,#vistaDetalleFull .datos-equipo-grid,#vistaDetalleFull .detalle-solicitud-grid{grid-template-columns:minmax(0,1fr)!important}
  #vistaDetalleFull .dato-cliente-card,#vistaDetalleFull .detalle-solicitud-grid>*{grid-column:auto!important}
  #vistaDetalleFull :is(.info-card,.evidencias-card,.bitacora-card,.estado-card,.tareas-card,.ia-card,.detalle-seccion-card){padding:9px!important}
  #vistaDetalleFull #cardInformeTecnicoOrden .informe-tecnico-header,#vistaDetalleFull #cardInformeTecnicoOrden .informe-tecnico-captura{padding:10px}
}