/* calibration-type-popover.css
   Styling for the Bootstrap popover that displays the calibration comparison table.
*/

.calib-popover.popover {
  max-width: 700px; /*was 920 allow wide content */
}

.calib-popover .popover-body {
  padding: 0;
}

.calib-popover-shell {
    width: min(900px, 92vw); /*was 900px, 92vw    680-86*/
	/*width: 100%*/
}

.calib-popover-header {
  padding: 12px 14px 10px 14px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.calib-popover-title {
  font-weight: 700; 
  font-size: 0.95rem; 
  line-height: 1.2;
}

.calib-popover-subtitle {
  margin-top: 2px;
  font-size: 0.85rem;
  opacity: 0.8;
}

.calib-popover-tablewrap {
  max-height: 40vh; /*was 60*/
  overflow: auto;
  padding: 10px 12px;   /*was 10 12*/
  background: #fff;
}

.calib-popover-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 760px; /* forces horizontal scroll on small screens */
  font-size: 0.8rem;    /*was .9*/
}

.calib-popover-table th,
.calib-popover-table td {
  padding: 8px 8px;   /*was 10 10*/
  border-bottom: 1px solid #eef2f7;
  vertical-align: top;
  background: #fff;
}

.calib-popover-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  border-bottom: 1px solid #e5e7eb;
  background: #f8fafc;
  font-weight: 700;
}

.calib-sticky-col {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
  border-right: 1px solid #eef2f7;
}

.calib-popover-table thead .calib-sticky-col {
  z-index: 4;
  background: #f8fafc;
}

.calib-feature-cell {
  width: 34%;
  min-width: 260px;
}

.calib-mark-cell {
  text-align: center;
  width: 16.5%;
  min-width: 140px;
  font-weight: 700;
}

.calib-section-row td {
  background: #f1f5f9;
  font-weight: 700;
  border-bottom: 1px solid #e2e8f0;
}

.calib-section-cell {
  padding: 10px 10px;
}

.calib-popover-footnote {
  padding: 10px 14px 12px 14px;
  border-top: 1px solid #e5e7eb;
  background: #fff;
  font-size: 0.82rem;
  opacity: 0.8;
}