:root{--bbbee-bg:#ffffff;--bbbee-card:#ffffff;--bbbee-border:#e7e7e7;--bbbee-muted:#6b7280;--bbbee-text:#111827;--bbbee-gold:#c8ad58;--bbbee-gold-2:#e7d89a;--bbbee-green:#16a34a;--bbbee-red:#ef4444;--bbbee-shadow: 0 8px 24px rgba(17,24,39,.08);--bbbee-radius: 16px;--bbbee-radius-sm: 12px;--bbbee-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;}
.bbbeeWiz{ font-family: var(--bbbee-font); color: var(--bbbee-text); }
.bbbeeWiz__shell{ max-width: 1080px; margin: 0 auto; padding: 10px; }
.bbbeeWiz__top{ display:flex; justify-content: space-between; align-items:center; margin: 4px 0 6px; color: var(--bbbee-muted); font-weight:600; }
.bbbeeWiz__progress{ height: 8px; background: #ededed; border-radius: 999px; overflow:hidden; }
.bbbeeWiz__bar{ height:100%; background: linear-gradient(90deg, var(--bbbee-gold), var(--bbbee-gold-2)); width:0%; transition: width .2s ease; }
.bbbeeWiz__tabs{ display:flex; gap:8px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; margin: 14px 0; padding-bottom:6px; }
.bbbeeWiz__tabs::-webkit-scrollbar{ height:8px; }
.bbbeeWiz__tabs::-webkit-scrollbar-thumb{ background:#e5e7eb; border-radius:999px; }
.bbbeeWiz__tabs > *{ flex:0 0 auto; }
.bbbeeTab{ border:1px solid var(--bbbee-border); background:#f7f7f7; color:#3f3f46; padding: 10px 12px; border-radius: 999px; font-weight:700; font-size: 13px; cursor:pointer; }
.bbbeeTab.is-active{ background: rgba(200,173,88,.22); border-color: rgba(200,173,88,.5); color:#111; }
.bbbeeTab.is-done{ background: rgba(22,163,74,.14); border-color: rgba(22,163,74,.35); color:#0b5; }
.bbbeeWiz__card{ background: var(--bbbee-card); border:1px solid var(--bbbee-border); border-radius: var(--bbbee-radius); box-shadow: var(--bbbee-shadow); }
.bbbeeWiz__cardHead{ display:flex; gap:12px; align-items:center; padding: 18px 18px 10px; border-bottom: 1px solid var(--bbbee-border); }
.bbbeeWiz__icon{ width: 38px; height: 38px; border-radius: 999px; display:grid; place-items:center; background: rgba(200,173,88,.22); color: #7a5f0b; font-weight:900; }
.bbbeeWiz__cardHead h2{ margin: 0; font-size: 20px; }
.bbbeeWiz__cardHead p{ margin: 4px 0 0; color: var(--bbbee-muted); }
.bbbeeWiz__cardBody{ padding: 16px 18px 18px; }
.bbbeeStep{ display:none; }
.bbbeeStep.is-active{ display:block; }
.bbbeeGrid2{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bbbeeField label{ display:block; font-weight: 800; font-size: 13px; margin-bottom: 6px; color:#111; }
.bbbeeField input, .bbbeeField select{ width:100%; padding: 11px 12px; border:1px solid var(--bbbee-border); border-radius: var(--bbbee-radius-sm); outline:none; background:#fff; font-size: 14px; }
.bbbeeField input:focus, .bbbeeField select:focus{ border-color: rgba(200,173,88,.75); box-shadow: 0 0 0 3px rgba(200,173,88,.18); }
.bbbeeField--wide{ grid-column: 1 / -1; }
.bbbeeChoiceRow{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 14px; }
.bbbeeChoice{ text-align:center; padding: 14px 12px; border-radius: var(--bbbee-radius); border:1px solid var(--bbbee-border); background:#fff; cursor:pointer; box-shadow: 0 6px 18px rgba(17,24,39,.06); }
.bbbeeChoice__icon{ width:44px; height:44px; border-radius:999px; background:#f3f4f6; display:grid; place-items:center; margin: 0 auto 10px; }
.bbbeeChoice__title{ font-weight: 900; }
.bbbeeChoice__meta{ color: var(--bbbee-gold); font-weight: 900; margin-top: 4px; }
.bbbeeChoice__desc{ color: var(--bbbee-muted); font-weight: 700; font-size: 12px; margin-top: 2px; }
.bbbeeChoice.is-selected{ border-color: rgba(200,173,88,.9); box-shadow: 0 0 0 4px rgba(200,173,88,.18); }
.bbbeeInfoBox{ margin-top: 14px; border:1px solid rgba(200,173,88,.35); background: rgba(200,173,88,.10); padding: 12px 12px; border-radius: var(--bbbee-radius-sm); color:#7a5f0b; font-weight: 800; white-space: pre-line; }
.bbbeeInfoCallout{ border:1px solid #c7d2fe; background: #eef2ff; padding: 12px; border-radius: var(--bbbee-radius-sm); color:#1e40af; font-weight: 700; }
.bbbeeGroup{ border:1px solid var(--bbbee-border); border-radius: var(--bbbee-radius); padding: 12px; background:#fff; }
.bbbeeGroup h3{ margin: 0 0 10px; font-size: 14px; }
.bbbeeCheckRow{ display:flex; gap: 18px; flex-wrap: wrap; align-items:center; margin-top: 10px; }
.bbbeeCheckRow input{ margin-right: 8px; }
.bbbeeCheckCard{ display:flex; gap: 10px; align-items:flex-start; padding: 12px 12px; border:1px solid var(--bbbee-border); border-radius: var(--bbbee-radius); background:#fafafa; width: 100%; }
.bbbeeCheckCard span{ color: var(--bbbee-muted); font-weight: 700; margin-left: 6px; }
.bbbeeWiz__actions{ display:flex; justify-content: space-between; align-items:center; margin-top: 16px; gap: 10px; }
.bbbeeWiz__actionsRight{ display:flex; gap: 10px; align-items:center; }
.bbbeeBtn{ color: var(--bbbee-text) !important; border:1px solid var(--bbbee-border); background:#fff; padding: 10px 14px; border-radius: 999px; cursor:pointer; font-weight: 900; }
.bbbeeBtn--primary{ background: var(--bbbee-gold); border-color: rgba(200,173,88,.7); color:#111; }
.bbbeeBtn--ghost{ background:#f3f4f6; color: var(--bbbee-text) !important; }
.bbbeeResult{ margin-top: 16px; }
.bbbeeResult__hero{ border-radius: var(--bbbee-radius); padding: 18px; background: linear-gradient(180deg, rgba(22,163,74,.86), rgba(22,163,74,.72)); color:#fff; box-shadow: var(--bbbee-shadow); }
.bbbeeResult__level{ font-size: 22px; font-weight: 1000; }
.bbbeeResult__recog{ opacity: .95; font-weight: 800; margin-top: 4px; }
.bbbeeResult__meta{ display:flex; gap: 26px; flex-wrap:wrap; margin-top: 12px; }
.bbbeeResult__meta small{ opacity:.9; }
.bbbeeResult__meta strong{ font-size: 18px; }
.bbbeeAlert{ margin-top: 12px; border:1px solid rgba(239,68,68,.40); background: rgba(239,68,68,.10); border-radius: var(--bbbee-radius-sm); padding: 12px; color: #991b1b; font-weight: 900; }
.bbbeeAlert ul{ margin: 8px 0 0 18px; font-weight: 800; }
.bbbeePanel{ margin-top: 12px; background:#fff; border:1px solid var(--bbbee-border); border-radius: var(--bbbee-radius); box-shadow: var(--bbbee-shadow); }
.bbbeePanel__head{ padding: 12px 16px; border-bottom:1px solid var(--bbbee-border); }
.bbbeePanel__head h3{ margin:0; font-size: 14px; }
.bbbeePanel__body{ padding: 12px 16px; }
.bbbeeCards{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; }
.bbbeeMini{ background:#fff; border:1px solid var(--bbbee-border); border-radius: var(--bbbee-radius); box-shadow: var(--bbbee-shadow); padding: 12px; }
.bbbeeMini__title{ font-weight: 1000; display:flex; align-items:center; gap: 8px; }
.bbbeeMini__line{ margin-top: 6px; display:flex; justify-content: space-between; color: var(--bbbee-muted); font-weight: 800; }
.bbbeeMini__badge{ margin-top: 8px; display:inline-flex; gap:8px; align-items:center; padding: 6px 10px; border-radius: 999px; font-weight: 900; font-size: 12px; }
.badge-red{ background: rgba(239,68,68,.10); color: #991b1b; border:1px solid rgba(239,68,68,.25); }
.badge-green{ background: rgba(22,163,74,.12); color: #166534; border:1px solid rgba(22,163,74,.25); }
.bbbeeRecs{ margin:0; padding-left: 18px; }
.bbbeeRecs li{ margin: 8px 0; font-weight: 800; color: #111; }
.bbbeeToast{ position: fixed; bottom: 18px; right: 18px; background:#111; color:#fff; padding: 10px 12px; border-radius: 12px; box-shadow: var(--bbbee-shadow); z-index: 9999; }
@media (max-width: 960px){ .bbbeeGrid2{ grid-template-columns: 1fr; } .bbbeeChoiceRow{ grid-template-columns: 1fr; } .bbbeeCards{ grid-template-columns: 1fr; } }
@media print{ .bbbeeNoPrint, .bbbeeWiz__tabs, .bbbeeWiz__top, .bbbeeWiz__progress { display:none !important; } .bbbeeWiz__shell{ max-width: none; } .bbbeePanel, .bbbeeMini, .bbbeeWiz__card, .bbbeeResult__hero{ box-shadow:none !important; } }


/* Theme override safety */
.bbbeeWiz button.bbbeeBtn, .bbbeeWiz a.bbbeeBtn{ color: var(--bbbee-text) !important; }
.bbbeeWiz button.bbbeeBtn--primary{ color:#111 !important; }