.jb-banner{border-radius:12px;padding:10px 12px;margin:8px 0;font-size:14px;line-height:1.4;border:1px solid}
.jb-banner.info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.jb-banner.warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}.jb-banner.ok{background:#f0fdf4;border-color:#86efac;color:#14532d}
body.dark .jb-banner.info{background:#172554;border-color:#1e40af;color:#dbeafe}body.dark .jb-banner.warn{background:#431407;border-color:#c2410c;color:#fed7aa}body.dark .jb-banner.ok{background:#052e16;border-color:#15803d;color:#bbf7d0}
.jb-banner button{font-weight:700;text-decoration:underline;color:inherit}
.jb-dup,.jb-live{min-height:48px;padding:10px 16px;border-radius:12px;font-weight:700;border:2px solid #0284c7;color:#0369a1;background:#f0f9ff}
.jb-live{margin-right:8px;border-color:#16a34a;color:#15803d;background:#f0fdf4}
body.dark .jb-dup{background:#082f49!important;color:#bae6fd!important;border-color:#0ea5e9}body.dark .jb-live{background:#052e16!important;color:#bbf7d0!important;border-color:#22c55e}
.jb-rate{font-size:13px;margin-top:6px;color:#475569;line-height:1.5}body.dark .jb-rate{color:#cbd5e1}
.jb-rate .jb-w{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5;border-radius:10px;padding:6px 10px;margin-bottom:4px;font-weight:700}
body.dark .jb-rate .jb-w{background:#450a0a;color:#fecaca;border-color:#b91c1c}
.jb-tank-in{width:90px;border:1px solid #cbd5e1;border-radius:8px;padding:4px 8px;min-height:36px}
.jb-badge{min-height:40px;padding:0 12px;border-radius:999px;background:#f59e0b;color:#111827;font-weight:800;font-size:13px;margin-right:6px;animation:jbp 2s infinite}
.jb-badge.spin{opacity:.6}@keyframes jbp{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.5)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}
.dupb{color:#0369a1}body.dark .dupb{color:#7dd3fc!important}
.qa .rep{background:#7c3aed!important;box-shadow:0 6px 16px rgba(124,58,237,.25)}body.dark .qa .rep{background:#6d28d9!important}