.crm-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  gap: 16px;
  margin: 18px 0 0;
  align-items: stretch;
}
.process-card,
.summary-card {
  padding: 20px;
}
.process-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
  gap: 18px;
  align-items: center;
}
.summary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.summary-item {
  min-height: 72px;
  padding: 12px;
  border-radius: 8px;
  background: rgba(49, 88, 201, 0.055);
  border: 1px solid rgba(49, 88, 201, 0.08);
}
.summary-item span {
  color: #6d7788;
  font-size: 12px;
  font-weight: 800;
}
.summary-item b {
  display: block;
  margin-top: 8px;
  color: var(--navy);
  font-size: 24px;
  line-height: 1;
}
.sales-overview {
  grid-template-columns: minmax(0, 1.12fr) minmax(420px, 0.88fr);
}
.sales-workbench-card,
.team-board-card {
  padding: 20px;
}
.board-head {
  display: grid;
  gap: 4px;
  margin-bottom: 14px;
}
.board-head h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}
.board-head em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}
.sales-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sales-kpi-item {
  min-height: 78px;
  padding: 13px 12px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  background: rgba(49, 88, 201, 0.055);
  display: grid;
  align-content: center;
  gap: 8px;
}
.sales-kpi-item span {
  color: #667085;
  font-size: 12px;
  font-weight: 900;
}
.sales-kpi-item b {
  color: var(--navy);
  font-size: 28px;
  line-height: 1;
}
.team-action-list {
  display: grid;
  gap: 8px;
  max-height: 300px;
  overflow: auto;
  padding-right: 4px;
}
.team-action-row {
  display: grid;
  grid-template-columns: minmax(120px, 0.8fr) minmax(110px, 0.65fr) minmax(220px, 1.1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.58);
}
.team-action-person {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.team-action-person b {
  min-width: 0;
  color: var(--navy);
  font-size: 13px;
  line-height: 1.2;
}
.team-action-person span {
  color: #667085;
  font-size: 11px;
  line-height: 1;
}
.team-action-progress {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.team-action-progress span {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(49, 88, 201, 0.09);
}
.team-action-progress span b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2f64d6, #20b8c7);
}
.team-action-progress em {
  color: #667085;
  font-size: 11px;
  font-style: normal;
  line-height: 1;
}
.team-action-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  min-width: 0;
}
.team-action-metrics span {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  min-height: 24px;
  padding: 0 7px;
  border-radius: 6px;
  color: #667085;
  background: rgba(49, 88, 201, 0.055);
  font-size: 11px;
  line-height: 1;
}
.team-action-metrics b {
  color: var(--navy);
  font-size: 12px;
}
.crm-boundary-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin-top: 14px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  background: rgba(255, 255, 255, 0.68);
}
.crm-boundary-line b {
  color: #126345;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.crm-boundary-line span {
  color: #5f6b7f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  min-width: 0;
}
.team-table-wrap {
  overflow: auto;
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 8px;
}
.team-board-table {
  min-width: 560px;
  table-layout: auto;
  background: rgba(255, 255, 255, 0.64);
}
.team-board-table th,
.team-board-table td {
  padding: 9px 10px;
  font-size: 12px;
  white-space: nowrap;
}
.team-board-table td:first-child {
  color: var(--navy);
  font-weight: 950;
}
.team-board-table td:first-child span {
  display: block;
  margin-top: 2px;
  color: #667085;
  font-size: 11px;
  font-weight: 800;
}
.progress-track {
  height: 10px;
  border-radius: 999px;
  background: rgba(49, 88, 201, 0.1);
  overflow: hidden;
}
.progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cyan), var(--blue));
}
.ops-action {
  display: grid;
  gap: 10px;
  justify-items: stretch;
}
.ops-action .muted {
  text-align: center;
  font-size: 12px;
}
.crm-panel {
  padding: 20px;
  margin-top: 16px;
}
.crm-page .client-header {
  min-height: 0;
  padding: 16px 20px;
  align-items: center;
}
.crm-page .client-header img {
  display: none;
}
.crm-page .client-header h1 {
  margin: 3px 0 6px;
  font-size: 28px;
  line-height: 1.15;
}
.crm-page .client-header p {
  margin: 0;
  max-width: 720px;
  font-size: 13px;
  line-height: 1.55;
}
.task-workspace {
  display: grid;
  grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
  gap: 18px;
  margin-top: 18px;
  align-items: start;
}
.upload-side {
  display: grid;
  gap: 16px;
  position: sticky;
  top: 24px;
}
.upload-panel-card {
  padding: 24px;
}
.upload-panel-card h2 {
  margin: 0 0 6px;
  font-size: 20px;
  color: var(--navy);
}
.upload-panel-card .section-title {
  margin-bottom: 14px;
}
.live-activity-panel {
  overflow: hidden;
}
.live-dot {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #16a34a;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.45);
  animation: livePulse 1.4s ease-out infinite;
}
.live-progress-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  margin-bottom: 10px;
}
.live-task-title {
  max-width: 680px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--navy);
  font-size: 15px;
  font-weight: 950;
}
.live-percent {
  color: #3158c9;
  font-size: 24px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.live-progress-track {
  height: 12px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(49, 88, 201, 0.08);
  border: 1px solid rgba(49, 88, 201, 0.12);
}
.live-progress-fill {
  position: relative;
  display: block;
  height: 100%;
  min-width: 8px;
  border-radius: inherit;
  background: linear-gradient(90deg, #20c7d9, #3158c9, #eead35);
  transition: width 0.35s ease;
}
.live-progress-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);
  transform: translateX(-100%);
}
.live-progress-fill.is-running::after {
  animation: scanBar 1.6s linear infinite;
}
.live-activity-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.88fr) minmax(0, 1.12fr);
  gap: 14px;
  margin-top: 14px;
  align-items: stretch;
}
.live-code-box {
  min-height: 186px;
  max-height: 260px;
  overflow: hidden;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  background: rgba(255, 255, 255, 0.38);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
  display: grid;
  align-content: start;
  gap: 8px;
  font-family: var(--app-mono-font-macos);
}
.live-code-box code {
  display: block;
  color: rgba(17, 27, 58, 0.78);
  font-size: 12px;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left center;
  animation: codeFlicker 2.4s ease-in-out infinite;
}
.live-code-box code:nth-child(2) { animation-delay: .18s; }
.live-code-box code:nth-child(3) { animation-delay: .36s; }
.live-code-box code:nth-child(4) { animation-delay: .54s; }
.code-cursor {
  color: #3158c9;
  animation: cursorBlink .78s step-end infinite;
}
.live-activity-list {
  max-height: 260px;
  overflow: auto;
  padding-right: 4px;
}
@keyframes livePulse {
  0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.42); }
  70% { box-shadow: 0 0 0 8px rgba(22, 163, 74, 0); }
  100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}
@keyframes scanBar {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes codeFlicker {
  0%, 100% { opacity: .68; transform: translateY(0); }
  45% { opacity: 1; transform: translateY(-1px); }
  60% { opacity: .82; }
}
@keyframes cursorBlink {
  0%, 45% { opacity: 1; }
  46%, 100% { opacity: 0; }
}
.mini-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.mini-stat {
  padding: 12px;
  border-radius: 8px;
  background: rgba(49, 88, 201, 0.05);
  border: 1px solid rgba(49, 88, 201, 0.08);
}
.mini-stat span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.mini-stat b {
  display: block;
  margin-top: 4px;
  color: var(--navy);
  font-size: 18px;
  line-height: 1;
}
.mini-stat.good b { color: #1a8c4e; }
.mini-stat.warn b { color: var(--gold-2); }
.mini-stat.bad b { color: #c0392b; }
.task-main {
  min-width: 0;
}
.task-main table {
  min-width: 0;
  table-layout: auto;
}
.task-main .crm-panel {
  margin-top: 0;
}
.badge {
  display: inline-block;
  min-height: 22px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 18px;
}
.badge.done { color: #1a8c4e; background: rgba(26, 140, 78, 0.12); }
.badge.running { color: #3158c9; background: rgba(49, 88, 201, 0.12); }
.badge.failed { color: #c0392b; background: rgba(192, 57, 43, 0.12); }
.badge.pending { color: var(--muted); background: rgba(109, 119, 136, 0.1); }
.badge.gray { color: #566176; background: rgba(86, 97, 118, 0.1); }
.task-idle {
  padding: 60px 20px;
  text-align: center;
}
.task-idle .big-icon {
  font-size: 56px;
  line-height: 1;
  margin-bottom: 14px;
}
.task-idle h3 {
  margin: 0 0 8px;
  color: var(--navy);
  font-size: 18px;
}
.task-idle p {
  color: var(--muted);
  font-size: 14px;
  max-width: 360px;
  margin: 0 auto;
}
.mini-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.mini-form input, .mini-form select, .mini-form textarea {
  min-width: 120px;
  padding: 8px 9px;
  font-size: 12px;
}
.mini-form textarea {
  width: 210px;
  min-height: 38px;
  resize: vertical;
}
/* ---------- users page ---------- */
.user-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 22px;
}
.user-stat-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px 18px;
  text-align: center;
}
.user-stat-card .stat-icon { font-size: 22px; margin-bottom: 4px; }
.user-stat-card .stat-value { font-size: 24px; font-weight: 700; color: var(--accent); }
.user-stat-card .stat-label { font-size: 12px; color: var(--muted); margin-top: 2px; }
.users-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 22px;
}
.users-create-form {
  flex-direction: column;
  align-items: stretch;
}
.users-create-form .form-row-dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.users-create-form .form-row-full {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.users-create-form .form-row-full .muted {
  font-size: 11px;
}
.users-create-form input,
.users-create-form select {
  min-width: 0;
  width: 100%;
}
.users-create-form button {
  align-self: flex-start;
  margin-top: 4px;
}
.login-info-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.login-info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.login-info-item:last-child { border-bottom: none; }
.login-info-label { font-size: 13px; color: var(--muted); }
.login-info-value { font-size: 13px; font-weight: 600; }
.users-table th, .users-table td { font-size: 13px; }
.settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.settings-card {
  min-height: 132px;
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 16px;
  border: 1px solid rgba(49, 88, 201, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  color: inherit;
  text-decoration: none;
}
.settings-card:hover {
  border-color: rgba(49, 88, 201, 0.28);
  box-shadow: 0 10px 22px rgba(27, 48, 98, 0.08);
  transform: translateY(-1px);
}
.settings-card span {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.settings-card h2 {
  margin: 0;
  color: var(--navy);
  font-size: 18px;
  line-height: 1.25;
}
.settings-card p {
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}
.settings-card b {
  justify-self: start;
  margin-top: 2px;
  color: var(--blue);
  font-size: 13px;
  line-height: 1;
}
.settings-subnav {
  margin-bottom: 16px;
}
.settings-tab-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.settings-tab-row a {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 7px;
  font-size: 12px;
}
.settings-tab-row a.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
}
@media (max-width: 768px) {
  .user-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .users-two-col { grid-template-columns: 1fr; }
  .settings-tab-row {
    width: 100%;
    justify-content: flex-start;
  }
}
.assign-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 60px;
  gap: 8px;
  align-items: center;
  margin: 0;
}
.assign-form select {
  min-width: 0;
  padding: 8px 9px;
  font-size: 12px;
}
.assign-form button {
  min-height: 34px;
  padding: 0 10px;
  font-size: 12px;
}
.single-reprocess {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
.single-reprocess button {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.lead-profile-details {
  min-width: 0;
}
.lead-profile-details summary {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 10px;
  border: 1px solid rgba(49, 88, 201, 0.18);
  border-radius: 8px;
  color: var(--navy);
  background: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 900;
  list-style: none;
}
.lead-profile-details summary::-webkit-details-marker {
  display: none;
}
.lead-profile-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(49, 88, 201, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}
.lead-profile-form input,
.lead-profile-form textarea {
  min-width: 0;
  width: 100%;
  padding: 8px 9px;
  font-size: 12px;
  line-height: 1.35;
}
.lead-profile-form textarea,
.lead-profile-form .wide {
  grid-column: 1 / -1;
}
.lead-profile-form textarea {
  min-height: 52px;
  resize: vertical;
}
.lead-profile-form button {
  justify-self: end;
  min-height: 32px;
  padding: 0 12px;
  font-size: 12px;
}
.create-lead-box {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.create-lead-box[open] {
  width: 100%;
  padding: 10px;
  border: 1px dashed rgba(49, 88, 201, 0.24);
  border-radius: 8px;
  background: rgba(49, 88, 201, 0.045);
}
.create-lead-box summary {
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
  border-color: transparent;
}
.create-lead-box .muted {
  grid-column: 1 / -1;
  margin: 0;
}
.bulk-assign-box {
  min-width: min(460px, 100%);
}
.bulk-assign-box summary {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 10px;
  border: 1px solid rgba(49, 88, 201, 0.18);
  border-radius: 8px;
  color: var(--navy);
  background: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 900;
  list-style: none;
}
.bulk-assign-box summary::-webkit-details-marker {
  display: none;
}
.bulk-assign-box .mini-form {
  margin-top: 8px;
}
.bulk-assign-queue {
  margin-top: 8px;
}
.bulk-assign-note {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 7px 9px;
  border: 1px solid rgba(242, 181, 68, 0.22);
  border-radius: 8px;
  color: #7a4b05;
  background: rgba(255, 248, 230, 0.72);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}
.feedback-form {
  display: grid;
  gap: 8px;
  align-items: start;
}
.quick-feedback-grid,
.more-feedback-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
  min-width: 0;
}
.feedback-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.feedback-form input,
.feedback-form select,
.feedback-form textarea {
  min-width: 0;
  width: 100%;
  padding: 8px 9px;
  font-size: 12px;
  line-height: 1.35;
}
.feedback-form textarea {
  grid-column: 1 / -1;
  min-height: 54px;
  max-height: 92px;
  resize: none;
  line-height: 1.55;
  color: #344054;
  background: rgba(249, 251, 253, 0.9);
  border-color: rgba(49, 88, 201, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.feedback-form textarea:focus {
  background: #fff;
  border-color: rgba(49, 88, 201, 0.44);
  box-shadow: 0 0 0 3px rgba(49, 88, 201, 0.1);
}
.feedback-form button {
  justify-self: end;
  min-height: 34px;
  min-width: 88px;
  padding: 0 12px;
  font-size: 12px;
}
.more-feedback {
  min-width: 0;
}
.more-feedback summary {
  width: fit-content;
  padding: 7px 10px;
  border: 1px solid rgba(49, 88, 201, 0.14);
  border-radius: 8px;
  color: #24356e;
  background: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}
.more-feedback summary::-webkit-details-marker {
  display: none;
}
.more-feedback-grid {
  margin-top: 8px;
}
.more-feedback-grid .wide {
  grid-column: 1 / -1;
}
.badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  color: var(--navy);
  background: rgba(49, 88, 201, 0.08);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.badge.done {
  color: #126345;
  background: rgba(41, 171, 135, 0.13);
}
.badge.running {
  color: #1648a2;
  background: rgba(49, 88, 201, 0.13);
}
.badge.pending {
  color: #8a4f04;
  background: rgba(238, 173, 53, 0.16);
}
.badge.failed {
  color: #a43b1d;
  background: rgba(238, 127, 34, 0.15);
}
.badge.gray {
  color: #667085;
  background: rgba(102, 112, 133, 0.12);
}
.message {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 8px;
  background: rgba(70, 183, 200, 0.12);
  color: #245766;
  font-size: 13px;
}
.phone-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 7px;
  align-items: start;
  width: 100%;
}
.phone-summary {
  display: flex;
  gap: 6px;
  align-items: center;
  padding: 7px 8px;
  border: 1px solid rgba(49, 88, 201, 0.13);
  border-radius: 8px;
  background: rgba(49, 88, 201, 0.055);
  min-width: 0;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
}
.phone-summary::-webkit-details-marker {
  display: none;
}
.phone-check-item {
  position: relative;
  min-width: 0;
}
.phone-check-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}
.phone-check-tags:empty {
  display: none;
}
.phone-summary .phone-check-tags {
  flex: 1 1 auto;
  justify-content: flex-end;
  overflow: hidden;
  max-height: 24px;
}
.phone-more-dot {
  flex: 0 0 auto;
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
.phone-actions-panel {
  display: none;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(17, 27, 67, 0.14);
  z-index: 30;
}
.phone-action-row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.phone-check-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  align-items: center;
}
.phone-check-field {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.phone-check-field.phone-field-hidden {
  display: none;
}
.phone-check-field span {
  color: #667085;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}
.phone-check-form select,
.phone-check-form input {
  min-width: 0;
  width: 100%;
  padding: 7px 8px;
  font-size: 11px;
  line-height: 1.2;
}
.phone-check-form input {
  grid-column: 1 / -1;
}
.phone-check-note {
  grid-column: 1 / -1;
  display: grid;
  gap: 3px;
}
.phone-check-note span {
  color: #667085;
  font-size: 11px;
  font-weight: 900;
}
.phone-check-form button {
  grid-column: 1 / -1;
  justify-self: stretch;
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
@media (hover: hover) and (pointer: fine) {
  .phone-actions-panel {
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    width: min(420px, 78vw);
  }
  .phone-check-item:focus-within .phone-actions-panel,
  .phone-check-item[open] .phone-actions-panel {
    display: grid;
  }
  .phone-check-item[open] .phone-summary,
  .phone-check-item:focus-within .phone-summary {
    border-color: rgba(49, 88, 201, 0.36);
    background: rgba(49, 88, 201, 0.09);
  }
}
.copy-all {
  grid-column: 1 / -1;
  justify-self: start;
}
.phone-number {
  color: var(--navy);
  font-weight: 900;
  letter-spacing: 0;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.phone-number:hover {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.copy-btn {
  min-height: 23px;
  padding: 0 7px;
  border-radius: 7px;
  color: var(--blue);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(49, 88, 201, 0.16);
  font-size: 12px;
  font-weight: 900;
  box-shadow: none;
}
.copy-btn:hover {
  transform: none;
  box-shadow: none;
  background: rgba(49, 88, 201, 0.14);
}
.android-call-btn {
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.24);
  background: rgba(15, 118, 110, 0.09);
}
.android-call-btn:hover {
  background: rgba(15, 118, 110, 0.15);
}
.android-call-btn.is-sending {
  opacity: 0.75;
  pointer-events: none;
}
.android-call-control {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  vertical-align: middle;
}
.android-call-btn.is-active-task,
.android-call-btn.is-active-task:disabled {
  cursor: default;
  opacity: 1;
  color: #1d4ed8;
  border-color: rgba(29, 78, 216, 0.22);
  background: rgba(37, 99, 235, 0.09);
}
.android-call-cancel-btn {
  color: #b42318;
  border-color: rgba(180, 35, 24, 0.2);
  background: rgba(254, 242, 242, 0.94);
}
.android-call-cancel-btn:hover {
  color: #fff;
  background: #b42318;
}
.android-call-cancel-btn[hidden] {
  display: none;
}
.android-call-workbench {
  display: grid;
  gap: 12px;
  border-color: rgba(49, 88, 201, 0.16);
  background: linear-gradient(135deg, rgba(247, 252, 255, 0.98), rgba(255, 250, 241, 0.96));
}
.android-call-workbench-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.android-call-workbench-head h2 {
  margin: 2px 0 4px;
  color: var(--navy);
  font-size: 19px;
  line-height: 1.2;
}
.android-call-workbench-head p {
  margin: 0;
  color: #667085;
  font-size: 13px;
  font-weight: 800;
}
.android-call-workbench-stats {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.android-call-workbench-stats span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  color: #1648a2;
  background: rgba(49, 88, 201, 0.09);
  border: 1px solid rgba(49, 88, 201, 0.13);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.android-call-workbench-stats b {
  color: var(--navy);
  font-size: 16px;
}
.android-call-device-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: end;
}
.android-call-device-form label {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.android-call-device-form label span {
  color: #667085;
  font-size: 12px;
  font-weight: 900;
}
.android-call-device-form select {
  min-height: 38px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.18);
  background: #fff;
  color: var(--navy);
  font-weight: 800;
}
.android-call-device-form button {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 8px;
  white-space: nowrap;
}
.android-device-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.android-device-chip {
  display: grid;
  gap: 3px;
  min-width: min(260px, 100%);
  padding: 9px 11px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.14);
  background: rgba(255, 255, 255, 0.86);
}
.android-device-chip.selected {
  border-color: rgba(15, 118, 110, 0.32);
  background: rgba(15, 118, 110, 0.08);
}
.android-device-chip b {
  color: var(--navy);
  font-size: 13px;
  line-height: 1.2;
}
.android-device-chip span {
  width: max-content;
  min-height: 20px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}
.android-device-chip span.online {
  color: #126345;
  background: rgba(41, 171, 135, 0.14);
}
.android-device-chip span.offline {
  color: #8a4f04;
  background: rgba(238, 173, 53, 0.16);
}
.android-device-chip em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}
@media (max-width: 720px) {
  .android-call-workbench-head {
    display: grid;
  }
  .android-call-workbench-stats {
    justify-content: flex-start;
  }
  .android-call-device-form {
    grid-template-columns: 1fr;
  }
  .android-call-device-form button {
    width: 100%;
  }
}
.header-actions .android-call-workbench {
  order: 99;
  position: relative;
  width: 34px;
  height: 34px;
  max-width: 34px;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.header-actions .android-call-trigger {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(49, 88, 201, 0.18);
  border-radius: 8px;
  color: var(--navy);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 18px rgba(17, 27, 67, 0.08);
  cursor: pointer;
  list-style: none;
}
.header-actions .android-call-trigger::-webkit-details-marker {
  display: none;
}
.header-actions .android-call-trigger:hover,
.header-actions .android-call-workbench[open] .android-call-trigger {
  border-color: rgba(15, 118, 110, 0.28);
  background: rgba(15, 118, 110, 0.09);
}
.header-actions .android-call-phone-icon {
  font-size: 18px;
  line-height: 1;
}
.header-actions .android-call-online-dot {
  position: absolute;
  right: -2px;
  top: -2px;
  min-width: 15px;
  height: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  border-radius: 999px;
  color: #fff;
  background: #12b76a;
  border: 2px solid #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
}
.header-actions .android-call-popover {
  position: absolute;
  top: 42px;
  right: 0;
  z-index: 60;
  width: min(300px, calc(100vw - 28px));
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 38px rgba(17, 27, 67, 0.18);
}
.header-actions .android-call-popover-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.header-actions .android-call-popover-head b {
  color: var(--navy);
  font-size: 13px;
  line-height: 1.2;
}
.header-actions .android-call-popover-head span {
  color: #126345;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
.header-actions .android-call-device-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
}
.header-actions .android-call-device-form input,
.header-actions .android-call-device-form label span {
  display: none;
}
.header-actions .android-call-device-form label {
  min-width: 0;
}
.header-actions .android-call-device-form select {
  width: 100%;
  min-height: 32px;
  padding: 0 8px;
  border-radius: 7px;
  border: 1px solid rgba(49, 88, 201, 0.18);
  background: #fff;
  color: var(--navy);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}
.header-actions .android-call-device-form button {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.header-actions .android-call-current {
  overflow: hidden;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.crm-page .header-actions,
.leadpool-page .header-actions {
  align-items: flex-start;
  gap: 8px;
}
.crm-page .header-actions .nav-menu,
.leadpool-page .header-actions .nav-menu {
  flex: 1 1 360px;
  min-width: 0;
}
.header-actions .android-call-nav-item {
  position: relative;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 720px) {
  .header-actions .android-call-workbench {
    position: static;
    width: 34px;
    box-shadow: none;
  }
  .header-actions .android-call-popover {
    right: auto;
    left: 0;
  }
}
.copy-all {
  min-height: 35px;
  padding: 0 12px;
  color: #8a4f04;
  background: rgba(238, 173, 53, 0.12);
  border-color: rgba(238, 173, 53, 0.28);
}
.phone-more {
  grid-column: 1 / -1;
  min-width: 0;
}
.phone-more summary {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 8px;
  color: #1648a2;
  background: rgba(49, 88, 201, 0.08);
  border: 1px solid rgba(49, 88, 201, 0.13);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}
.phone-more summary::-webkit-details-marker {
  display: none;
}
.phone-hidden {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 7px;
  margin-top: 7px;
}
.compact-phone-card {
  gap: 0;
}
.compact-phone-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
}
.compact-phone-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 3px 5px 3px 9px;
  border-radius: 8px;
  background: rgba(49, 88, 201, 0.075);
  border: 1px solid rgba(49, 88, 201, 0.12);
  min-width: 0;
}
.compact-phone-item {
  position: relative;
  min-width: 0;
}
.compact-phone-summary {
  cursor: pointer;
  list-style: none;
}
.compact-phone-summary::-webkit-details-marker {
  display: none;
}
.compact-phone-chip a {
  color: var(--navy);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}
.compact-phone-tags {
  max-width: 180px;
  overflow: hidden;
  flex-wrap: nowrap;
}
.compact-phone-tags .mini-tag {
  min-height: 20px;
  padding: 2px 6px;
  font-size: 10px;
  white-space: nowrap;
}
.compact-phone-chip .copy-btn {
  min-height: 22px;
  padding: 0 6px;
  font-size: 11px;
}
.compact-phone-actions {
  width: min(360px, 86vw);
}
.compact-copy-all {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.compact-phone-more {
  position: relative;
}
.compact-phone-more summary {
  min-height: 30px;
  padding: 0 9px;
  border-radius: 8px;
  color: #1648a2;
  background: rgba(49, 88, 201, 0.08);
  border: 1px solid rgba(49, 88, 201, 0.12);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
}
.compact-phone-more summary::-webkit-details-marker {
  display: none;
}
.compact-phone-hidden {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.copy-toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 20;
  padding: 11px 14px;
  border-radius: 8px;
  color: #fff;
  background: rgba(17, 27, 67, 0.92);
  box-shadow: var(--shadow);
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.copy-toast.show {
  opacity: 1;
  transform: translateY(0);
}
.workspace-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 1fr);
  gap: 22px;
  margin-top: 22px;
  align-items: start;
}
.upload-panel, .task-panel {
  padding: 24px;
}
.section-title.inline {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
}
.crm-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 16px;
}
.pool-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 14px;
  padding: 8px;
  border-radius: 8px;
  background: rgba(17, 27, 67, 0.045);
  border: 1px solid rgba(49, 88, 201, 0.1);
}
.pool-pill {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.12);
  background: rgba(255, 255, 255, 0.76);
  color: #24356e;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(35, 44, 77, 0.045);
}
.pool-pill.active {
  color: #fff;
  background: linear-gradient(135deg, #111b43, #3158c9);
  border-color: transparent;
}
.pool-pill b {
  min-width: 26px;
  padding: 2px 7px;
  border-radius: 999px;
  text-align: center;
  background: rgba(255, 255, 255, 0.22);
  font-size: 12px;
}
.view-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.view-pill {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.13);
  background: rgba(255, 255, 255, 0.76);
  color: #24356e;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(35, 44, 77, 0.045);
}
.view-pill.active {
  color: #fff;
  background: linear-gradient(135deg, var(--blue), #24356e);
  border-color: transparent;
}
.view-pill b {
  font-size: 12px;
  opacity: 0.86;
}
.view-pill .tab-badge {
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #e53935;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  opacity: 1;
}
.view-pill.active .tab-badge {
  color: #fff;
  background: #ff3b30;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}
.wps-import-form {
  display: grid;
  grid-template-columns: auto minmax(140px, 220px);
  gap: 8px;
  align-items: center;
  justify-self: end;
}
.wps-import-form .muted {
  font-size: 11px;
  line-height: 1.35;
}
.crm-data-tools {
  justify-self: end;
  min-width: min(360px, 100%);
  position: relative;
}
.crm-data-tools summary {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.13);
  color: var(--navy);
  background: rgba(255, 255, 255, 0.76);
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
  list-style: none;
}
.crm-data-tools summary::-webkit-details-marker {
  display: none;
}
.crm-data-tools summary span {
  color: #667085;
  font-size: 11px;
  font-weight: 850;
}
.crm-data-tools-body {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 50;
  width: min(520px, 86vw);
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  background: #fff;
  box-shadow: 0 18px 38px rgba(17, 27, 67, 0.15);
}
.crm-data-tools:not([open]) .crm-data-tools-body {
  display: none;
}
.crm-data-tools .ops-action {
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr);
  align-items: center;
}
.crm-data-tools .ops-action .big {
  min-height: 36px;
  font-size: 13px;
}
.crm-data-tools .ops-action .muted {
  text-align: left;
}
.crm-data-tools .enrich-job-card {
  margin-top: 0;
}
.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  grid-column: 1 / -1;
}
.filter-pill {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.12);
  background: rgba(255, 255, 255, 0.68);
  color: #566176;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 900;
}
.filter-pill.active {
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
  border-color: transparent;
}
.filter-pill b {
  font-size: 12px;
  opacity: 0.9;
}
.search-form {
  display: grid;
  grid-template-columns: minmax(220px, 320px) 72px;
  gap: 8px;
}
.search-form input {
  min-height: 38px;
  padding: 8px 11px;
  font-size: 13px;
}
.search-form button {
  min-height: 38px;
  font-size: 13px;
}
.advanced-filter-form {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) repeat(5, minmax(120px, 1fr)) auto;
  gap: 8px;
  align-items: end;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid rgba(49, 88, 201, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.62);
}
.advanced-filter-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.advanced-filter-form label span,
.feedback-form label span {
  color: #667085;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}
.advanced-filter-form input,
.advanced-filter-form select {
  min-width: 0;
  width: 100%;
  min-height: 36px;
  padding: 7px 9px;
  font-size: 12px;
}
.filter-submit {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  grid-column: span 2;
}
.form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.customer-entry-strip {
  margin: 0 0 10px;
  border: 1px solid rgba(49, 88, 201, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
  overflow: hidden;
}
.customer-entry-strip > summary {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 11px;
  cursor: pointer;
  list-style: none;
  color: var(--navy);
  font-size: 12px;
  font-weight: 900;
}
.customer-entry-strip > summary::-webkit-details-marker {
  display: none;
}
.customer-entry-strip > summary::after {
  content: "展开";
  margin-left: auto;
  color: var(--blue);
  font-size: 11px;
}
.customer-entry-strip[open] > summary::after {
  content: "收起";
}
.customer-entry-strip > summary small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.customer-entry-strip .lead-profile-form {
  margin: 0 10px 10px;
}
.customer-import-form {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto;
  gap: 8px;
  align-items: end;
  margin: 0 10px 10px;
  padding: 10px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 8px;
  background: rgba(49, 88, 201, 0.035);
}
.customer-import-form label {
  gap: 4px;
  color: var(--navy);
  font-size: 11px;
  font-weight: 850;
}
.customer-import-form input[type="file"] {
  min-height: 36px;
  padding: 6px 8px;
  font-size: 12px;
}
.customer-import-form button,
.customer-import-form .btn {
  min-height: 36px;
  padding: 0 12px;
  white-space: nowrap;
  font-size: 12px;
}
@media (max-width: 700px) {
  .customer-entry-strip > summary {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .customer-entry-strip > summary small {
    width: calc(100% - 44px);
  }
  .customer-import-form {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .customer-import-form button,
  .customer-import-form .btn {
    width: 100%;
    justify-content: center;
  }
}
.leadpool-control-panel {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid rgba(49, 88, 201, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.66);
}
.leadpool-control-head {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.leadpool-control-head h3 {
  margin: 2px 0 0;
  color: var(--navy);
  font-size: 16px;
  line-height: 1.2;
}
.leadpool-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(82px, 1fr));
  gap: 7px;
  min-width: 0;
}
.leadpool-metrics span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 34px;
  padding: 7px 9px;
  border-radius: 8px;
  color: #667085;
  background: rgba(49, 88, 201, 0.055);
  border: 1px solid rgba(49, 88, 201, 0.08);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.leadpool-metrics b {
  color: var(--navy);
  font-size: 17px;
  line-height: 1;
}
.leadpool-control-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.leadpool-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.leadpool-actions .ops-action {
  grid-template-columns: auto auto;
  align-items: center;
  gap: 8px;
}
.leadpool-actions .ops-action .big {
  min-height: 34px;
  padding: 0 14px;
  font-size: 13px;
}
.leadpool-actions .ops-action .muted {
  text-align: left;
  white-space: nowrap;
}
.leadpool-control-panel .enrich-job-card {
  display: flex;
  margin-top: 0;
  padding: 6px 8px;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.leadpool-control-panel .enrich-job-head {
  min-width: 0;
}
.leadpool-control-panel .enrich-job-head b {
  font-size: 13px;
}
.leadpool-control-panel .enrich-job-stats {
  display: none;
}
.leadpool-control-panel .enrich-job-stats span {
  padding: 4px 6px;
  font-size: 10px;
}
.leadpool-control-panel .enrich-job-stats b {
  font-size: 12px;
}
.leadpool-control-panel .enrich-job-note {
  display: none;
}
.leadpool-control-panel .progress-track {
  display: none;
}
.leadpool-filter-tabs {
  margin-top: 0;
}
.leadpool-filter-drawer {
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.7);
  overflow: hidden;
}
.leadpool-filter-drawer summary {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  color: var(--navy);
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
  list-style: none;
}
.leadpool-filter-drawer summary::-webkit-details-marker {
  display: none;
}
.leadpool-filter-drawer summary span {
  color: #667085;
  font-size: 11px;
  font-weight: 850;
}
.leadpool-filter-drawer .advanced-filter-form {
  border-top: 1px solid rgba(49, 88, 201, 0.08);
  border-radius: 0;
}
.leadpool-control-panel .advanced-filter-form {
  margin: 0;
  padding: 8px;
  grid-template-columns: minmax(180px, 1.35fr) repeat(6, minmax(104px, 1fr)) auto;
  gap: 7px;
  background: rgba(248, 250, 252, 0.68);
}
.leadpool-control-panel .advanced-filter-form label span {
  font-size: 10px;
}
.leadpool-control-panel .advanced-filter-form input,
.leadpool-control-panel .advanced-filter-form select {
  min-height: 32px;
  padding: 5px 8px;
  font-size: 12px;
}
.leadpool-control-panel .filter-submit {
  grid-column: auto;
}
.table-wrap {
  overflow-x: visible;
  border: 0;
  border-radius: 8px;
  background: transparent;
}
.crm-card-list {
  display: grid;
  gap: 14px;
  margin-top: 12px;
}
.lead-unified-card {
  padding: 14px;
  border: 1px solid rgba(49, 88, 201, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(247, 250, 255, 0.78));
  box-shadow: 0 14px 34px rgba(35, 44, 77, 0.07);
  min-width: 0;
}
.lead-card-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, auto);
  gap: 12px;
  align-items: start;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.88);
}
.lead-title-group {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.lead-title-line {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.lead-title-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.lead-title-actions .assign-inline-box > summary,
.lead-title-actions .lead-profile-details > summary {
  min-height: 26px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 12px;
}
.lead-title-actions .lead-profile-details {
  position: relative;
}
.lead-title-actions .lead-profile-form {
  width: min(520px, 82vw);
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  z-index: 42;
  box-shadow: 0 18px 38px rgba(17, 27, 67, 0.15);
}
.lead-company-name {
  margin: 0;
  color: var(--navy);
  font-size: 17px;
  font-weight: 950;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}
.lead-product-line {
  color: #3158c9;
  font-size: 13px;
  font-weight: 900;
  min-height: 18px;
}
.lead-top-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  min-width: 0;
}
.lead-card-flow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  padding-top: 12px;
  align-items: start;
}
.lead-card-block {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(49, 88, 201, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
  min-width: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.lead-peer-block {
  border-color: rgba(32, 163, 107, 0.22);
  background: linear-gradient(180deg, rgba(236, 253, 245, 0.74), rgba(255, 255, 255, 0.72));
}
.lead-info-block,
.lead-asset-block,
.lead-peer-block,
.lead-status-block {
  grid-column: span 2;
}
.lead-action-block {
  grid-column: 1 / -1;
}
.crm-page .lead-card-flow {
  grid-template-columns: minmax(280px, 0.92fr) minmax(360px, 1.18fr) minmax(300px, 0.95fr);
  gap: 10px;
}
.crm-page .lead-card-top {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding-bottom: 8px;
}
.crm-page .lead-card-block {
  gap: 7px;
  padding: 9px;
}
.crm-page .lead-info-block,
.crm-page .lead-phone-block,
.crm-page .lead-follow-block,
.crm-page .lead-peer-block {
  grid-column: span 1;
}
.crm-page .lead-info-block {
  grid-column: 1;
  grid-row: 1;
}
.crm-page .lead-phone-block {
  grid-column: 1;
  grid-row: 2;
}
.crm-page .lead-follow-block {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.crm-page .lead-peer-block {
  grid-column: 3;
  grid-row: 1 / span 2;
}
.crm-page .lead-asset-block {
  grid-column: 1 / -1;
  grid-row: 3;
}
.crm-page .lead-action-block {
  grid-column: span 2;
}
.crm-page .lead-peer-block,
.crm-page .lead-status-block {
  grid-column: span 1;
}
.lead-card-block .block-title {
  color: #566176;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}
.lead-unified-card .phone-card,
.lead-unified-card .peer-card,
.lead-unified-card .call-card {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.lead-unified-card .peer-empty {
  margin-top: 0;
}
.lead-unified-card .product-context {
  gap: 7px;
}
.lead-product-block .product-context-head {
  display: none;
}
.lead-status-block .call-status {
  padding: 0;
  border: 0;
  background: transparent;
}
.lead-action-block {
  background: rgba(49, 88, 201, 0.045);
}
.leadpool-page .crm-panel {
  margin-top: 14px;
  padding: 14px;
}
.leadpool-page .section-title.inline {
  margin-bottom: 10px;
}
.leadpool-page .lead-unified-card {
  padding: 12px;
}
.leadpool-page .lead-card-top {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding-bottom: 8px;
}
.leadpool-page .lead-top-badges {
  justify-content: flex-start;
}
.leadpool-page .lead-card-flow {
  grid-template-columns: minmax(360px, 1.18fr) minmax(220px, 0.72fr) minmax(250px, 0.9fr) minmax(280px, 1fr);
  gap: 9px;
  padding-top: 9px;
  align-items: start;
}
.leadpool-page .lead-info-block,
.leadpool-page .lead-peer-block,
.leadpool-page .lead-status-block,
.leadpool-page .lead-action-block {
  grid-column: auto;
}
.leadpool-page .lead-action-block {
  padding: 9px;
  background: rgba(49, 88, 201, 0.055);
  border-color: rgba(49, 88, 201, 0.16);
}
.leadpool-page .lead-card-block {
  gap: 7px;
  padding: 9px;
}
.leadpool-page .lead-product-block .product-context-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 6px;
}
.leadpool-page.app-shell {
  width: min(1720px, calc(100% - 32px));
  padding-top: 10px;
}
.leadpool-page .client-header {
  min-height: 0;
  padding: 14px 18px;
  align-items: start;
}
.leadpool-page .client-header img {
  display: none;
}
.leadpool-page .client-header .eyebrow {
  display: none;
}
.leadpool-page .client-header h1 {
  margin: 0 0 5px;
  font-size: 26px;
  line-height: 1.16;
}
.leadpool-page .client-header p {
  max-width: 760px;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}
.leadpool-page .header-actions .btn,
.leadpool-page .header-actions button {
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
}
.leadpool-page .crm-panel {
  margin-top: 10px;
  padding: 10px;
}
.leadpool-page .form-actions {
  display: none;
}
.leadpool-control-panel {
  padding: 10px;
  gap: 8px;
  margin-bottom: 8px;
}
.leadpool-control-head {
  grid-template-columns: minmax(130px, 180px) minmax(0, 1fr);
  gap: 10px;
}
.leadpool-control-head .eyebrow {
  font-size: 10px;
  letter-spacing: 0;
}
.leadpool-control-head h3 {
  font-size: 14px;
}
.leadpool-metrics {
  grid-template-columns: repeat(6, minmax(84px, 1fr));
  gap: 6px;
}
.leadpool-metrics span {
  min-height: 30px;
  padding: 5px 8px;
  font-size: 11px;
}
.leadpool-metrics b {
  font-size: 16px;
}
.leadpool-actions {
  display: grid;
  grid-template-columns: minmax(300px, 1.3fr) minmax(230px, 0.8fr) minmax(360px, 1fr) auto;
  gap: 8px;
  align-items: center;
}
.leadpool-actions .ops-action {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
  margin: 0;
}
.leadpool-actions .ops-action .muted {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}
.leadpool-actions .ops-action .big,
.leadpool-actions .ops-action button,
.leadpool-refresh {
  min-height: 32px;
  padding: 0 12px;
  font-size: 12px;
  white-space: nowrap;
}
.leadpool-bulk-assign {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) 68px 76px;
}
.leadpool-bulk-assign select,
.leadpool-bulk-assign input {
  min-height: 32px;
  padding: 5px 8px;
  font-size: 12px;
}
.leadpool-filter-tabs {
  gap: 6px;
}
.leadpool-filter-tabs .filter-pill {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.leadpool-filter-drawer summary {
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
}
.leadpool-filter-drawer summary::after {
  content: "展开";
  color: #3158c9;
  font-size: 11px;
  font-weight: 900;
}
.leadpool-filter-drawer[open] summary::after {
  content: "收起";
}
.leadpool-control-panel .advanced-filter-form {
  grid-template-columns: minmax(190px, 1.25fr) repeat(5, minmax(108px, 1fr)) auto;
  max-height: 300px;
  overflow: auto;
  padding: 8px;
}
.leadpool-control-panel .advanced-filter-form input,
.leadpool-control-panel .advanced-filter-form select {
  min-height: 30px;
  font-size: 11px;
}
.leadpool-page .crm-card-list {
  gap: 10px;
  margin-top: 8px;
}
.leadpool-page .lead-unified-card {
  padding: 10px;
  box-shadow: 0 8px 22px rgba(35, 44, 77, 0.055);
}
.leadpool-page .lead-company-name {
  font-size: 15px;
}
.leadpool-page .lead-product-line {
  font-size: 12px;
}
.leadpool-page .lead-entry-line {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-height: 24px;
  min-width: 0;
}
.leadpool-page .lead-entry-line .company-website,
.leadpool-page .lead-entry-line .douyin-badge,
.leadpool-page .lead-entry-line .mini-tag {
  max-width: 100%;
  margin-top: 0;
  min-height: 22px;
  font-size: 11px;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}
.leadpool-page .lead-card-flow {
  grid-template-columns: minmax(360px, 1.18fr) minmax(220px, 0.72fr) minmax(250px, 0.9fr) minmax(280px, 1fr);
  gap: 8px;
  padding-top: 8px;
  align-items: start;
}
.leadpool-page .lead-status-block {
  display: none;
}
.leadpool-page .lead-card-block {
  padding: 8px;
}
.leadpool-page .customer-peer-card,
.leadpool-page .peer-card,
.leadpool-page .customer-follow-box,
.leadpool-page .follow-history-box {
  padding: 7px;
}
.leadpool-quick-info {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.leadpool-base-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}
.leadpool-base-item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  min-width: 0;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 8px;
  background: rgba(249, 251, 253, 0.76);
}
.leadpool-base-item.wide {
  grid-column: 1 / -1;
}
.leadpool-base-label {
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.35;
  white-space: nowrap;
}
.leadpool-base-value {
  min-width: 0;
  color: #24356e;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.38;
  overflow-wrap: anywhere;
}
.leadpool-base-item.strong .leadpool-base-value {
  color: #126345;
}
.leadpool-base-item.warn .leadpool-base-value {
  color: #8a4f04;
}
.leadpool-url-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  min-width: 0;
}
.leadpool-base-link {
  display: inline-flex;
  max-width: 100%;
  color: #175cd3;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.inline-edit-box summary .inline-website-links {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px 8px;
  white-space: normal;
}
.inline-edit-box summary .inline-website-link {
  max-width: 100%;
  color: #175cd3;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  word-break: break-word;
  cursor: pointer;
}
.leadpool-base-section {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
}
.leadpool-base-section-title {
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}
.leadpool-product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.leadpool-page .leadpool-product-tags .product-tag,
.leadpool-page .leadpool-product-tags .company-website,
.leadpool-page .leadpool-product-tags .douyin-badge {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.28;
}
.leadpool-page .peer-edit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.leadpool-page .peer-edit-grid .inline-edit-box[data-field="peer_company"] {
  grid-column: 1 / -1;
}
.leadpool-page .peer-edit-grid .inline-edit-box summary {
  align-items: flex-start;
  min-height: 28px;
}
.leadpool-page .peer-edit-grid .inline-edit-box summary b {
  max-width: 120px;
}
.leadpool-page .peer-edit-grid .inline-edit-box[data-field="peer_company"] summary b {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  display: block;
  line-height: 1.35;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
}
.leadpool-peer-products {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.62);
}
.leadpool-peer-products .leadpool-base-label {
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}
.leadpool-peer-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 5px;
  min-width: 0;
}
.leadpool-peer-product-grid span {
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 7px;
  border-radius: 7px;
  color: #176a4d;
  background: rgba(41, 171, 135, 0.12);
  border: 1px solid rgba(41, 171, 135, 0.14);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.leadpool-peer-product-grid span.empty {
  color: #8a4f04;
  background: rgba(238, 173, 53, 0.13);
  border-color: rgba(238, 173, 53, 0.18);
}
.leadpool-page .lead-action-block {
  gap: 6px;
}
.leadpool-page .lead-action-block .autosave-feedback {
  gap: 6px;
}
.leadpool-page .lead-action-block .autosave-head small {
  display: none;
}
.leadpool-transfer-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  padding-top: 2px;
}
.leadpool-transfer-form button {
  min-height: 32px;
  padding: 0 12px;
  font-size: 12px;
}
.leadpool-transfer-form small {
  color: #667085;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
}
.leadpool-card {
  position: relative;
  padding-bottom: 12px;
}
.leadpool-card-transfer-form {
  width: min(100%, 620px);
  margin: 8px 0 0 auto;
  position: relative;
}
.leadpool-card-transfer-form > summary {
  margin-left: auto;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
}
.leadpool-card-transfer-form > summary::-webkit-details-marker {
  display: none;
}
.leadpool-card-transfer-btn {
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(49, 88, 201, 0.18);
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  box-shadow: 0 8px 18px rgba(49, 88, 201, 0.16);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}
.leadpool-card-transfer-btn:hover {
  filter: saturate(1.05) brightness(1.02);
}
.leadpool-card-transfer-btn:active {
  transform: translateY(1px);
}
.leadpool-value-form {
  margin-top: 8px;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid rgba(49, 88, 201, 0.14);
  border-radius: 10px;
  background: #f8fafc;
}
.leadpool-value-form label {
  display: grid;
  gap: 4px;
  color: #475467;
  font-size: 11px;
  font-weight: 800;
}
.leadpool-value-form label.wide,
.leadpool-value-form p,
.leadpool-value-actions {
  grid-column: 1 / -1;
}
.leadpool-value-form select,
.leadpool-value-form input {
  width: 100%;
  min-height: 34px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #344054;
}
.leadpool-value-form p {
  margin: 0;
  color: #667085;
  font-size: 11px;
}
.leadpool-value-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.leadpool-value-actions button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}
.leadpool-value-followup {
  border: 0;
  color: #fff;
  background: #176b58;
}
.leadpool-value-reject {
  border: 1px solid #f2c6c2;
  color: #b42318;
  background: #fff5f4;
}
.leadpool-action-history {
  min-width: 0;
}
.leadpool-action-history .follow-history-box {
  margin-top: 0;
  padding: 6px 7px;
  gap: 5px;
  background: rgba(255, 255, 255, 0.66);
}
.leadpool-action-history .follow-add-form {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  padding: 4px 5px;
}
.leadpool-action-history .follow-add-form input,
.leadpool-action-history .follow-add-form textarea {
  min-height: 28px;
  padding: 5px 7px;
  font-size: 11px;
}
.leadpool-action-history .follow-add-form button {
  min-height: 28px;
  padding: 0 9px;
  font-size: 11px;
}
.leadpool-action-history .follow-history-item {
  gap: 3px;
  padding-top: 5px;
}
.leadpool-action-history .follow-history-meta,
.leadpool-action-history .follow-history-state {
  font-size: 10px;
}
.leadpool-action-history .follow-history-tags {
  gap: 4px;
}
.leadpool-action-history .follow-history-note {
  font-size: 12px;
  line-height: 1.35;
  -webkit-line-clamp: 1;
}
.leadpool-group-line {
  padding: 7px 8px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 8px;
  color: #344054;
  background: rgba(249, 251, 253, 0.72);
  font-size: 11px;
  line-height: 1.42;
  font-weight: 750;
}
.leadpool-group-line b {
  color: #126345;
  font-weight: 950;
}
.leadpool-page .peer-focus-note,
.leadpool-page .customer-follow-note,
.leadpool-page .follow-history-note {
  font-size: 11px;
  line-height: 1.35;
}
.leadpool-page .inline-edit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.autosave-feedback {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.autosave-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.autosave-head small {
  color: #667085;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
}
.leadpool-follow-note-form {
  display: grid;
  gap: 6px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.leadpool-follow-note-form label {
  display: grid;
  gap: 5px;
}
.leadpool-follow-note-form label span {
  color: #344054;
  font-size: 12px;
  font-weight: 950;
}
.leadpool-follow-note-form textarea {
  min-height: 66px;
  padding: 8px 9px;
  font-size: 12px;
  resize: vertical;
  line-height: 1.55;
  color: #344054;
  background: rgba(249, 251, 253, 0.9);
  border: 1px solid rgba(49, 88, 201, 0.14);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.leadpool-follow-note-form textarea:focus {
  background: #fff;
  border-color: rgba(49, 88, 201, 0.44);
  box-shadow: 0 0 0 3px rgba(49, 88, 201, 0.1);
}
.leadpool-follow-note-form small {
  color: #667085;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.35;
}
.leadpool-follow-note-form.saving {
  opacity: 0.68;
}
.crm-page .autosave-feedback .inline-edit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 7px;
}
.crm-page .autosave-feedback .inline-edit-box summary {
  width: 100%;
  justify-content: space-between;
}
.crm-page .autosave-feedback .inline-edit-box summary b {
  max-width: 100px;
}
.asset-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}
.asset-card {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  background: rgba(248, 250, 252, 0.82);
}
.asset-card.done {
  border-color: rgba(41, 171, 135, 0.24);
  background: rgba(41, 171, 135, 0.08);
}
.asset-card.pending {
  border-color: rgba(238, 173, 53, 0.22);
  background: rgba(238, 173, 53, 0.08);
}
.asset-card.gray {
  border-color: rgba(102, 112, 133, 0.14);
  background: rgba(102, 112, 133, 0.06);
}
.asset-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #24356e;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
}
.asset-card-title span {
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: 999px;
  color: #566176;
  background: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 900;
}
.asset-card.done .asset-card-title span {
  color: #126345;
}
.asset-card.pending .asset-card-title span {
  color: #8a4f04;
}
.asset-card-detail,
.asset-card-detail a {
  color: #5f6b7f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
  text-decoration: none;
}
table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  background: transparent;
  table-layout: fixed;
}
th, td {
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
  text-align: left;
  padding: 12px 13px;
  vertical-align: top;
  font-size: 13px;
}
th {
  color: #566176;
  background: rgba(49, 88, 201, 0.06);
  font-weight: 900;
  position: sticky;
  top: 0;
  z-index: 2;
}
td {
  color: #40506a;
  overflow-wrap: anywhere;
}
tr:last-child td {
  border-bottom: 0;
}
.download-meta {
  margin-top: 8px;
  max-width: 280px;
  word-break: break-all;
}
.crm-table {
  min-width: 0;
  display: block;
  table-layout: auto;
}
.crm-table colgroup,
.crm-table thead {
  display: none;
}
.crm-table tbody {
  display: grid;
  gap: 14px;
}
.crm-table .crm-row {
  display: grid;
  grid-template-columns:
    minmax(280px, 0.98fr)
    minmax(230px, 0.82fr)
    minmax(330px, 1.22fr)
    minmax(290px, 0.98fr);
  gap: 12px;
  align-items: stretch;
  padding: 12px;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 12px 34px rgba(35, 44, 77, 0.06);
}
.crm-table th,
.crm-table td {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  height: 100%;
  padding: 10px;
  border: 1px solid rgba(226, 232, 240, 0.88);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.74);
}
.crm-row:hover td {
  background: rgba(49, 88, 201, 0.035);
}
.crm-table td::before {
  content: attr(data-label);
  display: block;
  color: #6d7788;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
.crm-table td > * {
  min-width: 0;
}
.company-cell,
.business-cell,
.phone-cell,
.call-cell {
  min-width: 0;
}
.customer-card {
  display: grid;
  gap: 8px;
  align-content: start;
  height: auto;
  padding: 10px 12px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  border-radius: 8px;
  background: rgba(49, 88, 201, 0.055);
  box-shadow: none;
}
.customer-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}
.company-name {
  color: var(--navy);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.customer-grade {
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.customer-grade.grade-a {
  color: #815000;
  background: rgba(238, 173, 53, 0.22);
  border: 1px solid rgba(238, 173, 53, 0.32);
}
.customer-grade.grade-b {
  color: #1648a2;
  background: rgba(49, 88, 201, 0.12);
  border: 1px solid rgba(49, 88, 201, 0.18);
}
.customer-grade.grade-c {
  color: #667085;
  background: rgba(102, 112, 133, 0.12);
  border: 1px solid rgba(102, 112, 133, 0.14);
}
.customer-grade.grade-d {
  color: #8a3d1d;
  background: rgba(238, 127, 34, 0.13);
  border: 1px solid rgba(238, 127, 34, 0.2);
}
.customer-grade.grade-lead {
  color: #3158c9;
  background: rgba(49, 88, 201, 0.1);
  border: 1px solid rgba(49, 88, 201, 0.16);
}
.company-products {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 0;
}
.product-tag {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  color: #2c4a2e;
  background: rgba(63, 167, 69, 0.09);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.company-website {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 0 7px;
  border-radius: 7px;
  color: #3168c9;
  background: rgba(49, 88, 201, 0.06);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.company-website:hover {
  background: rgba(49, 88, 201, 0.14);
}
.douyin-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}
.douyin-badge.done {
  background: rgba(63, 167, 69, 0.1);
  border: 1px solid rgba(63, 167, 69, 0.3);
  color: #2c4a2e;
}
.douyin-badge.pending {
  background: rgba(230, 126, 34, 0.08);
  border: 1px solid rgba(230, 126, 34, 0.25);
  color: #8a5015;
}
.douyin-badge:hover {
  filter: brightness(0.9);
}
.dy-icon {
  font-size: 14px;
  color: #ff0050;
}
.dy-name {
  font-weight: 800;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dy-fans {
  font-weight: 800;
  color: var(--muted);
}
.dy-type {
  font-size: 10px;
  opacity: 0.75;
}
.company-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.mini-tag {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  max-width: 100%;
  padding: 0 7px;
  border-radius: 7px;
  color: #566176;
  background: rgba(17, 27, 67, 0.05);
  font-size: 12px;
  font-weight: 800;
}
.mini-tag.strong {
  color: #126345;
  background: rgba(41, 171, 135, 0.13);
}
.mini-tag.warn {
  color: #8a4f04;
  background: rgba(238, 173, 53, 0.15);
}
.customer-insight {
  display: grid;
  gap: 5px;
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(49, 88, 201, 0.11);
}
.insight-label {
  color: #8a4f04;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}
.insight-text {
  color: var(--navy);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.45;
}
.product-context {
  display: grid;
  gap: 8px;
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(49, 88, 201, 0.1);
}
.product-context-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.context-note {
  color: #7b8497;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.product-context-list {
  display: grid;
  gap: 6px;
}
.product-context-item {
  display: grid;
  gap: 4px;
  padding: 7px 8px;
  border-radius: 7px;
  background: rgba(49, 88, 201, 0.045);
  border: 1px solid rgba(49, 88, 201, 0.08);
}
.product-name {
  color: var(--navy);
  font-size: 13px;
  font-weight: 950;
  line-height: 1.35;
}
.product-role {
  color: #126345;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
}
.product-scenario {
  color: #5f6b7f;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 750;
}
.product-chain-detail {
  display: grid;
  gap: 3px;
  margin-top: 2px;
}
.product-chain-detail span {
  display: block;
  color: #5f6b7f;
  font-size: 12px;
  line-height: 1.42;
  font-weight: 750;
}
.product-chain-detail b {
  color: #24356e;
  font-weight: 950;
}
.customer-signal-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.customer-follow-box {
  display: grid;
  gap: 6px;
  padding: 8px 9px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(49, 88, 201, 0.1);
}
.customer-follow-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}
.customer-follow-note {
  color: #5f6b7f;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 750;
}
.follow-history-box {
  display: grid;
  gap: 7px;
  margin-top: 8px;
  padding: 8px 9px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(49, 88, 201, 0.1);
}
.follow-history-title {
  color: #24356e;
  font-size: 12px;
  font-weight: 950;
}
.lead-history-focus-block {
  border-color: rgba(49, 88, 201, 0.22);
  background: linear-gradient(180deg, rgba(247, 251, 255, 0.96), rgba(255, 255, 255, 0.82));
}
.lead-history-focus-block .block-title::after {
  content: "重点";
  padding: 2px 7px;
  border-radius: 999px;
  color: #fff;
  background: var(--blue);
  font-size: 10px;
  font-weight: 950;
}
.lead-history-focus-block .follow-history-box {
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.lead-history-focus-block .follow-history-title {
  display: none;
}
.follow-add-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: stretch;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.14);
  background: rgba(49, 88, 201, 0.055);
}
.follow-add-form input,
.follow-add-form textarea {
  min-height: 34px;
  width: 100%;
  padding: 7px 9px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.35;
}
.follow-add-form textarea {
  resize: vertical;
}
.follow-add-form button {
  min-height: 34px;
  padding: 0 12px;
  white-space: nowrap;
}
.follow-history-item {
  display: grid;
  gap: 4px;
  padding-top: 7px;
  border-top: 1px dashed rgba(49, 88, 201, 0.14);
  min-width: 0;
}
.follow-history-title + .follow-history-item {
  padding-top: 0;
  border-top: 0;
}
.follow-history-meta {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
}
.follow-history-state {
  color: #7b8497;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}
.follow-history-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}
.follow-history-note {
  color: var(--navy);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.follow-history-edit {
  justify-self: start;
  min-width: 0;
}
.follow-history-edit > summary {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 7px;
  color: var(--blue);
  background: rgba(49, 88, 201, 0.08);
  border: 1px solid rgba(49, 88, 201, 0.12);
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}
.follow-history-edit > summary::-webkit-details-marker {
  display: none;
}
.follow-history-edit form {
  display: grid;
  gap: 7px;
  width: min(520px, 100%);
  margin-top: 7px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.14);
  background: #fff;
}
.follow-history-edit textarea {
  width: 100%;
  min-height: 76px;
  resize: vertical;
  padding: 8px 9px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.45;
}
.follow-history-edit button {
  justify-self: start;
  min-height: 30px;
  padding: 0 12px;
  font-size: 12px;
}
.follow-history-more {
  min-width: 0;
  margin-top: 2px;
}
.follow-history-more > summary {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 7px;
  color: #3158c9;
  background: rgba(49, 88, 201, 0.075);
  border: 1px solid rgba(49, 88, 201, 0.12);
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}
.follow-history-more > summary::-webkit-details-marker {
  display: none;
}
.follow-history-more-list {
  display: grid;
  gap: 6px;
  margin-top: 7px;
  padding-top: 6px;
  border-top: 1px dashed rgba(49, 88, 201, 0.14);
}
.follow-history-more-list .follow-history-item:first-child {
  padding-top: 0;
  border-top: 0;
}
.company-meta,
.business-meta,
.status-meta {
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.status-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.call-card {
  display: grid;
  gap: 10px;
  height: 100%;
  align-content: start;
}
.call-status {
  display: grid;
  gap: 6px;
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(49, 88, 201, 0.1);
}
.call-actions {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.leadpool-page .call-actions {
  align-content: start;
}
.inline-edit-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: flex-start;
  min-height: 30px;
}
.inline-edit-box {
  position: relative;
  min-width: 0;
}
.inline-edit-box summary {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.12);
  background: rgba(49, 88, 201, 0.075);
  cursor: pointer;
  list-style: none;
  box-shadow: none;
  user-select: none;
}
.inline-edit-box summary::-webkit-details-marker {
  display: none;
}
.inline-edit-box summary span {
  color: #60708a;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}
.inline-edit-box summary b {
  color: var(--navy);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  max-width: 150px;
  -webkit-line-clamp: 1;
}
.inline-edit-box.empty-value summary {
  border-color: rgba(49, 88, 201, 0.12);
  background: rgba(49, 88, 201, 0.075);
}
.inline-edit-box.empty-value summary b {
  color: #667085;
}
.inline-edit-box.has-value summary {
  border-color: rgba(41, 171, 135, 0.18);
  background: rgba(41, 171, 135, 0.12);
}
.inline-edit-box.has-value summary span,
.inline-edit-box.has-value summary b {
  color: #176a4d;
}
.inline-edit-box.saving summary {
  opacity: 0.62;
}
.inline-edit-box.save-error summary {
  border-color: rgba(238, 127, 34, 0.35);
  background: rgba(238, 127, 34, 0.1);
}
.leadpool-card.transferred-to-crm {
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.inline-edit-popover {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  z-index: 45;
  width: min(300px, 78vw);
  max-width: calc(100vw - 24px);
  box-sizing: border-box;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  background: #fff;
  box-shadow: 0 18px 38px rgba(17, 27, 67, 0.15);
}
.inline-edit-box[open] .inline-edit-popover {
  display: block;
}
.inline-edit-popover form {
  display: grid;
  gap: 8px;
}
.inline-option-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
}
.inline-option-form {
  display: inline-flex;
  min-width: 0;
}
.inline-option-form button.inline-option-btn,
.intended-product-option {
  min-height: 28px;
  padding: 0 9px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.12);
  color: #24356e;
  background: rgba(49, 88, 201, 0.075);
  box-shadow: none;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.inline-option-form button.inline-option-btn:hover,
.inline-option-form button.inline-option-btn.current,
.intended-product-option:hover,
.intended-product-option.current {
  color: #176a4d;
  border-color: rgba(41, 171, 135, 0.22);
  background: rgba(41, 171, 135, 0.13);
}
.inline-option-form button.inline-option-btn.empty-option {
  color: #667085;
  background: rgba(102, 112, 133, 0.08);
  border-color: rgba(102, 112, 133, 0.14);
}
.intended-products-form {
  display: grid;
  gap: 8px;
}
.intended-product-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.intended-product-option.manual-option {
  color: #7a5a00;
  background: rgba(242, 181, 68, 0.13);
  border-color: rgba(242, 181, 68, 0.24);
}
.intended-product-manual {
  display: grid;
  gap: 5px;
}
.intended-product-manual span {
  color: #667085;
  font-size: 11px;
  font-weight: 850;
}
.intended-product-manual input {
  width: 100%;
}
.inline-edit-popover label {
  display: grid;
  gap: 5px;
}
.inline-edit-popover label span {
  color: #667085;
  font-size: 11px;
  font-weight: 950;
}
.inline-edit-popover input,
.inline-edit-popover select,
.inline-edit-popover textarea {
  width: 100%;
  min-height: 34px;
  padding: 7px 9px;
  font-size: 12px;
}
.inline-native-date-form {
  min-width: 220px;
}
.inline-native-date-form input[type="date"] {
  width: 100%;
}
.inline-edit-popover textarea {
  min-height: 82px;
  resize: vertical;
}
.inline-edit-popover em {
  color: #7b8497;
  font-style: normal;
  font-size: 11px;
  line-height: 1.35;
}
.inline-edit-popover button {
  min-height: 32px;
  padding: 0 12px;
  font-size: 12px;
}
.company-title-edit {
  max-width: 100%;
}
.company-title-edit > summary {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.company-title-edit > summary:hover h3 {
  color: #3158c9;
}
.company-title-edit .inline-edit-popover {
  width: min(380px, 82vw);
}
.lead-header-signals {
  min-width: 0;
}
.lead-header-edit-grid {
  gap: 5px;
  min-height: 0;
}
.lead-header-edit-grid .inline-edit-box summary {
  min-height: 24px;
  padding: 2px 7px;
  border-radius: 7px;
}
.lead-header-edit-grid .inline-edit-box summary span,
.lead-header-edit-grid .inline-edit-box summary b {
  font-size: 11px;
}
.lead-header-edit-grid .inline-edit-box summary b {
  max-width: 180px;
}
.crm-basic-card {
  gap: 8px;
}
.crm-basic-edit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 6px;
  min-height: 0;
}
.crm-basic-edit-grid .inline-edit-box summary {
  width: 100%;
  justify-content: space-between;
  min-height: 28px;
  padding: 2px 7px;
}
.crm-basic-edit-grid .inline-edit-box summary b {
  max-width: 112px;
}
.crm-basic-edit-grid .inline-edit-box[data-field="website"] {
  grid-column: 1 / -1;
}
.crm-basic-edit-grid .inline-edit-box[data-field="website"] summary {
  align-items: flex-start;
  gap: 8px;
}
.crm-basic-assignee .assign-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
}
.crm-basic-assignee select,
.crm-basic-assignee button {
  min-height: 30px;
  font-size: 12px;
}
.lead-follow-block {
  border-color: rgba(238, 173, 53, 0.2);
  background: linear-gradient(180deg, rgba(255, 251, 235, 0.74), rgba(255, 255, 255, 0.72));
}
.release-review-block {
  border-color: rgba(220, 38, 38, 0.18);
  background: linear-gradient(180deg, rgba(255, 247, 237, 0.86), rgba(255, 255, 255, 0.76));
}
.release-review-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.release-review-summary span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 7px;
  color: #7a3414;
  background: rgba(251, 146, 60, 0.12);
  border: 1px solid rgba(251, 146, 60, 0.16);
  font-size: 11px;
  font-weight: 900;
}
.release-review-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  min-width: 0;
}
.release-review-form {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  background: rgba(255, 255, 255, 0.74);
}
.release-review-form input,
.release-review-form select,
.release-review-form button {
  width: 100%;
  min-height: 30px;
  font-size: 12px;
}
.release-review-form small {
  color: #667085;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}
.release-review-btn {
  border-color: rgba(49, 88, 201, 0.18);
  background: linear-gradient(135deg, var(--blue), var(--cyan));
}
.release-review-btn.danger {
  border-color: rgba(220, 38, 38, 0.24);
  background: linear-gradient(135deg, #dc2626, #f97316);
}
.release-review-btn.secondary {
  color: #24356e;
  background: rgba(49, 88, 201, 0.08);
  box-shadow: none;
}
.release-review-strip {
  position: relative;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  margin: 6px 0 8px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid rgba(220, 38, 38, 0.14);
  background: rgba(255, 247, 237, 0.82);
}
.release-review-strip-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.release-review-strip-meta b {
  color: #9a3412;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.release-review-strip-meta span {
  max-width: 190px;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border-radius: 7px;
  color: #7a3414;
  background: rgba(251, 146, 60, 0.11);
  border: 1px solid rgba(251, 146, 60, 0.14);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.release-review-strip-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin-left: auto;
}
.release-review-action {
  position: relative;
}
.release-review-action summary {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  border-radius: 7px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  color: #24356e;
  background: rgba(255, 255, 255, 0.88);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.release-review-action summary::-webkit-details-marker {
  display: none;
}
.release-review-action.danger summary {
  color: #b42318;
  border-color: rgba(220, 38, 38, 0.18);
  background: rgba(254, 242, 242, 0.95);
}
.release-review-action[open] {
  z-index: 95;
}
.release-review-popover-form {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 96;
  width: min(280px, 76vw);
  display: grid;
  gap: 6px;
  padding: 9px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  background: #fff;
  box-shadow: 0 18px 38px rgba(17, 27, 67, 0.15);
}
.release-review-popover-form input,
.release-review-popover-form select,
.release-review-popover-form button {
  width: 100%;
  min-height: 30px;
  font-size: 12px;
}
.release-review-popover-form small {
  color: #667085;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}
@media (max-width: 720px) {
  .release-review-strip {
    align-items: flex-start;
    flex-direction: column;
  }
  .release-review-strip-actions {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
  .release-review-popover-form {
    left: 0;
    right: auto;
  }
}
.crm-follow-card {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.crm-follow-edit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(122px, 1fr));
  gap: 6px;
  min-height: 0;
}
.crm-follow-edit-grid .inline-edit-box summary {
  width: 100%;
  justify-content: space-between;
  min-height: 28px;
  padding: 2px 7px;
}
.crm-follow-edit-grid .inline-edit-box summary b {
  max-width: 122px;
}
.peer-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-height: 0;
  margin-top: 6px;
}
.peer-edit-grid .inline-edit-box summary {
  width: 100%;
  justify-content: space-between;
  min-height: 28px;
  padding: 2px 7px;
}
.peer-edit-grid .inline-edit-box summary b {
  max-width: 118px;
}
.peer-card .card-tool-row {
  margin-top: 7px;
  justify-content: flex-start;
}
.lead-asset-details {
  padding: 0;
  overflow: hidden;
}
.lead-asset-details > summary.block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  list-style: none;
  color: #566176;
}
.lead-asset-details > summary.block-title::-webkit-details-marker {
  display: none;
}
.lead-asset-details > summary.block-title span {
  color: #3158c9;
  font-size: 11px;
  font-weight: 950;
}
.lead-asset-details .asset-grid {
  padding: 0 10px 10px;
}
.card-tool-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
}
.card-tool-row .lead-profile-details,
.card-tool-row .single-reprocess {
  min-width: 0;
}
.card-tool-row .single-reprocess {
  margin-left: auto;
}
.leadpool-page .card-tool-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.leadpool-page .card-tool-row .single-reprocess {
  margin-left: 0;
}
.leadpool-page .card-tool-row summary,
.leadpool-page .card-tool-row button {
  width: 100%;
  min-height: 32px;
  font-size: 12px;
  justify-content: center;
}
.text-clip {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.business-title {
  color: #24356e;
  font-weight: 900;
  line-height: 1.4;
  min-height: 18px;
}
.phone-card,
.peer-card,
.customer-peer-card {
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(49, 88, 201, 0.16);
  background: rgba(49, 88, 201, 0.055);
  align-content: start;
}
.phone-card {
  display: grid;
  gap: 9px;
}
.phone-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
.phone-empty {
  padding: 10px 11px;
  border-radius: 8px;
  color: #98a2b3;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(49, 88, 201, 0.1);
  font-size: 12px;
  font-weight: 800;
}
.customer-peer-card {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.customer-peer-card .peer-head {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.customer-peer-card .peer-focus {
  margin-top: 0;
}
.customer-peer-card .peer-focus-note {
  gap: 3px;
}
.customer-peer-card .company-products {
  margin: 0;
}
.customer-peer-card .company-website {
  max-width: 100%;
}
.peer-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}
.peer-name {
  color: var(--navy);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
}
.peer-card-pending .peer-name {
  color: #8a4f04;
}
.peer-summary-line {
  margin-top: 7px;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.peer-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}
.peer-focus {
  display: grid;
  gap: 7px;
  margin-top: 8px;
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(49, 88, 201, 0.1);
}
.peer-focus-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.peer-focus-note {
  display: grid;
  gap: 4px;
  color: #5f6b7f;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 750;
}
.peer-focus-note b {
  color: #126345;
  font-size: 12px;
  font-weight: 900;
}
.peer-card-pending .peer-focus {
  background: rgba(255, 247, 237, 0.78);
  border-color: rgba(238, 173, 53, 0.2);
}
.peer-card-pending .peer-focus-note b {
  color: #8a4f04;
}
.peer-empty {
  margin-top: 10px;
  padding: 10px 11px;
  border-radius: 8px;
  color: #98a2b3;
  background: rgba(17, 27, 67, 0.035);
  font-size: 12px;
  font-weight: 800;
}
.action-cell {
  min-width: 0;
}
.action-stack {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.empty-muted {
  color: #a0a7b4;
}
.empty-row {
  color: var(--muted);
  text-align: center;
  padding: 28px;
}
.api-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.api-card {
  padding: 13px;
  border: 1px solid rgba(49, 88, 201, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
  min-width: 0;
}
.api-card h3 {
  margin: 7px 0 5px;
  color: var(--navy);
  font-size: 15px;
  line-height: 1.3;
}
.api-card p {
  margin: 0 0 8px;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}
.balance-box {
  margin: 10px 0;
  padding: 9px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.04);
}
.balance-top,
.balance-scale {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.balance-top span,
.balance-scale {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
}
.balance-top b {
  color: var(--navy);
  font-size: 17px;
  line-height: 1;
}
.balance-top em {
  font-style: normal;
  color: var(--gold-2);
  font-size: 11px;
  font-weight: 900;
}
.balance-track {
  height: 8px;
  overflow: hidden;
  margin: 8px 0 5px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.25);
}
.balance-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #e0aa3e, #3158c9);
}
.muted-balance .balance-track span {
  background: #cbd5e1;
}
.api-mini-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 9px 0;
}
.api-mini-stats span {
  min-width: 0;
  padding: 7px 6px;
  border-radius: 8px;
  color: #667085;
  background: rgba(49, 88, 201, 0.055);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}
.api-mini-stats b {
  display: block;
  margin-bottom: 3px;
  color: var(--navy);
  font-size: 15px;
}
.api-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}
.api-links .btn {
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}
.api-config-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.api-field {
  align-content: start;
  padding: 12px;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.62);
}
.api-field input {
  min-height: 40px;
  padding: 9px 10px;
  font-size: 13px;
}
.api-field-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin-top: 7px;
}
.api-field-status label {
  display: inline-flex;
  grid-template-columns: none;
  gap: 5px;
  align-items: center;
  font-size: 12px;
}
.api-field-status input[type="checkbox"] {
  width: auto;
}
.api-group-title {
  grid-column: 1 / -1;
  margin-top: 6px;
  padding-top: 4px;
  color: var(--gold-2);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.api-sync-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
}
.api-note {
  margin-top: 10px;
  padding: 9px 10px;
  border-radius: 8px;
  color: #5b667a;
  background: rgba(238, 173, 53, 0.11);
  font-size: 12px;
  line-height: 1.55;
}
.report-summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.report-summary-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}
.report-summary-card span,
.report-summary-card em {
  display: block;
  color: #667085;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}
.report-summary-card b {
  display: block;
  margin: 7px 0 4px;
  color: var(--navy);
  font-size: 22px;
  line-height: 1;
}
.report-summary-card.highlight {
  border-color: rgba(238, 173, 53, 0.5);
  background: rgba(238, 173, 53, 0.12);
}
.report-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 14px;
  margin-top: 14px;
}
.report-panel {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
}
.report-panel-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.report-panel-title h3 {
  margin: 0;
  color: var(--navy);
  font-size: 16px;
}
.report-panel-title span {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
}
.report-bars {
  display: grid;
  gap: 10px;
}
.report-bar-row {
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) minmax(140px, 1.5fr) 58px;
  gap: 9px;
  align-items: center;
}
.report-label {
  min-width: 0;
  overflow: hidden;
  color: #344054;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-bar {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.22);
}
.report-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #3158c9, #e0aa3e);
}
.report-value {
  color: var(--navy);
  font-size: 12px;
  font-weight: 900;
  text-align: right;
}
.report-sub {
  grid-column: 2 / 4;
  margin-top: -5px;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
}
.daily-bars {
  display: grid;
  grid-template-columns: repeat(14, minmax(18px, 1fr));
  gap: 6px;
  align-items: end;
  min-height: 180px;
}
.daily-bar {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 6px;
  height: 180px;
  min-width: 0;
  text-align: center;
}
.daily-bar span {
  align-self: end;
  display: block;
  min-height: 3px;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, #3158c9, #e0aa3e);
}
.daily-bar em {
  color: #667085;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}
@media (max-width: 1320px) {
  .crm-table .crm-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lead-card-flow {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
}
@keyframes xzmGlobalBlockIn {
  0% { opacity: 0; transform: translateY(22px) scale(0.986); filter: blur(6px); }
  60% { opacity: 1; transform: translateY(-1px) scale(1.003); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
@media (min-width: 841px) and (prefers-reduced-motion: no-preference) {
  .app-shell.global-motion-ready .xzm-motion-block {
    opacity: 0;
    transform: translateY(22px) scale(0.986);
    will-change: opacity, transform, filter;
  }
  .app-shell.global-motion-ready .xzm-motion-block.is-visible {
    animation: xzmGlobalBlockIn 620ms cubic-bezier(.2,.88,.18,1) both;
    animation-delay: var(--motion-delay, 0ms);
  }
}
@media (max-width: 840px) {
  .app-shell { padding: 18px; }
  .client-header, .section-title.inline, .header-actions {
    display: grid;
    justify-content: stretch;
  }
  .workspace-grid {
    grid-template-columns: 1fr;
  }
  .api-grid,
  .api-config-grid,
  .report-grid {
    grid-template-columns: 1fr;
  }
  .report-summary-grid {
    grid-template-columns: 1fr 1fr;
  }
  .report-bar-row {
    grid-template-columns: 1fr;
  }
  .report-value {
    text-align: left;
  }
  .report-sub {
    grid-column: auto;
    margin-top: 0;
  }
  .daily-bars {
    overflow-x: auto;
    grid-template-columns: repeat(14, 26px);
    padding-bottom: 4px;
  }
  .crm-overview,
  .process-card,
  .task-workspace,
  .live-activity-grid {
    grid-template-columns: 1fr;
  }
  .sales-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .crm-boundary-line {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .team-board-card {
    min-width: 0;
  }
  .crm-data-tools {
    justify-self: stretch;
  }
  .crm-data-tools-body {
    position: static;
    width: 100%;
    margin-top: 8px;
    box-shadow: none;
  }
  .crm-data-tools .ops-action {
    grid-template-columns: 1fr;
  }
  .leadpool-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .upload-side {
    position: static;
  }
  .summary-grid {
    grid-template-columns: 1fr 1fr;
  }
  .ops-panel,
  .crm-toolbar {
    grid-template-columns: 1fr;
  }
  .wps-import-form {
    justify-self: stretch;
    grid-template-columns: 1fr;
  }
  .advanced-filter-form {
    grid-template-columns: 1fr 1fr;
  }
  .advanced-filter-form label:first-of-type,
  .filter-submit {
    grid-column: 1 / -1;
  }
  .ops-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .search-form {
    grid-template-columns: 1fr 72px;
  }
  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }
  .crm-panel {
    padding: 18px;
  }
  .crm-panel .table-wrap {
    overflow-x: visible;
  }
  .lead-card-top {
    grid-template-columns: 1fr;
  }
  .lead-top-badges {
    justify-content: flex-start;
  }
  .lead-card-flow {
    grid-template-columns: 1fr;
  }
  .lead-info-block,
  .lead-asset-block,
  .lead-follow-block,
  .lead-peer-block,
  .lead-status-block,
  .lead-action-block {
    grid-column: auto;
    grid-row: auto;
  }
  .asset-grid {
    grid-template-columns: 1fr;
  }
  .lead-card-block {
    margin-bottom: 10px;
  }
  .crm-table {
    min-width: 0;
  }
  .crm-table .crm-row {
    grid-template-columns: 1fr;
    padding: 12px 14px;
  }
  .crm-table .crm-row td {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
  }
  .crm-table .crm-row td::before {
    margin-bottom: 0;
  }
  .crm-table .crm-row td > * {
    min-width: 0;
  }
  .crm-table .crm-row .business-cell .peer-card,
  .crm-table .crm-row .company-cell .customer-card,
  .crm-table .crm-row .phone-cell .phone-card,
  .crm-table .crm-row .business-cell .peer-empty {
    width: 100%;
  }
  .phone-list {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .phone-line {
    min-width: 0;
    justify-content: space-between;
  }
  .assign-form {
    grid-template-columns: 1fr 64px;
  }
  .lead-profile-form {
    grid-template-columns: 1fr;
  }
  .quick-feedback-grid,
  .more-feedback-grid {
    grid-template-columns: 1fr;
  }
  .lead-profile-form textarea,
  .lead-profile-form .wide,
  .lead-profile-form .muted,
  .lead-profile-form button {
    grid-column: 1;
  }
  .feedback-form button {
    justify-self: stretch;
  }
  .lead-profile-form button {
    justify-self: stretch;
  }
  .phone-summary {
    min-height: 44px;
  }
  .phone-actions-panel,
  .phone-check-item[open] .phone-actions-panel {
    position: static;
    display: none;
    width: auto;
    margin-top: 6px;
    box-shadow: none;
  }
  .phone-check-item[open] .phone-actions-panel {
    display: grid;
  }
  .phone-check-form {
    grid-template-columns: 1fr;
  }
  .phone-check-form select,
  .phone-check-form input,
  .phone-check-form button,
  .phone-check-field,
  .phone-check-note {
    grid-column: 1;
  }
  h1 { font-size: 28px; }
}
@media (max-width: 1320px) {
  .leadpool-control-head {
    grid-template-columns: 1fr;
  }
  .leadpool-control-panel .advanced-filter-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .leadpool-control-panel .filter-submit {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
  .leadpool-page .lead-card-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .leadpool-page .lead-info-block {
    grid-column: 1 / -1;
  }
}
@media (max-width: 840px) {
  .leadpool-control-panel {
    padding: 10px;
  }
  .leadpool-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .leadpool-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .leadpool-actions .ops-action {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .leadpool-actions .ops-action .muted {
    white-space: normal;
  }
  .leadpool-control-panel .enrich-job-card {
    grid-template-columns: minmax(135px, 0.68fr) minmax(240px, 1fr) minmax(150px, 0.82fr);
  }
  .leadpool-control-panel .enrich-job-stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .leadpool-control-panel .advanced-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .leadpool-page .lead-card-flow {
    grid-template-columns: 1fr;
  }
  .leadpool-page .lead-info-block,
  .leadpool-page .lead-peer-block,
  .leadpool-page .lead-action-block {
    grid-column: auto;
  }
  .compact-phone-list {
    gap: 5px;
  }
  .compact-phone-chip {
    min-height: 28px;
  }
  .inline-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .inline-edit-popover {
    position: fixed;
    left: 12px;
    right: 12px;
    top: auto;
    bottom: 12px;
    width: auto;
    max-height: 70vh;
    overflow: auto;
  }
}
@media (max-width: 520px) {
  .leadpool-metrics,
  .leadpool-base-grid,
  .inline-edit-grid {
    grid-template-columns: 1fr;
  }
  .leadpool-actions,
  .leadpool-actions .ops-action,
  .leadpool-control-panel .enrich-job-card {
    grid-template-columns: 1fr;
  }
  .leadpool-control-panel .enrich-job-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .leadpool-page .lead-card-flow {
    grid-template-columns: 1fr;
  }
}
@media (hover: hover) and (pointer: fine) {
  .phone-actions-panel {
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    width: min(420px, 78vw);
    margin-top: 0;
    display: none;
    box-shadow: 0 18px 36px rgba(17, 27, 67, 0.14);
  }
  .phone-check-item:focus-within .phone-actions-panel,
  .phone-check-item[open] .phone-actions-panel {
    display: grid;
  }
}
@media (hover: none), (pointer: coarse) {
  .phone-actions-panel,
  .phone-check-item[open] .phone-actions-panel {
    position: static;
    width: auto;
    margin-top: 6px;
    box-shadow: none;
  }
  .phone-actions-panel {
    display: none;
  }
  .phone-check-item[open] .phone-actions-panel {
    display: grid;
  }
  .phone-check-form {
    grid-template-columns: 1fr;
  }
  .phone-check-form select,
  .phone-check-form input,
  .phone-check-form button,
  .phone-check-field,
  .phone-check-note {
    grid-column: 1;
  }
}

/* ---------- product design refresh ---------- */
.client-header p {
  max-width: 880px;
  margin-bottom: 0;
}
.client-header img,
.crm-page .client-header img,
.leadpool-page .client-header img {
  display: block;
  width: 136px;
  margin-bottom: 10px;
}
.eyebrow,
.section-title span,
.status-label {
  color: var(--gold-2);
  letter-spacing: 0;
}
h1 {
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.08;
}
h2,
.board-head h2 {
  color: var(--navy);
  font-weight: 950;
}
button,
.btn {
  border-radius: 8px;
  box-shadow: 0 12px 22px rgba(239, 132, 36, 0.12);
}
.btn.secondary,
button.secondary {
  color: var(--navy);
  background: #fff;
  border: 1px solid rgba(47, 100, 214, 0.16);
  box-shadow: 0 8px 18px rgba(27, 48, 98, 0.05);
}
.btn.primary-blue,
button.primary-blue,
.nav-tabs a.active,
.view-pill.active,
.filter-pill.active,
.create-lead-box summary {
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
  box-shadow: 0 14px 28px rgba(47, 100, 214, 0.18);
}
.focus-ribbon {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  max-width: 980px;
}
.focus-ribbon.compact {
  margin-top: 12px;
  max-width: 900px;
}
.focus-ribbon span {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(47, 100, 214, 0.11);
  background: rgba(255, 255, 255, 0.72);
  color: #46566f;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.45;
  box-shadow: 0 10px 22px rgba(27, 48, 98, 0.045);
}
.focus-ribbon b {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-right: 7px;
  padding: 0 8px;
  border-radius: 999px;
  color: #fff;
  background: var(--blue);
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}
.focus-ribbon span:nth-child(2) b {
  background: var(--gold-2);
}
.focus-ribbon span:nth-child(3) b {
  background: var(--green);
}
.focus-mini {
  position: absolute;
  right: 18px;
  top: 18px;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 10px 20px rgba(239, 132, 36, 0.14);
}
.upload-panel-card,
.crm-panel,
.sales-workbench-card,
.team-board-card,
.live-activity-panel {
  background: rgba(255, 255, 255, 0.9);
}
.upload-panel-card:first-child {
  border-color: rgba(47, 100, 214, 0.16);
  box-shadow: 0 20px 45px rgba(47, 100, 214, 0.1);
}
.upload-panel-card:first-child::before,
.live-activity-panel::before,
.sales-workbench-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--blue), var(--cyan), var(--gold));
}
.mini-stat,
.summary-item,
.sales-kpi-item,
.leadpool-metrics span,
.api-card,
.asset-card {
  background: rgba(247, 251, 255, 0.84);
  border-color: rgba(47, 100, 214, 0.09);
}
.mini-stat.good,
.sales-kpi-item:nth-child(3),
.sales-kpi-item:nth-child(4),
.leadpool-metrics span:nth-child(3),
.leadpool-metrics span:nth-child(4) {
  border-color: rgba(32, 163, 107, 0.22);
  background: rgba(32, 163, 107, 0.08);
}
.mini-stat.warn,
.leadpool-metrics span:first-child,
.sales-kpi-item:first-child {
  border-color: rgba(239, 132, 36, 0.24);
  background: rgba(239, 132, 36, 0.08);
}
.sales-kpi-item b,
.leadpool-metrics b,
.mini-stat b {
  color: var(--navy);
  font-weight: 950;
}
.crm-boundary-line {
  border-color: rgba(32, 184, 199, 0.18);
  background: linear-gradient(90deg, rgba(32, 184, 199, 0.08), rgba(242, 181, 68, 0.08));
}
.crm-toolbar,
.advanced-filter-form,
.leadpool-control-panel {
  border-color: rgba(47, 100, 214, 0.1);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 10px 26px rgba(27, 48, 98, 0.045);
}
.leadpool-control-panel {
  position: sticky;
  top: 8px;
  z-index: 10;
}
.view-pill,
.filter-pill,
.pool-pill,
.status-pill {
  background: #fff;
  border-color: rgba(47, 100, 214, 0.13);
}
.message {
  border: 1px solid rgba(32, 184, 199, 0.22);
  background: rgba(32, 184, 199, 0.08);
  color: #176172;
  font-weight: 850;
}
.crm-card-list {
  display: grid;
  gap: 14px;
}
.lead-unified-card {
  border: 1px solid rgba(47, 100, 214, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(250,253,255,0.92));
  box-shadow: 0 16px 36px rgba(27, 48, 98, 0.07);
}
.lead-unified-card:hover {
  border-color: rgba(47, 100, 214, 0.22);
  box-shadow: 0 20px 42px rgba(27, 48, 98, 0.1);
}
.mobile-customer-card {
  display: none;
}
.mobile-detail-bar {
  display: none;
}
.lead-company-name,
.peer-name,
.company-name {
  color: var(--navy);
  font-weight: 950;
}
.lead-card-block {
  border-color: rgba(47, 100, 214, 0.09);
  background: rgba(255, 255, 255, 0.78);
}
.lead-card-block .block-title {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #526177;
  letter-spacing: 0;
}
.lead-phone-block,
.lead-action-block {
  border-color: rgba(239, 132, 36, 0.28);
  background: linear-gradient(180deg, rgba(255, 251, 242, 0.92), rgba(255, 255, 255, 0.78));
}
.lead-phone-block .block-title::after {
  content: "重点";
  padding: 2px 7px;
  border-radius: 999px;
  color: #fff;
  background: var(--gold-2);
  font-size: 10px;
  font-weight: 950;
}
.lead-action-block .block-title::after {
  content: "必填";
  padding: 2px 7px;
  border-radius: 999px;
  color: #fff;
  background: var(--blue);
  font-size: 10px;
  font-weight: 950;
}
.lead-peer-block .block-title::after {
  content: "邀约素材";
  padding: 2px 7px;
  border-radius: 999px;
  color: #176172;
  background: rgba(32, 184, 199, 0.12);
  font-size: 10px;
  font-weight: 950;
}
.lead-asset-block .block-title::after {
  content: "辅助成交";
  padding: 2px 7px;
  border-radius: 999px;
  color: #176172;
  background: rgba(32, 184, 199, 0.12);
  font-size: 10px;
  font-weight: 950;
}
.phone-summary,
.compact-phone-chip {
  border-color: rgba(47, 100, 214, 0.16);
  background: rgba(47, 100, 214, 0.07);
}
.copy-all,
.inline-edit-box.empty-value summary {
  border-color: rgba(239, 132, 36, 0.25);
  background: rgba(239, 132, 36, 0.1);
}
.inline-edit-box.has-value summary,
.inline-option-form button.inline-option-btn.current {
  border-color: rgba(32, 163, 107, 0.24);
  background: rgba(32, 163, 107, 0.12);
}
.customer-peer-card,
.peer-card,
.phone-card,
.product-context,
.customer-follow-box,
.follow-history-box,
.leadpool-base-item,
.leadpool-base-section,
.leadpool-group-line {
  border-color: rgba(47, 100, 214, 0.09);
  background: rgba(250, 253, 255, 0.8);
}
.product-tag {
  color: #176044;
  background: rgba(32, 163, 107, 0.1);
}
.company-website {
  color: var(--blue);
  background: rgba(47, 100, 214, 0.08);
}
.badge.running {
  color: var(--blue);
  background: rgba(47, 100, 214, 0.12);
}
.badge.pending {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.17);
}
.badge.done {
  color: #176044;
  background: rgba(32, 163, 107, 0.13);
}
.task-idle .big-icon {
  font-size: 0;
}
.task-idle .big-icon::before {
  content: "任务";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  font-size: 15px;
  font-weight: 950;
  box-shadow: 0 16px 28px rgba(47, 100, 214, 0.16);
}
.customer-summary-card {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.customer-summary-card .company-tags {
  gap: 5px;
}
.customer-summary-products .leadpool-product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}
.customer-summary-products .product-tag,
.customer-summary-products .company-website,
.customer-summary-products .douyin-badge {
  min-height: 22px;
  margin-top: 0;
  font-size: 11px;
}
.customer-group-line,
.customer-latest-line {
  display: flex;
  gap: 4px;
  min-width: 0;
  color: #526177;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.customer-group-line b,
.customer-latest-line b {
  flex: 0 0 auto;
  color: #176044;
  font-weight: 950;
}
.customer-latest-line {
  padding: 7px 8px;
  border-radius: 8px;
  background: rgba(47, 100, 214, 0.055);
  border: 1px solid rgba(47, 100, 214, 0.08);
}
.phone-summary {
  justify-content: flex-start;
}
.phone-summary .phone-check-tags {
  flex: 0 1 auto;
  justify-content: flex-start;
}
.phone-role-tag {
  flex: 0 0 auto;
  min-height: 23px;
  font-weight: 950;
}
.phone-summary .copy-btn {
  margin-left: auto;
}
.compact-phone-chip {
  justify-content: flex-start;
}
.compact-phone-chip .phone-role-tag {
  min-height: 20px;
  padding: 2px 6px;
  font-size: 10px;
}
.lead-more-details {
  grid-column: 1 / -1;
  min-width: 0;
  border: 1px dashed rgba(47, 100, 214, 0.18);
  border-radius: 8px;
  background: rgba(247, 251, 255, 0.7);
}
.lead-more-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 0 11px;
  color: #3158c9;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
  list-style: none;
}
.lead-more-details > summary::-webkit-details-marker {
  display: none;
}
.lead-more-details > summary::after {
  content: "展开";
  flex: 0 0 auto;
  color: #8a4f04;
  font-size: 11px;
}
.lead-more-details[open] > summary::after {
  content: "收起";
}
.lead-more-details > summary span {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lead-more-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
  padding: 0 10px 10px;
  min-width: 0;
}
.lead-more-grid .lead-card-block {
  grid-column: auto;
  margin: 0;
  background: rgba(255, 255, 255, 0.76);
}
.lead-more-grid .lead-asset-block {
  grid-column: span 2;
}
.lead-more-grid .follow-history-box {
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.pagination-bar {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  margin: 14px 0;
  padding: 10px;
  border: 1px solid rgba(47, 100, 214, 0.1);
  border-radius: 8px;
  background: rgba(247, 251, 255, 0.86);
  box-shadow: 0 10px 24px rgba(27, 48, 98, 0.045);
}
.pager-summary {
  color: #526177;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.45;
}
.pager-summary b {
  color: var(--navy);
  font-weight: 950;
}
.pager-size-group,
.pager-pages {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
}
.pager-btn,
.pager-size,
.pager-ellipsis {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid rgba(47, 100, 214, 0.14);
  border-radius: 8px;
  color: var(--navy);
  background: #fff;
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}
.pager-btn.active,
.pager-size.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
  box-shadow: 0 10px 18px rgba(47, 100, 214, 0.14);
}
.pager-btn.disabled {
  color: #9aa4b2;
  background: rgba(255, 255, 255, 0.54);
  pointer-events: none;
}
.pager-ellipsis {
  border-color: transparent;
  background: transparent;
  color: #7b8497;
  padding: 0 4px;
}
@media (max-width: 1320px) {
  .app-shell {
    padding-top: 128px;
  }
  .header-actions {
    max-height: 110px;
  }
}
@media (max-width: 840px) {
  .app-shell,
  .leadpool-page.app-shell {
    padding: 148px 12px 24px;
  }
  .header-actions {
    top: 8px;
    left: 10px;
    right: 10px;
    max-height: 126px;
    justify-content: center;
  }
  .header-actions .nav-tabs {
    justify-content: center;
  }
  .header-actions .status-pill,
  .header-actions .btn,
  .header-actions button {
    min-height: 34px;
    padding: 0 11px;
    font-size: 12px;
  }
  .pagination-bar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .pager-size-group,
  .pager-pages {
    justify-content: flex-start;
  }
  .client-header,
  .crm-page .client-header,
  .leadpool-page .client-header {
    padding: 18px;
  }
  .focus-ribbon {
    grid-template-columns: 1fr;
  }
  .leadpool-control-panel {
    position: static;
  }
  .crm-page .lead-card-flow {
    grid-template-columns: 1fr;
  }
  .crm-panel {
    padding: 10px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .crm-card-list {
    gap: 10px;
  }
  .lead-unified-card,
  .leadpool-page .lead-unified-card {
    padding: 0;
    border: 1px solid rgba(47, 100, 214, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(27, 48, 98, 0.08);
    overflow: hidden;
  }
  .lead-card-top {
    display: none;
  }
  .mobile-customer-card {
    display: grid;
    gap: 16px;
    padding: 18px;
    background: #fff;
  }
  .mobile-customer-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
  }
  .mobile-customer-kicker {
    display: inline-flex;
    margin-bottom: 5px;
    color: #8a94a5;
    font-size: 11px;
    font-weight: 900;
  }
  .mobile-customer-head h3 {
    margin: 0;
    color: #101828;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-customer-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
  }
  .mobile-customer-tags span {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 8px;
    color: var(--blue);
    background: rgba(47, 100, 214, 0.09);
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
  }
  .mobile-customer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 12px;
  }
  .mobile-customer-field {
    display: grid;
    gap: 7px;
    min-width: 0;
  }
  .mobile-customer-label {
    color: #8a8f99;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
  }
  .mobile-customer-value {
    min-width: 0;
    color: #101828;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-customer-value.phone {
    color: #1f67c7;
    font-size: 16px;
  }
  .mobile-customer-value.chip {
    width: max-content;
    max-width: 100%;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 8px;
    background: #eef2f8;
  }
  .mobile-customer-value.good {
    color: #176044;
    background: rgba(32, 163, 107, 0.16);
  }
  .mobile-customer-value.warn {
    color: #9a5b0a;
    background: rgba(242, 181, 68, 0.22);
  }
  .mobile-customer-value.soft {
    color: #475467;
    background: rgba(148, 163, 184, 0.18);
  }
  .mobile-customer-value.intent {
    color: #203f8e;
    background: rgba(47, 100, 214, 0.1);
  }
  .mobile-customer-value.stage {
    color: #176044;
    background: rgba(32, 163, 107, 0.12);
  }
  .mobile-customer-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding-top: 2px;
  }
  .mobile-customer-actions.has-material-send {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mobile-call-btn,
  .mobile-app-call-btn,
  .mobile-copy-btn,
  .mobile-material-send-btn,
  .mobile-edit-jump {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(47, 100, 214, 0.16);
    border-radius: 8px;
    color: var(--navy);
    background: #f8fbff;
    font-size: 13px;
    font-weight: 950;
  }
  .mobile-call-btn {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--blue), var(--navy-2));
  }
  .mobile-copy-btn {
    cursor: pointer;
  }
  .mobile-app-call-btn {
    color: #0f766e;
    border-color: rgba(15, 118, 110, 0.24);
    background: rgba(15, 118, 110, 0.09);
    cursor: pointer;
  }
  .mobile-material-send-btn {
    color: #8a4b00;
    border-color: rgba(187, 116, 16, 0.28);
    background: rgba(255, 202, 102, 0.2);
    cursor: pointer;
  }
  .mobile-customer-actions.has-material-send .mobile-edit-jump {
    grid-column: span 2;
  }
  .mobile-customer-actions .android-call-control {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
  .mobile-customer-actions .android-call-control.has-active-task {
    grid-column: span 2;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .mobile-customer-actions .android-call-control .android-call-btn {
    width: 100%;
    min-width: 0;
    font-size: 12px;
  }
  .mobile-customer-actions .android-call-cancel-btn {
    min-width: 48px;
    padding: 0 7px;
    font-size: 12px;
  }
  .mobile-edit-jump {
    cursor: pointer;
  }
  body.mobile-detail-mode {
    overflow: hidden;
  }
  body.mobile-detail-mode .header-actions {
    display: none;
  }
  body.mobile-detail-mode .copy-toast {
    z-index: 520;
  }
  .mobile-call-btn.disabled,
  .mobile-app-call-btn.disabled,
  .mobile-copy-btn.disabled {
    color: #98a2b3;
    background: #f2f4f7;
  }
  .lead-card-flow,
  .leadpool-page .lead-card-flow,
  .crm-page .lead-card-flow {
    display: none;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0 10px 10px;
  }
  .lead-unified-card.mobile-work-open .lead-card-flow {
    display: grid;
  }
  .lead-unified-card.mobile-detail-open {
    position: fixed;
    inset: 0;
    z-index: 460;
    display: block;
    padding: 0 10px 22px;
    border: 0;
    border-radius: 0;
    background: #f4f8fb;
    box-shadow: none;
    overflow-y: auto;
  }
  .lead-unified-card.mobile-detail-open .mobile-detail-bar {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 62px;
    margin: 0 -10px 10px;
    padding: 10px;
    border-bottom: 1px solid rgba(47, 100, 214, 0.1);
    background: rgba(247, 252, 255, 0.96);
    box-shadow: 0 10px 22px rgba(27, 48, 98, 0.08);
    backdrop-filter: blur(16px) saturate(1.08);
  }
  .mobile-back-list {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(47, 100, 214, 0.16);
    border-radius: 8px;
    color: var(--navy);
    background: #fff;
    font-size: 13px;
    font-weight: 950;
    box-shadow: none;
  }
  .mobile-detail-title {
    display: grid;
    gap: 2px;
    min-width: 0;
  }
  .mobile-detail-title span {
    color: #7b8497;
    font-size: 11px;
    font-weight: 900;
  }
  .mobile-detail-title b {
    color: #101828;
    font-size: 15px;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-save-hint {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 8px;
    color: #176044;
    background: rgba(32, 163, 107, 0.12);
    font-size: 11px;
    font-weight: 950;
    white-space: nowrap;
  }
  .lead-unified-card.mobile-detail-open .mobile-customer-card {
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(27, 48, 98, 0.06);
  }
  .lead-unified-card.mobile-detail-open .lead-card-flow {
    display: grid;
    gap: 10px;
    padding: 0 0 18px;
  }
  .lead-unified-card.mobile-detail-open .lead-phone-block {
    order: 1;
  }
  .lead-unified-card.mobile-detail-open .lead-peer-block {
    order: 2;
  }
  .lead-unified-card.mobile-detail-open .lead-follow-block {
    order: 3;
  }
  .lead-unified-card.mobile-detail-open .lead-action-block {
    order: 4;
  }
  .lead-unified-card.mobile-detail-open .lead-history-focus-block {
    order: 5;
  }
  .lead-unified-card.mobile-detail-open .lead-info-block {
    order: 6;
    display: block;
  }
  .lead-unified-card.mobile-detail-open .lead-asset-block {
    order: 7;
  }
  .lead-unified-card.mobile-detail-open .lead-more-details {
    order: 8;
  }
  .lead-unified-card.mobile-detail-open .lead-card-block,
  .lead-unified-card.mobile-detail-open .lead-more-details {
    background: #fff;
    box-shadow: 0 8px 20px rgba(27, 48, 98, 0.05);
  }
  .lead-unified-card.mobile-detail-open .mobile-edit-jump {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--gold), var(--gold-2));
  }
  .lead-unified-card.mobile-work-open .mobile-edit-jump {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--gold), var(--gold-2));
  }
  .lead-info-block {
    display: none;
  }
  .lead-card-block,
  .lead-phone-block,
  .lead-action-block {
    border-radius: 8px;
    background: rgba(248, 251, 255, 0.92);
  }
  .crm-page .lead-action-block,
  .crm-page .lead-more-details {
    grid-column: auto;
  }
  .focus-mini {
    position: static;
    width: max-content;
    margin-bottom: 10px;
  }
  .lead-more-grid {
    grid-template-columns: 1fr;
  }
  .lead-more-grid .lead-asset-block {
    grid-column: auto;
  }
  .lead-more-details > summary {
    align-items: flex-start;
    flex-direction: column;
    padding: 8px 10px;
  }
  .follow-add-form {
    grid-template-columns: 1fr;
  }
  .follow-add-form button {
    justify-self: stretch;
  }
}

/* Lead pool quiet reading mode: ordinary facts read as text, not colored pills. */
.leadpool-page .lead-unified-card {
  color: #667085;
}
.leadpool-page .lead-card-block {
  border-color: rgba(102, 112, 133, 0.12);
  background: rgba(255, 255, 255, 0.94);
}
.leadpool-page .lead-card-block .block-title {
  color: #344054;
  font-size: 13px;
  font-weight: 900;
}
.leadpool-page .lead-card-block .block-title::after {
  display: none;
}
.leadpool-page .lead-company-name {
  color: #182238;
  font-size: 16px;
  font-weight: 950;
  letter-spacing: 0;
}
.leadpool-page .lead-entry-line {
  gap: 10px;
  min-height: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}
.leadpool-page .lead-entry-line .company-website,
.leadpool-page .lead-entry-line .douyin-badge,
.leadpool-page .lead-entry-line .mini-tag,
.leadpool-page .leadpool-product-tags .product-tag,
.leadpool-page .leadpool-product-tags .company-website,
.leadpool-page .leadpool-product-tags .douyin-badge {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
  box-shadow: none;
}
.leadpool-page .lead-entry-line .company-website,
.leadpool-page .leadpool-product-tags .company-website {
  color: #5f6f88;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.leadpool-page .lead-entry-line .mini-tag.warn {
  color: #9a5b0a;
  font-weight: 850;
}
.leadpool-page .lead-top-badges {
  gap: 10px;
}
.leadpool-page .lead-top-badges .badge {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 850;
}
.leadpool-page .lead-top-badges .badge.pending,
.leadpool-page .lead-top-badges .badge.failed {
  min-height: 22px;
  padding: 0 7px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 900;
}
.leadpool-page .lead-top-badges .badge.pending {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.14);
}
.leadpool-page .lead-top-badges .badge.failed {
  color: #a43b1d;
  background: rgba(238, 127, 34, 0.14);
}
.leadpool-page .leadpool-base-grid {
  gap: 8px 16px;
}
.leadpool-page .leadpool-base-item {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 8px;
  box-shadow: none;
}
.leadpool-page .leadpool-base-label,
.leadpool-page .leadpool-base-section-title {
  color: #8a94a5;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.leadpool-page .leadpool-base-value {
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
  letter-spacing: 0;
}
.leadpool-page .leadpool-base-item.strong .leadpool-base-value {
  color: #2f4057;
  font-weight: 900;
}
.leadpool-page .leadpool-base-item.warn .leadpool-base-value {
  color: #9a5b0a;
  font-weight: 900;
}
.leadpool-page .leadpool-base-section,
.leadpool-page .leadpool-group-line {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}
.leadpool-page .lead-peer-block .peer-card {
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.leadpool-page .lead-peer-block .peer-card > .mini-tag {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.leadpool-page .lead-peer-block .peer-card > .mini-tag.strong {
  color: #176044;
}
.leadpool-page .lead-peer-block .peer-card > .mini-tag.warn {
  min-height: 22px;
  padding: 0 7px;
  border-radius: 7px;
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.14);
}
.leadpool-page .lead-peer-block .inline-edit-grid {
  gap: 8px 16px;
}
.leadpool-page .lead-peer-block .inline-edit-box summary,
.leadpool-page .lead-peer-block .inline-edit-box.empty-value summary,
.leadpool-page .lead-peer-block .inline-edit-box.has-value summary {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  gap: 6px;
  box-shadow: none;
}
.leadpool-page .lead-peer-block .inline-edit-box summary span {
  color: #8a94a5;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.leadpool-page .lead-peer-block .inline-edit-box summary b,
.leadpool-page .lead-peer-block .inline-edit-box.has-value summary b,
.leadpool-page .lead-peer-block .inline-edit-box.empty-value summary b {
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}
.leadpool-page .lead-peer-block .inline-edit-box summary:hover b {
  color: #3158c9;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.leadpool-page .lead-peer-block .inline-edit-box[data-field="peer_company"] summary b {
  max-width: none;
}
.leadpool-page .leadpool-peer-products {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  gap: 5px;
}
.leadpool-page .leadpool-peer-products .leadpool-base-label {
  color: #8a94a5;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.leadpool-page .leadpool-peer-product-grid {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 4px 16px;
}
.leadpool-page .leadpool-peer-product-grid span,
.leadpool-page .leadpool-peer-product-grid span.empty {
  min-height: 0;
  justify-content: flex-start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
  text-align: left;
  box-shadow: none;
}
.leadpool-page .customer-follow-box,
.leadpool-page .follow-history-box {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.leadpool-page .customer-follow-tags .mini-tag {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}
.leadpool-page .customer-follow-tags .mini-tag.strong {
  color: #2f4057;
  font-weight: 900;
}
.leadpool-page .customer-follow-tags .mini-tag.warn {
  color: #9a5b0a;
  font-weight: 900;
}
.leadpool-page .mobile-customer-tags span {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 800;
}
.leadpool-page .mobile-customer-value.chip,
.leadpool-page .mobile-customer-value.good,
.leadpool-page .mobile-customer-value.warn,
.leadpool-page .mobile-customer-value.soft,
.leadpool-page .mobile-customer-value.intent,
.leadpool-page .mobile-customer-value.stage {
  width: auto;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
}
.leadpool-page .mobile-customer-value.phone {
  color: #1f67c7;
  font-weight: 950;
}
.leadpool-card .lead-card-block {
  border-color: rgba(102, 112, 133, 0.12);
  background: rgba(255, 255, 255, 0.94);
}
.leadpool-card .lead-card-block .block-title::after {
  display: none;
}
.leadpool-card .leadpool-base-item {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 8px;
  box-shadow: none;
}
.leadpool-card .leadpool-base-label,
.leadpool-card .leadpool-base-section-title {
  color: #8a94a5;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.leadpool-card .leadpool-base-value {
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
  letter-spacing: 0;
}
.leadpool-card .leadpool-base-item.strong .leadpool-base-value {
  color: #2f4057;
  font-weight: 900;
}
.leadpool-card .leadpool-base-item.warn .leadpool-base-value {
  color: #9a5b0a;
  font-weight: 900;
}
.leadpool-card .lead-peer-block .peer-card {
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.leadpool-card .lead-peer-block .peer-card > .mini-tag {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.leadpool-card .lead-peer-block .peer-card > .mini-tag.strong {
  color: #176044;
}
.leadpool-card .lead-peer-block .peer-card > .mini-tag.warn {
  min-height: 22px;
  padding: 0 7px;
  border-radius: 7px;
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.14);
}
.leadpool-card .lead-peer-block .inline-edit-box summary,
.leadpool-card .lead-peer-block .inline-edit-box.empty-value summary,
.leadpool-card .lead-peer-block .inline-edit-box.has-value summary {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  gap: 6px;
  box-shadow: none;
}
.leadpool-card .lead-peer-block .inline-edit-box summary span {
  color: #8a94a5;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.leadpool-card .lead-peer-block .inline-edit-box summary b,
.leadpool-card .lead-peer-block .inline-edit-box.has-value summary b,
.leadpool-card .lead-peer-block .inline-edit-box.empty-value summary b {
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}
.leadpool-card .leadpool-peer-products {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  gap: 5px;
}
.leadpool-card .leadpool-peer-products .leadpool-base-label {
  color: #8a94a5;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.leadpool-card .leadpool-peer-product-grid {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 4px 16px;
}
.leadpool-card .leadpool-peer-product-grid span,
.leadpool-card .leadpool-peer-product-grid span.empty {
  min-height: 0;
  justify-content: flex-start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
  text-align: left;
  box-shadow: none;
}
.leadpool-page .leadpool-peer-products .leadpool-base-value,
.leadpool-card .leadpool-peer-products .leadpool-base-value {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.leadpool-card .mobile-customer-tags span,
.leadpool-card .mobile-customer-value.chip,
.leadpool-card .mobile-customer-value.good,
.leadpool-card .mobile-customer-value.warn,
.leadpool-card .mobile-customer-value.soft,
.leadpool-card .mobile-customer-value.intent,
.leadpool-card .mobile-customer-value.stage {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
}
.leadpool-card .mobile-customer-value.phone {
  color: #1f67c7;
  font-weight: 950;
}

/* Lead pool typography polish: thinner strokes, deeper readable color. */
.leadpool-page .lead-unified-card,
.leadpool-card {
  color: #344054;
  font-family: var(--app-font-macos);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.leadpool-page .lead-company-name,
.leadpool-card .lead-company-name,
.leadpool-card .mobile-customer-head h3,
.leadpool-page .mobile-customer-head h3 {
  color: #1f2937;
  font-weight: 600;
  letter-spacing: 0;
}
.leadpool-page .lead-card-block .block-title,
.leadpool-card .lead-card-block .block-title {
  color: #2f3a4a;
  font-weight: 600;
  letter-spacing: 0;
}
.leadpool-page .lead-entry-line,
.leadpool-card .lead-entry-line,
.leadpool-page .lead-entry-line .company-website,
.leadpool-page .lead-entry-line .douyin-badge,
.leadpool-page .lead-entry-line .mini-tag,
.leadpool-card .lead-entry-line .company-website,
.leadpool-card .lead-entry-line .douyin-badge,
.leadpool-card .lead-entry-line .mini-tag {
  color: #475467;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.58;
}
.leadpool-page .leadpool-base-label,
.leadpool-page .leadpool-base-section-title,
.leadpool-card .leadpool-base-label,
.leadpool-card .leadpool-base-section-title,
.leadpool-page .lead-peer-block .inline-edit-box summary span,
.leadpool-card .lead-peer-block .inline-edit-box summary span,
.leadpool-page .leadpool-peer-products .leadpool-base-label,
.leadpool-card .leadpool-peer-products .leadpool-base-label,
.leadpool-page .mobile-customer-label,
.leadpool-card .mobile-customer-label {
  color: #667085;
  font-weight: 400;
  letter-spacing: 0;
}
.leadpool-page .leadpool-base-value,
.leadpool-card .leadpool-base-value,
.leadpool-page .leadpool-base-section,
.leadpool-card .leadpool-base-section,
.leadpool-page .leadpool-group-line,
.leadpool-card .leadpool-group-line,
.leadpool-page .lead-peer-block .inline-edit-box summary b,
.leadpool-page .lead-peer-block .inline-edit-box.has-value summary b,
.leadpool-page .lead-peer-block .inline-edit-box.empty-value summary b,
.leadpool-card .lead-peer-block .inline-edit-box summary b,
.leadpool-card .lead-peer-block .inline-edit-box.has-value summary b,
.leadpool-card .lead-peer-block .inline-edit-box.empty-value summary b,
.leadpool-page .leadpool-peer-product-grid span,
.leadpool-page .leadpool-peer-product-grid span.empty,
.leadpool-card .leadpool-peer-product-grid span,
.leadpool-card .leadpool-peer-product-grid span.empty,
.leadpool-page .customer-follow-tags .mini-tag,
.leadpool-card .customer-follow-tags .mini-tag,
.leadpool-page .mobile-customer-value,
.leadpool-card .mobile-customer-value {
  color: #344054;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
}
.leadpool-page .leadpool-base-item.strong .leadpool-base-value,
.leadpool-card .leadpool-base-item.strong .leadpool-base-value,
.leadpool-page .customer-follow-tags .mini-tag.strong,
.leadpool-card .customer-follow-tags .mini-tag.strong {
  color: #263445;
  font-weight: 500;
}
.leadpool-page .leadpool-base-item.warn .leadpool-base-value,
.leadpool-card .leadpool-base-item.warn .leadpool-base-value,
.leadpool-page .customer-follow-tags .mini-tag.warn,
.leadpool-card .customer-follow-tags .mini-tag.warn,
.leadpool-page .lead-entry-line .mini-tag.warn,
.leadpool-card .lead-entry-line .mini-tag.warn {
  color: #9a5b0a;
  font-weight: 500;
}
.leadpool-page .lead-peer-block .peer-card > .mini-tag,
.leadpool-card .lead-peer-block .peer-card > .mini-tag {
  color: #475467;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
}
.leadpool-page .lead-peer-block .peer-card > .mini-tag.strong,
.leadpool-card .lead-peer-block .peer-card > .mini-tag.strong {
  color: #176044;
  font-weight: 500;
}
.leadpool-page .lead-top-badges .badge,
.leadpool-card .lead-top-badges .badge,
.leadpool-page .mobile-customer-tags span,
.leadpool-card .mobile-customer-tags span {
  color: #475467;
  font-weight: 400;
}
.leadpool-page .mobile-customer-value.phone,
.leadpool-card .mobile-customer-value.phone {
  color: #155eef;
  font-weight: 600;
}
.leadpool-page .lead-phone-block .phone-number,
.leadpool-card .lead-phone-block .phone-number,
.leadpool-page .lead-phone-block .compact-phone-chip a,
.leadpool-card .lead-phone-block .compact-phone-chip a {
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

/* Lead pool label accents: highlight headings only, keep values quiet. */
.leadpool-page .lead-info-block .block-title,
.leadpool-card .lead-info-block .block-title,
.leadpool-page .lead-peer-block .block-title,
.leadpool-card .lead-peer-block .block-title,
.leadpool-page .lead-phone-block .block-title,
.leadpool-card .lead-phone-block .block-title,
.leadpool-page .lead-action-block .block-title,
.leadpool-card .lead-action-block .block-title {
  width: max-content;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
}
.leadpool-page .lead-info-block .block-title,
.leadpool-card .lead-info-block .block-title {
  color: #1849a9;
  background: rgba(47, 100, 214, 0.1);
  border-color: rgba(47, 100, 214, 0.14);
}
.leadpool-page .lead-peer-block .block-title,
.leadpool-card .lead-peer-block .block-title {
  color: #087443;
  background: rgba(32, 163, 107, 0.11);
  border-color: rgba(32, 163, 107, 0.16);
}
.leadpool-page .lead-phone-block .block-title,
.leadpool-card .lead-phone-block .block-title {
  color: #175cd3;
  background: rgba(47, 100, 214, 0.1);
  border-color: rgba(47, 100, 214, 0.14);
}
.leadpool-page .lead-action-block .block-title,
.leadpool-card .lead-action-block .block-title {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.16);
  border-color: rgba(242, 181, 68, 0.22);
}
.leadpool-page .leadpool-base-item,
.leadpool-card .leadpool-base-item {
  grid-template-columns: 64px minmax(0, 1fr);
}
.leadpool-page .leadpool-base-label,
.leadpool-card .leadpool-base-label,
.leadpool-page .mobile-customer-label,
.leadpool-card .mobile-customer-label {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.09);
  border: 1px solid rgba(47, 100, 214, 0.13);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.leadpool-page .lead-peer-block .inline-edit-box summary span,
.leadpool-card .lead-peer-block .inline-edit-box summary span,
.leadpool-page .leadpool-peer-products .leadpool-base-label,
.leadpool-card .leadpool-peer-products .leadpool-base-label {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border: 1px solid rgba(32, 163, 107, 0.15);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.leadpool-page .lead-action-block .autosave-head,
.leadpool-card .lead-action-block .autosave-head {
  margin: 0;
}
.leadpool-page .lead-action-block .autosave-head small,
.leadpool-card .lead-action-block .autosave-head small {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}
.leadpool-page .lead-action-block .inline-edit-grid,
.leadpool-card .lead-action-block .inline-edit-grid {
  gap: 8px 12px;
  align-items: center;
}
.leadpool-page .lead-action-block .inline-edit-box summary,
.leadpool-page .lead-action-block .inline-edit-box.empty-value summary,
.leadpool-page .lead-action-block .inline-edit-box.has-value summary,
.leadpool-card .lead-action-block .inline-edit-box summary,
.leadpool-card .lead-action-block .inline-edit-box.empty-value summary,
.leadpool-card .lead-action-block .inline-edit-box.has-value summary {
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 6px;
}
.leadpool-page .lead-action-block .inline-edit-box summary span,
.leadpool-card .lead-action-block .inline-edit-box summary span {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.leadpool-page .lead-action-block .inline-edit-box summary .inline-value-chip,
.leadpool-page .lead-action-block .inline-edit-box.has-value summary .inline-value-chip,
.leadpool-page .lead-action-block .inline-edit-box.empty-value summary .inline-value-chip,
.leadpool-card .lead-action-block .inline-edit-box summary .inline-value-chip,
.leadpool-card .lead-action-block .inline-edit-box.has-value summary .inline-value-chip,
.leadpool-card .lead-action-block .inline-edit-box.empty-value summary .inline-value-chip {
  max-width: 150px;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 7px;
  border: 1px solid rgba(102, 112, 133, 0.16);
  background: rgba(102, 112, 133, 0.08);
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leadpool-page .lead-action-block .inline-edit-box.tone-positive summary .inline-value-chip,
.leadpool-card .lead-action-block .inline-edit-box.tone-positive summary .inline-value-chip {
  color: #087443;
  background: rgba(32, 163, 107, 0.12);
  border-color: rgba(32, 163, 107, 0.2);
}
.leadpool-page .lead-action-block .inline-edit-box.tone-warning summary .inline-value-chip,
.leadpool-card .lead-action-block .inline-edit-box.tone-warning summary .inline-value-chip {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.16);
  border-color: rgba(242, 181, 68, 0.24);
}
.leadpool-page .lead-action-block .inline-edit-box.tone-negative summary .inline-value-chip,
.leadpool-card .lead-action-block .inline-edit-box.tone-negative summary .inline-value-chip {
  color: #b42318;
  background: rgba(253, 162, 155, 0.18);
  border-color: rgba(253, 162, 155, 0.32);
}
.leadpool-page .lead-action-block .inline-edit-box.tone-neutral summary .inline-value-chip,
.leadpool-card .lead-action-block .inline-edit-box.tone-neutral summary .inline-value-chip {
  color: #175cd3;
  background: rgba(47, 100, 214, 0.1);
  border-color: rgba(47, 100, 214, 0.16);
}
.leadpool-page .lead-action-block .inline-edit-box.tone-empty summary .inline-value-chip,
.leadpool-card .lead-action-block .inline-edit-box.tone-empty summary .inline-value-chip {
  color: #667085;
  background: rgba(102, 112, 133, 0.08);
  border-color: rgba(102, 112, 133, 0.16);
}

/* Customer card inner sections: use simple dividers instead of nested cards. */
.leadpool-page .lead-card-flow,
.leadpool-card .lead-card-flow,
.crm-page .lead-card-flow {
  gap: 0;
}
.leadpool-page .lead-info-block,
.leadpool-page .lead-peer-block,
.leadpool-page .lead-phone-block,
.leadpool-page .lead-action-block,
.leadpool-card .lead-info-block,
.leadpool-card .lead-peer-block,
.leadpool-card .lead-phone-block,
.leadpool-card .lead-action-block,
.crm-page .lead-info-block,
.crm-page .lead-phone-block,
.crm-page .lead-follow-block,
.crm-page .lead-peer-block {
  padding: 10px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.leadpool-page .lead-card-flow > .lead-card-block + .lead-card-block,
.leadpool-card .lead-card-flow > .lead-card-block + .lead-card-block {
  border-left: 1px solid rgba(102, 112, 133, 0.16);
}
.crm-page .lead-follow-block,
.crm-page .lead-peer-block {
  border-left: 1px solid rgba(102, 112, 133, 0.16);
}
.crm-page .lead-phone-block {
  border-top: 1px solid rgba(102, 112, 133, 0.16);
}
@media (max-width: 960px) {
  .leadpool-page .lead-card-flow > .lead-card-block + .lead-card-block,
  .leadpool-card .lead-card-flow > .lead-card-block + .lead-card-block,
  .crm-page .lead-card-flow > .lead-card-block + .lead-card-block {
    border-left: 0;
    border-top: 1px solid rgba(102, 112, 133, 0.16);
  }
}

/* CRM customer cards: match the lead-pool lighter board style. */
.crm-page .lead-unified-card {
  color: #344054;
  font-family: var(--app-font-macos);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  border-color: rgba(102, 112, 133, 0.16);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(35, 44, 77, 0.055);
}
.crm-page .lead-unified-card:hover {
  border-color: rgba(47, 100, 214, 0.18);
  box-shadow: 0 10px 26px rgba(35, 44, 77, 0.07);
}
.crm-page .lead-company-name,
.crm-page .mobile-customer-head h3 {
  color: #1f2937;
  font-weight: 600;
  letter-spacing: 0;
}
.crm-page .lead-company-name.follow-alert-overdue {
  color: #b42318;
}
.crm-page .lead-company-name.follow-alert-today {
  color: #b54708;
}
.crm-page .lead-card-block .block-title {
  width: max-content;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  border-radius: 7px;
  border: 1px solid transparent;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}
.crm-page .lead-info-block .block-title,
.crm-page .lead-phone-block .block-title {
  color: #1849a9;
  background: rgba(47, 100, 214, 0.1);
  border-color: rgba(47, 100, 214, 0.14);
}
.crm-page .lead-follow-block .block-title {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.16);
  border-color: rgba(242, 181, 68, 0.22);
}
.crm-page .lead-peer-block .block-title {
  color: #087443;
  background: rgba(32, 163, 107, 0.11);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .lead-asset-details > summary.block-title {
  width: max-content;
  min-height: 24px;
  margin: 10px 12px 0;
  padding: 0 9px;
  justify-content: flex-start;
  color: #176172;
  background: rgba(32, 184, 199, 0.12);
  border: 1px solid rgba(32, 184, 199, 0.16);
}
.crm-page .lead-asset-details > summary.block-title span {
  color: #667085;
  font-size: 11px;
  font-weight: 400;
}
.crm-page .lead-card-block,
.crm-page .lead-phone-block,
.crm-page .lead-follow-block,
.crm-page .lead-peer-block,
.crm-page .lead-asset-block,
.crm-page .lead-status-block {
  background: transparent;
  box-shadow: none;
}
.crm-page .lead-phone-block .block-title::after,
.crm-page .lead-follow-block .block-title::after,
.crm-page .lead-peer-block .block-title::after,
.crm-page .lead-asset-block .block-title::after {
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
}
.crm-page .crm-basic-card,
.crm-page .crm-follow-card,
.crm-page .phone-card,
.crm-page .peer-card,
.crm-page .peer-focus,
.crm-page .customer-follow-box,
.crm-page .follow-history-box,
.crm-page .call-status {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .lead-asset-details {
  border: 0;
  background: transparent;
}
.crm-page .lead-asset-details .asset-grid {
  padding: 10px 12px 12px;
}
.crm-page .asset-card {
  padding: 8px 9px;
  border-color: rgba(102, 112, 133, 0.14);
  background: rgba(249, 251, 253, 0.72);
  box-shadow: none;
}
.crm-page .asset-card-title,
.crm-page .follow-history-title,
.crm-page .product-name,
.crm-page .peer-focus-note b {
  color: #263445;
  font-weight: 500;
  letter-spacing: 0;
}
.crm-page .asset-card-detail,
.crm-page .asset-card-detail a,
.crm-page .customer-follow-note,
.crm-page .follow-history-state,
.crm-page .product-role,
.crm-page .product-scenario,
.crm-page .product-chain-detail span,
.crm-page .peer-focus-note,
.crm-page .status-meta {
  color: #475467;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}
.crm-page .follow-history-note {
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}
.crm-page .follow-history-meta {
  color: #667085;
  font-weight: 400;
  letter-spacing: 0;
}
.crm-page .crm-basic-edit-grid .inline-edit-box summary,
.crm-page .crm-basic-edit-grid .inline-edit-box.empty-value summary,
.crm-page .crm-basic-edit-grid .inline-edit-box.has-value summary,
.crm-page .crm-follow-edit-grid .inline-edit-box summary,
.crm-page .crm-follow-edit-grid .inline-edit-box.empty-value summary,
.crm-page .crm-follow-edit-grid .inline-edit-box.has-value summary,
.crm-page .peer-edit-grid .inline-edit-box summary,
.crm-page .peer-edit-grid .inline-edit-box.empty-value summary,
.crm-page .peer-edit-grid .inline-edit-box.has-value summary {
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 6px;
}
.crm-page .crm-basic-edit-grid .inline-edit-box summary span,
.crm-page .crm-follow-edit-grid .inline-edit-box summary span,
.crm-page .peer-edit-grid .inline-edit-box summary span {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .crm-basic-edit-grid .inline-edit-box summary b,
.crm-page .crm-basic-edit-grid .inline-edit-box.has-value summary b,
.crm-page .crm-basic-edit-grid .inline-edit-box.empty-value summary b,
.crm-page .crm-follow-edit-grid .inline-edit-box summary b,
.crm-page .crm-follow-edit-grid .inline-edit-box.has-value summary b,
.crm-page .crm-follow-edit-grid .inline-edit-box.empty-value summary b,
.crm-page .peer-edit-grid .inline-edit-box summary b,
.crm-page .peer-edit-grid .inline-edit-box.has-value summary b,
.crm-page .peer-edit-grid .inline-edit-box.empty-value summary b {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 150px;
  padding: 0 8px;
  border-radius: 7px;
  border: 1px solid rgba(102, 112, 133, 0.16);
  color: #475467;
  background: rgba(102, 112, 133, 0.08);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.crm-page .crm-basic-edit-grid .inline-edit-box.has-value summary b,
.crm-page .crm-follow-edit-grid .inline-edit-box.has-value summary b,
.crm-page .peer-edit-grid .inline-edit-box.has-value summary b {
  color: #087443;
  background: rgba(32, 163, 107, 0.12);
  border-color: rgba(32, 163, 107, 0.2);
}
.crm-page .crm-basic-edit-grid .inline-edit-box.empty-value summary b,
.crm-page .crm-follow-edit-grid .inline-edit-box.empty-value summary b,
.crm-page .peer-edit-grid .inline-edit-box.empty-value summary b {
  color: #667085;
  background: rgba(102, 112, 133, 0.08);
  border-color: rgba(102, 112, 133, 0.16);
}
.crm-page .crm-basic-edit-grid .inline-edit-box[data-field="website"] summary b {
  max-width: 100%;
  justify-content: flex-start;
  white-space: normal;
  line-height: 1.35;
}
.crm-page .mini-tag,
.crm-page .product-tag,
.crm-page .company-website,
.crm-page .douyin-badge,
.crm-page .badge,
.crm-page .phone-role-tag {
  font-weight: 500;
  letter-spacing: 0;
}
.crm-page .lead-phone-block .phone-number,
.crm-page .lead-phone-block .compact-phone-chip a {
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.crm-page .phone-summary,
.crm-page .compact-phone-chip {
  border-color: rgba(102, 112, 133, 0.14);
  background: rgba(249, 251, 253, 0.72);
}
.crm-page .follow-add-form {
  padding: 7px;
  border-color: rgba(102, 112, 133, 0.14);
  background: rgba(249, 251, 253, 0.74);
  box-shadow: none;
}
.crm-page .card-tool-row {
  gap: 6px;
}

/* CRM compact layout: same rhythm and color balance as the lead pool. */
.crm-page .lead-unified-card {
  padding: 10px;
  border-color: rgba(47, 100, 214, 0.12);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(35, 44, 77, 0.055);
}
.crm-page .lead-card-top {
  gap: 6px;
  padding-bottom: 6px;
}
.crm-page .lead-title-group {
  gap: 5px;
}
.crm-page .lead-header-edit-grid {
  gap: 5px;
}
.crm-page .lead-card-flow {
  grid-template-columns: minmax(360px, 1.18fr) minmax(220px, 0.72fr) minmax(250px, 0.9fr) minmax(280px, 1fr);
  gap: 0;
  padding-top: 8px;
  align-items: start;
}
.crm-page .lead-info-block,
.crm-page .lead-phone-block,
.crm-page .lead-follow-block,
.crm-page .lead-peer-block {
  grid-column: auto;
  grid-row: auto;
  min-height: 0;
  padding: 8px 10px;
  border-top: 0;
  border-left: 0;
}
.crm-page .lead-phone-block,
.crm-page .lead-follow-block,
.crm-page .lead-peer-block {
  border-left: 1px solid rgba(102, 112, 133, 0.16);
}
.crm-page .leadpool-quick-info {
  gap: 8px;
}
.crm-page .leadpool-base-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
}
.crm-page .leadpool-base-item {
  grid-template-columns: 64px minmax(0, 1fr);
  min-height: 25px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .leadpool-base-label {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.09);
  border: 1px solid rgba(47, 100, 214, 0.13);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .leadpool-base-value,
.crm-page .leadpool-base-link {
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
}
.crm-page .leadpool-base-link {
  color: #175cd3;
  text-decoration-thickness: 1px;
}
.crm-page .leadpool-base-item.strong .leadpool-base-value {
  color: #263445;
  font-weight: 500;
}
.crm-page .leadpool-base-item.warn .leadpool-base-value {
  color: #9a5b0a;
  font-weight: 500;
}
.crm-page .lead-asset-block {
  grid-column: 1 / -1;
  grid-row: auto;
  min-height: 0;
  margin-top: 4px;
  padding: 0;
  border-top: 1px solid rgba(102, 112, 133, 0.13);
}
.crm-page .lead-asset-details > summary.block-title {
  min-height: 22px;
  margin: 7px 10px 0;
  padding: 0 8px;
  color: #176172;
  background: rgba(32, 184, 199, 0.1);
  border-color: rgba(32, 184, 199, 0.14);
}
.crm-page .lead-card-block .block-title {
  min-height: 22px;
  padding: 0 8px;
  font-size: 12px;
}
.crm-page .lead-phone-block .block-title::after,
.crm-page .lead-follow-block .block-title::after,
.crm-page .lead-peer-block .block-title::after,
.crm-page .lead-asset-block .block-title::after {
  font-size: 9px;
  font-weight: 500;
}
.crm-page .crm-basic-card,
.crm-page .crm-follow-card {
  gap: 6px;
}
.crm-page .crm-basic-edit-grid,
.crm-page .crm-follow-edit-grid,
.crm-page .peer-edit-grid {
  gap: 5px 8px;
}
.crm-page .crm-basic-edit-grid .inline-edit-box summary,
.crm-page .crm-follow-edit-grid .inline-edit-box summary,
.crm-page .peer-edit-grid .inline-edit-box summary {
  min-height: 22px;
  gap: 5px;
}
.crm-page .crm-basic-edit-grid .inline-edit-box summary span,
.crm-page .crm-follow-edit-grid .inline-edit-box summary span,
.crm-page .peer-edit-grid .inline-edit-box summary span {
  font-size: 11px;
}
.crm-page .crm-basic-edit-grid .inline-edit-box summary b,
.crm-page .crm-follow-edit-grid .inline-edit-box summary b,
.crm-page .peer-edit-grid .inline-edit-box summary b {
  min-height: 20px;
  padding: 0 7px;
  font-size: 11px;
}
.crm-page .phone-list {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 5px;
}
.crm-page .phone-summary {
  min-height: 26px;
  padding: 4px 6px;
  gap: 5px;
}
.crm-page .copy-btn {
  min-height: 21px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 500;
}
.crm-page .phone-more summary {
  min-height: 24px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 500;
}
.crm-page .follow-add-form {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  padding: 5px 6px;
  border-color: rgba(47, 100, 214, 0.12);
  background: rgba(47, 100, 214, 0.045);
}
.crm-page .follow-add-form input,
.crm-page .follow-add-form textarea {
  min-height: 28px;
  padding: 5px 7px;
  font-size: 11px;
}
.crm-page .follow-add-form button {
  min-height: 28px;
  padding: 0 9px;
  font-size: 11px;
}
.crm-page .follow-history-item {
  gap: 2px;
  padding-top: 5px;
}
.crm-page .follow-history-note {
  font-size: 12px;
  line-height: 1.35;
  -webkit-line-clamp: 1;
}
.crm-page .follow-history-state,
.crm-page .follow-history-tags {
  display: none;
}
.crm-page .follow-history-meta,
.crm-page .follow-history-state {
  font-size: 10px;
  line-height: 1.3;
}
.crm-page .follow-history-tags {
  gap: 4px;
}
.crm-page .follow-history-more > summary,
.crm-page .follow-history-edit > summary {
  min-height: 22px;
  padding: 0 7px;
  font-size: 10px;
  font-weight: 500;
}
.crm-page .peer-edit-grid {
  margin-top: 4px;
}
.crm-page .peer-focus {
  gap: 4px;
  margin-top: 5px;
}
.crm-page .peer-focus-note {
  gap: 2px;
  font-size: 11px;
  line-height: 1.35;
}
.crm-page .peer-focus-note span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.crm-page .peer-card .card-tool-row {
  margin-top: 5px;
}
.crm-page .peer-card .card-tool-row summary,
.crm-page .peer-card .card-tool-row button {
  min-height: 28px;
  padding: 0 9px;
  font-size: 11px;
}
.crm-page .mini-tag,
.crm-page .product-tag,
.crm-page .company-website,
.crm-page .douyin-badge,
.crm-page .badge {
  min-height: 21px;
  padding: 0 7px;
  border-radius: 6px;
  font-size: 11px;
}
.crm-page .mini-tag.strong,
.crm-page .product-tag,
.crm-page .company-website {
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border-color: rgba(32, 163, 107, 0.15);
}
.crm-page .mini-tag.warn,
.crm-page .inline-option-form button.inline-option-btn.current,
.crm-page .copy-all {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.14);
  border-color: rgba(242, 181, 68, 0.22);
}
.crm-page .badge.running,
.crm-page .phone-summary,
.crm-page .compact-phone-chip {
  color: #1849a9;
  background: rgba(47, 100, 214, 0.08);
  border-color: rgba(47, 100, 214, 0.12);
}
.crm-page .badge.done,
.crm-page .phone-role-tag.done,
.crm-page .phone-role-tag.running {
  color: #087443;
  background: rgba(32, 163, 107, 0.11);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .asset-grid {
  gap: 6px;
}
.crm-page .asset-card {
  min-height: 0;
  padding: 6px 8px;
  background: rgba(249, 251, 253, 0.68);
}
.crm-page .lead-peer-block .peer-card {
  display: grid;
  gap: 7px;
}
.crm-page .lead-peer-block .peer-card > .mini-tag {
  width: max-content;
  max-width: 100%;
  justify-self: start;
}
.crm-page .lead-peer-block .block-title::after,
.crm-page .lead-phone-block .block-title::after,
.crm-page .lead-follow-block .block-title::after {
  content: none;
  display: none;
}
.crm-page .lead-peer-block .peer-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
  margin-top: 0;
}
.crm-page .lead-peer-block .inline-edit-box[data-field="peer_company"],
.crm-page .lead-peer-block .leadpool-peer-products,
.crm-page .lead-peer-block .inline-edit-box[data-field="peer_summary"] {
  grid-column: 1 / -1;
}
.crm-page .lead-peer-block .inline-edit-box summary,
.crm-page .lead-peer-block .inline-edit-box.empty-value summary,
.crm-page .lead-peer-block .inline-edit-box.has-value summary {
  min-height: 25px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .lead-peer-block .inline-edit-box summary span,
.crm-page .lead-peer-block .leadpool-base-label {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border: 1px solid rgba(32, 163, 107, 0.15);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .lead-peer-block .inline-edit-box summary b,
.crm-page .lead-peer-block .inline-edit-box.has-value summary b,
.crm-page .lead-peer-block .inline-edit-box.empty-value summary b,
.crm-page .lead-peer-block .leadpool-base-value {
  min-height: 0;
  max-width: 100%;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #344054;
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
}
.crm-page .lead-peer-block .leadpool-base-item {
  grid-template-columns: 64px minmax(0, 1fr);
  min-height: 25px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .lead-follow-block .autosave-feedback {
  display: grid;
  gap: 8px;
}
.crm-page .lead-follow-block .inline-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  align-items: center;
}
.crm-page .lead-follow-block .inline-edit-box summary,
.crm-page .lead-follow-block .inline-edit-box.empty-value summary,
.crm-page .lead-follow-block .inline-edit-box.has-value summary {
  min-height: 24px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .lead-follow-block .inline-edit-box summary span {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .lead-follow-block .inline-edit-box summary .inline-value-chip,
.crm-page .lead-follow-block .inline-edit-box.has-value summary .inline-value-chip,
.crm-page .lead-follow-block .inline-edit-box.empty-value summary .inline-value-chip {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  max-width: 130px;
  padding: 0 8px;
  border-radius: 7px;
  border: 1px solid rgba(102, 112, 133, 0.16);
  color: #475467;
  background: rgba(102, 112, 133, 0.08);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .lead-follow-block .inline-edit-box.tone-positive summary .inline-value-chip {
  color: #087443;
  background: rgba(32, 163, 107, 0.12);
  border-color: rgba(32, 163, 107, 0.2);
}
.crm-page .lead-follow-block .inline-edit-box.tone-warning summary .inline-value-chip {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.14);
  border-color: rgba(242, 181, 68, 0.22);
}
.crm-page .lead-follow-block .leadpool-follow-note-form {
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.crm-page .lead-follow-block .leadpool-follow-note-form label {
  display: grid;
  gap: 6px;
}
.crm-page .lead-follow-block .leadpool-follow-note-form label span {
  width: max-content;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: #344054;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.crm-page .lead-follow-block .leadpool-follow-note-form textarea {
  min-height: 58px;
  padding: 8px 9px;
  border: 1px solid rgba(47, 100, 214, 0.14);
  border-radius: 8px;
  color: #344054;
  background: rgba(249, 251, 253, 0.74);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  resize: vertical;
  box-shadow: none;
}

.key-contact-box {
  margin-top: 8px;
  border-top: 1px solid rgba(102, 112, 133, 0.12);
  padding-top: 8px;
}
.key-contact-box > summary {
  width: max-content;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid rgba(32, 163, 107, 0.16);
  border-radius: 7px;
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.key-contact-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
}
.key-contact-form input,
.key-contact-form select {
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(102, 112, 133, 0.16);
  border-radius: 7px;
  color: #344054;
  background: #fff;
  font-size: 12px;
  font-weight: 400;
  min-width: 0;
}
.key-contact-form .wide {
  grid-column: span 2;
}
.lead-phone-block .key-contact-form {
  grid-template-columns: 1fr;
}
.lead-phone-block .key-contact-form .wide {
  grid-column: 1;
}
.lead-phone-block .key-contact-box {
  position: relative;
  display: inline-block;
  width: max-content;
  margin-top: 6px;
  padding-top: 6px;
  overflow: visible;
}
.lead-phone-block .key-contact-box > summary {
  width: max-content;
  min-height: 22px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 500;
}
.lead-phone-block .key-contact-box .key-contact-form {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  z-index: 90;
  width: min(320px, calc(100vw - 32px));
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 0;
  padding: 8px;
  border: 1px solid rgba(204, 216, 233, 0.9);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 42px rgba(27, 48, 98, 0.16);
}
.lead-phone-block .key-contact-box .key-contact-form input,
.lead-phone-block .key-contact-box .key-contact-form select {
  min-height: 28px;
  padding: 4px 7px;
}
.lead-phone-block .key-contact-box .key-contact-form .wide,
.lead-phone-block .key-contact-box .key-contact-form button {
  grid-column: 1 / -1;
}
.lead-phone-block .key-contact-box[open] .key-contact-form {
  display: grid;
}
.lead-phone-block .key-contact-box[open] > summary {
  border-color: rgba(32, 163, 107, 0.24);
  background: rgba(32, 163, 107, 0.14);
}
@media (max-width: 640px) {
  .lead-phone-block .key-contact-box .key-contact-form {
    grid-template-columns: 1fr;
    width: min(300px, calc(100vw - 24px));
  }
}
.key-contact-form button {
  min-height: 30px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
}

.crm-page .lead-card-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  align-items: start;
}
.crm-page .crm-v1-block {
  min-height: 0;
  padding: 10px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .crm-v1-block > .block-title + * {
  margin-top: 8px;
}
.crm-page .crm-v1-block + .crm-v1-block {
  border-left: 1px solid rgba(102, 112, 133, 0.16);
}
.crm-page .crm-v1-block .block-title {
  width: max-content;
  min-height: 22px;
  height: 22px;
  max-height: 22px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
}
.crm-page .crm-v1-focus-block .block-title,
.crm-page .crm-v1-contact-block .block-title,
.crm-page .crm-v1-follow-block .block-title,
.crm-page .crm-v1-content-block .block-title,
.crm-page .crm-v1-profile-block .block-title,
.crm-page .crm-v1-deal-block .block-title {
  min-height: 22px;
  height: 22px;
  max-height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}
.crm-page .crm-v1-block > .block-title::after {
  content: none;
  display: none;
}
.crm-page .crm-v1-focus-block .block-title {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.16);
  border: 1px solid rgba(242, 181, 68, 0.22);
}
.crm-page .crm-v1-contact-block .block-title {
  color: #1849a9;
  background: rgba(47, 100, 214, 0.1);
  border: 1px solid rgba(47, 100, 214, 0.14);
}
.crm-page .crm-v1-follow-block .block-title,
.crm-page .crm-v1-profile-block .block-title {
  color: #087443;
  background: rgba(32, 163, 107, 0.11);
  border: 1px solid rgba(32, 163, 107, 0.16);
}
.crm-page .crm-v1-content-block .block-title,
.crm-page .crm-v1-deal-block .block-title {
  color: #176172;
  background: rgba(32, 184, 199, 0.12);
  border: 1px solid rgba(32, 184, 199, 0.16);
}
.crm-page .crm-v1-chip-row,
.crm-page .crm-v1-contact-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.crm-page .crm-v1-chip {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 0 8px;
  border: 1px solid rgba(102, 112, 133, 0.16);
  border-radius: 7px;
  color: #475467;
  background: rgba(102, 112, 133, 0.08);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.crm-page .crm-v1-chip.blue {
  color: #1849a9;
  background: rgba(47, 100, 214, 0.09);
  border-color: rgba(47, 100, 214, 0.14);
}
.crm-page .crm-v1-chip.green {
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .crm-v1-chip.orange {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.15);
  border-color: rgba(242, 181, 68, 0.22);
}
.crm-page .crm-v1-fields {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.crm-page .crm-v1-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
  margin-top: 8px;
}
.crm-page .crm-v1-focus-edit-grid .inline-edit-box[data-field="intended_products"],
.crm-page .crm-v1-follow-edit-grid .inline-edit-box,
.crm-page .crm-v1-profile-edit-grid .inline-edit-box[data-field="website"],
.crm-page .crm-v1-deal-edit-grid .inline-edit-box {
  grid-column: 1 / -1;
}
.crm-page .crm-v1-block .inline-edit-box {
  min-width: 0;
  position: relative;
}
.crm-page .crm-v1-block .inline-edit-box summary,
.crm-page .crm-v1-block .inline-edit-box.empty-value summary,
.crm-page .crm-v1-block .inline-edit-box.has-value summary {
  min-height: 24px;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .crm-v1-block .inline-edit-box summary span {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.09);
  border: 1px solid rgba(47, 100, 214, 0.13);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .crm-v1-focus-block .inline-edit-box[data-field="follow_stage"] summary span {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.14);
  border-color: rgba(242, 181, 68, 0.22);
}
.crm-page .crm-v1-profile-block .inline-edit-box summary span,
.crm-page .crm-v1-deal-block .inline-edit-box[data-field="pain_points"] summary span {
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .crm-v1-deal-block .inline-edit-box[data-field="peer_company"] summary span,
.crm-page .crm-v1-deal-block .inline-edit-box[data-field="next_action"] summary span {
  color: #176172;
  background: rgba(32, 184, 199, 0.11);
  border-color: rgba(32, 184, 199, 0.16);
}
.crm-page .crm-v1-follow-block .inline-edit-box summary span {
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .crm-v1-block .inline-edit-box summary b,
.crm-page .crm-v1-block .inline-edit-box.has-value summary b,
.crm-page .crm-v1-block .inline-edit-box.empty-value summary b,
.crm-page .crm-v1-block .inline-edit-box summary .inline-value-chip {
  min-height: 0;
  max-width: 100%;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #344054;
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
}
.crm-page .crm-v1-block .inline-edit-box.empty-value summary b,
.crm-page .crm-v1-block .inline-edit-box.empty-value summary .inline-value-chip {
  color: #667085;
}
.crm-page .crm-v1-block .inline-website-links {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm-page .crm-v1-block .inline-website-link {
  color: #175cd3;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.crm-page .crm-v1-block .inline-edit-popover {
  min-width: min(360px, calc(100vw - 28px));
}
.crm-page .crm-v1-today-call-result {
  width: max-content;
  max-width: 100%;
  margin-top: 0;
}
.crm-page .crm-v1-block .crm-v1-today-call-result summary,
.crm-page .crm-v1-block .crm-v1-today-call-result.has-value summary,
.crm-page .crm-v1-block .crm-v1-today-call-result.empty-value summary {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .crm-v1-block .crm-v1-today-call-result summary span {
  min-height: 20px;
  padding: 0 6px;
  border-radius: 6px;
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.13);
  border: 1px solid rgba(242, 181, 68, 0.22);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .crm-v1-block .crm-v1-today-call-result summary b {
  max-width: 88px;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid rgba(102, 112, 133, 0.13);
  border-radius: 6px;
  color: #475467;
  background: rgba(102, 112, 133, 0.06);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crm-page .crm-v1-today-call-result.tone-positive summary b {
  color: #087443;
  background: rgba(32, 163, 107, 0.09);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .crm-v1-today-call-result.tone-warning summary b {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.13);
  border-color: rgba(242, 181, 68, 0.22);
}
.crm-page .crm-v1-today-call-result.tone-negative summary b {
  color: #b42318;
  background: rgba(240, 68, 56, 0.08);
  border-color: rgba(240, 68, 56, 0.16);
}
.crm-page .crm-v1-today-call-result .inline-edit-popover {
  min-width: min(280px, calc(100vw - 28px));
}
.crm-page .crm-v1-deal-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 10px;
}
.crm-page .crm-v1-deal-list .inline-edit-box summary,
.crm-page .crm-v1-deal-list .inline-edit-box.empty-value summary,
.crm-page .crm-v1-deal-list .inline-edit-box.has-value summary {
  grid-template-columns: 72px minmax(0, 1fr);
  min-height: 26px;
  padding-bottom: 7px;
  border-bottom: 1px dashed rgba(102, 112, 133, 0.16);
}
.crm-page .crm-v1-deal-list .inline-edit-box:last-child summary {
  padding-bottom: 0;
  border-bottom: 0;
}
.crm-page .crm-v1-deal-list .inline-edit-box summary span {
  color: #176172;
  background: rgba(32, 184, 199, 0.11);
  border-color: rgba(32, 184, 199, 0.16);
}
.crm-page .crm-v1-deal-list .inline-edit-box[data-field="pain_points"] summary span {
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .customer-content-panel {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(102, 112, 133, 0.18);
}
.crm-page .crm-v1-content-block .customer-content-panel {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.crm-page .customer-content-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
.crm-page .customer-content-head span {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #7a2e0e;
  background: rgba(247, 144, 9, 0.11);
  border: 1px solid rgba(247, 144, 9, 0.18);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .customer-content-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  align-items: start;
}
.crm-page .customer-content-action-menu {
  position: relative;
  min-width: 0;
  z-index: 4;
}
.crm-page .customer-content-action-menu[open] {
  z-index: 30;
}
.crm-page .customer-content-action-menu summary,
.crm-page .customer-content-monitor,
.crm-page .customer-content-inline-form button {
  width: 100%;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 1px solid rgba(102, 112, 133, 0.14);
  border-radius: 6px;
  color: #344054;
  background: rgba(255, 255, 255, 0.82);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
}
.crm-page .customer-content-action-menu summary::-webkit-details-marker {
  display: none;
}
.crm-page .customer-content-action-material summary {
  color: #1849a9;
  background: rgba(47, 100, 214, 0.08);
  border-color: rgba(47, 100, 214, 0.14);
}
.crm-page .customer-content-action-proposal summary,
.crm-page .customer-content-monitor,
.crm-page .customer-content-inline-form button {
  color: #176172;
  background: rgba(32, 184, 199, 0.09);
  border-color: rgba(32, 184, 199, 0.15);
}
.crm-page .customer-content-inline-form {
  min-width: 0;
  display: block;
}
.crm-page .customer-content-create {
  min-width: 0;
  display: grid;
  gap: 5px;
  align-content: start;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: min(260px, calc(100vw - 32px));
  padding: 8px;
  border: 1px solid rgba(102, 112, 133, 0.18);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(16, 24, 40, 0.12);
}
.crm-page .customer-content-create button {
  width: 100%;
  min-height: 28px;
  justify-content: center;
  border-radius: 6px;
  font-size: 12px;
}
.crm-page .customer-content-create select {
  width: 100%;
  min-width: 0;
  min-height: 28px;
  padding: 4px 7px;
  border: 1px solid rgba(102, 112, 133, 0.16);
  border-radius: 6px;
  background: #fff;
  color: #344054;
  font-size: 11px;
  line-height: 1.2;
}
.crm-page .customer-content-summary {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(32, 184, 199, 0.14);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(240, 253, 250, 0.82), rgba(248, 250, 252, 0.76));
}
.crm-page .customer-content-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
}
.crm-page .customer-content-summary-grid span,
.crm-page .customer-content-summary-note span {
  min-width: 0;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0 5px;
  border: 1px solid rgba(102, 112, 133, 0.12);
  border-radius: 6px;
  color: #475467;
  background: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crm-page .customer-content-summary-grid span.primary {
  color: #176172;
  background: rgba(32, 184, 199, 0.11);
  border-color: rgba(32, 184, 199, 0.18);
  font-weight: 700;
}
.crm-page .customer-content-summary-grid b,
.crm-page .customer-content-summary-note b {
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}
.crm-page .customer-content-summary-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 4px;
  align-items: center;
  min-width: 0;
}
.crm-page .customer-content-summary-note em {
  min-width: 0;
  color: #344054;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
}
.crm-page .customer-content-summary-note span.strong {
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .customer-content-summary-note span.warn {
  color: #b42318;
  background: rgba(240, 68, 56, 0.08);
  border-color: rgba(240, 68, 56, 0.16);
}
@media (max-width: 720px) {
  .crm-page .customer-content-actions {
    grid-template-columns: 1fr;
  }
  .crm-page .customer-content-summary-note {
    grid-template-columns: minmax(0, 1fr);
  }
}
.crm-page .customer-content-list {
  display: grid;
  gap: 7px;
}
.crm-page .customer-content-row {
  display: grid;
  grid-template-rows: auto auto;
  gap: 6px;
  min-width: 0;
  min-height: 74px;
  padding: 8px;
  border: 1px solid rgba(102, 112, 133, 0.12);
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.72);
}
.crm-page .customer-content-row:first-child {
  padding-top: 8px;
  border-top: 1px solid rgba(102, 112, 133, 0.12);
}
.crm-page .customer-content-main {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm-page .customer-content-main b {
  min-width: 0;
  min-height: 18px;
  color: #1d2939;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.crm-page .customer-content-main span,
.crm-page .customer-content-empty {
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}
.crm-page .customer-content-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
}
.crm-page .customer-content-primary-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.crm-page .customer-content-more-stats {
  min-width: 0;
}
.crm-page .customer-content-more-stats summary {
  width: max-content;
  max-width: 100%;
  cursor: pointer;
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}
.crm-page .customer-content-more-stats[open] summary {
  color: #176172;
}
.crm-page .customer-content-detail-stats {
  margin-top: 6px;
}
.crm-page .customer-content-stats span {
  min-width: 0;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 6px;
  color: #475467;
  background: rgba(242, 244, 247, 0.82);
  border: 1px solid rgba(102, 112, 133, 0.12);
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crm-page .customer-content-stats span.strong {
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .customer-content-stats span.warn {
  color: #b42318;
  background: rgba(240, 68, 56, 0.08);
  border-color: rgba(240, 68, 56, 0.16);
}
.crm-page .customer-content-empty-card {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px dashed rgba(102, 112, 133, 0.2);
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.62);
}
.crm-page .customer-content-empty-card b {
  color: #344054;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}
.crm-page .customer-content-empty-card span {
  color: #667085;
  font-size: 11px;
  line-height: 1.4;
}
.crm-page .content-pending-overview {
  grid-template-columns: 1fr;
  gap: 12px;
}
.crm-page .content-pending-card {
  min-width: 0;
}
.crm-page .content-pending-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.crm-page .content-pending-head span {
  color: #475467;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}
.crm-page .content-pending-list {
  display: grid;
  gap: 8px;
}
.crm-page .content-pending-row {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(360px, 1.4fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(102, 112, 133, 0.14);
  border-radius: 8px;
  background: #fff;
}
.crm-page .content-pending-main {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 8px;
  align-items: center;
}
.crm-page .content-pending-main b,
.crm-page .content-pending-main em,
.crm-page .content-pending-main small {
  min-width: 0;
  font-style: normal;
  line-height: 1.3;
}
.crm-page .content-pending-main b {
  color: #101828;
  font-size: 14px;
  font-weight: 750;
}
.crm-page .content-pending-main em,
.crm-page .content-pending-main small {
  grid-column: 2;
  color: #667085;
  font-size: 12px;
}
.crm-page .content-pending-copy-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 8px;
}
.crm-page .content-pending-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 7px;
  border: 1px solid rgba(102, 112, 133, 0.12);
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.82);
}
.crm-page .content-pending-copy span {
  grid-column: 1 / -1;
  color: #667085;
  font-size: 11px;
  line-height: 1;
}
.crm-page .content-pending-copy code {
  min-width: 0;
  color: #344054;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.35;
}
.crm-page .content-pending-manual-note {
  color: #667085;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
}
.crm-page .content-pending-copy .primary-copy {
  color: #fff;
  border-color: #176172;
  background: #176172;
}
.crm-page .content-pending-copy .primary-copy:hover {
  background: #0f5968;
}
.crm-page .content-pending-entry {
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(102, 112, 133, 0.12);
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.82);
}
.crm-page .content-pending-entry summary {
  cursor: pointer;
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}
.crm-page .content-pending-entry[open] summary {
  color: #176172;
}
.crm-page .content-pending-entry > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  margin-top: 7px;
}
.crm-page .content-pending-entry code {
  min-width: 0;
  color: #344054;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.35;
}
.crm-page .content-pending-actions {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.crm-page .content-pending-send,
.crm-page .content-pending-revoke {
  margin: 0;
}
.crm-page .content-pending-send button,
.crm-page .content-pending-revoke button {
  min-height: 32px;
  white-space: nowrap;
}
.crm-page .content-pending-revoke button {
  color: #b42318;
  border-color: rgba(240, 68, 56, 0.24);
  background: rgba(240, 68, 56, 0.06);
}
.crm-page .content-pending-empty {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px dashed rgba(102, 112, 133, 0.22);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.72);
}
.crm-page .content-pending-empty b {
  color: #344054;
  font-size: 14px;
  line-height: 1.3;
}
.crm-page .content-pending-empty span {
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}
@media (max-width: 1100px) {
  .crm-page .content-pending-row,
  .crm-page .content-pending-copy-grid {
    grid-template-columns: 1fr;
  }
  .crm-page .content-pending-send button,
  .crm-page .content-pending-revoke button {
    width: 100%;
    justify-content: center;
  }
}
.crm-page .content-tracking-overview {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}
.crm-page .content-tracking-card,
.crm-page .content-template-board,
.crm-page .content-record-card {
  min-width: 0;
}
.crm-page .content-track-metrics {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.crm-page .content-track-metric {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 8px 9px;
  border: 1px solid rgba(102, 112, 133, 0.14);
  border-radius: 8px;
  background: #fff;
}
.crm-page .content-track-metric span {
  color: #667085;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}
.crm-page .content-track-metric b {
  color: #101828;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0;
}
.crm-page .content-flow-line {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.crm-page .content-flow-step {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 8px;
  border-top: 2px solid rgba(32, 184, 199, 0.28);
  background: rgba(248, 250, 252, 0.88);
}
.crm-page .content-flow-step em {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #176172;
  background: rgba(32, 184, 199, 0.13);
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.crm-page .content-flow-step b {
  color: #1d2939;
  font-size: 13px;
  line-height: 1.25;
}
.crm-page .content-flow-step span {
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
}
.crm-page .content-record-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  max-height: 560px;
  overflow: auto;
  padding-right: 4px;
}
.crm-page .content-record-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.15fr) minmax(180px, 0.65fr) minmax(420px, 1.6fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(102, 112, 133, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}
.crm-page .content-record-main {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 8px;
  align-items: center;
}
.crm-page .content-record-type {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.09);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .content-record-type.proposal {
  color: #176172;
  background: rgba(32, 184, 199, 0.1);
}
.crm-page .content-record-main b {
  min-width: 0;
  color: #101828;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}
.crm-page .content-record-main em {
  grid-column: 1 / -1;
  min-width: 0;
  color: #667085;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}
.crm-page .content-record-send {
  min-width: 0;
  display: grid;
  gap: 4px;
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
}
.crm-page .content-record-stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}
.crm-page .content-record-metrics {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.crm-page .content-record-more-stats {
  min-width: 0;
}
.crm-page .content-record-more-stats summary {
  width: max-content;
  max-width: 100%;
  cursor: pointer;
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}
.crm-page .content-record-more-stats[open] summary {
  color: #176172;
}
.crm-page .content-record-detail-stats {
  margin-top: 6px;
}
.crm-page .content-record-stats span {
  min-width: 0;
  min-height: 30px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 4px 6px;
  border: 1px solid rgba(102, 112, 133, 0.12);
  border-radius: 7px;
  color: #667085;
  background: rgba(248, 250, 252, 0.82);
  font-size: 11px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
}
.crm-page .content-record-stats span.opened {
  color: #087443;
  background: rgba(32, 163, 107, 0.08);
  border-color: rgba(32, 163, 107, 0.16);
}
.crm-page .content-record-stats span.pending {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.1);
  border-color: rgba(242, 181, 68, 0.18);
}
.crm-page .content-record-stats b {
  min-width: 0;
  color: #1d2939;
  font-size: 12px;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crm-page .content-template-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 12px;
}
.crm-page .content-template-card {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px 9px;
  border-left: 3px solid rgba(247, 144, 9, 0.4);
  background: rgba(255, 250, 235, 0.62);
}
.crm-page .content-template-card b {
  color: #7a2e0e;
  font-size: 13px;
  line-height: 1.25;
}
.crm-page .content-template-card span {
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
}
@media (max-width: 1180px) {
  .crm-page .content-tracking-overview,
  .crm-page .content-flow-line {
    grid-template-columns: 1fr;
  }
  .crm-page .content-record-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .crm-page .content-record-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .content-track-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.crm-page .crm-v1-field {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-height: 24px;
}
.crm-page .crm-v1-field span {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.09);
  border: 1px solid rgba(47, 100, 214, 0.13);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .crm-v1-field b {
  min-width: 0;
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.crm-page .crm-v1-field.strong b {
  color: #263445;
  font-weight: 500;
}
.crm-page .crm-v1-field.warn span {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.14);
  border-color: rgba(242, 181, 68, 0.22);
}
.crm-page .crm-v1-contact-main {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}
.crm-page .lead-title-product-edit {
  width: min(660px, 100%);
  margin-top: 6px;
}
.crm-page .lead-title-product-edit .inline-edit-box {
  position: relative;
  min-width: 0;
}
.crm-page .lead-title-product-edit .inline-edit-box summary,
.crm-page .lead-title-product-edit .inline-edit-box.empty-value summary,
.crm-page .lead-title-product-edit .inline-edit-box.has-value summary {
  min-height: 24px;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.crm-page .lead-title-product-edit .inline-edit-box summary span {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid rgba(32, 163, 107, 0.16);
  border-radius: 6px;
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .lead-title-product-edit .inline-edit-box summary b,
.crm-page .lead-title-product-edit .inline-edit-box summary .inline-value-chip {
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  white-space: normal;
  overflow-wrap: anywhere;
}
.crm-page .lead-title-product-edit .inline-edit-popover {
  min-width: min(520px, calc(100vw - 28px));
}
.crm-page .crm-v1-person-list {
  display: grid;
  gap: 6px;
}
.crm-page .crm-v1-person-row {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 0 0 6px;
  border: 0;
  border-bottom: 1px dashed rgba(102, 112, 133, 0.16);
  border-radius: 0;
  background: transparent;
}
.crm-page .crm-v1-person-row:last-child {
  padding-bottom: 5px;
}
.crm-page .crm-v1-person-row.secondary {
  border-color: rgba(102, 112, 133, 0.14);
  background: transparent;
}
.crm-page .crm-v1-person-head {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.crm-page .crm-v1-person-kind {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid rgba(47, 100, 214, 0.13);
  border-radius: 6px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.09);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .crm-v1-person-row.secondary .crm-v1-person-kind {
  color: #667085;
  background: rgba(102, 112, 133, 0.07);
  border-color: rgba(102, 112, 133, 0.14);
}
.crm-page .crm-v1-person-name {
  min-width: 0;
  color: #263445;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .crm-v1-person-role {
  width: max-content;
  max-width: 100%;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid rgba(32, 163, 107, 0.14);
  border-radius: 6px;
  color: #087443;
  background: rgba(32, 163, 107, 0.08);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  font-style: normal;
  white-space: nowrap;
}
.crm-page .crm-v1-phone-result {
  width: max-content;
  max-width: 100%;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid rgba(102, 112, 133, 0.13);
  border-radius: 6px;
  color: #475467;
  background: rgba(102, 112, 133, 0.06);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crm-page .crm-v1-phone-result-edit {
  width: max-content;
  max-width: 100%;
}
.crm-page .crm-v1-phone-result-static {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.crm-page .crm-v1-person-row .crm-v1-phone-result-edit summary,
.crm-page .crm-v1-person-row .crm-v1-phone-result-edit.has-value summary,
.crm-page .crm-v1-person-row .crm-v1-phone-result-edit.empty-value summary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 16px;
}
.crm-page .crm-v1-phone-result-label {
  min-height: 16px;
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #98a2b3;
  background: transparent;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.crm-page .crm-v1-person-row .crm-v1-phone-result-edit summary .crm-v1-phone-result,
.crm-page .crm-v1-person-row .crm-v1-phone-result-edit.has-value summary .crm-v1-phone-result,
.crm-page .crm-v1-person-row .crm-v1-phone-result-edit.empty-value summary .crm-v1-phone-result {
  width: max-content;
  max-width: 78px;
  min-height: 16px;
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  color: #667085;
  background: transparent;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
}
.crm-page .crm-v1-phone-result-edit .inline-edit-popover {
  min-width: min(280px, calc(100vw - 28px));
}
.crm-page .crm-v1-phone-result.positive,
.crm-page .crm-v1-phone-result-edit.tone-positive .crm-v1-phone-result {
  color: #087443;
  background: transparent;
  border-color: transparent;
}
.crm-page .crm-v1-phone-result.warning,
.crm-page .crm-v1-phone-result-edit.tone-warning .crm-v1-phone-result {
  color: #9a5b0a;
  background: transparent;
  border-color: transparent;
}
.crm-page .crm-v1-phone-result.negative,
.crm-page .crm-v1-phone-result-edit.tone-negative .crm-v1-phone-result {
  color: #b42318;
  background: transparent;
  border-color: transparent;
}
.crm-page .crm-v1-person-phone {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.crm-page .crm-v1-person-phone span {
  width: max-content;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid rgba(47, 100, 214, 0.12);
  border-radius: 6px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.08);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}
.crm-page .crm-v1-person-phone a,
.crm-page .crm-v1-person-phone b {
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
.crm-page .crm-v1-person-phone .copy-btn {
  min-height: 21px;
  padding: 0 6px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
}
.crm-page .crm-v1-person-row .inline-edit-box {
  position: relative;
  min-width: 0;
  display: inline-flex;
  width: max-content;
  max-width: 100%;
}
.crm-page .crm-v1-person-row .inline-edit-box summary,
.crm-page .crm-v1-person-row .inline-edit-box.has-value summary,
.crm-page .crm-v1-person-row .inline-edit-box.empty-value summary {
  min-height: auto;
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
.crm-page .crm-v1-person-row .inline-edit-box summary::after {
  content: "";
  display: none;
}
.crm-page .crm-v1-person-row .inline-edit-box summary .crm-v1-person-name,
.crm-page .crm-v1-person-row .inline-edit-box summary .crm-v1-person-phone span,
.crm-page .crm-v1-person-row .inline-edit-box summary .crm-v1-person-phone b {
  margin: 0;
}
.crm-page .crm-v1-person-row .inline-edit-box summary .crm-v1-person-name {
  border-bottom: 1px dotted rgba(47, 100, 214, 0.26);
}
.crm-page .crm-v1-person-row .inline-edit-box summary .crm-v1-person-phone b {
  border-bottom: 1px dotted rgba(47, 100, 214, 0.22);
}
.crm-page .crm-v1-person-row .inline-edit-popover {
  min-width: min(320px, calc(100vw - 28px));
}
.crm-page .crm-v1-person-phone-wrap {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.crm-page .crm-v1-contact-name {
  color: #263445;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}
.crm-page .crm-v1-phone-line {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.crm-page .crm-v1-phone-line a {
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
.crm-page .crm-v1-empty {
  color: #667085;
  font-size: 13px;
  font-weight: 400;
}
.crm-page .crm-v1-more-contacts {
  display: grid;
  gap: 6px;
  margin-top: 2px;
}
.crm-page .crm-v1-more-contacts > summary {
  width: max-content;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  border: 1px solid rgba(102, 112, 133, 0.14);
  border-radius: 7px;
  color: #667085;
  background: rgba(102, 112, 133, 0.07);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.crm-page .crm-v1-more-contacts > summary span {
  color: #667085;
  font-size: 11px;
  font-weight: 400;
}
.crm-page .crm-v1-contact-row {
  display: grid;
  grid-template-columns: minmax(58px, 0.8fr) minmax(88px, 1fr) auto auto;
  gap: 6px;
  align-items: center;
  padding-top: 6px;
  border-top: 1px dashed rgba(102, 112, 133, 0.16);
}
.crm-page .crm-v1-contact-row b,
.crm-page .crm-v1-contact-row span {
  min-width: 0;
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .crm-v1-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
.crm-page .quiet-profile-reprocess {
  margin: 0;
  opacity: 0.36;
  transition: opacity 0.16s ease;
}
.crm-page .lead-unified-card:hover .quiet-profile-reprocess,
.crm-page .quiet-profile-reprocess:focus-within {
  opacity: 0.9;
}
.crm-page .quiet-profile-reprocess-btn {
  width: 26px;
  min-width: 26px;
  height: 24px;
  padding: 0;
  border: 1px solid rgba(102, 112, 133, 0.18);
  border-radius: 6px;
  color: #667085;
  background: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  box-shadow: none;
}
.crm-page .quiet-profile-reprocess-btn:hover,
.crm-page .quiet-profile-reprocess-btn:focus-visible {
  color: #175cd3;
  border-color: rgba(47, 100, 214, 0.28);
  background: rgba(47, 100, 214, 0.08);
  outline: none;
}
.crm-page .crm-v1-assets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}
.crm-page .crm-v1-asset {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 7px 8px;
  border: 1px solid rgba(102, 112, 133, 0.14);
  border-radius: 7px;
  background: rgba(249, 251, 253, 0.72);
  box-shadow: none;
}
.crm-page .crm-v1-asset span {
  color: #667085;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}
.crm-page .crm-v1-asset b {
  color: #344054;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.crm-page .crm-v1-asset em {
  min-width: 0;
  color: #475467;
  font-style: normal;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .crm-v1-asset.done {
  border-color: rgba(32, 163, 107, 0.16);
  background: rgba(32, 163, 107, 0.06);
}
.crm-page .crm-v1-asset.pending {
  border-color: rgba(242, 181, 68, 0.18);
  background: rgba(242, 181, 68, 0.07);
}
@media (max-width: 1100px) {
  .crm-page .lead-card-flow {
    grid-template-columns: 1fr;
  }
  .crm-page .crm-v1-block + .crm-v1-block,
  .crm-page .lead-phone-block,
  .crm-page .lead-follow-block,
  .crm-page .lead-peer-block,
  .crm-page .lead-asset-block {
    border-left: 0;
    border-top: 1px solid rgba(102, 112, 133, 0.16);
  }
  .key-contact-form,
  .crm-page .crm-v1-assets,
  .crm-page .crm-v1-edit-grid {
    grid-template-columns: 1fr;
  }
}
.client-header > div:first-child {
  min-width: 0;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  column-gap: 9px;
  align-items: center;
}
.client-header img,
.crm-page .client-header img,
.leadpool-page .client-header img {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 60px;
  margin: 0;
}
.client-header .eyebrow {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  font-size: 11px;
  line-height: 1;
}
.client-header h1 {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin: 4px 0 0;
  font-size: 16px;
  line-height: 1.16;
}
.crm-page .client-header h1,
.leadpool-page .client-header h1 {
  grid-row: 1 / span 2;
  align-self: center;
  margin: 0;
  font-size: 15px;
}
.client-header p {
  grid-column: 1 / -1;
  margin: 8px 0 0;
  max-width: 760px;
  font-size: 13px;
  line-height: 1.5;
}
.header-actions {
  position: static;
  inset: auto;
  z-index: auto;
  flex: 0 0 520px;
  width: 520px;
  max-width: 520px;
  max-height: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  overflow: visible;
  justify-content: flex-end;
}
.header-actions .nav-tabs {
  justify-content: flex-end;
  gap: 5px;
}
.crm-page .header-actions .nav-tabs,
.leadpool-page .header-actions .nav-tabs {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  align-items: stretch;
  justify-content: stretch;
}
.crm-page .header-actions .nav-tabs form,
.leadpool-page .header-actions .nav-tabs form {
  display: contents;
}
.header-actions .status-pill {
  max-width: 132px;
  min-height: 28px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .header-actions .status-pill,
.leadpool-page .header-actions .status-pill {
  display: none;
}
.header-actions .btn,
.header-actions button {
  min-height: 26px;
  padding: 0 7px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
  box-shadow: none;
}
.crm-page .header-actions .nav-tabs a,
.leadpool-page .header-actions .nav-tabs a,
.crm-page .header-actions .nav-tabs button,
.leadpool-page .header-actions .nav-tabs button {
  width: 100%;
  min-width: 0;
  min-height: 26px;
  padding: 0 5px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  box-shadow: none;
}
.crm-page .sales-overview {
  gap: 10px;
  margin: 10px 0 0;
}
.crm-page .sales-workbench-card,
.crm-page .team-board-card {
  padding: 10px 12px;
}
.crm-page .board-head {
  gap: 1px;
  margin-bottom: 8px;
}
.crm-page .board-head .eyebrow {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}
.crm-page .board-head h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
}
.crm-page .sales-kpi-grid {
  gap: 6px;
}
.crm-page .sales-kpi-item {
  min-height: 48px;
  padding: 7px 8px;
  gap: 4px;
  border-radius: 7px;
}
.crm-page .sales-kpi-item span {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}
.crm-page .sales-kpi-item b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.crm-page .crm-boundary-line {
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
  gap: 5px;
  margin-top: 8px;
  padding: 6px 8px;
  border-radius: 7px;
}
.crm-page .crm-boundary-line b,
.crm-page .crm-boundary-line span {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}
.crm-page .team-board-table {
  min-width: 440px;
}
.crm-page .team-board-table th,
.crm-page .team-board-table td {
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 500;
}
.crm-page .team-board-table td:first-child {
  font-weight: 650;
}
.crm-page .team-board-table td:first-child span {
  font-size: 9px;
  font-weight: 500;
}
.crm-page .section-title.inline {
  gap: 8px;
  margin-bottom: 8px;
}
.crm-page .section-title span {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}
.crm-page .section-title h2 {
  margin-top: 2px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.15;
}
.crm-page .section-title.inline .btn {
  min-height: 26px;
  padding: 0 8px;
  font-size: 11px;
  border-radius: 7px;
}
.crm-page .management-scope-bar {
  display: grid;
  grid-template-columns: minmax(190px, .45fr) minmax(0, 1fr);
  gap: 14px;
  align-items: end;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid #dbe4f5;
  border-radius: 10px;
  background: #f7f9fd;
}
.crm-page .management-scope-copy span {
  display: block;
  margin-bottom: 3px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
}
.crm-page .management-scope-copy b {
  display: block;
  color: var(--navy);
  font-size: 14px;
  line-height: 1.35;
}
.crm-page .management-scope-form {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(170px, 1.2fr) auto auto;
  gap: 8px;
  align-items: end;
}
.crm-page .management-scope-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.crm-page .management-scope-form label span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}
.crm-page .management-scope-form select,
.crm-page .management-scope-form button,
.crm-page .management-scope-form a {
  min-height: 30px;
  border-radius: 7px;
  font: inherit;
  font-size: 11px;
}
.crm-page .management-scope-form select {
  width: 100%;
  min-width: 0;
  padding: 0 8px;
  border: 1px solid #cfd9eb;
  background: #fff;
  color: var(--navy);
}
.crm-page .management-scope-form button {
  padding: 0 14px;
  border: 0;
  background: var(--blue);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.crm-page .management-scope-form a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid #cfd9eb;
  color: var(--navy);
  background: #fff;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 840px) {
  .crm-page .management-scope-bar {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .crm-page .management-scope-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .management-scope-form button,
  .crm-page .management-scope-form a {
    width: 100%;
  }
}
.crm-page .crm-toolbar {
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
  margin-bottom: 8px;
  align-items: start;
}
.crm-page .view-tabs,
.crm-page .filter-bar {
  gap: 5px;
}
.crm-page .view-pill {
  min-height: 26px;
  padding: 0 7px;
  gap: 4px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
  box-shadow: none;
}
.crm-page .view-pill b {
  font-size: 10px;
  font-weight: 500;
}
.crm-page .view-pill .tab-badge {
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
  color: #fff;
  background: #e53935;
  font-size: 10px;
  font-weight: 900;
  opacity: 1;
}
.crm-page .filter-pill {
  min-height: 24px;
  padding: 0 7px;
  gap: 4px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
}
.crm-page .filter-pill b {
  font-size: 10px;
  font-weight: 500;
}
.crm-page .wps-import-form {
  display: flex;
  justify-self: end;
  gap: 0;
}
.crm-page .wps-import-form button,
.crm-page .crm-data-tools summary {
  min-height: 26px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
  box-shadow: none;
}
.crm-page .crm-data-tools {
  min-width: 0;
  width: max-content;
  max-width: 220px;
}
.crm-page .crm-data-tools summary {
  gap: 5px;
}
.crm-page .crm-data-tools summary span {
  font-size: 9px;
  font-weight: 500;
}
.crm-page .advanced-filter-form {
  grid-template-columns: minmax(160px, 1.2fr) repeat(5, minmax(92px, 1fr)) auto;
  gap: 5px;
  margin: 0 0 8px;
  padding: 8px;
  border-radius: 7px;
}
.crm-page .advanced-filter-form label {
  gap: 2px;
}
.crm-page .advanced-filter-form label span {
  font-size: 10px;
  font-weight: 500;
}
.crm-page .advanced-filter-form input,
.crm-page .advanced-filter-form select {
  min-height: 28px;
  padding: 4px 7px;
  font-size: 11px;
  border-radius: 7px;
}
.crm-page .filter-submit {
  gap: 5px;
}
.crm-page .filter-submit button,
.crm-page .filter-submit .btn {
  min-height: 28px;
  padding: 0 8px;
  font-size: 11px;
  border-radius: 7px;
}
.deal-management-grid {
  display: grid;
  gap: 10px;
}
.deal-management-card {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) repeat(4, minmax(120px, 0.65fr));
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(47, 100, 214, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 26px rgba(27, 48, 98, 0.06);
}
.deal-management-card h3 {
  margin: 0 0 5px;
  color: #263445;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}
.deal-management-card span {
  display: block;
  color: #667085;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
}
.deal-management-card b {
  display: block;
  margin-top: 4px;
  color: #344054;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.deal-summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0;
}
.deal-summary-grid .summary-card {
  position: relative;
  overflow: hidden;
  min-height: 76px;
  padding: 12px;
  border: 1px solid rgba(204, 216, 233, 0.92);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(35, 44, 77, 0.055);
}
.deals-page .deal-summary-grid .summary-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #2f64d6;
}
.deals-page .deal-summary-grid .summary-card:nth-child(2)::before {
  background: #20a36b;
}
.deals-page .deal-summary-grid .summary-card:nth-child(3)::before {
  background: #d92d20;
}
.deals-page .deal-summary-grid .summary-card:nth-child(4)::before {
  background: #d99a18;
}
.deals-page .deal-summary-grid .summary-card:nth-child(5)::before {
  background: #20a7b8;
}
.deals-page .deal-summary-grid .summary-card:nth-child(6)::before {
  background: #7a5af8;
}
.deal-summary-grid .summary-card span {
  color: #667085;
  font-size: 11px;
  font-weight: 500;
}
.deal-summary-grid .summary-card b {
  display: block;
  margin-top: 5px;
  color: #263445;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.deal-summary-grid .summary-card em {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
}
.deals-page .deal-backfill-panel {
  padding: 12px 14px;
  border-color: rgba(196, 124, 0, 0.26);
  background: rgba(255, 250, 238, 0.94);
  box-shadow: 0 8px 22px rgba(138, 86, 0, 0.07);
}
.deals-page .deal-backfill-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.deals-page .deal-backfill-row h2 {
  margin: 3px 0 4px;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.2;
}
.deals-page .deal-backfill-row p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}
.deals-page .deal-backfill-row form {
  flex: 0 0 auto;
}
.deals-page .deal-backfill-row button {
  min-height: 32px;
}
.deal-create-box {
  margin-bottom: 12px;
}
.deal-create-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.deal-create-form .wide {
  grid-column: span 2;
}
.deal-order-card {
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 14px;
}
.deal-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
  gap: 12px;
  align-items: start;
}
.deal-card-head h3 {
  margin: 2px 0 8px;
  overflow-wrap: anywhere;
}
.deal-head-side {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.deal-head-side .crm-content-drawer-trigger {
  width: 100%;
}
.deal-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.deal-money-box {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(204, 216, 233, 0.72);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}
.deal-money-box span,
.deal-money-box em {
  color: #667085;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
}
.deal-money-box b {
  margin: 0;
  color: #1849a9;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.deal-order-meta {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.deal-order-meta div {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(204, 216, 233, 0.72);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
}
.deal-order-meta span,
.deal-order-form span,
.deal-create-form span {
  color: #667085;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}
.deal-order-meta b {
  margin-top: 4px;
  color: #344054;
  font-size: 12px;
  line-height: 1.35;
}
.deal-order-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border: 1px dashed rgba(47, 100, 214, 0.18);
  border-radius: 8px;
  background: rgba(47, 100, 214, 0.035);
}
.deal-draft-notice {
  margin: 10px 0 0;
  padding: 8px 10px;
  border: 1px solid rgba(196, 124, 0, 0.22);
  border-radius: 8px;
  background: rgba(255, 244, 220, 0.78);
  color: #8a5600;
  font-size: 12px;
  line-height: 1.55;
}
.deal-order-form label,
.deal-file-form,
.deal-step-form {
  min-width: 0;
}
.deal-order-form .wide {
  grid-column: span 2;
}
.deal-order-form input,
.deal-order-form select,
.deal-order-form textarea,
.deal-create-form input,
.deal-create-form select,
.deal-create-form textarea,
.deal-step-form input,
.deal-step-form select,
.deal-file-form input,
.deal-file-form select {
  width: 100%;
  min-width: 0;
  min-height: 30px;
  padding: 5px 8px;
  font-size: 12px;
  border-radius: 7px;
}
.deal-order-form textarea,
.deal-create-form textarea {
  min-height: 58px;
  resize: vertical;
}
.deal-order-form button {
  min-height: 30px;
  align-self: end;
}
.deal-card-split {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
  gap: 12px;
}
.deals-page dialog.deal-detail-drawer {
  width: min(600px, calc(100vw - 40px));
}
.deal-detail-drawer .crm-content-drawer-body {
  display: grid;
  align-content: start;
  gap: 14px;
}
.deal-detail-drawer .deal-order-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.deal-detail-drawer .deal-card-split {
  grid-template-columns: minmax(0, 1fr);
}
.deal-detail-drawer .deal-step-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.deal-detail-drawer .deal-step-main {
  grid-column: 1 / -1;
}
.deal-step-panel,
.deal-file-panel {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.deal-block-title {
  width: max-content;
  max-width: 100%;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid rgba(47, 100, 214, 0.14);
  border-radius: 7px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.08);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.deal-step-list {
  display: grid;
  gap: 7px;
}
.deal-step-form {
  display: grid;
  grid-template-columns: minmax(170px, 1.2fr) minmax(92px, 0.6fr) minmax(88px, 0.65fr) minmax(112px, 0.7fr) minmax(120px, 1fr) auto auto;
  gap: 6px;
  align-items: center;
  padding: 8px;
  border: 1px solid rgba(204, 216, 233, 0.72);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
}
.deal-step-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
}
.deal-step-main > span {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  color: #1849a9;
  background: rgba(47, 100, 214, 0.08);
  border: 1px solid rgba(47, 100, 214, 0.12);
  font-size: 11px;
  font-weight: 700;
}
.deal-step-main b,
.deal-step-main em {
  display: block;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25;
}
.deal-step-main b {
  color: #263445;
  font-size: 12px;
  font-weight: 650;
}
.deal-step-main em {
  color: #667085;
  font-size: 11px;
  font-style: normal;
}
.deal-file-form {
  display: grid;
  grid-template-columns: minmax(92px, 0.55fr) minmax(150px, 1fr) minmax(80px, 0.5fr) minmax(110px, 0.8fr) auto;
  gap: 6px;
  align-items: center;
  padding: 8px;
  border: 1px dashed rgba(32, 163, 107, 0.18);
  border-radius: 8px;
  background: rgba(32, 163, 107, 0.04);
}
.deal-file-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.deal-file-list li {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(204, 216, 233, 0.72);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
}
.deal-file-list a {
  min-width: 0;
  color: #1849a9;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.deal-file-list span,
.deal-file-list em,
.deal-file-list p {
  color: #667085;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
  margin: 0;
}
/* ---------- global visual baseline: follow CRM card style ---------- */
.auth-card,
.upload-panel-card,
.crm-panel,
.sales-workbench-card,
.team-board-card,
.live-activity-panel,
.lead-unified-card,
.leadpool-control-panel,
.crm-toolbar,
.advanced-filter-form,
.api-card,
.asset-card,
.user-stat-card,
.task-card,
.result-panel,
.deal-management-card {
  border-color: var(--line);
  border-radius: 8px;
  background: var(--card);
  box-shadow: var(--shadow);
  backdrop-filter: none;
}
.upload-panel-card:first-child::before,
.live-activity-panel::before,
.sales-workbench-card::before {
  background: linear-gradient(180deg, var(--blue), var(--cyan), var(--gold));
}
h1,
h2,
h3,
.board-head h2,
.lead-company-name,
.peer-name,
.company-name {
  color: var(--ink);
  font-weight: 650;
  letter-spacing: 0;
}
.eyebrow,
.section-title span,
.status-label {
  color: #9a5b0a;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
p,
label,
.muted,
.deal-management-card span {
  color: var(--muted);
  font-weight: 400;
}
input,
select,
textarea {
  color: #344054;
  border-color: var(--line);
  border-radius: 7px;
  background: #fff;
  box-shadow: none;
  font-family: var(--app-font-macos);
  font-weight: 400;
  letter-spacing: 0;
}
input:focus,
select:focus,
textarea:focus {
  border-color: rgba(47, 100, 214, 0.45);
  box-shadow: 0 0 0 3px rgba(47, 100, 214, 0.1);
}
button,
.btn {
  border-radius: 7px;
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
  box-shadow: none;
  font-family: var(--app-font-macos);
  font-weight: 600;
  letter-spacing: 0;
}
button:hover,
.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(47, 100, 214, 0.12);
}
.btn.secondary,
button.secondary,
.nav-tabs a,
.copy-btn,
.mobile-copy-btn,
.mobile-edit-jump,
.ghost,
.crm-data-tools summary,
.leadpool-filter-drawer summary,
.crm-v1-more-contacts > summary {
  color: var(--navy);
  background: #fff;
  border: 1px solid rgba(47, 100, 214, 0.16);
  box-shadow: none;
}
.nav-tabs a.active,
.view-pill.active,
.filter-pill.active,
.pool-pill.active,
.create-lead-box summary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
  box-shadow: none;
}
.badge,
.mini-tag,
.product-tag,
.company-website,
.douyin-badge,
.view-pill,
.filter-pill,
.pool-pill,
.status-pill,
.leadpool-base-label,
.leadpool-base-section-title,
.crm-page .crm-v1-chip,
.crm-page .crm-v1-block .block-title {
  border-radius: 7px;
  box-shadow: none;
  font-weight: 500;
  letter-spacing: 0;
}
.mini-tag.strong,
.badge.done,
.company-website,
.product-tag,
.crm-page .crm-v1-chip.green {
  color: #087443;
  background: rgba(32, 163, 107, 0.1);
  border-color: rgba(32, 163, 107, 0.16);
}
.badge.running,
.crm-page .crm-v1-chip.blue {
  color: #1849a9;
  background: rgba(47, 100, 214, 0.09);
  border-color: rgba(47, 100, 214, 0.14);
}
.mini-tag.warn,
.badge.pending,
.crm-page .crm-v1-chip.orange {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.15);
  border-color: rgba(242, 181, 68, 0.22);
}
.badge.failed {
  color: #b42318;
  background: rgba(217, 45, 32, 0.1);
  border-color: rgba(217, 45, 32, 0.16);
}
.leadpool-page .leadpool-control-panel {
  gap: 7px;
  margin: 0 0 8px;
  padding: 8px 10px;
  border-color: rgba(204, 216, 233, 0.82);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 6px 18px rgba(27, 48, 98, 0.035);
}
.leadpool-page .leadpool-control-head {
  display: grid;
  grid-template-columns: minmax(118px, 158px) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}
.leadpool-page .leadpool-control-head .eyebrow {
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
}
.leadpool-page .leadpool-control-head h3 {
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 1.15;
  white-space: nowrap;
}
.leadpool-page .leadpool-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}
.leadpool-page .leadpool-metrics span {
  flex: 0 1 auto;
  min-height: 24px;
  padding: 3px 7px;
  gap: 5px;
  border-radius: 7px;
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
}
.leadpool-page .leadpool-metrics b {
  min-width: 12px;
  font-size: 13px;
  text-align: right;
}
.leadpool-page .leadpool-control-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
  align-items: center;
}
.leadpool-page .leadpool-actions {
  grid-column: 2;
  justify-self: end;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
}
.leadpool-page .leadpool-actions .ops-action {
  display: grid;
  grid-template-columns: minmax(130px, 180px) 56px 66px;
  gap: 6px;
  align-items: center;
  margin: 0;
  min-width: 0;
}
.leadpool-page .leadpool-bulk-assign {
  grid-template-columns: minmax(130px, 180px) 56px 66px;
  max-width: 320px;
}
.leadpool-page .leadpool-bulk-assign select,
.leadpool-page .leadpool-bulk-assign input,
.leadpool-page .leadpool-actions .ops-action button,
.leadpool-page .leadpool-refresh {
  min-height: 28px;
  padding: 3px 8px;
  font-size: 11px;
}
.leadpool-page .leadpool-filter-status {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.2;
}
.leadpool-page .leadpool-filter-status b {
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.leadpool-page .leadpool-filter-status span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leadpool-page .leadpool-control-panel .advanced-filter-form {
  display: grid;
  grid-template-columns: minmax(150px, 1.35fr) repeat(8, minmax(88px, 1fr)) auto;
  gap: 5px;
  margin: 0;
  padding: 6px;
  max-height: none;
  overflow: visible;
  border: 1px solid rgba(204, 216, 233, 0.72);
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.72);
  box-shadow: none;
}
.leadpool-page .leadpool-control-panel .advanced-filter-form label {
  gap: 3px;
  min-width: 0;
}
.leadpool-page .leadpool-control-panel .advanced-filter-form label span {
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
}
.leadpool-page .leadpool-control-panel .advanced-filter-form input,
.leadpool-page .leadpool-control-panel .advanced-filter-form select {
  min-height: 28px;
  padding: 4px 7px;
  font-size: 11px;
}
.leadpool-page .leadpool-control-panel .filter-submit {
  grid-column: auto;
  align-self: end;
  gap: 5px;
}
.leadpool-page .leadpool-control-panel .filter-submit button,
.leadpool-page .leadpool-control-panel .filter-submit .btn {
  min-height: 28px;
  padding: 0 9px;
  font-size: 11px;
  white-space: nowrap;
}
@media (max-width: 1320px) {
  .leadpool-page .leadpool-control-panel .advanced-filter-form {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .leadpool-page .leadpool-control-panel .filter-submit {
    justify-content: flex-start;
  }
}
@media (max-width: 980px) {
  .leadpool-page .leadpool-control-head,
  .leadpool-page .leadpool-control-body {
    grid-template-columns: 1fr;
  }
  .leadpool-page .leadpool-actions {
    grid-column: 1;
    justify-self: start;
  }
  .leadpool-page .leadpool-filter-status {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
  .leadpool-page .leadpool-control-panel .advanced-filter-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .leadpool-page .leadpool-control-panel .filter-submit {
    grid-column: 1 / -1;
  }
}
table,
th,
td,
.crm-table,
.users-table,
.team-board-table {
  color: #344054;
  border-color: rgba(204, 216, 233, 0.72);
  font-weight: 400;
}
th,
.crm-table th,
.users-table th,
.team-board-table th {
  color: #667085;
  background: rgba(47, 100, 214, 0.05);
  font-weight: 500;
}
.mini-stat,
.summary-item,
.sales-kpi-item,
.leadpool-metrics span,
.lead-card-block,
.crm-page .crm-v1-asset {
  border-color: rgba(204, 216, 233, 0.72);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: none;
}
/* Internal page header: keep every workspace view aligned with the lead-pool header. */
.client-header > div:first-child {
  flex: 0 1 auto;
  min-width: 0;
}
.client-header .eyebrow,
.client-header p {
  display: none;
}
.client-header h1,
.crm-page .client-header h1,
.leadpool-page .client-header h1 {
  grid-row: 1 / span 2;
  align-self: center;
  margin: 0;
  font-size: 15px;
  line-height: 1.16;
}
.header-actions {
  flex: 1 1 auto;
  width: auto;
  max-width: none;
  min-width: 0;
  justify-content: flex-end;
}
.nav-menu {
  width: 100%;
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}
.nav-toggle-input,
.nav-menu-trigger {
  display: none;
}
.header-actions .nav-tabs,
.crm-page .header-actions .nav-tabs,
.leadpool-page .header-actions .nav-tabs {
  width: auto;
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.header-actions .nav-tabs-mobile,
.crm-page .header-actions .nav-tabs-mobile,
.leadpool-page .header-actions .nav-tabs-mobile {
  display: none;
}
.header-actions .nav-tabs form,
.crm-page .header-actions .nav-tabs form,
.leadpool-page .header-actions .nav-tabs form {
  display: flex;
  margin: 0;
}
.header-actions .btn,
.header-actions button,
.header-actions .nav-tabs a,
  .header-actions .nav-tabs button,
  .crm-page .header-actions .nav-tabs a,
  .leadpool-page .header-actions .nav-tabs a,
  .crm-page .header-actions .nav-tabs button,
  .leadpool-page .header-actions .nav-tabs button {
  width: auto;
  min-width: max-content;
  flex: 0 0 auto;
  padding: 0 8px;
  white-space: nowrap;
}
.header-actions .status-pill {
  display: none;
}
.brand-logo,
.client-header img,
.crm-page .client-header img,
.leadpool-page .client-header img {
  height: auto;
  object-fit: contain;
  aspect-ratio: 147 / 80;
}
.crm-page .crm-v1-focus-block .block-title,
.crm-page .crm-v1-contact-block .block-title,
.crm-page .crm-v1-follow-block .block-title,
.crm-page .crm-v1-content-block .block-title,
.crm-page .crm-v1-profile-block .block-title,
.crm-page .crm-v1-deal-block .block-title {
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  padding: 0 9px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.crm-page .crm-v1-block .crm-v1-phone-result-edit summary .crm-v1-phone-result-label,
.crm-page .crm-v1-block .crm-v1-phone-result-static .crm-v1-phone-result-label {
  min-height: 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #98a2b3;
  background: transparent;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
}
.crm-page .crm-v1-block .crm-v1-phone-result-edit summary .crm-v1-phone-result,
.crm-page .crm-v1-block .crm-v1-phone-result-static .crm-v1-phone-result {
  min-height: 16px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
}
.data-screen-page .client-header > div:first-child {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
}
.data-screen-page .client-header img {
  width: 68px;
  margin: 0;
}
.data-screen-page .client-header h1 {
  grid-row: 1 / span 2;
  align-self: center;
  margin: 0;
  font-size: 15px;
  line-height: 1.16;
}
.data-screen-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}
.data-kpi {
  min-height: 72px;
  padding: 13px 14px;
  border: 1px solid rgba(47, 100, 214, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}
.data-kpi span {
  display: block;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}
.data-kpi b {
  display: block;
  margin-top: 8px;
  color: var(--navy);
  font-size: 24px;
  font-weight: 850;
  line-height: 1;
}
.data-kpi em {
  display: block;
  margin-top: 7px;
  color: #667085;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
}
.data-screen-topbar {
  margin-top: 12px;
}
.data-screen-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(280px, 0.72fr);
  gap: 12px;
  align-items: stretch;
  margin: 12px 0;
}
.data-screen-grid-secondary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.screen-wide {
  grid-row: span 2;
}
.screen-block {
  min-height: 240px;
  padding: 14px;
}
.screen-block-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.screen-block-head span {
  display: block;
  color: var(--blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
}
.screen-block-head h2 {
  margin: 4px 0 0;
  color: var(--navy);
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
}
.screen-block-head em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}
.screen-source-note {
  display: block;
  margin-top: 6px;
  color: #9a5b10;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}
.screen-map-summary .screen-source-note {
  background: rgba(242, 181, 68, 0.16);
  border-color: rgba(242, 181, 68, 0.34);
  color: #8a4b08;
}
.screen-funnel-list,
.screen-table-list,
.screen-risk-list,
.screen-recent-list,
.screen-split-list {
  display: grid;
  gap: 9px;
}
.screen-funnel-row {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 52px;
  gap: 10px;
  align-items: center;
  min-height: 44px;
}
.screen-funnel-row strong,
.screen-table-row strong,
.screen-risk-row strong,
.screen-recent-row strong {
  display: block;
  color: var(--navy);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.screen-funnel-row small,
.screen-table-row small,
.screen-risk-row small,
.screen-recent-row small {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.screen-funnel-row > span {
  display: block;
  height: 12px;
  border-radius: 999px;
  background: #edf3f8;
  overflow: hidden;
}
.screen-funnel-row > span b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #3158c9, #46b7c8, #eead35);
}
.screen-funnel-row em,
.screen-table-row em,
.screen-risk-row em {
  color: var(--navy);
  font-size: 13px;
  font-style: normal;
  font-weight: 850;
  text-align: right;
  white-space: nowrap;
}
.screen-split-row,
.screen-table-row,
.screen-risk-row,
.screen-recent-row {
  min-height: 42px;
  display: grid;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(216, 225, 239, 0.72);
  text-decoration: none;
}
.screen-split-row {
  grid-template-columns: minmax(0, 1fr) 58px 48px;
}
.screen-split-row span {
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}
.screen-split-row strong {
  color: var(--navy);
  font-size: 16px;
  font-weight: 850;
  text-align: right;
}
.screen-split-row em {
  color: #667085;
  font-size: 11px;
  font-style: normal;
  font-weight: 650;
  text-align: right;
}
.screen-grade-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}
.screen-grade-pill {
  min-width: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid rgba(47, 100, 214, 0.12);
  border-radius: 8px;
  background: rgba(247, 250, 252, 0.88);
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}
.screen-grade-pill b {
  color: var(--navy);
  font-size: 14px;
  font-weight: 850;
}
.screen-table-row {
  grid-template-columns: minmax(0, 1fr) 48px;
}
.screen-risk-row {
  grid-template-columns: minmax(0, 1fr) 76px;
  color: inherit;
}
.screen-risk-row:hover {
  background: rgba(49, 88, 201, 0.04);
}
.screen-recent-row {
  grid-template-columns: 112px minmax(0, 1fr);
}
.screen-recent-row > span {
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.screen-money-grid {
  display: grid;
  gap: 10px;
}
.screen-money-grid div {
  padding: 12px;
  border: 1px solid rgba(47, 100, 214, 0.12);
  border-radius: 8px;
  background: rgba(247, 250, 252, 0.86);
}
.screen-money-grid span,
.screen-money-grid em {
  display: block;
  color: #667085;
  font-size: 11px;
  font-style: normal;
  font-weight: 650;
}
.screen-money-grid b {
  display: block;
  margin: 6px 0 5px;
  color: var(--navy);
  font-size: 18px;
  font-weight: 850;
  line-height: 1.15;
}
.screen-map-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}
.screen-map-summary span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(47, 100, 214, 0.12);
  border-radius: 8px;
  color: #344054;
  background: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 700;
}
.screen-map-section {
  margin-top: 12px;
}
.screen-map-top {
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.7fr);
  justify-content: stretch;
}
.screen-chart-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0;
}
.screen-chart-card {
  min-height: 280px;
  padding: 14px;
}
.screen-chart-wide {
  grid-column: span 2;
}
.chart-trend-shell {
  display: grid;
  gap: 8px;
}
.chart-trend-svg {
  width: 100%;
  height: auto;
  min-height: 210px;
  display: block;
  border: 1px solid rgba(47, 100, 214, 0.1);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(247, 250, 252, 0.9), rgba(255,255,255,0.9));
}
.trend-grid line {
  stroke: rgba(102, 112, 133, 0.16);
  stroke-width: 1;
}
.trend-line {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.trend-line.follow { stroke: #3158c9; }
.trend-line.visit { stroke: #2ea77a; }
.trend-line.invite { stroke: #eead35; }
.trend-labels text {
  fill: #667085;
  font-size: 11px;
  font-weight: 650;
}
.trend-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}
.trend-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.trend-legend i {
  width: 18px;
  height: 4px;
  border-radius: 999px;
}
.trend-legend i.follow { background: #3158c9; }
.trend-legend i.visit { background: #2ea77a; }
.trend-legend i.invite { background: #eead35; }
.chart-bar-list {
  display: grid;
  gap: 10px;
}
.chart-bar-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 52px;
  gap: 10px;
  align-items: center;
}
.chart-bar-row i {
  color: #8a96a8;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}
.chart-bar-row strong {
  display: block;
  color: var(--navy);
  font-size: 13px;
  font-weight: 820;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chart-bar-row small {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 11px;
  font-weight: 620;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chart-bar-row span {
  display: block;
  margin-top: 6px;
  height: 9px;
  border-radius: 999px;
  background: #edf3f8;
  overflow: hidden;
}
.chart-bar-row span b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #3158c9, #46b7c8);
}
.chart-bar-row em {
  color: var(--navy);
  font-size: 14px;
  font-style: normal;
  font-weight: 850;
  text-align: right;
}
.chart-donut-wrap {
  min-height: 204px;
  display: grid;
  grid-template-columns: minmax(140px, 0.72fr) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}
.chart-donut {
  width: min(170px, 100%);
  aspect-ratio: 1;
  margin: 0 auto;
  display: grid;
  place-items: center;
  border-radius: 999px;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(47, 100, 214, 0.08);
}
.chart-donut::after {
  content: "";
  position: absolute;
  inset: 28%;
  border-radius: inherit;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(216, 225, 239, 0.82);
}
.chart-donut b,
.chart-donut span {
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
}
.chart-donut b {
  color: var(--navy);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}
.chart-donut span {
  margin-top: 4px;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
}
.chart-donut-legend {
  display: grid;
  gap: 9px;
}
.chart-donut-legend-row {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) 42px;
  gap: 8px;
  align-items: center;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}
.chart-donut-legend-row span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--dot);
}
.chart-donut-legend-row b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chart-donut-legend-row em {
  color: var(--navy);
  font-size: 13px;
  font-style: normal;
  font-weight: 850;
  text-align: right;
}
.screen-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.screen-compare-card {
  min-height: 92px;
  padding: 12px;
  border: 1px solid rgba(47, 100, 214, 0.12);
  border-radius: 8px;
  background: rgba(247, 250, 252, 0.86);
}
.screen-compare-card span,
.screen-compare-card em {
  display: block;
  color: #667085;
  font-size: 11px;
  font-style: normal;
  font-weight: 680;
  line-height: 1.25;
}
.screen-compare-card b {
  display: block;
  margin: 8px 0 7px;
  color: var(--navy);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}
.data-screen-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0;
}
.period-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.period-tabs a {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid rgba(47, 100, 214, 0.14);
  border-radius: 8px;
  color: var(--navy);
  background: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 700;
}
.period-tabs a.active {
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
  border-color: transparent;
}
.visit-heatmap-layout {
  display: grid;
  grid-template-columns: minmax(0, 880px) minmax(300px, 340px);
  justify-content: center;
  gap: 12px;
  align-items: stretch;
}
.visit-map-card,
.visit-rank-card {
  min-height: 500px;
  padding: 14px;
}
.visit-map-head,
.visit-rank-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
.visit-map-head h2,
.visit-rank-head h2 {
  margin: 0;
  color: var(--navy);
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
}
.visit-map-head span,
.visit-rank-head span {
  color: #667085;
  font-size: 12px;
  font-weight: 600;
}
.visit-map-shell {
  position: relative;
  min-height: 420px;
  border: 1px solid rgba(47, 100, 214, 0.14);
  border-radius: 8px;
  overflow: hidden;
  background: #eef4f6;
}
#visit-heatmap-map {
  width: 100%;
  height: 420px;
  min-height: 420px;
}
.map-load-fallback {
  position: absolute;
  inset: auto 14px 14px 14px;
  z-index: 410;
  display: none;
  padding: 10px 12px;
  border: 1px solid rgba(238, 173, 53, 0.28);
  border-radius: 8px;
  color: #8a5a12;
  background: rgba(255, 250, 239, 0.94);
  font-size: 12px;
  font-weight: 650;
}
.map-legend {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 410;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(216, 225, 239, 0.95);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 24px rgba(17, 27, 67, 0.09);
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}
.legend-dot {
  width: 22px;
  height: 12px;
  border-radius: 999px;
}
.legend-low { background: #9de2c2; }
.legend-mid { background: #f6c85a; }
.legend-high { background: #f28b36; }
.legend-hot { background: #bf3f38; }
.visit-rank-list {
  display: grid;
  gap: 10px;
  max-height: 448px;
  overflow: auto;
  padding-right: 4px;
}
.visit-rank-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 42px;
  gap: 9px;
  align-items: center;
}
.visit-rank-row i {
  color: #8a96a8;
  font-style: normal;
  font-size: 12px;
  font-weight: 750;
}
.visit-rank-row strong {
  display: block;
  color: var(--navy);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}
.visit-rank-row span {
  display: block;
  margin-top: 5px;
  height: 8px;
  border-radius: 999px;
  background: #edf3f8;
  overflow: hidden;
}
.visit-rank-row span b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #30a679, #f2b544, #c3483d);
}
.visit-rank-row em {
  color: var(--navy);
  font-style: normal;
  font-size: 14px;
  font-weight: 850;
  text-align: right;
}
.visit-abnormal-box {
  margin-top: 18px;
  padding: 13px;
  border: 1px solid rgba(238, 173, 53, 0.28);
  border-radius: 8px;
  color: #8a5a12;
  background: rgba(255, 248, 236, 0.8);
  font-size: 12px;
  line-height: 1.55;
}
.visit-map-note {
  margin-top: 10px;
  color: #667085;
  font-size: 12px;
  line-height: 1.55;
}
.leaflet-container {
  font-family: var(--app-font-macos);
  background: #eef4f6;
}
.visit-heat-marker {
  border: 0;
  background: transparent;
  pointer-events: auto;
}
.visit-heat-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background:
    radial-gradient(circle,
      rgba(var(--heat-rgb), 0.55) 0%,
      rgba(var(--heat-rgb), 0.34) 24%,
      rgba(var(--heat-rgb), 0.18) 48%,
      rgba(var(--heat-rgb), 0.07) 68%,
      rgba(var(--heat-rgb), 0) 82%);
  filter: blur(1px);
  mix-blend-mode: multiply;
}
.visit-heat-low { --heat-rgb: 46, 167, 122; }
.visit-heat-mid { --heat-rgb: 238, 173, 53; }
.visit-heat-high { --heat-rgb: 217, 138, 33; }
.visit-heat-hot { --heat-rgb: 191, 63, 56; }
.visit-heat-core {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: rgb(var(--heat-rgb));
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.88), 0 6px 12px rgba(17, 27, 67, 0.14);
}
.visit-heat-label {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(8px, -28px);
  min-width: max-content;
  padding: 4px 8px;
  border: 1px solid rgba(216, 225, 239, 0.94);
  border-radius: 7px;
  color: #344054;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 16px rgba(17, 27, 67, 0.08);
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
}
.visit-map-popup {
  min-width: 180px;
  color: #344054;
  font-size: 12px;
  line-height: 1.55;
}
.visit-map-popup b {
  display: block;
  color: var(--navy);
  font-size: 14px;
  margin-bottom: 4px;
}
.visit-map-popup-companies {
  margin-top: 6px;
  color: var(--muted);
}
.data-screen-page .client-header.panel {
  z-index: 1800;
}
.data-screen-page .screen-map-section {
  position: relative;
  z-index: 1;
}
.data-screen-page .visit-map-shell {
  isolation: isolate;
  contain: paint;
  z-index: 0;
}
.data-screen-page .leaflet-container {
  z-index: 0;
}
.data-screen-page .leaflet-pane,
.data-screen-page .leaflet-top,
.data-screen-page .leaflet-bottom,
.data-screen-page .leaflet-control {
  z-index: 20;
}
.data-screen-page .data-screen-kpis {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0;
}
.data-screen-page .data-screen-sales-overview {
  grid-template-columns: minmax(360px, 0.82fr) minmax(520px, 1.18fr);
  gap: 12px;
  margin: 12px 0;
  align-items: stretch;
}
.data-screen-page .today-sales-card,
.data-screen-page .today-team-card {
  padding: 16px;
  min-width: 0;
  overflow: hidden;
}
.data-screen-page .today-sales-kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.data-screen-page .today-sales-kpi-item {
  min-height: 68px;
  padding: 11px 10px;
  border-radius: 7px;
}
.data-screen-page .today-sales-kpi-item span {
  font-size: 11px;
}
.data-screen-page .today-sales-kpi-item b {
  font-size: 24px;
}
.data-screen-page .today-team-card .team-action-list {
  max-height: 220px;
}
.data-screen-page .today-team-card .team-action-row {
  grid-template-columns: minmax(120px, 0.78fr) minmax(110px, 0.55fr) minmax(240px, 1.1fr);
  background: rgba(255, 255, 255, 0.64);
}
.data-screen-page .data-kpi {
  min-height: 54px;
  padding: 9px 10px;
  border-radius: 7px;
}
.data-screen-page .data-kpi span {
  font-size: 11px;
  line-height: 1.05;
}
.data-screen-page .data-kpi b {
  margin-top: 5px;
  font-size: 19px;
}
.data-screen-page .data-kpi em {
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.15;
}
.data-screen-page .screen-chart-card {
  min-height: 250px;
  overflow: hidden;
}
.data-screen-page .screen-chart-wide {
  min-height: 300px;
}
.data-screen-page .chart-scroll-list {
  max-height: 208px;
  overflow: auto;
  overscroll-behavior: auto;
  padding-right: 5px;
}
.data-screen-page .visit-rank-list.chart-bar-list {
  max-height: 448px;
  overflow: auto;
  overscroll-behavior: auto;
}
.data-screen-page .chart-bar-list::-webkit-scrollbar,
.data-screen-page .visit-rank-list::-webkit-scrollbar {
  width: 6px;
}
.data-screen-page .chart-bar-list::-webkit-scrollbar-thumb,
.data-screen-page .visit-rank-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(47, 100, 214, 0.18);
}
.data-screen-page .chart-trend-svg {
  min-height: 220px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}
.data-screen-page .trend-bar {
  transform-box: fill-box;
  transform-origin: center bottom;
  opacity: 0.96;
  filter: drop-shadow(0 8px 10px rgba(16, 38, 95, 0.13));
}
.data-screen-page .trend-bar.follow { fill: #2f64d6; }
.data-screen-page .trend-bar.visit { fill: #20a36b; }
.data-screen-page .trend-bar.invite { fill: #f2b544; }
.data-screen-page .chart-bar-row {
  min-height: 38px;
}
.data-screen-page .chart-bar-row span {
  height: 10px;
  border-radius: 5px;
  background: rgba(237, 243, 248, 0.95);
  box-shadow: inset 0 0 0 1px rgba(47, 100, 214, 0.04);
}
.data-screen-page .chart-bar-row span b {
  border-radius: 4px;
  background: linear-gradient(90deg, #2f64d6 0%, #20b8c7 56%, #f2b544 100%);
  box-shadow: 0 0 14px rgba(47, 100, 214, 0.22);
}
.data-screen-page .chart-donut-wrap {
  min-height: 190px;
  grid-template-columns: minmax(138px, 0.68fr) minmax(0, 1fr);
}
.data-screen-page .chart-donut {
  width: min(168px, 100%);
  background: transparent;
  box-shadow: none;
}
.data-screen-page .chart-donut::after {
  display: none;
}
.data-screen-page .chart-pie-svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
  transform: rotate(-90deg);
  filter: drop-shadow(0 14px 18px rgba(16, 38, 95, 0.14));
}
.data-screen-page .pie-track,
.data-screen-page .pie-empty,
.data-screen-page .pie-segment {
  fill: none;
  stroke-width: 22;
}
.data-screen-page .pie-track {
  stroke: rgba(237, 243, 248, 0.95);
}
.data-screen-page .pie-empty {
  stroke: rgba(204, 216, 233, 0.85);
}
.data-screen-page .pie-segment {
  stroke-linecap: butt;
  stroke-linejoin: round;
}
.data-screen-page .pie-segment.chart-color-0 { stroke: var(--blue); }
.data-screen-page .pie-segment.chart-color-1 { stroke: var(--cyan); }
.data-screen-page .pie-segment.chart-color-2 { stroke: var(--gold); }
.data-screen-page .pie-segment.chart-color-3 { stroke: var(--green); }
.data-screen-page .pie-segment.chart-color-4 { stroke: var(--gold-2); }
.data-screen-page .pie-segment.chart-color-5 { stroke: var(--color-status-danger); }
.chart-donut-legend-row span.chart-color-0 { background: var(--blue); }
.chart-donut-legend-row span.chart-color-1 { background: var(--cyan); }
.chart-donut-legend-row span.chart-color-2 { background: var(--gold); }
.chart-donut-legend-row span.chart-color-3 { background: var(--green); }
.chart-donut-legend-row span.chart-color-4 { background: var(--gold-2); }
.chart-donut-legend-row span.chart-color-5 { background: var(--color-status-danger); }
.data-screen-page .chart-donut-center {
  position: absolute;
  inset: 31%;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff, #f7fbff);
  box-shadow: 0 0 0 1px rgba(216, 225, 239, 0.9), 0 12px 24px rgba(16, 38, 95, 0.08);
}
.data-screen-page .chart-donut-center b {
  color: var(--navy);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}
.data-screen-page .chart-donut-center span {
  margin-top: 4px;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
}
.data-screen-page .chart-donut-legend {
  max-height: 178px;
  overflow: auto;
  overscroll-behavior: auto;
  padding-right: 4px;
}
.data-screen-page .chart-donut-legend-row {
  grid-template-columns: 12px minmax(0, 1fr) 62px;
}
.data-screen-page .chart-donut-legend-row em {
  display: grid;
  justify-items: end;
  gap: 1px;
  line-height: 1.05;
}
.data-screen-page .chart-donut-legend-row em small {
  color: #667085;
  font-size: 10px;
  font-weight: 650;
}
@keyframes screenBuzzIn {
  0% { opacity: 0; transform: translateY(24px) scale(0.982); filter: blur(8px); }
  55% { opacity: 1; transform: translateY(-2px) scale(1.006); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
@keyframes trendBarRise {
  from { transform: scaleY(0.05); opacity: 0.35; filter: blur(3px); }
  to { transform: scaleY(1); opacity: 0.96; filter: blur(0) drop-shadow(0 8px 10px rgba(16, 38, 95, 0.13)); }
}
@keyframes barFill {
  from { width: 0; opacity: 0.35; }
  to { opacity: 1; }
}
@keyframes pieSweep {
  from { stroke-dasharray: 0 100; opacity: 0.35; }
  to { opacity: 1; }
}
@keyframes rowFadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.data-screen-page.screen-motion-ready .screen-animate {
  opacity: 0;
  transform: translateY(24px) scale(0.982);
}
.data-screen-page.screen-motion-ready .screen-animate.is-visible {
  animation: screenBuzzIn 680ms cubic-bezier(.2,.88,.18,1) both;
  animation-delay: var(--screen-delay, 0ms);
}
.data-screen-page.screen-motion-ready .screen-animate .trend-bar,
.data-screen-page.screen-motion-ready .screen-animate .pie-segment,
.data-screen-page.screen-motion-ready .screen-animate .chart-bar-row span b,
.data-screen-page.screen-motion-ready .screen-animate .chart-bar-row,
.data-screen-page.screen-motion-ready .screen-animate .chart-donut-legend-row {
  animation-play-state: paused;
}
.data-screen-page.screen-motion-ready .screen-animate .trend-bar {
  animation: trendBarRise 760ms cubic-bezier(.2,.88,.18,1) both;
  animation-delay: var(--bar-delay, 0ms);
  animation-play-state: paused;
}
.data-screen-page.screen-motion-ready .screen-animate .pie-segment {
  animation: pieSweep 820ms cubic-bezier(.2,.88,.18,1) both;
  animation-delay: var(--pie-delay, 0ms);
  animation-play-state: paused;
}
.data-screen-page.screen-motion-ready .screen-animate .chart-bar-row {
  animation: rowFadeUp 460ms ease both;
  animation-delay: var(--row-delay, 0ms);
  animation-play-state: paused;
}
.data-screen-page.screen-motion-ready .screen-animate .chart-bar-row span b {
  animation: barFill 820ms cubic-bezier(.2,.88,.18,1) both;
  animation-delay: var(--row-delay, 0ms);
  animation-play-state: paused;
}
.data-screen-page.screen-motion-ready .screen-animate .chart-donut-legend-row {
  animation: rowFadeUp 420ms ease both;
  animation-delay: var(--row-delay, 0ms);
  animation-play-state: paused;
}
.data-screen-page.screen-motion-ready .screen-animate.is-visible .trend-bar,
.data-screen-page.screen-motion-ready .screen-animate.is-visible .pie-segment,
.data-screen-page.screen-motion-ready .screen-animate.is-visible .chart-bar-row span b,
.data-screen-page.screen-motion-ready .screen-animate.is-visible .chart-bar-row,
.data-screen-page.screen-motion-ready .screen-animate.is-visible .chart-donut-legend-row {
  animation-play-state: running;
}
@media (prefers-reduced-motion: reduce) {
  .data-screen-page.screen-motion-ready .screen-animate,
  .data-screen-page.screen-motion-ready .screen-animate.is-visible,
  .data-screen-page.screen-motion-ready .screen-animate * {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}
@media (max-width: 1100px) {
  .data-screen-grid,
  .data-screen-grid-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .screen-chart-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .data-screen-page .data-screen-sales-overview {
    grid-template-columns: 1fr;
  }
  .data-screen-page .today-team-card .team-action-row {
    grid-template-columns: minmax(120px, 0.78fr) minmax(110px, 0.55fr) minmax(220px, 1fr);
  }
  .data-screen-page .data-screen-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .screen-wide {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  .screen-chart-wide {
    grid-column: 1 / -1;
  }
  .deal-summary-grid,
  .deal-order-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .deal-create-form,
  .deal-order-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .deal-card-split {
    grid-template-columns: 1fr;
  }
  .deal-step-form {
    grid-template-columns: minmax(180px, 1fr) minmax(96px, 0.5fr) minmax(96px, 0.5fr);
  }
  .deal-step-form .badge,
  .deal-step-form button {
    width: 100%;
  }
  .deal-file-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .deal-management-card {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 840px) {
  .app-shell,
  .leadpool-page.app-shell,
  .data-screen-page.app-shell {
    padding: 12px 12px 24px;
  }
  .client-header,
  .crm-page .client-header,
  .leadpool-page .client-header,
  .data-screen-page .client-header {
    display: grid;
    gap: 14px;
  }
  .client-header > div:first-child {
    grid-template-columns: 56px minmax(0, 1fr);
    column-gap: 10px;
  }
  .client-header img,
  .crm-page .client-header img,
  .leadpool-page .client-header img,
  .data-screen-page .client-header img {
    width: 56px;
  }
  .client-header h1 {
    font-size: 15px;
  }
  .crm-page .client-header h1,
  .leadpool-page .client-header h1,
  .data-screen-page .client-header h1 {
    font-size: 15px;
  }
  .header-actions {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    justify-content: stretch;
  }
  .nav-menu {
    width: 100%;
    display: grid;
    gap: 6px;
    justify-content: stretch;
  }
  .nav-menu-trigger {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid rgba(47, 100, 214, 0.16);
    border-radius: 7px;
    color: var(--navy);
    background: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
  }
  .nav-menu-trigger b {
    color: #667085;
    font-size: 10px;
    font-weight: 500;
  }
  .nav-menu-trigger::after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
  }
  .nav-toggle-input:checked + .nav-menu-trigger::after {
    transform: rotate(225deg) translate(-1px, -1px);
  }
  .header-actions .nav-tabs,
  .crm-page .header-actions .nav-tabs,
  .leadpool-page .header-actions .nav-tabs,
  .data-screen-page .header-actions .nav-tabs {
    width: 100%;
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    padding: 6px;
    border: 1px solid rgba(47, 100, 214, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    justify-content: stretch;
  }
  .header-actions .nav-tabs-desktop,
  .crm-page .header-actions .nav-tabs-desktop,
  .leadpool-page .header-actions .nav-tabs-desktop,
  .data-screen-page .header-actions .nav-tabs-desktop {
    display: none;
  }
  .nav-toggle-input:checked ~ .nav-tabs-mobile {
    display: grid;
  }
  .nav-tabs-mobile .mobile-nav-section {
    grid-column: 1 / -1;
    min-height: 18px;
    display: flex;
    align-items: center;
    padding: 3px 4px 0;
    color: #667085;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
  }
  .nav-tabs-mobile .mobile-nav-section + a,
  .nav-tabs-mobile .mobile-nav-section + .mobile-account-link {
    margin-top: 0;
  }
  .header-actions .nav-tabs form,
  .crm-page .header-actions .nav-tabs form,
  .leadpool-page .header-actions .nav-tabs form,
  .data-screen-page .header-actions .nav-tabs form {
    display: contents;
  }
  .header-actions .nav-tabs a,
  .header-actions .nav-tabs button,
  .crm-page .header-actions .nav-tabs a,
  .leadpool-page .header-actions .nav-tabs a,
  .data-screen-page .header-actions .nav-tabs a,
  .crm-page .header-actions .nav-tabs button,
  .leadpool-page .header-actions .nav-tabs button,
  .data-screen-page .header-actions .nav-tabs button {
    width: 100%;
    min-width: 0;
  }
  .data-screen-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .data-screen-page .data-screen-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .data-screen-grid,
  .data-screen-grid-secondary {
    grid-template-columns: 1fr;
  }
  .screen-chart-grid {
    grid-template-columns: 1fr;
  }
  .data-screen-page .today-sales-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .team-action-row,
  .data-screen-page .today-team-card .team-action-row {
    grid-template-columns: 1fr;
  }
  .team-action-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .screen-map-top {
    grid-template-columns: 1fr;
  }
  .screen-block {
    min-height: auto;
  }
  .screen-funnel-row {
    grid-template-columns: 82px minmax(0, 1fr) 42px;
  }
  .screen-recent-row {
    grid-template-columns: 88px minmax(0, 1fr);
  }
  .chart-donut-wrap {
    grid-template-columns: 1fr;
  }
  .data-screen-page .chart-donut-wrap {
    grid-template-columns: 1fr;
  }
  .screen-compare-grid {
    grid-template-columns: 1fr;
  }
  .visit-heatmap-layout {
    grid-template-columns: 1fr;
  }
  .visit-map-card,
  .visit-rank-card {
    min-height: auto;
  }
  #visit-heatmap-map,
  .visit-map-shell {
    min-height: 420px;
    height: 420px;
  }
  .deal-management-card {
    grid-template-columns: 1fr;
  }
  .deals-page .deal-backfill-row {
    display: grid;
    align-items: stretch;
  }
  .deals-page .deal-backfill-row form,
  .deals-page .deal-backfill-row button {
    width: 100%;
  }
  .deal-summary-grid,
  .deal-order-meta,
  .deal-create-form,
  .deal-order-form,
  .deal-file-form {
    grid-template-columns: 1fr;
  }
  .deal-create-form .wide,
  .deal-order-form .wide {
    grid-column: auto;
  }
  .deal-card-head {
    grid-template-columns: 1fr;
  }
  .deal-detail-drawer .deal-order-form,
  .deal-detail-drawer .deal-step-form {
    grid-template-columns: 1fr;
  }
  .deal-detail-drawer .deal-order-form .wide,
  .deal-detail-drawer .deal-step-main {
    grid-column: auto;
  }
  .deal-step-form {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px) {
  .header-actions .nav-tabs,
  .crm-page .header-actions .nav-tabs,
  .leadpool-page .header-actions .nav-tabs,
  .data-screen-page .header-actions .nav-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .data-screen-kpis {
    grid-template-columns: 1fr;
  }
  .data-screen-page .data-screen-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mobile-app-tabbar,
.mobile-account-panel,
.mobile-workspace-topbar {
  display: none;
}
@media (max-width: 840px) {
  [data-app-shell="1"] {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
  }
  .crm-page.app-shell,
  .leadpool-page.app-shell,
  .profile-page.app-shell {
    width: min(100%, 760px);
    padding: 12px 12px calc(92px + env(safe-area-inset-bottom));
  }
  .crm-page .client-header,
  .leadpool-page .client-header,
  .profile-page .client-header {
    display: none;
  }
  .crm-page .crm-overview,
  .crm-page .crm-toolbar,
  .crm-page .advanced-filter-form,
  .crm-page .form-actions,
  .crm-page .pagination-bar,
  .leadpool-page .leadpool-control-panel,
  .leadpool-page .form-actions,
  .leadpool-page .pagination-bar {
    display: none;
  }
  /* 手机端不能只显示“待发送”入口而把待发送队列藏掉，销售需要在这里确认或取消。 */
  .crm-page .content-pending-overview {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0 0 10px;
  }
  .crm-page .content-pending-card {
    padding: 12px;
  }
  .crm-page .content-pending-card .board-head {
    gap: 3px;
  }
  .crm-page .content-pending-card .board-head h2 {
    font-size: 17px;
  }
  .crm-page .content-pending-card .board-head em {
    font-size: 11px;
    line-height: 1.4;
  }
  .crm-page .crm-panel,
  .leadpool-page .crm-panel {
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .crm-page .crm-card-list,
  .leadpool-page .crm-card-list {
    margin-top: 0;
    gap: 10px;
  }
  .mobile-miniapp-card {
    gap: 12px;
    padding: 14px;
    border-radius: 8px;
    background: #fff;
  }
  .mobile-miniapp-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .mobile-miniapp-status {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    color: #344054;
    background: #eef2f8;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
  }
  .mobile-miniapp-status.warn {
    color: #9a5b0a;
    background: rgba(242, 181, 68, 0.2);
  }
  .mobile-miniapp-status.danger {
    color: #b42318;
    background: rgba(244, 63, 94, 0.12);
  }
  .mobile-miniapp-company {
    margin: 0;
    color: #111827;
    font-size: 19px;
    line-height: 1.22;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-miniapp-phone-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border-radius: 8px;
    background: #f6f9fd;
  }
  .mobile-miniapp-phone,
  .mobile-phone-empty {
    min-width: 0;
    color: #1f67c7;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 950;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-phone-empty {
    color: #98a2b3;
  }
  .mobile-miniapp-phone-row > span:last-child {
    color: #667085;
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
  }
  .mobile-miniapp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0;
  }
  .mobile-miniapp-grid .mobile-customer-label {
    font-size: 11px;
  }
  .mobile-miniapp-grid .mobile-customer-value {
    font-size: 14px;
  }
  .mobile-miniapp-grid .mobile-customer-field[data-mobile-open-field] {
    position: relative;
    cursor: pointer;
  }
  .mobile-miniapp-grid .mobile-customer-field[data-mobile-open-field] .mobile-customer-value {
    padding-right: 16px;
  }
  .mobile-miniapp-grid .mobile-customer-field[data-mobile-open-field]::after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 5px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #98a2b3;
    border-bottom: 1.5px solid #98a2b3;
    transform: rotate(-45deg);
  }
  .mobile-miniapp-note {
    min-height: 38px;
    padding: 9px 10px;
    border: 1px solid rgba(204, 216, 233, 0.75);
    border-radius: 8px;
    color: #475467;
    background: rgba(248, 251, 255, 0.86);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .mobile-miniapp-source {
    min-width: 0;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid rgba(204, 216, 233, 0.82);
    border-radius: 8px;
    color: #344054;
    background: #fff;
    font-size: 12px;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-app-tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 520;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 7px 12px calc(7px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(204, 216, 233, 0.92);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -12px 28px rgba(27, 48, 98, 0.1);
    backdrop-filter: blur(14px);
  }
  .mobile-app-tab {
    min-width: 0;
    min-height: 50px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    border-radius: 8px;
    color: #667085;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
  }
  .mobile-app-tab-icon {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #eef2f8;
    color: #475467;
    font-size: 12px;
    font-weight: 950;
  }
  .mobile-app-tab b {
    font-size: 12px;
    line-height: 1;
  }
  .mobile-app-tab.active {
    color: var(--blue);
    background: rgba(47, 100, 214, 0.07);
  }
  .mobile-app-tab.active .mobile-app-tab-icon {
    color: #fff;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
  }
  .material-library-page .mobile-workspace-topbar,
  .deals-page .mobile-workspace-topbar {
    position: sticky;
    top: 0;
    z-index: 530;
    min-height: 52px;
    display: grid;
    grid-template-columns: minmax(72px, 1fr) minmax(0, 1.4fr) minmax(72px, 1fr);
    align-items: center;
    gap: 8px;
    margin: -12px -12px 12px;
    padding: calc(8px + env(safe-area-inset-top)) 12px 8px;
    border-bottom: 1px solid rgba(204, 216, 233, 0.92);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 20px rgba(27, 48, 98, 0.08);
    backdrop-filter: blur(14px);
  }
  .mobile-workspace-topbar a {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #475467;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
  }
  .mobile-workspace-topbar-back span {
    color: var(--blue);
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
  }
  .mobile-workspace-topbar strong {
    min-width: 0;
    overflow: hidden;
    color: #17233b;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-workspace-topbar-account {
    justify-content: flex-end;
  }
  body.mobile-detail-mode .mobile-app-tabbar {
    display: none;
  }
  .lead-unified-card.mobile-detail-open,
  .lead-unified-card.mobile-detail-open * {
    min-width: 0;
    box-sizing: border-box;
  }
  .lead-unified-card.mobile-detail-open {
    width: 100%;
    max-width: none;
  }
  .lead-unified-card.mobile-detail-open .lead-card-flow,
  .crm-page .lead-unified-card.mobile-detail-open .lead-card-flow,
  .leadpool-page .lead-unified-card.mobile-detail-open .lead-card-flow {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0 0 18px;
  }
  .lead-unified-card.mobile-detail-open .lead-card-block,
  .lead-unified-card.mobile-detail-open .lead-more-details {
    width: 100%;
    margin: 0;
    border-left: 0;
    border-top: 0;
    border-radius: 8px;
    overflow: visible;
  }
  .lead-unified-card.mobile-detail-open .lead-info-block,
  .lead-unified-card.mobile-detail-open .lead-phone-block,
  .lead-unified-card.mobile-detail-open .lead-follow-block,
  .lead-unified-card.mobile-detail-open .lead-peer-block,
  .lead-unified-card.mobile-detail-open .lead-action-block,
  .lead-unified-card.mobile-detail-open .lead-asset-block {
    grid-column: auto;
    grid-row: auto;
    padding: 10px 12px;
  }
  .lead-unified-card.mobile-detail-open .inline-edit-grid,
  .lead-unified-card.mobile-detail-open .lead-header-edit-grid,
  .lead-unified-card.mobile-detail-open .crm-basic-edit-grid,
  .lead-unified-card.mobile-detail-open .crm-follow-edit-grid,
  .lead-unified-card.mobile-detail-open .peer-edit-grid,
  .lead-unified-card.mobile-detail-open .crm-v1-edit-grid,
  .lead-unified-card.mobile-detail-open .crm-v1-person-row,
  .lead-unified-card.mobile-detail-open .key-contact-form,
  .lead-unified-card.mobile-detail-open .phone-check-form,
  .lead-unified-card.mobile-detail-open .follow-add-form,
  .lead-unified-card.mobile-detail-open .lead-more-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
  }
  .lead-unified-card.mobile-detail-open .inline-edit-box,
  .lead-unified-card.mobile-detail-open .assign-inline-box,
  .lead-unified-card.mobile-detail-open .inline-edit-box summary,
  .lead-unified-card.mobile-detail-open .assign-inline-box summary,
  .lead-unified-card.mobile-detail-open .phone-check-form select,
  .lead-unified-card.mobile-detail-open .phone-check-form input,
  .lead-unified-card.mobile-detail-open .phone-check-form button,
  .lead-unified-card.mobile-detail-open .phone-check-field,
  .lead-unified-card.mobile-detail-open .phone-check-note {
    width: 100%;
    max-width: 100%;
  }
  .lead-unified-card.mobile-detail-open .inline-edit-box summary,
  .lead-unified-card.mobile-detail-open .assign-inline-box summary {
    justify-content: space-between;
  }
  .lead-unified-card.mobile-detail-open .inline-edit-box summary b,
  .lead-unified-card.mobile-detail-open .assign-inline-box summary b {
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .lead-unified-card.mobile-detail-open .phone-list {
    grid-template-columns: 1fr;
  }
  .lead-unified-card.mobile-detail-open .lead-more-grid .lead-card-block,
  .lead-unified-card.mobile-detail-open .lead-more-grid .lead-asset-block {
    grid-column: auto;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    color: #344054;
    font-family: var(--app-font-macos);
    font-size: 13px;
    line-height: 1.45;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block > .block-title {
    width: auto;
    min-height: 0;
    height: auto;
    max-height: none;
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 0 7px;
    border: 0;
    border-bottom: 1px solid rgba(204, 216, 233, 0.78);
    border-radius: 0;
    color: #1d2939;
    background: transparent;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block > .block-title::after {
    content: none;
    display: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-edit-grid,
  .lead-unified-card.mobile-detail-open .crm-v1-deal-list,
  .lead-unified-card.mobile-detail-open .crm-v1-fields,
  .lead-unified-card.mobile-detail-open .crm-v1-contact-main,
  .lead-unified-card.mobile-detail-open .crm-v1-person-list,
  .lead-unified-card.mobile-detail-open .crm-v1-assets,
  .lead-unified-card.mobile-detail-open .customer-content-panel,
  .lead-unified-card.mobile-detail-open .customer-content-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 0;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box {
    display: block;
    width: 100%;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box summary,
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box.has-value summary,
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box.empty-value summary,
  .lead-unified-card.mobile-detail-open .crm-v1-field {
    min-height: 34px;
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    width: 100%;
    padding: 7px 0;
    border: 0;
    border-bottom: 1px solid rgba(204, 216, 233, 0.62);
    border-radius: 0;
    color: #344054;
    background: transparent;
    box-shadow: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box summary::after {
    content: none;
    display: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box:last-child summary,
  .lead-unified-card.mobile-detail-open .crm-v1-field:last-child {
    border-bottom: 0;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box summary span,
  .lead-unified-card.mobile-detail-open .crm-v1-field span,
  .lead-unified-card.mobile-detail-open .crm-v1-person-kind,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result-label,
  .lead-unified-card.mobile-detail-open .crm-v1-person-phone span,
  .lead-unified-card.mobile-detail-open .customer-content-head span {
    min-height: 0;
    display: block;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #667085;
    background: transparent;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.45;
    white-space: normal;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box summary b,
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box summary .inline-value-chip,
  .lead-unified-card.mobile-detail-open .crm-v1-field b {
    display: block;
    min-height: 0;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #1d2939;
    background: transparent;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    box-shadow: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box.empty-value summary b,
  .lead-unified-card.mobile-detail-open .crm-v1-block .inline-edit-box.empty-value summary .inline-value-chip {
    color: #98a2b3;
    font-weight: 500;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .crm-v1-today-call-result,
  .lead-unified-card.mobile-detail-open .crm-v1-block .crm-v1-today-call-result summary,
  .lead-unified-card.mobile-detail-open .crm-v1-block .crm-v1-today-call-result.has-value summary,
  .lead-unified-card.mobile-detail-open .crm-v1-block .crm-v1-today-call-result.empty-value summary {
    width: max-content;
    max-width: 100%;
    min-height: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .crm-v1-today-call-result summary span,
  .lead-unified-card.mobile-detail-open .crm-v1-block .crm-v1-today-call-result summary b {
    min-height: 0;
    display: inline;
    width: auto;
    max-width: 160px;
    padding: 0;
    border: 0;
    color: #667085;
    background: transparent;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.45;
    white-space: nowrap;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-block .crm-v1-today-call-result summary b {
    color: #1d2939;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-row {
    display: grid;
    gap: 6px;
    padding: 9px 0;
    border: 0;
    border-bottom: 1px solid rgba(204, 216, 233, 0.62);
    border-radius: 0;
    background: transparent;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-row:last-child {
    border-bottom: 0;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-head {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 4px 8px;
    align-items: start;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-head .crm-v1-person-kind {
    grid-column: 1;
    grid-row: 1;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-head .crm-v1-person-name-edit,
  .lead-unified-card.mobile-detail-open .crm-v1-person-head > .crm-v1-person-name {
    grid-column: 2;
    grid-row: 1;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-role,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result-edit,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result-static {
    grid-column: 1 / -1;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-name {
    color: #1d2939;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.35;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    border: 0;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-role,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result-edit summary .crm-v1-phone-result {
    display: inline;
    width: auto;
    max-width: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #475467;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    white-space: normal;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result.positive,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result-edit.tone-positive .crm-v1-phone-result {
    color: #087443;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result.warning,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result-edit.tone-warning .crm-v1-phone-result {
    color: #9a5b0a;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result.negative,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-result-edit.tone-negative .crm-v1-phone-result {
    color: #b42318;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-phone-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-phone {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-phone a,
  .lead-unified-card.mobile-detail-open .crm-v1-person-phone b,
  .lead-unified-card.mobile-detail-open .crm-v1-phone-line a {
    color: #175cd3;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-row .inline-edit-box,
  .lead-unified-card.mobile-detail-open .crm-v1-person-row .inline-edit-box summary,
  .lead-unified-card.mobile-detail-open .crm-v1-person-row .inline-edit-box.has-value summary,
  .lead-unified-card.mobile-detail-open .crm-v1-person-row .inline-edit-box.empty-value summary {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-person-row .inline-edit-box summary::after {
    content: none;
    display: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-more-contacts > summary {
    width: max-content;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    color: #175cd3;
    background: transparent;
    font-size: 12px;
    font-weight: 650;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-contact-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) auto auto;
    gap: 6px;
    align-items: center;
    padding-top: 6px;
    border-top: 1px solid rgba(204, 216, 233, 0.62);
  }
  .lead-unified-card.mobile-detail-open .crm-v1-contact-row b,
  .lead-unified-card.mobile-detail-open .crm-v1-contact-row span {
    color: #475467;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-assets {
    gap: 5px;
    padding-top: 4px;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-asset,
  .lead-unified-card.mobile-detail-open .crm-v1-asset.done,
  .lead-unified-card.mobile-detail-open .crm-v1-asset.pending {
    display: grid;
    grid-template-columns: 54px 58px minmax(0, 1fr);
    gap: 6px;
    align-items: start;
    padding: 2px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-asset span {
    color: #667085;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-asset b {
    color: #1d2939;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
  }
  .lead-unified-card.mobile-detail-open .crm-v1-asset em {
    min-width: 0;
    color: #475467;
    font-size: 12px;
    font-style: normal;
    line-height: 1.35;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  .lead-unified-card.mobile-detail-open .customer-content-panel {
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(204, 216, 233, 0.78);
  }
  .lead-unified-card.mobile-detail-open .crm-v1-content-block .customer-content-panel {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .lead-unified-card.mobile-detail-open .customer-content-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .lead-unified-card.mobile-detail-open .customer-content-head span {
    color: #1d2939;
    font-size: 13px;
    font-weight: 750;
  }
  .lead-unified-card.mobile-detail-open .customer-content-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }
  .lead-unified-card.mobile-detail-open .customer-content-action-menu summary,
  .lead-unified-card.mobile-detail-open .customer-content-monitor,
  .lead-unified-card.mobile-detail-open .customer-content-inline-form button {
    min-height: 28px;
    padding: 0 6px;
    border-radius: 7px;
    font-size: 12px;
  }
  .lead-unified-card.mobile-detail-open .customer-content-monitor,
  .lead-unified-card.mobile-detail-open .customer-content-inline-form button {
    width: 100%;
  }
  .lead-unified-card.mobile-detail-open .customer-content-create {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    width: min(260px, calc(100vw - 42px));
    padding: 8px;
  }
  .lead-unified-card.mobile-detail-open .customer-content-create select {
    min-height: 30px;
    padding: 5px 8px;
    border: 1px solid rgba(204, 216, 233, 0.9);
    border-radius: 7px;
    background: #fff;
    color: #344054;
    font-size: 12px;
  }
  .lead-unified-card.mobile-detail-open .customer-content-create button {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 12px;
  }
  .lead-unified-card.mobile-detail-open .customer-content-row {
    gap: 6px;
    min-height: 74px;
    padding: 8px;
    border: 1px solid rgba(204, 216, 233, 0.72);
    border-radius: 7px;
    background: rgba(248, 250, 252, 0.78);
  }
  .lead-unified-card.mobile-detail-open .customer-content-row:first-child {
    padding-top: 8px;
    border-top: 1px solid rgba(204, 216, 233, 0.72);
  }
  .lead-unified-card.mobile-detail-open .customer-content-main b {
    min-height: 18px;
    color: #1d2939;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .lead-unified-card.mobile-detail-open .customer-content-main span,
  .lead-unified-card.mobile-detail-open .customer-content-empty {
    color: #667085;
    font-size: 12px;
    line-height: 1.45;
  }
  .lead-unified-card.mobile-detail-open .customer-content-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }
  .lead-unified-card.mobile-detail-open .customer-content-stats span {
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border: 1px solid rgba(204, 216, 233, 0.72);
    border-radius: 6px;
    color: #475467;
    background: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.mobile-detail-mode .inline-edit-box[open] .inline-edit-popover {
    position: fixed;
    left: 12px;
    right: 12px;
    top: auto;
    bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 610;
    width: auto;
    max-width: none;
    max-height: min(68vh, 520px);
    overflow: auto;
    transform: translate(0, 0);
  }
  .mobile-account-panel {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
    padding: 14px;
    border-radius: 8px;
  }
  .mobile-account-head {
    display: grid;
    gap: 4px;
  }
  .mobile-account-head span {
    color: #667085;
    font-size: 12px;
    font-weight: 850;
  }
  .mobile-account-head b {
    color: #111827;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 950;
  }
  .mobile-account-grid {
    display: grid;
    gap: 8px;
  }
  .mobile-account-action,
  .mobile-account-action button {
    width: 100%;
    min-height: 54px;
    display: grid;
    gap: 4px;
    align-content: center;
    padding: 9px 11px;
    border: 1px solid rgba(204, 216, 233, 0.78);
    border-radius: 8px;
    color: #182238;
    background: #fff;
    text-align: left;
    text-decoration: none;
  }
  .mobile-account-action b,
  .mobile-account-action button b {
    font-size: 14px;
    line-height: 1.15;
    font-weight: 950;
  }
  .mobile-account-action span,
  .mobile-account-action button span {
    color: #667085;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 650;
  }
  .mobile-account-logout {
    margin: 0;
  }
  .mobile-account-logout button {
    cursor: pointer;
  }
}
.app-shell,
.leadpool-page.app-shell,
.data-screen-page.app-shell {
  padding-top: 0;
}
.client-header.panel,
.crm-page .client-header.panel,
.leadpool-page .client-header.panel,
.data-screen-page .client-header.panel,
.profile-page .client-header.panel {
  position: sticky;
  top: 0;
  z-index: 640;
  width: calc(100% + 32px);
  max-width: none;
  margin-top: 0;
  margin-left: -16px;
  margin-right: -16px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.copy-toast {
  right: 24px;
  bottom: 24px;
  z-index: 10020;
  width: min(360px, calc(100vw - 32px));
  min-height: 46px;
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 11px 13px 11px 11px;
  border: 1px solid rgba(204, 216, 233, 0.88);
  border-radius: 8px;
  color: #182238;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 42px rgba(27, 48, 98, 0.16);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.42;
  backdrop-filter: blur(16px) saturate(1.08);
}
.copy-toast::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  box-shadow: 0 0 0 4px rgba(47, 100, 214, 0.09);
}
.copy-toast.error {
  border-color: rgba(217, 45, 32, 0.18);
  color: #7a271a;
  background: rgba(255, 251, 250, 0.98);
}
.copy-toast.error::before {
  background: #d92d20;
  box-shadow: 0 0 0 4px rgba(217, 45, 32, 0.09);
}
.xzm-page-loader {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #182238;
  background:
    linear-gradient(180deg, rgba(247, 252, 255, 0.98), rgba(255, 250, 241, 0.94));
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.24s ease, visibility 0.24s ease;
}
.xzm-page-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.xzm-loader-card {
  width: min(360px, calc(100vw - 48px));
  display: grid;
  gap: 12px;
  justify-items: center;
  padding: 24px 24px 22px;
  border: 1px solid rgba(204, 216, 233, 0.72);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 22px 54px rgba(27, 48, 98, 0.12);
}
.xzm-loader-card img {
  width: 84px;
  height: auto;
  object-fit: contain;
}
.xzm-loader-card span {
  color: #344054;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
}
.xzm-loader-track {
  width: 100%;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(47, 100, 214, 0.1);
}
.xzm-loader-track i {
  display: block;
  width: 44%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), var(--cyan), var(--gold));
  animation: xzmLoaderRun 1s ease-in-out infinite;
}
@keyframes xzmLoaderRun {
  0% { transform: translateX(-110%); }
  55% { transform: translateX(85%); }
  100% { transform: translateX(240%); }
}
/* 2026-07-10 approved UI pass: clearer desktop controls and compact mobile utilities. */
.client-header > div:first-child {
  flex: 0 0 auto;
  min-width: max-content;
}
.client-header h1,
.crm-page .client-header h1,
.leadpool-page .client-header h1 {
  white-space: nowrap;
}
.lead-profile-form .form-field {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.lead-profile-form .form-field > span {
  color: #526177;
  font-size: var(--ui-label-font);
  font-weight: 700;
  line-height: 1.25;
}
.crm-page .crm-content-drawer-trigger-row {
  min-width: 0;
  display: grid;
  gap: 7px;
  margin-top: 8px;
}
.crm-page .crm-content-feedback-head {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.crm-page .crm-content-feedback-head > em {
  min-width: 0;
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .crm-content-feedback-status {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #526177;
  background: rgba(102, 112, 133, 0.09);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.crm-page .crm-content-feedback-status.authorized,
.crm-page .crm-content-feedback-status.opened {
  color: #087443;
  background: rgba(32, 163, 107, 0.11);
}
.crm-page .crm-content-feedback-status.hot {
  color: #b54708;
  background: rgba(247, 144, 9, 0.14);
}
.crm-page .crm-content-feedback-status.pending,
.crm-page .crm-content-feedback-status.waiting {
  color: #175cd3;
  background: rgba(47, 100, 214, 0.1);
}
.crm-page .crm-content-compact-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}
.crm-page .crm-content-compact-metrics span {
  min-width: 0;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0 5px;
  overflow: hidden;
  border: 1px solid rgba(32, 184, 199, 0.14);
  border-radius: 7px;
  color: #526177;
  background: rgba(32, 184, 199, 0.06);
  font-size: 11px;
  white-space: nowrap;
}
.crm-page .crm-content-compact-metrics b {
  color: #176172;
  font-size: 12px;
  font-weight: 800;
}
.crm-page .crm-content-latest-row {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  padding: 7px 8px;
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.86);
}
.crm-page .crm-content-latest-row span {
  min-height: 21px;
  display: inline-flex;
  align-items: center;
  padding: 0 6px;
  border-radius: 5px;
  color: #176172;
  background: rgba(32, 184, 199, 0.1);
  font-size: 10px;
  font-weight: 800;
}
.crm-page .crm-content-latest-row b {
  min-width: 0;
  overflow: hidden;
  color: #344054;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .crm-content-feedback-action {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}
.crm-page .crm-content-feedback-action > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm-page .crm-content-feedback-action span,
.crm-page .crm-content-feedback-action em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .crm-content-feedback-action span {
  color: #667085;
  font-size: 10px;
}
.crm-page .crm-content-feedback-action em {
  color: #344054;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
.crm-page .crm-content-drawer-trigger,
.crm-page .crm-content-drawer-close {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid rgba(32, 184, 199, 0.2);
  border-radius: 7px;
  color: #176172;
  background: rgba(32, 184, 199, 0.08);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.crm-page .crm-content-drawer-trigger:hover,
.crm-page .crm-content-drawer-trigger:focus-visible,
.crm-page .crm-content-drawer-close:hover,
.crm-page .crm-content-drawer-close:focus-visible {
  border-color: rgba(32, 184, 199, 0.42);
  background: rgba(32, 184, 199, 0.14);
  outline: none;
}
.crm-page dialog.crm-content-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(560px, calc(100vw - 40px));
  max-width: none;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 14px 0 0 14px;
  color: #17233b;
  background: #ffffff;
  box-shadow: -18px 0 50px rgba(15, 23, 42, 0.18);
}
.crm-page dialog.crm-content-drawer:not([open]) {
  display: none;
}
.crm-page dialog.crm-content-drawer[open] {
  animation: crm-content-drawer-in 180ms ease-out both;
}
.crm-page dialog.crm-content-drawer::backdrop {
  background: rgba(15, 23, 42, 0.34);
}
@keyframes crm-content-drawer-in {
  from { transform: translateX(24px); opacity: 0.72; }
  to { transform: translateX(0); opacity: 1; }
}
.crm-page .crm-content-drawer-shell {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.crm-page .crm-content-drawer-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(102, 112, 133, 0.14);
  background: rgba(255, 255, 255, 0.96);
}
.crm-page .crm-content-drawer-heading {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.crm-page .crm-content-drawer-heading span {
  color: #176172;
  font-size: 12px;
  font-weight: 700;
}
.crm-page .material-picker-intro { display: grid; gap: 4px; padding: 12px; border-radius: 12px; background: linear-gradient(135deg,#e9fbfa,#eff7ff); color: #344054; }.crm-page .material-picker-intro b{color:#176172}.crm-page .material-picker-intro span{font-size:12px;line-height:1.55;color:#667085}
.crm-page .material-picker-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }.crm-page .material-picker-tab-input { position:absolute; inline-size:1px; block-size:1px; opacity:0; }.crm-page .material-picker-tab { min-width:0; min-height:38px; display:flex; align-items:center; justify-content:center; padding:7px 10px; border:1px solid #d0d5dd; border-radius:9px; color:#475467; background:#f8fafc; font-size:13px; font-weight:800; line-height:1.3; text-align:center; cursor:pointer; }.crm-page .material-picker-tab-input:checked + .material-picker-tab { border-color:#20b8c7; color:#176172; background:#e9fbfa; box-shadow:0 0 0 2px rgba(32,184,199,.1); }.crm-page .material-picker-tab-input:focus-visible + .material-picker-tab { outline:2px solid #20b8c7; outline-offset:2px; }.crm-page .material-picker-tab-panel { display:none; grid-column:1/-1; min-width:0; }.crm-page .material-picker-tab-input[value="library"]:checked ~ .material-picker-library-panel,.crm-page .material-picker-tab-input[value="upload"]:checked ~ .material-picker-upload-panel { display:block; }.crm-page .material-picker-tab-panel > h3 { margin:14px 0 0; color:#344054; font-size:14px; }.crm-page .material-picker-tab-panel .material-picker-form { margin:12px 0 18px; }
.crm-page .material-picker-form { display: grid; gap: 10px; margin: 12px 0 18px; }.crm-page .material-picker-form h3{margin:8px 0 0;font-size:14px}.crm-page .material-picker-form > label { display: grid; gap: 5px; color: #344054; font-weight: 800; }
.crm-page .material-send-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.crm-page .material-send-choice { position:relative; display:grid; grid-template-columns:auto 36px minmax(0,1fr) auto; gap:8px; align-items:start; min-width:0; padding:9px; border:1px solid #e4e7ec; border-radius:11px; cursor:pointer; background:#fff; }.crm-page .material-send-choice:has(input:checked){border-color:#20b8c7;background:#f0fcfc;box-shadow:0 0 0 2px rgba(32,184,199,.1)}.crm-page .material-send-choice.is-disabled{opacity:.55;cursor:not-allowed}.crm-page .material-send-choice input{margin:3px 0 0}.crm-page .material-send-cover{display:grid;place-items:center;width:36px;height:44px;border-radius:8px;background:linear-gradient(145deg,#176172,#20b8c7);color:#fff;font-size:10px;font-weight:900}.crm-page .material-send-copy{display:grid;gap:3px;min-width:0}.crm-page .material-send-copy b,.crm-page .material-send-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-page .material-send-copy b{font-size:13px;color:#17233b}.crm-page .material-send-copy em{font-size:11px;color:#667085;font-style:normal}.crm-page .material-send-copy small{font-size:11px;color:#98a2b3}.crm-page .material-choice-preview{font-size:11px;white-space:nowrap;color:#176172;text-decoration:none}.crm-page .material-choice-preview:hover{text-decoration:underline}
.crm-page .material-send-settings { display:grid; grid-template-columns: minmax(140px,1fr) 1fr 1fr; gap:8px; padding:10px; border-radius:10px; background:#f8fafc; }.crm-page .material-send-settings>label:first-child{display:grid;gap:4px;color:#475467;font-size:12px;font-weight:800}
.crm-page .material-picker-check { display: flex; grid-template-columns: auto 1fr; flex-direction: row; align-items: center; }
.crm-page .customer-material-upload { grid-template-columns: repeat(2,minmax(0,1fr)); }.crm-page .customer-material-upload .wide{grid-column:1/-1}.crm-page .customer-material-upload button{grid-column:1/-1}
.crm-page .content-reminder-overview { grid-template-columns: 1fr; gap: 10px; }
.crm-page .content-reminder-panel { display: grid; gap: 10px; min-width: 0; }
.crm-page .content-reminder-summary { display: flex; gap: 8px; flex-wrap: wrap; }
.crm-page .content-reminder-summary span { padding: 5px 9px; border-radius: 999px; background: #f2f4f7; color: #475467; font-size: 12px; }
.crm-page .content-reminder-summary b { margin-left: 4px; color: #17233b; }
.crm-page .content-reminder-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.crm-page .content-reminder-grid.single { grid-template-columns: minmax(0, 1fr); }
.crm-page .content-reminder-grid.double { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.crm-page .content-reminder-card { display: grid; gap: 8px; min-width: 0; padding: 12px; border: 1px solid #f2d5b3; border-radius: 12px; background: linear-gradient(145deg, #fffdf8, #fff8ee); }
.crm-page .content-reminder-card-head,.crm-page .content-reminder-meta,.crm-page .content-reminder-actions { display: flex; align-items: center; gap: 7px; justify-content: space-between; min-width: 0; }
.crm-page .content-reminder-card h3 { margin: 0; color: #17233b; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crm-page .content-reminder-card > p { margin: 0; color: #667085; font-size: 12px; }
.crm-page .content-reminder-type,.crm-page .content-reminder-status { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 7px; border-radius: 999px; font-size: 11px; font-weight: 800; }
.crm-page .content-reminder-type { color: #9a5b00; background: #fff0d7; }.crm-page .content-reminder-status.pending { color: #b42318; background: #fef3f2; }
.crm-page .content-reminder-evidence { display: grid; gap: 3px; padding: 8px; border-radius: 8px; background: rgba(255,255,255,.72); color: #475467; font-size: 12px; line-height: 1.5; }.crm-page .content-reminder-evidence b { color: #7a2e0e; }
.crm-page .content-reminder-meta { color: #667085; font-size: 11px; }.crm-page .content-reminder-meta span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crm-page .content-reminder-actions { margin-top: 2px; }.crm-page .content-reminder-actions .btn,.crm-page .content-reminder-actions form,.crm-page .content-reminder-actions button { min-width: 0; }.crm-page .content-reminder-actions form { margin: 0; }.crm-page .content-reminder-actions button { min-height: 32px; white-space: nowrap; }
.crm-page .content-reminder-empty { grid-column: 1 / -1; display: grid; gap: 4px; padding: 13px; border: 1px dashed #d0d5dd; border-radius: 10px; color: #667085; font-size: 12px; }.crm-page .content-reminder-empty b { color: #344054; }
.crm-page .content-reminder-history { padding-top: 2px; color: #667085; font-size: 12px; }.crm-page .content-reminder-history summary { cursor: pointer; font-weight: 800; color: #475467; }.crm-page .content-reminder-history ul { display: grid; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }.crm-page .content-reminder-history li { display: flex; gap: 8px; flex-wrap: wrap; }.crm-page .content-reminder-history li span { color: #176172; }.crm-page .content-reminder-history li em { color: #98a2b3; font-style: normal; }
.crm-page .intent-follow-recommendation { display: grid; gap: 3px; padding: 9px 11px; border-radius: 9px; background: #fffaeb; color: #7a2e0e; font-size: 12px; }
.crm-page .intent-follow-recommendation span { line-height: 1.55; }
.crm-page .crm-content-drawer-heading h2 {
  max-width: 420px;
  margin: 0;
  overflow: hidden;
  color: #17233b;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .crm-content-drawer-body {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px 18px calc(20px + env(safe-area-inset-bottom));
}
.crm-page .crm-content-drawer-body .customer-content-panel {
  margin: 0;
  padding: 0;
  border: 0;
  gap: 12px;
}
.crm-page .customer-content-drawer-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
}
.crm-page .customer-content-drawer-footer .btn {
  min-height: 34px;
}
body.crm-content-drawer-open {
  overflow: hidden;
}
@media (max-width: 840px) {
  .crm-page dialog.crm-content-drawer {
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
  }
  .crm-page .crm-content-drawer-header {
    padding: calc(12px + env(safe-area-inset-top)) 14px 12px;
  }
  .crm-page .crm-content-drawer-heading h2 {
    max-width: calc(100vw - 110px);
    font-size: 16px;
  }
  .crm-page .crm-content-drawer-body {
    padding: 14px 14px calc(18px + env(safe-area-inset-bottom));
  }
  .crm-page .crm-content-drawer-body .customer-content-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .crm-content-drawer-body .customer-content-summary-note {
    grid-template-columns: minmax(0, 1fr);
  }
  .crm-page .material-send-grid,.crm-page .customer-material-upload,.crm-page .material-send-settings { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .crm-page dialog.crm-content-drawer[open] {
    animation: none;
  }
}
.crm-page .content-tracking-overview {
  gap: 10px;
}
.crm-page .content-tracking-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.65fr) minmax(0, 1.35fr);
  gap: 7px 18px;
  align-items: center;
  padding: 13px 16px;
}
.crm-page .content-tracking-card .board-head {
  grid-row: 1 / span 2;
}
.crm-page .content-track-metrics.primary-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 0;
}
.crm-page .content-track-metrics.secondary-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 0;
}
.crm-page .content-track-metric.primary {
  min-height: 45px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-color: rgba(47, 100, 214, 0.13);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(242, 247, 255, 0.96), #fff);
}
.crm-page .content-track-metric.primary b {
  color: #1849a9;
  font-size: 21px;
}
.crm-page .content-track-metric.secondary {
  min-height: 32px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 5px 9px;
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.9);
}
.crm-page .content-track-metric.secondary b {
  font-size: 15px;
}
.crm-page .intent-filter-panel {
  display: grid;
  gap: 12px;
}
.crm-page .intent-tracking-toolbar {
  display: grid;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
}
.crm-page .intent-toolbar-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}
.crm-page .intent-toolbar-head > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.crm-page .intent-toolbar-head h3 {
  margin: 0;
  color: #17233b;
  font-size: 16px;
  line-height: 1.3;
}
.crm-page .intent-feedback-strip {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding-top: 7px;
  border-top: 1px solid rgba(102, 112, 133, 0.1);
}
.crm-page .intent-feedback-strip > span {
  color: #344054;
  font-size: 11px;
  font-weight: 700;
}
.crm-page .intent-feedback-strip > em {
  color: #667085;
  font-size: 10px;
  font-style: normal;
  white-space: nowrap;
}
.crm-page .intent-signal-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.crm-page .intent-signal-tab {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid rgba(102, 112, 133, 0.15);
  border-radius: 8px;
  color: #526177;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.crm-page .intent-signal-tab b {
  min-width: 20px;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 999px;
  color: #667085;
  background: rgba(102, 112, 133, 0.08);
  font-size: 11px;
}
.crm-page .intent-signal-tab.active {
  border-color: #2f64d6;
  color: #fff;
  background: #2f64d6;
  box-shadow: 0 8px 18px rgba(47, 100, 214, 0.16);
}
.crm-page .intent-signal-tab.active b {
  color: #1849a9;
  background: #fff;
}
.crm-page .intent-quick-filter-form {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) minmax(140px, 0.85fr) minmax(140px, 0.85fr) auto;
  gap: 7px;
  align-items: end;
  padding: 8px;
  border: 1px solid rgba(47, 100, 214, 0.1);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.7);
}
.crm-page .intent-quick-filter-form label {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.crm-page .intent-quick-filter-form label span {
  color: #667085;
  font-size: 10px;
  font-weight: 600;
}
.crm-page .intent-quick-filter-form input,
.crm-page .intent-quick-filter-form select {
  min-width: 0;
  width: 100%;
  min-height: 31px;
  padding: 5px 8px;
  border: 1px solid rgba(102, 112, 133, 0.18);
  border-radius: 7px;
  background: #fff;
  font-size: 11px;
}
.crm-page .intent-quick-filter-form .filter-submit {
  align-self: end;
}
.crm-page .intent-advanced-filters {
  border: 1px solid rgba(102, 112, 133, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
}
.crm-page .intent-advanced-filters > summary {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 10px;
  color: #344054;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  list-style: none;
}
.crm-page .intent-advanced-filters > summary::-webkit-details-marker {
  display: none;
}
.crm-page .intent-advanced-filters > summary b {
  color: #667085;
  font-size: 10px;
  font-weight: 500;
}
.crm-page .intent-advanced-filters[open] > summary {
  border-bottom: 1px solid rgba(102, 112, 133, 0.1);
}
.crm-page .intent-advanced-filters .advanced-filter-form {
  margin: 0;
  border: 0;
  border-radius: 0 0 8px 8px;
}
.crm-page .intent-results-head {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(102, 112, 133, 0.13);
  border-radius: 9px;
  color: #667085;
  background: rgba(248, 250, 252, 0.88);
  font-size: 12px;
}
.crm-page .intent-results-head > div {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
}
.crm-page .intent-results-head b {
  color: #1849a9;
  font-size: 18px;
}
.crm-page .intent-customer-list {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.crm-page .intent-customer-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto minmax(44px, 1fr) auto;
  gap: 10px;
  min-height: 208px;
  padding: 12px;
  border: 1px solid rgba(102, 112, 133, 0.15);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(31, 42, 68, 0.045);
}
.crm-page .intent-customer-card:hover {
  border-color: rgba(47, 100, 214, 0.25);
  box-shadow: 0 10px 28px rgba(31, 42, 68, 0.075);
}
.crm-page .intent-customer-card-head {
  min-width: 0;
  display: block;
}
.crm-page .intent-customer-identity {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.crm-page .intent-customer-identity h3 {
  min-width: 0;
  margin: 0;
  color: #b42318;
  display: -webkit-box;
  min-height: 36px;
  overflow: hidden;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.crm-page .intent-customer-identity p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
}
.crm-page .intent-customer-signals,
.crm-page .intent-drawer-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.crm-page .intent-signal-badge {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border-radius: 6px;
  color: #526177;
  background: rgba(102, 112, 133, 0.08);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.crm-page .intent-signal-badge.today,
.crm-page .intent-signal-badge.authorized {
  color: #087443;
  background: rgba(32, 163, 107, 0.11);
}
.crm-page .intent-signal-badge.hot {
  color: #b54708;
  background: rgba(247, 144, 9, 0.13);
}
.crm-page .intent-signal-badge.shared {
  color: #175cd3;
  background: rgba(47, 100, 214, 0.1);
}
.crm-page .intent-signal-badge.unopened {
  color: #9a5b0a;
  background: rgba(242, 181, 68, 0.12);
}
.crm-page .intent-customer-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.crm-page .intent-customer-actions .btn {
  width: 100%;
  min-height: 32px;
  justify-content: center;
  padding: 0 8px;
  font-size: 11px;
}
.crm-page .intent-customer-metrics,
.crm-page .intent-drawer-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}
.crm-page .intent-customer-metrics span,
.crm-page .intent-drawer-summary span {
  min-width: 0;
  min-height: 48px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 7px 9px;
  border: 1px solid rgba(102, 112, 133, 0.12);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.82);
}
.crm-page .intent-customer-metrics span {
  min-height: 38px;
  gap: 3px;
  padding: 4px 6px;
  border: 0;
  border-left: 1px solid rgba(102, 112, 133, 0.12);
  border-radius: 0;
  background: transparent;
  text-align: center;
}
.crm-page .intent-customer-metrics span:first-child {
  border-left: 0;
}
.crm-page .intent-customer-metrics .metric-opened b,
.crm-page .intent-customer-metrics .metric-intent b {
  color: #1849a9;
  font-size: 18px;
}
.crm-page .intent-customer-metrics em,
.crm-page .intent-drawer-summary em {
  color: #667085;
  font-size: 11px;
  font-style: normal;
  line-height: 1;
}
.crm-page .intent-customer-metrics b,
.crm-page .intent-drawer-summary b {
  color: #17233b;
  font-size: 16px;
  line-height: 1;
}
.crm-page .intent-customer-latest {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  align-content: start;
  padding-top: 8px;
  border-top: 1px solid rgba(102, 112, 133, 0.12);
}
.crm-page .intent-customer-latest b {
  min-width: 0;
  color: #344054;
  font-size: 12px;
}
.crm-page .intent-customer-latest em {
  grid-column: 1 / -1;
  color: #667085;
  font-size: 11px;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .intent-content-drawer-body {
  display: grid;
  align-content: start;
  gap: 12px;
}
.crm-page .intent-drawer-actions {
  display: flex;
  justify-content: flex-end;
}
.crm-page .intent-drawer-record-list {
  min-width: 0;
  display: grid;
  gap: 9px;
}
.crm-page .intent-drawer-record {
  min-width: 0;
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(102, 112, 133, 0.13);
  border-radius: 10px;
  background: #fff;
}
.crm-page .intent-drawer-record-head {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}
.crm-page .intent-drawer-record-head b {
  min-width: 0;
  color: #17233b;
  font-size: 13px;
  line-height: 1.3;
}
.crm-page .intent-drawer-record p {
  margin: 0;
  color: #667085;
  font-size: 11px;
  line-height: 1.4;
}
.crm-page .intent-drawer-record-stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
.crm-page .intent-drawer-record-stats span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 7px;
  border-radius: 7px;
  color: #667085;
  background: rgba(248, 250, 252, 0.9);
  font-size: 11px;
}
.crm-page .intent-drawer-record-stats b {
  color: #17233b;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .intent-drawer-phone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #667085;
  font-size: 11px;
}
.crm-page .intent-drawer-phone b {
  color: #344054;
  font-size: 12px;
}
.crm-page .intent-expand-records {
  width: 100%;
  justify-content: center;
}
.crm-page .intent-empty-state {
  min-height: 180px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 28px;
  border: 1px dashed rgba(102, 112, 133, 0.24);
  border-radius: 12px;
  color: #667085;
  background: rgba(248, 250, 252, 0.72);
  text-align: center;
}
.crm-page .intent-empty-state b {
  color: #344054;
  font-size: 15px;
}
.crm-page .intent-empty-state span {
  font-size: 12px;
}
@media (max-width: 1100px) {
  .crm-page .intent-customer-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .crm-page .content-tracking-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .crm-page .content-tracking-card .board-head {
    grid-row: auto;
  }
  .crm-page .content-track-metrics.primary-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .crm-page .content-track-metrics.secondary-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 840px) {
  .crm-page .content-tracking-card {
    padding: 13px 14px;
  }
  .crm-page .content-reminder-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .crm-page .content-reminder-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .content-reminder-actions .btn,
  .crm-page .content-reminder-actions form,
  .crm-page .content-reminder-actions button {
    width: 100%;
  }
  .crm-page .content-track-metrics.primary-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .intent-quick-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .intent-quick-filter-form .intent-quick-search,
  .crm-page .intent-quick-filter-form .filter-submit {
    grid-column: 1 / -1;
  }
  .crm-page .intent-toolbar-head,
  .crm-page .intent-results-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .crm-page .intent-feedback-strip {
    grid-template-columns: minmax(0, 1fr);
  }
  .crm-page .intent-feedback-strip > em {
    white-space: normal;
  }
  .crm-page .intent-signal-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .crm-page .intent-signal-tab {
    justify-content: space-between;
  }
  .crm-page .intent-customer-card {
    padding: 12px;
  }
  .crm-page .intent-customer-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .crm-page .intent-customer-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .intent-customer-actions .btn {
    width: 100%;
    justify-content: center;
  }
  .crm-page .intent-drawer-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .intent-customer-latest {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .crm-page .intent-customer-latest em {
    grid-column: 1 / -1;
    white-space: normal;
  }
  .crm-page .intent-drawer-record-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mobile-page-shortcuts,
.mobile-filter-drawer,
.mobile-pagination-bar {
  display: none;
}
@media (min-width: 841px) {
  .client-header > div:first-child,
  .crm-page .client-header > div:first-child,
  .leadpool-page .client-header > div:first-child,
  .data-screen-page .client-header > div:first-child {
    grid-template-columns: 60px minmax(0, 1fr);
    column-gap: 10px;
    margin-right: auto;
  }
  .client-header img,
  .crm-page .client-header img,
  .leadpool-page .client-header img,
  .data-screen-page .client-header img {
    width: 60px;
  }
  .client-header .header-actions,
  .crm-page .client-header .header-actions,
  .leadpool-page .client-header .header-actions,
  .data-screen-page .client-header .header-actions {
    flex: 1 1 auto;
    margin-left: auto;
    justify-content: flex-end;
  }
  .header-actions .btn,
  .header-actions button,
  .header-actions .nav-tabs a,
  .header-actions .nav-tabs button,
  .crm-page .header-actions .nav-tabs a,
  .leadpool-page .header-actions .nav-tabs a,
  .crm-page .header-actions .nav-tabs button,
  .leadpool-page .header-actions .nav-tabs button {
    min-height: clamp(28px, 2vw, var(--ui-control-height-compact));
    padding: 0 8px;
    font-size: clamp(11px, 0.74vw, var(--ui-control-font));
    line-height: 1;
  }
  .crm-page .view-pill,
  .crm-page .filter-pill,
  .crm-page .wps-import-form button,
  .crm-page .crm-data-tools summary,
  .leadpool-page .leadpool-refresh,
  .leadpool-page .leadpool-bulk-assign button {
    min-height: var(--ui-control-height-compact);
    font-size: var(--ui-control-font);
  }
  .crm-page .advanced-filter-form label span,
  .leadpool-page .leadpool-control-panel .advanced-filter-form label span {
    color: #526177;
    font-size: var(--ui-label-font);
    font-weight: 700;
  }
  .crm-page .advanced-filter-form input,
  .crm-page .advanced-filter-form select,
  .leadpool-page .leadpool-control-panel .advanced-filter-form input,
  .leadpool-page .leadpool-control-panel .advanced-filter-form select,
  .crm-page .filter-submit button,
  .crm-page .filter-submit .btn,
  .leadpool-page .filter-submit button,
  .leadpool-page .filter-submit .btn,
  .leadpool-page .leadpool-bulk-assign select,
  .leadpool-page .leadpool-bulk-assign input {
    min-height: var(--ui-control-height);
    font-size: var(--ui-control-font);
  }
  .crm-page .copy-btn,
  .leadpool-page .copy-btn {
    min-height: 26px;
    font-size: 12px;
  }
}
@media (min-width: 841px) and (max-width: 1281px) {
  .crm-page .lead-card-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    align-items: stretch;
  }
  .crm-page .lead-card-flow > .crm-v1-block + .crm-v1-block {
    border-left: 0;
    border-top: 0;
  }
  .crm-page .lead-card-flow > .crm-v1-block:nth-child(even) {
    border-left: 1px solid rgba(102, 112, 133, 0.16);
  }
  .crm-page .lead-card-flow > .crm-v1-block:nth-child(n + 3) {
    border-top: 1px solid rgba(102, 112, 133, 0.16);
  }
}
@media (min-width: 841px) and (max-width: 1100px) {
  .client-header .header-actions {
    flex: 0 0 280px;
    width: 280px;
    max-width: 280px;
    justify-content: stretch;
  }
  .client-header .header-actions .nav-menu {
    position: relative;
    flex: 0 1 auto;
    width: 100%;
    display: grid;
    gap: 6px;
    justify-content: stretch;
  }
  .client-header .nav-menu-trigger {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid rgba(47, 100, 214, 0.16);
    border-radius: 7px;
    color: var(--navy);
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
  }
  .client-header .nav-menu-trigger b {
    min-width: 0;
    overflow: hidden;
    color: #667085;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .client-header .nav-menu-trigger::after {
    content: "";
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
  }
  .client-header .nav-toggle-input:checked + .nav-menu-trigger::after {
    transform: rotate(225deg) translate(-1px, -1px);
  }
  .client-header .header-actions .nav-tabs-desktop {
    display: none;
  }
  .client-header .header-actions .nav-tabs-mobile {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: min(360px, calc(100vw - 32px));
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    padding: 6px;
    border: 1px solid rgba(47, 100, 214, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 34px rgba(27, 48, 98, 0.14);
    justify-content: stretch;
  }
  .client-header .nav-toggle-input:checked ~ .nav-tabs-mobile {
    display: grid;
  }
  .client-header .nav-tabs-mobile .mobile-nav-section {
    grid-column: 1 / -1;
    min-height: 18px;
    display: flex;
    align-items: center;
    padding: 3px 4px 0;
    color: #667085;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
  }
  .client-header .header-actions .nav-tabs-mobile form {
    display: contents;
  }
  .client-header .header-actions .nav-tabs-mobile a,
  .client-header .header-actions .nav-tabs-mobile button {
    width: 100%;
    min-width: 0;
  }
  .client-header .nav-tabs-mobile .mobile-call-device {
    width: 100%;
    height: auto;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 8px;
    border: 1px solid rgba(47, 100, 214, 0.12);
    border-radius: 7px;
    background: #fff;
  }
  .client-header .nav-tabs-mobile .mobile-call-device > span {
    color: #344054;
    font-size: 11px;
    font-weight: 600;
  }
}
@media (max-width: 840px) {
  .client-header.panel,
  .crm-page .client-header.panel,
  .leadpool-page .client-header.panel,
  .data-screen-page .client-header.panel,
  .profile-page .client-header.panel {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100% + 24px);
    margin-left: -12px;
    margin-right: -12px;
  }
  .copy-toast {
    right: 12px;
    bottom: 12px;
    width: min(340px, calc(100vw - 24px));
  }
  .crm-page .mobile-page-shortcuts {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 8px;
  }
  .crm-page .mobile-page-shortcuts .view-pill {
    min-height: 36px;
    background: #fff;
  }
  .crm-page .mobile-filter-drawer,
  .leadpool-page .mobile-filter-drawer {
    display: block;
    margin: 0 0 10px;
    overflow: hidden;
    border: 1px solid rgba(204, 216, 233, 0.82);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(27, 48, 98, 0.06);
  }
  .mobile-filter-drawer > summary {
    min-height: 46px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    padding: 0 12px;
    list-style: none;
    cursor: pointer;
    color: #182238;
    font-size: 14px;
    font-weight: 700;
  }
  .mobile-filter-drawer > summary::-webkit-details-marker {
    display: none;
  }
  .mobile-filter-drawer > summary b {
    color: #667085;
    font-size: 12px;
    font-weight: 600;
  }
  .mobile-filter-drawer > summary::after {
    content: "展开";
    color: #2f64d6;
    font-size: 12px;
    font-weight: 700;
  }
  .mobile-filter-drawer[open] > summary::after {
    content: "收起";
  }
  .crm-page .mobile-filter-drawer .advanced-filter-form,
  .leadpool-page .mobile-filter-drawer .advanced-filter-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 12px;
    border: 0;
    border-top: 1px solid rgba(204, 216, 233, 0.72);
    border-radius: 0;
    background: #f8fafc;
    box-shadow: none;
  }
  .crm-page .mobile-filter-drawer .advanced-filter-form label,
  .leadpool-page .mobile-filter-drawer .advanced-filter-form label {
    gap: 5px;
  }
  .crm-page .mobile-filter-drawer .advanced-filter-form label:first-of-type,
  .leadpool-page .mobile-filter-drawer .advanced-filter-form label:first-of-type,
  .crm-page .mobile-filter-drawer .filter-submit,
  .leadpool-page .mobile-filter-drawer .filter-submit {
    grid-column: 1 / -1;
  }
  .crm-page .mobile-filter-drawer .advanced-filter-form label span,
  .leadpool-page .mobile-filter-drawer .advanced-filter-form label span {
    color: #526177;
    font-size: 12px;
    font-weight: 700;
  }
  .crm-page .mobile-filter-drawer .advanced-filter-form input,
  .crm-page .mobile-filter-drawer .advanced-filter-form select,
  .leadpool-page .mobile-filter-drawer .advanced-filter-form input,
  .leadpool-page .mobile-filter-drawer .advanced-filter-form select,
  .crm-page .mobile-filter-drawer .filter-submit button,
  .crm-page .mobile-filter-drawer .filter-submit .btn,
  .leadpool-page .mobile-filter-drawer .filter-submit button,
  .leadpool-page .mobile-filter-drawer .filter-submit .btn {
    min-height: 44px;
    font-size: 14px;
  }
  .crm-page .mobile-filter-drawer .filter-submit,
  .leadpool-page .mobile-filter-drawer .filter-submit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .crm-page .mobile-pagination-bar,
  .leadpool-page .mobile-pagination-bar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    margin: 10px 0 0;
    padding: 10px;
    border: 1px solid rgba(204, 216, 233, 0.82);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(27, 48, 98, 0.06);
  }
  .mobile-pagination-bar .pager-btn {
    min-height: 44px;
    padding: 0 12px;
    font-size: 13px;
  }
  .mobile-page-status {
    min-width: 0;
    display: grid;
    gap: 2px;
    place-items: center;
    color: #344054;
    font-size: 13px;
    line-height: 1.25;
  }
  .mobile-page-status small {
    color: #667085;
    font-size: 11px;
  }
}
/* Desktop workspace shell: one final navigation layer; mobile rules above stay unchanged. */
@media (min-width: 841px) {
  .app-shell:has(.client-header .header-actions) {
    box-sizing: border-box;
    width: calc(100% - 240px);
    max-width: none;
    min-height: 100vh;
    margin: 0 0 0 240px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .client-header .header-actions,
  .crm-page .client-header .header-actions,
  .leadpool-page .client-header .header-actions,
  .data-screen-page .client-header .header-actions,
  .profile-page .client-header .header-actions {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1200;
    width: 240px;
    max-width: 240px;
    height: 100dvh;
    max-height: none;
    display: block;
    margin: 0;
    padding: 14px;
    overflow: visible;
    border: 0;
    border-right: 1px solid rgba(204, 216, 233, 0.88);
    border-radius: 0;
    background:
      linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(243, 247, 252, 0.98));
    box-shadow: 10px 0 30px rgba(27, 48, 98, 0.08);
    backdrop-filter: blur(20px) saturate(1.08);
  }
  .client-header .header-actions .nav-menu,
  .crm-page .header-actions .nav-menu,
  .leadpool-page .header-actions .nav-menu,
  .data-screen-page .header-actions .nav-menu,
  .profile-page .header-actions .nav-menu {
    width: 100%;
    height: 100%;
    min-width: 0;
    display: block;
  }
  .client-header .header-actions .nav-tabs-desktop,
  .crm-page .header-actions .nav-tabs-desktop,
  .leadpool-page .header-actions .nav-tabs-desktop,
  .data-screen-page .header-actions .nav-tabs-desktop,
  .profile-page .header-actions .nav-tabs-desktop {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .workspace-sidebar-brand {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 6px 6px 14px;
    border-bottom: 1px solid rgba(204, 216, 233, 0.76);
  }
  .client-header .workspace-sidebar-brand img,
  .crm-page .client-header .workspace-sidebar-brand img,
  .leadpool-page .client-header .workspace-sidebar-brand img,
  .data-screen-page .client-header .workspace-sidebar-brand img,
  .profile-page .client-header .workspace-sidebar-brand img {
    grid-column: auto;
    grid-row: auto;
    width: 42px;
    height: 42px;
    margin: 0;
    object-fit: contain;
  }
  .header-actions .workspace-sidebar-user,
  .crm-page .header-actions .workspace-sidebar-user,
  .leadpool-page .header-actions .workspace-sidebar-user,
  .data-screen-page .header-actions .workspace-sidebar-user,
  .profile-page .header-actions .workspace-sidebar-user {
    width: 100%;
    max-width: none;
    min-height: 40px;
    display: flex;
    justify-content: flex-start;
    padding: 0 16px;
    overflow: hidden;
    border: 1px solid rgba(204, 216, 233, 0.82);
    border-radius: 9px;
    color: #344054;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 6px 16px rgba(27, 48, 98, 0.05);
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .workspace-nav-scroll {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 10px;
    border: 1px solid rgba(204, 216, 233, 0.8);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow:
      0 10px 24px rgba(27, 48, 98, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);
    scrollbar-width: thin;
  }
  .workspace-nav-group {
    min-width: 0;
    display: grid;
    gap: 7px;
  }
  .workspace-nav-group + .workspace-nav-group {
    padding-top: 13px;
    border-top: 1px solid rgba(204, 216, 233, 0.7);
  }
  .workspace-nav-group-title {
    padding: 0 11px;
    color: #7a8699;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.6;
  }
  .workspace-nav-group-links {
    min-width: 0;
    display: grid;
    gap: 5px;
  }
  .header-actions .workspace-nav-group-links a,
  .crm-page .header-actions .workspace-nav-group-links a,
  .leadpool-page .header-actions .workspace-nav-group-links a,
  .data-screen-page .header-actions .workspace-nav-group-links a,
  .profile-page .header-actions .workspace-nav-group-links a {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding: 0 12px;
    border-color: transparent;
    border-radius: 9px;
    color: #344054;
    background: transparent;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
  }
  .header-actions .workspace-nav-group-links a::before,
  .crm-page .header-actions .workspace-nav-group-links a::before,
  .leadpool-page .header-actions .workspace-nav-group-links a::before,
  .data-screen-page .header-actions .workspace-nav-group-links a::before,
  .profile-page .header-actions .workspace-nav-group-links a::before {
    content: "";
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border: 2px solid #aab4c4;
    border-radius: 50%;
    background: transparent;
  }
  .header-actions .workspace-nav-group-links a:hover,
  .crm-page .header-actions .workspace-nav-group-links a:hover,
  .leadpool-page .header-actions .workspace-nav-group-links a:hover,
  .data-screen-page .header-actions .workspace-nav-group-links a:hover,
  .profile-page .header-actions .workspace-nav-group-links a:hover {
    border-color: rgba(47, 100, 214, 0.1);
    background: rgba(47, 100, 214, 0.08);
    box-shadow: none;
    transform: none;
  }
  .header-actions .workspace-nav-group-links a.active,
  .crm-page .header-actions .workspace-nav-group-links a.active,
  .leadpool-page .header-actions .workspace-nav-group-links a.active,
  .data-screen-page .header-actions .workspace-nav-group-links a.active,
  .profile-page .header-actions .workspace-nav-group-links a.active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--blue), var(--navy-2));
    box-shadow: 0 8px 18px rgba(47, 100, 214, 0.16);
  }
  .header-actions .workspace-nav-group-links a.active::before,
  .crm-page .header-actions .workspace-nav-group-links a.active::before,
  .leadpool-page .header-actions .workspace-nav-group-links a.active::before,
  .data-screen-page .header-actions .workspace-nav-group-links a.active::before,
  .profile-page .header-actions .workspace-nav-group-links a.active::before {
    border-color: rgba(255, 255, 255, 0.72);
    background: #fff;
  }
  .workspace-sidebar-footer {
    min-width: 0;
    display: grid;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid rgba(204, 216, 233, 0.76);
  }
  .header-actions .workspace-sidebar-call {
    width: 100%;
    height: auto;
    min-height: 38px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 0 4px 0 11px;
    border: 1px solid rgba(47, 100, 214, 0.1);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.72);
  }
  .workspace-sidebar-call-label {
    color: #344054;
    font-size: 12px;
    font-weight: 650;
  }
  .header-actions .workspace-sidebar-call .android-call-workbench {
    flex: 0 0 34px;
  }
  .header-actions .workspace-sidebar-call .android-call-popover {
    position: fixed;
    inset: auto auto 12px 230px;
    z-index: 1400;
    width: min(300px, calc(100vw - 246px));
  }
  .workspace-sidebar-logout {
    width: 100%;
    margin: 0;
  }
  .header-actions .workspace-sidebar-logout button,
  .crm-page .header-actions .workspace-sidebar-logout button,
  .leadpool-page .header-actions .workspace-sidebar-logout button,
  .data-screen-page .header-actions .workspace-sidebar-logout button,
  .profile-page .header-actions .workspace-sidebar-logout button {
    width: 100%;
    min-height: 38px;
    justify-content: flex-start;
    padding: 0 11px;
    color: #7a3414;
    border: 1px solid rgba(180, 83, 9, 0.12);
    background: rgba(255, 250, 235, 0.76);
    font-size: 12px;
  }
  .settings-subnav ~ .crm-panel .table-wrap {
    max-width: 100%;
    overflow-x: auto;
  }
  .settings-subnav ~ .crm-panel .table-wrap > table {
    min-width: 860px;
  }
}
@media (min-width: 841px) and (max-width: 1540px) {
  .leadpool-page .leadpool-control-panel .advanced-filter-form {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .leadpool-page .leadpool-control-panel .filter-submit {
    justify-content: flex-start;
  }
}
@media (min-width: 841px) and (max-width: 1320px) {
  .data-screen-grid,
  .data-screen-grid-secondary,
  .screen-chart-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .data-screen-page .data-screen-sales-overview {
    grid-template-columns: 1fr;
  }
  .data-screen-page .today-team-card .team-action-row {
    grid-template-columns: minmax(120px, 0.78fr) minmax(110px, 0.55fr) minmax(220px, 1fr);
  }
  .data-screen-page .data-screen-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .screen-wide,
  .screen-chart-wide {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  .deal-summary-grid,
  .deal-order-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .deal-create-form,
  .deal-order-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .deal-card-split {
    grid-template-columns: 1fr;
  }
  .deal-step-form {
    grid-template-columns: minmax(180px, 1fr) minmax(96px, 0.5fr) minmax(96px, 0.5fr);
  }
  .deal-step-form .badge,
  .deal-step-form button {
    width: 100%;
  }
  .deal-file-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .deal-management-card {
    grid-template-columns: 1fr 1fr;
  }
  .material-library-page .material-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .api-grid,
  .api-config-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 841px) and (max-width: 1220px) {
  .leadpool-page .leadpool-control-head,
  .leadpool-page .leadpool-control-body {
    grid-template-columns: 1fr;
  }
  .leadpool-page .leadpool-actions {
    grid-column: 1;
    justify-self: start;
  }
  .leadpool-page .leadpool-filter-status {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
  .leadpool-page .leadpool-control-panel .advanced-filter-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .leadpool-page .leadpool-control-panel .filter-submit {
    grid-column: 1 / -1;
  }
}
@media (min-width: 841px) and (max-width: 1060px) {
  .crm-page .lead-card-flow,
  .deal-create-form,
  .deal-order-form,
  .deal-card-split,
  .deal-step-form,
  .deal-file-form,
  .deal-management-card,
  .api-grid,
  .api-config-grid {
    grid-template-columns: 1fr;
  }
  .deal-order-form .wide,
  .deal-step-main {
    grid-column: auto;
  }
  .material-library-page .material-list {
    grid-template-columns: 1fr;
  }
}
.nav-tabs .workspace-new-customer {
  width: 100%;
  min-height: 40px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  border: 1px solid rgba(47, 100, 214, 0.18);
  border-radius: 9px;
  color: #2456bd;
  background: rgba(47, 100, 214, 0.07);
  box-shadow: none;
  font-size: 13px;
  font-weight: 800;
}
.nav-tabs .workspace-new-customer span {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: var(--blue);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.nav-tabs .workspace-new-customer:hover {
  border-color: rgba(47, 100, 214, 0.3);
  color: #17479f;
  background: rgba(47, 100, 214, 0.11);
  box-shadow: none;
  transform: none;
}
.mobile-new-customer-link {
  margin-bottom: 4px;
}
.mobile-new-customer-fab {
  display: none;
}
@media (max-width: 840px) {
  .mobile-new-customer-fab {
    position: fixed;
    right: 16px;
    bottom: 78px;
    z-index: 1250;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--blue), var(--navy-2));
    box-shadow: 0 14px 30px rgba(17, 27, 67, 0.3);
    font-size: 29px;
    line-height: 1;
  }
}
/* 客户作战台：列表保持紧凑，客户处理集中到右侧侧滑面板。 */
.crm-page .customer-workbench-card {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(202, 213, 226, 0.82);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(35, 52, 86, 0.05);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.crm-page .customer-workbench-card:hover {
  border-color: rgba(52, 94, 145, 0.34);
  box-shadow: 0 12px 30px rgba(35, 52, 86, 0.09);
  transform: translateY(-1px);
}
.crm-page .customer-list-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(300px, 1.25fr) minmax(150px, 0.55fr) minmax(230px, 0.9fr) auto;
  gap: 20px;
  align-items: center;
  padding: 18px 20px;
}
.crm-page .customer-list-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.crm-page .customer-list-grade,
.crm-page .customer-workbench-grade {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(60, 106, 161, 0.18);
  border-radius: 9px;
  color: #28557e;
  background: #edf4fb;
  font-weight: 900;
  white-space: nowrap;
}
.crm-page .customer-list-grade {
  width: 46px;
  height: 46px;
  font-size: 14px;
}
.crm-page .customer-list-grade.grade-a,
.crm-page .customer-workbench-grade.grade-a {
  color: #b54708;
  background: #fff4e8;
  border-color: rgba(181, 71, 8, 0.18);
}
.crm-page .customer-list-grade.grade-b,
.crm-page .customer-workbench-grade.grade-b {
  color: #175cd3;
  background: #edf4ff;
  border-color: rgba(23, 92, 211, 0.18);
}
.crm-page .customer-list-grade.grade-d,
.crm-page .customer-workbench-grade.grade-d {
  color: #667085;
  background: #f2f4f7;
  border-color: rgba(102, 112, 133, 0.18);
}
.crm-page .customer-list-company {
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #17233b;
  background: transparent;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.crm-page .customer-list-company:hover {
  color: #315f88;
}
.crm-page .customer-list-contact {
  min-width: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 7px;
  color: #667085;
  font-size: 12px;
}
.crm-page .customer-list-contact span,
.crm-page .customer-list-contact a {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-list-contact em {
  color: #98a2b3;
  font-style: normal;
  white-space: nowrap;
}
.crm-page .customer-list-phone {
  flex: 0 0 auto;
  color: #315f88;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
.crm-page .customer-list-phone.disabled {
  color: #98a2b3;
}
.crm-page .customer-list-state,
.crm-page .customer-list-next {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.crm-page .customer-list-state > span,
.crm-page .customer-list-next > span {
  color: #98a2b3;
  font-size: 11px;
  font-weight: 750;
}
.crm-page .customer-list-state b,
.crm-page .customer-list-next b {
  min-width: 0;
  overflow: hidden;
  color: #344054;
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-list-state em,
.crm-page .customer-list-next em {
  overflow: hidden;
  color: #667085;
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-list-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.crm-page .customer-list-actions > a,
.crm-page .customer-list-actions > button,
.crm-page .customer-workbench-header-actions > a,
.crm-page .customer-workbench-header-actions > button,
.crm-page .customer-workbench-next-action > div > a,
.crm-page .customer-workbench-next-action > div > button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid rgba(54, 93, 132, 0.2);
  border-radius: 9px;
  color: #365d81;
  background: #fff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.crm-page .customer-list-actions .customer-workbench-call,
.crm-page .customer-workbench-header-actions .customer-workbench-follow-button,
.crm-page .customer-workbench-next-action > div .customer-workbench-call {
  border-color: #3d6f99;
  color: #fff;
  background: #3d6f99;
  box-shadow: 0 7px 18px rgba(61, 111, 153, 0.18);
}
.crm-page .customer-list-actions .customer-list-follow {
  color: #315f88;
  background: #eef5fb;
}
.crm-page .customer-list-actions .customer-list-open {
  color: #344054;
  background: #f8fafc;
}
.crm-page .customer-workbench[hidden] {
  display: none;
}
.crm-page .customer-workbench {
  position: fixed;
  inset: 0;
  z-index: 9700;
}
.crm-page .customer-workbench-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.46);
  cursor: default;
  animation: customerWorkbenchFadeIn 180ms ease-out both;
}
.crm-page .customer-workbench-sheet {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(1100px, 74vw);
  min-width: 760px;
  height: 100dvh;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
  border-radius: 24px 0 0 24px;
  color: #17233b;
  background: #f6f8fb;
  box-shadow: -24px 0 64px rgba(15, 23, 42, 0.2);
  animation: customerWorkbenchSlideIn 220ms ease-out;
}
@keyframes customerWorkbenchFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes customerWorkbenchSlideIn {
  from { transform: translateX(44px); opacity: 0.82; }
  to { transform: translateX(0); opacity: 1; }
}
body.customer-workbench-open {
  overflow: hidden;
}
.crm-page [data-customer-workbench-open].is-loading {
  opacity: 0.62;
  cursor: wait;
  pointer-events: none;
}
.crm-page .customer-workbench-header {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 15px;
  padding: 26px 30px 18px;
  border-bottom: 1px solid rgba(202, 213, 226, 0.72);
  background: #fff;
}
.crm-page .customer-workbench-title-row {
  min-width: 0;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
}
.crm-page .customer-workbench-title {
  min-width: 0;
  display: grid;
  gap: 7px;
}
.crm-page .customer-workbench-title > div {
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.crm-page .customer-workbench-title h2 {
  max-width: min(520px, 44vw);
  margin: 0;
  overflow: hidden;
  color: #101828;
  font-size: 27px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-workbench-grade {
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
}
.crm-page .customer-workbench-title p {
  max-width: 620px;
  margin: 0;
  overflow: hidden;
  color: #667085;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-workbench-header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.crm-page .customer-workbench-header-actions .customer-workbench-app-call-wrap:empty {
  display: none;
}
.crm-page .customer-workbench-header-actions .customer-workbench-close {
  width: 40px;
  padding: 0;
  overflow: hidden;
  color: transparent;
  border-color: transparent;
  background: #f2f4f7;
  position: relative;
}
.crm-page .customer-workbench-header-actions .customer-workbench-close::before,
.crm-page .customer-workbench-header-actions .customer-workbench-close::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: #667085;
  transform: rotate(45deg);
}
.crm-page .customer-workbench-header-actions .customer-workbench-close::after {
  transform: rotate(-45deg);
}
.crm-page .customer-workbench-meta {
  min-width: 0;
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap;
}
.crm-page .customer-workbench-meta span {
  min-width: 0;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: #475467;
  font-size: 12px;
}
.crm-page .customer-workbench-meta i {
  color: #98a2b3;
  font-style: normal;
}
.crm-page .customer-workbench-meta b {
  max-width: 170px;
  overflow: hidden;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-workbench-tabs {
  position: relative;
  z-index: 2;
  min-width: 0;
  display: flex;
  gap: 28px;
  align-items: center;
  padding: 0 30px;
  overflow-x: auto;
  border-bottom: 1px solid rgba(202, 213, 226, 0.72);
  background: #fff;
  scrollbar-width: none;
}
.crm-page .customer-workbench-tabs::-webkit-scrollbar {
  display: none;
}
.crm-page .customer-workbench-tabs button {
  position: relative;
  min-height: 62px;
  padding: 0;
  border: 0;
  color: #667085;
  background: transparent;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}
.crm-page .customer-workbench-tabs button.active {
  color: #315f88;
}
.crm-page .customer-workbench-tabs button.active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: #4d7ca3;
}
.crm-page .customer-workbench-body {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 28px 30px 40px;
}
.crm-page .customer-workbench-panel {
  display: none;
  min-width: 0;
}
.crm-page .customer-workbench-panel.active {
  display: block;
  animation: customerWorkbenchPanelIn 150ms ease-out;
}
@keyframes customerWorkbenchPanelIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.crm-page .customer-workbench-kpis {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.crm-page .customer-workbench-kpis article {
  min-width: 0;
  min-height: 128px;
  display: grid;
  gap: 8px;
  align-content: center;
  padding: 20px;
  border: 1px solid rgba(202, 213, 226, 0.72);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(35, 52, 86, 0.04);
}
.crm-page .customer-workbench-kpis span,
.crm-page .customer-workbench-side-column article > span,
.crm-page .customer-workbench-next-action > span {
  color: #98a2b3;
  font-size: 12px;
  font-weight: 750;
}
.crm-page .customer-workbench-kpis b {
  overflow: hidden;
  color: #182230;
  font-size: 20px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-workbench-kpis em {
  min-width: 0;
  overflow: hidden;
  color: #667085;
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-workbench-kpis .customer-workbench-stage-kpi {
  position: relative;
  overflow: visible;
}
.crm-page .customer-workbench-stage-editor {
  min-height: 0;
  display: block;
}
.crm-page .customer-workbench-stage-editor .inline-edit-box {
  width: 100%;
}
.crm-page .customer-workbench-stage-editor .inline-edit-box summary,
.crm-page .customer-workbench-stage-editor .inline-edit-box.empty-value summary,
.crm-page .customer-workbench-stage-editor .inline-edit-box.has-value summary {
  width: 100%;
  min-height: 0;
  display: grid;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.crm-page .customer-workbench-stage-editor .inline-edit-box summary span,
.crm-page .customer-workbench-stage-editor .inline-edit-box.has-value summary span {
  color: #98a2b3;
  font-size: 12px;
  line-height: 1.2;
}
.crm-page .customer-workbench-stage-editor .inline-edit-box summary b,
.crm-page .customer-workbench-stage-editor .inline-edit-box.empty-value summary b,
.crm-page .customer-workbench-stage-editor .inline-edit-box.has-value summary b {
  max-width: 100%;
  color: #182230;
  font-size: 20px;
  line-height: 1.25;
}
.crm-page .customer-workbench-stage-editor .inline-edit-popover {
  top: calc(100% + 10px);
  width: min(360px, calc(100vw - 48px));
}
.crm-page .customer-workbench-overview {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 20px;
  align-items: start;
}
.crm-page .customer-workbench-main-column,
.crm-page .customer-workbench-side-column {
  min-width: 0;
  display: grid;
  gap: 16px;
}
.crm-page .customer-workbench-next-action,
.crm-page .customer-workbench-recent,
.crm-page .customer-workbench-side-column article,
.crm-page .customer-workbench-form-section,
.crm-page .customer-workbench-follow-layout > * {
  min-width: 0;
  border: 1px solid rgba(202, 213, 226, 0.72);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(35, 52, 86, 0.04);
}
.crm-page .customer-workbench-next-action {
  min-height: 240px;
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 28px;
}
.crm-page .customer-workbench-next-action h3 {
  margin: 0;
  color: #182230;
  font-size: 23px;
  line-height: 1.4;
}
.crm-page .customer-workbench-next-action p {
  min-height: 64px;
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.7;
}
.crm-page .customer-workbench-next-action > div {
  display: flex;
  gap: 9px;
  align-items: center;
  flex-wrap: wrap;
}
.crm-page .customer-workbench-recent {
  min-height: 230px;
  padding: 26px 28px;
}
.crm-page .customer-workbench-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(202, 213, 226, 0.58);
}
.crm-page .customer-workbench-card-head h3 {
  margin: 0;
  color: #182230;
  font-size: 17px;
}
.crm-page .customer-workbench-card-head button,
.crm-page .customer-workbench-side-column article button {
  padding: 0;
  border: 0;
  color: #3d6f99;
  background: transparent;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.crm-page .customer-workbench-recent-note {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 14px;
  padding-top: 22px;
}
.crm-page .customer-workbench-recent-note i {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: #4d7ca3;
  box-shadow: 0 0 0 5px rgba(77, 124, 163, 0.1);
}
.crm-page .customer-workbench-recent-note div {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.crm-page .customer-workbench-recent-note b {
  color: #344054;
  font-size: 14px;
  line-height: 1.6;
}
.crm-page .customer-workbench-recent-note span {
  color: #98a2b3;
  font-size: 12px;
}
.crm-page .customer-workbench-side-column article {
  min-height: 130px;
  display: grid;
  gap: 8px;
  align-content: center;
  padding: 19px 20px;
}
.crm-page .customer-workbench-side-column h3 {
  margin: 0;
  overflow: hidden;
  color: #182230;
  font-size: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-page .customer-workbench-side-column p {
  margin: 0;
  color: #667085;
  font-size: 12px;
}
.crm-page .customer-workbench-side-column .customer-list-phone {
  width: max-content;
}
.crm-page .customer-workbench-follow-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
  gap: 18px;
  align-items: start;
}
.crm-page .customer-workbench-follow-layout > * {
  padding: 22px;
}
.crm-page .customer-workbench-panel .lead-card-block {
  margin: 0;
}
.crm-page .customer-workbench-form-section {
  display: grid;
  gap: 20px;
  padding: 24px;
}
.crm-page .customer-workbench-section-head {
  display: flex;
  gap: 18px;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(202, 213, 226, 0.64);
}
.crm-page .customer-workbench-section-head > div {
  display: grid;
  gap: 5px;
}
.crm-page .customer-workbench-section-head span {
  color: #3d6f99;
  font-size: 11px;
  font-weight: 850;
}
.crm-page .customer-workbench-section-head h3 {
  margin: 0;
  color: #182230;
  font-size: 19px;
}
.crm-page .customer-workbench-section-head em {
  color: #98a2b3;
  font-size: 11px;
  font-style: normal;
  text-align: right;
}
.crm-page .customer-workbench-edit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.crm-page .customer-workbench-panel[data-customer-workbench-panel="content"] > .customer-content-panel,
.crm-page .customer-workbench-panel[data-customer-workbench-panel="contacts"] > .lead-card-block {
  padding: 24px;
  border: 1px solid rgba(202, 213, 226, 0.72);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(35, 52, 86, 0.04);
}
.crm-page .customer-workbench-assignment:empty {
  display: none;
}
@media (max-width: 1180px) and (min-width: 841px) {
  .crm-page .customer-list-summary {
    grid-template-columns: minmax(260px, 1fr) minmax(210px, 0.8fr) auto;
  }
  .crm-page .customer-list-state {
    display: none;
  }
  .crm-page .customer-list-actions .customer-list-follow {
    display: none;
  }
  .crm-page .customer-workbench-sheet {
    width: calc(100vw - 230px);
    min-width: 720px;
  }
  .crm-page .customer-workbench-tabs {
    gap: 22px;
  }
}
@media (max-width: 840px) {
  .crm-page .customer-workbench-card {
    padding: 0;
    overflow: visible;
    border-radius: 10px;
  }
  .crm-page .customer-list-summary {
    display: none;
  }
  .crm-page .customer-workbench-card .mobile-customer-card {
    display: block;
    margin: 0;
  }
  .crm-page .customer-workbench-sheet {
    width: 100%;
    min-width: 0;
    border-radius: 0;
  }
  .crm-page .customer-workbench-header {
    gap: 11px;
    padding: 14px 14px 11px;
  }
  .crm-page .customer-workbench-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }
  .crm-page .customer-workbench-title > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
  .crm-page .customer-workbench-title h2 {
    max-width: calc(100vw - 88px);
    font-size: 19px;
  }
  .crm-page .customer-workbench-title p {
    max-width: calc(100vw - 60px);
    font-size: 11px;
  }
  .crm-page .customer-workbench-header-actions > .customer-workbench-call,
  .crm-page .customer-workbench-header-actions > .customer-workbench-app-call-wrap,
  .crm-page .customer-workbench-header-actions > .customer-workbench-follow-button {
    display: none;
  }
  .crm-page .customer-workbench-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 12px;
  }
  .crm-page .customer-workbench-meta span {
    display: grid;
    gap: 2px;
  }
  .crm-page .customer-workbench-meta b {
    max-width: none;
  }
  .crm-page .customer-workbench-tabs {
    gap: 21px;
    padding: 0 14px;
  }
  .crm-page .customer-workbench-tabs button {
    min-height: 49px;
    font-size: 13px;
  }
  .crm-page .customer-workbench-body {
    padding: 14px 12px calc(34px + env(safe-area-inset-bottom));
  }
  .crm-page .customer-workbench-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 10px;
  }
  .crm-page .customer-workbench-kpis article {
    min-height: 98px;
    padding: 13px;
    border-radius: 10px;
  }
  .crm-page .customer-workbench-kpis b {
    font-size: 15px;
  }
  .crm-page .customer-workbench-overview,
  .crm-page .customer-workbench-follow-layout {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .crm-page .customer-workbench-next-action {
    min-height: 0;
    gap: 10px;
    padding: 17px;
    border-radius: 10px;
  }
  .crm-page .customer-workbench-next-action h3 {
    font-size: 18px;
  }
  .crm-page .customer-workbench-next-action p {
    min-height: 0;
  }
  .crm-page .customer-workbench-next-action > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-page .customer-workbench-next-action > div > * {
    width: 100%;
  }
  .crm-page .customer-workbench-next-action > div > .customer-workbench-app-call-wrap {
    display: none;
  }
  .crm-page .customer-workbench-recent {
    min-height: 0;
    padding: 17px;
    border-radius: 10px;
  }
  .crm-page .customer-workbench-side-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
  .crm-page .customer-workbench-side-column article {
    min-height: 118px;
    padding: 14px;
    border-radius: 10px;
  }
  .crm-page .customer-workbench-form-section,
  .crm-page .customer-workbench-panel[data-customer-workbench-panel="content"] > .customer-content-panel,
  .crm-page .customer-workbench-panel[data-customer-workbench-panel="contacts"] > .lead-card-block,
  .crm-page .customer-workbench-follow-layout > * {
    padding: 14px;
    border-radius: 10px;
  }
  .crm-page .customer-workbench-section-head {
    display: grid;
    gap: 6px;
  }
  .crm-page .customer-workbench-section-head em {
    text-align: left;
  }
  .crm-page .customer-workbench-edit-grid {
    grid-template-columns: 1fr;
  }
  body.customer-workbench-open .inline-edit-box[open] .inline-edit-popover {
    position: fixed;
    left: 12px;
    right: 12px;
    top: auto;
    bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 9800;
    width: auto;
    max-width: none;
    max-height: min(66vh, 520px);
    overflow: auto;
    transform: none;
  }
}
/* Component-aware typography and brand ratio: shared baseline without flattening hero sections. */
body * {
  font-family: var(--app-font-ui);
}
body :where(button, input, select, textarea) {
  font-size: var(--type-level-4);
}
body :where(h3, h4, h5, h6) {
  font-size: var(--type-level-3);
  font-weight: 700;
  line-height: var(--type-line-3);
}
body .client-header h1,
body .crm-page .client-header h1,
body .leadpool-page .client-header h1,
body .data-screen-page .client-header h1,
body .profile-page .client-header h1 {
  margin: 0;
  font-size: var(--type-level-1);
  font-weight: 800;
  line-height: var(--type-line-1);
  letter-spacing: 0;
}
body .section-title h2,
body .board-head h2,
body .screen-block-head h2,
body .customer-workbench-header-copy h2 {
  font-size: var(--type-level-2);
  font-weight: 800;
  line-height: var(--type-line-2);
}
body .crm-page .customer-list-company {
  font-size: var(--type-level-3);
  font-weight: 800;
  line-height: var(--type-line-3);
}
body :where(pre, code, kbd, samp) {
  font-family: var(--app-mono-font-macos);
}
@media (min-width: 841px) {
  body .client-header.panel,
  body .crm-page .client-header.panel,
  body .leadpool-page .client-header.panel,
  body .data-screen-page .client-header.panel,
  body .profile-page .client-header.panel {
    min-height: 52px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body .client-header > div:first-child,
  body .crm-page .client-header > div:first-child,
  body .leadpool-page .client-header > div:first-child,
  body .data-screen-page .client-header > div:first-child,
  body .profile-page .client-header > div:first-child {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  body .client-header > div:first-child > img,
  body .crm-page .client-header > div:first-child > img,
  body .leadpool-page .client-header > div:first-child > img,
  body .data-screen-page .client-header > div:first-child > img,
  body .profile-page .client-header > div:first-child > img {
    display: none;
  }
  body .workspace-breadcrumb {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #667085;
    line-height: 1.2;
    white-space: nowrap;
  }
  body .workspace-breadcrumb-group {
    color: #182238;
    font-size: 16px;
    font-weight: 800;
  }
  body .workspace-breadcrumb-separator {
    color: #98a2b3;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
  }
  body .client-header h1.workspace-breadcrumb-current,
  body .crm-page .client-header h1.workspace-breadcrumb-current,
  body .leadpool-page .client-header h1.workspace-breadcrumb-current,
  body .data-screen-page .client-header h1.workspace-breadcrumb-current,
  body .profile-page .client-header h1.workspace-breadcrumb-current {
    min-width: 0;
    overflow: hidden;
    color: #344054;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body .client-header .workspace-sidebar-brand,
  body .crm-page .client-header .workspace-sidebar-brand,
  body .leadpool-page .client-header .workspace-sidebar-brand,
  body .data-screen-page .client-header .workspace-sidebar-brand,
  body .profile-page .client-header .workspace-sidebar-brand {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    justify-items: center;
  }
  body .client-header .workspace-sidebar-brand img,
  body .crm-page .client-header .workspace-sidebar-brand img,
  body .leadpool-page .client-header .workspace-sidebar-brand img,
  body .data-screen-page .client-header .workspace-sidebar-brand img,
  body .profile-page .client-header .workspace-sidebar-brand img {
    width: 118px;
    height: auto;
    aspect-ratio: 147 / 80;
    object-fit: contain;
    object-position: center;
  }
  body .workspace-sidebar-brand .workspace-brand-subtitle {
    width: 118px;
    margin-top: -2px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.08em;
    text-align: center;
    white-space: nowrap;
  }
}
/* Compact desktop sidebar: keep every real navigation item visible on short computer screens. */
@media (min-width: 841px) and (max-height: 900px) {
  body .client-header .header-actions {
    padding: 8px 12px;
  }
  body .client-header .header-actions .nav-tabs-desktop {
    gap: 6px;
  }
  body .client-header .workspace-sidebar-brand {
    gap: 2px;
    padding: 2px 6px 6px;
  }
  body .client-header .workspace-sidebar-brand img {
    width: 84px;
  }
  body .workspace-sidebar-brand .workspace-brand-subtitle {
    width: 84px;
    margin-top: -3px;
    font-size: 11px;
    line-height: 1.15;
  }
  body .client-header .header-actions .workspace-sidebar-user {
    min-height: 32px;
    padding: 0 14px;
  }
  body .nav-tabs .workspace-new-customer {
    min-height: 34px;
    padding: 0 14px;
  }
  body .workspace-nav-scroll {
    gap: 6px;
    overflow-y: hidden;
    padding: 6px;
    border-radius: 10px;
  }
  body .workspace-nav-group {
    gap: 3px;
  }
  body .workspace-nav-group + .workspace-nav-group {
    padding-top: 6px;
  }
  body .workspace-nav-group-title {
    padding: 0 9px;
    font-size: 10px;
    line-height: 1.3;
  }
  body .workspace-nav-group-links {
    gap: 2px;
  }
  body .client-header .header-actions .workspace-nav-group-links a {
    min-height: 34px;
    gap: 8px;
    padding: 0 10px;
    font-size: 13px;
  }
  body .workspace-sidebar-footer {
    gap: 4px;
    padding-top: 6px;
  }
  body .client-header .header-actions .workspace-sidebar-call,
  body .client-header .header-actions .workspace-sidebar-logout button {
    min-height: 32px;
  }
}
@media (min-width: 841px) and (max-height: 760px) {
  body .client-header .header-actions {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  body .client-header .header-actions .nav-tabs-desktop {
    gap: 5px;
  }
  body .client-header .workspace-sidebar-brand {
    padding-top: 0;
    padding-bottom: 4px;
  }
  body .client-header .workspace-sidebar-brand img {
    width: 76px;
  }
  body .workspace-sidebar-brand .workspace-brand-subtitle {
    width: 76px;
    font-size: 10px;
  }
  body .client-header .header-actions .workspace-sidebar-user {
    min-height: 30px;
  }
  body .nav-tabs .workspace-new-customer {
    min-height: 32px;
  }
  body .workspace-nav-scroll {
    gap: 3px;
    padding: 4px;
  }
  body .workspace-nav-group {
    gap: 2px;
  }
  body .workspace-nav-group + .workspace-nav-group {
    padding-top: 3px;
  }
  body .workspace-nav-group-links {
    gap: 1px;
  }
  body .client-header .header-actions .workspace-nav-group-links a {
    min-height: 31px;
  }
  body .workspace-sidebar-footer {
    gap: 3px;
    padding-top: 4px;
  }
  body .client-header .header-actions .workspace-sidebar-call,
  body .client-header .header-actions .workspace-sidebar-logout button {
    min-height: 30px;
  }
}

/* ---------- migrated page-local styles ---------- */
.proposal-editor-page .proposal-editor-layout { display:grid; grid-template-columns:minmax(360px,.82fr) minmax(420px,1.18fr); gap:14px; align-items:start; }
.proposal-editor-page .proposal-editor-form { display:grid; gap:12px; }
.proposal-editor-page .proposal-editor-form label { display:grid; gap:6px; color:#344054; font-size:13px; font-weight:800; }
.proposal-editor-page .proposal-editor-form input,
.proposal-editor-page .proposal-editor-form select,
.proposal-editor-page .proposal-editor-form textarea { width:100%; border:1px solid rgba(102,112,133,.18); border-radius:8px; padding:9px 10px; background:#fff; color:#1d2939; font-size:14px; line-height:1.4; }
.proposal-editor-page .proposal-editor-form textarea { min-height:520px; resize:vertical; font-family:"Microsoft YaHei", Arial, sans-serif; }
.proposal-editor-page .proposal-setting-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.proposal-editor-page .proposal-color-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.proposal-editor-page .proposal-editor-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.proposal-editor-page .proposal-preview-frame { width:100%; min-height:760px; border:1px solid rgba(102,112,133,.14); border-radius:12px; background:#fff; box-shadow:0 18px 48px rgba(15,23,42,.08); }
.proposal-editor-page .proposal-status-strip { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:12px; }
.proposal-editor-page .proposal-status-strip span { min-height:28px; display:inline-flex; align-items:center; border-radius:999px; padding:0 10px; font-size:12px; font-weight:900; background:rgba(32,184,199,.10); color:#176172; }
.proposal-editor-page .proposal-status-strip code { min-height:28px; display:inline-flex; align-items:center; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:999px; padding:0 10px; background:#f2f4f7; color:#475467; font-size:12px; }
@media (max-width: 980px) { .proposal-editor-page .proposal-editor-layout { grid-template-columns:1fr; } .proposal-editor-page .proposal-preview-frame { min-height:620px; } }

.proposal-list-page .proposal-list-toolbar { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; margin-bottom:12px; }
.proposal-list-page .proposal-list-toolbar form { display:flex; gap:8px; align-items:center; min-width:min(420px,100%); }
.proposal-list-page .proposal-list-toolbar input { flex:1; min-height:38px; border:1px solid rgba(102,112,133,.18); border-radius:8px; padding:0 10px; }
.proposal-list-page .proposal-list { display:grid; gap:8px; }
.proposal-list-page .proposal-list-row { display:grid; grid-template-columns:minmax(240px,1fr) minmax(220px,.58fr) auto; gap:10px; align-items:center; padding:12px; border:1px solid rgba(102,112,133,.14); border-radius:10px; background:#fff; }
.proposal-list-page .proposal-list-main { display:grid; gap:4px; min-width:0; }
.proposal-list-page .proposal-list-main b { font-size:15px; color:#1d2939; }
.proposal-list-page .proposal-list-main em { color:#667085; font-style:normal; font-size:12px; }
.proposal-list-page .proposal-list-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.proposal-list-page .proposal-list-stats span { min-height:28px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#f2f4f7; color:#475467; font-size:12px; font-weight:800; }
.proposal-list-page .proposal-list-actions { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width: 860px) {
  .proposal-list-page .content-pending-overview { display:grid; }
  .proposal-list-page .proposal-list-row { grid-template-columns:1fr; }
  .proposal-list-page .proposal-list-actions { justify-content:flex-start; }
}

.visit-report-editor-page .visit-report-full-panel {
  width:min(1120px,calc(100% - 28px));
  margin:16px auto 0;
  min-width:0;
}
.visit-report-editor-page .visit-report-full-toolbar {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
  padding:0 2px;
}
.visit-report-editor-page .visit-report-full-toolbar span { color:var(--gold-2); font-size:12px; font-weight:900; }
.visit-report-editor-page .visit-report-full-toolbar h2 { margin:4px 0 0; color:var(--navy); font-size:22px; line-height:1.25; }
.visit-report-editor-page .visit-report-full-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.visit-report-editor-page .visit-report-full-actions form { margin:0; }
.visit-report-editor-page .visit-report-progress {
  width:min(330px,100%);
  display:grid;
  gap:5px;
  padding:8px 10px;
  border:1px solid rgba(47,100,214,.16);
  border-radius:8px;
  background:#fff;
  box-shadow:0 10px 22px rgba(16,24,40,.06);
}
.visit-report-editor-page .visit-report-progress-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:12px;
  line-height:1.2;
}
.visit-report-editor-page .visit-report-progress-head b {
  color:var(--navy);
  white-space:nowrap;
}
.visit-report-editor-page .visit-report-progress-head span {
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#667085;
  font-size:12px;
  font-weight:800;
}
.visit-report-editor-page .visit-report-progress-track {
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#edf2f7;
}
.visit-report-editor-page .visit-report-progress-track i {
  display:block;
  height:100%;
  width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--gold),#2f64d6);
  transition:width .35s ease;
}
.visit-report-editor-page .visit-report-progress p {
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.visit-report-editor-page .visit-report-progress.is-done .visit-report-progress-track i { background:#12b76a; }
.visit-report-editor-page .visit-report-progress.is-failed .visit-report-progress-track i { background:#f04438; }
.visit-report-editor-page .visit-report-frame {
  width:100%;
  min-height:calc(100vh - 190px);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  display:block;
}
.visit-report-editor-page .internal-strip { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.visit-report-editor-page .internal-strip span {
  min-height:28px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:0 10px;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(47,100,214,.1);
  background:rgba(247,251,255,.84);
  color:#46566f;
}
.visit-report-editor-page .internal-strip span:first-child {
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  box-shadow:0 10px 20px rgba(239,132,36,.14);
}
@media (max-width:760px) {
  .visit-report-editor-page .visit-report-full-toolbar { align-items:flex-start; flex-direction:column; }
  .visit-report-editor-page .visit-report-full-actions { justify-content:flex-start; }
}

.visit-report-list-page .proposal-list-toolbar { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; margin-bottom:12px; }
.visit-report-list-page .proposal-list-toolbar form { display:flex; gap:8px; align-items:center; min-width:min(420px,100%); }
.visit-report-list-page .proposal-list-toolbar input { flex:1; min-height:38px; border:1px solid rgba(102,112,133,.18); border-radius:8px; padding:0 10px; }
.visit-report-list-page .proposal-list { display:grid; gap:8px; }
.visit-report-list-page .proposal-list-row { display:grid; grid-template-columns:minmax(240px,1fr) minmax(220px,.58fr) auto; gap:10px; align-items:center; padding:12px; border:1px solid rgba(102,112,133,.14); border-radius:10px; background:#fff; }
.visit-report-list-page .proposal-list-main { display:grid; gap:4px; min-width:0; }
.visit-report-list-page .proposal-list-main b { font-size:15px; color:#1d2939; }
.visit-report-list-page .proposal-list-main em { color:#667085; font-style:normal; font-size:12px; }
.visit-report-list-page .proposal-list-stats { display:grid; grid-template-columns:90px minmax(0,1fr); gap:5px; }
.visit-report-list-page .proposal-list-stats span { min-height:28px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#f2f4f7; color:#475467; font-size:12px; font-weight:800; padding:0 8px; }
.visit-report-list-page .proposal-list-actions { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width:860px) { .visit-report-list-page .proposal-list-row { grid-template-columns:1fr; } .visit-report-list-page .proposal-list-actions { justify-content:flex-start; } }

.content-record-actions{margin:8px 0 0}.content-record-actions summary{cursor:pointer;color:#475467;font-size:12px;font-weight:800}.content-record-actions>div{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}.content-record-actions form{display:flex;gap:6px;margin:0;align-items:center}.content-record-actions button{min-height:30px;font-size:12px}.content-record-actions .danger{background:#b42318}

.new-customer-page {
  display: grid;
  gap: 16px;
}
.new-customer-shell {
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 42px);
}
.new-customer-head {
  display: grid;
  gap: 8px;
  margin-bottom: 26px;
}
.new-customer-head span {
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.new-customer-head h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(26px, 4vw, 38px);
}
.new-customer-head p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}
.new-customer-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.new-customer-form label {
  display: grid;
  gap: 6px;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}
.new-customer-form .wide {
  grid-column: 1 / -1;
}
.new-customer-form input,
.new-customer-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #d8e1ef;
  border-radius: 9px;
  color: var(--ink);
  background: rgba(255,255,255,.92);
}
.new-customer-form textarea {
  min-height: 92px;
  resize: vertical;
}
.new-customer-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 6px;
}
.new-customer-actions button,
.new-customer-actions a {
  min-height: 44px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  font-weight: 900;
}
.new-customer-actions button {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--navy-2));
}
.new-customer-actions a {
  border: 1px solid #d8e1ef;
  color: #344054;
  background: #fff;
}
.new-customer-rule {
  grid-column: 1 / -1;
  margin: 0;
  padding: 12px 14px;
  border-radius: 9px;
  color: #475467;
  background: #f4f7fb;
  font-size: 12px;
  line-height: 1.65;
}
@media (max-width: 640px) {
  .new-customer-page {
    padding-bottom: 96px;
  }
  .new-customer-shell {
    padding: 20px 16px;
  }
  .new-customer-form {
    grid-template-columns: 1fr;
  }
  .new-customer-form .wide,
  .new-customer-actions,
  .new-customer-rule {
    grid-column: 1;
  }
  .new-customer-actions a,
  .new-customer-actions button {
    flex: 1 1 100%;
  }
}

.role-home-page { display:grid; gap:16px; }
.role-home-page .client-header { min-height:108px; }
.role-home-owner { gap:12px; }
.role-home-owner .client-header { min-height:80px; }
.role-home-hero { padding:clamp(24px,4vw,46px); display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.78fr); gap:28px; color:#fff; background:linear-gradient(135deg,#111b43,#24356e 58%,#3158c9); }
.role-home-manager-hero { background:linear-gradient(135deg,#111b43,#24356e 52%,#176b50); }
.role-home-hero-copy { align-self:center; display:grid; gap:12px; }
.role-home-kicker { width:max-content; padding:6px 10px; border:1px solid #ffffff38; border-radius:999px; background:#ffffff12; font-size:11px; font-weight:900; letter-spacing:.1em; }
.role-home-hero h2 { margin:0; color:#fff; font-size:clamp(28px,4vw,48px); line-height:1.12; }
.role-home-hero h2 b { color:#ffd36a; }
.role-home-hero-copy p { margin:0; max-width:680px; color:#e8eefcce; line-height:1.75; }
.role-home-next-card { padding:22px; display:grid; gap:13px; align-content:center; border:1px solid #ffffff32; border-radius:14px; background:#ffffff12; backdrop-filter:blur(14px); }
.role-home-next-card.is-clear { background:#ffffff0c; }
.role-home-next-label { display:flex; justify-content:space-between; gap:10px; color:#dbe6ff; font-size:11px; font-weight:800; }
.role-home-next-label b { color:#ffdd86; }
.role-home-next-card h3 { margin:0; color:#fff; font-size:24px; }
.role-home-next-card p { margin:0; color:#e8eefccc; }
.role-home-next-meta { display:grid; gap:5px; color:#e8eefccc; font-size:12px; }
.role-home-next-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:4px; }
.role-home-next-actions a { min-height:38px; padding:0 13px; display:inline-flex; align-items:center; border:1px solid #ffffff35; border-radius:8px; color:#fff; font-size:12px; font-weight:900; }
.role-home-next-actions .primary { color:#111b43; border-color:#fff; background:#fff; }
.role-home-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.role-home-metric-grid > a { min-height:126px; padding:19px; display:grid; align-content:space-between; border:1px solid rgba(49,88,201,.12); border-radius:12px; background:rgba(255,255,255,.88); box-shadow:0 14px 34px rgba(35,44,77,.07); }
.role-home-metric-grid span { color:#667085; font-size:12px; font-weight:800; }
.role-home-metric-grid b { color:var(--navy); font-size:34px; }
.role-home-metric-grid em { color:var(--blue); font-size:11px; font-style:normal; font-weight:800; }
.role-home-manager-alerts { display:grid; grid-template-columns:1fr 1fr; gap:9px; align-content:center; }
.role-home-manager-alerts a { min-height:84px; padding:15px; display:grid; align-content:space-between; border:1px solid #ffffff2d; border-radius:10px; background:#ffffff10; }
.role-home-manager-alerts span { color:#e8eefccc; font-size:11px; font-weight:800; }
.role-home-manager-alerts b { color:#fff; font-size:28px; }
.role-home-owner-summary { display:grid; grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(130px,1fr)); gap:10px; }
.role-home-owner-metric { min-height:108px; padding:16px; display:grid; align-content:space-between; border:1px solid rgba(49,88,201,.12); border-radius:11px; color:var(--navy); background:rgba(255,255,255,.92); box-shadow:0 10px 24px rgba(35,44,77,.06); }
.role-home-owner-metric span { color:#667085; font-size:12px; font-weight:800; }
.role-home-owner-metric b { font-size:28px; line-height:1; }
.role-home-owner-metric em { color:var(--blue); font-size:11px; font-style:normal; font-weight:800; }
.role-home-owner-metric.is-primary { color:#fff; border-color:#18285d; background:linear-gradient(135deg,#111b43,#24356e 68%,#8a5b12); }
.role-home-owner-metric.is-primary span { color:#e8eefccc; }
.role-home-owner-metric.is-primary b { color:#fff; font-size:36px; }
.role-home-owner-metric.is-primary em { color:#ffdd86; }
.role-home-owner-metric.is-risk { border-color:rgba(180,35,24,.2); background:#fff8f6; }
.role-home-owner-metric.is-risk b, .role-home-owner-metric.is-risk em { color:#b42318; }
.role-home-owner-metric.is-focus { border-color:rgba(49,88,201,.2); background:#f7f9ff; }
.role-home-owner-workspace { min-width:0; display:grid; grid-template-columns:minmax(0,2fr) minmax(220px,.72fr); gap:12px; align-items:start; }
.role-home-owner-team, .role-home-owner-priorities { min-width:0; padding:16px; }
.role-home-owner .role-home-section-head h2 { font-size:20px; }
.role-home-owner .role-home-team-list { margin-top:12px; gap:6px; }
.role-home-owner .role-home-team-row { min-height:56px; padding:8px 10px; grid-template-columns:minmax(90px,.68fr) minmax(210px,1.4fr) auto; gap:10px; }
.role-home-owner-priorities { display:grid; gap:12px; }
.role-home-owner-priority-list { display:grid; gap:6px; }
.role-home-owner-priority-list a { min-height:50px; padding:8px 10px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; align-items:center; border:1px solid #e1e8f2; border-radius:9px; background:#fff; }
.role-home-owner-priority-list span { min-width:0; color:#344054; font-size:12px; font-weight:800; }
.role-home-owner-priority-list b { color:#b42318; font-size:20px; line-height:1; }
.role-home-owner-priority-list em { grid-column:1 / -1; color:#667085; font-size:10px; font-style:normal; }
.role-home-owner-tools { min-height:56px; padding:9px 14px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.role-home-owner-tools > div { display:flex; align-items:baseline; gap:8px; }
.role-home-owner-tools > div span { color:var(--blue); font-size:11px; font-weight:900; }
.role-home-owner-tools > div b { color:var(--navy); font-size:13px; }
.role-home-owner-tools nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.role-home-owner-tools nav a { min-height:34px; padding:0 12px; display:inline-flex; align-items:center; border:1px solid #d8e1ef; border-radius:8px; color:#344054; background:#fff; font-size:12px; font-weight:800; }
.role-home-owner-tools nav a.primary { color:#fff; border-color:var(--blue); background:var(--blue); }
.role-home-team, .role-home-shortcuts { padding:22px; }
.role-home-section-head, .role-home-shortcuts { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.role-home-section-head div, .role-home-shortcuts > div { display:grid; gap:4px; }
.role-home-section-head span, .role-home-shortcuts > div span { color:var(--blue); font-size:11px; font-weight:900; }
.role-home-section-head h2, .role-home-shortcuts h2 { margin:0; color:var(--navy); font-size:22px; }
.role-home-section-head > a { color:var(--blue); font-size:12px; font-weight:900; }
.role-home-team-list { margin-top:16px; display:grid; gap:8px; }
.role-home-team-row { min-height:66px; padding:11px 13px; display:grid; grid-template-columns:minmax(120px,.8fr) minmax(280px,1.4fr) auto; gap:14px; align-items:center; border:1px solid #e1e8f2; border-radius:9px; background:#fff; }
.role-home-team-row > div:first-child { display:grid; gap:3px; }
.role-home-team-row > div:first-child span { color:#98a2b3; font-size:10px; }
.role-home-team-numbers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.role-home-team-numbers span { color:#667085; font-size:10px; }
.role-home-team-numbers b { display:block; color:var(--navy); font-size:16px; }
.role-home-team-row em { padding:6px 9px; border-radius:999px; font-size:10px; font-style:normal; font-weight:900; white-space:nowrap; }
.role-home-team-row em.is-warning { color:#b42318; background:#fff0ed; }
.role-home-team-row em.is-idle { color:#b54708; background:#fff6e8; }
.role-home-team-row em.is-good { color:#176b50; background:#edf9f3; }
.role-home-empty { padding:24px; color:#667085; text-align:center; }
.role-home-shortcuts nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.role-home-shortcuts nav a { min-height:40px; padding:0 13px; display:inline-flex; align-items:center; border:1px solid #d8e1ef; border-radius:8px; color:#344054; background:#fff; font-size:12px; font-weight:900; }
.role-home-shortcuts nav a.primary { color:#fff; border-color:var(--blue); background:var(--blue); }
@media(max-width:1000px) {
  .role-home-hero { grid-template-columns:1fr; }
  .role-home-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1179px) and (min-width:841px) {
  .role-home-owner-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .role-home-owner-metric.is-primary { grid-column:span 2; }
}
@media(max-width:1023px) and (min-width:841px) {
  .role-home-owner-workspace { grid-template-columns:1fr; }
}
@media(max-width:840px) {
  .role-home-next-actions a,
  .role-home-shortcuts nav a { min-height:44px; }
  .role-home-owner-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .role-home-owner-metric { min-height:96px; padding:13px; }
  .role-home-owner-metric.is-primary { grid-column:1 / -1; }
  .role-home-owner-metric.is-primary b { font-size:34px; }
  .role-home-owner-workspace { grid-template-columns:1fr; }
  .role-home-owner-tools { align-items:flex-start; display:grid; }
  .role-home-owner-tools nav { justify-content:flex-start; }
  .role-home-owner-tools nav a { flex:1 1 calc(50% - 8px); justify-content:center; }
}
@media(max-width:700px) {
  .role-home-page { padding-bottom:96px; }
  .role-home-page .client-header { min-height:78px; }
  .role-home-hero { padding:22px 17px; border-radius:12px; }
  .role-home-hero h2 { font-size:28px; }
  .role-home-manager-alerts { grid-template-columns:1fr 1fr; }
  .role-home-metric-grid { gap:8px; }
  .role-home-metric-grid > a { min-height:104px; padding:15px; }
  .role-home-metric-grid b { font-size:28px; }
  .role-home-section-head, .role-home-shortcuts { align-items:flex-start; display:grid; }
  .role-home-team-row { grid-template-columns:1fr auto; }
  .role-home-team-numbers { grid-column:1 / -1; grid-row:2; }
  .role-home-shortcuts nav { justify-content:flex-start; }
  .role-home-shortcuts nav a { flex:1 1 calc(50% - 8px); justify-content:center; }
  .role-home-owner .role-home-team-row { grid-template-columns:1fr auto; }
}

.product-home-page {
  --product-navy: #111b43;
  --product-blue: #3158c9;
  --product-cyan: #46b7c8;
  --product-gold: #eead35;
  --product-orange: #ee7f22;
  display: grid;
  gap: 18px;
}
.product-home-page .client-header {
  min-height: 118px;
}
.product-home-title {
  display: grid;
  gap: 5px;
}
.product-home-title img {
  margin-bottom: 3px;
}
.product-home-title h1 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
}
.product-home-title p {
  margin: 0;
  font-size: 14px;
}
.product-home-hero {
  position: relative;
  min-height: 286px;
  padding: clamp(28px, 4vw, 54px);
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 86% 22%, rgba(70,183,200,.34), transparent 31%),
    radial-gradient(circle at 72% 100%, rgba(238,173,53,.28), transparent 36%),
    linear-gradient(135deg, #111b43 0%, #24356e 52%, #3158c9 100%);
}
.product-home-hero::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -130px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255,255,255,.035),
    0 0 0 104px rgba(255,255,255,.025);
}
.product-home-hero-content {
  position: relative;
  z-index: 1;
  max-width: 850px;
}
.product-home-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  color: #dce8ff;
  background: rgba(255,255,255,.08);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.product-home-hero h2 {
  max-width: 760px;
  margin: 20px 0 12px;
  color: #fff;
  font-size: clamp(30px, 4.4vw, 58px);
  line-height: 1.06;
}
.product-home-hero p {
  max-width: 700px;
  margin: 0;
  color: rgba(237,244,255,.82);
  font-size: clamp(14px, 1.35vw, 18px);
  line-height: 1.8;
}
.product-home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.product-home-hero-actions a {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}
.product-home-hero-actions .primary {
  color: var(--product-navy);
  background: #fff;
}
.product-home-hero-actions .secondary {
  color: #fff;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.08);
}
.product-home-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.product-home-metric {
  min-height: 118px;
  padding: 20px;
  display: grid;
  align-content: space-between;
  border: 1px solid rgba(49,88,201,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 16px 34px rgba(35,44,77,.07);
}
.product-home-metric span {
  color: #697386;
  font-size: 12px;
  font-weight: 800;
}
.product-home-metric b {
  color: var(--product-navy);
  font-size: 34px;
  line-height: 1;
}
.product-home-metric em {
  color: var(--product-blue);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.product-home-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 2px 0;
}
.product-home-section-head div {
  display: grid;
  gap: 5px;
}
.product-home-section-head span {
  color: var(--product-orange);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
}
.product-home-section-head h2 {
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
}
.product-home-section-head p {
  max-width: 620px;
  margin: 0;
  font-size: 13px;
  text-align: right;
}
.product-center-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.product-center-card {
  position: relative;
  min-height: 300px;
  padding: 28px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 14px;
  border: 1px solid rgba(49,88,201,.12);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,250,255,.82));
  box-shadow: 0 18px 46px rgba(35,44,77,.08);
  overflow: hidden;
  scroll-margin-top: 24px;
}
.product-center-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--center-accent, var(--product-blue));
}
#customer-center { --center-accent: var(--blue); }
#touchpoint-center { --center-accent: var(--cyan); }
#analysis-center { --center-accent: var(--gold); }
#strategy-center { --center-accent: var(--blue); }
#sales-task-center { --center-accent: var(--cyan); }
#cockpit-center { --center-accent: var(--gold); }
.product-center-card.is-development {
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(248,246,241,.82));
}
.product-center-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.product-center-number {
  color: var(--center-accent, var(--product-blue));
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .16em;
}
.product-center-status {
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(26,127,89,.18);
  border-radius: 999px;
  color: #176b50;
  background: #edf9f3;
  font-size: 11px;
  font-weight: 900;
}
.product-center-card.is-development .product-center-status {
  border-color: rgba(181,71,8,.16);
  color: #9a4b14;
  background: #fff6e8;
}
.product-center-card h3 {
  margin: 0;
  color: var(--product-navy);
  font-size: clamp(22px, 2.2vw, 30px);
}
.product-center-card p {
  margin: 0;
  color: #697386;
  font-size: 14px;
  line-height: 1.75;
}
.product-center-feature-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: 8px;
  list-style: none;
}
.product-center-feature-list li {
  padding: 7px 10px;
  border: 1px solid rgba(49,88,201,.1);
  border-radius: 8px;
  color: #4f5d73;
  background: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 750;
}
.product-center-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 6px;
}
.product-center-action {
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(49,88,201,.16);
  border-radius: 8px;
  color: var(--product-blue);
  background: #fff;
  font-size: 12px;
  font-weight: 900;
}
.product-center-action.is-disabled {
  color: #8a93a3;
  border-style: dashed;
  background: rgba(246,247,249,.8);
  cursor: not-allowed;
}
.product-home-footnote {
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(238,173,53,.2);
  border-radius: 14px;
  color: #61583f;
  background: linear-gradient(135deg, rgba(255,250,234,.94), rgba(255,255,255,.86));
  font-size: 13px;
}
.product-home-footnote b {
  color: var(--product-navy);
}
@media (max-width: 1180px) {
  .product-home-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 820px) {
  .product-home-page {
    gap: 12px;
  }
  .product-home-page .client-header {
    min-height: 78px;
  }
  .product-home-title p {
    display: none;
  }
  .product-home-hero {
    min-height: 0;
    padding: 28px 20px;
    border-radius: 14px;
  }
  .product-home-hero h2 {
    margin-top: 16px;
  }
  .product-home-hero::after {
    opacity: .55;
  }
  .product-home-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .product-home-metric {
    min-height: 100px;
    padding: 16px;
  }
  .product-home-metric b {
    font-size: 28px;
  }
  .product-home-section-head {
    align-items: start;
    display: grid;
  }
  .product-home-section-head p {
    text-align: left;
  }
  .product-center-grid {
    grid-template-columns: 1fr;
  }
  .product-center-card {
    min-height: 0;
    padding: 22px 18px;
    border-radius: 14px;
  }
  .product-home-footnote {
    align-items: start;
    display: grid;
  }
}
@media (max-width: 430px) {
  .product-home-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .product-home-hero-actions a {
    flex: 1 1 100%;
  }
}

.coming-soon-page {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto minmax(460px, 1fr);
  gap: 16px;
}
.coming-soon-panel {
  display: grid;
  place-items: center;
  padding: 36px;
  text-align: center;
}
.coming-soon-content {
  width: min(620px, 100%);
  display: grid;
  justify-items: center;
  gap: 14px;
}
.coming-soon-mark {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #3158c9;
  background: rgba(49, 88, 201, 0.1);
  font-size: 28px;
  font-weight: 800;
}
.coming-soon-content h2 { margin: 0; font-size: var(--type-level-1); }
.coming-soon-content p { margin: 0; color: #667085; font-size: var(--type-level-4); line-height: 1.8; }
.coming-soon-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; }
.coming-soon-actions a { min-height: 40px; padding: 0 18px; }

.lead-batches-page {display:grid;gap:16px}
.lead-batches-page .client-header > div:first-child p {margin:7px 0 0;color:var(--muted);line-height:1.65}
.lead-batch-overview {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 24px}
.lead-batch-overview-copy {display:grid;gap:6px}
.lead-batch-overview-copy > span {color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.08em}
.lead-batch-overview-copy h2 {margin:0;color:var(--navy);font-size:clamp(22px,3vw,30px)}
.lead-batch-overview-copy p {margin:0;color:var(--muted);line-height:1.65}
.batch-primary-action {display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border-radius:9px;text-decoration:none;font-weight:900;white-space:nowrap}
.lead-batch-summary-strip {display:flex;align-items:center;gap:0;border-top:1px solid var(--line);background:#fbfcff}
.lead-batch-summary-strip span {display:flex;align-items:baseline;gap:8px;padding:12px 20px;border-right:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800}
.lead-batch-summary-strip b {color:var(--navy);font-size:20px}
.lead-batch-table-panel {padding:0;overflow:hidden}
.lead-batch-table-toolbar {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line)}
.lead-batch-search {display:flex;align-items:center;gap:8px;min-width:min(100%,460px)}
.lead-batch-search input {min-width:240px;min-height:38px}
.lead-batch-search button,.lead-batch-search .btn {min-height:38px}
.lead-batch-filter-result {color:var(--muted);font-size:12px;white-space:nowrap}
.lead-batch-table-wrap {overflow-x:auto}
.lead-batch-table {width:100%;border-collapse:collapse;table-layout:fixed}
.lead-batch-table th {padding:11px 14px;background:#f6f8fc;color:#667085;font-size:11px;text-align:left;white-space:nowrap}
.lead-batch-table td {padding:13px 14px;border-top:1px solid #edf0f5;color:var(--ink);vertical-align:middle}
.lead-batch-table tbody tr:hover {background:#fafcff}
.lead-batch-name-cell {width:34%}
.lead-batch-file {display:flex;min-width:0;align-items:flex-start;gap:10px}
.lead-batch-file > i {display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:rgba(49,88,201,.1);color:var(--blue);font-style:normal;font-size:12px;font-weight:900}
.lead-batch-file > div {min-width:0}
.lead-batch-file b {display:block;overflow:hidden;color:var(--navy);font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.lead-batch-file small {display:block;margin-top:3px;color:var(--muted);font-size:11px}
.lead-batch-tags {display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}
.lead-batch-tags span,.lead-batch-tags em {padding:3px 6px;border-radius:5px;background:#f2f4f7;color:#667085;font-size:10px;font-style:normal;font-weight:800}
.batch-time-cell {color:var(--muted);font-size:12px;white-space:nowrap}
.batch-number-cell {font-size:15px;font-weight:900}
.batch-number-cell.primary-number {color:var(--blue)}
.lead-batch-state {display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
.lead-batch-state.ready {background:#eaf8f2;color:#087455}
.lead-batch-state.running {background:#eef3ff;color:var(--blue)}
.lead-batch-state.done {background:#f2f4f7;color:#667085}
.batch-action-cell {text-align:right}
.batch-open-action {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap}
.batch-open-action.disabled {background:#eef1f5;color:#8a94a6}
.lead-batch-empty {padding:48px 20px;text-align:center}
.lead-batch-empty b,.lead-batch-empty span {display:block}
.lead-batch-empty span {margin-top:6px;color:var(--muted);font-size:12px}
.lead-batch-pager {display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:13px 18px;border-top:1px solid var(--line)}
.lead-batch-pager form {display:flex;align-items:center;gap:6px;margin-right:auto}
.lead-batch-pager select {min-height:34px}
.batch-pager-btn {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--navy);text-decoration:none;font-size:11px;font-weight:900}
.batch-pager-btn.disabled {color:#a0a8b5;background:#f7f8fa}
.batch-page-status {color:var(--muted);font-size:12px}
@media(max-width:840px) {
  .lead-batch-overview {grid-template-columns:1fr;padding:17px}
  .lead-batch-summary-strip {overflow-x:auto}
  .lead-batch-summary-strip span {min-width:max-content;padding:10px 14px}
  .lead-batch-table-toolbar {align-items:stretch;flex-direction:column}
  .lead-batch-search {min-width:0;width:100%}
  .lead-batch-search input {min-width:0;flex:1}
  .lead-batch-table th:nth-child(2),.lead-batch-table td:nth-child(2),.lead-batch-table th:nth-child(3),.lead-batch-table td:nth-child(3),.lead-batch-table th:nth-child(5),.lead-batch-table td:nth-child(5),.lead-batch-table th:nth-child(6),.lead-batch-table td:nth-child(6) {display:none}
  .lead-batch-table {table-layout:auto}
  .lead-batch-name-cell {width:auto}
  .lead-batch-table th,.lead-batch-table td {padding:11px 10px}
  .batch-action-cell {width:112px}
  .lead-batch-pager {justify-content:space-between;padding:11px 10px}
  .lead-batch-pager form {display:none}
}

@media (max-width:840px) {
  .task-history-wrap {overflow:visible}
  .task-history-table {display:block;width:100%;border-collapse:separate;border-spacing:0 10px}
  .task-history-table colgroup,.task-history-table thead {display:none}
  .task-history-table tbody,.task-history-table tr,.task-history-table td {display:block;width:100%}
  .task-history-table tr {margin:0 0 10px;border:1px solid rgba(49,88,201,.14);border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(35,44,77,.06);overflow:hidden}
  .task-history-table td {padding:9px 12px;border:0;white-space:normal;max-width:none;overflow:visible;text-overflow:clip}
  .task-history-table td::before {content:attr(data-label);display:block;margin-bottom:4px;color:#667085;font-size:11px;font-weight:800}
  .task-history-table td:last-child {padding-bottom:13px}
  .task-history-table td:last-child form {display:inline-flex;vertical-align:middle}
}

.task-cleaning-table td { vertical-align:top; }
.task-stage-stats { margin:0 0 16px; }
.task-stage-stats .mini-stat { color:inherit; text-decoration:none; }
.task-stage-stats .mini-stat:hover { border-color:rgba(49,88,201,.34); background:rgba(255,255,255,.96); }
@media (max-width:840px) {
  .task-cleaning-table table, .task-cleaning-table tbody { display:block; width:100%; }
  .task-cleaning-table thead { display:none; }
  .task-cleaning-table tbody { display:grid; gap:10px; }
  .task-cleaning-table tr { display:grid; gap:7px; padding:12px; border:1px solid rgba(49,88,201,.14); border-radius:10px; background:rgba(255,255,255,.82); box-shadow:0 8px 20px rgba(35,44,77,.06); }
  .task-cleaning-table td { display:block; padding:0; border:0; max-width:none ; overflow-wrap:anywhere; }
  .task-cleaning-table td::before { content:attr(data-label); display:block; margin-bottom:2px; color:var(--muted); font-size:11px; font-weight:850; }
}

.leadpool-batch-context {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:15px 17px;border:1px solid rgba(49,88,201,.16);border-radius:13px;background:linear-gradient(135deg,#f7f9ff,#fff)}
.leadpool-batch-context > div:first-child {min-width:0}
.leadpool-batch-context span {display:block;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.07em}
.leadpool-batch-context h2 {margin:3px 0 0;overflow:hidden;color:var(--navy);font-size:19px;text-overflow:ellipsis;white-space:nowrap}
.leadpool-batch-context p {margin:5px 0 0;color:var(--muted);font-size:12px}
.leadpool-batch-context-actions {display:flex;gap:8px;flex:0 0 auto}
@media(max-width:840px) {.leadpool-batch-context {align-items:stretch;flex-direction:column}.leadpool-batch-context-actions {display:grid;grid-template-columns:1fr 1fr}

.profile-page > .crm-panel{width:100%;max-width:980px;margin-left:auto;margin-right:auto;padding:16px}
.profile-page > .crm-panel .section-title{margin-bottom:0}
.profile-page > .crm-panel .section-title span{font-size:10px;font-weight:600;line-height:1}
.profile-page > .crm-panel .section-title h2{margin:3px 0 0;font-size:18px;font-weight:650;line-height:1.2}
.profile-page .auth-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:14px}
.profile-page .auth-form label{gap:5px;font-size:12px}
.profile-page .auth-form input{min-height:36px;padding:8px 10px;border-radius:7px}
.profile-page .auth-form .form-actions{align-self:end;margin:0}
.profile-page .auth-form .form-actions button{width:100%;min-height:36px;border-radius:7px}
@media(max-width:840px){
  .profile-page > .crm-panel{max-width:none;padding:14px}
  .profile-page .auth-form{grid-template-columns:1fr}
}

.material-library-page .material-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.material-library-page .material-toolbar input{min-width:260px;flex:1}
.material-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.material-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;overflow:hidden}.material-card-cover,.material-card-cover-image{display:block;width:100%;height:112px;border-radius:9px;object-fit:cover}.material-card-cover{display:flex;align-items:flex-end;justify-content:space-between;padding:13px;background:linear-gradient(135deg,#176172,#20b8c7);color:#fff}.material-card-cover span{font-size:18px;font-weight:900}.material-card-cover b{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.material-cover-AI外贸{background:linear-gradient(135deg,#334a92,#7c5ce1)}.material-cover-企业AI培训{background:linear-gradient(135deg,#6b3fa0,#e06c9f)}.material-cover-会销{background:linear-gradient(135deg,#b64b2c,#e39a3a)}.material-cover-报价{background:linear-gradient(135deg,#176172,#153d70)}.material-card-main{display:grid;gap:6px;min-width:0;flex:1;align-content:start}.material-card h3,.material-card p{margin:0}.material-card h3{font-size:17px;line-height:1.4}.material-card p{font-size:13px;line-height:1.55}.material-card p,.material-card em,.material-card small{color:#667085;font-style:normal}.material-card small{color:#b42318}
.material-card-tags,.material-card-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.material-card-tags span{padding:3px 8px;border-radius:999px;background:#f2f4f7;font-size:12px;font-weight:800}.material-card-tags .status-ready{background:#ecfdf3;color:#027a48}.material-card-tags .status-failed,.material-card-tags .status-needs_converter,.material-card-tags .status-off{background:#fef3f2;color:#b42318}.material-card-actions{padding-top:10px;border-top:1px solid #f2f4f7}.material-card-actions form{margin:0}
.material-version-history summary{cursor:pointer;color:#475467;font-size:13px}.material-version-history div{display:flex;gap:8px;flex-wrap:wrap;padding-top:6px}.material-version-history a{font-size:12px}
.material-upload-panel{margin-bottom:14px;border:1px solid #d0d5dd;border-radius:12px;padding:12px;background:#f9fafb}.material-upload-panel summary{cursor:pointer;font-weight:900}.material-upload-panel form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.material-upload-panel label{display:grid;gap:5px;font-weight:800}.material-upload-panel .wide{grid-column:1/-1}.material-upload-panel .check{display:flex;flex-direction:row;align-items:center}
.material-library-page .material-card{border-color:#dbe5f2;border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 10px 26px rgba(27,48,98,.043)}
.material-library-page .material-card-cover,.material-library-page .material-card-cover-image{border-radius:7px}
.material-library-page .material-upload-panel{border-color:#dbe5f2;border-radius:8px;background:rgba(255,255,255,.76);box-shadow:0 10px 26px rgba(27,48,98,.043)}
@media(max-width:1100px){.material-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.material-list{grid-template-columns:1fr}.material-card-actions{justify-content:flex-start}.material-upload-panel form{grid-template-columns:1fr}.material-upload-panel .wide{grid-column:auto}}