/* Account Expansion and Pre-Sales (CRM Teamspace modules). */

.tm-toggle { display: inline-flex; gap: 4px; }
.tm-toggle .btn.is-active { background: var(--accent-expansion); color: #fff; border-color: transparent; }

.tm-wrap { white-space: pre-wrap; overflow-wrap: anywhere; }
.tm-overdue { color: #d92d20; font-weight: 600; }
.tm-check { display: inline-flex; align-items: center; gap: 8px; }

.tm-form .section, #tm-detail .section, #tm-detail .related-block { margin-bottom: 16px; }
#tm-detail .tm-full { grid-column: 1 / -1; }

/* Kanban board */
.tm-board { display: flex; gap: 12px; padding: 12px; overflow-x: auto; align-items: flex-start; }
.tm-lane { flex: 0 0 240px; min-height: 120px; background: var(--bg-subtle, rgba(127,127,127,0.08)); border-radius: 8px; padding: 8px; }
.tm-lane-head { font-weight: 600; padding: 4px 4px 8px; }
.tm-card { background: var(--bg-elevated, var(--bg, #fff)); border: 1px solid var(--border, rgba(127,127,127,0.25)); border-radius: 6px; padding: 8px 10px; margin-bottom: 8px; cursor: grab; overflow-wrap: anywhere; }
.tm-card:active { cursor: grabbing; }

/* Notes related list */
.tm-note-add { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 12px; }
.tm-note-add textarea { flex: 1; }
.tm-note { border-top: 1px solid var(--border, rgba(127,127,127,0.25)); padding: 8px 0; }

/* Notification settings */
.ns-page { max-width: 760px; }
.ns-row { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; cursor: pointer; }
.ns-row input { margin-top: 4px; }