/* app/style.forms.css — המשך של style.screens.css (מעל 50KB): אנשי הקשר, הגיליונות, וטופסי הרישום והקבלה */
/* ── אנשי קשר בהגדרות הדוחות ── */
.ct-acts{display:inline-flex;gap:var(--sp-2);flex-wrap:wrap}
/* הדף הציבורי בדיאלוג — על כל המסך */
#modal .sheet:has(.ct-frame){width:100%;max-width:560px;height:100%;max-height:100vh;border-radius:0;display:flex;flex-direction:column}
#modal .sheet-bd:has(.ct-frame){flex:1;min-height:0}
#modal .sheet:has(.ct-frame) .sheet-ft{display:none}
.ct-frame{display:block;width:100%;height:100%;border:0;border-radius:var(--r-4);background:var(--card)}
.ct-link{font-size:var(--fs-2);color:var(--text-2);margin-bottom:var(--sp-5);line-height:var(--lh-3)}
.ct-url{display:block;direction:ltr;text-align:left;font-family:monospace;color:var(--brand-ink);word-break:break-all;margin-top:var(--sp-1)}
.ct-group{display:flex;flex-direction:column;gap:var(--sp-3)}
.ct-group-head{display:flex;align-items:center;gap:var(--sp-3)}
.ct-group-head .sess-field{flex:1;font-weight:700}
[data-ct-rows]{display:flex;flex-direction:column;gap:var(--sp-4)}
.ct-row{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);padding-inline-end:46px;border:1.5px solid var(--border);border-radius:var(--r-4);background:var(--card-2)}
.ct-fld{display:flex;align-items:center;gap:var(--sp-3)}
.ct-ic{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-7);background:var(--brand-soft);color:var(--brand-ink)}
.ct-ic .ico{width:16px;height:16px}
.ct-row input,.ct-row select,.ct-group-head .ct-cls{flex:1;min-width:0;font-family:Heebo;font-size:var(--fs-3);border:1.5px solid var(--border);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);background:var(--card);color:var(--text)}
.ct-group-head .ct-cls{flex:0 0 auto}
.ct-row input[dir=ltr]{text-align:right}
.ct-row .ct-row-del{position:absolute;inset-inline-end:var(--sp-2);top:var(--sp-2)}

/* ── גיליונות ציונים והנהגה ── */
.rp-sec{display:flex;align-items:center;gap:var(--sp-4);width:100%;margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-5);border:1.5px solid var(--border);border-radius:var(--r-4);background:var(--card);font-family:Heebo;font-size:var(--fs-3);font-weight:700;color:var(--text);cursor:pointer;text-align:right}
.rp-sec-t{flex:1}
.rp-sec-ch{display:inline-flex;color:var(--text-3);transition:transform var(--dur-2)}.rp-sec-ch .ico{width:18px;height:18px}
.rp-sec.on{border-color:var(--brand-ink);background:var(--brand-soft)}.rp-sec.on .rp-sec-ch{transform:rotate(180deg)}
.rp-sec + .rp-fills{margin-top:var(--sp-3)}
.rp-fills{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--sp-3)}
@media (max-width:520px){ .rp-fills{grid-template-columns:repeat(2,minmax(0,1fr))} }
.rp-fill-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:52px;padding:var(--sp-3) var(--sp-5);border:1.5px solid var(--border);border-radius:var(--r-4);background:var(--card);color:var(--text);font-family:Heebo;font-size:var(--fs-3);font-weight:600;cursor:pointer;text-align:right}
.rp-fill-lbl{line-height:var(--lh-2)}
.rp-fill-n{font-size:var(--fs-1);font-weight:700;color:var(--text-3);background:var(--card-2);border-radius:var(--r-5);padding:var(--sp-1) var(--sp-3);white-space:nowrap}
.rp-full{border-color:var(--ok-line)}.rp-full .rp-fill-n{color:var(--ok);background:var(--ok-soft)}
.rp-list-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin:var(--sp-7) 0 var(--sp-4);font-size:var(--fs-3);font-weight:600;color:var(--text-2)}
.rp-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}
.rp-row:last-child{border-bottom:none}
.rp-row-main{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.rp-row-name{font-size:var(--fs-4);font-weight:600}
.rp-row-sub{font-size:var(--fs-1);color:var(--text-3)}
.rp-fill-box{display:flex;flex-direction:column;gap:var(--sp-2)}
.rp-staff{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border:1.5px solid var(--border);border-radius:var(--r-4);background:var(--card-2);margin-bottom:var(--sp-4)}
.rp-staff-row{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-2);font-weight:600;color:var(--text-2)}.rp-staff-row b{color:var(--text)}.rp-staff-src{font-size:var(--fs-1);color:var(--text-3)}
.rp-fill-row select,.rp-fill-row textarea{font-family:Heebo;font-size:var(--fs-3);border:1.5px solid var(--border);border-radius:var(--r-3);padding:var(--sp-2) var(--sp-3);background:var(--card);color:var(--text)}
.rp-fill-row{display:grid;grid-template-columns:18px minmax(0,1fr) 150px;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}
.rp-fill-note{grid-template-columns:18px minmax(0,1fr)}
.rp-fill-note textarea{grid-column:1/-1;resize:vertical}
.rp-fill-cls{font-size:var(--fs-2);font-weight:700;color:var(--text-3);text-align:center}
.rp-fill-name{font-size:var(--fs-3);font-weight:600}

