:root{
    --navy:#1e3a5f; --navy-deep:#16304f; --bg:#f7f5f1; --card:#ffffff;
    --line:#e3ded6; --muted:#6b7280; --err:#b3261e; --ok:#1a7f4b;
    --green:#1f9d55; --focus:#2563eb;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{
    background:var(--bg); color:var(--navy-deep);
    font:400 1.0625rem/1.65 system-ui,"Segoe UI","Heebo",Arial,sans-serif;
    min-height:100vh; display:flex; flex-direction:column;
  }
  header{
    padding:18px 22px; display:flex; align-items:center; gap:10px;
    justify-content:space-between;
  }
  .brand{font-weight:700; font-size:1.125rem; color:var(--navy)}
  .brand small{font-weight:400; color:var(--muted); font-size:.8125rem; margin-inline-start:8px}
  main{flex:1; display:flex; align-items:flex-start; justify-content:center; padding:4vh 16px 40px}
  .card{
    background:var(--card); border:1px solid var(--line); border-radius:14px;
    padding:34px 30px; width:100%; max-width:460px;
    box-shadow:0 1px 2px rgba(22,48,79,.05);
  }
  h1{font-size:1.375rem; margin:0 0 6px; color:var(--navy)}
  p{margin:.4em 0}
  .sub{color:var(--muted); font-size:.9375rem; margin-bottom:18px}
  label{display:block; font-weight:600; margin:16px 0 6px; font-size:.9375rem}
  input[type=tel],input[type=text],select{
    width:100%; padding:13px 14px; font:inherit; font-size:1.25rem;
    border:1.5px solid var(--line); border-radius:10px; background:#fff;
    direction:ltr; text-align:right;
  }
  input:focus,select:focus,button:focus-visible{outline:3px solid var(--focus); outline-offset:1px}
  select{direction:rtl; font-size:1.0625rem}
  .btn{
    display:block; width:100%; margin-top:20px; padding:14px;
    font:700 1.125rem/1 inherit; font-family:inherit; color:#fff;
    background:var(--navy); border:none; border-radius:10px; cursor:pointer;
  }
  .btn:disabled{opacity:.55; cursor:default}
  .btn.green{background:var(--green)}
  .linkbtn{
    background:none; border:none; color:var(--navy); font:inherit; font-size:.9375rem;
    text-decoration:underline; cursor:pointer; padding:0; margin-top:14px;
  }
  .msg{min-height:1.4em; margin-top:12px; font-size:.9375rem}
  .ts-box{margin-top:12px} .ts-box:empty{display:none} /* Turnstile (T054): מופיע רק כשנדרשת אינטראקציה */
  .msg.err{color:var(--err); font-weight:600}
  .msg.ok{color:var(--ok)}
  .note{font-size:.8125rem; color:var(--muted); margin-top:16px; border-top:1px solid var(--line); padding-top:12px}
  .otp-sent{background:#eef4ee; border:1px solid #cfe3cf; border-radius:10px; padding:10px 14px; font-size:.9375rem; margin-top:8px}
  .draftbadge{
    display:inline-block; background:#fff3cd; color:#7a5b00; border:1px solid #e6d28a;
    border-radius:6px; padding:1px 10px; font-size:.8125rem; font-weight:700; margin-bottom:10px;
  }
  .terms{background:#fafaf7; border:1px solid var(--line); border-radius:10px; padding:14px 16px; font-size:.9375rem; max-height:260px; overflow-y:auto}
  .terms ul{padding-inline-start:20px; margin:.5em 0}
  .row{display:flex; gap:10px; align-items:center; margin-top:16px}
  .row input[type=checkbox]{width:22px; height:22px; flex:none}
  .appbar{display:flex; gap:10px; align-items:center; flex-wrap:wrap; min-width:0}
  #appbar .linkbtn{min-height:44px; display:inline-flex; align-items:center; max-width:100%; white-space:normal}
  #appbar [hidden]{display:none!important}
  body.owner-unified>.owner-header:has(#staff-reports-top:not([hidden])){display:flex!important;justify-content:flex-end;padding-block:0}
  body.owner-unified #appbar:has(#staff-reports-top:not([hidden])){justify-content:flex-end}
  body.owner-unified #appbar:has(#staff-reports-top:not([hidden]))>:not(#staff-reports-top){display:none!important}
  body.owner-unified>.owner-header:has(#staff-reports-top:not([hidden]))>.brand{display:none}
  @media(max-width:600px){.owner-header{flex-wrap:wrap}.appbar{width:100%}}
  .hidden{display:none !important}
  /* ---- קבלת פנים ---- */
  .card.welcome{max-width:560px; text-align:center}
  .wtitle{font-size:1.75rem; margin-bottom:4px}
  .wsub{font-size:1.125rem; color:var(--navy); margin:0 0 14px}
  .wlead{color:var(--navy-deep); font-size:1.0625rem; margin:0 0 18px}
  .wlead p{margin:.35em 0}
  .wlead .wq{font-weight:700; color:var(--navy); margin-top:.8em}
  .three{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; text-align:right}
  @media (max-width:560px){ .three{grid-template-columns:1fr} }
  .tile{border:1px solid var(--line); border-radius:10px; padding:12px 14px; background:#fafaf7}
  .tile b{display:block; color:var(--navy); margin-bottom:4px}
  .tile span{font-size:.9375rem; color:var(--muted); line-height:1.5}
  .more{text-align:right; border-top:1px solid var(--line); margin-top:16px; padding-top:8px; font-size:1rem}
  .more .wq{font-weight:700; color:var(--navy)}
  .linkbtn.inline{margin:0; padding:0; font-size:inherit; vertical-align:baseline}
  .h2{font-size:1.125rem; color:var(--navy); margin:14px 0 0}
  .hello-text{font-size:1.0625rem; line-height:1.7; margin:6px 0 10px}
  .hello-text p{margin:.5em 0}
  .hello-text .wq{font-weight:700; color:var(--navy)}
  .consent{align-items:flex-start; font-size:.9375rem; line-height:1.5}
  .consent input[type=checkbox]{margin-top:4px}
  .expired{background:#eef4ee; border:1px solid #cfe3cf; border-radius:10px; padding:12px 16px; margin-top:8px}
  .expired p{margin:0 0 6px; font-weight:600}
  .expired .btn{margin-top:6px}
  /* ---- מסך "האנשים שלי" ---- */
  .card.wide{max-width:640px}
  .plist{margin:14px 0 6px; padding:0; list-style:none}
  .pitem{
    border:1px solid var(--line); border-radius:10px; padding:12px 16px; margin:8px 0; background:#fff;
    display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  }
  .pitem.editing{border-color:var(--navy); background:#eef2f7}
  .pitem .pmain{flex:1 1 220px; min-width:0}
  .pitem .pname{font-weight:700; color:var(--navy); font-size:1.125rem}
  .pitem .pkin{color:var(--muted); margin-inline-start:6px}
  .pitem .pextra{font-size:.9375rem; color:var(--muted); overflow-wrap:anywhere}
  .pitem .pextra bdo{color:var(--navy-deep)}
  .pitem .pacts{display:flex; gap:6px; flex:none}
  .ghost{
    background:none; border:none; color:var(--navy); font:inherit; font-size:1rem;
    text-decoration:underline; cursor:pointer; padding:6px 8px; min-height:40px;
  }
  .ghost.danger{color:var(--err)}
  .confirm{
    flex-basis:100%; background:#fff3cd; border:1px solid #e6d28a; border-radius:8px;
    padding:10px 14px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-size:1rem;
  }
  .confirm button{min-height:40px; font:700 1rem/1 inherit; font-family:inherit; border-radius:8px; padding:8px 16px; cursor:pointer}
  .confirm .yes{background:var(--err); color:#fff; border:none}
  .confirm .no{background:#fff; color:var(--navy); border:1.5px solid var(--navy)}
  .empty{color:var(--muted); text-align:center; padding:18px; border:1.5px dashed var(--line); border-radius:10px; margin:14px 0}
  .pform{border-top:1px solid var(--line); margin-top:18px; padding-top:6px}
  .pform h2{font-size:1.125rem; color:var(--navy); margin:12px 0 0}
  .pform input[type=text]{direction:rtl; text-align:right}
  .pform .hint{font-size:.875rem; color:var(--muted); margin:4px 0 0}
  .btnrow{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:20px}
  .btnrow .btn{width:auto; margin:0; padding:14px 26px}
  .btn.outline{background:#fff; color:var(--navy); border:1.5px solid var(--navy)}
  #i-done .btn.outline{background:#fff; color:var(--navy); border:1.5px solid var(--navy)}
  .btnrow .btn.end{margin-inline-start:auto}
  @media (max-width:560px){ .btnrow .btn{width:100%; margin-inline-start:0} }
  .loading{color:var(--muted); padding:14px 0}
  .q{font-weight:700; font-size:1.0625rem; color:var(--navy-deep); margin:18px 0 2px; display:block}
  .pform .hint{margin:0 0 6px}
  .soon{border:1px dashed var(--line); border-radius:10px; padding:10px 14px; margin-top:18px; background:#fafaf7}
  .soon .q{margin:0; display:inline}
  .soon .hint{margin:4px 0 0}
  /* ---- מסמכים (שלב 3) ---- */
  .docbox{border:1px solid var(--line); border-radius:10px; padding:12px 14px; margin-top:8px; background:#fafaf7}
  .docbox .hint{margin:2px 0 8px}
  .hint.donot{background:#fff8e6; border:1px solid #f0dca0; border-radius:8px; padding:8px 12px; color:var(--navy-deep); margin:6px 0 0}
  .doclist{list-style:none; margin:0 0 6px; padding:0}
  .doclist li{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding:8px 0; border-top:1px solid var(--line)}
  .doclist li:first-child{border-top:none}
  .doclist .dname{font-weight:700; color:var(--navy); overflow-wrap:anywhere; flex:1 1 200px}
  .doclist .dname small{font-weight:400; color:var(--muted); margin-inline-start:6px}
  .doclist .dstat{font-size:.9375rem; color:var(--muted)}
  .doclist .dstat.ok{color:var(--ok); font-weight:600}
  .doclist .dacts{display:flex; gap:4px; flex:none}
  .doclist .confirm{flex-basis:100%}
  .docprivacy{flex-basis:100%}
  .docprivacy label{display:flex;align-items:center;gap:8px;min-height:44px}
  .docprivacy input[type=checkbox]{width:22px;height:22px;margin:0;flex:none}
  .docpick{display:flex; flex-wrap:wrap; align-items:center; gap:10px}
  .docpick .btn{width:auto; margin:0; min-height:44px}
  .pextra .doc{color:var(--navy-deep)}
  .docgroups h3{font-size:1.0625rem; color:var(--navy); margin:16px 0 4px}
  .docgroups h3 small{font-weight:400; color:var(--muted); margin-inline-start:6px}
  .done{background:#eef4ee; border:1px solid #cfe3cf; border-radius:12px; padding:18px 20px; margin-top:18px}
  .done p{margin:.3em 0}
  .done .done-first{font-weight:700; color:var(--ok); font-size:1.125rem}
  .done .done-name b{color:var(--navy)}
  .back{margin:-6px 0 10px}
  .subbtns.big button{min-height:52px; font-size:1.0625rem; padding:10px 20px}
  .nextbar{margin-top:28px; padding-top:16px; border-top:1px dashed var(--line); text-align:left}
  .nextbar .btn{width:auto; margin:0; padding:12px 22px}
  .finder{margin-top:6px}
  .findrow{display:flex; gap:8px; align-items:stretch}
  .findrow input{flex:1; margin:0}
  .subbtns button.ai{border-color:var(--navy)}
  @media (max-width:560px){ .findrow{flex-direction:column} .findrow .btn{width:100%} }
  .zsum{border:1px solid var(--line); border-radius:12px; padding:6px 16px; background:#fafaf7; margin-top:8px}
  .zsum div{display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid var(--line)}
  .zsum div:last-child{border-bottom:none}
  .zsum span:first-child{color:var(--muted); flex:none}
  .zsum b{color:var(--navy-deep); text-align:left}
  .chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:8px}
  .chips span{background:#fdf0f5; border:1px solid #f1c6d8; border-radius:999px; padding:6px 14px; font-size:.95rem}
  .callout{background:#eef2f7; border-inline-start:4px solid var(--navy); border-radius:8px; padding:12px 16px; font-weight:600; color:var(--navy-deep); margin:6px 0 4px; line-height:1.55}
  /* ---- ניווט בין המסכים ---- */
  .tabs{display:flex; gap:8px; margin:-8px 0 18px; border-bottom:1px solid var(--line); padding-bottom:12px}
  .tabs button{
    flex:1; min-height:48px; font:600 1.0625rem/1 inherit; font-family:inherit; cursor:pointer;
    background:#fff; color:var(--navy); border:1.5px solid var(--line); border-radius:10px; padding:10px;
  }
  .tabs button.on{background:var(--navy); color:#fff; border-color:var(--navy)}
  /* ---- מסך "התיבה" ---- */
  .catgrid{display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:10px; margin:14px 0 6px}
  @media (max-width:560px){ .catgrid{grid-template-columns:1fr 1fr} }
  .catcard{
    position:relative; min-height:78px; padding:14px 12px; text-align:center; cursor:pointer;
    background:#fff; color:var(--navy); border:1.5px solid var(--line); border-radius:12px;
    font:600 1.0625rem/1.3 inherit; font-family:inherit; display:flex; align-items:center; justify-content:center;
  }
  .catcard:hover{border-color:var(--navy)}
  .catcard.liab{color:#7a3b2e}
  .catcard .cnt{
    position:absolute; top:-9px; inset-inline-start:-6px; min-width:26px; height:26px; padding:0 8px;
    background:var(--navy); color:#fff; border-radius:13px; font-size:.875rem; line-height:26px;
  }
  .catcard.liab .cnt{background:#7a3b2e}
  /* ניטור (לצוות) + הערה לצוות */
  .adm{width:100%; border-collapse:collapse; font-size:.875rem; margin-top:6px}
  .adm th,.adm td{border-bottom:1px solid var(--line); padding:6px 8px; text-align:start; vertical-align:top}
  .adm th{color:var(--navy); font-weight:700; background:#f6f8fb}
  .adm td.json{direction:ltr; text-align:left; font-family:monospace; font-size:.8125rem; word-break:break-all; min-width:180px}
  .adm td.num{font-variant-numeric:tabular-nums; white-space:nowrap}
  .tblwrap{overflow-x:auto; max-width:100%}
  .adm-h3{font-size:1.0625rem; color:var(--navy); margin:22px 0 4px}
  .funnel{display:flex; flex-direction:column; gap:6px; margin-top:8px}
  .funnel .fr{display:grid; grid-template-columns:150px 1fr 40px; align-items:center; gap:10px; font-size:.9375rem}
  .funnel .fb{height:18px; background:#e6ebf3; border-radius:4px; overflow:hidden}
  .funnel .fb i{display:block; height:100%; background:var(--navy)}
  .adm-note{background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin-top:8px}
  .adm-note small{color:var(--muted); display:block; margin-bottom:4px}
  .fbwrap{margin:-6px 0 14px}
  .fbpanel{background:#fdf6f9; border:1px solid #f1c6d8; border-radius:10px; padding:12px 14px}
  .fbpanel textarea{width:100%; min-height:80px; font:inherit; padding:8px; border:1px solid var(--line); border-radius:8px; box-sizing:border-box}
  /* סימון רכיב להערה (כמו בסקירת האבטיפוס): במצב picking כל רכיב-מועמד מקבל מסגרת; הנבחר מודגש */
  body.picking .rc{outline:2px dashed #c9779a; outline-offset:3px; cursor:crosshair}
  body.picking .rc:hover{outline-style:solid; background:#fdf0f5}
  .picked{outline:3px solid #c9779a !important; outline-offset:3px; box-shadow:0 0 0 6px #fbe3ee; border-radius:8px; transition:box-shadow .3s}
  .pickbar{position:sticky; top:0; z-index:20; background:#c9779a; color:#fff; padding:10px 14px; border-radius:10px; margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; gap:10px}
  .pickbar button{background:#fff; color:#8f4a6b; border:none; border-radius:8px; padding:6px 12px; font:inherit; cursor:pointer}
  .adm-note .where{color:var(--navy); font-size:.9375rem; margin:4px 0 0}
  .adm-note .where a{color:#8f4a6b}
  .cathead{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:4px}
  .cathead h2{margin:0; font-size:1.25rem; color:var(--navy); flex:1}
  .subbtns{display:flex; gap:8px; flex-wrap:wrap; margin-top:6px}
  .subbtns button{
    min-height:44px; padding:8px 16px; font:600 1rem/1 inherit; font-family:inherit; cursor:pointer;
    background:#fff; color:var(--navy); border:1.5px solid var(--line); border-radius:999px;
  }
  .subbtns button.on{background:#eef2f7; border-color:var(--navy)}
  .amountrow{display:flex; gap:10px; align-items:stretch; flex-wrap:wrap}
  .amountrow input[type=text]{flex:1 1 180px; direction:ltr; text-align:right}
  .seg.cur{margin-top:8px; flex-wrap:wrap}
  .seg.cur button{flex:1 1 25%}
  .seg{display:flex; border:1.5px solid var(--line); border-radius:10px; overflow:hidden; min-height:52px}
  @media (max-width:560px){ .seg{width:100%} }
  .seg button{
    flex:1; min-width:88px; min-height:48px; padding:0 14px; font:600 1rem/1 inherit; font-family:inherit; cursor:pointer;
    background:#fff; color:var(--navy); border:none; border-inline-start:1.5px solid var(--line);
  }
  .seg button:first-child{border-inline-start:none}
  .seg button.on{background:var(--navy); color:#fff}
  .pitem .pval{font-weight:700; color:var(--navy-deep); white-space:nowrap}
  .pitem .pval small{font-weight:400; color:var(--muted)}
  input[type=number]{
    width:100%; padding:13px 14px; font:inherit; font-size:1.25rem;
    border:1.5px solid var(--line); border-radius:10px; background:#fff; direction:ltr; text-align:right;
  }
  .overlay{position:fixed; inset:0; background:rgba(22,48,79,.45); display:flex; align-items:flex-start; justify-content:center; padding:24px 12px; overflow:auto; z-index:50}
  .helpcard{position:relative; max-width:520px; width:100%; margin:0}
  .helpclose{position:absolute; top:12px; inset-inline-start:14px; margin:0}
  footer{padding:14px 22px; color:var(--muted); font-size:.8125rem; text-align:center}
#btn-fb-top[hidden]{display:none!important}
#private-consent label.check a{color:#633549;text-decoration:underline}
#private-consent label.check a:focus-visible{outline:3px solid #e8ad48;outline-offset:2px}

.sensitive-warning{flex-basis:100%;width:100%;box-sizing:border-box;background:#fff8e8;border:1px solid #b78028;border-radius:8px;padding:14px;text-align:right}.sensitive-warning button{margin:4px;min-height:44px}.sensitive-warning button:focus-visible{outline:3px solid #e8ad48;outline-offset:2px}
.recipient-return-entry:not([hidden])+.report-entry{border-top:0;margin-top:16px;padding-top:0}
#first-link,#known-link{display:block;margin-top:8px}
#first-link button,#known-link button{color:#633549;text-decoration:underline}
#first-link button:focus-visible,#known-link button:focus-visible{outline:3px solid #e8ad48;outline-offset:3px}

/* LIAT-1019: explicit secondary exit actions. */
#btn-bye1,#btn-bye2{background:#fff;color:#633549;border:1px solid #633549;min-height:44px;border-radius:8px;padding:12px 18px}