/* ONTECHLAB minimal dark theme tweaks on top of Tailwind */
html, body { background: #0a0a0a; }

input, textarea, select {
  background: #141414;
  border: 1px solid #262626;
  color: #fafafa;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  width: 100%;
}
input:focus, textarea:focus, select:focus { outline: none; border-color: #525252; }

table { width: 100%; border-collapse: collapse; font-size: 14px; }
table th { text-align: left; padding: 10px 12px; background: #1a1a1a; color: #a3a3a3; font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; }
table td { padding: 12px; border-top: 1px solid #262626; }
table tr:hover td { background: #141414; }

.btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; border: 1px solid transparent; transition: all 0.15s; }
.btn-primary { background: #fafafa; color: #0a0a0a; }
.btn-primary:hover { background: #e5e5e5; }
.btn-outline { background: transparent; border-color: #262626; color: #fafafa; }
.btn-outline:hover { background: #141414; }
.btn-danger { background: transparent; border-color: #ef4444; color: #ef4444; }
.btn-danger:hover { background: #ef444420; }
.btn-sm { padding: 4px 10px; font-size: 12px; }

.card { background: #141414; border: 1px solid #262626; border-radius: 8px; }

.badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 500; border: 1px solid; }

code, pre { font-family: ui-monospace, "SF Mono", Menlo, monospace; }
pre { background: #0a0a0a; border: 1px solid #262626; padding: 12px; border-radius: 6px; overflow-x: auto; font-size: 12px; }