/* Experiment controlat: portofoliul folosește ritmul compact al rândurilor din Raport ITM. */
.admin-portfolio-unified-section .portfolio-card-list-refined {
  gap: 0 !important;
  padding: 0 !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card {
  min-height: 0 !important;
  padding: 9px 12px 8px 16px !important;
  gap: 4px !important;
  border: 0 !important;
  border-bottom: 1px solid #d8e3e0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card::before {
  top: 12px !important;
  bottom: 12px !important;
  width: 3px !important;
  opacity: .18 !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card:hover,
.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card:focus-visible,
.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card:focus-within,
.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card[data-expanded="true"] {
  border: 0 !important;
  border-bottom: 1px solid #c8dfda !important;
  border-radius: 0 !important;
  background: #f1fbf9 !important;
  box-shadow: none !important;
  transform: none !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card:hover::before,
.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card:focus-visible::before,
.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card:focus-within::before,
.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card[data-expanded="true"]::before {
  top: 8px !important;
  bottom: 8px !important;
  opacity: 1 !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > .row.between {
  gap: 8px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > .row.between > div:first-child > div:first-child {
  font-size: 15px !important;
  line-height: 1.18 !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > .row.between > div:first-child > .tiny {
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined .portfolio-card-action-tiles {
  min-width: 104px !important;
  align-self: stretch !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined .portfolio-card-action-tile {
  min-width: 52px !important;
  min-height: 42px !important;
  padding: 3px 7px !important;
  font-size: 11px !important;
  background: transparent !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > div:nth-child(2) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > div:nth-child(2) > div {
  min-height: 34px !important;
  padding: 2px 10px !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > div:nth-child(2) > div > .tiny {
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}

.admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > div:nth-child(2) > div > div:last-child {
  margin-top: 1px !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
}

@media (max-width: 760px) {
  .admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > .row.between {
    flex-wrap: wrap !important;
  }

  .admin-portfolio-unified-section .portfolio-card-list-refined > .inspector-profile-portfolio-card > div:nth-child(2) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-portfolio-unified-section .portfolio-card-list-refined .portfolio-card-action-tiles {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final reference layout for dossier summary tiles. This file loads after the base bundle. */
html body #root .internal-grouped-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: none !important;
  gap: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile,
html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(n) {
  position: relative !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 100px !important;
  max-height: none !important;
  padding: 18px 28px !important;
  border: 0 !important;
  border-right: 1px solid #d7e0e9 !important;
  border-bottom: 1px solid #d7e0e9 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #172033 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(2n) {
  border-right: 0 !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile::after {
  content: none !important;
  display: none !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 18px !important;
  bottom: 18px !important;
  width: 3px !important;
  border-radius: 0 999px 999px 0 !important;
  background: #12a89c !important;
  opacity: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  pointer-events: none !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile:hover,
html body #root .internal-grouped-grid > .internal-grouped-tile:focus-visible,
html body #root .internal-grouped-grid > .internal-grouped-tile:active {
  z-index: 20 !important;
  outline: none !important;
  background: #fff !important;
  color: #172033 !important;
  transform: translateY(-3px) scale(1.012) !important;
  box-shadow: 0 14px 28px rgba(15,23,42,.14), 0 5px 12px rgba(15,23,42,.07) !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile:hover::before,
html body #root .internal-grouped-grid > .internal-grouped-tile:focus-visible::before,
html body #root .internal-grouped-grid > .internal-grouped-tile:active::before {
  opacity: 1 !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile:hover *,
html body #root .internal-grouped-grid > .internal-grouped-tile:focus-visible *,
html body #root .internal-grouped-grid > .internal-grouped-tile:active * {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
}

html body #root .client-dossier-footer-panel .client-dossier-footer-line::after,
html body #root .client-dossier-footer-panel .client-dossier-recent-document::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 700px) {
  html body #root .internal-grouped-grid {
    grid-template-columns: 1fr !important;
  }

  html body #root .internal-grouped-grid > .internal-grouped-tile,
  html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(n) {
    border-right: 0 !important;
  }
}

/* Compact final geometry: do not stretch the summary cards across the whole page. */
html body #root .internal-grouped-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 100px !important;
  width: min(100%, 626px) !important;
  max-width: 626px !important;
  justify-content: start !important;
  align-content: start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile,
html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(n),
html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(3n),
html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(3n + 1) {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
  box-sizing: border-box !important;
  padding: 16px 28px !important;
  border: 0 !important;
  border-right: 1px solid #d7e0e9 !important;
  border-bottom: 1px solid #d7e0e9 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  overflow: visible !important;
  transform: none !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(2n) {
  border-right: 0 !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile:hover,
html body #root .internal-grouped-grid > .internal-grouped-tile:focus-visible {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(15,23,42,.10) !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile > div:first-child {
  font-size: 28px !important;
  line-height: 1 !important;
}

html body #root .internal-grouped-grid > .internal-grouped-tile > div:nth-child(2) > div:first-child {
  margin-top: 7px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

@media (max-width: 700px) {
  html body #root .internal-grouped-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #root .internal-grouped-grid > .internal-grouped-tile,
  html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(n) {
    border-right: 1px solid #d7e0e9 !important;
  }

  html body #root .internal-grouped-grid > .internal-grouped-tile:nth-child(2n) {
    border-right: 0 !important;
  }
}

/* Contact and recent documents use the same compact tile language as the summary grid. */
html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > :first-child,
html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .btn:last-child {
  grid-column: 1 / -1 !important;
}

html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > :first-child {
  padding: 0 14px 12px !important;
}

html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .client-dossier-contact-edit {
  min-width: 0 !important;
  min-height: 84px !important;
  padding: 14px !important;
  border: 0 !important;
  border-right: 1px solid #d7e0e9 !important;
  border-bottom: 1px solid #d7e0e9 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .client-dossier-contact-edit:nth-of-type(2n) {
  border-right: 0 !important;
}

html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .client-dossier-contact-edit:nth-of-type(3) {
  grid-column: 1 / -1 !important;
  border-right: 0 !important;
}

html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .client-dossier-contact-edit > span:last-child {
  font-size: 22px !important;
  line-height: 1.15 !important;
}

html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .client-dossier-contact-edit > span:first-child {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .btn:last-child {
  width: 100% !important;
  min-height: 40px !important;
  margin-top: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #d7e0e9 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body #root .client-dossier-footer-panel:not(:has(.client-dossier-contact-edit)) .client-dossier-recent-document {
  min-height: 84px !important;
  padding: 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #d7e0e9 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body #root .client-dossier-footer-panel:not(:has(.client-dossier-contact-edit)) .client-dossier-recent-document > span:first-child > span:first-child {
  font-size: 19px !important;
  line-height: 1.2 !important;
}

html body #root .client-dossier-footer-panel:not(:has(.client-dossier-contact-edit)) .client-dossier-recent-document > span:first-child > span:last-child {
  margin-top: 5px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

html body #root .client-dossier-footer-panel .client-dossier-contact-edit:hover,
html body #root .client-dossier-footer-panel .client-dossier-recent-document:hover,
html body #root .client-dossier-footer-panel .client-dossier-contact-edit:focus-visible,
html body #root .client-dossier-footer-panel .client-dossier-recent-document:focus-visible {
  z-index: 2 !important;
  background: #fff !important;
  color: #172033 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.10) !important;
  outline: none !important;
}

@media (max-width: 700px) {
  html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) {
    grid-template-columns: 1fr !important;
  }

  html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .client-dossier-contact-edit,
  html body #root .client-dossier-footer-panel:has(.client-dossier-contact-edit) > .client-dossier-contact-edit:nth-of-type(3) {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
  }
}