/* TeamAct CRM — User / Agent My Calls Clean View */

.member-calls-clean{
  --mc-ink:#17354a;
  --mc-muted:#687f90;
  --mc-line:#dce6ec;
  --mc-purple:#5d3fd3;
  display:grid;
  gap:14px;
}
.member-calls-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.member-calls-head h2{
  margin:0!important;
  padding:0!important;
  border:0!important;
  font-size:24px!important;
  color:var(--mc-ink)!important;
}
.member-calls-head h2:before{display:none!important}
.member-calls-head p{
  margin:5px 0 0;
  color:var(--mc-muted)!important;
}
.member-calls-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.member-calls-kpis>div{
  background:#fff;
  border:1px solid var(--mc-line);
  border-radius:14px;
  padding:15px;
  box-shadow:0 6px 18px rgba(24,57,80,.05);
}
.member-calls-kpis>div:nth-child(1){border-top:4px solid #1677e8}
.member-calls-kpis>div:nth-child(2){border-top:4px solid #14825d}
.member-calls-kpis>div:nth-child(3){border-top:4px solid #d98200}
.member-calls-kpis>div:nth-child(4){border-top:4px solid #d23b4c}
.member-calls-kpis span{
  display:block;
  color:#526b7d!important;
  font-weight:800;
}
.member-calls-kpis b{
  display:block;
  margin:8px 0 4px;
  font-size:27px!important;
  line-height:1;
  color:var(--mc-ink)!important;
}
.member-calls-kpis small{
  color:#758896!important;
}
.member-calls-card{
  background:#fff;
  border:1px solid var(--mc-line);
  border-radius:14px;
  overflow:hidden;
}
.member-calls-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px;
  border-bottom:1px solid #e8eef2;
}
.member-calls-card-head h3{
  margin:0!important;
  color:var(--mc-ink)!important;
}
.member-calls-card-head p{
  margin:4px 0 0;
  color:var(--mc-muted)!important;
}
.member-calls-card-head>span{
  color:#6f8291!important;
  font-weight:750;
  white-space:nowrap;
}
.member-calls-table-wrap{
  overflow:auto;
}
.member-calls-table{
  width:100%;
  min-width:820px;
  border-collapse:collapse;
}
.member-calls-table th{
  padding:10px 12px;
  text-align:left;
  background:#f3f5f7;
  border-bottom:1px solid #d5e0e7;
  color:#3b5668!important;
}
.member-calls-table td{
  padding:11px 12px;
  border-bottom:1px solid #e9eef2;
  color:#203e53!important;
}
.member-calls-table tbody tr:hover td{
  background:#faf9ff;
}
.shell #view .member-calls-clean button.member-call-lead{
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#4f36c2!important;
  font-weight:850!important;
  text-align:left!important;
}
.shell #view .member-calls-clean button.member-call-lead:hover{
  text-decoration:underline!important;
  color:#3d27a3!important;
}
.member-call-type{
  display:inline-block;
  padding:4px 7px;
  border-radius:7px;
  background:#eef4f8;
  color:#3f5c6f!important;
  font-weight:750;
}
.member-calls-empty{
  padding:32px;
  text-align:center;
  color:#728696!important;
}

@media(max-width:900px){
  .member-calls-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .member-calls-head{display:grid}
  .member-calls-kpis{grid-template-columns:1fr 1fr}
}