/* MP-11 · העמוד של נעמן: תור, פאנל ממצאים, חלון חתימה, נחתמו / לא תקין. אותה שפה (כיוון 3) */
.banner{border-radius:10px;padding:9px 12px;font-size:13px;margin-block-end:10px;display:flex;gap:8px;align-items:flex-start}
.banner.test{background:#EEF2FB;color:#24407A;border:1px solid #D5DEF2}
.banner.miss{background:var(--wait-bg);color:var(--wait);border:1px solid #F0E2B2}
.banner b{font-weight:800}
.qkps{grid-template-columns:repeat(4,1fr)}
.st{border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:700;white-space:nowrap;display:inline-block}
.st.sign{background:var(--gold);color:var(--ink)}
.st.bad{background:var(--bad-bg);color:var(--bad)}
.st.ok{background:var(--ok-bg);color:var(--ok)}
.st.k{background:var(--soft);color:var(--mut)}
.st.test{background:#EEF2FB;color:#24407A}
.ck{font-weight:800}.ck.ok{color:var(--ok)}.ck.bad{color:var(--bad)}
.sys{display:flex;flex-direction:column;gap:5px}
.sysr{border:1px solid var(--soft);border-radius:9px;padding:7px 10px;font-size:13px}
.sysr .h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sysr .rm{font-size:12px;color:var(--mut);margin-block-start:3px}
.kv{background:var(--head);border-radius:10px;padding:9px 11px;font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
.kv b{color:var(--mut);font-weight:600}
.btn-gold{background:var(--gold);color:var(--ink);border:0;border-radius:10px;padding:11px;font-weight:800;cursor:pointer;font-size:14.5px}
.btn-gold:disabled{opacity:.45;cursor:default}
.btn-bad{border:1.5px solid var(--bad);color:var(--bad);background:#fff;border-radius:10px;padding:9px;font-weight:700;cursor:pointer;font-size:14px}
.btn-bad:disabled{opacity:.45;cursor:default}
.lk{color:var(--wait);font-weight:700;background:none;border:0;padding:0;cursor:pointer;font-size:13px;text-decoration:none}
.lk:disabled{color:var(--mut);cursor:default}
.note{font-size:12px;color:var(--mut)}
textarea.ta{width:100%;min-height:70px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:inherit;font-size:14px;resize:vertical}
textarea.ta:focus{outline:2px solid var(--gold);border-color:var(--gold)}
/* חלון החתימה */
.veil{position:fixed;inset:0;background:rgba(20,34,58,.45);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}
.mdl{background:#fff;border-radius:16px;width:min(1080px,100%);max-height:calc(100vh - 32px);display:grid;grid-template-columns:1fr 360px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.mdl .doc{background:#EDEAE3;overflow:auto;padding:18px;display:flex;justify-content:center}
.mdl .sheetwrap{width:520px;flex:none}
.mdl .sheetscale{width:794px;transform:scale(.655);transform-origin:top right;height:0}
.mdl .side{padding:16px;display:flex;flex-direction:column;gap:11px;background:var(--head);border-inline-start:1px solid var(--line);overflow:auto}
.mdl .side h3{margin:0;font-size:17px}
.chk{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;padding:5px 0}
.chk input{width:18px;height:18px;accent-color:#14223A}
.chk .from{font-size:11px;font-weight:700;color:var(--wait);background:var(--wait-bg);border-radius:99px;padding:1px 7px}
.otp{display:flex;gap:8px;justify-content:center;direction:ltr}
.otp input{width:46px;height:52px;border-radius:12px;border:1.5px solid var(--line);text-align:center;font-size:22px;font-weight:800;background:#fff}
.otp input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-bg)}
.testcode{background:#EEF2FB;color:#24407A;border-radius:9px;padding:7px 10px;font-size:13px;text-align:center}
.done{grid-column:1/-1;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.ok-ic{width:64px;height:64px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800}
/* אנימציית החותמת אחרי חתימה. שפת התנועה של ogen-motion: צורה אחת במרכז, קפיץ קצר שעובר קצת את היעד, נייבי וזהב */
.stage{position:relative;width:170px;height:168px;flex:none}
.stage .sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:98px;height:128px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 14px 34px rgba(20,34,58,.16);animation:mpSheet .45s cubic-bezier(.2,.9,.3,1) backwards;
  background-image:repeating-linear-gradient(to bottom,transparent 0 7px,var(--soft) 7px 9px);background-size:68% auto;background-position:center 18px;background-repeat:no-repeat;background-clip:padding-box}
.stage .sheet:after{content:"";position:absolute;inset-inline:15%;top:10px;height:5px;border-radius:3px;background:var(--ink);opacity:.85}
.stage .seal-w{position:absolute;left:calc(50% - 30px);top:calc(50% + 26px);width:62px;height:62px;transform:translate(-50%,-50%) rotate(-8deg);animation:mpSeal .5s cubic-bezier(.25,1.35,.45,1) .4s backwards;filter:drop-shadow(0 6px 14px rgba(140,110,30,.45))}
.stage .seal-w svg{width:100%;height:100%;display:block}
.stage .seal-w .ckp{stroke-dasharray:42;stroke-dashoffset:0;animation:mpCk .3s ease-out .95s backwards}
.stage .ripple{position:absolute;left:calc(50% - 30px);top:calc(50% + 26px);width:62px;height:62px;margin:-31px 0 0 -31px;border:3px solid var(--gold);border-radius:50%;opacity:0;animation:mpRip .55s ease-out .82s both}
.stage .burst s{position:absolute;left:calc(50% - 30px);top:calc(50% + 26px);width:7px;height:7px;border-radius:2px;background:var(--gold);opacity:0;animation:mpFly .65s cubic-bezier(.1,.8,.3,1) .84s both}
.stage .burst s:nth-child(odd){background:var(--ink);width:5px;height:5px}
.done .rv{animation:mpRise .4s ease-out var(--rd,1.05s) backwards}
@keyframes mpSheet{from{opacity:0;transform:translate(-50%,-30%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes mpSeal{0%{opacity:0;transform:translate(-50%,-190%) scale(1.7) rotate(5deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(.92) rotate(-9deg)}78%{transform:translate(-50%,-50%) scale(1.06) rotate(-7deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}}
@keyframes mpCk{from{stroke-dashoffset:42}to{stroke-dashoffset:0}}
@keyframes mpRip{0%{opacity:.75;transform:scale(.5)}100%{opacity:0;transform:scale(1.9)}}
@keyframes mpFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateX(8px) scale(1)}12%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) scale(.35)}}
@keyframes mpRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.stage .sheet,.stage .seal-w,.stage .seal-w .ckp,.stage .ripple,.stage .burst s,.done .rv{animation:none}}
.dl{display:flex;flex-direction:column;gap:6px;font-size:14px;text-align:start}
.dl .p{color:var(--mut)}
.tgl{display:none}
/* כרטיסים (טלפון) */
.cards{display:flex;flex-direction:column;gap:9px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;cursor:pointer;text-align:start;width:100%;font:inherit}
.card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:transparent}
.card.w:before{background:var(--gold)}.card.b:before{background:var(--bad)}.card.g:before{background:var(--ok)}
.card .a{font-weight:800;font-size:15px}
.card .r{display:flex;justify-content:space-between;align-items:center;gap:8px}
.hello{font-size:20px;font-weight:800;margin:4px 0 2px}
@media (max-width:1000px){
  .qkps{grid-template-columns:repeat(2,1fr)}
  .mdl{grid-template-columns:1fr;max-height:none;height:100%;border-radius:0}
  .veil{padding:0}
  .mdl .doc{display:none}
  .mdl .doc.open{display:flex;max-height:60vh}
  .mdl .sheetwrap{width:100%}
  .tgl{display:inline}
}