#cmPromotionPlanning .pp-dates { display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; }
#cmPromotionPlanning .pp-dates > div { display:flex; flex-direction:column;
  gap:8px; background:var(--panel); border:1px solid var(--line);
  border-radius:12px; padding:16px; }
#cmPromotionPlanning .pp-dates strong { font-size:22px; }
#cmPromotionPlanning .pp-dates small { color:var(--muted); }
#cmPromotionPlanning .sv-controls label { display:flex;
  flex:1 1 210px; flex-direction:column; gap:7px; min-width:0; }
#cmPromotionPlanning select { width:100%; }
#cmPromotionPlanning .pp-group { margin:26px 0; }
#cmPromotionPlanning .pp-cadet { margin:10px 0; overflow-wrap:anywhere; }
#cmPromotionPlanning .pp-cadet h4 { margin:0 0 8px; font-size:18px; }
#cmPromotionPlanning .pp-cadet li { margin:6px 0; }
#cmPromotionPlanning .pp-counts { display:flex; flex-wrap:wrap;
  gap:10px; margin:12px 0; font-variant-numeric:tabular-nums; }
#commanderView #cmPromotionPlanning .pp-counts button { border:0;
  padding:10px 14px; border-radius:8px; min-width:120px; }
#commanderView #cmPromotionPlanning .pp-count-1 { background:#2466af;
  color:white; }
#commanderView #cmPromotionPlanning .pp-count-2 { background:#9cc4e9;
  color:var(--navy); }
#cmPromotionPlanning .pp-other { border-top:1px solid var(--line);
  padding-top:12px; margin-top:16px; }
#cmPromotionPlanning summary { min-height:48px; padding:12px 0;
  cursor:pointer; }
@media(max-width:520px) {
  #cmPromotionPlanning .pp-dates { grid-template-columns:1fr; }
}