/* CC Bundle BUJKN + Classification UX v2.1 */
.bundle-classification-block{
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
  margin-bottom:20px;
}
.bundle-classification-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:12px;
}
.bundle-classification-head b{
  display:block;
  font-size:12px;
  color:var(--green-dark);
}
.bundle-classification-head p{
  margin:3px 0 0;
  font-size:11px;
  color:var(--muted);
  line-height:1.45;
}
.bundle-classification-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.bundle-classification{
  border:1px solid #e2d8c9;
  background:#fff;
  border-radius:13px;
  padding:11px 12px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:9px;
  align-items:center;
  text-align:left;
  color:var(--text);
  cursor:pointer;
  transition:.15s;
}
.bundle-classification:hover{
  border-color:#bfcfc6;
  background:#fafcfb;
}
.bundle-classification[aria-pressed="true"]{
  border-color:var(--green);
  background:#eef5f0;
  box-shadow:0 0 0 2px rgba(24,82,62,.06);
}
.bundle-classification-code{
  display:grid;
  place-items:center;
  min-width:38px;
  height:30px;
  border-radius:8px;
  background:#f3ead3;
  color:var(--green-dark);
  font-size:10px;
  font-weight:900;
}
.bundle-classification[aria-pressed="true"] .bundle-classification-code{
  background:var(--green);
  color:#fff;
}
.bundle-classification-copy b{
  display:block;
  font-size:11px;
  line-height:1.25;
  color:var(--green-dark);
}
.bundle-classification-copy small{
  display:block;
  margin-top:3px;
  color:#7b877f;
  font-size:9px;
}
.bundle-classification-status{
  margin-top:11px;
  padding:10px 12px;
  border-radius:10px;
  background:#f8f6f0;
  color:#65736b;
  font-size:11px;
  line-height:1.45;
}
.bundle-classification-empty{
  grid-column:1/-1;
  padding:34px 20px;
  border:1px dashed #d9d0c3;
  border-radius:14px;
  text-align:center;
  color:var(--muted);
}
.bundle-classification-empty b{
  display:block;
  color:var(--green-dark);
  margin-bottom:5px;
}
.bundle-classification-empty span{
  font-size:11px;
}
.bundle-search input:disabled{
  background:#f3f2ee;
  color:#929a95;
  cursor:not-allowed;
}
@media(max-width:1000px){
  .bundle-classification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .bundle-classification-grid{grid-template-columns:1fr}
  .bundle-classification-head{display:block}
}