/* V228 — KPI title link lives in same header box, no overlap. */
.v228-global-kpi-header{
  position:relative;
  min-width:0;
}
.v228-global-kpi-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.v228-global-kpi-title-row>div{
  min-width:0;
}
.v228-kpi-detail-link{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:3px;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  font-size:11.5px;
  line-height:1.25;
  font-weight:700;
  color:var(--amber-brand);
  white-space:nowrap;
  text-decoration:none;
}
.v228-kpi-detail-link:hover{text-decoration:underline}
.v228-kpi-detail-link svg{flex:0 0 auto}

/* Override old absolute KPI-link rules from previous versions. */
.v220-global-kpi-summary .v228-kpi-detail-link{
  position:static!important;
  max-width:none!important;
}

/* Global application footer, all authenticated pages. */
.v228-app-content{
  min-height:calc(100vh - 56px);
  display:flex;
  flex-direction:column;
  min-width:0;
}
.v228-page-main{
  flex:1 0 auto;
  min-width:0;
}
.v228-global-footer{
  flex:0 0 auto;
  width:100%;
  margin-top:auto;
  border-top:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  padding:13px 18px 15px;
  text-align:center;
  font-size:11px;
  line-height:1.45;
  font-weight:600;
  letter-spacing:.03em;
  color:var(--muted-foreground);
  background:color-mix(in srgb,var(--background) 97%,var(--muted));
}

/* KPI mobile: title/link share the same title area without overlap. */
@media(max-width:1100px){
  .v228-global-kpi-title-row{
    gap:8px;
    align-items:flex-start;
  }
  .v228-global-kpi-title-row>div{
    max-width:58%;
    font-size:8.5px!important;
    line-height:1.3!important;
  }
  .v228-kpi-detail-link{
    max-width:42%;
    justify-content:flex-end;
    font-size:8px!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-align:right;
  }
  .v228-kpi-detail-link svg{
    width:9px!important;
    height:9px!important;
  }

  /* Remove old reserved right padding used by absolute link. */
  .v220-global-kpi-summary > .w-full{
    padding-right:3px!important;
  }

  .v228-global-footer{
    padding:12px 10px 14px;
    font-size:10.5px;
  }
}

@media(max-width:560px){
  .v228-global-kpi-title-row>div{
    max-width:55%;
    font-size:7px!important;
  }
  .v228-kpi-detail-link{
    max-width:45%;
    font-size:7px!important;
  }
  .v228-global-footer{
    font-size:10px;
    padding:11px 8px 13px;
  }
}