/* ANB ERP v660.0.56 - Projects & Units approved project-card layout only.
   Presentation-only: no project/customer/unit/payment data mutation. */
@media (min-width:1101px){
  #projectGrid.project-live-grid-v527{
    display:grid!important;
    grid-template-columns:minmax(0,50%)!important;
    justify-content:start!important;
    align-items:start!important;
    gap:20px!important;
  }
}
#projectGrid .project-live-v527{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#fffdf9!important;
}
/* Header: project identity first, KPI strip directly underneath */
#projectGrid .project-live-header-v527{
  display:grid!important;
  grid-template-columns:1fr!important;
  height:auto!important;
  min-height:0!important;
  border-bottom:1px solid #ded2c5!important;
}
#projectGrid .project-live-v527 .project-master-head{
  height:auto!important;
  min-height:72px!important;
  padding:12px 16px!important;
  overflow:visible!important;
  background:linear-gradient(135deg,#123a56 0%,#0b2d46 62%,#102f47 100%)!important;
}
#projectGrid .project-live-v527 .project-master-head>div{
  width:100%!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:2px!important;
}
#projectGrid .project-live-v527 .project-master-head .tower-chip{
  grid-row:1/3!important;
  align-self:center!important;
  margin:0!important;
  background:#f5dfb4!important;
  color:#593817!important;
  border-color:#e5c786!important;
}
#projectGrid .project-live-v527 .project-master-head h2{
  grid-column:2!important;
  margin:0!important;
  font-size:21px!important;
  line-height:1.08!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#projectGrid .project-live-v527 .project-master-head p{
  grid-column:2!important;
  margin:2px 0 0!important;
  font-size:8.5px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  color:#e2eaee!important;
}
#projectGrid .project-live-header-right-v527{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  padding:10px 12px 12px!important;
  overflow:visible!important;
  background:#fffaf3!important;
}
#projectGrid .project-live-v527 .project-kpis{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
}
#projectGrid .project-live-v527 .project-kpis>div,
#projectGrid .project-live-v527 .project-unit-stat-v527{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:58px!important;
  padding:8px 4px!important;
  border-radius:11px!important;
  text-align:center!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
#projectGrid .project-live-v527 .project-kpis>div:hover,
#projectGrid .project-live-v527 .project-unit-stat-v527:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 5px 13px rgba(26,43,55,.10)!important;
}
#projectGrid .project-live-v527 .project-kpis b,
#projectGrid .project-live-v527 .project-unit-stat-v527>strong{
  display:block!important;
  font-size:17px!important;
  line-height:1.05!important;
  color:#15344b!important;
}
#projectGrid .project-live-v527 .project-kpis span,
#projectGrid .project-live-v527 .project-unit-stat-v527 small{
  display:block!important;
  margin-top:4px!important;
  font-size:7.3px!important;
  line-height:1.15!important;
  white-space:normal!important;
  color:#715c4d!important;
}
/* ANB professional metric accents, ordered Towers/Floors/Units/Sold/Available/Booked/Reserved */
#projectGrid .project-live-v527 .project-kpis>div:nth-child(1){background:linear-gradient(145deg,#eef7fd,#f8fcff)!important;border-color:#9ccce8!important}
#projectGrid .project-live-v527 .project-kpis>div:nth-child(2){background:linear-gradient(145deg,#fff8ea,#fffdf7)!important;border-color:#e4c58b!important}
#projectGrid .project-live-v527 .project-kpis>div:nth-child(3){background:linear-gradient(145deg,#eef7fd,#f8fcff)!important;border-color:#9ccce8!important}
#projectGrid .project-live-v527 .project-kpis>div:nth-child(4){background:linear-gradient(145deg,#edf9f3,#fbfffd)!important;border-color:#9ad5ba!important}
#projectGrid .project-live-v527 .project-kpis>div:nth-child(5){background:linear-gradient(145deg,#fff8ea,#fffdf7)!important;border-color:#e8c88d!important}
#projectGrid .project-live-v527 .project-kpis>div:nth-child(6){background:linear-gradient(145deg,#fff5e9,#fffdf9)!important;border-color:#eab67d!important}
#projectGrid .project-live-v527 .project-kpis>div:nth-child(7){background:linear-gradient(145deg,#fff1f2,#fffafa)!important;border-color:#e8a4a9!important}
/* Approved inner arrangement: inventory left 50%; Towers/Floors top right; Sales/Value underneath */
#projectGrid .project-analytics-v527{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(0,.86fr) minmax(0,.86fr)!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:430px!important;
  gap:10px!important;
  padding:10px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#f8f3eb,#fbf8f2)!important;
}
#projectGrid .project-donut-card-v527{
  grid-column:1!important;
  grid-row:1!important;
  min-height:430px!important;
  height:430px!important;
}
#projectGrid .project-analytics-stack-v527{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:1fr 1fr!important;
  gap:10px!important;
  min-width:0!important;
  min-height:430px!important;
}
#projectGrid .project-analytics-stack-v527:nth-of-type(2){grid-column:2!important;grid-row:1!important}
#projectGrid .project-analytics-stack-v527:nth-of-type(3){grid-column:3!important;grid-row:1!important}
#projectGrid .project-chart-v527{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  padding:9px!important;
  border-radius:12px!important;
}
#projectGrid .project-chart-heading-v527 h3{font-size:12px!important;white-space:normal!important;overflow:visible!important}
#projectGrid .project-chart-heading-v527.compact-v527 h3{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
#projectGrid .donut-layout-v527{height:365px!important;min-height:365px!important;overflow:hidden!important}
#projectGrid .project-donut-svg-v527{width:270px!important;height:270px!important;top:56px!important}
#projectGrid .project-building-svg-v527,#projectGrid .project-floor-svg-v527{height:145px!important;max-height:145px!important}
#projectGrid .project-trajectory-svg-v527{height:132px!important;max-height:132px!important}
#projectGrid .project-gauge-svg-v527{height:132px!important;max-height:132px!important}
#projectGrid .project-bottom-actions-v529{
  display:flex!important;
  height:auto!important;
  min-height:42px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  padding:7px 10px!important;
  background:#fffaf3!important;
}
#projectGrid .project-bottom-actions-v529 .btn{font-size:8px!important;padding:6px 10px!important}
/* Only Projects & Units responsive behavior */
@media (max-width:1320px){
  #projectGrid .project-analytics-v527{grid-template-columns:minmax(0,1.45fr) minmax(0,.82fr) minmax(0,.82fr)!important}
}
@media (max-width:1100px){
  #projectGrid.project-live-grid-v527{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:760px){
  #projectGrid .project-live-v527 .project-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #projectGrid .project-analytics-v527{grid-template-columns:1fr!important;min-height:0!important}
  #projectGrid .project-donut-card-v527{grid-column:1!important;grid-row:auto!important;height:330px!important;min-height:330px!important}
  #projectGrid .donut-layout-v527{height:285px!important;min-height:285px!important}
  #projectGrid .project-analytics-stack-v527,#projectGrid .project-analytics-stack-v527:nth-of-type(2),#projectGrid .project-analytics-stack-v527:nth-of-type(3){grid-column:1!important;grid-row:auto!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important;min-height:200px!important}
}