/* Minimal extras Tailwind utility classes don't cover cleanly */

.bg-grid {
  background-image:
    linear-gradient(to right, rgba(18,21,28,0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(18,21,28,0.06) 1px, transparent 1px);
  background-size: 28px 28px;
}

.tool-card {
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.tool-card:hover {
  transform: translateY(-3px);
  border-color: #0F9E93;
  box-shadow: 0 10px 24px -12px rgba(18,21,28,0.25);
}

textarea:focus, input:focus, select:focus, button:focus-visible {
  outline: 2px solid #0F9E93;
  outline-offset: 2px;
}

::selection {
  background: #0F9E93;
  color: #F6F5F1;
}

.font-700 { font-weight: 700; }
.font-600 { font-weight: 600; }

.toast {
  transition: opacity .2s ease, transform .2s ease;
}