/* 16a.21 */

/* חלונות: כפתור סגירה קבוע בפינה */
.modal-xbar{position:sticky;top:0;height:0;z-index:5}
.modal-x{position:absolute;left:-14px;top:-16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.modal-x:hover{color:var(--ink);border-color:var(--ink)}
.modal-card h3{padding-left:30px}
@media(max-width:700px){
  .modal{padding:12px}
  .modal-x{left:-8px;top:-10px;width:38px;height:38px}
  /* כפתורי הפעולה נשארים גלויים בתחתית החלון גם כשהתוכן ארוך */
  .modal-card .modal-actions{position:sticky;bottom:-20px;background:var(--surface);z-index:4;margin-bottom:-20px;padding-bottom:16px}
  .bx-list{max-height:34dvh}
  .bx-actions .btn{flex:1 1 auto}
}

/* כותרת עמודים (משימות ועוד) בטלפון: הכפתורים מעל, הטקסט ברוחב מלא */
@media(max-width:700px){
  .work-header{flex-direction:column;align-items:stretch}
  .work-header>div:first-child{width:100%}
  .work-header-actions{width:100%;flex-wrap:wrap}
  .work-header-actions .btn{flex:1 1 auto;justify-content:center}
}

/* משימה חודשית עם פירוט לכל דירה */
.tg-has-parts summary small{color:var(--muted);margin-inline-start:8px;font-weight:500}
.tg-items li.tg-prow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid var(--line)}
.tg-items li.tg-prow:last-child{border-bottom:0}
.tg-prow .tg-pname{font-weight:600;min-width:0}
.tg-prow.on .tg-pname{color:var(--muted);text-decoration:line-through}
.tg-parts{display:flex;gap:6px;flex-wrap:wrap}
.tg-part{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 11px;cursor:pointer;font-size:calc(13px * var(--fz));background:var(--surface);user-select:none}
.tg-part input{width:16px;height:16px;margin:0;accent-color:var(--signal)}
.tg-part.on{background:var(--signal-soft);border-color:var(--signal);color:var(--signal)}

/* קיזוז הוצאות לשותפים */
.pd-stat .pd-sub{font-size:calc(12px * var(--fz));color:var(--muted);margin-top:4px}
.pd-panel{padding:14px 16px;margin-bottom:12px}
.pd-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pd-head h3{margin:0;padding:0;border:0}
.pd-hint{color:var(--muted);font-size:calc(13px * var(--fz));margin:6px 0 0;line-height:1.5}
.pd-list{margin-top:10px;display:grid;gap:6px}
.pd-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
.pd-row small{color:var(--muted)}

/* טופס הוצאה */
.ff-notes{grid-column:1/-1;display:grid;gap:6px}
.ff-notes textarea{min-height:60px!important}

/* אבזור בכרטיס הנכס */
.eq-list{display:grid;gap:4px;margin-top:6px}
.eq-h,.eq-row{display:grid;grid-template-columns:minmax(0,2.2fr) 64px 84px 80px minmax(0,1.2fr) 30px;gap:6px;align-items:center}
.eq-h{font-size:calc(12px * var(--fz));color:var(--muted);font-weight:600}
.eq-row input,.eq-row select{width:100%;min-width:0;box-sizing:border-box;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:calc(13px * var(--fz))}
.eq-tot{font-weight:600;font-size:calc(13px * var(--fz));white-space:nowrap}
.eq-del{border:0;background:none;color:var(--muted);cursor:pointer;font-size:14px;padding:4px}
.eq-del:hover{color:var(--bad, #a33)}
@media(max-width:700px){
  .eq-h{display:none}
  .eq-row{grid-template-columns:52px 72px minmax(0,.9fr) minmax(0,1.3fr) 26px;gap:5px;padding:8px 0;border-top:1px solid var(--line)}
  .eq-row .eq-item{grid-column:1/-1;font-weight:600}
  .eq-row input,.eq-row select{padding:6px}
}

/* 16a.23 · חשבונות וקיזוזים בכספים */
.fb-actions{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.fb-act{border:1px dashed var(--line);background:none;color:var(--signal);border-radius:6px;padding:3px 8px;font:inherit;font-size:calc(12px * var(--fz));cursor:pointer}
.fb-act:hover{border-style:solid;border-color:var(--signal)}
.fb-rent{display:flex;flex-direction:column;gap:1px;margin-top:4px;font-size:calc(11.5px * var(--fz));line-height:1.45}
.fb-rent b{color:var(--ink);font-weight:700}
.fb-minus{color:#9a5b12}
.fb-plus{color:var(--signal)}
.fb-actual{display:block;margin-top:3px;font-size:calc(11px * var(--fz));color:var(--signal);font-weight:600}
.fb-warn{display:block;margin-top:5px;color:#a33a1f;font-size:calc(12px * var(--fz));line-height:1.45}
.fb-panel h3{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fb-hbtns{display:flex;gap:6px}
.fb-prop{padding:10px 0;border-bottom:1px solid var(--line)}
.fb-prop:last-child{border-bottom:0}
.fb-ph{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.fb-ph span{color:var(--muted);font-size:calc(13px * var(--fz))}
.fb-line{display:grid;grid-template-columns:minmax(80px,1fr) minmax(90px,auto) minmax(0,2fr) 22px auto;gap:10px;align-items:center;padding:4px 0;font-size:calc(13.5px * var(--fz))}
.fb-line small{color:var(--muted)}
.fb-type{font-weight:600}
.fb-mode{font-size:calc(12px * var(--fz));border-radius:999px;padding:2px 9px;justify-self:start;background:var(--signal-soft);color:var(--signal)}
.fb-mode.fb-owes{background:#f6e8d3;color:#8a5210}
.fb-mode.fb-reimburse{background:#e3eef8;color:#1d5a92}
p.fb-warn{margin:6px 0 0}
@media(max-width:700px){
  .fb-line{grid-template-columns:1fr auto;gap:4px 10px}
  .fb-line .btn{justify-self:end}
  .fb-line > span:nth-child(4){display:none}
}
.rw-table td:has(.fb-rent){min-width:170px}
.fb-rent span,.fb-rent b{white-space:nowrap}
@media(max-width:700px){.rw-table td:has(.fb-rent){min-width:0}.fb-rent span,.fb-rent b{white-space:normal}}