warranty machine column with map hover; opaque settings dialogs

plugins/warranty/frontend/views/WarrantiesList.vue

@@ -40,6 +40,7 @@
                 <th>Service Level</th>
                 <th>Ends</th>
                 <th>Covers</th>
+                <th>Machine #</th>
                 <th>Actions</th>
               </tr>
             </thead>
@@ -53,6 +54,12 @@
                   <span v-if="!w.assets.length" class="muted">-</span>
                   <router-link v-for="a in w.assets" :key="a.assetid" :to="assetLink(a)" class="asset-chip" :title="a.name || a.assetnumber">{{ a.assetnumber }}</router-link>
                 </td>
+                <td>
+                  <template v-for="a in w.assets" :key="`m-${a.assetid}`">
+                    <MachineMapChip v-if="a.machine" :machine="a.machine" />
+                  </template>
+                  <span v-if="!w.assets.some(a => a.machine)" class="muted">-</span>
+                </td>
                 <td class="actions">
                   <button v-if="w.provider !== 'manual'" class="btn btn-secondary btn-sm" @click="refresh(w)">Refresh</button>
                   <button class="btn btn-secondary btn-sm" @click="openModal(w)">Edit</button>
@@ -163,6 +170,7 @@ import { colorStyle } from '@/utils/colorStyle'
 import { warrantyApi, assetsApi, vendorsApi } from '@/api'
 import { useToast } from '@/composables/toast'
 import { apiError } from '@/utils/apiError'
+import MachineMapChip from '../components/MachineMapChip.vue'
 
 const toast = useToast()
 const route = useRoute()
@@ -390,7 +398,7 @@ async function refresh(w) {
 .asset-search { position: relative; }
 .asset-results {
   position: absolute; z-index: 10; left: 0; right: 0; margin: 2px 0 0;
-  padding: 0; list-style: none; background: var(--bg-card);
+  padding: 0; list-style: none; background: var(--bg-card-solid);
   border: 1px solid var(--border); border-radius: 6px; max-height: 200px; overflow-y: auto;
 }
 .asset-results li { padding: 0.45rem 0.6rem; cursor: pointer; }