/* CRM (2026-11-01), the Console product's own pieces. Tables, buttons and
   cards are the Console's (cn-tbl, dash-btn, cn-card); this file adds the
   board, the record page, the timeline and the small states. Pastel accents
   only (memory: pastel-chic-palette); open layout with rules and whitespace,
   not shadowed tiles (memory: no-boxes-ui). */
.crm-head { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--s-3, 16px); flex-wrap: wrap; }
.crm-headr { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.crm-back { display: block; background: none; border: 0; padding: 0; margin-bottom: 6px; font: inherit; font-size: var(--t-meta, 13px); color: var(--signal-ink); cursor: pointer; }
.crm-link { background: none; border: 0; padding: 0; font: inherit; color: var(--signal-ink); cursor: pointer; text-align: left; }
.crm-link:hover { text-decoration: underline; text-underline-offset: 2px; }
.crm-del { color: #A23B52 !important; }
.crm-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 10px; }
.crm-flash { background: #E3F4EA; color: #1F6B42; border-radius: 8px; padding: 10px 14px; margin: 0 0 var(--s-3, 16px); }
.crm-flash.bad { background: #FBE3E8; color: #8A2E43; }
.crm-err { color: #A23B52; font-size: var(--t-meta, 13px); margin: 6px 0 0; min-height: 0; }
.crm-err:empty { display: none; }
.crm-chip { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 12px; background: #EEF1F6; color: #3F4660; white-space: nowrap; }
.crm-chip.ok { background: #DCF2E3; color: #1F7A4B; } .crm-chip.bad { background: #FBE3E8; color: #A23B52; }
.crm-callout { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 14px 16px; margin: 0 0 var(--s-3, 16px); border-left: 3px solid #9ED3B4; background: #F3FAF6; border-radius: 0 8px 8px 0; }
.crm-callout span { display: block; color: var(--muted); font-size: var(--t-meta, 13px); }
.crm-callout.bad { border-left-color: #E7A9B7; background: #FDF4F6; }
.crm-empty { text-align: center; padding: 44px 24px; } .crm-empty h3 { margin: 0 0 8px; } .crm-empty p { max-width: 58ch; margin: 0 auto 12px; color: var(--muted); } .crm-empty .crm-row { justify-content: center; }
.crm-note, .crm-warn { color: #8A5A00; }
.late { color: #A23B52; }
em.up { color: #1F7A4B; font-style: normal; } em.down { color: #A23B52; font-style: normal; }

/* Dashboard */
.crm-search { position: relative; }
.crm-search input { font: inherit; padding: 8px 12px; border: 1px solid var(--hairline); border-radius: 8px; width: min(340px, 70vw); background: #fff; }
.crm-search-out { position: absolute; right: 0; top: calc(100% + 4px); width: min(420px, 90vw); background: #fff; border: 1px solid var(--hairline); border-radius: 10px; box-shadow: 0 12px 32px rgba(20, 24, 40, .14); z-index: 40; max-height: 60vh; overflow-y: auto; padding: 6px; }
.crm-search-out button { display: grid; grid-template-columns: 70px 1fr; gap: 0 10px; width: 100%; text-align: left; background: none; border: 0; padding: 8px; border-radius: 6px; font: inherit; cursor: pointer; }
.crm-search-out button:hover, .crm-search-out button:focus { background: #F3F5F9; }
.crm-search-out small { grid-row: span 2; color: var(--muted); text-transform: capitalize; padding-top: 2px; } .crm-search-out span { color: var(--muted); font-size: 12px; }
.crm-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); margin: 0 0 var(--s-3, 16px); }
.crm-stat { padding: 14px 16px; border-left: 1px solid var(--hairline); } .crm-stat:first-child { border-left: 0; padding-left: 0; }
.crm-stat a { color: inherit; text-decoration: none; display: block; } .crm-stat a:hover b { color: var(--signal-ink); }
.crm-stat small { display: block; color: var(--muted); font-size: 12px; } .crm-stat b { display: block; font-size: 24px; letter-spacing: -.01em; margin: 2px 0; font-variant-numeric: tabular-nums; } .crm-stat span { font-size: 12px; color: var(--muted); }
.crm-dash { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3, 16px); }
.crm-cardh { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; } .crm-cardh h3, .crm-cardh h4 { margin: 0; } .crm-cardh small { color: var(--muted); font-weight: 400; }
.crm-bar { display: grid; grid-template-columns: minmax(110px, 30%) 1fr auto; gap: 10px; align-items: center; padding: 5px 0; font-size: 13px; }
.crm-bar-l em { color: var(--muted); font-style: normal; margin-left: 4px; }
.crm-bar-t { height: 10px; background: #F1F3F7; border-radius: 5px; overflow: hidden; } .crm-bar-t i { display: block; height: 100%; background: #B9D9F2; border-radius: 5px; } .crm-bar-t i.won { background: #A9DDBD; } .crm-bar-t i.lost { background: #EBC1CB; }
.crm-bar-v { font-variant-numeric: tabular-nums; min-width: 70px; text-align: right; }
.crm-kv { list-style: none; margin: 0; padding: 0; } .crm-kv li { display: flex; gap: 10px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--hairline); } .crm-kv li:last-child { border-bottom: 0; }
.crm-kv span { flex: 1; } .crm-kv em { color: var(--muted); font-style: normal; font-size: 12px; margin-left: 6px; } .crm-kv b { font-variant-numeric: tabular-nums; } .crm-kv small { color: var(--muted); font-size: 12px; }
.crm-feed { list-style: none; margin: 0; padding: 0; } .crm-feed li { display: grid; grid-template-columns: 12px 1fr auto; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--hairline); } .crm-feed li:last-child { border-bottom: 0; } .crm-feed small { color: var(--muted); white-space: nowrap; font-size: 12px; } .crm-feed a { color: var(--signal-ink); }
.crm-dot { width: 9px; height: 9px; border-radius: 50%; background: #C9CFDB; margin-top: 6px; display: inline-block; }
.crm-dot.t-note { background: #F4D58D; } .crm-dot.t-call { background: #9ED3B4; } .crm-dot.t-email { background: #A9C8EE; } .crm-dot.t-meeting { background: #C8B6F0; } .crm-dot.t-form { background: #F2B8A0; } .crm-dot.t-stage, .crm-dot.t-created, .crm-dot.t-merged, .crm-dot.t-task { background: #D5DAE3; }

/* Tables */
.crm-filters { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 0 0 12px; }
.crm-filters input, .crm-filters select { font: inherit; font-size: 13px; padding: 7px 10px; border: 1px solid var(--hairline); border-radius: 8px; background: #fff; max-width: 200px; }
.crm-filters input[type=search] { width: 220px; } .crm-tagf { width: 100px; }
.crm-bulk { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 8px 12px; margin: 0 0 10px; background: #F3F5FB; border-radius: 8px; }
.crm-bulk select { font: inherit; font-size: 13px; padding: 6px 8px; border: 1px solid var(--hairline); border-radius: 8px; }
.crm-tcard { padding: 0; } .crm-tcard > p, .crm-tcard .crm-pager { padding: 10px 14px; margin: 0; }
.crm-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.crm-table { width: 100%; } .crm-table td { vertical-align: middle; } .crm-table tr.is-sel td { background: #F6F8FD; } .crm-table tr.crm-done td { opacity: .55; } .crm-table tr.crm-done b { text-decoration: line-through; }
.crm-cb { width: 34px; } .crm-acts { white-space: nowrap; text-align: right; } .crm-acts .crm-link { margin-left: 12px; }
.crm-sort { background: none; border: 0; padding: 0; font: inherit; font-weight: inherit; color: inherit; cursor: pointer; }
.crm-sort.on.asc::after { content: " \2191"; } .crm-sort.on.desc::after { content: " \2193"; }
.crm-pager { display: flex; gap: 8px; align-items: center; justify-content: flex-end; } .crm-pager span { margin-right: auto; }
.crm-seg { display: inline-flex; border: 1px solid var(--hairline); border-radius: 8px; overflow: hidden; }
.crm-seg button { background: #fff; border: 0; padding: 7px 12px; font: inherit; font-size: 13px; cursor: pointer; color: var(--muted); } .crm-seg button.on { background: #EEF1F6; color: var(--ink); font-weight: 600; }
.crm-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--hairline); margin-bottom: 12px; overflow-x: auto; }
.crm-tabs button { background: none; border: 0; border-bottom: 2px solid transparent; padding: 9px 12px; font: inherit; color: var(--muted); cursor: pointer; white-space: nowrap; }
.crm-tabs button.on { color: var(--ink); border-bottom-color: var(--signal); font-weight: 600; } .crm-tabs em { font-style: normal; font-size: 12px; background: #EEF1F6; border-radius: 999px; padding: 0 7px; margin-left: 4px; color: #3F4660; } .crm-tabs em.down { background: #FBE3E8; color: #A23B52; }

/* Board */
#crmPipe { font: inherit; padding: 7px 10px; border: 1px solid var(--hairline); border-radius: 8px; }
.crm-board { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 10px; align-items: flex-start; -webkit-overflow-scrolling: touch; }
.crm-col { flex: 0 0 260px; background: #F5F6F9; border-radius: 10px; padding: 10px; min-height: 120px; border: 2px solid transparent; }
.crm-col.over { border-color: #9ED3B4; background: #EFF8F2; } .crm-col.won .crm-colh b { color: #1F7A4B; } .crm-col.lost .crm-colh b { color: #A23B52; }
.crm-colh { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 2px 4px 10px; } .crm-colh span { color: var(--muted); font-size: 12px; } .crm-colh small { grid-column: 1 / -1; color: var(--muted); font-variant-numeric: tabular-nums; } .crm-colh em { font-style: normal; }
.crm-cards { display: grid; gap: 8px; min-height: 20px; }
.crm-card { background: #fff; border: 1px solid var(--hairline); border-radius: 8px; padding: 10px 11px; cursor: grab; display: grid; gap: 3px; }
.crm-card:hover { border-color: #C9CFDB; } .crm-card:focus-visible { outline: 2px solid var(--signal); outline-offset: 1px; } .crm-card.drag { opacity: .45; }
.crm-amt { font-variant-numeric: tabular-nums; font-weight: 600; }
.crm-cardf { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-top: 4px; } .crm-cardf small { font-size: 12px; color: var(--muted); } .crm-cardf small.late { color: #A23B52; }
.crm-cardf select { font: inherit; font-size: 12px; padding: 2px 4px; border: 1px solid var(--hairline); border-radius: 6px; max-width: 120px; margin-left: auto; color: var(--muted); background: #fff; }
.crm-addcard { width: 100%; margin-top: 8px; background: none; border: 1px dashed #C9CFDB; border-radius: 8px; padding: 7px; font: inherit; font-size: 13px; color: var(--muted); cursor: pointer; } .crm-addcard:hover { color: var(--signal-ink); border-color: #9ED3B4; }

/* Record page */
.crm-sub { margin: -4px 0 12px; color: var(--muted); } .crm-sub a { color: var(--signal-ink); }
.crm-stagebar { display: flex; gap: 2px; margin: 0 0 16px; overflow-x: auto; }
.crm-stagebar button { flex: 1 1 0; min-width: 96px; background: #F1F3F7; border: 0; padding: 9px 10px; font: inherit; font-size: 13px; cursor: pointer; color: var(--muted); white-space: nowrap; }
.crm-stagebar button:first-child { border-radius: 8px 0 0 8px; } .crm-stagebar button:last-child { border-radius: 0 8px 8px 0; }
.crm-stagebar button.past { background: #E2EFF9; color: #2D5B85; } .crm-stagebar button.on { background: #B9D9F2; color: #163C5E; font-weight: 600; }
.crm-stagebar button.on.won { background: #A9DDBD; color: #155C36; } .crm-stagebar button.on.lost { background: #EBC1CB; color: #7A2338; }
.crm-rec { display: grid; grid-template-columns: 280px minmax(0, 1fr) 280px; gap: 24px; align-items: start; }
.crm-rec-l h4, .crm-relbox h4 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.crm-prop { padding: 7px 0; border-bottom: 1px solid var(--hairline); } .crm-prop small { display: block; color: var(--muted); font-size: 12px; } .crm-prop a { color: var(--signal-ink); word-break: break-word; }
.crm-pre { white-space: pre-wrap; word-break: break-word; }
.crm-edit { display: grid; gap: 10px; }
.crm-comp { padding: 0 14px 14px; margin-bottom: 16px; } .crm-comp .crm-tabs { margin: 0 -14px 12px; padding: 0 8px; }
.crm-comp form { display: grid; gap: 10px; }
.crm-comp textarea, .crm-fl input, .crm-fl select, .crm-fl textarea, .crm-pickq { font: inherit; font-weight: 400; padding: 9px 11px; border: 1px solid var(--hairline); border-radius: 8px; background: #fff; color: var(--ink); width: 100%; box-sizing: border-box; }
.crm-tlf { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 10px; }
.crm-tlf button { background: #fff; border: 1px solid var(--hairline); border-radius: 999px; padding: 4px 11px; font: inherit; font-size: 12px; cursor: pointer; color: var(--muted); } .crm-tlf button.on { background: #EEF1F6; color: var(--ink); border-color: #C9CFDB; }
.crm-month { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin: 18px 0 6px; }
.crm-act { display: grid; grid-template-columns: 14px 1fr; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--hairline); }
.crm-act.pinned { background: #FFFBEF; margin: 0 -10px; padding: 12px 10px; border-radius: 8px; border-bottom: 0; }
.crm-acth { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; } .crm-acth small { margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; }
.crm-actb .crm-pre { margin-top: 4px; } .crm-actb > div small { color: var(--muted); text-transform: capitalize; }
.crm-actx { display: flex; gap: 14px; margin-top: 6px; font-size: 12px; opacity: 0; transition: opacity .15s; } .crm-act:hover .crm-actx, .crm-act:focus-within .crm-actx { opacity: 1; }
.crm-relbox { padding: 0 0 14px; margin-bottom: 14px; border-bottom: 1px solid var(--hairline); }
.crm-relh { display: flex; justify-content: space-between; align-items: baseline; } .crm-relh em { font-style: normal; font-weight: 400; }
.crm-relbox ul { list-style: none; margin: 0; padding: 0; } .crm-relbox li { display: grid; grid-template-columns: 1fr auto; gap: 0 8px; padding: 6px 0; } .crm-relbox li small { grid-column: 1; color: var(--muted); font-size: 12px; }
.crm-unlink { grid-row: 1 / span 2; grid-column: 2; background: none; border: 0; color: var(--muted); font-size: 18px; cursor: pointer; padding: 0 2px; opacity: 0; } .crm-relbox li:hover .crm-unlink, .crm-unlink:focus { opacity: 1; }
.crm-tasks .crm-task { display: block; } .crm-task label { display: flex; gap: 8px; align-items: flex-start; cursor: pointer; } .crm-task small { display: block; padding-left: 24px; color: var(--muted); font-size: 12px; } .crm-task small.late { color: #A23B52; } .crm-task.done span { text-decoration: line-through; opacity: .6; }

/* Forms and modals */
.crm-fl { display: grid; gap: 5px; font-size: var(--t-meta, 13px); font-weight: 600; color: var(--ink); } .crm-fl small { font-weight: 400; color: var(--muted); }
.crm-check { display: flex; gap: 8px; align-items: center; font-weight: 400; margin: 6px 0; }
.crm-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .crm-g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.crm-form { display: grid; gap: 10px; max-width: 640px; }
body.crm-noscroll { overflow: hidden; }
.crm-modal { position: fixed; inset: 0; background: rgba(20, 24, 40, .45); z-index: 2147483601; display: flex; align-items: flex-start; justify-content: center; padding: 6vh 16px; overflow-y: auto; }
.crm-dialog { background: #fff; border-radius: 14px; width: min(520px, 100%); padding: 20px 22px; box-shadow: 0 24px 64px rgba(20, 24, 40, .25); } .crm-dialog.wide { width: min(760px, 100%); }
.crm-dialog form { display: grid; gap: 12px; } .crm-dbody { display: grid; gap: 12px; } .crm-dbody p { margin: 0; }
.crm-dhead { display: flex; justify-content: space-between; align-items: center; } .crm-dhead h3 { margin: 0; }
.crm-x { background: none; border: 0; font-size: 26px; line-height: 1; cursor: pointer; color: var(--muted); }
.crm-dfoot { display: flex; justify-content: flex-end; gap: 8px; }
.crm-map select { font: inherit; font-size: 13px; padding: 5px 7px; border: 1px solid var(--hairline); border-radius: 6px; }
.crm-pick { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow-y: auto; } .crm-pick button { display: grid; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--hairline); padding: 9px 6px; font: inherit; cursor: pointer; } .crm-pick button:hover { background: #F3F5F9; } .crm-pick small { color: var(--muted); }

/* Settings */
.crm-pipes { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0 24px; }
.crm-pipe { padding: 10px 0; border-top: 1px solid var(--hairline); } .crm-pipe h4 small { color: var(--muted); font-weight: 400; margin-left: 6px; }
.crm-stages { margin: 0; padding-left: 20px; } .crm-stages li { padding: 3px 0; } .crm-stages small { color: var(--muted); }
.crm-stageedit { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.crm-stagerow { display: flex; gap: 6px; align-items: center; } .crm-stagerow input[data-k=name] { flex: 1; } .crm-stagerow input[type=number] { width: 64px; }
.crm-stagerow input, .crm-stagerow select { font: inherit; padding: 6px 8px; border: 1px solid var(--hairline); border-radius: 6px; }
.crm-stagerow .crm-link { font-size: 16px; padding: 0 3px; }
.crm-dupe { padding: 10px 0; border-top: 1px solid var(--hairline); } .crm-dupe small { color: var(--muted); } .crm-dupe ul, .crm-arch { list-style: none; margin: 4px 0 0; padding: 0; } .crm-dupe li, .crm-arch li { padding: 4px 0; }
section.cn-card { margin-bottom: var(--s-3, 16px); }

@media (max-width: 1180px) {
  .crm-rec { grid-template-columns: 260px minmax(0, 1fr); } .crm-rec-r { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0 24px; }
  .crm-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } .crm-stat:nth-child(4) { border-left: 0; padding-left: 0; }
}
@media (max-width: 760px) {
  .crm-rec { grid-template-columns: 1fr; } .crm-rec-m { order: -1; }
  .crm-dash { grid-template-columns: 1fr; }
  .crm-stats { grid-template-columns: 1fr 1fr; } .crm-stat { border-left: 0; padding-left: 0; border-top: 1px solid var(--hairline); } .crm-stat:nth-child(-n+2) { border-top: 0; }
  .crm-g2, .crm-g3 { grid-template-columns: 1fr; }
  .crm-filters input[type=search], .crm-search input { width: 100%; } .crm-search { width: 100%; }
  .crm-col { flex-basis: 78vw; }
  .crm-actx { opacity: 1; } .crm-unlink { opacity: 1; }
  .crm-modal { padding: 0; } .crm-dialog { border-radius: 0; min-height: 100%; }
}
.crm-cardh > span { display: inline-flex; gap: 12px; align-items: center; flex-wrap: wrap; }

/* The hubs (2026-11-01). */
.crm-bellw { position: relative; }
.crm-bell { position: relative; background: #fff; border: 1px solid var(--hairline); border-radius: 8px; width: 38px; height: 36px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--ink); }
.crm-bell i { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; border-radius: 9px; background: #E5484D; color: #fff; font: 600 11px/18px sans-serif; font-style: normal; padding: 0 5px; }
.crm-notif { list-style: none; margin: 0; padding: 0; max-height: 60vh; overflow-y: auto; } .crm-notif button { display: grid; gap: 2px; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--hairline); padding: 10px 4px; font: inherit; cursor: pointer; } .crm-notif li.new b { color: var(--signal-ink); } .crm-notif small { color: var(--muted); }
.crm-code { background: #F5F6F9; border-radius: 8px; padding: 10px 12px; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; word-break: break-all; margin: 8px 0; }
.crm-sh { margin: 16px 0 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.crm-switch { display: inline-flex; gap: 6px; align-items: center; cursor: pointer; }
.crm-emode { margin-bottom: 8px; }
.crm-hist td { font-size: 13px; }
.crm-inbox { display: grid; grid-template-columns: 300px 1fr; border: 1px solid var(--hairline); border-radius: 12px; overflow: hidden; min-height: 460px; margin-bottom: 16px; background: #fff; }
.crm-convs { border-right: 1px solid var(--hairline); overflow-y: auto; max-height: 70vh; }
.crm-conv { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--hairline); padding: 12px 14px; font: inherit; cursor: pointer; }
.crm-conv.on { background: #F3F7FD; } .crm-conv span { grid-column: 1 / -1; color: var(--muted); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .crm-conv small { color: var(--muted); font-size: 12px; } .crm-conv i { font-style: normal; background: #E5484D; color: #fff; border-radius: 9px; font-size: 11px; padding: 0 6px; justify-self: end; }
.crm-thread { display: flex; flex-direction: column; padding: 14px; } .crm-thread.cn-note { align-items: center; justify-content: center; }
.crm-msgs { flex: 1; overflow-y: auto; max-height: 52vh; display: flex; flex-direction: column; gap: 8px; padding: 8px 0; }
.crm-msg { max-width: 76%; } .crm-msg div { padding: 8px 12px; border-radius: 12px; white-space: pre-wrap; word-break: break-word; } .crm-msg small { color: var(--muted); font-size: 11px; }
.crm-msg.them { align-self: flex-start; } .crm-msg.them div { background: #F1F3F7; } .crm-msg.us { align-self: flex-end; text-align: right; } .crm-msg.us div { background: #DCEBFB; text-align: left; }
.crm-replyf { display: flex; gap: 8px; align-items: flex-end; border-top: 1px solid var(--hairline); padding-top: 10px; } .crm-replyf textarea { flex: 1; font: inherit; padding: 9px 11px; border: 1px solid var(--hairline); border-radius: 8px; }
.crm-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .crm-step { border: 1px solid var(--hairline); border-radius: 10px; padding: 10px 12px; background: #fff; }
.crm-steph { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; } .crm-stepb { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.crm-stepb input, .crm-stepb select, .crm-stepb textarea, .crm-cond input, .crm-cond select, .crm-row select, .crm-frow input, .crm-frow select, .crm-seqstep input, .crm-seqstep textarea, .crm-day input, .crm-qtable input, .crm-qtable select { font: inherit; font-size: 13px; padding: 6px 8px; border: 1px solid var(--hairline); border-radius: 6px; background: #fff; }
.crm-stepb textarea { width: 100%; }
.crm-branch { width: 100%; border-left: 3px solid #DCEBFB; padding: 6px 0 6px 12px; margin-top: 6px; } .crm-branch > b { font-size: 12px; text-transform: uppercase; color: var(--muted); }
.crm-ifc { width: 100%; }
.crm-conds { display: grid; gap: 6px; margin-bottom: 8px; } .crm-cond { display: flex; gap: 6px; flex-wrap: wrap; } .crm-cond input { flex: 1; min-width: 120px; }
.crm-runs { list-style: none; margin: 0; padding: 0; } .crm-runs li { padding: 8px 0; border-bottom: 1px solid var(--hairline); }
.crm-frows, .crm-seqsteps { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 8px; } .crm-frow { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; } .crm-frow input[data-fk=label], .crm-frow input[data-dk=label] { flex: 1; min-width: 140px; }
.crm-seqstep { display: grid; gap: 6px; border: 1px solid var(--hairline); border-radius: 10px; padding: 10px; } .crm-seqstep .crm-g3 { align-items: end; }
.crm-days { display: grid; gap: 6px; } .crm-day { display: grid; grid-template-columns: 140px auto auto auto; gap: 8px; align-items: center; } .crm-day .crm-check { margin: 0; }
.crm-qtable input { width: 100%; min-width: 60px; } .crm-qtable td:first-child { min-width: 220px; } .crm-qdesc { margin-top: 4px; font-size: 12px !important; } .crm-qtotal { text-align: right; font-variant-numeric: tabular-nums; }
.crm-goals { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; } .crm-goal small { color: var(--muted); } .crm-goal .crm-bar-t { margin: 6px 0; }
@media (max-width: 760px) { .crm-inbox { grid-template-columns: 1fr; } .crm-convs { max-height: 220px; border-right: 0; border-bottom: 1px solid var(--hairline); } .crm-day { grid-template-columns: 1fr 1fr; } }