:root{
  --bn-primary:#0a6bbf;
  --bn-primary-dark:#084d91;
  --bn-ink:#0f172a;
  --bn-muted:#64748b;
  --bn-bg:#f8fafc;
  --bn-border:#e2e8f0;
  --bn-card:#ffffff;
}

.bns-ai-wrap{max-width:1000px;margin:24px auto;padding:0 16px;color:var(--bn-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.bns-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.bns-title{font-size:28px;font-weight:700;color:var(--bn-primary);margin:0}
.bns-sub{color:var(--bn-muted);margin:4px 0 0}
.bns-badge{border:1px solid var(--bn-border);color:var(--bn-muted);padding:4px 10px;border-radius:999px;font-size:12px}

.bns-card{background:var(--bn-card);border:1px solid var(--bn-border);border-radius:14px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:16px}
.bns-flex{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.bns-h2{margin:0 0 6px}
.bns-h3{margin:0}
.bns-progress{min-width:260px}
.bns-bar{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}
.bns-fill{height:10px;background:var(--bn-primary);width:0%}

.bns-fields{display:grid;gap:12px;margin-top:12px}
.bns-label{display:block;font-size:12px;color:var(--bn-muted);margin-bottom:4px}
.bns-fields input{width:100%;padding:10px;border:1px solid var(--bn-border);border-radius:10px}

.bns-sections{display:grid;gap:16px}
.bns-q{margin-top:.75rem}
.bns-options label{display:block;margin-bottom:.35rem;border:1px solid var(--bn-border);border-radius:10px;padding:.5rem;cursor:pointer}
.bns-options label:hover{background:#f1f5f9}
.bns-options input[type=radio]{accent-color:var(--bn-primary)}

.bns-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.bns-btn{appearance:none;-webkit-appearance:none;border-radius:10px;padding:1rem 2rem;line-height:1.2;border:0;font-size:1.0rem;cursor:pointer}
.bns-btn-dark{background:#0f172a;color:#fff}
.bns-btn-plain{background:#fff;color:var(--bn-ink);border:1px solid var(--bn-border)}
.bns-btn-danger{background:#fff;color:#b91c1c;border:1px solid #fecaca;margin-left:auto}
.bns-btn-accent{background:var(--bn-primary);color:#fff}
.bns-btn-accent:hover{filter:brightness(.97)}
.bns-btn-accent:active,
.bns-btn-accent.is-clicked{background:var(--bn-primary-dark)}

.bns-footer{text-align:center;margin-top:12px;font-size:12px;color:var(--bn-muted)}

/* Modal */
.bns-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:16px}
.bns-modal-backdrop.open{display:flex}
.bns-modal{background:#fff;border:1px solid var(--bn-border);border-radius:16px;max-width:680px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.bns-modal header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--bn-border)}
.bns-modal header h3{margin:0;font-size:18px}
.bns-modal-body{padding:16px}
.bns-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--bn-border)}
.bns-tag{display:inline-block;border:1px solid var(--bn-border);border-radius:999px;padding:6px 10px;margin:.25rem 0;color:var(--bn-muted)}
.bns-success{color:#065f46}
.bns-warning{color:#7c2d12}