:root{
  --bodan-bg:#fff;
  --bodan-border:#eee;
  --bodan-shadow:0 2px 10px rgba(0,0,0,.04);
  --bodan-text:#111;
  --bodan-muted:#666;
  --bodan-head:#f7f7f7;
  --bodan-row:#f2f2f2;
  --bodan-chip:#efefef;
}

.bodan-table-wrap{border:1px solid var(--bodan-border);padding:16px;border-radius:12px;background:var(--bodan-bg);box-shadow:var(--bodan-shadow);color:var(--bodan-text);}
.bodan-table-wrap *{box-sizing:border-box}
.bodan-search{width:100%;max-width:360px;padding:8px 12px;margin:0 0 12px 0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#111}
.bodan-table{width:100%;border-collapse:separate;border-spacing:0;color:inherit}
.bodan-table thead th{background:var(--bodan-head);text-align:left;padding:10px;border-bottom:1px solid var(--bodan-border);color:inherit}
.bodan-table tbody td{padding:10px;border-bottom:1px solid var(--bodan-row);color:inherit}
.bodan-selector{margin-top:16px}
.bodan-select{min-width:200px;padding:8px 10px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#111}
.bodan-result{margin-top:12px}
.bodan-card{padding:10px 12px;border:1px solid #e8e8e8;background:#fafafa;border-radius:10px;color:inherit}
.badge{display:inline-block;background:var(--bodan-chip);border-radius:999px;padding:2px 8px;margin-right:6px;color:inherit}
.note{color:var(--bodan-muted);margin-top:6px;font-size:13px}

/* Force theme: dark */
.bodan-table-wrap[data-theme="dark"]{
  --bodan-bg:#111;
  --bodan-border:#222;
  --bodan-shadow:0 2px 10px rgba(0,0,0,.2);
  --bodan-text:#ddd;
  --bodan-muted:#aaa;
  --bodan-head:#1a1a1a;
  --bodan-row:#222;
  --bodan-chip:#1f1f1f;
}
.bodan-table-wrap[data-theme="dark"] .bodan-search,
.bodan-table-wrap[data-theme="dark"] .bodan-select{
  background:#0f0f0f;border-color:#333;color:#ddd;
}
.bodan-table-wrap[data-theme="dark"] .bodan-card{
  background:#0f0f0f;border-color:#222;color:#ddd;
}
.bodan-table-wrap[data-theme="dark"] .badge{background:#1f1f1f;color:#ddd}

/* Auto theme: follow system preference */
@media (prefers-color-scheme: dark){
  .bodan-table-wrap[data-theme="auto"]{
    --bodan-bg:#111;
    --bodan-border:#222;
    --bodan-shadow:0 2px 10px rgba(0,0,0,.2);
    --bodan-text:#ddd;
    --bodan-muted:#aaa;
    --bodan-head:#1a1a1a;
    --bodan-row:#222;
    --bodan-chip:#1f1f1f;
  }
  .bodan-table-wrap[data-theme="auto"] .bodan-search,
  .bodan-table-wrap[data-theme="auto"] .bodan-select{
    background:#0f0f0f;border-color:#333;color:#ddd;
  }
  .bodan-table-wrap[data-theme="auto"] .bodan-card{
    background:#0f0f0f;border-color:#222;color:#ddd;
  }
  .bodan-table-wrap[data-theme="auto"] .badge{background:#1f1f1f;color:#ddd}
}