/* Mobile-first portal styling */
.hfa-portal{max-width:1000px;margin:0 auto;padding:10px}
.hfa-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hfa-actions .button{margin-left:6px}
.hfa-search{display:flex;gap:8px;margin:12px 0}
.hfa-search input[type="search"]{flex:1;min-width:0}
.hfa-table-wrap{overflow:auto}
.hfa-table{width:100%;border-collapse:collapse}
.hfa-table th,.hfa-table td{border:1px solid #e5e7eb;padding:8px;font-size:14px}
.hfa-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:12px;margin:12px 0}
.hfa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.hfa-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}
.hfa-row .k{font-weight:600;color:#374151}
.hfa-row .v{color:#111827}
.hfa-unlock{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.hfa-unlock input{padding:6px}
.hfa-empty{padding:10px;color:#6b7280}
/* Scan modal */
#hfa-scan-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:9999}
#hfa-scan-wrap{background:#000;padding:6px;border-radius:12px;max-width:95vw}
#hfa-video{width:80vw;max-width:640px;height:auto;border-radius:8px}
#hfa-scan-close{position:absolute;top:10px;right:10px;background:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}
@media (prefers-color-scheme: dark) {
  .hfa-card{background:#111827;border-color:#1f2937;color:#f3f4f6}
  .hfa-table th,.hfa-table td{border-color:#1f2937}
  .hfa-row .k{color:#e5e7eb}
  .hfa-row .v{color:#f9fafb}
  .hfa-empty{color:#9ca3af}
}