﻿/* AYMAN_CUSTOMER_NUMBERS_REPORT_V1 */

.cnr-card{
  border-color:#9fd8cf!important;
  border-right-color:#0f766e!important;
  background:
    linear-gradient(
      90deg,
      #fff 0%,
      #fff 72%,
      #f3fbfa 100%
    )!important;
}

.cnr-card:hover{
  border-color:#0f766e!important;
}

.cnr-icon{
  background:#0f766e!important;
  box-shadow:
    0 8px 18px
    rgba(15,118,110,.24)!important;
}

.cnr-workspace .gmr-heading h1,
.cnr-workspace .gmr-panel-head h2{
  color:#173a46;
}

.cnr-workspace .gmr-run,
.cnr-workspace .gmr-export{
  background:#0f766e;
  border-color:#0f766e;
}

.cnr-workspace .gmr-table th{
  background:#eaf7f5;
  color:#264c47;
  border-color:#d4ebe7;
}

.cnr-table{
  min-width:940px;
}

/* CUSTOMER NUMBERS HEADER COLORS */
.cnr-workspace .gmr-heading > div > span{
    color:#b9c5d8 !important;
}

.cnr-workspace .gmr-heading h1{
    color:#ffffff !important;
}

/* REPORTS INDEX HEADING FIX */
#reportsIndex .page-heading > div > span{
    display:none !important;
}

#reportsIndex .page-heading h1{
    color:#ffffff !important;
    margin:0 !important;
}


/* CUSTOMER INVALID NUMBERS POPUP */

.cnr-invalid-cell{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.cnr-invalid-open{
  width:27px;
  height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #f0b4b4;
  border-radius:7px;
  background:#fff4f4;
  color:#c62828;
  font-size:17px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  transition:.15s ease;
}

.cnr-invalid-open:hover{
  background:#c62828;
  border-color:#c62828;
  color:#fff;
}

.cnr-invalid-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(7,18,37,.42);
  backdrop-filter:blur(2px);
}

.cnr-invalid-popup{
  width:min(360px,92vw);
  max-height:70vh;
  overflow:hidden;
  background:#fff;
  border:1px solid #eadede;
  border-radius:18px;
  box-shadow:
    0 22px 55px
    rgba(0,0,0,.22);
  direction:rtl;
}

.cnr-invalid-popup-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-bottom:1px solid #eee;
}

.cnr-invalid-popup-head > div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.cnr-invalid-popup-head strong{
  font-size:17px;
  color:#17233c;
}

.cnr-invalid-popup-head span{
  font-size:12px;
  color:#7b8494;
}

#cnrInvalidClose{
  flex:0 0 auto;
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  background:#f7eded;
  color:#c62828;
  font-size:23px;
  line-height:1;
  cursor:pointer;
}

.cnr-invalid-list{
  max-height:52vh;
  overflow:auto;
  padding:10px 14px 16px;
}

.cnr-invalid-item{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:42px;
  padding:8px 10px;
  border-bottom:1px solid #f0f0f0;
}

.cnr-invalid-item:last-child{
  border-bottom:0;
}

.cnr-invalid-item span{
  flex:0 0 28px;
  color:#a0a7b2;
  font-size:12px;
  text-align:center;
}

.cnr-invalid-item strong{
  direction:ltr;
  font-size:15px;
  color:#c62828;
  letter-spacing:.3px;
}

.cnr-invalid-empty{
  padding:25px 10px;
  text-align:center;
  color:#8b93a1;
}
