/* UpkeepAlerts v3.1 Customer Intelligence */

.ua31-page-head{
  align-items:flex-start!important;
}

.ua31-head-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

.ua31-summary-grid{
  margin-bottom:18px;
}

.ua31-filter-bar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px;
  gap:10px;
  margin-bottom:16px;
}

.ua31-filter-bar input,
.ua31-filter-bar select{
  width:100%;
  min-height:46px;
  padding:11px 13px;
  border:1px solid #dce5ef;
  border-radius:14px;
  background:#fff;
  color:#102a48;
}

.ua31-customer-list{
  padding:0!important;
  overflow:hidden!important;
}

.ua31-customer-card{
  display:grid;
  grid-template-columns:
    48px
    minmax(190px,1.05fr)
    95px
    105px
    135px
    minmax(210px,.95fr)
    205px;
  gap:14px;
  align-items:center;
  padding:17px 18px;
  border-bottom:1px solid #e2e8f0;
  background:#fff;
}

.ua31-customer-card:last-child{
  border-bottom:0;
}

.ua31-customer-card.is-clickable{
  cursor:pointer;
}

.ua31-customer-card.is-clickable:hover{
  background:#f8fafc;
  box-shadow:inset 4px 0 0 #f47a20;
}

.ua31-rank{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:13px;
  background:#eef2f7;
  color:#102a48;
  font-weight:950;
}

.ua31-identity,
.ua31-field,
.ua31-advisor{
  min-width:0;
}

.ua31-customer-name{
  color:#102a48;
  font-weight:950;
  text-decoration:none;
}

.ua31-customer-name:hover{
  color:#f47a20;
  text-decoration:underline;
}

.ua31-identity span,
.ua31-identity small,
.ua31-field small,
.ua31-advisor small{
  display:block;
  margin-top:4px;
  color:#64748b;
  line-height:1.35;
}

.ua31-field > span,
.ua31-advisor > span{
  display:block;
  margin-bottom:6px;
  color:#64748b;
  font-size:11px;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.ua31-field strong,
.ua31-advisor strong{
  color:#102a48;
}

.ua31-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}

.ua31-small{
  padding:8px 11px!important;
  font-size:12px!important;
}

.ua31-empty{
  padding:42px 20px;
  text-align:center;
  color:#64748b;
}

@media(max-width:1260px){
  .ua31-customer-card{
    grid-template-columns:
      46px
      minmax(190px,1fr)
      90px
      95px
      125px
      minmax(190px,.9fr);
  }

  .ua31-actions{
    grid-column:2/-1;
    justify-content:flex-start;
  }
}

@media(max-width:900px){
  .ua31-head-actions{
    justify-content:flex-start;
  }

  .ua31-customer-card{
    grid-template-columns:42px minmax(0,1fr) 110px;
    align-items:start;
  }

  .ua31-field,
  .ua31-advisor,
  .ua31-actions{
    grid-column:2/-1;
  }

  .ua31-actions{
    justify-content:flex-start;
  }
}

@media(max-width:650px){
  .ua31-filter-bar{
    grid-template-columns:1fr;
  }

  .ua31-customer-card{
    grid-template-columns:40px minmax(0,1fr);
  }

  .ua31-field,
  .ua31-advisor,
  .ua31-actions{
    grid-column:2;
  }

  .ua31-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .ua31-actions .btn{
    width:100%;
    text-align:center;
  }
}