/* SLPT-R27-B15P2-PROGRAMS-DESIGN3-COMPACT-COLLAPSIBLE-20260824 */
/* Selected Design 3: thin coloured spine + subtle status chips + compact four-up cards. */
#content.r27p4-programs-page #programLibrary{min-width:0}
#content.r27p4-programs-page #programCardsV16{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:start;
  min-width:0;
}
#content.r27p4-programs-page .r11-program-filters{gap:9px;margin-bottom:12px;min-width:0}
#content.r27p4-programs-page .r27p4-program-card{
  --p4-accent:14,165,164;
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:12px 12px 11px 15px;
  border-radius:15px;
  border:1px solid rgba(15,23,42,.09)!important;
  background:rgba(255,255,255,.84)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%);
  backdrop-filter:blur(14px) saturate(112%);
  box-shadow:0 10px 24px rgba(15,23,42,.105),0 2px 7px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.9)!important;
  transform:none;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
#content.r27p4-programs-page .r27p4-program-card::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:rgba(var(--p4-accent),.66);
  pointer-events:none;
}
#content.r27p4-programs-page .r27p4-program-card:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--p4-accent),.16)!important;
  box-shadow:0 13px 27px rgba(15,23,42,.13),0 3px 9px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
#content.r27p4-programs-page .r27p4-program-card[data-program-accent="rose"]{--p4-accent:218,70,91}
#content.r27p4-programs-page .r27p4-program-card[data-program-accent="blue"]{--p4-accent:62,118,210}
#content.r27p4-programs-page .r27p4-program-card[data-program-accent="teal"]{--p4-accent:28,156,156}
#content.r27p4-programs-page .r27p4-program-card[data-program-accent="violet"]{--p4-accent:126,88,190}
#content.r27p4-programs-page .r27p4-card-badges{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
  min-height:21px;
  margin:0 0 8px 46px;
}
#content.r27p4-programs-page .r27p4-card-badges .badge{
  margin:0!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(var(--p4-accent),.12)!important;
  background:rgba(var(--p4-accent),.055)!important;
  color:rgb(var(--p4-accent))!important;
  box-shadow:none!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:750!important;
}
#content.r27p4-programs-page .r27p4-card-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-width:0;
}
#content.r27p4-programs-page .r27p4-client-initials{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:rgb(var(--p4-accent));
  background:rgba(var(--p4-accent),.055);
  border:1px solid rgba(var(--p4-accent),.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  font-size:15px;
  font-weight:850;
  letter-spacing:.02em;
}
#content.r27p4-programs-page .r27p4-card-copy{min-width:0}
#content.r27p4-programs-page .r27p4-card-copy h3{
  margin:0 0 5px;
  font-size:14.5px;
  line-height:1.22;
  min-height:35px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#content.r27p4-programs-page .r27p4-card-copy small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text-secondary);
  font-size:10.5px;
}
#content.r27p4-programs-page .r27p4-card-actions{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px;
  gap:7px;
  align-items:center;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid rgba(15,23,42,.065);
  min-width:0;
  overflow:visible!important;
}
#content.r27p4-programs-page .r27p4-card-actions>.r27p4-live{
  grid-column:1;
  min-width:0;
  min-height:32px!important;
  margin:0!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  color:rgb(var(--p4-accent))!important;
  border-color:rgba(var(--p4-accent),.18)!important;
  background:rgba(var(--p4-accent),.045)!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:800!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#content.r27p4-programs-page .r27p4-options-toggle{
  grid-column:2;
  width:34px;
  height:32px;
  min-height:32px;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(15,23,42,.09);
  border-radius:9px;
  background:rgba(255,255,255,.76);
  color:var(--text);
  box-shadow:0 2px 7px rgba(15,23,42,.055);
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
#content.r27p4-programs-page .r27p4-options-toggle:hover,
#content.r27p4-programs-page .r27p4-options-toggle:focus-visible{
  border-color:rgba(var(--p4-accent),.24);
  box-shadow:0 0 0 3px rgba(var(--p4-accent),.08);
  outline:none;
}
#content.r27p4-programs-page .r27p4-options-panel{
  grid-column:1/-1;
  display:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  min-width:0;
  padding-top:2px;
}
#content.r27p4-programs-page .r27p4-program-card[data-r27p4-actions="open"] .r27p4-options-panel{display:grid}
#content.r27p4-programs-page .r27p4-options-panel[hidden]{display:none!important}
#content.r27p4-programs-page .r27p4-options-panel>*{
  min-width:0!important;
  width:100%!important;
  min-height:31px!important;
  margin:0!important;
  padding:6px 7px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#content.r27p4-programs-page .r27p4-options-panel .danger{
  color:#bc2940!important;
  border-color:rgba(188,41,64,.15)!important;
  background:rgba(188,41,64,.035)!important;
}
/* Successor enhancers may append actions directly to footer. Keep them collapsed until JS collects them. */
#content.r27p4-programs-page .r27p4-card-actions>button:not(.r27p4-live):not(.r27p4-options-toggle){display:none!important}
#content.r27p4-programs-page .r27p4-card-actions>.r27p4-options-panel button{display:block!important}
#content.r27p4-programs-page .program-tabs{max-width:max-content}
html[data-theme="mist-graphite"] #content.r27p4-programs-page .r27p4-program-card{
  background:rgba(27,30,38,.86)!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.31),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="mist-graphite"] #content.r27p4-programs-page .r27p4-client-initials{background:rgba(var(--p4-accent),.09);border-color:rgba(var(--p4-accent),.19)}
html[data-theme="mist-graphite"] #content.r27p4-programs-page .r27p4-options-toggle,
html[data-theme="mist-graphite"] #content.r27p4-programs-page .r27p4-options-panel>*{background:rgba(35,38,47,.76)!important;border-color:rgba(255,255,255,.09)!important}
html[data-theme="mist-graphite"] #content.r27p4-programs-page .r27p4-card-actions{border-top-color:rgba(255,255,255,.07)}
@media(max-width:1380px){#content.r27p4-programs-page #programCardsV16{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1060px){#content.r27p4-programs-page #programCardsV16{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  #content.r27p4-programs-page #programCardsV16{grid-template-columns:1fr;gap:10px}
  #content.r27p4-programs-page .r27p4-program-card{padding:11px 11px 10px 14px;border-radius:14px}
  #content.r27p4-programs-page .r27p4-card-copy h3{min-height:0;font-size:14px}
  #content.r27p4-programs-page .r27p4-options-panel{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){#content.r27p4-programs-page .r27p4-options-panel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  #content.r27p4-programs-page .r27p4-program-card{transition:none!important}
  #content.r27p4-programs-page .r27p4-program-card:hover{transform:none!important}
}