/* Custom styles for Window Ops */

/* Compact table style */
.table-compact th {
  @apply text-xs uppercase tracking-wide text-slate-500 font-medium text-left px-2 py-2 border-b border-slate-200;
}
.table-compact td {
  @apply px-2 py-2 border-b border-slate-100 text-sm;
}
.table-compact tr:hover td {
  background-color: rgb(248 250 252);
}

/* Form inputs */
input.wo-input, select.wo-input, textarea.wo-input {
  @apply w-full px-3 py-2 border border-slate-300 rounded text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none;
}
label.wo-label {
  @apply block text-xs font-medium text-slate-700 uppercase tracking-wide mb-1;
}

/* Buttons */
.btn {
  @apply inline-flex items-center gap-2 px-4 py-2 rounded font-medium text-sm cursor-pointer transition-colors;
}
.btn-primary {
  @apply bg-blue-600 text-white hover:bg-blue-700;
}
.btn-secondary {
  @apply bg-slate-200 text-slate-800 hover:bg-slate-300;
}
.btn-danger {
  @apply bg-red-600 text-white hover:bg-red-700;
}
.btn-ghost {
  @apply text-slate-600 hover:text-slate-900 hover:bg-slate-100;
}

/* Cards */
.card {
  @apply bg-white rounded-lg border border-slate-200 shadow-sm p-5;
}

/* Chip / badge */
.chip {
  @apply inline-block px-2 py-0.5 text-xs rounded bg-slate-100 text-slate-700 border border-slate-200;
}
.chip-blue { @apply bg-blue-50 text-blue-700 border-blue-200; }
.chip-green { @apply bg-green-50 text-green-700 border-green-200; }
.chip-amber { @apply bg-amber-50 text-amber-700 border-amber-200; }

/* Small helpers */
.divider {
  @apply border-t border-slate-200 my-4;
}