/* ============================================================
   DiagMyPCHub — tools page styles
   The topic toolbar, filter, grid and topic-card base styles are
   reused from css/hardware.css (loaded on this page too).
   This file only adds the diagnostic-tool slot.
   ============================================================ */

/* Clear placeholder area where each future diagnostic tool will
   be mounted. When a tool is built, insert its markup inside
   .tool-slot and remove the placeholder icon/label. */
.tool-slot {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  min-height: 132px;
  padding: 14px;
  background: var(--bg);
  border: 1px dashed var(--line-2);
  border-radius: 8px;
  color: var(--ink-3);
  text-align: center;
}
.tool-slot-label {
  font: 500 0.68rem var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}