/* Stock Query — component styles */

.recent-table tr.has-stock { background: #F0FDF4; }
.recent-table tr.has-stock:hover { background: #DCFCE7; }

.badge { display: inline-block; padding: 0.1rem 0.35rem; border-radius: 3px; font-size: 0.68rem; font-weight: 700; color: #fff; margin: 0.05rem; }
.fill-low  { background: #71717A; }
.fill-ok   { background: #30A46C; }
.fill-high { background: #F97316; }
.fill-full { background: #E5484D; }

.btn-sm-del { background: #E5484D; }
.btn-sm-del:hover { background: #CC2F33; }

.btn-orange { background: #F97316; }
.btn-orange:hover { background: #EA6C00; }
.btn-orange:disabled { background: #FED7AA; }

.lot-trace-panel { display: none; margin-top: 0.75rem; }
.lot-trace-panel.open { display: block; }
.lot-trace-section { margin-bottom: 0.75rem; }
.lot-trace-section h5 { font-size: 0.78rem; font-weight: 700; color: #5B5BD6; margin-bottom: 0.3rem; border-bottom: 1px solid #e4e4e7; padding-bottom: 0.2rem; }
.trace-table { width: 100%; border-collapse: collapse; font-size: 0.72rem; }
.trace-table th, .trace-table td { border: 1px solid #e4e4e7; padding: 0.2rem 0.35rem; }
.trace-table th { background: #f1f5f9; color: #71717a; font-size: 0.65rem; text-transform: uppercase; }