/* Front-end styles for JB */
.jb-wrap{--jb-primary: var(--jb-primary, #0058a3);--jb-text: var(--jb-text, #333333);--jb-bg: var(--jb-bg, #ffffff);
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color: var(--jb-text);background: var(--jb-bg);
border: 1px solid rgba(0,0,0,.08);border-radius: 12px;padding: 14px;max-width: 100%;box-sizing: border-box;}
.jb-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px;}
.jb-title{font-weight:700;font-size: 16px;color: var(--jb-primary);}
.jb-updated{font-size: 12px;opacity:.8;}
.jb-grid{display:grid;grid-template-columns: 1fr;gap: 12px;}
.jb-block{padding: 10px;border: 1px solid rgba(0,0,0,.06);border-radius: 12px;background: rgba(0,0,0,.02);}
.jb-h3{margin: 0 0 8px 0;font-size: 15px;line-height: 1.2;color: var(--jb-primary);}
.jb-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;}
.jb-table-html table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;}
.jb-table-html th,.jb-table-html td{padding:10px 12px;border:1px solid rgba(0,0,0,.08);font-size:15px;text-align:left;vertical-align:top;white-space:nowrap;}
.jb-table-html tbody tr:nth-child(even){background: rgba(0,0,0,.02);}
.jb-table-html thead th{background: rgba(0,0,0,.04);}
.jb-box.jb-error{padding:10px 12px;border: 1px solid rgba(220,50,47,.25);background: rgba(220,50,47,.06);border-radius: 10px;margin: 10px 0;}
@media (min-width: 720px){.jb-grid{grid-template-columns: 1fr;}}


/* Compact + mobile-first refinements (v1.0.9) */
.jb-wrap{padding:12px;}
.jb-block{padding:10px;}
/* Slightly larger table text (requested) */
.jb-table-html th,.jb-table-html td{padding:8px 10px;font-size:15px;line-height:1.25;}

/* Keep the scraped table visually contained inside the card */
.jb-block{overflow:hidden;}
.jb-table-wrap{max-width:100%;width:100%;}
.jb-table-html{max-width:100%;}

/* Make long values wrap on small screens instead of forcing horizontal scroll */
@media (max-width: 520px){
  .jb-header{align-items:flex-start;}
  .jb-title{font-size:15px;}
  .jb-updated{width:100%;font-size:11px;}
  .jb-block{padding:9px;}
  .jb-h3{font-size:14px;margin-bottom:6px;}
  .jb-table-html table{min-width: 480px;}
  .jb-table-html th,.jb-table-html td{padding:7px 9px;font-size:14px;white-space:normal;word-break:break-word;}
  .jb-table-wrap{border-radius:10px;}
}

/* Ensure scraped inline styles don’t break the compact table */
.jb-table-html table, .jb-table-html th, .jb-table-html td{
  box-sizing:border-box !important;
}

.jb-status{padding:10px 12px;border:1px dashed rgba(0,0,0,.18);border-radius:10px;background:rgba(0,0,0,.03);font-size:15px;line-height:1.35;}