.sbidd{
  --bg:#f6f7f9; --card:#fff; --ink:#1f2933; --sub:#6b7785;
  --line:#e3e7ec; --accent:#2f6fed; --accent-soft:#e7efff;
  --nisa:#12a05c; --tax:#e08a2b;
}.sbidd, .sbidd *{box-sizing:border-box}.sbidd{margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;
  font-size:14px;line-height:1.7}.sbidd .wrap{max-width:960px;margin:0 auto;padding:24px 16px 64px}.sbidd h1{font-size:20px;margin:0 0 4px}.sbidd .lead{color:var(--sub);margin:0 0 20px;font-size:13px}.sbidd #sbidd-drop{background:var(--card);border:2px dashed var(--line);border-radius:12px;
  padding:32px 20px;text-align:center;cursor:pointer;transition:.15s}.sbidd #sbidd-drop:hover,.sbidd #sbidd-drop.over{border-color:var(--accent);background:var(--accent-soft)}.sbidd #sbidd-drop strong{display:block;font-size:15px;margin-bottom:4px}.sbidd #sbidd-drop span{color:var(--sub);font-size:12px}.sbidd #sbidd-file{display:none}.sbidd #sbidd-msg{display:none;margin-top:12px;padding:12px 14px;border-radius:8px;font-size:13px}.sbidd #sbidd-msg.err{display:block;background:#fdecec;color:#a02020}.sbidd #sbidd-msg.ok{display:block;background:#eef6ee;color:#2b6b35}.sbidd #sbidd-app{display:none;margin-top:24px}

/* 通貨切替 */
.sbidd .cur{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.sbidd .cur .lbl{font-size:12px;color:var(--sub);margin-right:4px}.sbidd .cur button{border:2px solid var(--line);background:var(--card);color:var(--sub);
  padding:8px 18px;border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit;
  font-weight:600;transition:.15s}
.sbidd .cur button:hover{border-color:var(--accent);color:var(--accent)}
.sbidd .cur button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);
  color:#fff;font-weight:700;box-shadow:0 2px 6px rgba(47,111,237,.30)}
.sbidd .cur button[aria-pressed="true"]::before{content:"\2713";margin-right:7px;font-weight:900}
.sbidd .cur button[aria-pressed="false"]{opacity:.75}
.sbidd .cur .lbl{font-size:13px;font-weight:600;color:var(--ink)}.sbidd .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.sbidd .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.sbidd .card .k{font-size:12px;color:var(--sub);margin-bottom:2px}.sbidd .card .v{font-size:22px;font-weight:700;letter-spacing:-.02em}.sbidd .card .v small{font-size:12px;font-weight:500;color:var(--sub);margin-left:2px}.sbidd .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.sbidd .tab{border:1px solid var(--line);background:var(--card);color:var(--sub);
  padding:8px 16px;border-radius:999px;font-size:13px;cursor:pointer;font-family:inherit}.sbidd .tab:hover{border-color:var(--accent)}.sbidd .tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.sbidd .panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.sbidd .panel h2{font-size:15px;margin:0 0 16px}

/* 月別グループ棒グラフ */
.sbidd .scroller{overflow-x:auto;padding-bottom:4px}.sbidd .chart{min-width:100%;width:max-content}.sbidd .bars{display:flex;align-items:flex-end;gap:14px;height:210px;
  border-bottom:1px solid var(--line)}.sbidd .grp{flex:0 0 auto;display:flex;align-items:flex-end;gap:3px;height:100%}.sbidd .bar{width:16px;border-radius:4px 4px 0 0;min-height:0;position:relative;
  background:var(--accent);transition:.12s}.sbidd .bar:hover{filter:brightness(1.12)}.sbidd .bar.z{background:repeating-linear-gradient(45deg,#eef1f4,#eef1f4 3px,#f7f9fa 3px,#f7f9fa 6px);
  height:3px!important;border-radius:2px}.sbidd .xlabels{display:flex;gap:14px;margin-top:8px}.sbidd .xlabels div{flex:0 0 auto;text-align:center;font-size:12px;color:var(--sub);white-space:nowrap}.sbidd .ylegend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;font-size:12px}.sbidd .ylegend span{display:flex;align-items:center;gap:6px;color:var(--sub)}.sbidd .ylegend i{width:11px;height:11px;border-radius:3px;display:inline-block}.sbidd .ylegend b{color:var(--ink);font-variant-numeric:tabular-nums}.sbidd .mtable{margin-top:22px;font-size:12px}.sbidd .mtable th,.sbidd .mtable td{padding:6px 6px}.sbidd .mtable td.y{color:var(--sub);white-space:nowrap}.sbidd .mtable td.zero{color:#c3cad2}.sbidd .mtable tr.grand td{border-bottom:none;border-top:1px solid var(--line);padding-top:9px}.sbidd .mtable tr.grand td.y{color:var(--sub);font-weight:700}


/* 受取カレンダー */
.sbidd .cal{font-size:12px;width:max-content;min-width:100%}.sbidd .cal th,.sbidd .cal td{padding:5px 6px;text-align:center;white-space:nowrap}.sbidd .cal th.nm,.sbidd .cal td.nm{text-align:left;position:sticky;left:0;background:var(--card);
  max-width:190px;overflow:hidden;text-overflow:ellipsis;z-index:1}.sbidd .cal td.c{border-radius:4px;font-variant-numeric:tabular-nums}.sbidd .cal td.c.e{color:#dfe4e9}.sbidd .cal tbody tr:hover td{background:#fafbfc}.sbidd .cal tbody tr:hover td.c{background:inherit}.sbidd .hint{color:var(--sub);font-size:12px;margin:10px 0 0}.sbidd table{width:100%;border-collapse:collapse;font-size:13px}.sbidd th,.sbidd td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left}.sbidd th{color:var(--sub);font-weight:600;font-size:12px;white-space:nowrap;cursor:pointer;user-select:none}.sbidd th.nosort{cursor:default}.sbidd th .ar{color:var(--accent)}.sbidd td.num,.sbidd th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sbidd tbody tr:hover{background:#fafbfc}.sbidd .rank{color:var(--sub);width:28px}.sbidd .tick{color:var(--sub);font-size:11px;margin-left:5px}.sbidd .badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600}.sbidd .badge.n{background:#e4f6ec;color:var(--nisa)}.sbidd .badge.t{background:#fdf1e0;color:var(--tax)}.sbidd .search{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;
  font-size:13px;font-family:inherit;margin-bottom:14px}.sbidd .search:focus{outline:none;border-color:var(--accent)}.sbidd .empty{color:var(--sub);text-align:center;padding:28px 0}

/* 年フィルタ */
.sbidd .years{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-4px 0 16px}.sbidd .years .lbl{font-size:12px;color:var(--sub);margin-right:2px}.sbidd .years button{border:1px solid var(--line);background:var(--card);color:var(--sub);
  padding:4px 12px;border-radius:8px;font-size:12px;cursor:pointer;font-family:inherit}.sbidd .years button:hover{border-color:var(--accent)}.sbidd .years button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);
  color:var(--accent);font-weight:700}

