
/* v23 分點買賣內嵌 UI：PC / Mobile 共用 */
.broker-v23 { color: #e5e7eb; }
.broker-v23-sub { color:#94a3b8; font-size:.78rem; line-height:1.35; }
.broker-v23-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:10px; }
.broker-v23-actions { flex:0 0 auto; }
.broker-v23-days { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:8px 0 10px; }
.broker-v23-label { color:#cbd5e1; font-weight:700; margin-right:2px; }
.broker-v23-days button, .broker-v23-tabs button {
  border:1px solid rgba(148,163,184,.25); background:rgba(15,23,42,.9); color:#e5e7eb;
  border-radius:999px; padding:5px 12px; font-weight:800; line-height:1.1;
}
.broker-v23-days button.active, .broker-v23-tabs button.active {
  background:linear-gradient(135deg,#f97316,#fb923c); border-color:#fb923c; color:#fff; box-shadow:0 0 16px rgba(249,115,22,.32);
}
.broker-v23-custom { width:82px; border-radius:999px; padding:5px 10px; background:#0f172a; border:1px solid #334155; color:#e5e7eb; }
.broker-v23-status { font-size:.82rem; color:#94a3b8; padding:7px 10px; border:1px solid rgba(148,163,184,.18); background:rgba(15,23,42,.6); border-radius:12px; margin-bottom:10px; }
.broker-v23-layout { display:grid; grid-template-columns:minmax(260px, .85fr) minmax(320px, 1.15fr); gap:12px; align-items:stretch; }
.broker-v23-left, .broker-v23-metrics { background:rgba(2,6,23,.38); border:1px solid rgba(148,163,184,.16); border-radius:16px; padding:12px; }
.broker-v23-period { color:#fb923c; font-weight:900; font-size:1.12rem; letter-spacing:.06em; }
.broker-v23-title-row { display:flex; align-items:center; gap:8px; margin-top:8px; font-weight:900; font-size:1.15rem; color:#e5e7eb; }
.broker-v23-info { color:#e5e7eb; opacity:.85; font-size:1.05rem; }
.broker-v23-direction { font-size:2.8rem; line-height:1.05; font-weight:950; margin:12px 0 8px; letter-spacing:.05em; }
.broker-v23-direction.buy { color:#ef4444; text-shadow:0 0 18px rgba(239,68,68,.25); }
.broker-v23-direction.sell { color:#22c55e; text-shadow:0 0 18px rgba(34,197,94,.25); }
.broker-v23-direction.neutral { color:#94a3b8; }
.broker-v23-chart { width:100%; height:170px; }
.broker-v23-metrics { display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; }
.broker-v23-metric { display:flex; justify-content:space-between; align-items:baseline; gap:12px; border-bottom:1px dashed rgba(148,163,184,.16); padding:6px 0; }
.broker-v23-metric .label { color:#cbd5e1; font-weight:700; }
.broker-v23-metric .value { font-weight:950; font-size:1.05rem; text-align:right; }
.broker-v23 .pos { color:#ef4444 !important; }
.broker-v23 .neg { color:#22c55e !important; }
.broker-v23-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:12px 0 0; background:rgba(148,163,184,.12); border-radius:12px 12px 0 0; padding:4px; }
.broker-v23-tabs button { border-radius:10px 10px 0 0; padding:9px 8px; color:#cbd5e1; background:transparent; border-color:transparent; }
.broker-v23-tabs button.active { background:rgba(148,163,184,.26); box-shadow:none; color:#fff; border-color:transparent; }
.broker-v23-tablewrap { max-height:330px; overflow:auto; border:1px solid rgba(148,163,184,.18); border-radius:0 0 14px 14px; }
.broker-v23-table { width:100%; border-collapse:collapse; white-space:nowrap; font-size:.86rem; }
.broker-v23-table th { position:sticky; top:0; background:#1f2937; color:#f8fafc; z-index:1; padding:9px 10px; border-bottom:1px solid rgba(148,163,184,.2); }
.broker-v23-table td { padding:9px 10px; border-bottom:1px solid rgba(148,163,184,.13); color:#e5e7eb; }
.broker-v23-table .broker-name { font-weight:800; }
.broker-v23-table .rank { color:#94a3b8; width:42px; }
.broker-v23-empty { color:#94a3b8; text-align:center; padding:18px; }
@media (max-width: 900px) {
  .broker-v23-layout { grid-template-columns:1fr; }
  .broker-v23-metrics { grid-template-columns:1fr; }
  .broker-v23-direction { font-size:2.2rem; }
}
@media (max-width: 640px) {
  .mobile-broker-v23 { padding:14px; }
  .broker-v23-days { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }
  .broker-v23-days button { min-width:46px; padding:7px 12px; font-size:1rem; }
  .broker-v23-custom { min-width:78px; }
  .broker-v23-left, .broker-v23-metrics { border-radius:14px; }
  .broker-v23-period { font-size:1.2rem; }
  .broker-v23-title-row { font-size:1.35rem; }
  .broker-v23-direction { font-size:3.2rem; text-align:center; }
  .broker-v23-chart { height:160px; }
  .broker-v23-tabs { position:sticky; top:0; z-index:2; }
  .broker-v23-tablewrap { max-height:52vh; overflow:auto; }
  .broker-v23-table { font-size:.95rem; }
  .broker-v23-table th, .broker-v23-table td { padding:12px 10px; }
}

/* v26: status can be longer on mobile */
.broker-v23-status { line-height: 1.55; white-space: normal; }

.stock-link-v37j{cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
.stock-link-v37j:hover{filter:brightness(1.25);}
