/* HK Dashboard — client extras: docs upload, operator activity, AI orb & panel */

  /* ---- client row: uploads + operator log ---- */
  /* כרטיסי שירות — גריד 4 עמודות, שני רחבים (רבע/חצי) ושני גבהים קבועים */
  .client-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
  .cxcard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-width:0}
  .cxcard.w25{grid-column:span 1}
  .cxcard.w50{grid-column:span 2}
  .cxcard.h-low{height:200px}
  .cxcard.h-high{height:330px}
  .cx-head{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line);flex:0 0 auto}
  .cx-badge{flex:0 0 auto;font-size:11px;font-weight:700;color:#1668a0;background:var(--blue-bg);border-radius:999px;padding:4px 11px;white-space:nowrap}
  .cx-body{flex:1;min-height:0;display:flex;flex-direction:column}
  .cx-body>*{min-height:0}
  .cx-scroll{overflow-y:auto;scrollbar-width:thin}
  .awdg-tt{min-width:0;flex:1}
  .cx-head .awdg-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cx-head .awdg-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* מסמכים ברוחב חצי — אזור גרירה לצד רשימת הקבצים */
  .cx-docrow{display:flex;gap:14px;padding:12px 16px;flex:1;min-height:0;align-items:stretch}
  .cx-docrow .cx-drop{width:225px;flex:0 0 auto;margin:0;padding:12px}
  .cx-docrow .cx-files{flex:1;padding:0}
  /* מסכים צרים — בלי חורים: חצי נשאר שורה מלאה */
  @media(max-width:1250px){
    .client-row{grid-template-columns:1fr 1fr}
  }
  @media(max-width:700px){
    .client-row{grid-template-columns:1fr}
    .cxcard.w25,.cxcard.w50{grid-column:1/-1}
    .cxcard.h-low,.cxcard.h-high{height:auto;max-height:340px}
  }
  .cx-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#fff}
  .cx-ic.docs{background:var(--blue)}
  .cx-ic.ops{background:var(--navy)}
  .cx-ic.task{background:#6b4fd6}
  .cx-ic.meet{background:var(--green)}
  .cx-ic.rep{background:#d99a2b}
  /* פגישה הבאה */
  .cx-meet{display:flex;align-items:center;gap:14px;padding:12px 16px 4px}
  .cxcard.h-low .cxm-actions{padding:10px 16px 12px}
  .cxm-date{width:58px;flex:0 0 auto;border-radius:13px;background:linear-gradient(160deg,var(--navy),#186397);color:#fff;text-align:center;padding:9px 0 8px;box-shadow:var(--shadow)}
  .cxm-date b{display:block;font-size:22px;line-height:1}
  .cxm-date span{font-size:11px;opacity:.85}
  .cxm-b{flex:1;min-width:0}
  .cxm-t{font-size:14.5px;font-weight:700;color:var(--navy)}
  .cxm-d{font-size:12.5px;color:var(--muted);margin-top:2px}
  .cxm-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:11.5px;color:var(--muted)}
  .cxm-zoom{font-weight:700;font-size:10.5px;color:#1668a0;background:var(--blue-bg);border-radius:999px;padding:2px 9px}
  .cxm-actions{display:flex;gap:8px;padding:12px 18px 16px}
  .cxm-btn{flex:1;font-family:inherit;font-size:12.5px;font-weight:700;border-radius:999px;padding:8px 10px;cursor:pointer;transition:.12s;border:1px solid var(--line);background:#fff;color:var(--navy)}
  .cxm-btn:hover{border-color:var(--blue);color:#1668a0}
  .cxm-btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
  .cxm-btn.primary:hover{background:#186397}
  /* דוחות */
  .cx-dl{flex:0 0 auto;font-family:inherit;font-size:11.5px;font-weight:700;color:#1668a0;background:var(--blue-bg);border:1px solid #cfe6f8;border-radius:999px;padding:5px 13px;cursor:pointer;transition:.12s}
  .cx-dl:hover{background:var(--blue);border-color:var(--blue);color:#fff}
  .cx-add{margin-inline-start:auto;flex:0 0 auto;font-family:inherit;font-size:12px;font-weight:700;color:#fff;background:var(--navy);border:none;border-radius:999px;padding:7px 14px;cursor:pointer;transition:.12s}
  .cx-add:hover{background:#186397}
  .cxt-urg{display:inline-block;font-size:10px;font-weight:800;color:var(--coral-ink);background:rgba(228,131,117,.14);border-radius:999px;padding:1px 8px;margin-inline-start:5px;vertical-align:1px}
  .cx-drop{margin:14px 18px 10px;border:2px dashed #c9d8e6;border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:13px;cursor:pointer;transition:.15s;text-align:center}
  .cx-drop b{color:var(--navy);font-size:13.5px}
  .cx-drop span{font-size:11px;color:#a7b4c2}
  .cx-drop svg{color:var(--blue)}
  .cx-drop:hover,.cx-drop.over{border-color:var(--blue);background:var(--blue-bg);transform:scale(1.005)}
  .cx-files{padding:0 18px 12px;display:flex;flex-direction:column}
  .cxf{display:flex;align-items:center;gap:9px;padding:10px 2px;border-top:1px solid #f2f5f8;font-size:12.5px;color:var(--navy)}
  .cxf:first-child{border-top:none}
  .cxf svg{color:var(--muted);flex:0 0 auto}
  .cxf-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
  .cxf-st{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;border-radius:999px;padding:3px 10px;flex:0 0 auto}
  .cxf-st.done{color:var(--green);background:var(--green-bg)}
  .cxf-st.ai{color:#6b4fd6;background:#efecfd}
  .cxf-st.ops{color:#1668a0;background:var(--blue-bg)}
  .cxf-w{font-size:11px;color:var(--muted);flex:0 0 auto}
  .cx-log{padding:6px 18px 12px}
  .cxl{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-top:1px solid #f2f5f8}
  .cxl:first-child{border-top:none}
  .cxl-ic{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
  .cxl-ic.check{background:var(--green-bg);color:var(--green)}
  .cxl-ic.ai{background:#efecfd;color:#6b4fd6}
  .cxl-ic.doc{background:var(--blue-bg);color:#1668a0}
  .cxl-ic.send{background:var(--wa-bg);color:#12833d}
  .cxl-ic.fix{background:#fdf4e3;color:#b8860b}
  .cxl-b{flex:1;min-width:0}
  .cxl-t{font-size:13px;font-weight:600;color:var(--navy)}
  .cxl-d{font-size:12px;color:var(--muted);margin-top:1px}
  .cxl-w{font-size:11px;color:var(--muted);flex:0 0 auto;white-space:nowrap}

  /* ---- AI orb — כפתור פיל בולט, לא מתחבא בתוכן ---- */
  .ai-orb{position:fixed;bottom:28px;inset-inline-start:28px;height:58px;border-radius:999px;border:2px solid rgba(255,255,255,.35);cursor:pointer;z-index:88;
    padding:0 22px 0 26px;display:flex;align-items:center;gap:11px;
    background:linear-gradient(135deg,#39abe2,#1668a0 55%,var(--navy));background-size:160% 160%;
    box-shadow:0 10px 34px rgba(12,64,104,.5),0 0 0 6px rgba(57,171,226,.14);
    animation:aiFloat 3.4s ease-in-out infinite,aiGlow 3.4s ease-in-out infinite;
    transition:transform .15s,box-shadow .15s}
  .ai-orb:hover{transform:scale(1.05);box-shadow:0 14px 40px rgba(12,64,104,.55),0 0 0 9px rgba(57,171,226,.2);animation-play-state:paused}
  .ai-orb-ic{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
  .ai-orb-lbl{color:#fff;font-family:inherit;font-size:14.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.18)}
  .ai-orb-ring{position:absolute;inset:-6px;border-radius:999px;border:2px solid rgba(57,171,226,.6);animation:aiPulse 2.2s ease-out infinite;pointer-events:none}
  @keyframes aiPulse{0%{transform:scale(.94);opacity:.9}70%{transform:scale(1.12);opacity:0}100%{opacity:0}}
  @keyframes aiFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
  @keyframes aiGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

  /* ---- AI panel ---- */
  .ai-panel{position:fixed;bottom:96px;inset-inline-start:26px;width:400px;max-width:calc(100vw - 40px);height:540px;max-height:calc(100vh - 130px);
    background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(12,64,104,.3);z-index:89;
    display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(14px) scale(.98);transition:.22s}
  .ai-panel.show{opacity:1;pointer-events:auto;transform:none}
  .ai-head{display:flex;align-items:center;gap:11px;padding:14px 16px;background:linear-gradient(120deg,var(--navy),#186397);color:#fff}
  .ai-avatar{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
  .ai-ht{flex:1;min-width:0}
  .ai-ht b{display:block;font-size:14.5px}
  .ai-ht span{font-size:11px;opacity:.8}
  .ai-x{background:none;border:none;color:#fff;opacity:.8;font-size:14px;cursor:pointer;padding:4px}
  .ai-x:hover{opacity:1}
  .ai-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#f7fafd,#fff)}
  .aim{display:flex}
  .aim.user{justify-content:flex-end}
  .aim-b{max-width:86%;border-radius:15px;padding:10px 14px;font-size:13.5px;line-height:1.6;white-space:pre-wrap}
  .aim.bot .aim-b{background:#fff;border:1px solid var(--line);color:var(--ink);border-start-start-radius:4px;box-shadow:var(--shadow)}
  .aim.user .aim-b{background:var(--navy);color:#fff;border-start-end-radius:4px}
  .ai-chips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 2px 6px}
  .ai-chip{font-family:inherit;font-size:12px;font-weight:600;color:#1668a0;background:var(--blue-bg);border:1px solid #cfe6f8;border-radius:999px;padding:7px 13px;cursor:pointer;transition:.12s}
  .ai-chip:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
  .ai-dots{display:inline-flex;gap:4px;padding:2px 4px}
  .ai-dots i{width:6px;height:6px;border-radius:50%;background:#9db4c8;animation:aiDot 1.2s infinite}
  .ai-dots i:nth-child(2){animation-delay:.18s}
  .ai-dots i:nth-child(3){animation-delay:.36s}
  @keyframes aiDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
  .aic-row{display:flex;flex-direction:column;gap:7px;margin-top:8px;max-width:86%}
  .aic{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-inline-start:3px solid var(--green);border-radius:11px;padding:9px 13px;box-shadow:var(--shadow);font-size:12.5px}
  .aic b{flex:1;color:var(--navy);font-size:13px}
  .aic span{font-weight:700;color:var(--navy)}
  .aic i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--green);background:var(--green-bg);border-radius:999px;padding:2px 9px}
  .aic.bad{border-inline-start-color:var(--coral)}
  .aic.bad i{color:var(--coral-ink);background:rgba(228,131,117,.13)}
  .aic.bad span{color:var(--coral-ink)}
  .ai-input{display:flex;align-items:center;gap:8px;padding:11px 13px;border-top:1px solid var(--line);background:#fff}
  .ai-input input{flex:1;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none}
  .ai-input input:focus{border-color:var(--blue)}
  .ai-mic{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
  .ai-mic:hover{color:var(--blue);border-color:var(--blue)}
  .ai-send{width:38px;height:38px;border-radius:50%;border:none;background:var(--blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
  .ai-send:hover{background:#2f9ad0}