/* NISA 年別 */
.sbidd .nrow{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;margin-bottom:10px}.sbidd .nrow .yl{font-size:13px;font-weight:600;text-align:right}.sbidd .nrow.all .yl{color:var(--sub);font-weight:700}.sbidd .nrow .amts{font-size:12px;color:var(--sub);margin-top:3px}.sbidd .nrow .amts b{color:var(--ink);font-variant-numeric:tabular-nums}.sbidd .split{display:flex;height:26px;border-radius:8px;overflow:hidden;margin-bottom:14px}.sbidd .split{height:22px;margin-bottom:0}.sbidd .split div{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;
  min-width:0;overflow:hidden;white-space:nowrap}.sbidd .split .n{background:var(--nisa)}.sbidd .split .t{background:var(--tax)}.sbidd .legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.sbidd .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}

/* ラッパー自身のレイアウト（テーマ内に置かれる前提） */
.sbidd{max-width:1000px;margin:0 auto;padding:20px 16px 32px;border-radius:14px}
.sbidd h2{margin-top:0}
.sbidd .demo{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.sbidd .demo button{border:1px solid var(--accent);background:var(--accent);color:#fff;
  padding:9px 20px;border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit;font-weight:700;
  box-shadow:0 1px 3px rgba(47,111,237,.30);transition:.15s}
.sbidd .demo button:hover{background:#2559c9;border-color:#2559c9;box-shadow:0 2px 6px rgba(47,111,237,.38)}
.sbidd .demo button:active{transform:translateY(1px)}



/* ============================================================
   テーマのCSSに負けないための上書き
   WordPressのテーマが表の見出しや h2 に独自の色を付けてくることが
   あるため、この中だけは自前の見た目を強制する
   ============================================================ */

/* 表の見出し：青の背景に白文字 */
.sbidd table th{
  background:var(--accent)!important;
  color:#fff!important;
  font-weight:700!important;
  border-color:rgba(255,255,255,.28)!important;
}
.sbidd table th .ar{color:#fff!important}
.sbidd table thead tr:first-child th:first-child{border-top-left-radius:8px}
.sbidd table thead tr:first-child th:last-child{border-top-right-radius:8px}

/* テーマが付ける格子線を消し、元の「下線だけ」の見た目に戻す */
.sbidd table th,
.sbidd table td{border-top:0!important;border-left:0!important;border-right:0!important}
.sbidd table td{border-bottom:1px solid var(--line)!important}

/* 受取カレンダーの左端（銘柄名）の見出しも同じ青にする */
.sbidd .cal th.nm{background:var(--accent)!important;color:#fff!important}

/* 表の中身：テーマの縞模様や背景色を無効化する */
.sbidd table,
.sbidd table tbody tr,
.sbidd table tbody tr:nth-child(even),
.sbidd table tbody tr:nth-child(odd){background:transparent!important}
.sbidd table td{background:transparent}
.sbidd .cal td.nm{background:var(--card)!important}
.sbidd tbody tr:hover td{background:#fafbfc}
.sbidd .cal tbody tr:hover td.c{background:inherit}

/* パネルの見出し：テーマの帯や罫線を消す */
.sbidd .panel h2{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:var(--ink)!important;
  font-size:15px!important;
  line-height:1.6!important;
}

/* テストデータの説明文：テーマの注釈スタイルを受けないように */
.sbidd .demo .demo-note{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:var(--sub);
  font-size:12px;
}