/* Labels tab (assets/labels.js) - label packages published to activation keys */
#tab-labels .dash-kpi-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lab-drawer .lab-body { display: flex; flex-direction: column; gap: var(--space-md); }
.lab-url-row { display: flex; gap: var(--space-sm); align-items: center; flex-wrap: wrap; margin-bottom: 6px; }
.lab-url { flex: 1 1 260px; min-width: 0; padding: 9px 12px; border-radius: var(--radius-default); background: var(--surface-container-low); box-shadow: var(--shadow-inset); overflow-wrap: anywhere; user-select: all; }
.lab-actions { display: inline-flex; gap: 6px; white-space: nowrap; }
.lab-actions .btn[disabled] { opacity: .45; cursor: default; }
.lab-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--space-sm); }
.lab-card { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: var(--radius-default); background: var(--surface-container-low); box-shadow: var(--shadow-inset); min-width: 0; }
.lab-card b { overflow-wrap: anywhere; }
.lab-card-ic { color: var(--accent-primary); display: flex; }
tr.lab-sel > td { background: color-mix(in srgb, var(--accent-primary) 10%, transparent); }
@media (max-width: 600px) {
  #tab-labels .dash-kpi-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #tab-labels .kpi-label { font-size: 11px; }
  .lab-actions .btn { padding: 6px 8px; }
}