/* eDiscovery-Lite custom styles (Tailwind Play CDN provides utility classes) */
html { -webkit-font-smoothing: antialiased; }
body { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }

.input { width: 100%; border-radius: .5rem; border: 1px solid #cbd5e1; background: #fff; padding: .5rem .75rem; font-size: .875rem; color: #1e293b; box-shadow: 0 1px 2px rgba(0,0,0,.04); outline: none; }
.input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.2); }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; border-radius: .5rem; padding: .5rem .875rem; font-size: .875rem; font-weight: 600; transition: all .15s; outline: none; }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn-primary { background: #4f46e5; color: #fff; }
.btn-primary:hover { background: #4338ca; }
.btn-secondary { border: 1px solid #cbd5e1; background: #fff; color: #334155; }
.btn-secondary:hover { background: #f8fafc; }
.btn-danger { background: #e11d48; color: #fff; }
.btn-danger:hover { background: #be123c; }
.btn-ghost { color: #475569; }
.btn-ghost:hover { background: #f1f5f9; }
.btn-sm { padding: .375rem .625rem; font-size: .75rem; }

.card { border-radius: .75rem; border: 1px solid #e2e8f0; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.04); }

.table-data th { padding: .5rem .75rem; text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: #64748b; }
.table-data td { padding: .625rem .75rem; font-size: .875rem; color: #334155; }
.table-data tr { border-bottom: 1px solid #f1f5f9; }
.table-data tr:last-child { border-bottom: 0; }
.table-data tbody tr:hover { background: #f8fafc; }

.badge { display: inline-flex; align-items: center; border-radius: 9999px; padding: .125rem .5rem; font-size: 11px; font-weight: 600; }

#redact-canvas { cursor: crosshair; }
.redaction-box { position: absolute; border: 2px solid #ef4444; background: rgba(239,68,68,.25); box-sizing: border-box; }
.redaction-box.black { background: #000; border-color: #000; }

.drop-zone.dragover { border-color: #6366f1; background: #eef2ff; }

.pagination a { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; padding: 0 .5rem; margin: 0 .125rem; border-radius: .5rem; font-size: .875rem; color: #475569; }
.pagination a:hover { background: #f1f5f9; }
.pagination .current { background: #4f46e5; color: #fff; }

.plan-card { border: 2px solid transparent; }
.plan-card.highlight { border-color: #4f46e5; box-shadow: 0 10px 30px -12px rgba(79,70,229,.4); }