/* renderer/client-onboarding.css — the client page's "📝 אפיון" tab + the lead-closed toast (renderer/client-onboarding.js) */
.cob { display: flex; flex-direction: column; gap: 12px; max-width: 760px; }
.cob-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cob-head h3 { margin: 0; color: var(--gold); font-size: 16px; }
.cob-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.cob-actions { justify-content: flex-start; }
.cob-sum { font-size: 13px; color: var(--text); line-height: 1.5; }
.cob-link { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.cob-link input { flex: 1; min-width: 180px; direction: ltr; font-size: 12px; padding: 6px 8px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(0,0,0,0.25); color: var(--text); }
.cob-full { height: auto; max-height: 92vh; width: min(760px, 100%); }
.cob-note { white-space: pre-wrap; line-height: 1.6; font-size: 14px; }
.cob-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 99995; display: flex; align-items: center; gap: 12px; max-width: calc(100vw - 32px); padding: 10px 14px; border-radius: 12px; background: #0b1526; border: 1px solid var(--gold); color: var(--text); box-shadow: 0 8px 24px rgba(0,0,0,0.4); font-size: 14px; }
.cob-toast .pill { flex-shrink: 0; }
@media (max-width: 640px) { .cob-toast { bottom: 84px; } }
/* 📸 questionnaire photos in "פתח אפיון מלא" */
.cob-photos { margin-bottom: 12px; }
.cob-photos .cob-row { gap: 6px; }
/* 🥊 מתחרים / 🧾 דוח חודשי tabs (renderer/client-insights.js) */
.ci-wrap { display: flex; flex-direction: column; gap: 10px; }
.ci-primary { border-color: var(--gold); color: var(--gold); font-weight: 600; }
.ci-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ci-table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 760px; }
.ci-table th, .ci-table td { padding: 6px 8px; border-bottom: 1px solid rgba(255,255,255,0.08); text-align: right; vertical-align: top; }
.ci-table th { color: var(--muted); font-weight: 500; white-space: nowrap; }
.ci-table a { color: var(--gold); text-decoration: none; }
.ci-more summary { cursor: pointer; padding: 4px 0; }
.ci-pre { white-space: pre-wrap; font-family: inherit; font-size: 13px; line-height: 1.6; background: rgba(0,0,0,0.25); border-radius: 8px; padding: 10px; margin: 6px 0; }