/* UALL-V79 — the six-up contract belongs to real project cards, not KPI cards. */
#projectsView #projectsTableWrap.project-cards-grid{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,300px))!important;grid-auto-flow:row!important;
  justify-content:start!important;align-items:start!important;gap:14px!important;width:100%!important;max-width:100%!important;
  padding:2px 2px 14px!important;direction:rtl!important;overflow-x:auto!important;overflow-y:visible!important;
  overscroll-behavior-inline:contain!important;scroll-snap-type:inline proximity!important;scrollbar-gutter:stable!important
}
#projectsView #projectsTableWrap>.project-card{
  position:relative!important;display:flex!important;flex-direction:column!important;gap:5px!important;
  width:300px!important;max-width:300px!important;height:240px!important;min-height:240px!important;max-height:240px!important;
  padding:9px!important;direction:rtl!important;overflow:visible!important;scroll-snap-align:start!important;
  border-radius:15px!important;box-sizing:border-box!important
}
#projectsView #projectsTableWrap>.project-card>.project-card-cover{
  position:relative!important;display:block!important;flex:0 0 50px!important;width:100%!important;height:50px!important;min-height:50px!important;
  margin:0!important;border-radius:10px!important;overflow:hidden!important
}
#projectsView #projectsTableWrap>.project-card>.project-card-cover>img{width:100%!important;height:100%!important;object-fit:cover!important}
#projectsView #projectsTableWrap>.project-card .project-cover-fallback{width:100%!important;height:100%!important;min-height:0!important;border-radius:10px!important}
#projectsView #projectsTableWrap>.project-card .project-cover-fallback span{font-size:14px!important}
#projectsView #projectsTableWrap>.project-card .project-cover-fallback small{font-size:8px!important}
#projectsView #projectsTableWrap>.project-card .project-card-cover-overlay{inset:0!important;padding:5px!important;align-items:flex-start!important}
#projectsView #projectsTableWrap>.project-card .project-code-badge,#projectsView #projectsTableWrap>.project-card .status-pill{font-size:8px!important;padding:3px 5px!important}
#projectsView #projectsTableWrap>.project-card>.project-card-main{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;flex:0 0 51px!important;
  width:100%!important;min-height:0!important;margin:0!important;padding:0!important;gap:5px!important;overflow:hidden!important
}
#projectsView #projectsTableWrap>.project-card .project-card-copy{min-width:0!important;overflow:hidden!important}
#projectsView #projectsTableWrap>.project-card .project-card-copy h3{margin:0!important;font-size:13px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#projectsView #projectsTableWrap>.project-card .project-card-copy>p{margin:1px 0!important;font-size:9px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#projectsView #projectsTableWrap>.project-card .project-contact-line{display:flex!important;align-items:center!important;gap:4px!important;margin:2px 0 0!important;min-width:0!important;overflow:hidden!important}
#projectsView #projectsTableWrap>.project-card :is(.project-map-link,.project-manager-chip){min-width:0!important;max-width:50%!important;font-size:8px!important;line-height:1.1!important}
#projectsView #projectsTableWrap>.project-card .project-manager-chip img,#projectsView #projectsTableWrap>.project-card .project-manager-chip>span{width:18px!important;height:18px!important;min-width:18px!important}
#projectsView #projectsTableWrap>.project-card .project-manager-chip small{font-size:7px!important;line-height:1.05!important}
#projectsView #projectsTableWrap>.project-card .progress-ring{width:34px!important;height:34px!important;min-width:34px!important;margin:0!important}
#projectsView #projectsTableWrap>.project-card .progress-ring span{font-size:8px!important}
#projectsView #projectsTableWrap>.project-card .progress-ring small{display:none!important}
#projectsView #projectsTableWrap>.project-card>.project-stat-row{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:0 0 52px!important;
  width:100%!important;min-height:0!important;margin:0!important;padding:0!important;gap:3px!important;overflow:hidden!important
}
#projectsView #projectsTableWrap>.project-card>.project-stat-row>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;min-width:0!important;padding:3px 5px!important;border-radius:6px!important}
#projectsView #projectsTableWrap>.project-card>.project-stat-row span{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#projectsView #projectsTableWrap>.project-card>.project-stat-row strong{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#projectsView #projectsTableWrap>.project-card>.project-custom-metrics{display:flex!important;flex:0 0 18px!important;width:100%!important;min-width:0!important;gap:3px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important}
#projectsView #projectsTableWrap>.project-card>.project-custom-metrics>div{display:flex!important;align-items:center!important;gap:3px!important;min-width:max-content!important;padding:1px 5px!important;border-radius:6px!important}
#projectsView #projectsTableWrap>.project-card>.project-custom-metrics :is(span,strong){font-size:7px!important;line-height:1!important}
#projectsView #projectsTableWrap>.project-card :is(.archive-reason,.pending-delete-note){flex:0 0 auto!important;max-height:20px!important;margin:0!important;padding:3px 5px!important;font-size:7px!important;line-height:1.2!important;overflow:hidden!important}
#projectsView #projectsTableWrap>.project-card>.project-card-actions{
  position:relative!important;z-index:8!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto!important;
  align-items:stretch!important;gap:4px!important;width:100%!important;min-height:32px!important;margin-top:auto!important;padding:0!important;overflow:visible!important
}
#projectsView #projectsTableWrap>.project-card>.project-card-actions :is(.button,summary){display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:32px!important;height:32px!important;margin:0!important;padding:4px 6px!important;font-size:8px!important;line-height:1.1!important;white-space:normal!important;text-align:center!important;cursor:pointer!important;box-sizing:border-box!important}
#projectsView #projectsTableWrap .project-actions-dropdown,#projectsView #projectsTableWrap .project-card-management-menu{position:relative!important;min-width:0!important;margin:0!important}
#projectsView #projectsTableWrap .project-card-management-menu>summary{list-style:none!important}
#projectsView #projectsTableWrap .project-card-management-menu>summary::-webkit-details-marker{display:none!important}
#projectsView #projectsTableWrap .project-card-management-actions{
  position:absolute!important;z-index:90!important;inset-inline-end:0!important;bottom:calc(100% + 6px)!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:210px!important;padding:8px!important;
  border:1px solid rgba(112,139,158,.3)!important;border-radius:11px!important;background:var(--ds-surface,#fff)!important;box-shadow:0 18px 40px rgba(15,23,42,.22)!important
}
#projectsView #projectsTableWrap .project-dropdown-menu{z-index:95!important;max-height:min(380px,60vh)!important;overflow-y:auto!important}
@media(max-width:1180px){#projectsView #projectsTableWrap.project-cards-grid{grid-template-columns:repeat(3,minmax(0,300px))!important}}
@media(max-width:760px){
  #projectsView #projectsTableWrap.project-cards-grid{grid-template-columns:repeat(2,minmax(0,300px))!important;justify-content:start!important}
  #projectsView #projectsTableWrap>.project-card{width:min(300px,calc(100vw - 42px))!important;max-width:calc(100vw - 42px)!important}
}
@media(max-width:520px){#projectsView #projectsTableWrap.project-cards-grid{grid-template-columns:minmax(0,300px)!important}}
@media(prefers-reduced-motion:reduce){#projectsView #projectsTableWrap.project-cards-grid{scroll-behavior:auto!important}#projectsView #projectsTableWrap>.project-card{transition:none!important}}