/* Generic module views (Leads / Contacts / Accounts / Deals): toolbar view switcher + host for
   the Chart / Timeline / Split / Canvas views. The view internals reuse the .tv-* / .cv-* / .cb-*
   styles from tasks-views.css and tasks-actions.css. */

.mvs { display: inline-flex; align-items: center; gap: 2px; padding: 0 6px; margin: 0 4px; border-left: 1px solid var(--border-panel); border-right: 1px solid var(--border-panel); position: relative; }
.mvs-btn { width: 26px; height: 26px; border-radius: 6px; border: none; background: transparent; color: #616e88; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; position: relative; }
.mvs-btn:hover { background: var(--color-surface-alt); }
.mvs-btn.active, .mvs-btn.active:hover { color: #5464f2; background: #f0f1ff; }
.mvs-btn svg { width: 16px; height: 16px; }
.mvs-menu-wrap { position: relative; display: inline-block; }
.mvs-menu { position: absolute; top: calc(100% + 4px); left: 0; z-index: 60; min-width: 200px; background: #fff; border: 1px solid #c5c4d3; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,.15); padding: 4px; }
.mvs-menu[hidden] { display: none; }
.mvs-menu button { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; padding: 8px 10px; font-size: 14px; border: none; background: none; border-radius: 4px; color: var(--color-text); cursor: pointer; }
.mvs-menu button:hover { background: #f0f4fc; }
.mvs-menu-icon { display: inline-flex; color: #616e88; }

.mv-host { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 4px 0; }
.mv-disabled { opacity: .4; pointer-events: none; }

/* Blue dot on the toolbar Sort button while a chart sort is applied. */
.sort-dot-badge { position: relative; }
.sort-dot-badge::after { content: ""; position: absolute; top: 2px; right: 2px; width: 7px; height: 7px; border-radius: 50%; background: #5464f2; border: 1px solid #fff; }

/* Record links inside Split / Timeline views. */
.tv-table a, .tv-left-row a { color: #226db4; text-decoration: none; }
.tv-table a:hover, .tv-left-row a:hover { text-decoration: underline; }