/* STRATEGY_AB_PRE0905_20260917
   分析画面の戦略 A / B 分離パネル。専用ファイル。
   既存 analysis.css / analysis_metric_v31.css は 1 行も変更していない。 */
.sab-panel{margin:12px 0;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;
  border-radius:12px;}
.sab-panel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.sab-panel-head h2{font-size:14px;margin:0;color:#0f172a;}
.sab-tabs{display:flex;gap:4px;flex-wrap:wrap;}
.sab-tab{font-size:12px;padding:4px 10px;border:1px solid #cbd5e1;background:#f8fafc;
  border-radius:999px;cursor:pointer;color:#334155;min-height:28px;}
.sab-tab.active{background:#1e293b;color:#fff;border-color:#1e293b;}
.sab-modes .sab-tab{font-size:11px;}
.sab-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;
  color:#475569;margin:6px 0 8px;}
.sab-badge{display:inline-block;min-width:20px;text-align:center;font-weight:800;font-size:11px;
  border-radius:5px;padding:1px 6px;background:#1e293b;color:#fff;}
.sab-badge-a,.sab-A .sab-badge{background:#2563eb;}
.sab-badge-b,.sab-B .sab-badge{background:#d97706;}
.sab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.sab-card{border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;min-width:0;}
.sab-card.sab-A{border-left:4px solid #2563eb;}
.sab-card.sab-B{border-left:4px solid #d97706;}
.sab-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.sab-period{font-size:12px;font-weight:700;color:#0f172a;}
.sab-sub{font-size:10px;color:#64748b;margin:2px 0 6px;word-break:break-all;}
.sab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;}
.sab-grid>div{min-width:0;display:flex;flex-direction:column;}
.sab-grid span{font-size:10px;color:#64748b;}
.sab-grid b{font-size:13px;color:#0f172a;}
.sab-grid i{font-size:10px;color:#475569;font-style:normal;}
.sab-block{margin-top:10px;}
.sab-block-title{font-size:12px;font-weight:700;color:#334155;margin-bottom:4px;}
.sab-scroll{overflow-x:auto;}
.sab-table{border-collapse:collapse;width:100%;font-size:11px;}
.sab-table th,.sab-table td{border:1px solid #e2e8f0;padding:3px 6px;text-align:right;
  white-space:nowrap;}
.sab-table th:first-child,.sab-table td:first-child{text-align:left;}
.sab-compare td:nth-child(2){text-align:left;}
.sab-note{font-size:10px;color:#64748b;white-space:normal;}
.sab-panel .plus{color:#047857;}
.sab-panel .minus{color:#b91c1c;}
@media (max-width:900px){
  .sab-cards{grid-template-columns:1fr;}
  .sab-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}