.criteriaReviewBoard{
  display:grid;
  gap:14px;
}

.criteriaReviewBoard__hero{
  display:grid;
  gap:14px;
  background:
    linear-gradient(135deg, rgba(0,96,160,.08), rgba(255,255,255,.96) 48%),
    rgba(255,255,255,.94);
}

.criteriaReviewBoard__kpis{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.criteriaReviewBoard__kpi{
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.8);
}

.criteriaReviewBoard__kpi strong{
  display:block;
  font-size:19px;
  line-height:1.1;
}

.criteriaReviewBoard__kpi span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}

.criteriaReviewBoard__layout{
  display:grid;
  gap:14px;
  align-items:start;
}

.criteriaReviewBoard__sidebar,
.criteriaReviewBoard__main{
  min-width:0;
}

.criteriaReviewBoard__sidebar{
  display:grid;
  gap:12px;
}

.criteriaReviewBoard__batchList,
.criteriaReviewBoard__itemList,
.criteriaReviewBoard__familyList{
  display:grid;
  gap:8px;
  max-height:68vh;
  overflow:auto;
  overscroll-behavior:contain;
  padding-right:3px;
}

.criteriaReviewBoard__batch,
.criteriaReviewBoard__item,
.criteriaReviewBoard__family{
  width:100%;
  display:block;
  min-height:0;
  padding:12px;
  text-align:left;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.78);
}

.criteriaReviewBoard__batch:hover,
.criteriaReviewBoard__item:hover,
.criteriaReviewBoard__family:hover{
  border-color:rgba(0,96,160,.35);
}

.criteriaReviewBoard__batch.is-selected,
.criteriaReviewBoard__item.is-selected,
.criteriaReviewBoard__family.is-selected{
  border-color:rgba(0,96,160,.65);
  background:rgba(0,96,160,.07);
  box-shadow:0 0 0 3px rgba(0,96,160,.08);
}

.criteriaReviewBoard__meta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:8px;
}

.criteriaReviewBoard__filters{
  display:grid;
  gap:9px;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
}

.criteriaReviewBoard__filters label,
.criteriaReviewBoard__field{
  display:grid;
  gap:5px;
  min-width:0;
}

.criteriaReviewBoard__filters span,
.criteriaReviewBoard__field > span{
  font-size:11px;
  color:var(--muted);
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.criteriaReviewBoard__detail{
  display:grid;
  gap:14px;
}

.criteriaReviewBoard__split{
  display:grid;
  gap:12px;
}

.criteriaReviewBoard__value{
  min-width:0;
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px;
  background:#f8fafc;
}

.criteriaReviewBoard__value--proposed{
  border-color:rgba(15,118,110,.28);
  background:rgba(240,253,250,.78);
}

.criteriaReviewBoard__valueTitle{
  margin-bottom:8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--muted);
}

.criteriaReviewBoard__pre{
  margin:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  max-height:300px;
  overflow:auto;
  font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.criteriaReviewBoard__editor{
  min-height:210px;
  font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.criteriaReviewBoard__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.criteriaReviewBoard__actions button{
  flex:1 1 150px;
}

.criteriaReviewBoard__notice{
  padding:11px 12px;
  border:1px solid rgba(0,96,160,.22);
  border-radius:13px;
  background:rgba(239,246,255,.72);
  color:#1e3a5f;
  font-size:13px;
}

.criteriaReviewBoard__notice--warn{
  border-color:rgba(180,83,9,.3);
  background:rgba(255,247,237,.86);
  color:#7c2d12;
}

.criteriaReviewBoard__notice--bad{
  border-color:rgba(185,28,28,.28);
  background:rgba(254,242,242,.9);
  color:#991b1b;
}

.criteriaReviewBoard__readiness{
  display:grid;
  gap:10px;
}

.criteriaReviewBoard__progress{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:#e2e8f0;
}

.criteriaReviewBoard__progress > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#0060a0,#0f766e);
}

.criteriaReviewBoard__source{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(241,245,249,.75);
  border:1px solid var(--border);
  font-size:12px;
}

.criteriaReviewBoard__source strong{
  display:block;
  color:var(--muted);
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.criteriaReviewBoard__source > div{
  min-width:0;
  overflow-wrap:anywhere;
}

.criteriaReviewBoard__empty{
  padding:24px 14px;
  text-align:center;
  color:var(--muted);
}

.criteriaReviewBoard__tableWrap{
  max-height:560px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid var(--border);
  border-radius:13px;
}

.criteriaReviewBoard__table{
  width:100%;
  min-width:1080px;
  border-collapse:separate;
  border-spacing:0;
  font-size:12px;
}

.criteriaReviewBoard__table th,
.criteriaReviewBoard__table td{
  padding:9px 10px;
  border-bottom:1px solid var(--border);
  border-right:1px solid var(--border);
  text-align:left;
  vertical-align:top;
  line-height:1.42;
}

.criteriaReviewBoard__table th{
  position:sticky;
  top:0;
  z-index:1;
  background:#eef4f8;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.criteriaReviewBoard__table th:last-child,
.criteriaReviewBoard__table td:last-child{border-right:0}

.criteriaReviewBoard__table tbody tr:last-child td{border-bottom:0}

.criteriaReviewBoard__table td .badge{
  display:inline-flex;
  margin:0 4px 4px 0;
}

.criteriaReviewBoard__sticky{
  position:sticky;
  top:96px;
}

@media(min-width:720px){
  .criteriaReviewBoard__kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .criteriaReviewBoard__split{grid-template-columns:1fr 1fr}
}

@media(min-width:980px){
  .criteriaReviewBoard__layout{grid-template-columns:minmax(290px,.72fr) minmax(0,1.78fr)}
}

@media(max-width:979px){
  .criteriaReviewBoard__sticky{position:static}
  .criteriaReviewBoard__batchList,
  .criteriaReviewBoard__itemList,
  .criteriaReviewBoard__familyList{max-height:420px}
}