/* 0.24.0 · Κύκλοι, μετακινήσεις, πόροι, γεγονότα σχέσης, φάσεις, «Για να ξαναμπείς» */
#therapy-flow .cp-card>summary{cursor:pointer;display:grid;gap:2px;list-style:none}
#therapy-flow .cp-card>summary::-webkit-details-marker{display:none}
#therapy-flow .cp-card>summary h3{display:inline;margin:0}
#therapy-flow .cp-card>summary h3::before{content:'›';display:inline-block;width:16px;color:var(--muted);transition:transform .15s}
#therapy-flow .cp-card[open]>summary h3::before{transform:rotate(90deg)}
#therapy-flow .cp-card[open]>summary{margin-bottom:10px}
#therapy-flow .cp-sub{padding-left:16px;color:var(--muted)}
#therapy-flow .cp-intro{margin:0 0 12px}
#therapy-flow .cp-pattern{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 12px;background:var(--surface)}
#therapy-flow .cp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
#therapy-flow .cp-head h4{margin:0;font-size:16px}
#therapy-flow .cp-pin{margin-left:auto;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--blue-soft);background:transparent;color:var(--blue-dark)}
#therapy-flow .cp-pin[aria-pressed=true]{background:var(--blue-tint);font-weight:600}
#therapy-flow .cp-pin[aria-pressed=true]::before{content:'📌 '}
/* ο κύκλος: 4 βήματα δεξιόστροφα σε 2×2, με βέλη· 2–3 βήματα σε μία σειρά */
#therapy-flow .cp-cycle{list-style:none;padding:0;margin:12px 0 4px;display:grid;gap:26px 34px;grid-template-columns:1fr 1fr}
#therapy-flow .cp-step{position:relative;border:1px solid var(--blue-soft);border-radius:12px;padding:8px 12px;background:var(--blue-tint);display:grid;gap:3px;font-size:14px}
#therapy-flow .cp-step-l{font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--blue-dark)}
#therapy-flow .cp-step::after{position:absolute;color:var(--blue-dark);font-size:18px;line-height:1}
#therapy-flow .cp-n4 .cp-step:nth-child(1){grid-column:1;grid-row:1}
#therapy-flow .cp-n4 .cp-step:nth-child(2){grid-column:2;grid-row:1}
#therapy-flow .cp-n4 .cp-step:nth-child(3){grid-column:2;grid-row:2}
#therapy-flow .cp-n4 .cp-step:nth-child(4){grid-column:1;grid-row:2}
#therapy-flow .cp-n4 .cp-step:nth-child(1)::after{content:'→';right:-26px;top:45%}
#therapy-flow .cp-n4 .cp-step:nth-child(2)::after{content:'↓';bottom:-23px;left:48%}
#therapy-flow .cp-n4 .cp-step:nth-child(3)::after{content:'←';left:-26px;top:45%}
#therapy-flow .cp-n4 .cp-step:nth-child(4)::after{content:'↑';top:-23px;left:48%}
#therapy-flow .cp-n2,#therapy-flow .cp-n3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
#therapy-flow .cp-n2 .cp-step:not(:last-child)::after,#therapy-flow .cp-n3 .cp-step:not(:last-child)::after{content:'→';right:-26px;top:45%}
#therapy-flow .cp-loop{margin:2px 0 8px;color:var(--muted)}
#therapy-flow .cp-now{border-left:3px solid var(--blue-soft);padding:4px 10px;margin:8px 0}
#therapy-flow .cp-now .saved{margin:2px 0}
#therapy-flow .cp-count{margin:6px 0}
#therapy-flow .cp-exc{margin:4px 0 8px;padding-left:18px;font-size:13px}
#therapy-flow .cp-edit>summary,#therapy-flow .cp-add>summary{cursor:pointer;color:var(--blue-dark);font-weight:600;font-size:14px;padding:4px 0}
#therapy-flow .cp-form{padding:8px 0 0}
#therapy-flow .cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 14px}
#therapy-flow .cp-sub-form{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end;border-top:1px dashed var(--line);padding-top:8px;margin-top:8px}
#therapy-flow .cp-list{list-style:none;padding:0;margin:0 0 8px}
#therapy-flow .cp-list>li{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:0 0 8px;background:var(--surface);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
#therapy-flow .cp-shift .cp-tn{flex:1 1 100%;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
#therapy-flow .cp-then{color:var(--muted)}
#therapy-flow .cp-arrow{font-size:18px;color:var(--blue-dark)}
#therapy-flow .cp-nowtxt{font-weight:600}
#therapy-flow .cp-tag{font-size:11px;font-weight:700;color:var(--blue-dark);border:1px solid var(--blue-soft);border-radius:6px;padding:0 6px}
#therapy-flow .cp-ver{flex:1 1 100%;margin:0}
#therapy-flow .cp-del{font-size:12px;color:var(--muted)}
#therapy-flow .phase-more{grid-column:1/-1;margin:6px 0}
#therapy-flow .phase-more>summary{cursor:pointer;color:var(--blue-dark);font-size:14px;font-weight:600}
#therapy-flow .cp-sess{margin:4px 0}
#therapy-flow .cp-sess-f{border:1px dashed var(--line);border-radius:10px;padding:6px 12px;margin:6px 0}
#therapy-flow .cp-sess-row{display:grid;grid-template-columns:1fr minmax(180px,auto);gap:10px;align-items:center}
#therapy-flow .cp-ov .cp-ov-row{margin:6px 0}
#therapy-flow .cp-ov .cp-ov-row ul{margin:2px 0 6px;padding-left:18px}
@media (max-width:700px){
 #therapy-flow .cp-cycle,#therapy-flow .cp-n2,#therapy-flow .cp-n3{grid-template-columns:1fr;gap:22px}
 #therapy-flow .cp-n4 .cp-step:nth-child(n){grid-column:1;grid-row:auto}
 #therapy-flow .cp-cycle .cp-step:not(:last-child)::after{content:'↓';right:auto;top:auto;left:48%;bottom:-21px}
 #therapy-flow .cp-n4 .cp-step:nth-child(4)::after{content:''}
 #therapy-flow .cp-shift .cp-tn{grid-template-columns:1fr}
 #therapy-flow .cp-sub-form{grid-template-columns:1fr}
}
@media print{.cp-add,.cp-edit,.cp-pin,.cp-del{display:none!important}}