@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/heebo-hebrew-400-normal.woff2') format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/heebo-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Heebo';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/heebo-hebrew-500-normal.woff2') format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/heebo-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/heebo-hebrew-700-normal.woff2') format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/heebo-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Heebo';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/heebo-hebrew-800-normal.woff2') format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/heebo-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--brand:#f77b02;--ink:#192329;--muted:#716b64;--line:#daddd6;--bg:#f4f2ee;--paper:#fff;--soft:#fff3d6}
*{box-sizing:border-box}
input[type=date]{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%;text-align:right;display:block}
input.inl[type=date]{display:inline-block}
.grid2>*{min-width:0}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Heebo',system-ui,sans-serif;font-size:16px;line-height:1.75}
header.top{background:var(--ink);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}
header.top b{font-size:20px;font-weight:800;letter-spacing:.3px;color:var(--brand)}
header.top span{opacity:.7;font-size:14px}
.wrap{max-width:860px;margin:0 auto;padding:16px 12px 120px}
.hint{background:var(--soft);border:1px solid #f3d99a;border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:14px}
.paper{background:var(--paper);border-radius:14px;box-shadow:0 2px 20px rgba(25,35,41,.08);padding:28px 20px}
.paper h1{font-size:24px;line-height:1.35;text-align:center;margin:0 0 4px;font-weight:800}
.paper .sub{text-align:center;color:var(--muted);margin:0 0 22px;font-size:15px}
.paper h2{font-size:18px;margin:26px 0 8px;padding-right:10px;border-right:4px solid var(--brand);font-weight:700;line-height:1.4}
.paper p,.paper li{margin:0 0 8px}
.paper ol,.paper ul{margin:0;padding:0;list-style:none}
.n{font-weight:700;color:var(--brand);margin-left:6px;display:inline-block;unicode-bidi:isolate}
.sub-list{padding-right:18px}
.box{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:14px 0;background:#fcfbf9}
.box h3{margin:0 0 6px;font-size:16px}
.box .note{font-size:13px;color:var(--muted);margin:0 0 8px}
/* fields */
.fld{display:block;margin-bottom:12px}
.fld>span{display:block;font-weight:500;font-size:14px;color:var(--muted);margin-bottom:2px}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],textarea{
  font:inherit;color:var(--ink);width:100%;background:#faf9f6;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;min-height:46px;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(247,123,2,.18);background:#fff}
input.err,.sigwrap.err{border-color:#d92d20!important}
input.inl{display:inline-block;width:8em;min-height:38px;padding:4px 10px;margin:0 4px;vertical-align:middle}
input.inl.s{width:5.5em}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.chk{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.chk>input{width:22px;height:22px;min-height:0;margin:4px 0 0;flex:none;accent-color:var(--brand)}
.chk>div{flex:1}
/* signature */
.sigwrap{border:1.5px dashed #b9b4ab;border-radius:12px;background:#fdfdfc;position:relative;touch-action:none}
.sigwrap canvas{display:block;width:100%;height:170px;cursor:crosshair;touch-action:none}
.sigwrap .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b0aaa0;pointer-events:none;font-size:15px}
.linkbtn{background:none;border:0;color:var(--brand);font:inherit;font-weight:700;cursor:pointer;padding:6px 0}
/* action bar */
.bar{position:fixed;inset:auto 0 0 0;background:#fff;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;justify-content:center;z-index:5}
.btn{font:inherit;font-weight:700;border:0;border-radius:12px;padding:13px 20px;min-height:48px;cursor:pointer;flex:1;max-width:280px}
.btn.p{background:var(--brand);color:#fff}
.btn.s{background:var(--ink);color:#fff}
.btn:disabled{opacity:.6;cursor:wait}
.toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:9;max-width:92vw;text-align:center;display:none}
@media(max-width:560px){
  .grid2{grid-template-columns:1fr}
  .paper{padding:20px 14px}.paper h1{font-size:21px}
  .btn{padding:12px 8px;font-size:15px}
}
/* PDF render clone */
#pdfhost{position:fixed;left:-10000px;top:0;width:794px;background:#fff}
#pdfhost .paper{box-shadow:none;border-radius:0;padding:40px 44px;font-size:14.5px;line-height:1.65}
#pdfhost .paper h1{font-size:24px}#pdfhost h2{font-size:16.5px;margin-top:18px}
#pdfhost .pv{display:inline-block;min-width:6em;border-bottom:1px solid #444;padding:0 6px;font-weight:500;min-height:1.4em}
#pdfhost .fld>span{color:#555}
#pdfhost .fld .pv{display:block}
#pdfhost .grid2{display:block}
#pdfhost .sigimg{height:90px;display:block}
#pdfhost .box{background:#fff}
#pdfhost .stamp{margin-top:22px;border:1px solid #999;border-radius:8px;padding:10px 14px;font-size:12.5px;line-height:1.6;color:#333;direction:rtl}
@media print{.bar,header.top,.hint,.toast{display:none}body{background:#fff}.wrap{padding:0}.paper{box-shadow:none}}
/* ===== עמוד הבית (רשימת מסמכים) ===== */
.hub{max-width:860px;margin:0 auto;padding:22px 14px 60px}
.hub h1{font-size:26px;margin:0 0 6px;font-weight:800}
.hub .lead{color:var(--muted);margin:0 0 22px;font-size:15px}
.cards{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:720px){.cards{grid-template-columns:1fr 1fr}}
.card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 2px 14px rgba(25,35,41,.06);transition:transform .12s,box-shadow .12s}
.card:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(25,35,41,.12)}
.card h2{margin:0 0 4px;font-size:18px;font-weight:700}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.card .tag{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;background:var(--soft);color:#8a5a00;border-radius:999px;padding:3px 10px}
.card.soon{opacity:.62;pointer-events:none}
.card.soon .tag{background:#eceae6;color:var(--muted)}
.back{display:inline-block;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:10px}
.back:hover{color:var(--brand)}
/* ===== צדדים להסכם ===== */
.party{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;background:#fcfbf9}
.party h3{margin:0 0 2px;font-size:16px}
.party .role{font-size:13px;color:var(--muted);margin:0 0 10px}
.party .fixed{font-size:15px;margin:0 0 8px}
.sigblock{border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:12px;background:#fcfbf9}
.sigblock h3{margin:0 0 10px;font-size:16px}
.deflist{margin:0 0 8px}
.deflist dt{font-weight:700;margin-top:8px}
.deflist dd{margin:0;padding-right:10px}
#pdfhost .party,#pdfhost .sigblock,#pdfhost .box{background:#fff}
/* ===== טבלאות ושדות מרובי-שורות ===== */
.tbl{width:100%;border-collapse:collapse;margin:10px 0;font-size:14.5px}
.tbl th,.tbl td{border:1px solid var(--line);padding:8px 10px;text-align:right;vertical-align:middle}
.tbl th{background:#f6f4f0;font-weight:700}
.tbl input{min-height:38px;padding:4px 8px;margin:0 2px}
.tbl .w{width:5.5em}
textarea{min-height:90px;resize:vertical}
#pdfhost .pv{white-space:pre-wrap}
.example{border-right:3px solid var(--line);padding:2px 12px;margin:8px 0;color:var(--muted);font-size:14px}
.example b{color:var(--ink)}
@media(max-width:560px){.tbl th,.tbl td{padding:6px;font-size:13.5px}.tbl .w{width:4.5em}}
.docver{margin:22px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);text-align:left;direction:ltr;letter-spacing:.4px}
#add-signer{margin:4px 0 8px}
input[readonly]{background:#f1efeb;color:var(--muted);cursor:default}
input[readonly]:focus{border-color:var(--line);box-shadow:none;background:#f1efeb}
/* ===== מסמכים מצורפים ===== */
.files{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0}
@media(min-width:720px){.files{grid-template-columns:1fr 1fr 1fr}}
.file{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fcfbf9}
.file .fld{margin:0}
.file input[type=file]{font:inherit;width:100%;background:#faf9f6;border:1.5px dashed #b9b4ab;border-radius:10px;padding:10px;min-height:46px;cursor:pointer}
.file input[type=file]::file-selector-button{font:inherit;font-weight:700;margin-left:10px;border:0;border-radius:8px;padding:7px 12px;background:var(--ink);color:#fff;cursor:pointer}
.file input[type=file].err{border-color:#d92d20}
.file-view{margin-top:10px}
.file-view img{display:block;width:100%;max-height:180px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
.file-pdf{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;word-break:break-all}
.file-pdf b{flex:none;background:#c2410c;color:#fff;border-radius:6px;padding:2px 8px;font-size:12.5px}
.file-view .muted{font-size:14px;color:var(--muted)}
.note{font-size:13px;color:var(--muted)}
.fixed-rate{color:var(--brand);font-weight:800}
/* שדה שנקבע מראש בכתובת */
input.preset,textarea.preset{background:#f1efeb;font-weight:700;cursor:default}
input.preset:focus,textarea.preset:focus{border-color:var(--line);box-shadow:none;background:#f1efeb}
.preset-note{background:var(--soft);border:1px solid #f3d99a;border-radius:10px;padding:9px 13px;font-size:13.5px;margin:0 0 16px;color:#7a5200}
.muted{color:var(--muted);font-size:13px}
.tbl th{width:auto}
/* סרגל מצב Tavlin */
.tavlin-bar{max-width:860px;margin:0 auto 14px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 14px;font-size:14px}
.tavlin-bar b{color:var(--brand)}
.tavlin-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.tavlin-row .btn{flex:0 0 auto;max-width:none;min-height:42px;padding:9px 16px}
.tavlin-row input{flex:1;min-width:180px;min-height:42px;background:#2b3940;border:1px solid #3d4a51;color:#fff;border-radius:10px;padding:8px 10px;font-size:13px;direction:ltr;text-align:left}
.chk.preset-chk input{cursor:default}
.sent{margin:0;padding:6px 10px;font-weight:700;color:#0a6b3d;text-align:center;font-size:15px}
/* מסך תוצאה אחרי שליחה */
.done{position:fixed;inset:0;background:rgba(25,35,41,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}
.done-card{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:26px 20px 18px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.done-card h2{margin:12px 0 6px;font-size:24px}
.done-card p{margin:0 0 10px}
.done-ic{width:72px;height:72px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#fff}
.done-ic.ok{background:#0a8a4e}
.done-ic.bad{background:#c2410c}
.done-btns{display:flex;flex-direction:column;gap:8px;margin:14px 0 6px}
.done-btns .btn{max-width:none}
@media print{.done,.steps{display:none}}
/* "מסמך 2 מתוך 4" בראש כל מסמך שנפתח מרשימת המסמכים */
.steps{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--muted);margin:0 2px 10px}
.steps a{color:var(--brand);text-decoration:none}
/* הפרטים שמולאו, מוצגים ליד החתימה */
.signed-as{font-size:14.5px;line-height:1.8;margin:2px 0 10px}
.signed-as b{font-weight:700}
/* רשימת המסמכים של הלקוח (/sign) */
#hub .lead{text-align:center;color:var(--muted);font-size:15px;margin:0 0 18px}
.prog{height:10px;background:#eceae6;border-radius:999px;overflow:hidden}
.prog>div{height:100%;background:#0a8a4e;border-radius:999px;transition:width .4s}
.prog-txt{text-align:center;font-size:14px;font-weight:700;color:var(--muted);margin:6px 0 14px}
.todo{display:flex;flex-direction:column;gap:10px}
.paper .todo li{margin:0}
.todo-item{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:inherit;background:#fff}
.todo-item.cur{border-color:var(--brand);box-shadow:0 4px 16px rgba(247,123,2,.15)}
.todo-item.ok{background:#f1f8f4;border-color:#bfe0cc}
.todo-ic{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;background:#eceae6;color:var(--ink)}
.todo-item.cur .todo-ic{background:var(--brand);color:#fff}
.todo-item.ok .todo-ic{background:#0a8a4e;color:#fff}
.todo-txt{flex:1;display:flex;flex-direction:column;line-height:1.4}
.todo-txt span{font-size:13.5px;color:var(--muted)}
.todo-item.ok .todo-txt span{color:#0a6b3d;font-weight:700}
.todo-go{flex:none;min-height:42px;padding:9px 16px;display:flex;align-items:center}
.alldone{text-align:center;margin-bottom:16px}
.alldone h1{margin-top:12px}
.done-btns a.btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
.bar a.btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
.bar.is-sent{flex-direction:column;align-items:center;gap:6px}
.bar.is-sent .btn{width:100%}
input.preset~.edit-only{display:none}
/* חתימות זו לצד זו, כמו בהצעת מחיר מודפסת */
.sigrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sigrow .sigblock{margin-top:12px}
@media(max-width:560px){.sigrow{grid-template-columns:1fr}}
#pdfhost .sigrow{grid-template-columns:1fr 1fr}
/* חתימת Tavlin הקבועה */
img.tavlin-sig{display:block;height:90px;max-width:100%;object-fit:contain}
.sig-missing{height:90px;border-bottom:1px solid #444}
.sigblock .role{font-size:13px;color:var(--muted);margin:4px 0 0}
/* עמוד השליחה של Tavlin */
.grid2.keep{grid-template-columns:1fr 1fr}
details.more{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:14px 0;background:#fcfbf9}
details.more summary{font-weight:700;cursor:pointer}
.links{margin-top:16px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.links a{color:var(--brand);font-weight:700}