/* Compact component workstations, using the Q.C. Ready / Matched tile language.
   Scope styles to the component workflow so the frame tracker and iPad drawers
   keep their existing layout and touch targets. */
.component-workflow .component-workflow-batch{
  margin:14px 0 20px;
  border:0;
  background:transparent;
  overflow:visible;
}
.component-workflow .component-workflow-batch-heading{
  margin-bottom:9px;
  border:1px solid #d4dbd4;
  border-radius:9px;
  padding:10px 12px;
}
.component-workflow .component-workflow-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));
  gap:10px;
  align-items:stretch;
}
.component-workflow .component-workflow-item{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:9px;
  min-width:0;
  min-height:178px;
  margin:0;
  padding:13px;
  border:1px solid #b9cadc;
  border-radius:12px;
  background:#eff5fb;
  box-shadow:inset 4px 0 #7899b9;
}
.component-workflow .component-workflow-item-main{flex:0 1 auto;min-width:0;}
.component-workflow .component-workflow-tile-eyebrow{
  margin-bottom:5px;
  font-size:10px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#3b5b78;
}
.component-workflow .component-workflow-item h3{
  margin:0 0 7px;
  font-size:17px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.component-workflow .component-workflow-item-reference,
.component-workflow .component-workflow-item-due{
  margin-top:5px;
  color:#45524c;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.component-workflow .component-workflow-spec-line{
  display:block;
  margin-top:8px;
  padding:7px 9px;
  border:1px solid #d4ded8;
  border-radius:7px;
  background:#fff;
  color:#222f29;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.component-workflow .component-workflow-item-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:6px;
  margin-top:auto;
  padding-top:8px;
  border-top:1px solid rgba(49,70,67,.13);
}
.component-workflow .component-workflow-item-actions .btn{
  flex:1 1 auto;
  min-width:95px;
  min-height:40px;
  padding:8px;
  font-size:12px;
  line-height:1.25;
  white-space:normal;
}
.component-workflow .component-workflow-operational-alerts{min-width:0;}
.component-workflow .component-workflow-operational-alerts *{max-width:100%;}
.component-workflow .component-workflow-alert{
  overflow-wrap:anywhere;
  line-height:1.3;
}
.component-workflow .component-workflow-qc-card.unmatched{
  border-color:#d7bd70;
  background:#fff7dd;
  box-shadow:inset 4px 0 #c18b25;
}
.component-workflow .component-workflow-qc-card.unmatched .component-workflow-tile-eyebrow{color:#765318;}
.component-workflow .component-workflow-qc-card.matched{
  border-color:#7dab8b;
  background:#e5f5e8;
  box-shadow:inset 4px 0 #2e8050;
}
.component-workflow .component-workflow-qc-card.matched .component-workflow-tile-eyebrow{color:#225e3a;}
@media(max-width:620px){
  .component-workflow .component-workflow-card-grid{grid-template-columns:1fr;}
}

/* One clear entry point for inspecting physical stock not yet linked to an order. */
.component-workflow .component-workflow-new-qc{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
  margin:12px 0;
  padding:16px 18px;
  border:1px solid #9eb5a7;
  border-left:5px solid #31754e;
  border-radius:12px;
  background:#f0f7f1;
}
.component-workflow .component-workflow-new-qc h3{
  margin:3px 0 5px;
  font-size:18px;
}
.component-workflow .component-workflow-new-qc p{
  max-width:680px;
  margin:0;
  font-size:13px;
  line-height:1.4;
  color:#40554a;
}
.component-workflow .component-workflow-new-qc .btn{min-height:46px;}
.qc-pool-drawer .qc-focused-order{
  border:2px solid #7197b6;
  background:#edf5fc;
}
.qc-pool-drawer .qc-focused-order .qc-section-heading{margin:0;}
.qc-pool-drawer .qc-order-shortcut.qc-order-focused{
  outline:3px solid #356b91;
  outline-offset:2px;
}
.qc-pool-drawer .qc-inspected-card.qc-unit-focused{
  outline:3px solid #347953;
  outline-offset:2px;
}
@media(max-width:620px){
  .component-workflow .component-workflow-new-qc{align-items:stretch;}
  .component-workflow .component-workflow-new-qc .btn{width:100%;}
}

.component-workflow-qc-explanation{padding:12px 16px;background:#eff5fb;border-left:4px solid #7899b9;line-height:1.5}
.component-workflow-matched-records{padding:16px;border:1px solid #b9cdbd;border-radius:12px;background:#f5faf5;margin-top:18px}
.component-workflow-matched-records>summary{cursor:pointer;font-weight:800;min-height:44px;display:list-item}
.component-workflow-pending-orders>h3{margin-top:22px}