/* ===== עיצוב מותאם אישית (משלים את Tailwind) ===== */

* { -webkit-tap-highlight-color: transparent; }

body { letter-spacing: -0.01em; }

/* ----- ניווט בסרגל הצד ----- */
.nav-link {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 0.8rem;
  border-radius: 0.6rem;
  color: #475569;
  font-weight: 500;
  font-size: 0.95rem;
  transition: all 0.15s;
}
.nav-link:hover { background: #f1f5f9; color: #1e293b; }
.nav-link.active { background: #eef5ff; color: #2f5ae0; }
.nav-icon { font-size: 1.15rem; line-height: 1; }

/* ----- כפתורים ----- */
.btn-primary {
  display: inline-flex; align-items: center; gap: 0.35rem;
  background: #3b6cf6; color: #fff; font-weight: 600;
  padding: 0.5rem 0.9rem; border-radius: 0.6rem;
  transition: background 0.15s; cursor: pointer;
}
.btn-primary:hover { background: #2f5ae0; }
.btn-secondary {
  display: inline-flex; align-items: center; gap: 0.35rem;
  background: #fff; color: #334155; font-weight: 600;
  padding: 0.5rem 0.9rem; border-radius: 0.6rem; border: 1px solid #e2e8f0;
  transition: all 0.15s; cursor: pointer;
}
.btn-secondary:hover { background: #f8fafc; }
.btn-danger {
  display: inline-flex; align-items: center; gap: 0.35rem;
  background: #fef2f2; color: #dc2626; font-weight: 600;
  padding: 0.5rem 0.9rem; border-radius: 0.6rem; border: 1px solid #fecaca;
  transition: all 0.15s; cursor: pointer;
}
.btn-danger:hover { background: #fee2e2; }

/* ----- כרטיסים ----- */
.card {
  background: #fff; border: 1px solid #e2e8f0;
  border-radius: 0.9rem; box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

/* ----- שדות טופס ----- */
.field-label { display:block; font-size:0.85rem; font-weight:600; color:#475569; margin-bottom:0.3rem; }
.field-input, .field-select, .field-textarea {
  width: 100%; padding: 0.55rem 0.75rem;
  border: 1px solid #cbd5e1; border-radius: 0.6rem;
  font-size: 0.95rem; background: #fff; transition: border 0.15s, box-shadow 0.15s;
}
.field-input:focus, .field-select:focus, .field-textarea:focus {
  outline: none; border-color: #3b6cf6; box-shadow: 0 0 0 3px rgba(59,108,246,0.15);
}

/* ----- תגיות סטטוס ----- */
.badge { display:inline-flex; align-items:center; padding:0.15rem 0.6rem; border-radius:999px; font-size:0.78rem; font-weight:600; }
.badge-new        { background:#eff6ff; color:#2563eb; }
.badge-in_progress{ background:#fffbeb; color:#d97706; }
.badge-won        { background:#ecfdf5; color:#059669; }
.badge-lost       { background:#fef2f2; color:#dc2626; }
.badge-todo       { background:#f1f5f9; color:#475569; }
.badge-done       { background:#ecfdf5; color:#059669; }

/* ----- קנבן ----- */
.kanban-col { background:#f8fafc; border:1px solid #e2e8f0; border-radius:0.9rem; }
.kanban-col.drag-over { border-color:#3b6cf6; background:#eef5ff; }
.kanban-card { background:#fff; border:1px solid #e2e8f0; border-radius:0.7rem; cursor:grab; transition: box-shadow 0.15s, transform 0.05s; }
.kanban-card:hover { box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.kanban-card.dragging { opacity:0.5; }

/* ----- ציר זמן ----- */
.timeline-item { position: relative; padding-right: 1.5rem; }
.timeline-item::before {
  content:''; position:absolute; right:0.32rem; top:1.4rem; bottom:-0.4rem; width:2px; background:#e2e8f0;
}
.timeline-item:last-child::before { display:none; }
.timeline-dot {
  position:absolute; right:0; top:0.35rem; width:0.7rem; height:0.7rem;
  border-radius:999px; background:#3b6cf6; border:2px solid #fff; box-shadow:0 0 0 1px #cbd5e1;
}

/* ----- טבלה רספונסיבית ----- */
.crm-table { width:100%; border-collapse: collapse; }
.crm-table th { text-align:right; font-size:0.78rem; color:#64748b; font-weight:600; padding:0.6rem 0.8rem; border-bottom:1px solid #e2e8f0; white-space:nowrap; }
.crm-table td { padding:0.7rem 0.8rem; border-bottom:1px solid #f1f5f9; font-size:0.92rem; }
.crm-table tr:hover td { background:#f8fafc; cursor:pointer; }

/* ----- מודאל ----- */
.modal-backdrop { position:fixed; inset:0; background:rgba(15,23,42,0.5); z-index:50; display:flex; align-items:center; justify-content:center; padding:1rem; }
.modal-box { background:#fff; border-radius:1rem; width:100%; max-width:560px; max-height:90vh; overflow-y:auto; box-shadow:0 20px 60px rgba(0,0,0,0.25); }

/* ----- Toast ----- */
.toast { padding:0.7rem 1rem; border-radius:0.7rem; color:#fff; font-weight:500; font-size:0.9rem; box-shadow:0 8px 24px rgba(0,0,0,0.2); animation: toastIn 0.2s ease; }
.toast-success { background:#059669; }
.toast-error   { background:#dc2626; }
.toast-info    { background:#334155; }
@keyframes toastIn { from { transform: translateY(10px); opacity:0; } to { transform:translateY(0); opacity:1; } }

/* פס גלילה דק */
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:999px; }
::-webkit-scrollbar-track { background:transparent; }