/* ISP360_PREMIUM_UI_V14
   High-contrast polish for Customers + global table readability.
   Visual-only; no customer, RADIUS, billing, or API logic changes. */

/* Global readability refinement */
.p13-data-table thead th{
  color:#3f5368!important;
  font-size:10.5px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
}
.p13-data-table tbody td{
  color:#24384c!important;
  font-size:12.25px!important;
  font-weight:520!important;
  line-height:1.45!important;
}
.p13-data-table tbody tr:nth-child(even){background:#fbfcfe!important}
.p13-data-table tbody tr:hover{background:#eef6ff!important}
.p13-data-table td small{color:#687d92!important}
.main .search::placeholder,
.main input::placeholder{color:#8292a5!important;opacity:1}

/* Customers / All Users page */
body.p14-customers-page .content{
  padding:23px 27px 29px!important;
  max-width:1760px!important;
}

body.p14-customers-page .header{
  min-height:112px!important;
  margin-bottom:17px!important;
  padding:22px 25px!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(59,130,246,.28),transparent 25%),
    radial-gradient(circle at 76% 120%,rgba(14,165,233,.12),transparent 32%),
    linear-gradient(135deg,#081426 0%,#102a4a 58%,#173f7a 100%)!important;
  border:1px solid rgba(79,125,188,.45)!important;
  box-shadow:0 15px 35px rgba(15,35,68,.16)!important;
}

body.p14-customers-page .header .p13-page-title{
  color:#fff!important;
  font-size:29px!important;
  line-height:1.15!important;
  margin:0 0 4px!important;
  padding-bottom:10px!important;
}
body.p14-customers-page .header .p13-page-title:after{
  left:52px!important;
  width:64px!important;
  background:linear-gradient(90deg,#60a5fa,#38bdf8,#f0c66c)!important;
}
body.p14-customers-page .header p{
  color:#c9d8e8!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  margin-top:5px!important;
}
body.p14-customers-page .header .p13-title-icon{
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#143667,#2365c4)!important;
  box-shadow:0 9px 22px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
body.p14-customers-page .header .btn,
body.p14-customers-page .header .p13-primary-action{
  min-height:42px!important;
  padding:10px 17px!important;
  border-radius:10px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8 60%,#0ea5e9)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 22px rgba(20,80,190,.28)!important;
}

body.p14-customers-page .stats{
  gap:14px!important;
  margin-bottom:18px!important;
}
body.p14-customers-page .stats .card{
  min-height:112px!important;
  padding:18px 20px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 12px 26px rgba(15,35,68,.14)!important;
}
body.p14-customers-page .stats .card:nth-child(1){
  background:linear-gradient(135deg,#164eaa 0%,#2563eb 57%,#0ea5e9 100%)!important;
}
body.p14-customers-page .stats .card:nth-child(2){
  background:linear-gradient(135deg,#07564e 0%,#087f73 58%,#14a691 100%)!important;
}
body.p14-customers-page .stats .card:nth-child(3){
  background:linear-gradient(135deg,#3f327f 0%,#6252ad 57%,#7c6bc2 100%)!important;
}
body.p14-customers-page .stats .card:before{
  content:"";
  position:absolute;
  right:18px;
  top:17px;
  width:29px;
  height:29px;
  border-radius:10px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
body.p14-customers-page .stats .card:after{
  width:104px!important;
  height:104px!important;
  right:-30px!important;
  bottom:-47px!important;
  border-width:20px!important;
  border-color:rgba(255,255,255,.07)!important;
}
body.p14-customers-page .stats .card-title{
  color:#e8f2ff!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:1.1px!important;
  margin-bottom:10px!important;
  text-shadow:0 1px 1px rgba(0,0,0,.08);
}
body.p14-customers-page .stats .card-value{
  color:#fff!important;
  font-size:30px!important;
  font-weight:850!important;
  letter-spacing:-.8px!important;
  text-shadow:0 2px 4px rgba(0,0,0,.12);
}

body.p14-customers-page .panel{
  border-radius:15px!important;
  border:1px solid #dbe5ef!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
body.p14-customers-page .tools{
  padding:15px 18px!important;
  min-height:64px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
body.p14-customers-page .tools h3{
  color:#162f49!important;
  font-size:14.5px!important;
  font-weight:850!important;
}
body.p14-customers-page .search{
  min-height:40px!important;
  width:min(390px,100%)!important;
  border-color:#cbd8e5!important;
  background:#fff!important;
  color:#20364d!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
}
body.p14-customers-page table{
  font-size:12.25px!important;
}
body.p14-customers-page th{
  padding:11px 14px!important;
  color:#41566e!important;
  font-size:10px!important;
  font-weight:850!important;
  background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;
  border-bottom:1px solid #dce5ee!important;
}
body.p14-customers-page td{
  padding:11px 14px!important;
  color:#24384c!important;
  font-weight:520!important;
  border-bottom-color:#e9eef4!important;
}
body.p14-customers-page tbody tr:nth-child(even){background:#fbfdff!important}
body.p14-customers-page tbody tr:hover{background:#eef6ff!important}
body.p14-customers-page #customerTable button{
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#173b67,#12325a)!important;
  border-color:#173b67!important;
  font-size:10.5px!important;
  box-shadow:0 4px 10px rgba(18,50,90,.12)!important;
}
body.p14-customers-page .status{
  min-height:24px!important;
  padding:4px 8px!important;
  font-size:10px!important;
  font-weight:800!important;
}

@media(max-width:1100px){
  body.p14-customers-page .content{padding:20px!important}
  body.p14-customers-page .stats{gap:11px!important}
  body.p14-customers-page .stats .card{min-height:105px!important;padding:17px!important}
}
@media(max-width:768px){
  body.p14-customers-page .content{padding:14px!important}
  body.p14-customers-page .header{padding:18px!important;margin-bottom:14px!important}
  body.p14-customers-page .header .p13-page-title{font-size:25px!important}
  body.p14-customers-page .stats{grid-template-columns:1fr!important;margin-bottom:14px!important}
  body.p14-customers-page .stats .card{min-height:96px!important}
  body.p14-customers-page .tools{padding:13px!important;gap:10px!important;flex-wrap:wrap}
  body.p14-customers-page .search{width:100%!important}
  body.p14-customers-page th,
  body.p14-customers-page td{padding:10px 12px!important}
}