/* 0.45.0 · Πιο ευδιάκριτα πεδία και ενότητες σε όλο τον φάκελο, χωρίς να κουράζουν. Κάρτες: τίτλος με εικονίδιο και λεπτή γραμμή από κάτω. Πεδία: λευκά, σαφές περίγραμμα, πιο έντονος τίτλος. Ημερομηνίες/επιλογές σε φυσικό πλάτος. Σε φόρμες με στήλες τα κουτιά στοιχίζονται κάτω. Εικονίδια: app/icons/*.svg, λεπτή γραμμή στο ύφος του Tabler, σχεδιασμένα για την εφαρμογή (τοπικά, χωρίς ίντερνετ· το CSP επιτρέπει εικόνες μόνο από την ίδια την εφαρμογή). Ισχύει μόνο μέσα στον φάκελο πελάτη (#content). */ #therapy-flow #content .box { border-color: var(--line); } #therapy-flow #content .box > h3:first-child, #therapy-flow #content .box > .card-heading:first-child { padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px solid var(--line-2); } #therapy-flow #content .box > .card-heading:first-child h3 { margin: 0; } #therapy-flow #content .field > span { color: var(--ink); font-weight: 600; } #therapy-flow #content .box :is(textarea, input:not([type='checkbox'], [type='radio'], [type='range']), select) { background: var(--white); border: 1px solid #b6c4cc; } #therapy-flow #content .box :is(textarea, input:not([type='checkbox'], [type='radio'], [type='range']), select):focus { border-color: var(--blue); box-shadow: 0 0 0 3px var(--blue-tint); } /* ημερομηνία, ώρα και λίστα επιλογών: φυσικό πλάτος, όχι όλη η γραμμή */ #therapy-flow #content label.field:has(> :is(input[type='date'], input[type='time'], select)) { max-width: 300px; } #therapy-flow #content label.field > :is(input[type='date'], input[type='time']) { width: auto; min-width: 170px; } /* φόρμες με στήλες: όλα τα κουτιά μιας σειράς ξεκινούν και τελειώνουν στο ίδιο ύψος */ #therapy-flow #content :is([class*='-fields'], [class*='-grid'], .field-grid) > label.field { display: flex; flex-direction: column; justify-content: flex-end; } #therapy-flow #content :is([class*='-fields'], [class*='-grid'], .field-grid) > label.field > textarea { min-height: 124px; } /* «Επανεξέταση πλάνου»: 2 στήλες × 4 σειρές· το «+ Άλλες σκέψεις» στη θέση της 8ης θέσης */ #therapy-flow #content .review-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; align-items: stretch; } #therapy-flow #content .review-fields > .field { margin: 0; } #therapy-flow #content .review-fields > .choice-notes { grid-column: auto; align-self: end; } #therapy-flow #content .review-fields > .choice-notes[open] { align-self: stretch; } @media (max-width: 760px) { #therapy-flow #content .review-fields { grid-template-columns: minmax(0, 1fr); } } html.m-mobile #therapy-flow #content .review-fields { grid-template-columns: minmax(0, 1fr); } /* εικονίδιο πριν από τον τίτλο κάθε κάρτας */ #therapy-flow #content #plan-orientation > h3:first-child::before, #therapy-flow #content #plan-orientation > .card-heading:first-child h3::before, #therapy-flow #content #plan-orientation > summary::before, #therapy-flow #content #goal-main > h3:first-child::before, #therapy-flow #content #goal-main > .card-heading:first-child h3::before, #therapy-flow #content #goal-main > summary::before, #therapy-flow #content .box.plan-axes > h3:first-child::before, #therapy-flow #content .box.plan-axes > .card-heading:first-child h3::before, #therapy-flow #content .box.plan-axes > summary::before, #therapy-flow #content .box.axes-card > h3:first-child::before, #therapy-flow #content .box.axes-card > .card-heading:first-child h3::before, #therapy-flow #content .box.axes-card > summary::before, #therapy-flow #content #plan-review > h3:first-child::before, #therapy-flow #content #plan-review > .card-heading:first-child h3::before, #therapy-flow #content #plan-review > summary::before, #therapy-flow #content #goal-review > h3:first-child::before, #therapy-flow #content #goal-review > .card-heading:first-child h3::before, #therapy-flow #content #goal-review > summary::before, #therapy-flow #content .box.last-card > h3:first-child::before, #therapy-flow #content .box.last-card > .card-heading:first-child h3::before, #therapy-flow #content .box.last-card > summary::before, #therapy-flow #content .box.draft-note > h3:first-child::before, #therapy-flow #content .box.draft-note > .card-heading:first-child h3::before, #therapy-flow #content .box.draft-note > summary::before, #therapy-flow #content .box.formulation-card > h3:first-child::before, #therapy-flow #content .box.formulation-card > .card-heading:first-child h3::before, #therapy-flow #content .box.formulation-card > summary::before, #therapy-flow #content .box.fp-hyps > h3:first-child::before, #therapy-flow #content .box.fp-hyps > .card-heading:first-child h3::before, #therapy-flow #content .box.fp-hyps > summary::before, #therapy-flow #content .box.practical-card > h3:first-child::before, #therapy-flow #content .box.practical-card > .card-heading:first-child h3::before, #therapy-flow #content .box.practical-card > summary::before, #therapy-flow #content .box.archive-check > h3:first-child::before, #therapy-flow #content .box.archive-check > .card-heading:first-child h3::before, #therapy-flow #content .box.archive-check > summary::before, #therapy-flow #content .box.remind-card > h3:first-child::before, #therapy-flow #content .box.remind-card > .card-heading:first-child h3::before, #therapy-flow #content .box.remind-card > summary::before, #therapy-flow #content .box.thread-card > h3:first-child::before, #therapy-flow #content .box.thread-card > .card-heading:first-child h3::before, #therapy-flow #content .box.thread-card > summary::before, #therapy-flow #content .box.timeline-card > h3:first-child::before, #therapy-flow #content .box.timeline-card > .card-heading:first-child h3::before, #therapy-flow #content .box.timeline-card > summary::before, #therapy-flow #content .box.pv-card-wrap > h3:first-child::before, #therapy-flow #content .box.pv-card-wrap > .card-heading:first-child h3::before, #therapy-flow #content .box.pv-card-wrap > summary::before, #therapy-flow #content .box.context-card > h3:first-child::before, #therapy-flow #content .box.context-card > .card-heading:first-child h3::before, #therapy-flow #content .box.context-card > summary::before, #therapy-flow #content .box.family-members > h3:first-child::before, #therapy-flow #content .box.family-members > .card-heading:first-child h3::before, #therapy-flow #content .box.family-members > summary::before, #therapy-flow #content .box.family-group > h3:first-child::before, #therapy-flow #content .box.family-group > .card-heading:first-child h3::before, #therapy-flow #content .box.family-group > summary::before, #therapy-flow #content .box.unit-members > h3:first-child::before, #therapy-flow #content .box.unit-members > .card-heading:first-child h3::before, #therapy-flow #content .box.unit-members > summary::before, #therapy-flow #content .box.connections-card > h3:first-child::before, #therapy-flow #content .box.connections-card > .card-heading:first-child h3::before, #therapy-flow #content .box.connections-card > summary::before, #therapy-flow #content .box.central-card > h3:first-child::before, #therapy-flow #content .box.central-card > .card-heading:first-child h3::before, #therapy-flow #content .box.central-card > summary::before, #therapy-flow #content .box.central-q > h3:first-child::before, #therapy-flow #content .box.central-q > .card-heading:first-child h3::before, #therapy-flow #content .box.central-q > summary::before, #therapy-flow #content .box.phases-card > h3:first-child::before, #therapy-flow #content .box.phases-card > .card-heading:first-child h3::before, #therapy-flow #content .box.phases-card > summary::before, #therapy-flow #content .box.family-events-box > h3:first-child::before, #therapy-flow #content .box.family-events-box > .card-heading:first-child h3::before, #therapy-flow #content .box.family-events-box > summary::before, #therapy-flow #content .box.unit-attcard > h3:first-child::before, #therapy-flow #content .box.unit-attcard > .card-heading:first-child h3::before, #therapy-flow #content .box.unit-attcard > summary::before, #therapy-flow #content .box.cancel-list > h3:first-child::before, #therapy-flow #content .box.cancel-list > .card-heading:first-child h3::before, #therapy-flow #content .box.cancel-list > summary::before, #therapy-flow #content .box.genogram-box > h3:first-child::before, #therapy-flow #content .box.genogram-box > .card-heading:first-child h3::before, #therapy-flow #content .box.genogram-box > summary::before, #therapy-flow #content .box.ecomap-box > h3:first-child::before, #therapy-flow #content .box.ecomap-box > .card-heading:first-child h3::before, #therapy-flow #content .box.ecomap-box > summary::before, #therapy-flow #content .box.docs-map > h3:first-child::before, #therapy-flow #content .box.docs-map > .card-heading:first-child h3::before, #therapy-flow #content .box.docs-map > summary::before, #therapy-flow #content .box.themes-freq > h3:first-child::before, #therapy-flow #content .box.themes-freq > .card-heading:first-child h3::before, #therapy-flow #content .box.themes-freq > summary::before, #therapy-flow #content .box.understanding-evo > h3:first-child::before, #therapy-flow #content .box.understanding-evo > .card-heading:first-child h3::before, #therapy-flow #content .box.understanding-evo > summary::before, #therapy-flow #content .box.sup-intro > h3:first-child::before, #therapy-flow #content .box.sup-intro > .card-heading:first-child h3::before, #therapy-flow #content .box.sup-intro > summary::before, #therapy-flow #content .box.change-card > h3:first-child::before, #therapy-flow #content .box.change-card > .card-heading:first-child h3::before, #therapy-flow #content .box.change-card > summary::before, #therapy-flow #content .box.ins-card > h3:first-child::before, #therapy-flow #content .box.ins-card > .card-heading:first-child h3::before, #therapy-flow #content .box.ins-card > summary::before, #therapy-flow #content .box.cc-card > h3:first-child::before, #therapy-flow #content .box.cc-card > .card-heading:first-child h3::before, #therapy-flow #content .box.cc-card > summary::before, #therapy-flow #content .box.cp-card > h3:first-child::before, #therapy-flow #content .box.cp-card > .card-heading:first-child h3::before, #therapy-flow #content .box.cp-card > summary::before, #therapy-flow #content .box.cp-ov > h3:first-child::before, #therapy-flow #content .box.cp-ov > .card-heading:first-child h3::before, #therapy-flow #content .box.cp-ov > summary::before, #therapy-flow #content .box.unit-monthly > h3:first-child::before, #therapy-flow #content .box.unit-monthly > .card-heading:first-child h3::before, #therapy-flow #content .box.unit-monthly > summary::before, #therapy-flow #content .box.finance-period-note > h3:first-child::before, #therapy-flow #content .box.finance-period-note > .card-heading:first-child h3::before, #therapy-flow #content .box.finance-period-note > summary::before { content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: -3px; background: var(--muted); -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; } #therapy-flow #content #plan-orientation > h3:first-child::before, #therapy-flow #content #plan-orientation > .card-heading:first-child h3::before, #therapy-flow #content #plan-orientation > summary::before, #therapy-flow #content #goal-main > h3:first-child::before, #therapy-flow #content #goal-main > .card-heading:first-child h3::before, #therapy-flow #content #goal-main > summary::before { -webkit-mask-image: url("icons/compass.svg"); mask-image: url("icons/compass.svg"); } #therapy-flow #content .box.plan-axes > h3:first-child::before, #therapy-flow #content .box.plan-axes > .card-heading:first-child h3::before, #therapy-flow #content .box.plan-axes > summary::before, #therapy-flow #content .box.axes-card > h3:first-child::before, #therapy-flow #content .box.axes-card > .card-heading:first-child h3::before, #therapy-flow #content .box.axes-card > summary::before { -webkit-mask-image: url("icons/target.svg"); mask-image: url("icons/target.svg"); } #therapy-flow #content #plan-review > h3:first-child::before, #therapy-flow #content #plan-review > .card-heading:first-child h3::before, #therapy-flow #content #plan-review > summary::before, #therapy-flow #content #goal-review > h3:first-child::before, #therapy-flow #content #goal-review > .card-heading:first-child h3::before, #therapy-flow #content #goal-review > summary::before { -webkit-mask-image: url("icons/refresh.svg"); mask-image: url("icons/refresh.svg"); } #therapy-flow #content .box.last-card > h3:first-child::before, #therapy-flow #content .box.last-card > .card-heading:first-child h3::before, #therapy-flow #content .box.last-card > summary::before, #therapy-flow #content .box.draft-note > h3:first-child::before, #therapy-flow #content .box.draft-note > .card-heading:first-child h3::before, #therapy-flow #content .box.draft-note > summary::before { -webkit-mask-image: url("icons/note.svg"); mask-image: url("icons/note.svg"); } #therapy-flow #content .box.formulation-card > h3:first-child::before, #therapy-flow #content .box.formulation-card > .card-heading:first-child h3::before, #therapy-flow #content .box.formulation-card > summary::before, #therapy-flow #content .box.fp-hyps > h3:first-child::before, #therapy-flow #content .box.fp-hyps > .card-heading:first-child h3::before, #therapy-flow #content .box.fp-hyps > summary::before { -webkit-mask-image: url("icons/bulb.svg"); mask-image: url("icons/bulb.svg"); } #therapy-flow #content .box.practical-card > h3:first-child::before, #therapy-flow #content .box.practical-card > .card-heading:first-child h3::before, #therapy-flow #content .box.practical-card > summary::before, #therapy-flow #content .box.archive-check > h3:first-child::before, #therapy-flow #content .box.archive-check > .card-heading:first-child h3::before, #therapy-flow #content .box.archive-check > summary::before { -webkit-mask-image: url("icons/clipboard.svg"); mask-image: url("icons/clipboard.svg"); } #therapy-flow #content .box.remind-card > h3:first-child::before, #therapy-flow #content .box.remind-card > .card-heading:first-child h3::before, #therapy-flow #content .box.remind-card > summary::before { -webkit-mask-image: url("icons/bell.svg"); mask-image: url("icons/bell.svg"); } #therapy-flow #content .box.thread-card > h3:first-child::before, #therapy-flow #content .box.thread-card > .card-heading:first-child h3::before, #therapy-flow #content .box.thread-card > summary::before, #therapy-flow #content .box.timeline-card > h3:first-child::before, #therapy-flow #content .box.timeline-card > .card-heading:first-child h3::before, #therapy-flow #content .box.timeline-card > summary::before, #therapy-flow #content .box.pv-card-wrap > h3:first-child::before, #therapy-flow #content .box.pv-card-wrap > .card-heading:first-child h3::before, #therapy-flow #content .box.pv-card-wrap > summary::before { -webkit-mask-image: url("icons/path.svg"); mask-image: url("icons/path.svg"); } #therapy-flow #content .box.context-card > h3:first-child::before, #therapy-flow #content .box.context-card > .card-heading:first-child h3::before, #therapy-flow #content .box.context-card > summary::before, #therapy-flow #content .box.family-members > h3:first-child::before, #therapy-flow #content .box.family-members > .card-heading:first-child h3::before, #therapy-flow #content .box.family-members > summary::before, #therapy-flow #content .box.family-group > h3:first-child::before, #therapy-flow #content .box.family-group > .card-heading:first-child h3::before, #therapy-flow #content .box.family-group > summary::before, #therapy-flow #content .box.unit-members > h3:first-child::before, #therapy-flow #content .box.unit-members > .card-heading:first-child h3::before, #therapy-flow #content .box.unit-members > summary::before { -webkit-mask-image: url("icons/users.svg"); mask-image: url("icons/users.svg"); } #therapy-flow #content .box.connections-card > h3:first-child::before, #therapy-flow #content .box.connections-card > .card-heading:first-child h3::before, #therapy-flow #content .box.connections-card > summary::before { -webkit-mask-image: url("icons/link.svg"); mask-image: url("icons/link.svg"); } #therapy-flow #content .box.central-card > h3:first-child::before, #therapy-flow #content .box.central-card > .card-heading:first-child h3::before, #therapy-flow #content .box.central-card > summary::before, #therapy-flow #content .box.central-q > h3:first-child::before, #therapy-flow #content .box.central-q > .card-heading:first-child h3::before, #therapy-flow #content .box.central-q > summary::before { -webkit-mask-image: url("icons/question.svg"); mask-image: url("icons/question.svg"); } #therapy-flow #content .box.phases-card > h3:first-child::before, #therapy-flow #content .box.phases-card > .card-heading:first-child h3::before, #therapy-flow #content .box.phases-card > summary::before { -webkit-mask-image: url("icons/layers.svg"); mask-image: url("icons/layers.svg"); } #therapy-flow #content .box.family-events-box > h3:first-child::before, #therapy-flow #content .box.family-events-box > .card-heading:first-child h3::before, #therapy-flow #content .box.family-events-box > summary::before, #therapy-flow #content .box.unit-attcard > h3:first-child::before, #therapy-flow #content .box.unit-attcard > .card-heading:first-child h3::before, #therapy-flow #content .box.unit-attcard > summary::before { -webkit-mask-image: url("icons/calendar.svg"); mask-image: url("icons/calendar.svg"); } #therapy-flow #content .box.cancel-list > h3:first-child::before, #therapy-flow #content .box.cancel-list > .card-heading:first-child h3::before, #therapy-flow #content .box.cancel-list > summary::before { -webkit-mask-image: url("icons/calendar-x.svg"); mask-image: url("icons/calendar-x.svg"); } #therapy-flow #content .box.genogram-box > h3:first-child::before, #therapy-flow #content .box.genogram-box > .card-heading:first-child h3::before, #therapy-flow #content .box.genogram-box > summary::before { -webkit-mask-image: url("icons/tree.svg"); mask-image: url("icons/tree.svg"); } #therapy-flow #content .box.ecomap-box > h3:first-child::before, #therapy-flow #content .box.ecomap-box > .card-heading:first-child h3::before, #therapy-flow #content .box.ecomap-box > summary::before { -webkit-mask-image: url("icons/orbit.svg"); mask-image: url("icons/orbit.svg"); } #therapy-flow #content .box.docs-map > h3:first-child::before, #therapy-flow #content .box.docs-map > .card-heading:first-child h3::before, #therapy-flow #content .box.docs-map > summary::before { -webkit-mask-image: url("icons/file.svg"); mask-image: url("icons/file.svg"); } #therapy-flow #content .box.themes-freq > h3:first-child::before, #therapy-flow #content .box.themes-freq > .card-heading:first-child h3::before, #therapy-flow #content .box.themes-freq > summary::before { -webkit-mask-image: url("icons/tag.svg"); mask-image: url("icons/tag.svg"); } #therapy-flow #content .box.understanding-evo > h3:first-child::before, #therapy-flow #content .box.understanding-evo > .card-heading:first-child h3::before, #therapy-flow #content .box.understanding-evo > summary::before { -webkit-mask-image: url("icons/history.svg"); mask-image: url("icons/history.svg"); } #therapy-flow #content .box.sup-intro > h3:first-child::before, #therapy-flow #content .box.sup-intro > .card-heading:first-child h3::before, #therapy-flow #content .box.sup-intro > summary::before { -webkit-mask-image: url("icons/chat.svg"); mask-image: url("icons/chat.svg"); } #therapy-flow #content .box.change-card > h3:first-child::before, #therapy-flow #content .box.change-card > .card-heading:first-child h3::before, #therapy-flow #content .box.change-card > summary::before { -webkit-mask-image: url("icons/swap.svg"); mask-image: url("icons/swap.svg"); } #therapy-flow #content .box.ins-card > h3:first-child::before, #therapy-flow #content .box.ins-card > .card-heading:first-child h3::before, #therapy-flow #content .box.ins-card > summary::before, #therapy-flow #content .box.cc-card > h3:first-child::before, #therapy-flow #content .box.cc-card > .card-heading:first-child h3::before, #therapy-flow #content .box.cc-card > summary::before, #therapy-flow #content .box.cp-card > h3:first-child::before, #therapy-flow #content .box.cp-card > .card-heading:first-child h3::before, #therapy-flow #content .box.cp-card > summary::before, #therapy-flow #content .box.cp-ov > h3:first-child::before, #therapy-flow #content .box.cp-ov > .card-heading:first-child h3::before, #therapy-flow #content .box.cp-ov > summary::before { -webkit-mask-image: url("icons/chart.svg"); mask-image: url("icons/chart.svg"); } #therapy-flow #content .box.unit-monthly > h3:first-child::before, #therapy-flow #content .box.unit-monthly > .card-heading:first-child h3::before, #therapy-flow #content .box.unit-monthly > summary::before, #therapy-flow #content .box.finance-period-note > h3:first-child::before, #therapy-flow #content .box.finance-period-note > .card-heading:first-child h3::before, #therapy-flow #content .box.finance-period-note > summary::before { -webkit-mask-image: url("icons/coins.svg"); mask-image: url("icons/coins.svg"); }