/* HENDAR UALL V82 — approved six-card KPI design with corrected internal content order. */
#dashboardView #metricsGrid.hendar-v81-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:12px 0 16px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  direction:rtl!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid>.hendar-v81-kpi-shell{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  filter:none!important;
  transform:none!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid>.hendar-v81-kpi-shell::before{
  content:none!important;
  display:none!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card{
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:12px!important;
  overflow:hidden!important;
  appearance:none!important;
  border:1px solid #d2e5ed!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#f1f9fc)!important;
  box-shadow:0 10px 24px rgba(18,55,74,.075)!important;
  clip-path:none!important;
  color:#0c2f44!important;
  cursor:pointer!important;
  text-align:right!important;
  transform:none!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;
  font-synthesis:none!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(18,55,74,.11)!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card:focus-visible{
  outline:3px solid rgba(37,139,183,.28)!important;
  outline-offset:2px!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card::before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0 0 auto!important;
  display:block!important;
  width:auto!important;
  height:4px!important;
  border:0!important;
  border-radius:18px 18px 0 0!important;
  background:#258bb7!important;
  opacity:1!important;
  pointer-events:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card::after{
  content:none!important;
  display:none!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-head{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  width:100%!important;
  height:auto!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:none!important;
  clip-path:none!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-heading-copy{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  min-width:0!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-title{
  min-width:0!important;
  margin:0!important;
  overflow:visible!important;
  color:#5f7783!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.4!important;
  white-space:normal!important;
  text-overflow:clip!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-currency{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:inherit!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  direction:ltr!important;
  white-space:nowrap!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-icon{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:11px!important;
  background:#eaf5f9!important;
  color:#258bb7!important;
  clip-path:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -2px 3px rgba(10,45,63,.09),0 5px 9px rgba(18,66,88,.14)!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-icon::before,
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-icon::after{
  content:none!important;
  display:none!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-icon svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-value{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  min-width:0!important;
  margin:14px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#0b3851!important;
  font-size:clamp(16px,1.8vw,25px)!important;
  font-weight:500!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-count{
  font-size:38px!important;
  line-height:.9!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-foot{
  position:absolute!important;
  z-index:3!important;
  inset:auto 12px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  margin:0!important;
  padding:7px 0 0!important;
  border-top:1px solid #e5ecef!important;
  color:#7b909a!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.35!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-foot span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-finance-meter{
  position:absolute!important;
  z-index:3!important;
  inset:auto 12px 37px!important;
  display:grid!important;
  grid-template-columns:46% 27% 1fr!important;
  gap:3px!important;
  height:5px!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-finance-meter span{
  border-radius:4px!important;
  background:#7f6ac7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -2px 2px rgba(54,36,112,.18),0 4px 6px rgba(82,61,148,.2)!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-finance-meter span:nth-child(2){opacity:.58!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-finance-meter span:nth-child(3){opacity:.18!important}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-progress-ring{
  position:absolute!important;
  z-index:3!important;
  top:61px!important;
  right:12px!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  background:conic-gradient(#2aa985 0 var(--hendar-progress-value,0%),#dceee8 var(--hendar-progress-value,0%) 100%)!important;
  box-shadow:inset 3px 3px 6px rgba(255,255,255,.5),inset -4px -4px 7px rgba(14,102,78,.2),0 6px 10px rgba(24,120,92,.18)!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-progress-ring::before{
  content:""!important;
  position:absolute!important;
  width:33px!important;
  height:33px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:inset 0 2px 4px rgba(13,84,66,.07),0 2px 3px rgba(255,255,255,.72)!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-progress-ring strong{
  position:relative!important;
  z-index:1!important;
  color:#176d57!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  direction:ltr!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars{
  position:absolute!important;
  z-index:3!important;
  left:12px!important;
  top:62px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:4px!important;
  height:34px!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars span{
  width:11px!important;
  border-radius:4px 4px 2px 2px!important;
  background:linear-gradient(180deg,#55b8d3,#177aa3)!important;
  box-shadow:0 4px 9px rgba(27,128,167,.15)!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars span:nth-child(1){height:16px!important;opacity:.6!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars span:nth-child(2){height:25px!important;opacity:.8!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars span:nth-child(3){height:34px!important}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-paper-stack{
  position:absolute!important;
  z-index:3!important;
  left:10px!important;
  top:64px!important;
  width:54px!important;
  height:47px!important;
  transform:scale(.72)!important;
  transform-origin:left top!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-paper-stack span{
  position:absolute!important;
  width:39px!important;
  height:32px!important;
  border:1px solid #ddc59e!important;
  border-radius:7px!important;
  background:#fffaf1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset -2px -2px 3px rgba(137,91,28,.07),3px 5px 8px rgba(108,67,15,.14)!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-paper-stack span:first-child{inset:0 auto auto 0!important;transform:rotate(-5deg)!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-paper-stack span:last-child{inset:11px 0 auto auto!important;transform:rotate(4deg)!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-paper-stack span::after{
  content:""!important;
  position:absolute!important;
  inset:10px 7px auto!important;
  height:2px!important;
  border-radius:2px!important;
  background:#d1ae74!important;
  box-shadow:0 7px #ead7b9!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-risk-signal{
  position:absolute!important;
  z-index:3!important;
  left:17px!important;
  top:70px!important;
  width:17px!important;
  height:17px!important;
  border:5px solid #f4cdc6!important;
  border-radius:50%!important;
  background:#b85448!important;
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.32),inset -3px -3px 4px rgba(105,32,25,.24),0 4px 8px rgba(154,61,50,.22),0 0 0 7px rgba(184,84,72,.08),0 0 0 14px rgba(184,84,72,.035)!important;
  transform:scale(.76)!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-contract{
  border:0!important;
  background:radial-gradient(circle at 5% 2%,rgba(78,194,220,.24),transparent 36%),linear-gradient(145deg,#0a4b69,#062e46 78%)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(6,49,74,.21)!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-contract::before{background:#66c7db!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-contract::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  width:150px!important;
  height:150px!important;
  left:-66px!important;
  bottom:-70px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:50%!important;
  background:none!important;
  box-shadow:0 0 0 19px rgba(255,255,255,.035),0 0 0 40px rgba(255,255,255,.017)!important;
  pointer-events:none!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-contract .hendar-v81-kpi-title,
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-contract .hendar-v81-kpi-currency{color:rgba(255,255,255,.76)!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-contract .hendar-v81-kpi-icon{
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.09)!important;
  color:#a5dce8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 3px rgba(0,24,39,.18),0 5px 9px rgba(0,24,39,.2)!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-contract .hendar-v81-kpi-value{color:#fff!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-contract .hendar-v81-kpi-foot{border-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.68)!important}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-finance{
  border-color:#ded9ee!important;
  background:radial-gradient(circle at 0 0,rgba(127,106,199,.14),transparent 43%),#fff!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-finance::before{background:#7f6ac7!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-finance .hendar-v81-kpi-icon{background:#f0edfa!important;color:#745fbd!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-finance .hendar-v81-kpi-value{color:#362d5d!important}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-progress{
  border-color:#d5e9e2!important;
  background:linear-gradient(145deg,#fff,#f4fbf8)!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-progress::before{background:#2aa985!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-progress .hendar-v81-kpi-icon{background:#e8f6f1!important;color:#218e70!important}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-projects{
  border-color:#d2e5ed!important;
  background:linear-gradient(145deg,#fff,#f1f9fc)!important;
}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-approval{
  border-color:#eadcc6!important;
  background:linear-gradient(145deg,#fffdf9,#fbf4e9)!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-approval::before{background:#cf913a!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-approval .hendar-v81-kpi-icon{background:#f7ead5!important;color:#b87825!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-approval .hendar-v81-kpi-value{color:#865617!important}

#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-risk{
  border-color:#ead4d0!important;
  background:linear-gradient(145deg,#fffdfc,#fff3f1)!important;
}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-risk::before{background:#ba5c50!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-risk .hendar-v81-kpi-icon{background:#f8e4e0!important;color:#ae5045!important}
#dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-risk .hendar-v81-kpi-value{color:#8f4037!important}

@media(max-width:1200px){
  #dashboardView #metricsGrid.hendar-v81-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,168px))!important;
    justify-content:center!important;
  }
}

@media(max-width:620px){
  #dashboardView #metricsGrid.hendar-v81-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    justify-content:stretch!important;
    gap:7px!important;
  }
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card{
    padding:8px!important;
    border-radius:14px!important;
  }
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card::before{border-radius:14px 14px 0 0!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-head{align-items:flex-start!important;min-height:39px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-heading-copy{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    direction:rtl!important;
    text-align:right!important;
  }
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-title,
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-currency{
    display:inline!important;
    vertical-align:baseline!important;
    line-height:1.35!important;
  }
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-title{font-size:11px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-currency{margin-inline-start:3px!important;font-size:11px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-icon{width:28px!important;height:28px!important;border-radius:9px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-icon svg{width:14px!important;height:14px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-value{margin-top:2px!important;font-size:clamp(15px,4.2vw,18px)!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-count{font-size:29px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-foot{inset:auto 8px 7px!important;padding-top:5px!important;font-size:11px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-foot span:last-child{display:none!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-finance-meter{inset:auto 8px 31px!important;height:4px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-progress-ring{top:51px!important;right:8px!important;width:36px!important;height:36px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-progress-ring::before{width:27px!important;height:27px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-progress-ring strong{font-size:11px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars{top:53px!important;left:8px!important;height:27px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars span{width:6px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars span:nth-child(1){height:13px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars span:nth-child(2){height:20px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-project-bars span:nth-child(3){height:27px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-paper-stack{top:53px!important;left:5px!important;transform:scale(.58)!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-risk-signal{top:57px!important;left:14px!important;transform:scale(.64)!important}
}

@media(max-width:350px){
  #dashboardView #metricsGrid.hendar-v81-kpi-grid{gap:5px!important}
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card{padding-inline:7px!important}
}

@media(prefers-reduced-motion:reduce){
  #dashboardView #metricsGrid.hendar-v81-kpi-grid .hendar-v81-kpi-card{transition:none!important}
}

@media print{
  #dashboardView #metricsGrid.hendar-v81-kpi-grid{grid-template-columns:repeat(3,1fr)!important}
}