/* =========================================================
   DxM API HUB — Light Blue Professional Theme
   Visual-only theme layer. Existing PHP/database logic preserved.
   ========================================================= */
:root{
  --dxm-blue-50:#f0f9ff;
  --dxm-blue-100:#e0f2fe;
  --dxm-blue-200:#bae6fd;
  --dxm-blue-300:#7dd3fc;
  --dxm-blue-500:#0ea5e9;
  --dxm-blue-600:#0284c7;
  --dxm-green-50:#eff9ff;
  --dxm-green-100:#dff3ff;
  --dxm-green-200:#bfe7ff;
  --dxm-green-500:#38bdf8;
  --dxm-green-600:#0ea5e9;
  --dxm-green-700:#0284c7;
  --dxm-green-800:#0369a1;
  --dxm-green-900:#075985;
  --dxm-ink:#12344a;
  --dxm-muted:#5b7485;
  --dxm-border:#d5ebf7;
  --dxm-bg:#f5fbff;
  --dxm-white:#ffffff;
  --dxm-shadow:0 14px 40px rgba(2,132,199,.08);
  --dxm-shadow-lg:0 24px 70px rgba(2,132,199,.13);
}
html{scroll-behavior:smooth}
body{
  color:var(--dxm-ink)!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(125,211,252,.24),transparent 28%),
    radial-gradient(circle at 95% 12%,rgba(56,189,248,.12),transparent 24%),
    linear-gradient(180deg,#f7fcff 0%,var(--dxm-bg) 48%,#f7fcff 100%)!important;
}
a{color:var(--dxm-green-700)}
a:hover{color:var(--dxm-blue-600)}
::selection{background:var(--dxm-green-700);color:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#eef8ff}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--dxm-blue-300),var(--dxm-green-600));border-radius:20px}

/* Shared surfaces */
.card,.glass-card,.main-card,.stat-card,.quick-stat,
.bg-white.border,.bg-white.border.rounded-xl,.bg-white.border.border-gray-100{
  border-color:var(--dxm-border)!important;
  box-shadow:var(--dxm-shadow)!important;
}
.card,.main-card,.stat-card,.quick-stat{background:rgba(255,255,255,.92)!important}
.glass-card{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(191,231,255,.55)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.card:hover,.stat-card:hover,.quick-stat:hover{
  transform:translateY(-2px);
  box-shadow:var(--dxm-shadow-lg)!important;
  border-color:#bfe7ff!important;
}
button,.btn,.demo-btn{transition:all .22s ease!important}
button:hover,.btn:hover,.demo-btn:hover{transform:translateY(-1px);filter:saturate(1.05)}
.btn-primary,.btn-login,.btn-register,.btn-premium{
  background:linear-gradient(135deg,var(--dxm-green-700),var(--dxm-green-500))!important;
  border-color:var(--dxm-green-700)!important;
  color:#fff!important;
  box-shadow:0 10px 25px rgba(14,165,233,.18)!important;
}
.btn-primary:hover,.btn-login:hover,.btn-register:hover,.btn-premium:hover{
  background:linear-gradient(135deg,var(--dxm-green-800),var(--dxm-blue-600))!important;
}
.btn-outline-secondary{
  border-color:#b8dff0!important;color:var(--dxm-blue-800)!important;
}
.btn-outline-secondary:hover{background:var(--dxm-blue-50)!important}

/* Navigation / header */
nav,.nav-glass,.mobile-header{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(191,231,255,.55)!important;
  box-shadow:0 8px 28px rgba(2,132,199,.06)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.navbar-brand,.brand-title{color:var(--dxm-green-900)!important}
.nav-link{color:#45645f!important;font-weight:700!important}
.nav-link:hover,.nav-link.active{color:var(--dxm-green-700)!important;background:var(--dxm-blue-50)!important}
.navbar-toggler{border-color:var(--dxm-border)!important}

/* Hero / landing */
.hero,.hero-section{position:relative}
.hero::before,.hero-section::before{
  content:"";position:absolute;inset:-10% 0 auto 0;height:80%;
  background:radial-gradient(circle at 50% 30%,rgba(125,211,252,.24),transparent 52%);
  pointer-events:none;z-index:-1;
}
.badge,.domain-badge{border-radius:999px!important}
.endpoint-tag.get{background:var(--dxm-blue-50)!important;color:var(--dxm-green-700)!important}
.endpoint-tag.post{background:var(--dxm-blue-50)!important;color:var(--dxm-blue-600)!important}

/* Inputs / auth */
input,textarea,select,.form-control,.form-select{
  border:1px solid #cfe5f0!important;
  background:rgba(255,255,255,.95)!important;
  color:var(--dxm-ink)!important;
  border-radius:12px!important;
  outline:none!important;
}
input:focus,textarea:focus,select:focus,.form-control:focus,.form-select:focus{
  border-color:var(--dxm-blue-500)!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.12)!important;
}
.input-group{border-radius:14px}
.input-group input{box-shadow:none!important}
.brand-icon{
  background:linear-gradient(135deg,var(--dxm-green-800),var(--dxm-blue-600))!important;
  box-shadow:0 14px 35px rgba(14,165,233,.2)!important;
}
.security-badge{background:var(--dxm-blue-50)!important;color:var(--dxm-blue-800)!important;border-color:var(--dxm-blue-200)!important}
.alert-success{background:var(--dxm-blue-50)!important;color:var(--dxm-blue-800)!important;border-color:var(--dxm-blue-200)!important}
.alert-error,.alert-danger{background:#fff7f7!important;border-color:#fecaca!important}

/* Landing sections */
section h1,section h2,section h3{color:var(--dxm-green-900)}
.text-blue-600,.text-blue-500,.text-indigo-600{color:var(--dxm-blue-600)!important}
.text-emerald-600,.text-green-600{color:var(--dxm-blue-600)!important}
.text-emerald-500{color:var(--dxm-blue-500)!important}
.bg-blue-50{background:var(--dxm-blue-50)!important}
.bg-blue-100{background:var(--dxm-blue-100)!important}
.bg-emerald-50{background:var(--dxm-blue-50)!important}
.bg-emerald-100{background:var(--dxm-blue-100)!important}
.bg-emerald-500{background:var(--dxm-blue-500)!important}

/* Dashboard */
.stat-card{position:relative;overflow:hidden}
.stat-card::after{
  content:"";position:absolute;width:130px;height:130px;border-radius:50%;
  right:-55px;bottom:-65px;background:linear-gradient(135deg,rgba(125,211,252,.18),rgba(56,189,248,.18));
}
.progress-bar{background:#e7f2ef!important;border-radius:999px!important}
.progress-bar>div{background:linear-gradient(90deg,var(--dxm-blue-500),var(--dxm-green-600))!important}
.quick-stat{background:rgba(255,255,255,.9)!important}
.bg-slate-50{background:#f3faff!important}
.bg-slate-100{background:#edf8ff!important}
.border-slate-200{border-color:var(--dxm-border)!important}
.text-slate-900,.text-gray-800{color:var(--dxm-ink)!important}
.text-slate-700,.text-gray-700{color:#38596d!important}
.text-slate-500,.text-gray-500{color:#6a8393!important}

/* Documentation */
.desktop-sidebar{
  background:rgba(255,255,255,.92)!important;
  border-color:var(--dxm-border)!important;
  box-shadow:8px 0 30px rgba(2,132,199,.04);
}
.nav-link.block{border-left:3px solid transparent}
.nav-link.block:hover{border-left-color:var(--dxm-blue-500)!important}
.code-block{
  background:#082d43!important;
  border:1px solid rgba(191,231,255,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.glass-card pre{border-radius:14px!important}
.demo-btn{background:linear-gradient(135deg,var(--dxm-green-800),var(--dxm-blue-600))!important}
.bg-rose-50{background:#fff7f7!important}

/* Tables */
table{border-color:var(--dxm-border)!important}
thead{background:linear-gradient(90deg,var(--dxm-green-50),var(--dxm-blue-50))!important}
th{color:var(--dxm-green-900)!important}
tbody tr:hover{background:#f5fbff!important}

/* Admin */
.admin-sidebar,.sidebar{
  background:linear-gradient(180deg,#075985,#0ea5e9)!important;
}
.admin-sidebar a,.sidebar a{color:#e5f7ff!important}
.admin-sidebar a:hover,.sidebar a:hover{background:rgba(125,211,252,.12)!important;color:#fff!important}
.bg-animation{
  background:
    radial-gradient(circle at 20% 10%,rgba(125,211,252,.18),transparent 25%),
    radial-gradient(circle at 90% 80%,rgba(56,189,248,.16),transparent 28%)!important;
}
.badge-active{background:var(--dxm-blue-100)!important;color:var(--dxm-blue-800)!important}
.badge-reseller{background:var(--dxm-blue-100)!important;color:var(--dxm-blue-700,#0369a1)!important}

/* Footer */
footer,.nenox-footer-section{
  background:linear-gradient(135deg,#075985,#0284c7)!important;
  color:#e8f7ff!important;
  border-top:1px solid rgba(125,211,252,.35)!important;
}
footer a,.nenox-footer-section a{color:#d7f1ff!important}
footer a:hover,.nenox-footer-section a:hover{color:#fff!important}
.f-logo-text{color:#fff!important}
.f-logo-icon rect{fill:url(#tn-blue-gradient)!important}

/* Decorative accents */
hr{border-color:var(--dxm-border)!important}
.border-blue-100{border-color:#ccecff!important}
.border-emerald-100{border-color:var(--dxm-blue-200)!important}
.shadow-sm{box-shadow:0 6px 20px rgba(2,132,199,.06)!important}
.shadow-lg{box-shadow:var(--dxm-shadow-lg)!important}

/* Responsive polish */
@media (max-width:768px){
  .main-card{border-radius:20px!important}
  .desktop-sidebar{display:none}
  .glass-card{border-radius:18px!important}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Landing-specific refinements */
.premium-card{
  background:rgba(255,255,255,.9)!important;
  border-color:var(--dxm-border)!important;
  box-shadow:var(--dxm-shadow)!important;
}
.premium-card:hover{border-color:var(--dxm-blue-200)!important;box-shadow:var(--dxm-shadow-lg)!important}
.hero-gradient-text{
  background:linear-gradient(135deg,var(--dxm-green-900),var(--dxm-green-600),var(--dxm-blue-600))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
.stat-item{background:rgba(255,255,255,.88)!important;border-color:var(--dxm-border)!important}
.stat-item:hover{border-color:var(--dxm-green-300,#7dd3fc)!important}
.step-connector{background:linear-gradient(90deg,var(--dxm-blue-200),var(--dxm-green-200))!important}
.terminal-window{background:#082d43!important;border-color:#0b5d80!important}
.terminal-header{background:#0b4f70!important}

.bg-blue-600,.bg-blue-700{background-color:var(--dxm-green-700)!important}
.bg-indigo-600,.bg-indigo-700{background-color:var(--dxm-blue-600)!important}
.from-blue-600{--tw-gradient-from:var(--dxm-green-700)!important}
.to-indigo-700{--tw-gradient-to:var(--dxm-blue-600)!important}
.text-blue-800{color:var(--dxm-blue-800)!important}
.border-blue-300{border-color:var(--dxm-blue-300)!important}
.hover\:bg-blue-50:hover{background-color:var(--dxm-blue-50)!important}
.hover\:bg-blue-700:hover{background-color:var(--dxm-blue-800)!important}

/* Final Light Blue overrides */
footer,.nenox-footer-section{background:linear-gradient(135deg,#eaf7ff,#d8f1ff)!important;color:#31566b!important;border-top:1px solid #bfe7ff!important;}
footer a,.nenox-footer-section a{color:#087eb8!important;}
.f-logo-text{color:#075985!important;-webkit-text-fill-color:#075985!important;}
.f-bottom{color:#5b7485!important;border-top-color:#bfe7ff!important;}
.f-group-wrapper h3{color:#12344a!important;}
.f-description-text{color:#4d6c7d!important;}
.f-card-title{color:#1e3f53!important;}
.f-card-time{color:#678294!important;}
.admin-sidebar,.sidebar{background:linear-gradient(180deg,#eaf7ff,#bfe7ff)!important;}
.admin-sidebar a,.sidebar a{color:#164e63!important;}
.admin-sidebar a:hover,.sidebar a:hover{background:rgba(14,165,233,.12)!important;color:#075985!important;}