.david-ai-frontend { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 24px 0; }
.david-ai-title { font-size: 24px; margin-bottom: 16px; }
.david-ai-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 16px; }
.david-ai-tile { background: #fff; border-radius: 10px; padding: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-top: 4px solid #2271b1; transition: transform .2s; }
.david-ai-tile:hover { transform: translateY(-3px); }
.tile-top { display:flex; justify-content:space-between; font-size:12px; color:#666; margin-bottom:10px; text-transform:uppercase; letter-spacing:.5px; }
.tile-confidence { background:#2271b1; color:#fff; padding:2px 10px; border-radius:20px; font-weight:700; }
.tile-match { font-size:17px; margin:8px 0; line-height:1.4; }
.tile-match .vs { color:#999; margin:0 6px; font-size:13px; }
.tile-time { color:#555; font-size:14px; margin:8px 0; }
.tile-stats { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; color:#444; margin-top:10px; padding-top:10px; border-top:1px dashed #eee; }
.risk-low { color:#00a32a; font-weight:600; }
.risk-medium { color:#dba617; font-weight:600; }
.risk-high { color:#d63638; font-weight:600; }
.david-ai-empty { padding:20px; background:#f7f7f7; border-radius:8px; color:#666; text-align:center; }
.david-ai-disclaimer { margin-top:14px; font-size:12px; color:#999; text-align:center; }