/* Customer Portal Theme - align with external interface */
:root{
  --tgw-cyan:#41dbf2; --tgw-blue:#0065F8; --tgw-indigo:#4300ff;
  --cp-gradient: linear-gradient(135deg,#07102a 0%,#0b1f4a 50%,#07102a 100%);
  --cp-panel: rgba(255,255,255,.96);
  --cp-panel-dark: rgba(15,23,42,.88);
}

/* global backdrop for customers */
body.customers.modern-theme{
  background: var(--cp-gradient);
  background-attachment: fixed;
}

/* navbar */
.navbar.header{
  border:0; background: rgba(7,16,42,.65); backdrop-filter: blur(4px);
  box-shadow: 0 1px 0 rgba(65,219,242,.25), 0 8px 30px rgba(0,0,0,.25);
  top:0px;
}
.navbar.header .navbar-brand.logo.cyber-logo img{
  filter: drop-shadow(0 0 6px rgba(65,219,242,.55));
  transition: transform .5s ease, filter .5s ease;
}
.navbar.header .navbar-brand.logo.cyber-logo img:hover{
  transform: translateZ(0) scale(1.03);
  filter: drop-shadow(0 0 10px rgba(67,0,255,.5));
}

/* panels/cards */
.panel_s, .panel_s .panel-body{
  background: var(--cp-panel);
}
body.dark-mode .panel_s, body.dark-mode .panel_s .panel-body{
  background: var(--cp-panel-dark);
}
.panel_s{
  border:1px solid rgba(65,219,242,.22); border-radius:14px;
  box-shadow: 0 0 0 1px rgba(65,219,242,.15), 0 15px 40px rgba(0,0,0,.22);
}

/* tables */
.table>thead>tr>th{
  border-bottom:1px solid rgba(65,219,242,.25);
}
.table>tbody>tr:hover{
  background: rgba(65,219,242,.05);
}

/* links/buttons */
a, .btn-link{ color: var(--tgw-blue); }
a:hover{ color: var(--tgw-cyan); }
.btn-primary{ background: linear-gradient(135deg,var(--tgw-blue),var(--tgw-indigo)); border:0; }
.btn-primary:hover{ filter: brightness(1.06) drop-shadow(0 6px 18px rgba(65,219,242,.35)); }

/* badges */
.badge{ background: linear-gradient(135deg, rgba(65,219,242,.9), rgba(0,101,248,.9)); }

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .navbar.header .navbar-brand.logo.cyber-logo img{ transition:none; }
}