.crm-table-wrap table,
.crm-table-wrap table th,
.crm-table-wrap table td,
.crm-table-wrap table small,
.crm-table-wrap table span,
.crm-table-wrap table strong,
.crm-table-wrap table b,
.crm-table-wrap table em,
.crm-table-wrap table button { font-size: 12px; }
.crm-history-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(105px, 1fr));
  gap: 9px;
  margin-top: 20px;
}
.crm-history-summary > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--crm-line);
  border-radius: 12px;
  background: #f7f9fa;
}
.crm-history-summary strong { color: var(--crm-ink); font-size: 22px; line-height: 1; }
.crm-history-summary span { color: var(--crm-muted); font-size: 11px; font-weight: 800; line-height: 1.25; }
.crm-history-summary > div.is-primary { border-color: #102136; background: #102136; }
.crm-history-summary > div.is-primary strong, .crm-history-summary > div.is-primary span { color: #fff; }
.crm-history-summary > div.is-opens { border-color: #d5ebb9; background: #f4ffe8; }
.crm-history-summary > div.is-clicks { border-color: #cce2ee; background: #f1f9fd; }
.crm-history-summary > div.is-unsubscribed { border-color: #eadfc7; background: #fffaf0; }
.crm-history-summary > div.is-errors { border-color: #ead4d1; background: #fff7f6; }
.crm-history-controls { display: flex; align-items: end; gap: 16px; margin-top: 16px; padding: 12px; border: 1px solid var(--crm-line); border-radius: 13px; background: #f7f9fa; }
.crm-history-filter-group, .crm-history-sort-group { display: flex; align-items: end; gap: 9px; }
.crm-history-sort-group { margin-left: auto; padding-left: 16px; border-left: 1px solid var(--crm-line); }
.crm-history-sort-group > button { min-height: 39px; margin: 0; padding: 0 13px; white-space: nowrap; }
.crm-history-controls label { display: grid; grid-template-columns: 1fr; align-items: end; gap: 5px; margin: 0; }
.crm-history-controls label > span { color: #52687a; font-size: 10px; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.crm-history-controls select { padding: 9px 11px; }
.crm-history-sort-control select { min-width: 190px; }
.crm-history-controls input { min-width: 145px; padding: 9px 11px; }
.crm-history-controls #historyDateReset { min-height: 39px; margin: 0; padding: 0 13px; background: #e9eff4 !important; }
.crm-history-chart { width: 100%; margin-top: 16px; padding: 18px; border: 1px solid var(--crm-line); border-radius: 14px; background: #fff; box-sizing: border-box; }
.crm-history-chart-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.crm-history-chart-head h3 { margin: 3px 0 0; color: var(--crm-ink); font-size: 18px; line-height: 1.25; }
.crm-history-chart-head p { margin: 5px 0 0; color: var(--crm-muted); font-size: 12px; }
.crm-history-chart-kicker { color: #4e940d; font-size: 10px; font-weight: 900; letter-spacing: .09em; }
.crm-history-chart-controls { display: flex; align-items: end; gap: 9px; }
.crm-history-chart-controls label { display: grid; gap: 5px; margin: 0; }
.crm-history-chart-controls label > span { color: #52687a; font-size: 10px; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.crm-history-chart-controls select { min-width: 145px; padding: 9px 11px; }
.crm-history-chart-legend { display: flex; flex-wrap: wrap; gap: 8px; margin: 17px 0 4px; }
.crm-history-chart-legend-item { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid #e0e7ec; border-radius: 999px; background: #f8fafb; color: #40566b; font-size: 11px; }
.crm-history-chart-legend-item i { width: 9px; height: 9px; border-radius: 50%; background: #102136; }
.crm-history-chart-legend-item b { font-weight: 750; }
.crm-history-chart-legend-item strong { min-width: 18px; color: var(--crm-ink); font-size: 12px; text-align: right; }
.crm-history-chart-legend-item.is-opened i, .crm-history-chart-legend-item.is-opens i { background: #73b82c; }
.crm-history-chart-legend-item.is-clicked i, .crm-history-chart-legend-item.is-clicks i { background: #1686b5; }
.crm-history-chart-legend-item.is-unsubscribed i { background: #d18a17; }
.crm-history-chart-legend-item.is-errors i { background: #cf4c48; }
.crm-history-chart-canvas { position: relative; display: block; width: 100%; min-height: 230px; overflow: visible; }
.crm-history-chart-scroll { width:100%; overflow:visible; }
.crm-history-chart-canvas svg { display: block; width: 100%; height: auto; }
.crm-history-chart-hover-zone.is-current-day { fill: rgba(173,255,79,.08); stroke: rgba(78,148,13,.42); stroke-width:1.25; vector-effect:non-scaling-stroke; }
.crm-history-chart-grid line { stroke: #e4eaee; stroke-width: 1; }
.crm-history-chart-grid text, .crm-history-chart-axis-label { fill: #718191; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.crm-history-chart-axis { stroke: #b9c6cf; stroke-width: 1; }
.crm-history-chart-series path { fill: none; stroke: #102136; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; vector-effect: non-scaling-stroke; }
.crm-history-chart-series.is-opened path, .crm-history-chart-series.is-opens path { stroke: #73b82c; }
.crm-history-chart-series.is-clicked path, .crm-history-chart-series.is-clicks path { stroke: #1686b5; }
.crm-history-chart-series.is-unsubscribed path { stroke: #d18a17; }
.crm-history-chart-series.is-errors path { stroke: #cf4c48; }
.crm-history-chart-point { fill: #fff; stroke: #102136; stroke-width: 2; vector-effect: non-scaling-stroke; }
.crm-history-chart-series.is-opened .crm-history-chart-point, .crm-history-chart-series.is-opens .crm-history-chart-point { stroke: #73b82c; }
.crm-history-chart-series.is-clicked .crm-history-chart-point, .crm-history-chart-series.is-clicks .crm-history-chart-point { stroke: #1686b5; }
.crm-history-chart-series.is-unsubscribed .crm-history-chart-point { stroke: #d18a17; }
.crm-history-chart-series.is-errors .crm-history-chart-point { stroke: #cf4c48; }
.crm-history-chart-hit { fill: transparent; pointer-events: all; }
.crm-history-chart-hover-zone { fill: transparent; cursor: crosshair; outline: none; }
.crm-history-chart-hover-zone:hover, .crm-history-chart-hover-zone:focus { fill: rgba(16, 33, 54, .035); stroke: rgba(16, 33, 54, .16); stroke-width: 1; vector-effect: non-scaling-stroke; }
.crm-history-chart-tooltip { position: absolute; z-index: 3; top: 12px; right: 12px; display: grid; min-width: 190px; gap: 6px; padding: 11px 12px; border: 1px solid #cdd9e1; border-radius: 10px; background: rgba(255, 255, 255, .97); box-shadow: 0 8px 24px rgba(16, 33, 54, .14); color: var(--crm-ink); pointer-events: none; }
.crm-history-chart-canvas[hidden], .crm-history-chart-tooltip[hidden] { display: none; }
.crm-history-chart-tooltip[data-vertical="top"] { top: 12px; bottom: auto; }
.crm-history-chart-tooltip[data-vertical="bottom"] { top: auto; bottom: 12px; }
.crm-history-chart-tooltip[data-position="0"] { right: auto; left: 12px; transform: none; }
.crm-history-chart-tooltip[data-position="20"] { right: 12px; left: auto; transform: none; }
.crm-history-chart-tooltip:not([data-position="0"]):not([data-position="20"]) { right: auto; transform: translateX(-50%); }
.crm-history-chart-tooltip[data-position="2"] { left: 10%; }
.crm-history-chart-tooltip[data-position="3"] { left: 15%; }
.crm-history-chart-tooltip[data-position="4"] { left: 20%; }
.crm-history-chart-tooltip[data-position="5"] { left: 25%; }
.crm-history-chart-tooltip[data-position="6"] { left: 30%; }
.crm-history-chart-tooltip[data-position="7"] { left: 35%; }
.crm-history-chart-tooltip[data-position="8"] { left: 40%; }
.crm-history-chart-tooltip[data-position="9"] { left: 45%; }
.crm-history-chart-tooltip[data-position="10"] { left: 50%; }
.crm-history-chart-tooltip[data-position="11"] { left: 55%; }
.crm-history-chart-tooltip[data-position="12"] { left: 60%; }
.crm-history-chart-tooltip[data-position="13"] { left: 65%; }
.crm-history-chart-tooltip[data-position="14"] { left: 70%; }
.crm-history-chart-tooltip[data-position="15"] { left: 75%; }
.crm-history-chart-tooltip[data-position="16"] { left: 80%; }
.crm-history-chart-tooltip[data-position="17"] { left: 85%; }
.crm-history-chart-tooltip[data-position="18"] { left: 90%; }
.crm-history-chart-tooltip > strong { padding-bottom: 5px; border-bottom: 1px solid #e2e8ec; font-size: 12px; }
.crm-history-chart-tooltip > span { display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; align-items: center; gap: 7px; font-size: 11px; }
.crm-history-chart-tooltip i { width: 9px; height: 9px; border-radius: 50%; background: #102136; }
.crm-history-chart-tooltip b { font-weight: 750; }
.crm-history-chart-tooltip em { color: var(--crm-ink); font-style: normal; font-size: 12px; font-weight: 900; }
.crm-history-chart-tooltip .is-opened i, .crm-history-chart-tooltip .is-opens i { background: #73b82c; }
.crm-history-chart-tooltip .is-clicked i, .crm-history-chart-tooltip .is-clicks i { background: #1686b5; }
.crm-history-chart-tooltip .is-unsubscribed i { background: #d18a17; }
.crm-history-chart-tooltip .is-errors i { background: #cf4c48; }
.crm-history-chart-empty { margin: 16px 0 0; padding: 36px 16px; border-radius: 10px; background: #f7f9fa; color: var(--crm-muted); font-size: 13px; text-align: center; }
.crm-history-table { min-width: 1380px; table-layout: fixed; }
.crm-history-table thead th { position: sticky; top: 0; z-index: 1; background: #fff; box-shadow: 0 1px 0 var(--crm-line); }
.crm-history-table tbody tr { transition: background-color .15s ease; }
.crm-history-table tbody tr:hover { background: #f8fbfc; }
.crm-history-table tbody td { padding-top: 12px; padding-bottom: 12px; vertical-align: top; }
.crm-history-table th:nth-child(1) { width: 145px; }
.crm-history-table th:nth-child(2) { width: 300px; }
.crm-history-table th:nth-child(3) { width: 220px; }
.crm-history-table th:nth-child(4) { width: 155px; }
.crm-history-table th:nth-child(5) { width: 190px; }
.crm-history-table th:nth-child(6) { width: auto; min-width: 370px; }
.crm-history-date-actions { margin-top: 10px; }
.crm-history-clicks-cell { min-width: 370px; }
.crm-history-company-cell { vertical-align: top; }
.crm-history-company { display: grid; min-width: 0; gap: 5px; }
.crm-history-company-name { overflow: hidden; color: var(--crm-ink); font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.crm-history-domain-link { display: block; overflow: hidden; width: max-content; max-width: 100%; color: #1f668b; font-size: 12px; font-weight: 800; line-height: 1.3; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; text-overflow: ellipsis; white-space: nowrap; }
.crm-history-domain-link:hover, .crm-history-domain-link:focus-visible { color: var(--crm-ink); }
.crm-history-domain-link.is-disabled { color: var(--crm-muted); text-decoration: none; }
.crm-history-scores { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin-top: 4px; }
.crm-history-score { display: grid; min-width: 0; place-items: center; gap: 1px; padding: 5px 2px; border: 1px solid #dce6eb; border-radius: 7px; background: #f7fafb; line-height: 1; }
.crm-history-score small { overflow: hidden; max-width: 100%; color: #5a6f82; font-size: 8px; font-weight: 900; letter-spacing: .025em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.crm-history-score b { color: var(--crm-ink); font-size: 12px; font-weight: 900; }
.crm-history-pdf { display: inline-flex; align-items: center; justify-content: center; width: max-content; max-width: 100%; min-height: 28px; margin-top: 3px; padding: 4px 9px; border: 1px solid #b9d98e; border-radius: 8px; background: #efffde; color: #29490c; font-size: 11px; font-weight: 900; line-height: 1.2; text-decoration: none; }
.crm-history-pdf:hover, .crm-history-pdf:focus-visible { border-color: #83b444; background: #e4ffc4; color: #102136; }
.crm-history-delete { min-height: 32px; padding: 5px 9px; }
.crm-history-delete:disabled { cursor: not-allowed; opacity: .45; }
.crm-history-count { display: inline-flex; align-items: center; justify-content: center; min-width: 29px; height: 25px; padding: 0 7px; border-radius: 999px; background: #eaffce; font-size: 13px; }
.crm-history-empty { color: #9aa7b3; }
.crm-history-activity-head { display: flex; align-items: center; min-height: 25px; }
.crm-history-times { display: grid; gap: 3px; margin-top: 6px; color: var(--crm-muted); line-height: 1.3; }
.crm-history-times span { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 7px; }
.crm-history-times b { color: #486075; font-weight: 800; }
.crm-history-devices { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
.crm-history-devices span { padding: 3px 6px; border-radius: 999px; background: #eef3f6; color: #43586d; font-weight: 750; white-space: nowrap; }
.crm-history-devices b { color: var(--crm-ink); }
.crm-history-click-targets { margin-top: 8px; padding-top: 7px; border-top: 1px solid var(--crm-line); }
.crm-history-click-targets summary { width: max-content; max-width: 100%; padding: 4px 8px; border-radius: 8px; background: #edf3f6; color: #29445c; cursor: pointer; font-weight: 850; list-style-position: inside; }
.crm-history-click-targets[open] summary { margin-bottom: 6px; background: #e5f7d2; }
.crm-history-click-targets > div { display: grid; gap: 4px; }
.crm-history-click-targets > div span { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; align-items: center; min-width: 0; padding: 4px 6px; border-radius: 7px; background: #f7f9fa; color: #29445c; }
.crm-history-click-targets > div span.is-pdf-audit { grid-template-columns: 28px minmax(0,1fr) auto; }
.crm-history-click-pdf { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 20px; border: 1px solid #d8aaaa; border-radius: 4px; background: #fff3f3; color: #a72b2b; font-style: normal; font-size: 8px; font-weight: 800; line-height: 1; letter-spacing: .25px; box-sizing: border-box; }
.crm-history-click-targets em { overflow: hidden; font-style: normal; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.crm-history-click-targets > div b { min-width: 25px; color: var(--crm-ink); text-align: right; }
.crm-history-delivery { display: inline-flex; align-items: center; width: max-content; max-width: 100%; padding: 5px 8px; border-radius: 8px; font-weight: 850; line-height: 1.2; white-space: nowrap; }
.crm-history-delivery.ok { background: #edf4f7; color: #40566b; }
.crm-history-delivery.error { background: #fff0ef; color: var(--crm-red); }
.crm-history-status { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 8px; border-radius: 999px; background: #edf2f5; color: #334b60; font-weight: 850; line-height: 1.1; white-space: nowrap; }
.crm-history-status.is-sent { background: #eaffce; color: #29490c; }
.crm-history-status.is-unsubscribed { background: #fff0d5; color: #704b00; }
.crm-history-status.is-failed { background: #fff0ef; color: var(--crm-red); }
.crm-history-status.is-sending { background: #eaf4ff; color: #205a86; }
.crm-canton-scrollbar span { width: 25%; }
.crm-clipboard-fallback { position: fixed; left: -10000px; top: 0; width: 1px; height: 1px; opacity: 0; }
@media (max-width: 1000px) {
  .crm-history-summary { grid-template-columns: repeat(4, minmax(105px, 1fr)); }
  .crm-history-controls { align-items: stretch; flex-direction: column; }
  .crm-history-sort-group { width: 100%; margin-left: 0; padding: 12px 0 0; border-top: 1px solid var(--crm-line); border-left: 0; }
  .crm-history-chart-head { align-items: stretch; flex-direction: column; }
}
@media (max-width: 620px) {
  .crm-history-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-history-filter-group { display: grid; grid-template-columns: 1fr 1fr; }
  .crm-history-sort-group, .crm-history-sort-group label { width: 100%; }
  .crm-history-controls input, .crm-history-controls select { width: 100%; min-width: 0; }
  .crm-history-controls #historyDateReset { grid-column: 1 / -1; align-self: end; }
  .crm-history-chart { padding: 13px; }
  .crm-history-chart-controls { display: grid; grid-template-columns: 1fr 1fr; }
  .crm-history-chart-controls select { width: 100%; min-width: 0; }
  .crm-history-chart-canvas { min-height: 190px; overflow: visible; }
  .crm-history-chart-scroll { width:100%; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
  .crm-history-chart-canvas svg { min-width: 690px; }
  .crm-history-chart-tooltip { position:static!important; display:grid; width:100%; min-width:0; margin:10px 0 0; box-sizing:border-box; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; transform:none!important; pointer-events:auto; }
  .crm-history-chart-tooltip > strong { font-size:13px; }
  .crm-history-chart-tooltip > span { min-height:28px; font-size:12px; }
  .crm-history-chart-hover-zone { cursor:pointer; touch-action:pan-x; }
  .crm-history-table { min-width: 1180px; }
}
@media (max-width: 480px) {
  .crm-history-filter-group { grid-template-columns:1fr; }
  .crm-history-chart-controls { grid-template-columns:1fr; }
  .crm-history-controls #historyDateReset { grid-column:auto; min-height:44px; }
  .crm-history-controls input,.crm-history-controls select,.crm-history-chart-controls select { min-height:44px; font-size:16px; }
  .crm-history-chart { padding:11px; }
  .crm-history-chart-legend { gap:6px; }
  .crm-history-chart-legend-item { max-width:100%; }
}
.crm-history-open-unmeasured { display: grid; width: min(185px, 100%); gap: 3px; padding: 7px 9px; border: 1px solid #d8e6c8; border-radius: 8px; background: #f4faed; color: #29490c; line-height: 1.25; }
.crm-history-open-unmeasured strong { font-size: 12px; font-weight: 850; }
.crm-history-open-unmeasured span { color: #5a6f58; font-size: 10px; font-weight: 650; }