/*
  PP Lead Detail module styles.
  The shared .pp-* shell and carousel remain in prmheader.css; this file owns
  the Lead Detail (Lead Information) card/table anatomy and is shared by every
  language of the page through a single include in the PP Lead Detail template.
  added by Jony Claude on 20260827
*/

/* --- Back-to-dashboard link ------------------------------------------------ */
.ld-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--pp-color-white);
  text-decoration: none;
}
/* Arrow is the design owner's actual back glyph (16x12 filled return-arrow
   the same path as PP-Partner-Competency's .pc-detail__backglyph) in brand
   red #D71920 — board Frame 1875 "Red". Drawn as a CSS mask so portal CSS
   cannot strip it. */
.ld-back::before {
  content: "";
  flex: none;
  width: 16px;
  height: 12px;
  background-color: #d71920;
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M15.7793 5.02441H2.11623V6.78715H15.7793V5.02441Z'/%3E%3Cpath d='M5.90597 11.8127L7.14062 10.5781L2.46808 5.90636L7.14062 1.23465L5.90597 0L0.000442028 5.90638L5.90597 11.8127Z'/%3E%3C/svg%3E") no-repeat center / 16px 12px;
          mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M15.7793 5.02441H2.11623V6.78715H15.7793V5.02441Z'/%3E%3Cpath d='M5.90597 11.8127L7.14062 10.5781L2.46808 5.90636L7.14062 1.23465L5.90597 0L0.000442028 5.90638L5.90597 11.8127Z'/%3E%3C/svg%3E") no-repeat center / 16px 12px;
}
.ld-back:hover { text-decoration: underline; }

/* --- Root / title / action row -------------------------------------------- */
.ld-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

/* --- Section cards (Table surface, Frame 1879) ------------------------------
   Table - fill only, radius 10 — the board's section cards have NO stroke.
   (Contrast: the inner List containers .ld-kvgrp and .ld-benchcard DO carry the
   1px #364153 List stroke of Frame 1806.) */
.ld-sec {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  background: rgba(30, 41, 57, 0.5);
  border: none;
  border-radius: var(--pp-radius);
}

/* --- Key/value grid rows (List surface, Frame 1806) ------------------------ */
.ld-kvgrp {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: 16px;
  padding: 16px;
  background: rgba(16, 24, 40, 0.5);
  border: 1px solid #364153;
  border-radius: var(--pp-radius);
}
.ld-kv {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.ld-kv__value {
  word-break: break-word;
}

/* --- Inquiry / requirement / description paragraph ------------------------ */
.ld-body { white-space: pre-wrap; }

/* --- Assessment benchmark table ------------------------------------------- */
.ld-bench {
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
}
.ld-bench th,
.ld-bench td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #364153;
}
.ld-bench th { color: var(--pp-color-body-dark); }
.ld-bench td { color: var(--pp-color-white); vertical-align: top; }
.ld-bench tr:last-child th,
.ld-bench tr:last-child td { border-bottom: none; }

/* --- Assessment inner List container (Frame 1806) -------------------------- */
.ld-benchcard {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: rgba(16, 24, 40, 0.5);
  border: 1px solid #364153;
  border-radius: var(--pp-radius);
}

/* --- SOURCE -> red button + Assessment red CTA ------------------------------ */
/* Both carry the board's red arrow. The board's arrow colour #E6E7E8 is a frozen
   legacy token (rejected in guideline §2.4), so the arrow renders White —
   report, don't match (§8 principle 0). */
.ld-bench-link,
.ld-bench-cta,
/* Register a Deal CTA sits below the whole lead-info block (Frame 1879 gap 8),
   as a sibling to the lead-info List — not inside the SOURCE cell.
   modified by Jony Claude on 20260828 */
.ld-overview-cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--pp-color-white);
  /* Register CTA label is Caption 500/14/16 per the board */
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.ld-bench-cta {
  background: var(--pp-color-brand);
}

