/* PJSK APP DESIGN V3 - dashboard visual overhaul */
:root{--app-blue:#0759a6;--app-blue2:#0b78d0;--app-dark:#07356b;--app-orange:#ff6b18;--app-bg:#f3f7fc;--app-card:#fff;--app-text:#173d64;--app-muted:#6d8299}
body.pjs-app-mode{background:var(--app-bg)!important;color:var(--app-text)!important}
body.pjs-app-mode .pksk-topbar{background:linear-gradient(90deg,var(--app-dark),var(--app-blue))!important;color:#fff!important;border:0!important;box-shadow:0 2px 10px rgba(0,45,95,.12)}
body.pjs-app-mode .pksk-header{background:#fff!important;border-bottom:1px solid #e3edf7!important;box-shadow:0 5px 18px rgba(24,64,100,.06)!important}
body.pjs-app-mode .pksk-brand{color:var(--app-dark)!important;font-weight:950!important}
body.pjs-app-mode .pksk-nav-wrap{background:#fff!important}
body.pjs-app-mode .hero,.pjs-app-mode .banner,.pjs-app-mode .hero-section{
  border-radius:18px!important;box-shadow:0 12px 32px rgba(25,65,105,.10)!important;overflow:hidden
}
body.pjs-app-mode section{scroll-margin-top:90px}
body.pjs-app-mode .service-card,body.pjs-app-mode .service-box,body.pjs-app-mode .feature-card,body.pjs-app-mode .product-card,body.pjs-app-mode .card{
  border:1px solid #deebf7!important;border-radius:16px!important;background:#fff!important;
  box-shadow:0 7px 22px rgba(25,65,105,.07)!important;transition:.2s ease!important
}
body.pjs-app-mode .service-card:hover,body.pjs-app-mode .service-box:hover,body.pjs-app-mode .feature-card:hover,body.pjs-app-mode .product-card:hover,body.pjs-app-mode .card:hover{
  transform:translateY(-4px)!important;box-shadow:0 15px 30px rgba(25,65,105,.12)!important
}
body.pjs-app-mode .section-title,body.pjs-app-mode section h2{color:var(--app-dark)!important;font-weight:950!important}
body.pjs-app-mode button,body.pjs-app-mode .btn,body.pjs-app-mode .button,body.pjs-app-mode input[type=submit]{
  border-radius:9px!important;font-weight:800!important
}
body.pjs-app-mode .btn-primary,body.pjs-app-mode .primary-btn{
  background:linear-gradient(135deg,var(--app-blue),var(--app-blue2))!important;color:#fff!important;border:0!important
}
body.pjs-app-mode .pjs-whatsapp-button{box-shadow:0 10px 25px rgba(0,120,80,.2)!important}
.pjs-app-hero-strip{
  margin:18px auto 0;max-width:1180px;padding:22px;border-radius:18px;
  background:linear-gradient(110deg,#07356b 0%,#086acb 65%,#1685dc 100%);
  color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;
  box-shadow:0 12px 30px rgba(10,67,130,.18)
}
.pjs-app-hero-strip h1{margin:0 0 6px;font-size:30px;color:#fff}.pjs-app-hero-strip p{margin:0;color:#d9edff;font-size:13px}
.pjs-app-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.pjs-app-hero-actions a{padding:10px 14px;border-radius:9px;text-decoration:none;font-size:11px;font-weight:900}
.pjs-app-hero-actions .main{background:#fff;color:#0759a6}.pjs-app-hero-actions .alt{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3)}
.pjs-app-mini-bar{max-width:1180px;margin:12px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pjs-app-mini{background:#fff;border:1px solid #e1ecf7;border-radius:12px;padding:12px 14px;display:flex;gap:9px;align-items:center;box-shadow:0 5px 16px rgba(25,65,105,.05)}
.pjs-app-mini b{display:block;font-size:12px}.pjs-app-mini span{font-size:20px}
@media(max-width:900px){.pjs-app-hero-strip{margin:12px 10px 0}.pjs-app-mini-bar{margin:10px;grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.pjs-app-hero-strip{padding:18px;display:block}.pjs-app-hero-strip h1{font-size:24px}.pjs-app-hero-actions{margin-top:14px}.pjs-app-mini-bar{grid-template-columns:1fr}}