<?php
/* minimal CSS additions on top of Tailwind CDN */
.heatmap-cell { width: 28px; height: 28px; border-radius: 4px; display: inline-block; }
.table-row:hover { background: #f8fafc; }
.kpi { font-size: 2rem; font-weight: 700; }
.fade-in { animation: fadeIn .2s; }
@keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }
code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
pre { background: #0f172a; color: #e2e8f0; padding: 12px; border-radius: 6px; overflow-x: auto; }
.stat-card { background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; }
.signal-card { background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 12px 14px; }
.signal-card.hot { border-left: 4px solid #ef4444; }
.signal-card.warm { border-left: 4px solid #f59e0b; }
.signal-card.cold { border-left: 4px solid #94a3b8; }
.btn { display:inline-block; padding:6px 14px; border-radius:6px; font-size:14px; font-weight:500; cursor:pointer; border:1px solid transparent; }
.btn-primary { background:#4f46e5; color:white; }
.btn-primary:hover { background:#4338ca; }
.btn-secondary { background:white; border-color:#cbd5e1; color:#334155; }
.btn-secondary:hover { background:#f8fafc; }
.btn-danger { background:#dc2626; color:white; }
.input { width:100%; padding:7px 10px; border:1px solid #cbd5e1; border-radius:6px; font-size:14px; }
.input:focus { outline:2px solid #6366f1; outline-offset:-1px; }
.label { display:block; font-size:13px; font-weight:500; color:#475569; margin-bottom:4px; }