/* 0.21.0 · Φάκελοι ζεύγους και ομάδας. Μόνο μπλε και γκρι· το είδος πάντα και με λέξη. */
#therapy-flow .unit-kind{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:10px 0}
#therapy-flow .unit-kind legend{font-size:13px;color:var(--muted);margin-bottom:6px}
#therapy-flow .unit-kind-opt{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);cursor:pointer}
#therapy-flow .unit-kind-opt:has(input:checked){background:var(--blue);border-color:var(--blue);color:#fff}
#therapy-flow .unit-kind-opt input{margin:0;accent-color:var(--blue)}
#therapy-flow .unit-new{border-left:3px solid var(--blue-soft);padding-left:12px;margin:6px 0}
#therapy-flow .unit-switch{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px}
#therapy-flow .unit-switch button{min-height:34px;padding:0 14px;border-radius:999px;font-size:13px;background:var(--white)}
#therapy-flow .unit-switch button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
#therapy-flow .unit-both{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#therapy-flow .unit-both .box{margin:0;min-width:0}
#therapy-flow .unit-members{display:grid;gap:8px}
#therapy-flow .unit-member{display:grid;grid-template-columns:44px 1fr 1fr 1fr 1.4fr auto;gap:8px;align-items:end;padding:8px 10px;border:1px solid var(--line-2);border-radius:10px;background:var(--white)}
#therapy-flow .unit-member .field{margin:0}
#therapy-flow .unit-member input,#therapy-flow .unit-member select{width:100%}
#therapy-flow .unit-code{display:grid;place-items:center;height:34px;border-radius:8px;background:var(--blue-tint);color:var(--blue-dark);font-weight:700}
#therapy-flow .unit-n{padding-bottom:8px}
#therapy-flow .session-attendance{border:1px solid var(--line-2);border-radius:12px;padding:10px 14px 12px;margin:0 0 14px}
#therapy-flow .session-attendance legend{font-weight:600;padding:0 4px}
#therapy-flow .unit-att{display:grid;gap:6px}
#therapy-flow .unit-att-row{display:grid;grid-template-columns:minmax(110px,180px) 1fr;gap:4px 12px;align-items:center;padding:6px 0;border-top:1px solid var(--line-2)}
#therapy-flow .unit-att-row:first-child{border-top:0}
#therapy-flow .unit-att-row .seg-row{display:flex;flex-wrap:wrap;gap:6px}
#therapy-flow .unit-att-opt{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;cursor:pointer;background:var(--white)}
#therapy-flow .unit-att-opt input{position:absolute;opacity:0;width:1px;height:1px}
#therapy-flow .unit-att-opt:has(input:checked){background:var(--blue-tint);border-color:var(--blue);color:var(--blue-dark);font-weight:600}
#therapy-flow .unit-att-opt:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
#therapy-flow .unit-att-note{grid-column:1/-1;font-size:13px}
#therapy-flow .unit-att-note>summary{cursor:pointer;color:var(--blue-dark)}
#therapy-flow .unit-attcard{display:grid;gap:10px}
#therapy-flow .unit-attlist{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#therapy-flow .unit-attlist li{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:12px;align-items:center;padding:6px 0;border-top:1px solid var(--line-2)}
#therapy-flow .unit-attlist .unit-att-name{display:grid}
#therapy-flow .unit-strip,#therapy-flow .unit-legend svg{display:block;max-width:100%}
#therapy-flow .unit-strip rect.p,#therapy-flow .unit-legend rect.p{fill:var(--blue)}
#therapy-flow .unit-strip rect.e,#therapy-flow .unit-legend rect.e{fill:var(--blue-soft);stroke:var(--blue);stroke-width:1}
#therapy-flow .unit-strip rect.a,#therapy-flow .unit-legend rect.a{fill:#fff;stroke:#55636f;stroke-width:1.2}
#therapy-flow .unit-strip rect.n{fill:#fff;stroke:#d5dde3}
#therapy-flow .unit-strip line.out{stroke:#c9d2d8;stroke-width:1.5}
#therapy-flow .unit-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0}
#therapy-flow .unit-legend span{display:inline-flex;align-items:center;gap:6px}
#therapy-flow .unit-monthly{display:grid;gap:8px}
#therapy-flow .unit-propose{padding:10px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface)}
#therapy-flow .unit-propose ul{list-style:none;margin:6px 0;padding:0}
#therapy-flow .unit-bal{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#therapy-flow .unit-bal li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid var(--line-2);font-size:14px}
#therapy-flow .unit-notice{margin-bottom:14px}
@media (max-width:767px){
 #therapy-flow .unit-both{grid-template-columns:1fr}
 #therapy-flow .unit-member{grid-template-columns:44px 1fr 1fr}
 #therapy-flow .unit-member .field:nth-of-type(4){grid-column:1/-1}
 #therapy-flow .unit-att-row{grid-template-columns:1fr}
 #therapy-flow .unit-attlist li{grid-template-columns:1fr}
}