
.classification-workbench{
  margin:14px 0 18px;padding:16px;border:1px solid #3a3a3c;border-radius:16px;background:#242426;
}
.classification-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.classification-heading h3{margin:.1rem 0 .3rem;font-size:19px!important}
.classification-heading p{margin:0;color:#c7c7cc;font-size:13px}
.classification-mode{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0 0}
.classification-mode label{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}
.classification-mode input{width:18px!important;height:18px!important;min-height:18px!important}
.classification-suggestion{margin-top:14px;padding:14px;border:1px solid #4a4a4d;border-radius:14px;background:#1c1c1e}
.classification-suggestion-main{display:grid;gap:5px}
.classification-suggestion-main strong{font-size:15px;color:#f5f5f7}
.classification-suggestion-main span:not(.classification-confidence){color:#c7c7cc;font-size:13px}
.classification-confidence{justify-self:start;padding:4px 8px;border-radius:999px;background:rgba(10,132,255,.14);color:#8cc8ff;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.classification-suggestion-actions{display:flex;gap:8px;margin-top:12px}
.classification-alternatives{display:grid;gap:7px;margin-top:12px}
.classification-alternative{
  width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
  align-items:center!important;text-align:left!important;padding:10px!important;border-radius:11px!important;
  background:#2c2c2e!important;border:1px solid #3a3a3c!important
}
.classification-alternative span{display:block;color:#c7c7cc;font-size:12px}
#checklistTaxonomy option{background:#2c2c2e;color:#f5f5f7}
@media(max-width:720px){
  .classification-heading{grid-template-columns:1fr}
  .classification-heading button{justify-self:start}
  .classification-suggestion-actions{flex-wrap:wrap}
}
