/* =========================================
   QUICK FACTS — CLEAN, LINE-FREE VERSION
   (Fully scoped to #secQuickFacts)
   ========================================= */

/* Soft gradient band behind the card */
#secQuickFacts{
  background-image: radial-gradient(circle at top, #fef6ff 0%, #eef4ff 40%, #ffffff 100%);
  border-radius: 18px;
  margin-bottom: 16px;
}

/* Section wrapper (let shadows show; no clipping) */
#secQuickFacts .panelBody{
  background: transparent;
  padding: 16px 12px;
  overflow: visible !important;
}

/* White card */
#secQuickFacts .factsRowWrap{
  box-sizing: border-box;
  width: 100%;
  /* keep a small gutter on narrow screens so the right edge never clips */
  max-width: min(560px, calc(100% - 24px));
  margin: 0 auto;
  padding: 6px 0;

  background: #fff;
  border: none;
  border-radius: 20px;
  box-shadow: 0 14px 34px rgba(15,23,42,.08);

  /* kill any legacy grid/float rules from older styles */
  display: block !important;
  float: none !important;
  overflow: visible;
}

/* Each fact = one row, no lines/separators */
#secQuickFacts .factsCell{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;

  border: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  float: none !important;
}

/* Remove any theme-injected borders/pseudo dividers */
#secQuickFacts .factsCell > div,
#secQuickFacts .factsCell::before,
#secQuickFacts .factsCell::after,
#secQuickFacts .factsCell > div::before,
#secQuickFacts .factsCell > div::after{
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  content: none !important;
}

/* Label (left) */
#secQuickFacts .factsLabel{
  color: #0f172a;
  font-size: 14px;
  text-align: left;

  /* fixed column with room for the tiny icon */
  min-width: 120px;
  max-width: 190px;

  padding-left: 28px;
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 14px;
}

/* Value (right) — LEFT aligned, wraps normally, never cuts on right */
#secQuickFacts .factsValue{
  flex: 1 1 auto;
  text-align: left;
  font-weight: 600;
  color: #0f172a;

  white-space: normal;       /* allow normal wrapping */
  word-break: normal;
  overflow-wrap: anywhere;   /* break long words if needed */

  padding-right: 16px;       /* keep away from the right edge */
}

/* Small SVG icons (pure CSS, .NET 2.0 safe) */
#secQuickFacts .factsCell:nth-child(1) .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%231f2937" viewBox="0 0 24 24"><path d="M6 2h12v2H6V2zm0 4h12v2H6V6zm2 4h8v2H8v-2zm-4 4h16v8H4v-8z"/></svg>');
}
#secQuickFacts .factsCell:nth-child(2) .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%231f2937" viewBox="0 0 24 24"><path d="M12 2a5 5 0 0 1 5 5v3h2a3 3 0 0 1 3 3v6h-2v3h-4v-3H8v3H4v-3H2v-6a3 3 0 0 1 3-3h2V7a5 5 0 0 1 5-5z"/></svg>');
}
#secQuickFacts .factsCell:nth-child(3) .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%231f2937" viewBox="0 0 24 24"><path d="M3 3h18v18H3V3zm2 2v14h14V5H5zm2 2h10v2H7V7z"/></svg>');
}
#secQuickFacts .factsCell:nth-child(4) .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%231f2937" viewBox="0 0 24 24"><path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm-9 9v-1a7 7 0 0 1 14 0v1H3z"/></svg>');
}
#secQuickFacts .factsCell:nth-child(5) .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%231f2937" viewBox="0 0 24 24"><path d="M16 12a4 4 0 1 0-8 0 4 4 0 0 0 8 0zm-4 5c-4.418 0-8 1.79-8 4v1h16v-1c0-2.21-3.582-4-8-4z"/></svg>');
}
#secQuickFacts .factsCell:nth-child(6) .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%231f2937" viewBox="0 0 24 24"><path d="M4 16V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v11h2v2H2v-2h2zm2 0h12V5H6v11zm1 3a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7z"/></svg>');
}

/* Mobile tweaks */
@media (max-width: 600px){
  #secQuickFacts .factsRowWrap{
    max-width: calc(100% - 20px); /* a touch more gutter on phones */
  }
  #secQuickFacts .factsLabel{
    min-width: 110px;
    max-width: 140px;
  }
  #secQuickFacts .factsValue{
    padding-right: 12px;
    font-size: 13px;
  }
}
/* === Icon rules for the new optional rows === */
/* Each rule paints a small SVG behind the label text.
   Works in .NET 2.0 (no external icon fonts needed). */

#secQuickFacts .factsCell.icon-staff .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231f2937"><path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM3 21v-1c0-3.314 4.03-6 9-6s9 2.686 9 6v1H3z"/></svg>');
}

#secQuickFacts .factsCell.icon-staff2 .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231f2937"><path d="M4 13h16v8H4zM6 3h12v8H6z"/></svg>');
}

#secQuickFacts .factsCell.icon-bus .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231f2937"><path d="M5 4h14a2 2 0 0 1 2 2v11h1v2h-2a2 2 0 1 1-4 0H8a2 2 0 1 1-4 0H2v-2h1V6a2 2 0 0 1 2-2zm0 2v9h14V6H5z"/></svg>');
}

#secQuickFacts .factsCell.icon-rupee .factsLabel{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231f2937"><path d="M7 4h10v2H9.5a3.5 3.5 0 0 1 3.15 2H17v2h-3.66A3.5 3.5 0 0 1 9.5 13H7l7 7h-3L5 13h4.5A1.5 1.5 0 0 0 11 11.5 1.5 1.5 0 0 0 9.5 10H7V8h10V6H7V4z"/></svg>');
}

/* Ensure the label leaves space for the icon (if not already in your CSS) */
#secQuickFacts .factsLabel{
  padding-left:36px;                 /* space for icon */
  background-repeat:no-repeat;
  background-position:10px center;
  background-size:14px;
}