.ld-bench-link__arrow,
.ld-bench-cta__arrow {
  flex: none;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.66668 7.33332H11.4467L9.52668 5.41332C9.26668 5.15332 9.26668 4.73332 9.52668 4.47332C9.78668 4.21332 10.2067 4.21332 10.4667 4.47332L13.5267 7.53332C13.7867 7.79332 13.7867 8.21332 13.5267 8.47332L10.4667 11.5333C10.2067 11.7933 9.78668 11.7933 9.52668 11.5333C9.26668 11.2733 9.26668 10.8533 9.52668 10.5933L11.4467 8.66665H2.66668C2.30001 8.66665 2.00001 8.36665 2.00001 7.99999C2.00001 7.63332 2.30001 7.33332 2.66668 7.33332Z' fill='%23E6E7E8'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
          mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.66668 7.33332H11.4467L9.52668 5.41332C9.26668 5.15332 9.26668 4.73332 9.52668 4.47332C9.78668 4.21332 10.2067 4.21332 10.4667 4.47332L13.5267 7.53332C13.7867 7.79332 13.7867 8.21332 13.5267 8.47332L10.4667 11.5333C10.2067 11.7933 9.78668 11.7933 9.52668 11.5333C9.26668 11.2733 9.26668 10.8533 9.52668 10.5933L11.4467 8.66665H2.66668C2.30001 8.66665 2.00001 8.36665 2.00001 7.99999C2.00001 7.63332 2.30001 7.33332 2.66668 7.33332Z' fill='%23E6E7E8'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
}

/* --- Modal / toast surfaces (module-scoped, does not touch common-modal) -- */
.ld-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.ld-backdrop.active { display: flex; }

.ld-dialog {
  box-sizing: border-box;
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow: auto;
  padding: 24px;
  background: #1a1d29;
  border: 1px solid #364153;
  border-radius: var(--pp-radius);
  color: var(--pp-color-white);
}

.ld-toast {
  position: fixed;
  left: 50%;
  bottom: 32px;
  z-index: 2100;
  display: none;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  transform: translateX(-50%);
  background: #1a1d29;
  border: 1px solid #364153;
  border-radius: 6px;
  color: var(--pp-color-white);
}
.ld-toast.active { display: flex; }

/* Frame 1806's six Overview cells use the board's fixed content widths:
   128 + 256 + 128 + 128 + 128 + 256, with 8px between cells. The generic
   two-column list remains for the other sections. */
.ld-overview-list {
  grid-template-columns: 128px 256px 128px 128px 128px 256px;
  gap: 8px;
}

/* --- Overview block (Frame 1879) --------------------------------------------
   In BOTH states the lead-info block is followed at an 8px gap by a sibling —
   either the Register a Deal CTA (no DR linked) or the clickable DR List
   (DR linked). .ld-sec--overview sets that 8px gap on top of .ld-sec's 16px;
   .ld-sec--dr additionally centres content (only when statuscode is 171060003
   and a Deal Registration is linked).
   modified by Jony Claude on 20260828 */
.ld-sec--overview {
  gap: 8px;
}
.ld-sec--dr {
  justify-content: center;
}
.ld-dealreg-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  color: var(--pp-color-body-dark);
}
.ld-dealreg-link:hover { color: var(--pp-color-white); }
.ld-dealreg-link__icon {
  /* Frame 427323188 link glyph, verbatim from the board SVG (single filled path, #D1D1D1); currentColor keeps it synced with the link text. CSS-mask idiom so portal CSS can't stop it. //modified by Jony Claude on 20260828 */
  flex: none;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.333 4.66699H9.33301C8.96634 4.66699 8.66634 4.96699 8.66634 5.33366C8.66634 5.70033 8.96634 6.00033 9.33301 6.00033H11.333C12.433 6.00033 13.333 6.90033 13.333 8.00033C13.333 9.10033 12.433 10.0003 11.333 10.0003H9.33301C8.96634 10.0003 8.66634 10.3003 8.66634 10.667C8.66634 11.0337 8.96634 11.3337 9.33301 11.3337H11.333C13.173 11.3337 14.6663 9.84033 14.6663 8.00033C14.6663 6.16033 13.173 4.66699 11.333 4.66699ZM5.33301 8.00033C5.33301 8.36699 5.63301 8.66699 5.99967 8.66699H9.99967C10.3663 8.66699 10.6663 8.36699 10.6663 8.00033C10.6663 7.63366 10.3663 7.33366 9.99967 7.33366H5.99967C5.63301 7.33366 5.33301 7.63366 5.33301 8.00033ZM6.66634 10.0003H4.66634C3.56634 10.0003 2.66634 9.10033 2.66634 8.00033C2.66634 6.90033 3.56634 6.00033 4.66634 6.00033H6.66634C7.03301 6.00033 7.33301 5.70033 7.33301 5.33366C7.33301 4.96699 7.03301 4.66699 6.66634 4.66699H4.66634C2.82634 4.66699 1.33301 6.16033 1.33301 8.00033C1.33301 9.84033 2.82634 11.3337 4.66634 11.3337H6.66634C7.03301 11.3337 7.33301 11.0337 7.33301 10.667C7.33301 10.3003 7.03301 10.0003 6.66634 10.0003Z' fill='%23D1D1D1'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
          mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.333 4.66699H9.33301C8.96634 4.66699 8.66634 4.96699 8.66634 5.33366C8.66634 5.70033 8.96634 6.00033 9.33301 6.00033H11.333C12.433 6.00033 13.333 6.90033 13.333 8.00033C13.333 9.10033 12.433 10.0003 11.333 10.0003H9.33301C8.96634 10.0003 8.66634 10.3003 8.66634 10.667C8.66634 11.0337 8.96634 11.3337 9.33301 11.3337H11.333C13.173 11.3337 14.6663 9.84033 14.6663 8.00033C14.6663 6.16033 13.173 4.66699 11.333 4.66699ZM5.33301 8.00033C5.33301 8.36699 5.63301 8.66699 5.99967 8.66699H9.99967C10.3663 8.66699 10.6663 8.36699 10.6663 8.00033C10.6663 7.63366 10.3663 7.33366 9.99967 7.33366H5.99967C5.63301 7.33366 5.33301 7.63366 5.33301 8.00033ZM6.66634 10.0003H4.66634C3.56634 10.0003 2.66634 9.10033 2.66634 8.00033C2.66634 6.90033 3.56634 6.00033 4.66634 6.00033H6.66634C7.03301 6.00033 7.33301 5.70033 7.33301 5.33366C7.33301 4.96699 7.03301 4.66699 6.66634 4.66699H4.66634C2.82634 4.66699 1.33301 6.16033 1.33301 8.00033C1.33301 9.84033 2.82634 11.3337 4.66634 11.3337H6.66634C7.03301 11.3337 7.33301 11.0337 7.33301 10.667C7.33301 10.3003 7.03301 10.0003 6.66634 10.0003Z' fill='%23D1D1D1'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
}

