/* HalalChain v2 styles */
.hc-app { font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto; background:#fff; padding:18px; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.06); max-width:920px; margin:12px auto; color:#222; }
.hc-header { display:flex; align-items:center; gap:12px; }
.hc-mini { width:48px; height:48px; border-radius:8px; background:#eaf6f1; display:flex; align-items:center; justify-content:center; }
.hc-title { color:#1d7d63; font-size:1.2rem; margin:0; }
.hc-sub { color:#6b7280; margin:0; font-size:0.95rem; }
.hc-nav { display:flex; gap:8px; margin-top:12px; }
.hc-nav button { background:transparent; border:1px solid #e6eef3; padding:8px 12px; border-radius:8px; cursor:pointer; }
.hc-section { margin-top:14px; }
.hc-list table { width:100%; border-collapse:collapse; }
.hc-list th, .hc-list td { padding:8px 10px; border-bottom:1px solid #f1f5f9; text-align:left; }
.hc-card { padding:12px; border:1px solid #eef3f7; border-radius:10px; background:#fff; }
.hc-button { background:#1d7d63; color:#fff; padding:8px 12px; border-radius:8px; border:none; cursor:pointer; }
.hc-badge-halal { color:#065f46; font-weight:700; }
.hc-small { color:#6b7280; font-size:0.9rem; }
.toast { position: fixed; right: 18px; bottom: 18px; background: #0f1724; color: #fff; padding: 10px 14px; border-radius: 10px; box-shadow: 0 6px 20px rgba(2,6,23,0.2); opacity: 0; transform: translateY(8px); transition: opacity 0.28s ease, transform 0.28s ease; z-index: 99999; }
.toast.show { opacity: 1; transform: translateY(0); }