/* לשוניות הרישום · הארכיון · ההשגחה — מתג מקטעים: הלשונית הפעילה מלאה בצבע הזהות, כמו כפתור לחוץ */
.at-tab-bar{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-7);padding:var(--sp-2);background:var(--card);border:1.5px solid var(--border);border-radius:var(--r-5);box-shadow:var(--shadow)}
.at-tab-btn,.at-tab-btn-on{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);border:none;cursor:pointer;font-family:Heebo;font-size:var(--fs-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-4);transition:background var(--dur-3),color var(--dur-3)}
.at-tab-btn{background:none;color:var(--text-2);font-weight:600}
.at-tab-btn-on{background:var(--brand-fill);color:var(--on-brand);font-weight:700;box-shadow:0 2px 8px var(--shadow-brand)}
@media (hover:hover){ .at-tab-btn:hover{background:var(--card-2);color:var(--brand-ink)} }
.at-tab-btn .ico,.at-tab-btn-on .ico{width:18px;height:18px}

.sup-st-treat b{color:var(--ok)}
.sup-tiles .sup-over{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad),var(--shadow)}

/* חלונות עם טבלת שורות — רחבים יותר, כדי שהשורות לא יישברו */
#modal .sheet:has(.scroll-pane),#modal .sheet:has(.rp-fill-box),#modal .sheet:has(.file-form){max-width:720px}
.mark-hist-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:var(--sp-4)}
.mark-hist-dow,.mark-hist-date{white-space:nowrap;color:var(--text-2)}
.mark-hist-sess{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mark-hist-row .hist-mark{white-space:nowrap;flex:none}
@media (max-width:520px){ .mark-hist-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dow sess mark" "date sess edit"} .mark-hist-dow{grid-area:dow}.mark-hist-date{grid-area:date;font-size:var(--fs-1)}.mark-hist-sess{grid-area:sess}.mark-hist-row .hist-mark{grid-area:mark}.mark-hist-row .mark-edit-btn{grid-area:edit} }


/* ── טופס הרישום: הדיאלוג שמהמצבה, התגובות וההגדרות ── */
.en-menu{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.en-tile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);border:1.5px solid var(--border);border-radius:var(--r-4);background:var(--card);color:var(--brand-ink);font-family:Heebo;font-size:var(--fs-3);font-weight:700;cursor:pointer}
.en-tile .ico{width:28px;height:28px}
#modal .sheet:has(.en-full){width:100%;max-width:960px;height:100%;max-height:100vh;border-radius:0;display:flex;flex-direction:column}
#modal .sheet-bd:has(.en-full){flex:1;min-height:0;overflow-y:auto}
#modal .sheet:has(.en-full) .sheet-ft{display:none}
.en-full{display:flex;flex-direction:column;gap:var(--sp-4)}
.en-bar{display:flex;gap:var(--sp-3);flex-wrap:wrap}
.en-bar .chip{border:1.5px solid var(--border);background:var(--card);border-radius:999px;padding:var(--sp-2) var(--sp-5);font-family:Heebo;font-size:var(--fs-2);font-weight:700;color:var(--text-2);cursor:pointer}
.en-bar .chip.on{border-color:var(--brand-ink);background:var(--brand-soft);color:var(--brand-ink)}
.en-scroll{overflow:auto;border:1.5px solid var(--border);border-radius:var(--r-4);max-height:calc(100vh - 190px)}
.en-tbl{border-collapse:separate;border-spacing:0;font-size:var(--fs-2);min-width:100%}
.en-tbl th,.en-tbl td{color:var(--text);font-size:var(--fs-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;vertical-align:middle;background:var(--card)}
.en-tbl thead th{position:sticky;top:0;z-index:2;background:var(--brand-soft);color:var(--brand-ink);font-weight:700}
.en-tbl .en-sticky{position:sticky;right:0;z-index:1;font-weight:700;border-left:1.5px solid var(--border)}
.en-tbl thead .en-sticky{z-index:3}
.en-tbl .en-trk{background:var(--card-2)}
#modal-body .en-in{margin:0;width:120px;border:1.5px solid var(--border);border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3);font-family:Heebo;font-size:var(--fs-2);background:var(--card);color:var(--text)}
.en-acts{display:flex;gap:var(--sp-2);align-items:center}
.en-pass{display:flex;flex-direction:column;gap:var(--sp-4);max-width:320px;margin:var(--sp-7) auto;text-align:center;color:var(--text-2);font-size:var(--fs-3);line-height:var(--lh-3)}
#modal-body .en-pass input{margin:0;border:1.5px solid var(--border);border-radius:var(--r-3);padding:var(--sp-4);font-size:var(--fs-4);text-align:center;letter-spacing:.3em;font-family:Heebo;background:var(--card);color:var(--text)}
.en-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--sp-3)}
.en-img{position:relative;border-radius:var(--r-3);overflow:hidden;border:1.5px solid var(--border);aspect-ratio:16/10;background:var(--card-2)}
.en-img img{width:100%;height:100%;object-fit:cover;display:block}
.en-img .grip{position:absolute;top:var(--sp-2);right:var(--sp-2);background:var(--card);border-radius:var(--r-2);padding:0 var(--sp-2)}
.en-img .row-del-btn{position:absolute;top:var(--sp-2);left:var(--sp-2);background:var(--card)}
.en-upl{position:relative;cursor:pointer;text-align:center}
#modal-body .en-upl input{position:absolute;inset:0;opacity:0;cursor:pointer}
.en-int{display:flex;flex-direction:row;align-items:center;gap:var(--sp-3);font-size:var(--fs-3);color:var(--text-2)}
#modal-body .en-int input{margin:0;flex:none;width:64px;border:1.5px solid var(--border);border-radius:var(--r-2);padding:var(--sp-2);font-family:Heebo;font-size:var(--fs-3);text-align:center;background:var(--card);color:var(--text)}
/* ── הגדרות הטופס (טופס רישום · קבלה לישיבה) — חלון ברוחב קריאה, מקטעים בכותרות, שורות קומפקטיות ── */
#modal .sheet:has(.en-cfg){max-width:680px}
@media (max-width:520px){ #modal .sheet:has(.en-cfg){width:100%;max-height:100vh;border-radius:0;padding:var(--sp-6)} }
.en-cfg{display:flex;flex-direction:column;gap:var(--sp-3)}
.en-cfg .ss-t{font-size:var(--fs-3);font-weight:700;color:var(--brand-ink);margin-top:var(--sp-7);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}
.en-cfg .ss-t:first-child{margin-top:0}
.en-fields,.en-track{display:flex;flex-direction:column;gap:var(--sp-3)}
.en-frow,.en-trow{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-3);background:var(--card)}
.en-trow{align-items:center}
.en-frow.is-sec{background:var(--brand-soft);border-color:var(--brand-soft)}
.en-frow .grip,.en-trow .grip{flex:none;width:16px;line-height:32px;font-size:var(--fs-3);text-align:center;color:var(--text-3);opacity:var(--op-4)}
.en-trow .grip{line-height:1}
.en-fbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.en-fline{display:flex;gap:var(--sp-3);align-items:center}
#modal-body .en-frow input:not([type=checkbox]),#modal-body .en-frow select,#modal-body .en-trow input{margin:0;width:100%;height:32px;border:1px solid var(--border);border-radius:var(--r-2);padding:0 var(--sp-4);font-family:Heebo;font-size:var(--fs-3);background:var(--card);color:var(--text)}
#modal-body .en-fline input[data-k=label]{flex:1;min-width:0}
#modal-body .en-fline select{flex:0 0 140px;width:140px;padding:0 var(--sp-3)}
#modal-body .en-frow input:focus,#modal-body .en-frow select:focus,#modal-body .en-trow input:focus{outline:none;border-color:var(--brand-ink)}
#modal-body .en-frow input.en-sub{height:28px;font-size:var(--fs-2);color:var(--text-2);background:var(--card-2);border-color:transparent}
#modal-body .en-frow input.en-sub:focus{background:var(--card);border-color:var(--brand-ink)}
.en-frow input::placeholder,.en-trow input::placeholder{color:var(--text-3)}
.en-frow.is-sec input[data-k=label]{font-weight:700;color:var(--brand-ink)}
#modal-body .en-req{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none;margin:0;font-size:var(--fs-2);font-weight:500;color:var(--text-3);white-space:nowrap;cursor:pointer}
#modal-body .en-req input{width:14px;height:14px;margin:0;padding:0;accent-color:var(--brand-fill);cursor:pointer}
#modal-body .en-req:has(input:checked){color:var(--text-2)}
.en-cfg .row-del-btn{flex:none;width:28px;height:32px;color:var(--text-3);opacity:var(--op-4);border-radius:var(--r-2)}
.en-cfg .en-trow .row-del-btn{height:28px}
.en-cfg .row-del-btn .ico{width:14px;height:14px}
@media (hover:hover){ .en-cfg .row-del-btn:hover{color:var(--bad);opacity:1;background:var(--bad-soft)} .en-cfg .grip:hover{opacity:1;color:var(--brand-ink)} }
#modal-body .en-cfg .add-dashed-btn{display:block;margin:0;width:100%;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-2);font-weight:600;color:var(--text-3);border:1px dashed var(--border);border-radius:var(--r-3);text-align:center}
@media (hover:hover){ #modal-body .en-cfg .add-dashed-btn:hover{color:var(--brand-ink);border-color:var(--brand-ink);background:var(--brand-soft)} }
.en-cfg .en-imgs .row-del-btn{position:absolute;opacity:1;height:28px}
#modal-body .en-cfg .en-int{margin:0}
.in-item{background:var(--card-2)}
.in-item>.en-fbody>input[data-k=ititle]{font-weight:700;color:var(--brand-ink)}
.in-ifields{padding-inline-start:var(--sp-4);border-inline-start:2px solid var(--border);margin-top:var(--sp-2)}
.in-ifields .en-frow{background:var(--card)}
/* בתוך שורה — כפתור קטן בצד הפותח, ולא פס לרוחב */
#modal-body .en-cfg .en-fbody>.add-dashed-btn,#modal-body .en-cfg .en-fbody>.en-upl{align-self:flex-start;width:auto;padding:var(--sp-2) var(--sp-5)}
#modal-body .en-cfg .in-item>.en-fbody>.add-dashed-btn{margin-inline-start:var(--sp-4)}
.in-dline{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}
.en-cfg .in-dline .btn{text-decoration:none;min-height:0;height:28px;padding:0 var(--sp-4);gap:var(--sp-2);font-size:var(--fs-2);border-width:1px;box-shadow:none}
.en-cfg .in-dline .btn .ico{width:14px;height:14px}
.en-cfg .in-dline .row-del-btn{height:28px}
.in-adds{display:flex;gap:var(--sp-3)}
.in-adds>*{flex:1}
@media (max-width:520px){
  .en-fline{flex-wrap:wrap}
  #modal-body .en-fline input[data-k=label]{flex:1 0 100%}
  #modal-body .en-fline select{flex:1 1 auto;width:auto}
}