/* The DR List (Frame 1809): List surface + the board's own fixed columns
   (NUMBER 128 / COMPANY 256 / EMPTY 128 / STATUS 128 / PLANNED CLOSE 128 /
   OWNER 256). Rows drop to one column on narrow widths. */
.ld-dr-list {
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 128px 256px 128px 128px 128px 256px;
  align-items: start;
  gap: 8px;
  padding: 16px;
  text-decoration: none;
  background: rgba(16, 24, 40, 0.5);
  border: 1px solid #364153;
  border-radius: var(--pp-radius);
}
.ld-dr-list:hover {
  background: rgba(16, 24, 40, 0.75);
  border-color: #4b5c75;
}
.ld-dr-list__kv {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.ld-dr-list__open {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-color: var(--pp-color-white);
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.66668 7.33332H11.4467L9.52668 5.41332C9.26668 5.15332 9.26668 4.73332 9.52668 4.47332C9.78668 4.21332 10.2067 4.21332 10.4667 4.47332L13.5267 7.53332C13.7867 7.79332 13.7867 8.21332 13.5267 8.47332L10.4667 11.5333C10.2067 11.7933 9.78668 11.7933 9.52668 11.5333C9.26668 11.2733 9.26668 10.8533 9.52668 10.5933L11.4467 8.66665H2.66668C2.30001 8.66665 2.00001 8.36665 2.00001 7.99999C2.00001 7.63332 2.30001 7.33332 2.66668 7.33332Z' fill='%23E6E7E8'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
          mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.66668 7.33332H11.4467L9.52668 5.41332C9.26668 5.15332 9.26668 4.73332 9.52668 4.47332C9.78668 4.21332 10.2067 4.21332 10.4667 4.47332L13.5267 7.53332C13.7867 7.79332 13.7867 8.21332 13.5267 8.47332L10.4667 11.5333C10.2067 11.7933 9.78668 11.7933 9.52668 11.5333C9.26668 11.2733 9.26668 10.8533 9.52668 10.5933L11.4467 8.66665H2.66668C2.30001 8.66665 2.00001 8.36665 2.00001 7.99999C2.00001 7.63332 2.30001 7.33332 2.66668 7.33332Z' fill='%23E6E7E8'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
}

/* Narrow-width reflow ------------------------------------------------------- */
@media (max-width: 745px) {
  .ld-kvgrp { grid-template-columns: 1fr; }
  .ld-overview-list { grid-template-columns: 1fr; }
  .ld-dr-list { grid-template-columns: 1fr; }
  .ld-dr-list__open { display: none; }
  .ld-sec { padding: 20px; }
}