/* CRM 12.10.58 — analytics UI stylesheet.
   External same-origin file is required by production CSP: style-src 'self'. */

.analytics-page-121055{
  display:grid;
  gap:20px;
  font-size:14px;
}
.analytics-page-121055 .content-card{
  overflow:hidden;
}
.analytics-page-121055 .content-card h2{
  font-size:22px;
  line-height:1.2;
  margin:0 0 7px;
  letter-spacing:-.01em;
}
.analytics-page-121055 .content-card p{
  font-size:14px;
  line-height:1.5;
  margin:0;
}
.analytics-page-121055 .eyebrow{
  font-size:11px;
  line-height:1.2;
  letter-spacing:.07em;
  font-weight:800;
}

.analytics-hero-121055{
  display:grid;
  gap:15px;
}
.analytics-filters-121055{
  display:grid;
  grid-template-columns:1fr 1fr minmax(220px,1.4fr) minmax(220px,1.2fr);
  gap:12px;
  align-items:end;
}
.analytics-filters-121055 .lead-stats-presets{
  grid-column:1/-1;
}
.analytics-live-meta-121055{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-size:13px;
  color:var(--muted,#68707d);
}

.analytics-kpis-121055{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.analytics-kpis-121055 .stat{
  min-height:92px;
  padding:16px;
}
.analytics-kpis-121055 .stat span{
  font-size:12px;
  line-height:1.3;
}
.analytics-kpis-121055 .stat strong{
  margin-top:7px;
  font-size:24px;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}

.analytics-grid-121055{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
  gap:18px;
  align-items:stretch;
}

.analytics-funnel-121055{
  display:grid;
  gap:16px;
  margin-top:18px;
}
.analytics-funnel-row-121055{
  display:grid;
  grid-template-columns:minmax(220px,320px) minmax(260px,1fr);
  grid-template-rows:auto auto;
  column-gap:18px;
  row-gap:6px;
  align-items:center;
}
.analytics-funnel-label-121055{
  display:grid;
  gap:3px;
  min-width:0;
}
.analytics-funnel-label-121055 b{
  font-size:15px;
  line-height:1.25;
  font-weight:800;
}
.analytics-funnel-label-121055 span{
  font-size:12px;
  line-height:1.25;
  color:var(--muted,#68707d);
}
.analytics-funnel-track-121055{
  height:18px;
  border-radius:999px;
  background:rgba(120,130,150,.14);
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(100,115,145,.08);
}
.analytics-funnel-track-121055 i{
  display:block;
  height:100%;
  min-width:2px;
  border-radius:inherit;
  background:linear-gradient(90deg,#3568ff,#41b883);
}
.analytics-funnel-row-121055 small{
  grid-column:2;
  color:var(--muted,#68707d);
  font-size:11.5px;
  line-height:1.2;
}

.analytics-mini-grid-121055{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.analytics-mini-121055{
  display:grid;
  gap:5px;
  min-height:78px;
  align-content:center;
  padding:14px 15px;
  border:1px solid rgba(120,130,150,.18);
  border-radius:14px;
  background:rgba(120,130,150,.045);
}
.analytics-mini-121055 span{
  font-size:12px;
  line-height:1.3;
  color:var(--muted,#68707d);
}
.analytics-mini-121055 b{
  font-size:21px;
  line-height:1.1;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.analytics-mini-121055 small{
  font-size:10.5px;
  color:var(--muted,#68707d);
}

.lead-stats-comparison{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:15px;
}
.lead-stats-comparison>div{
  display:grid;
  gap:5px;
  padding:14px;
  border:1px solid rgba(120,130,150,.16);
  border-radius:13px;
  background:rgba(120,130,150,.035);
}
.lead-stats-comparison>div span{
  font-size:12px;
  color:var(--muted,#68707d);
}
.lead-stats-comparison>div b{
  font-size:20px;
  line-height:1.1;
}
.lead-stats-comparison>small{
  grid-column:1/-1;
  color:var(--muted,#68707d);
}

.analytics-table-note-121057{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 0 12px;
  font-size:13px;
  line-height:1.35;
  color:var(--muted,#68707d);
}
.analytics-page-121055 .table-scroll{
  border:1px solid rgba(120,130,150,.16);
  border-radius:14px;
  overflow:auto;
  scrollbar-gutter:stable;
}
.analytics-table-121055{
  width:100%;
  min-width:1240px;
  table-layout:auto;
  font-size:13px;
  border-collapse:separate;
  border-spacing:0;
}
.analytics-matrix-table-121057{
  min-width:1450px;
}
.analytics-table-121055 thead th{
  position:sticky;
  top:0;
  z-index:4;
  padding:13px 14px;
  font-size:12px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
  white-space:normal;
  color:#536071;
  background:#f7f9fc;
  border-bottom:1px solid rgba(120,130,150,.18);
}
.analytics-table-121055 tbody td{
  padding:13px 14px;
  height:58px;
  vertical-align:middle;
  font-size:13px;
  line-height:1.3;
  border-bottom:1px solid rgba(120,130,150,.12);
  white-space:nowrap;
}
.analytics-table-121055 tbody tr:last-child td{
  border-bottom:0;
}
.analytics-table-121055 tbody tr:nth-child(even){
  background:#fbfcfe;
}
.analytics-table-121055 tbody tr[data-analytics-source],
.analytics-table-121055 tbody tr[data-analytics-manager]{
  cursor:pointer;
}
.analytics-table-121055 tbody tr:hover{
  background:#f4f7ff;
}

.analytics-dimension-121057{
  min-width:150px;
}
.analytics-dimension-121057 strong{
  display:block;
  font-size:14px;
  line-height:1.25;
  font-weight:800;
  color:var(--text,#151923);
}
.analytics-dimension-121057 span{
  display:block;
  margin-top:4px;
  font-size:10.5px;
  line-height:1.2;
  color:var(--muted,#7a8492);
}
.analytics-metric-121057{
  min-width:112px;
  font-variant-numeric:tabular-nums;
}
.analytics-metric-121057 strong{
  display:block;
  font-size:16px;
  line-height:1.1;
  font-weight:800;
  color:var(--text,#151923);
}
.analytics-metric-121057 span{
  display:block;
  margin-top:5px;
  font-size:11px;
  line-height:1.2;
  color:var(--muted,#7a8492);
  white-space:nowrap;
}
.analytics-accounts-121057 strong{
  font-size:17px;
}

.analytics-matrix-table-121057 th:first-child,
.analytics-matrix-table-121057 td:first-child{
  position:sticky;
  left:0;
  z-index:3;
  min-width:155px;
  background:#fff;
}
.analytics-matrix-table-121057 th:nth-child(2),
.analytics-matrix-table-121057 td:nth-child(2){
  position:sticky;
  left:155px;
  z-index:3;
  min-width:135px;
  background:#fff;
  box-shadow:8px 0 12px -12px rgba(20,30,50,.45);
}
.analytics-matrix-table-121057 tbody tr:nth-child(even) td:first-child,
.analytics-matrix-table-121057 tbody tr:nth-child(even) td:nth-child(2){
  background:#fbfcfe;
}
.analytics-matrix-table-121057 tbody tr:hover td:first-child,
.analytics-matrix-table-121057 tbody tr:hover td:nth-child(2){
  background:#f4f7ff;
}
.analytics-matrix-table-121057 thead th:first-child,
.analytics-matrix-table-121057 thead th:nth-child(2){
  z-index:6;
  background:#f7f9fc;
}

@media(max-width:1250px){
  .analytics-kpis-121055{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-grid-121055{grid-template-columns:1fr}
}
@media(max-width:1100px){
  .analytics-filters-121055{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-table-121055{min-width:1180px}
  .analytics-matrix-table-121057{min-width:1380px}
}
@media(max-width:760px){
  .analytics-filters-121055{grid-template-columns:1fr}
  .analytics-kpis-121055{grid-template-columns:1fr}
  .analytics-mini-grid-121055{grid-template-columns:1fr}
  .lead-stats-comparison{grid-template-columns:1fr 1fr}
  .analytics-funnel-row-121055{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
  }
  .analytics-funnel-row-121055 small{grid-column:1}
  .analytics-page-121055 .content-card h2{font-size:19px}
}