/* ===== wachat-float.css — כפתור «וואטסאפ» צף + חלון (namespace: wcf-) ===== */
.wcf-fab{position:fixed;bottom:94px;left:0;z-index:100000;display:flex;align-items:center;gap:7px;padding:8px 15px 8px 12px;border:none;cursor:pointer;color:#fff;font:500 12.5px 'Rubik',sans-serif;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:0 20px 20px 0;box-shadow:0 4px 14px rgba(18,140,126,.25);transform:translateX(-5px);transition:transform .22s cubic-bezier(.34,1.3,.64,1),box-shadow .22s,opacity .18s;-webkit-tap-highlight-color:transparent}
.wcf-fab:hover,.wcf-fab:focus-visible{transform:translateX(2px);box-shadow:0 7px 20px rgba(18,140,126,.32)}
.wcf-fab:focus-visible{outline:2px solid #128c7e;outline-offset:2px}
.wcf-fab svg{width:18px;height:18px;flex-shrink:0}
.wcf-fab.hide{opacity:0;transform:translateX(-130%);pointer-events:none}
.wcf-fab.act{background:linear-gradient(135deg,#128c7e,#075e54)}
.wcf-lbl{white-space:nowrap;line-height:1;letter-spacing:.2px}
.wcf-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f05252;color:#fff;font:700 10.5px/18px 'Rubik',sans-serif;text-align:center;box-shadow:0 0 0 2px #fff;display:none}
.wcf-badge.on{display:block}

.wcf-ov{position:fixed;inset:0;z-index:100002;background:rgba(15,23,42,.38);display:none;align-items:center;justify-content:center;padding:14px}
.wcf-ov.on{display:flex}
.wcf-win{width:min(1480px,calc(100vw - 28px));height:calc(100vh - 28px);background:#f8fafc;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(15,23,42,.25);direction:rtl;animation:wcfIn .22s cubic-bezier(.33,1.28,.5,1)}
@keyframes wcfIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wcf-win{animation:none}.wcf-fab{transition:none}}
.wcf-bar{display:flex;align-items:center;gap:6px;padding:8px 10px 8px 8px;background:linear-gradient(135deg,#128c7e,#075e54);color:#fff;flex:none}
.wcf-ttl{display:flex;align-items:center;gap:8px;font:600 15px 'Rubik',sans-serif;margin-inline-end:auto;padding-inline-start:6px}
.wcf-ttl svg{width:20px;height:20px}
.wcf-x{border:none;background:rgba(255,255,255,.14);color:#fff;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:16px;line-height:1}
.wcf-x:hover,.wcf-x:focus-visible{background:rgba(255,255,255,.26)}
.wcf-body{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column}
.wcf-load{margin:auto;color:#94a3b8;font:14px 'Rubik',sans-serif}
.wcf-ov.sm-keep:not(.on){display:flex;visibility:hidden}
.wcf-sw{display:flex;gap:2px;padding:2px;border-radius:10px;background:rgba(255,255,255,.14)}
.wcf-sw[hidden]{display:none}
.wcf-sw button{border:none;background:none;color:#fff;font:500 13px 'Rubik',sans-serif;padding:6px 12px;border-radius:8px;cursor:pointer}
.wcf-sw button.on{background:#fff;color:#075e54}
.wcf-x[hidden]{display:none}
.wcf-sm{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.wcf-sm[hidden]{display:none}
.wcf-sm iframe{flex:1;min-height:0;width:100%;border:0;background:#fff}
.wcf-strip{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 12px;background:#f0fdf9;border-bottom:1px solid #cdeee5;font:13px 'Rubik',sans-serif;color:#0f172a}
.wcf-strip[hidden]{display:none}
.wcf-strip b{font-weight:600}
.wcf-tag{padding:1px 8px;border-radius:999px;background:#d7f3ea;color:#075e54;font-size:11.5px}
.wcf-tag.un{background:#fef3c7;color:#92400e}
.wcf-dept{color:#64748b;font-size:12px}
.wcf-acts{display:flex;gap:6px;margin-inline-start:auto}
.wcf-acts button,.wcf-edit button{border:1px solid #b7dfd3;background:#fff;color:#075e54;font:500 12.5px 'Rubik',sans-serif;padding:4px 10px;border-radius:8px;cursor:pointer}
.wcf-acts button:hover,.wcf-edit button:hover{background:#e6f7f1}
.wcf-acts button:disabled{opacity:.5;cursor:default}
.wcf-line{flex-basis:100%;font-size:12.5px;padding:4px 8px;border-radius:7px;background:#fffbeb;color:#713f12;white-space:pre-wrap;cursor:pointer}
.wcf-line.warn{background:#fee2e2;color:#991b1b;cursor:default}
.wcf-edit{flex-basis:100%;display:flex;flex-direction:column;gap:6px}
.wcf-edit textarea,.wcf-edit input{width:100%;box-sizing:border-box;border:1px solid #b7dfd3;border-radius:8px;padding:6px 8px;font:13px 'Rubik',sans-serif}
.wcf-edit .row{display:flex;gap:6px}
.wcf-pick{max-height:190px;overflow:auto;display:flex;flex-direction:column;background:#fff;border:1px solid #cdeee5;border-radius:8px}
.wcf-pick button{border:0;border-radius:0;text-align:start;display:flex;gap:8px;align-items:baseline}
.wcf-pick span{color:#64748b;font-size:11.5px;font-weight:400}
.wcf-line.ok{background:#dcfce7;color:#166534;cursor:default}
.wcf-dlgov{position:absolute;inset:0;z-index:5;background:rgba(15,23,42,.38);display:flex;align-items:center;justify-content:center;padding:14px}
.wcf-dlg{width:min(460px,100%);max-height:100%;overflow:auto;background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;font:13.5px 'Rubik',sans-serif;color:#0f172a;box-shadow:0 18px 50px rgba(15,23,42,.25)}
.wcf-dlg h4{margin:0;font-size:15px;font-weight:600}
.wcf-dlg label{display:flex;flex-direction:column;gap:4px;font-weight:500;font-size:12.5px;color:#334155}
.wcf-dlg input,.wcf-dlg select{box-sizing:border-box;width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px;font:13.5px 'Rubik',sans-serif}
.wcf-dlg .wcf-pick{max-height:150px}
.wcf-dlg .wcf-pick button{background:#fff;padding:6px 10px;color:#0f172a;font:13px 'Rubik',sans-serif;cursor:pointer}
.wcf-dlg .wcf-pick button:hover,.wcf-dlg .wcf-pick button.on{background:#e6f7f1}
.wcf-dlg .wcf-err{color:#b91c1c;font-size:12.5px}
.wcf-dlg .wcf-preview{max-height:90px;overflow:auto;padding:6px 8px;border-radius:8px;background:#f1f5f9;white-space:pre-wrap;font-size:12.5px}
.wcf-dlg .row{display:flex;gap:8px;justify-content:flex-end}
.wcf-dlg .row button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:7px 14px;font:500 13px 'Rubik',sans-serif;cursor:pointer}
.wcf-dlg .row button.pri{background:#128c7e;border-color:#128c7e;color:#fff}
.wcf-dlg .row button:disabled{opacity:.5;cursor:default}
/* המסך עצמו בתוך החלון: בלי הסבר, והרשימה+השיחה ממלאות את הגובה */
.wcf-body #wachat-panel{flex:1;min-height:0;display:flex;flex-direction:column}
.wcf-body #wachat-panel .ds-hero{margin:0 0 8px;padding:0;background:none;border:0;box-shadow:none;min-height:0;overflow:visible}
.wcf-body #wachat-panel .ds-hero::before,.wcf-body #wachat-panel .ds-hero::after{display:none}
.wcf-body #wachat-panel .ds-hero .hdesc,.wcf-body #wachat-panel .ds-hero .hic,.wcf-body #wachat-panel .ds-hero h3{display:none}
.wcf-body #wachat-panel .ds-hero .hrow{margin:0}
.wcf-body #wachat-panel .wc{flex:1;height:auto;min-height:0}
html.wcf-lock,html.wcf-lock body{overflow:hidden}

@media (max-width:700px){
  .wcf-ov{padding:0}
  .wcf-win{width:100vw;height:100%;border-radius:0}
  .wcf-body{padding:6px}
}
@media print{.wcf-fab,.wcf-ov{display:none!important}}