/* V223 — "Theo dõi KPI chi tiết" as plain text link at top-right of KPI summary. */
.v220-global-kpi-summary{
  position:relative!important;
}

.v223-kpi-detail-wrap{
  position:absolute!important;
  top:14px!important;
  right:16px!important;
  z-index:3;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.v223-kpi-detail-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  text-decoration:none;
}

.v223-kpi-detail-link:hover{
  text-decoration:underline!important;
  background:transparent!important;
}

@media(max-width:1100px){
  .v223-kpi-detail-wrap{
    top:7px!important;
    right:9px!important;
  }

  .v223-kpi-detail-link{
    font-size:8px!important;
    line-height:1.2!important;
    gap:1px!important;
  }

  .v223-kpi-detail-link svg{
    width:9px!important;
    height:9px!important;
  }

  /* leave room for the link while keeping KPI one row */
  .v220-global-kpi-summary > .w-full{
    padding-top:18px!important;
  }
}

@media(max-width:560px){
  .v223-kpi-detail-wrap{
    top:5px!important;
    right:7px!important;
  }

  .v223-kpi-detail-link{
    font-size:6.8px!important;
  }

  .v223-kpi-detail-link svg{
    width:8px!important;
    height:8px!important;
  }

  .v220-global-kpi-summary > .w-full{
    padding-top:15px!important;
  }
}