/* CallFocus V11.2 — compact right-aligned credit dock + simplified signed-in home */

/* Remove the large Saved callers / Recent threads / Voice pair summary panel. */
#customerHomePanel .customer-stats{
  display:none!important;
}

/* Keep the signed-in workspace flowing directly into Recent Calls. */
#customerHomePanel .customer-home-head{
  margin-bottom:34px;
}
#customerHomePanel .customer-home-head + .section-head,
#customerHomePanel .customer-stats + .section-head{
  margin-top:0;
}

/* Credit balance becomes a compact utility card tucked to the right. */
.hero-credit-row{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  padding-top:14px;
  margin-bottom:-2px;
  position:relative;
  z-index:6;
}
.credit-dock{
  width:min(380px,46vw);
  margin-left:auto;
  padding:11px 12px;
  grid-template-columns:40px minmax(0,1fr);
  gap:9px 11px;
  border-radius:19px;
}
.credit-dock-icon{
  width:40px;
  height:40px;
  border-radius:13px;
}
.credit-dock-icon svg{
  width:21px;
  height:21px;
}
.credit-dock-copy{
  gap:1px;
  align-self:center;
}
.credit-dock-copy span{
  font-size:9px;
  letter-spacing:.13em;
}
.credit-dock-copy strong{
  font-size:12.5px;
  line-height:1.3;
}
.credit-dock-action{
  grid-column:1/-1;
  width:100%;
  min-height:34px;
  padding:7px 10px;
  border-radius:12px;
  font-size:11.5px;
  line-height:1.2;
}

@media(max-width:760px){
  .hero-credit-row{
    padding-top:10px;
  }
  .credit-dock{
    width:min(292px,64vw);
    padding:9px 10px;
    grid-template-columns:36px minmax(0,1fr);
    gap:8px 9px;
    border-radius:17px;
  }
  .credit-dock-icon{
    width:36px;
    height:36px;
    border-radius:12px;
  }
  .credit-dock-icon svg{
    width:19px;
    height:19px;
  }
  .credit-dock-copy span{
    font-size:8.5px;
  }
  .credit-dock-copy strong{
    font-size:11.5px;
    line-height:1.28;
  }
  .credit-dock-action{
    min-height:32px;
    padding:6px 9px;
    font-size:10.8px;
  }
}

@media(max-width:520px){
  .hero-credit-row{
    padding-left:20px;
    padding-right:20px;
    padding-top:8px;
    margin-bottom:0;
  }
  .credit-dock{
    width:min(258px,66vw);
    margin-right:0;
    padding:9px;
    grid-template-columns:34px minmax(0,1fr);
    gap:7px 8px;
    border-radius:16px;
  }
  .credit-dock-icon{
    width:34px;
    height:34px;
    border-radius:11px;
  }
  .credit-dock-icon svg{
    width:18px;
    height:18px;
  }
  .credit-dock-copy strong{
    font-size:11px;
  }
  .credit-dock-action{
    min-height:31px;
    border-radius:10px;
    font-size:10.5px;
  }
  #customerHomePanel .customer-home-head{
    margin-bottom:26px;
  }
}