@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&family=Kanit:wght@400;500;600;700&display=swap');

:root{
  --pk-bg:#020814;
  --pk-dark:#000814;
  --pk-card:#020b1d;
  --pk-blue:#00a9ff;
  --pk-blue2:#006dff;
  --pk-cyan:#4eeaff;
  --pk-white:#ffffff;
  --pk-soft:#d8eaff;
  --pk-muted:#9fb8d0;
  --pk-line:rgba(0,169,255,.28);
}

*{box-sizing:border-box}

html,body{
  margin:0!important;
  padding:0!important;
  background:#020814!important;
  color:#fff!important;
  font-family:'Kanit','Segoe UI',Tahoma,sans-serif!important;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-weight:600;
  letter-spacing:0;
}

/* ================= NAVBAR ================= */

.navbar{
  min-height:98px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(0,169,255,.16)!important;
  background:rgba(1,7,20,.98)!important;
  box-shadow:0 0 20px rgba(0,120,255,.10)!important;
}

.navbar .container,
.navbar .container-fluid{
  width:100%!important;
  max-width:100%!important;
  min-height:98px!important;
  padding-left:34px!important;
  padding-right:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.navbar-header{
  float:none!important;
  display:flex!important;
  align-items:center!important;
}

.navbar-brand{
  height:98px!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}

.navbar-brand img{
  height:88px!important;
  width:auto!important;
  max-height:none!important;
  transform:scale(1.45)!important;
  transform-origin:left center!important;
  image-rendering:auto!important;
  object-fit:contain!important;
  filter:
    contrast(1.05)
    brightness(1.02)
    drop-shadow(0 0 4px rgba(0,190,255,.18))!important;
}

.navbar-collapse{
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

.navbar-nav{
  float:none!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}

.navbar-nav > li > a{
  height:98px!important;
  line-height:98px!important;
  padding:0 22px!important;
  color:#ffffff!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  filter:none!important;
  transition:.22s ease!important;
}

.navbar-nav > li > a:hover{
  color:#4edcff!important;
  background:rgba(0,150,255,.07)!important;
}

.navbar-nav > .active > a,
.navbar li.active > a{
  color:#37d8ff!important;
  background:rgba(0,150,255,.11)!important;
  box-shadow:
    inset 0 -3px 0 #00c8ff,
    0 0 16px rgba(0,170,255,.12)!important;
  text-shadow:none!important;
}

/* ================= MAIN ================= */

.pk-home{
  min-height:calc(100vh - 98px);
  position:relative;
  overflow:hidden;
  padding:34px 40px 56px;
  background:
    radial-gradient(circle at 72% 32%,rgba(0,160,255,.20),transparent 32%),
    radial-gradient(circle at 20% 14%,rgba(0,90,255,.10),transparent 28%),
    linear-gradient(135deg,#020814 0%,#07204a 48%,#00040b 100%);
}

.pk-container{
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

.pk-hero{
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:42px;
  align-items:center;
}

.pk-left{
  position:relative;
  z-index:4;
}

.pk-welcome{
  display:none!important;
}

/* ================= TEXT ================= */

.pk-home,
.pk-home input,
.pk-home button,
.pk-home a{
  font-family:'Kanit','Segoe UI',Tahoma,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.pk-title{
  margin:0;
  font-size:clamp(72px,7vw,118px);
  line-height:.9;
  font-weight:900;
  font-style:italic;
  letter-spacing:-.7px;
  color:#ffffff!important;
  text-shadow:
    0 1px 0 rgba(0,18,38,.60),
    0 0 10px rgba(78,234,255,.16)!important;
  filter:none!important;
}

.pk-title span{
  color:#16c7ff!important;
  text-shadow:0 0 12px rgba(22,199,255,.22)!important;
}

.pk-subtitle{
  margin:20px 0 16px;
  font-size:clamp(32px,3vw,50px);
  line-height:1.16;
  font-weight:900;
  color:#ffffff!important;
  letter-spacing:0!important;
  text-shadow:
    0 1px 0 rgba(0,18,38,.54),
    0 0 8px rgba(78,234,255,.12)!important;
  filter:none!important;
}

.pk-subtitle span{
  color:#00bfff!important;
  text-shadow:0 0 10px rgba(0,191,255,.24)!important;
}

.pk-desc{
  max-width:720px;
  margin:0 0 24px;
  color:#f2f7ff!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1.82!important;
  letter-spacing:0!important;
  text-shadow:0 1px 0 rgba(0,18,38,.45)!important;
  filter:none!important;
}

.pk-input input{
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}

.pk-input input::placeholder{
  font-weight:600!important;
  letter-spacing:0!important;
}

.pk-input a{
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-shadow:0 0 8px rgba(0,225,255,.14)!important;
}

.pk-login-btn{
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.1px!important;
  text-shadow:0 1px 0 rgba(0,18,38,.34)!important;
}

.pk-register{
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.7!important;
  letter-spacing:0!important;
}

.pk-register a{
  font-weight:900!important;
  text-shadow:0 0 8px rgba(0,200,255,.14)!important;
}

.pk-register,
.pk-register a,
.pk-feature-card h3,
.pk-feature-card p,
.pk-stat span{
  filter:none!important;
}

/* ================= BADGES ================= */

.pk-badges{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:26px;
}

.pk-badges div{
  padding:11px 20px;
  border-radius:999px;
  color:#fff;
  font-size:15px;
  font-weight:900;
  background:rgba(0,10,28,.88)!important;
  border:1px solid rgba(0,180,255,.24)!important;
  box-shadow:0 0 12px rgba(0,150,255,.08)!important;
}

/* ================= LOGIN ================= */

.pk-login-box{
  max-width:620px;
  padding:22px;
  border-radius:18px;
  background:rgba(0,8,25,.82)!important;
  border:1px solid rgba(0,180,255,.26)!important;
  box-shadow:
    0 0 22px rgba(0,160,255,.10),
    inset 0 0 20px rgba(255,255,255,.02)!important;
  backdrop-filter:blur(14px)!important;
}

.pk-input{
  height:58px;
  margin-bottom:14px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  border-radius:12px;
  background:rgba(0,7,18,.94)!important;
  border:1px solid rgba(0,169,255,.24)!important;
}

.pk-input input{
  flex:1;
  height:100%;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  color:#fff!important;
  font-size:16px;
  box-shadow:none!important;
}

.pk-input input::placeholder{
  color:#9fb8d0!important;
}

.pk-input a{
  color:#00e1ff!important;
  font-size:14px;
  font-weight:900;
}

.pk-login-btn{
  width:100%;
  height:58px;
  border:0!important;
  border-radius:12px!important;
  color:#fff!important;
  font-size:20px;
  font-weight:900;
  background:linear-gradient(135deg,#1ad7ff,#0074ff)!important;
  box-shadow:
    0 0 16px rgba(0,170,255,.24),
    0 0 34px rgba(0,90,255,.16)!important;
  cursor:pointer;
}

.pk-login-btn span{
  float:right;
  font-size:28px;
}

.pk-register{
  text-align:center;
  margin-top:14px;
  color:#dbe9ff!important;
  font-size:15px;
  font-weight:700!important;
}

.pk-register a{
  color:#00c8ff!important;
  font-weight:900!important;
}

/* ================= WOLF ================= */

.pk-right{
  position:relative;
  min-height:560px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.pk-right:before{
  content:"";
  position:absolute;
  width:700px;
  height:520px;
  border-radius:50%;
  background:
    radial-gradient(circle,
    rgba(0,180,255,.18),
    rgba(0,90,255,.08) 44%,
    transparent 72%);
  filter:blur(36px);
}

.pk-wolf-main{
  position:relative;
  z-index:3;
  width:100%!important;
  max-width:700px!important;
  display:block!important;
  margin:0 auto!important;
  filter:
    drop-shadow(0 0 18px rgba(0,180,255,.18))
    drop-shadow(0 0 40px rgba(0,95,255,.12))!important;
  animation:pkWolfFloat 5s ease-in-out infinite;
}

@keyframes pkWolfFloat{
  0%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
  100%{transform:translateY(0)}
}

/* ================= STATS ================= */

.pk-stats{
  margin-top:12px!important;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-radius:18px;
  overflow:hidden;
  background:rgba(0,7,20,.92)!important;
  border:1px solid rgba(0,170,255,.18)!important;
}

.pk-stat{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:24px 14px;
  border-right:1px solid rgba(0,169,255,.12);
}

.pk-stat:last-child{
  border-right:0;
}

.pk-stat b{
  font-size:38px;
  filter:drop-shadow(0 0 10px rgba(0,169,255,.55));
}

.pk-stat strong{
  display:block;
  color:#00a9ff;
  font-size:40px;
  line-height:1;
}

.pk-stat span{
  display:block;
  margin-top:5px;
  color:#eaf6ff!important;
  font-weight:700!important;
}

/* ================= FEATURES ================= */

.pk-feature-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.pk-feature-card{
  min-height:170px;
  padding:24px;
  border-radius:16px;
  background:rgba(0,10,30,.90)!important;
  border:1px solid rgba(0,170,255,.20)!important;
  box-shadow:0 0 18px rgba(0,120,255,.08)!important;
  position:relative;
  overflow:hidden;
}

.pk-feature-card:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  width:64px;
  height:3px;
  background:#00a9ff;
  box-shadow:0 0 10px rgba(0,169,255,.60);
  border-radius:99px;
}

.pk-feature-card div{
  font-size:42px;
  margin-bottom:10px;
  filter:drop-shadow(0 0 8px rgba(0,169,255,.45));
}

.pk-feature-card h3{
  margin:0 0 8px;
  color:#ffffff!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.35!important;
}

.pk-feature-card p{
  color:#d7e7ff!important;
  margin:0 0 16px;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.75!important;
}

/* ================= EXTRA SECTIONS ================= */

.pk-section{
  margin-top:24px;
}

.pk-section-title{
  margin:0 0 10px;
  text-align:center;
  font-size:38px;
  font-weight:900;
  color:#fff;
  text-shadow:none!important;
}

.pk-section-desc{
  max-width:820px;
  margin:0 auto 24px;
  text-align:center;
  color:#d7e7ff;
  font-size:17px;
  font-weight:600;
  line-height:1.8;
}

.pk-service-grid,
.pk-step-grid,
.pk-why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.pk-service-card,
.pk-step-card,
.pk-why-card,
.pk-cta-box{
  background:rgba(0,10,30,.90);
  border:1px solid rgba(0,170,255,.20);
  border-radius:18px;
  padding:24px;
  box-shadow:0 0 18px rgba(0,120,255,.08);
}

.pk-service-card b,
.pk-step-card b,
.pk-why-card b{
  display:block;
  font-size:38px;
  margin-bottom:10px;
}

.pk-service-card h3,
.pk-step-card h3,
.pk-why-card h3{
  margin:0 0 8px;
  color:#fff;
  font-size:22px;
  font-weight:900;
}

.pk-service-card p,
.pk-step-card p,
.pk-why-card p{
  margin:0;
  color:#d7e7ff;
  font-size:16px;
  font-weight:600;
  line-height:1.75;
}

.pk-cta-box{
  text-align:center;
  padding:34px 24px;
  background:
    radial-gradient(circle at center,rgba(0,169,255,.18),transparent 55%),
    rgba(0,10,30,.94);
}

.pk-cta-box h2{
  margin:0 0 10px;
  color:#fff;
  font-size:38px;
  font-weight:900;
}

.pk-cta-box p{
  margin:0 auto 20px;
  max-width:760px;
  color:#d7e7ff;
  font-size:17px;
  font-weight:600;
  line-height:1.8;
}

.pk-cta-btn{
  display:inline-block;
  padding:14px 34px;
  border-radius:999px;
  color:#fff!important;
  font-size:18px;
  font-weight:900;
  text-decoration:none!important;
  background:linear-gradient(135deg,#1ad7ff,#0074ff);
  box-shadow:0 0 24px rgba(0,169,255,.20);
}

/* ================= MOBILE ================= */

@media(max-width:1100px){
  .pk-hero{
    grid-template-columns:1fr;
    text-align:center;
  }

  .pk-right{
    order:-1;
    min-height:auto;
  }

  .pk-desc{
    margin-left:auto;
    margin-right:auto;
  }

  .pk-badges{
    justify-content:center;
  }

  .pk-login-box{
    margin:auto;
  }

  .pk-service-grid,
  .pk-step-grid,
  .pk-why-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .navbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:78px!important;
    z-index:99999!important;
  }

  body{
    padding-top:78px!important;
  }

  .navbar .container,
  .navbar .container-fluid{
    min-height:78px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    display:block!important;
  }

  .navbar-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  .navbar-brand{
    height:78px!important;
    width:auto!important;
  }

  .navbar-brand img{
    height:62px!important;
    transform:scale(1.12)!important;
  }

  .navbar-toggle{
    display:block!important;
    margin-top:22px!important;
    margin-right:4px!important;
  }

  .navbar-collapse{
    display:none!important;
    background:rgba(1,7,20,.98)!important;
    border:1px solid rgba(0,169,255,.16)!important;
    border-radius:0 0 18px 18px;
    overflow:hidden!important;
  }

  .navbar-collapse.in{
    display:block!important;
  }

  .navbar-nav{
    display:block!important;
    margin:0!important;
    padding:10px 0!important;
  }

  .navbar-nav > li > a{
    height:auto!important;
    line-height:1.2!important;
    padding:16px 22px!important;
    font-size:18px!important;
    text-align:left!important;
  }

  .pk-home{
    padding:26px 14px 34px;
  }

  .pk-title{
    font-size:44px!important;
    line-height:.95;
    letter-spacing:-.6px;
    text-align:center;
  }

  .pk-subtitle{
    font-size:24px!important;
    line-height:1.18;
  }

  .pk-desc{
    font-size:15px!important;
    line-height:1.72!important;
  }

  .pk-wolf-main{
    max-width:320px!important;
  }

  .pk-stats,
  .pk-feature-grid{
    grid-template-columns:1fr;
  }

  .pk-stat{
    border-right:0;
    border-bottom:1px solid rgba(0,169,255,.12);
  }

  .pk-stat strong{
    font-size:30px;
  }

  .pk-section-title,
  .pk-cta-box h2{
    font-size:28px;
  }

  .pk-section-desc,
  .pk-cta-box p{
    font-size:15px;
  }
}

@media(max-width:420px){
  .pk-badges div{
    width:100%;
    text-align:center;
  }

  .pk-login-box{
    padding:16px;
  }

  .pk-input{
    height:52px;
  }

  .pk-login-btn{
    height:54px;
  }
}
/* ================= SECTION TITLE ================= */

.pk-section-title{
  text-align:center;
  margin:70px 0 34px;
}

.pk-section-title h2{
  color:#fff;
  font-size:42px;
  font-weight:900;
  margin-bottom:10px;
}

.pk-section-title p{
  color:#8fb8ff;
  font-size:16px;
}

/* ================= SERVICE GRID ================= */

.pk-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.pk-service-card{
  background:#04152d;
  border:1px solid rgba(0,180,255,.18);
  border-radius:24px;
  padding:34px;
  transition:.25s;
}

.pk-service-card:hover{
  transform:translateY(-6px);
  border-color:#00c8ff;
  box-shadow:0 0 30px rgba(0,180,255,.15);
}

.pk-service-icon{
  font-size:42px;
  margin-bottom:18px;
}

.pk-service-card h3{
  color:#fff;
  font-size:24px;
  margin-bottom:10px;
}

.pk-service-card p{
  color:#9bbcff;
  line-height:1.7;
}

/* ================= WHY ================= */

.pk-why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.pk-why-card{
  background:#04152d;
  border-radius:24px;
  padding:32px;
  border:1px solid rgba(0,180,255,.14);
  text-align:center;
}

.pk-why-icon{
  font-size:40px;
  margin-bottom:18px;
}

.pk-why-card h3{
  color:#fff;
  margin-bottom:10px;
}

.pk-why-card p{
  color:#9bbcff;
}

/* ================= STEP ================= */

.pk-step-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}

.pk-step-card{
  background:#04152d;
  border-radius:22px;
  padding:30px 20px;
  text-align:center;
  border:1px solid rgba(0,180,255,.15);
}

.pk-step-card span{
  display:inline-flex;
  width:60px;
  height:60px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#00c8ff,#0066ff);
  color:#fff;
  font-size:22px;
  font-weight:900;
  margin-bottom:18px;
}

.pk-step-card h3{
  color:#fff;
  font-size:18px;
}

/* ================= MOBILE ================= */

@media(max-width:991px){

  .pk-service-grid,
  .pk-why-grid{
    grid-template-columns:1fr 1fr;
  }

  .pk-step-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:767px){

  .pk-service-grid,
  .pk-why-grid{
    grid-template-columns:1fr;
  }

  .pk-section-title h2{
    font-size:30px;
  }

}
/* ================= PK EXTRA SECTIONS ================= */

.pk-platform-section,
.pk-process-section,
.pk-trust-section,
.pk-faq-section{
  margin-top:90px;
  position:relative;
  z-index:2;
}

.pk-section-head{
  text-align:center;
  max-width:820px;
  margin:0 auto 38px;
}

.pk-section-head span{
  display:inline-flex;
  padding:8px 22px;
  border-radius:999px;
  background:rgba(0,169,255,.08);
  border:1px solid rgba(0,169,255,.25);
  color:#66dcff;
  font-size:14px;
  font-weight:900;
  margin-bottom:18px;
}

.pk-section-head h2{
  margin:0 0 12px;
  color:#fff;
  font-size:46px;
  font-weight:900;
  line-height:1.15;
  text-shadow:none!important;
}

.pk-section-head p{
  margin:0 auto;
  color:#a9c8ff;
  font-size:17px;
  font-weight:600;
  line-height:1.75;
}

/* PLATFORM */

.pk-platform-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:22px;
}

.pk-platform-card{
  min-height:265px;
  padding:34px 20px;
  border-radius:28px;
  text-align:center;
  background:linear-gradient(180deg,rgba(6,18,42,.95),rgba(1,8,22,.95));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 24px rgba(0,130,255,.08);
  transition:.25s ease;
}

.pk-platform-card:hover{
  transform:translateY(-7px);
  border-color:rgba(0,210,255,.55);
  box-shadow:0 0 36px rgba(0,180,255,.20);
}

.pk-platform-icon{
  width:88px;
  height:88px;
  margin:0 auto 24px;
  border-radius:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:40px;
  font-weight:900;
  box-shadow:0 0 28px rgba(0,160,255,.18);
}

.pk-icon-facebook{background:linear-gradient(135deg,#1877f2,#0647a8)}
.pk-icon-tiktok{background:linear-gradient(135deg,#111,#00f2ea,#ff0050)}
.pk-icon-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.pk-icon-youtube{background:linear-gradient(135deg,#ff0000,#9b0000)}
.pk-icon-line{background:linear-gradient(135deg,#06c755,#018d3b);font-size:21px}
.pk-icon-x{background:linear-gradient(135deg,#1da1f2,#0b4f9c)}

.pk-platform-card h3{
  color:#fff;
  font-size:20px;
  font-weight:900;
  margin:0 0 12px;
}

.pk-platform-card p{
  color:#a9c8ff;
  font-size:14px;
  font-weight:600;
  line-height:1.7;
  margin:0;
}

/* PROCESS */

.pk-process-line{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.pk-process-card{
  min-height:255px;
  padding:34px 26px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right,rgba(0,170,255,.13),transparent 35%),
    linear-gradient(180deg,rgba(6,18,42,.95),rgba(1,8,22,.95));
  border:1px solid rgba(0,169,255,.18);
  box-shadow:0 0 26px rgba(0,120,255,.08);
}

.pk-process-number{
  width:68px;
  height:68px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#17d8ff,#006cff);
  color:#fff;
  font-size:22px;
  font-weight:900;
  margin-bottom:24px;
  box-shadow:0 0 26px rgba(0,180,255,.25);
}

.pk-process-card h3{
  color:#fff;
  font-size:22px;
  font-weight:900;
  margin:0 0 14px;
}

.pk-process-card p{
  color:#a9c8ff;
  font-size:15px;
  font-weight:600;
  line-height:1.75;
  margin:0;
}

/* TRUST */

.pk-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.pk-trust-card{
  padding:34px 26px;
  border-radius:26px;
  text-align:center;
  background:rgba(4,12,28,.90);
  border:1px solid rgba(0,169,255,.16);
}

.pk-trust-card div{
  font-size:42px;
  margin-bottom:18px;
}

.pk-trust-card h3{
  color:#fff;
  font-size:22px;
  font-weight:900;
  margin:0 0 12px;
}

.pk-trust-card p{
  color:#a9c8ff;
  font-size:15px;
  font-weight:600;
  line-height:1.75;
  margin:0;
}

/* FAQ */

.pk-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}

.pk-faq-item{
  padding:28px 30px;
  border-radius:24px;
  background:rgba(4,12,28,.92);
  border:1px solid rgba(0,169,255,.16);
}

.pk-faq-item h3{
  color:#fff;
  font-size:21px;
  font-weight:900;
  margin:0 0 10px;
}

.pk-faq-item p{
  color:#a9c8ff;
  font-size:15px;
  font-weight:600;
  line-height:1.75;
  margin:0;
}

/* MOBILE */

@media(max-width:1200px){
  .pk-platform-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .pk-process-line,
  .pk-trust-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:767px){
  .pk-platform-section,
  .pk-process-section,
  .pk-trust-section,
  .pk-faq-section{
    margin-top:62px;
  }

  .pk-section-head h2{
    font-size:32px;
  }

  .pk-section-head p{
    font-size:15px;
  }

  .pk-platform-grid,
  .pk-process-line,
  .pk-trust-grid,
  .pk-faq-grid{
    grid-template-columns:1fr;
  }

  .pk-platform-card,
  .pk-process-card,
  .pk-trust-card,
  .pk-faq-item{
    padding:28px 22px;
  }
}
/* ===== PK EXTRA NEW CLEAN ===== */

.pk-section-head{
  text-align:center;
  max-width:860px;
  margin:90px auto 38px;
}

.pk-section-head span{
  display:inline-flex;
  padding:8px 22px;
  border-radius:999px;
  background:rgba(0,169,255,.08);
  border:1px solid rgba(0,169,255,.28);
  color:#66dcff;
  font-size:14px;
  font-weight:900;
  margin-bottom:18px;
}

.pk-section-head h2{
  margin:0 0 12px;
  color:#fff;
  font-size:46px;
  font-weight:900;
  line-height:1.15;
  text-shadow:none!important;
}

.pk-section-head p{
  color:#a9c8ff;
  font-size:17px;
  font-weight:600;
  line-height:1.75;
}

.pk-platform-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:22px;
}

.pk-platform-card{
  min-height:280px;
  padding:34px 20px;
  border-radius:30px;
  text-align:center;
  background:linear-gradient(180deg,rgba(6,18,42,.96),rgba(1,8,22,.96));
  border:1px solid rgba(255,255,255,.08);
  transition:.25s ease;
}

.pk-platform-card:hover{
  transform:translateY(-7px);
  border-color:rgba(0,210,255,.55);
  box-shadow:0 0 36px rgba(0,180,255,.20);
}

.pk-app-logo{
  width:92px;
  height:92px;
  margin:0 auto 24px;
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:42px;
  font-weight:900;
  box-shadow:0 0 30px rgba(0,160,255,.18);
}

.pk-fb-logo{background:linear-gradient(135deg,#1877f2,#063f96)}
.pk-tt-logo{background:linear-gradient(135deg,#060606 10%,#00f2ea 48%,#ff0050 100%)}
.pk-ig-logo{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 8%,#fd5949 38%,#d6249f 60%,#285AEB 100%)}
.pk-yt-logo{background:linear-gradient(135deg,#ff0000,#9b0000)}
.pk-line-logo{background:linear-gradient(135deg,#06c755,#018d3b);font-size:21px}
.pk-x-logo{background:linear-gradient(135deg,#1da1f2,#0b4f9c)}

.pk-platform-card h3,
.pk-trust-card h3,
.pk-process-card h3,
.pk-faq-item h3{
  color:#fff!important;
  text-shadow:none!important;
}

.pk-platform-card p,
.pk-trust-card p,
.pk-process-card p,
.pk-faq-item p{
  color:#a9c8ff!important;
  font-weight:600;
  line-height:1.75;
  text-shadow:none!important;
}

.pk-trust-grid,
.pk-process-line{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.pk-trust-card,
.pk-process-card,
.pk-faq-item{
  padding:34px 26px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(6,18,42,.95),rgba(1,8,22,.95));
  border:1px solid rgba(0,169,255,.16);
}

.pk-trust-card{
  text-align:center;
}

.pk-trust-icon{
  font-size:42px;
  margin-bottom:18px;
}

.pk-process-number{
  width:68px;
  height:68px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#17d8ff,#006cff);
  color:#fff;
  font-size:22px;
  font-weight:900;
  margin-bottom:24px;
}

.pk-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
  margin-bottom:70px;
}

@media(max-width:1200px){
  .pk-platform-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .pk-trust-grid,
  .pk-process-line{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:767px){
  .pk-section-head{
    margin:60px auto 28px;
  }

  .pk-section-head h2{
    font-size:32px;
  }

  .pk-platform-grid,
  .pk-trust-grid,
  .pk-process-line,
  .pk-faq-grid{
    grid-template-columns:1fr;
  }
}
/* ===== FIX APP ICONS ===== */

.pk-app-logo{
  font-family:Arial, Helvetica, sans-serif!important;
  color:#fff!important;
  font-weight:900!important;
  text-shadow:none!important;
  overflow:hidden;
}

.pk-fb-logo{
  background:#1877f2!important;
  font-size:56px!important;
  border-radius:24px!important;
}

.pk-tt-logo{
  background:
    radial-gradient(circle at 68% 30%,rgba(255,0,80,.95),transparent 28%),
    radial-gradient(circle at 28% 70%,rgba(0,242,234,.95),transparent 30%),
    #050505!important;
  font-size:54px!important;
  border-radius:24px!important;
}

.pk-ig-logo{
  background:
    radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 8%,#fd5949 38%,#d6249f 62%,#285AEB 100%)!important;
  font-size:54px!important;
  border-radius:24px!important;
}

.pk-x-logo{
  background:#111827!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:52px!important;
  border-radius:24px!important;
}

.pk-line-logo{
  font-size:20px!important;
  letter-spacing:-1px!important;
}

.pk-yt-logo{
  font-size:46px!important;
}
/* ===== FIX TIKTOK + IG ICON ===== */

.pk-tt-logo{
  position:relative;
  background:#050505!important;
  color:#ffffff!important;
  font-size:58px!important;
  border-radius:24px!important;
  text-shadow:
    -5px 5px 0 rgba(0,242,234,.75),
    5px -5px 0 rgba(255,0,80,.75)!important;
}

.pk-ig-logo{
  position:relative;
  background:
    radial-gradient(circle at 32% 105%,#fdf497 0%,#fdf497 12%,#fd5949 36%,#d6249f 62%,#285AEB 100%)!important;
  color:#ffffff!important;
  font-size:56px!important;
  border-radius:25px!important;
  text-shadow:none!important;
}

.pk-ig-logo::after{
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  border:4px solid #fff;
  border-radius:50%;
}

.pk-ig-logo::before{
  content:"";
  position:absolute;
  top:22px;
  right:22px;
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
}
/* ===== FAQ FIX ===== */
.pk-faq-grid{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:22px!important;
  margin-bottom:80px!important;
}

.pk-faq-item{
  min-height:130px!important;
  padding:28px 30px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(6,18,42,.95),rgba(1,8,22,.95))!important;
  border:1px solid rgba(0,169,255,.18)!important;
}

@media(max-width:767px){
  .pk-faq-grid{
    grid-template-columns:1fr!important;
  }
}
/* ===== BETTER APP ICONS ===== */

.pk-tt-logo{
  position:relative!important;
  background:#050505!important;
  color:#fff!important;
  font-size:0!important;
  border-radius:24px!important;
}

.pk-tt-logo::before{
  content:"♪";
  position:absolute;
  font-size:58px;
  font-weight:900;
  color:#fff;
  text-shadow:
    -4px 4px 0 #00f2ea,
    4px -4px 0 #ff0050;
}

.pk-ig-logo{
  position:relative!important;
  background:
    radial-gradient(circle at 30% 105%,#fdf497 0%,#fdf497 10%,#fd5949 38%,#d6249f 62%,#285AEB 100%)!important;
  color:transparent!important;
  font-size:0!important;
  border-radius:25px!important;
}

.pk-ig-logo::before{
  content:"";
  position:absolute;
  width:44px;
  height:44px;
  border:5px solid #fff;
  border-radius:14px;
}

.pk-ig-logo::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border:5px solid #fff;
  border-radius:50%;
}

.pk-ig-logo span{
  display:none!important;
}
/* ===== REAL APP ICONS ===== */

.pk-real-icon{
  width:92px;
  height:92px;
  margin:0 auto 24px;
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* TikTok */
.pk-tiktok-real{
  background:#050505;
}

/* Instagram */
.pk-instagram-real{
  background:
    radial-gradient(circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285AEB 90%);
}
/* ===== FINAL APP ICON FIX ===== */

.pk-real-icon{
  width:100px!important;
  height:100px!important;
  border-radius:30px!important;
  margin:0 auto 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-shadow:
    0 0 25px rgba(0,180,255,.12),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* TikTok */
.pk-tiktok-real{
  background:#050505!important;
}

.pk-tiktok-real svg{
  width:58px!important;
  height:58px!important;
  transform:translateY(1px);
}

/* Instagram */
.pk-instagram-real{
  background:
    radial-gradient(circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285AEB 90%)!important;

  box-shadow:
    0 0 30px rgba(255,0,120,.18),
    0 0 60px rgba(255,140,0,.12)!important;
}

.pk-instagram-real svg{
  width:52px!important;
  height:52px!important;
}
/* ===== FINAL PLATFORM ICON BALANCE ===== */

.pk-platform-card{
  transition:.25s ease!important;
}

.pk-platform-card:hover{
  transform:translateY(-6px)!important;
  border-color:#00bfff!important;
  box-shadow:
    0 0 25px rgba(0,180,255,.16),
    0 18px 45px rgba(0,0,0,.35)!important;
}

/* กล่องไอคอน */
.pk-real-icon{
  width:82px!important;
  height:82px!important;
  border-radius:24px!important;
  margin:0 auto 22px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  overflow:hidden!important;

  box-shadow:
    0 8px 24px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* TikTok */
.pk-tiktok-real{
  background:#050505!important;
}

.pk-tiktok-real svg{
  width:46px!important;
  height:46px!important;
}

/* Instagram */
.pk-instagram-real{
  background:
    radial-gradient(circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285AEB 90%)!important;

  box-shadow:
    0 0 20px rgba(255,0,120,.14),
    0 0 40px rgba(255,140,0,.08)!important;
}

.pk-instagram-real svg{
  width:44px!important;
  height:44px!important;
}

/* ชื่อ */
.pk-platform-card h3{
  font-size:22px!important;
  margin-top:4px!important;
  margin-bottom:14px!important;
  line-height:1.2!important;
}

/* รายละเอียด */
.pk-platform-card p{
  font-size:15px!important;
  line-height:1.7!important;
  opacity:.92!important;
}

/* Glow section */
.pk-platform-section{
  position:relative;
  overflow:hidden;
}

.pk-platform-section::before{
  content:"";
  position:absolute;
  width:600px;
  height:600px;
  background:radial-gradient(circle,
  rgba(0,140,255,.10),
  transparent 70%);
  top:-240px;
  left:-180px;
  pointer-events:none;
}

.pk-platform-section::after{
  content:"";
  position:absolute;
  width:600px;
  height:600px;
  background:radial-gradient(circle,
  rgba(0,200,255,.06),
  transparent 70%);
  bottom:-260px;
  right:-180px;
  pointer-events:none;
}
/* ===== PK MOBILE NAV + TYPE POLISH ===== */

body,
button,
input,
textarea,
select{
  font-family:'Kanit','Segoe UI',Tahoma,sans-serif!important;
}

.pk-subtitle,
.pk-section-head h2,
.pk-feature-card h3,
.pk-platform-card h3,
.pk-trust-card h3,
.pk-faq-item h3{
  letter-spacing:0!important;
  text-shadow:0 1px 0 rgba(0,18,38,.38)!important;
}

.pk-desc,
.pk-section-head p,
.pk-platform-card p,
.pk-trust-card p,
.pk-faq-item p,
.navbar-nav > li > a{
  letter-spacing:0!important;
  text-shadow:none!important;
}

.pk-platform-card .pk-app-logo,
.pk-platform-card .pk-real-icon{
  width:84px!important;
  height:84px!important;
  min-width:84px!important;
  min-height:84px!important;
  border-radius:24px!important;
  margin:0 auto 22px!important;
}

.pk-platform-card{
  min-height:272px!important;
  padding:30px 20px!important;
}

.pk-fb-logo{
  font-size:52px!important;
}

.pk-yt-logo{
  font-size:42px!important;
}

.pk-line-logo{
  font-size:19px!important;
  letter-spacing:-.4px!important;
}

.pk-x-logo{
  font-size:48px!important;
}

.pk-tiktok-real svg{
  width:50px!important;
  height:50px!important;
  filter:drop-shadow(-2px 2px 0 #25f4ee) drop-shadow(2px -2px 0 #fe2c55)!important;
}

.pk-instagram-real svg{
  width:48px!important;
  height:48px!important;
}

@media(max-width:768px){
  .navbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:78px!important;
    z-index:99999!important;
    display:block!important;
  }

  .navbar .container,
  .navbar .container-fluid{
    position:relative!important;
    min-height:78px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .navbar-header{
    min-height:78px!important;
    position:relative!important;
  }

  .navbar-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    position:absolute!important;
    right:0!important;
    top:50%!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    width:46px!important;
    height:42px!important;
    margin:0!important;
    padding:8px!important;
    border-radius:12px!important;
    border:1px solid rgba(0,190,255,.32)!important;
    background:rgba(0,12,32,.86)!important;
    box-shadow:0 0 18px rgba(0,169,255,.16)!important;
    z-index:100001!important;
  }

  .navbar-toggle .icon-bar{
    display:block!important;
    width:22px!important;
    height:2px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#dff8ff!important;
    box-shadow:none!important;
  }

  .navbar-collapse{
    position:absolute!important;
    top:78px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-height:calc(100vh - 96px)!important;
    overflow-y:auto!important;
    margin:0!important;
    padding:0!important;
    background:rgba(1,7,20,.98)!important;
    border:1px solid rgba(0,169,255,.22)!important;
    border-radius:0 0 18px 18px!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 24px rgba(0,169,255,.12)!important;
    z-index:100000!important;
  }

  .navbar-collapse.collapse{
    display:none!important;
  }

  .navbar-collapse.collapse.in,
  .navbar-collapse.collapsing{
    display:block!important;
  }

  .navbar-nav > li > a{
    font-size:17px!important;
    font-weight:800!important;
    padding:15px 20px!important;
  }

  .pk-home{
    padding-top:26px!important;
  }
}

@media(max-width:420px){
  .pk-platform-card .pk-app-logo,
  .pk-platform-card .pk-real-icon{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    min-height:78px!important;
    border-radius:22px!important;
  }

  .pk-platform-card{
    min-height:252px!important;
    padding:26px 18px!important;
  }
}
/* ===== FINAL MOBILE CLEANUP ===== */

body{
font-family:'Kanit',sans-serif!important;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

h1,h2,h3,.hero-title{
font-weight:800!important;
letter-spacing:-1px!important;
}

p,.pk-desc{
line-height:1.75!important;
letter-spacing:.2px!important;
}

.text-primary,
.highlight{
color:#11bfff!important;
}
@media (max-width:768px){

  .service-card img,
  .platform-card img,
  .feature-card img{
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    -webkit-filter: none !important;
  }

  img[src*="youtube"],
  img[alt*="YouTube"]{
    filter: saturate(1.2) contrast(1.05) !important;
  }

}
img{
   image-rendering:auto !important;
}
@media (max-width:768px){

  .service-card img,
  .platform-card img,
  .feature-card img,
  .service-item img{
      filter: none !important;
      -webkit-filter: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      mix-blend-mode: normal !important;
      opacity: 1 !important;
      background: transparent !important;
      box-shadow: none !important;
  }
}

/* ===== PK ABSOLUTE FINAL: LOGO BLEND + NAV COLOR ===== */

.navbar{
  min-height:86px!important;
  background:linear-gradient(135deg,#020814 0%,#061d45 52%,#020814 100%)!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

.navbar .container,
.navbar .container-fluid{
  min-height:86px!important;
  padding-left:24px!important;
  padding-right:34px!important;
}

.navbar-brand{
  height:86px!important;
  width:330px!important;
  min-width:330px!important;
  overflow:visible!important;
}

.navbar-brand img{
  width:285px!important;
  min-width:285px!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  transform:scale(1.08)!important;
  transform-origin:left center!important;
  mix-blend-mode:multiply!important;
  filter:contrast(1.14) brightness(1.16) saturate(1.2) drop-shadow(0 0 8px rgba(0,190,255,.16))!important;
  background:transparent!important;
}

.navbar-nav > li > a{
  height:86px!important;
  line-height:86px!important;
  color:#edf8ff!important;
}

.navbar-nav > li > a:hover,
.navbar-nav > .active > a,
.navbar li.active > a{
  color:#52e7ff!important;
  background:rgba(0,169,255,.08)!important;
  box-shadow:none!important;
}

@media(max-width:768px){
  .navbar{
    min-height:76px!important;
    background:linear-gradient(135deg,#020814 0%,#061d45 52%,#020814 100%)!important;
  }

  body{
    padding-top:76px!important;
  }

  .navbar .container,
  .navbar .container-fluid,
  .navbar-header{
    min-height:76px!important;
  }

  .navbar-brand{
    height:76px!important;
    width:235px!important;
    min-width:235px!important;
    overflow:visible!important;
  }

  .navbar-brand img{
    width:215px!important;
    min-width:215px!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    transform:scale(1.04)!important;
  }

  .navbar-toggle{
    top:50%!important;
    background:rgba(2,8,20,.82)!important;
    border-color:rgba(0,190,255,.24)!important;
  }

  .navbar-collapse{
    top:76px!important;
    background:linear-gradient(135deg,#020814 0%,#061d45 52%,#020814 100%)!important;
    border:0!important;
    box-shadow:0 18px 36px rgba(0,0,0,.24)!important;
  }
}

/* ===== PK TABLE PAGES + FINAL NAV POLISH ===== */

.navbar{
  min-height:72px!important;
  background:linear-gradient(135deg,#020814 0%,#051a3d 46%,#020814 100%)!important;
  background-color:#020814!important;
  border:0!important;
  box-shadow:none!important;
}

.navbar .container,
.navbar .container-fluid{
  min-height:72px!important;
}

.navbar-brand{
  height:72px!important;
  width:246px!important;
  min-width:246px!important;
}

.navbar-brand img{
  width:212px!important;
  min-width:212px!important;
  height:auto!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  filter:contrast(1.02) brightness(1.04) saturate(1.03) drop-shadow(0 0 6px rgba(0,190,255,.12))!important;
}

.navbar-collapse{
  border:0!important;
  box-shadow:none!important;
}

@media(min-width:769px){
  .navbar-toggle{
    display:none!important;
  }

  .navbar-collapse,
  .navbar-collapse.collapse{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    height:auto!important;
    overflow:visible!important;
  }
}

.pk-table-page .pk-page-container{
  max-width:1480px!important;
}

.pk-table-shell{
  padding:22px!important;
}

.pk-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 18px!important;
  border:0!important;
}

.pk-tabs > li{
  float:none!important;
}

.pk-tabs > li > a,
.pk-filter-btn{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:11px 18px!important;
  border:1px solid rgba(0,169,255,.24)!important;
  border-radius:999px!important;
  background:rgba(0,7,18,.78)!important;
  color:#eaf6ff!important;
  font-weight:900!important;
  line-height:1.2!important;
  box-shadow:none!important;
}

.pk-tabs > li > a:hover,
.pk-tabs > li > a:focus,
.pk-filter-btn:hover,
.pk-filter-btn:focus,
.pk-tabs > li.active > a,
.pk-tabs > li.active > a:hover,
.pk-tabs > li.active > a:focus{
  background:rgba(0,169,255,.14)!important;
  color:#52e7ff!important;
  border-color:rgba(0,210,255,.46)!important;
  box-shadow:0 0 18px rgba(0,169,255,.12)!important;
}

.pk-table-search{
  margin-left:auto!important;
}

.pk-search-group{
  min-width:300px!important;
}

.pk-icon-btn{
  height:54px!important;
  min-width:54px!important;
  border:1px solid rgba(0,169,255,.24)!important;
  border-left:0!important;
  border-radius:0 12px 12px 0!important;
  background:linear-gradient(135deg,#1ad7ff,#0074ff)!important;
  color:#fff!important;
  box-shadow:none!important;
}

.pk-table-card{
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:rgba(0,7,18,.78)!important;
  border:1px solid rgba(0,169,255,.22)!important;
  border-radius:16px!important;
  box-shadow:0 0 22px rgba(0,120,255,.08)!important;
}

.pk-table-responsive{
  width:100%!important;
  overflow-x:auto!important;
}

.pk-table{
  width:100%!important;
  margin:0!important;
  color:#eaf6ff!important;
  background:transparent!important;
}

.pk-table > thead > tr > th{
  padding:17px 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(0,169,255,.24)!important;
  background:rgba(0,169,255,.09)!important;
  color:#52e7ff!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.pk-table > tbody > tr > td{
  padding:15px 16px!important;
  border:0!important;
  border-top:1px solid rgba(0,169,255,.10)!important;
  color:#d8eaff!important;
  font-size:14px!important;
  font-weight:700!important;
  vertical-align:middle!important;
}

.pk-table > tbody > tr:hover > td{
  background:rgba(0,169,255,.045)!important;
}

.pk-table a{
  color:#4eeaff!important;
  font-weight:900!important;
}

.pk-table .link,
.pk-table .width-40,
.pk-table .service-name{
  max-width:420px!important;
  overflow-wrap:anywhere!important;
}

.pk-category-row td{
  background:rgba(0,169,255,.13)!important;
  color:#fff!important;
  font-size:15px!important;
}

.pk-dropdown{
  display:inline-block!important;
}

.pk-dropdown-menu{
  min-width:260px!important;
  max-height:420px!important;
  overflow:auto!important;
  padding:8px!important;
  background:#020814!important;
  border:1px solid rgba(0,169,255,.26)!important;
  border-radius:14px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.40),0 0 24px rgba(0,169,255,.12)!important;
}

.pk-dropdown-menu > li > a,
.pk-dropdown-menu .dropdown-item{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  color:#d8eaff!important;
  font-weight:800!important;
  white-space:normal!important;
}

.pk-dropdown-menu > li > a:hover,
.pk-dropdown-menu > li > a:focus,
.pk-dropdown-menu .dropdown-item:hover,
.pk-dropdown-menu .dropdown-item:focus{
  background:rgba(0,169,255,.12)!important;
  color:#52e7ff!important;
}

.pk-pagination{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:22px 0 0!important;
}

.pk-pagination > li > a,
.pk-pagination > li > span{
  border:1px solid rgba(0,169,255,.24)!important;
  border-radius:10px!important;
  background:rgba(0,7,18,.78)!important;
  color:#eaf6ff!important;
  font-weight:900!important;
}

.pk-pagination > .active > a,
.pk-pagination > .active > span,
.pk-pagination > li > a:hover{
  background:linear-gradient(135deg,#1ad7ff,#0074ff)!important;
  border-color:transparent!important;
  color:#fff!important;
}

.pk-action-btn{
  margin:2px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1ad7ff,#0074ff)!important;
  color:#fff!important;
  font-weight:900!important;
}

.pk-action-btn-muted{
  background:rgba(0,7,18,.88)!important;
  border:1px solid rgba(0,169,255,.24)!important;
  color:#d8eaff!important;
}

.pk-modal-content{
  background:#020814!important;
  color:#fff!important;
  border:1px solid rgba(0,169,255,.26)!important;
  border-radius:18px!important;
  box-shadow:0 18px 54px rgba(0,0,0,.48),0 0 26px rgba(0,169,255,.14)!important;
}

.pk-modal-content .modal-header{
  border-bottom:1px solid rgba(0,169,255,.16)!important;
}

.pk-modal-content .close{
  color:#fff!important;
  opacity:.9!important;
}

.pk-content-card{
  color:#d8eaff!important;
  line-height:1.75!important;
}

.pk-textarea{
  min-height:280px!important;
  resize:vertical!important;
}

.pk-order-success{
  border-radius:14px!important;
}

@media(max-width:768px){
  .navbar{
    min-height:66px!important;
  }

  body{
    padding-top:66px!important;
  }

  .navbar .container,
  .navbar .container-fluid,
  .navbar-header{
    min-height:66px!important;
  }

  .navbar-brand{
    height:66px!important;
    width:174px!important;
    min-width:174px!important;
  }

  .navbar-brand img{
    width:152px!important;
    min-width:152px!important;
  }

  .navbar-collapse{
    top:66px!important;
  }

  .pk-table-page .pk-page-container{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .pk-table-shell{
    padding:14px!important;
  }

  .pk-tabs{
    display:block!important;
  }

  .pk-tabs > li{
    display:block!important;
    width:100%!important;
    margin:0 0 8px!important;
  }

  .pk-tabs > li > a,
  .pk-filter-btn{
    width:100%!important;
    justify-content:center!important;
  }

  .pk-table-search{
    float:none!important;
    margin-left:0!important;
  }

  .pk-search-group{
    min-width:0!important;
    width:100%!important;
  }

  .pk-table > thead > tr > th,
  .pk-table > tbody > tr > td{
    padding:13px 12px!important;
    font-size:13px!important;
  }
}

/* ===== PK FINAL OVERRIDE: NAVBAR LOOK ===== */

.navbar{
  min-height:88px!important;
  background:linear-gradient(180deg,rgba(5,22,54,.86),rgba(4,18,45,.84))!important;
  border-bottom:0!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

.navbar .container,
.navbar .container-fluid{
  min-height:88px!important;
  padding-left:24px!important;
  padding-right:32px!important;
}

.navbar-brand{
  height:88px!important;
  min-width:260px!important;
  overflow:visible!important;
}

.navbar-brand img{
  height:92px!important;
  width:auto!important;
  max-width:none!important;
  transform:scale(1.34)!important;
  transform-origin:left center!important;
  filter:contrast(1.04) brightness(1.06) drop-shadow(0 0 8px rgba(0,190,255,.18))!important;
}

.navbar-nav > li > a{
  height:88px!important;
  line-height:88px!important;
  padding:0 18px!important;
  color:#eaf8ff!important;
  font-size:16px!important;
}

.navbar-nav > li > a:hover,
.navbar-nav > .active > a,
.navbar li.active > a{
  color:#50e4ff!important;
  background:rgba(0,169,255,.10)!important;
}

@media(max-width:768px){
  .navbar{
    min-height:76px!important;
  }

  body{
    padding-top:76px!important;
  }

  .navbar .container,
  .navbar .container-fluid,
  .navbar-header{
    min-height:76px!important;
  }

  .navbar-brand{
    height:76px!important;
    min-width:210px!important;
    overflow:visible!important;
  }

  .navbar-brand img{
    height:74px!important;
    width:auto!important;
    max-width:none!important;
    transform:scale(1.22)!important;
  }

  .navbar-toggle{
    top:50%!important;
    width:44px!important;
    height:40px!important;
    margin:0!important;
    background:rgba(2,16,42,.88)!important;
    border-color:rgba(0,190,255,.30)!important;
  }

  .navbar-collapse{
    top:76px!important;
    background:rgba(4,18,45,.98)!important;
    border-top:0!important;
  }

  .navbar-nav > li > a{
    height:auto!important;
    line-height:1.25!important;
    padding:14px 18px!important;
    font-size:16px!important;
  }
}

/* ===== PK ABSOLUTE LAST INPUT LOCK ===== */

.pk-input input{
  background:transparent!important;
  background-color:transparent!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  caret-color:#52e7ff!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.pk-input input:-webkit-autofill,
.pk-input input:-webkit-autofill:hover,
.pk-input input:-webkit-autofill:focus,
.pk-input input:-webkit-autofill:active{
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 0 0 1000px rgba(0,7,18,.94) inset!important;
  -webkit-box-shadow:0 0 0 1000px rgba(0,7,18,.94) inset!important;
  border:0!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* ===== PK EMERGENCY PATCH: INPUT AUTOFILL + AUTH REDIRECT PAGE ===== */

.pk-input input,
.pk-form input,
.pk-form textarea,
.pk-form select,
.pk-control{
  background-color:transparent!important;
  color:#ffffff!important;
  caret-color:#52e7ff!important;
}

.pk-input input:-webkit-autofill,
.pk-input input:-webkit-autofill:hover,
.pk-input input:-webkit-autofill:focus,
.pk-form input:-webkit-autofill,
.pk-form input:-webkit-autofill:hover,
.pk-form input:-webkit-autofill:focus,
.pk-control:-webkit-autofill,
.pk-control:-webkit-autofill:hover,
.pk-control:-webkit-autofill:focus{
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 0 0 1000px rgba(0,7,18,.94) inset!important;
  -webkit-box-shadow:0 0 0 1000px rgba(0,7,18,.94) inset!important;
  border-color:rgba(0,169,255,.28)!important;
  transition:background-color 9999s ease-out 0s!important;
}

.pk-input input::selection,
.pk-control::selection{
  background:rgba(0,169,255,.32)!important;
  color:#ffffff!important;
}

.pk-index-redirect-page{
  display:flex!important;
  align-items:center!important;
}

/* ===== PK ABSOLUTE LAST NAV LOCK ===== */

.navbar{
  min-height:72px!important;
  background:linear-gradient(135deg,#020814 0%,#051a3d 46%,#020814 100%)!important;
  background-color:#020814!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.navbar .container,
.navbar .container-fluid{
  min-height:72px!important;
}

.navbar-brand{
  height:72px!important;
  width:246px!important;
  min-width:246px!important;
}

.navbar-brand img{
  width:212px!important;
  min-width:212px!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  filter:contrast(1.02) brightness(1.04) saturate(1.03) drop-shadow(0 0 6px rgba(0,190,255,.12))!important;
}

.navbar-nav > li > a{
  height:72px!important;
  line-height:72px!important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus,
.navbar li.active > a,
.navbar li.active > a:hover,
.navbar li.active > a:focus{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

@media(min-width:769px){
  .navbar-toggle{
    display:none!important;
  }
}

@media(max-width:768px){
  .navbar{
    min-height:66px!important;
  }

  body{
    padding-top:66px!important;
  }

  .navbar .container,
  .navbar .container-fluid,
  .navbar-header{
    min-height:66px!important;
  }

  .navbar-brand{
    height:66px!important;
    width:174px!important;
    min-width:174px!important;
  }

  .navbar-brand img{
    width:152px!important;
    min-width:152px!important;
  }

  .navbar-collapse{
    top:66px!important;
    background:linear-gradient(135deg,#020814 0%,#051a3d 46%,#020814 100%)!important;
    border:0!important;
  }

  .navbar-nav > li > a{
    height:auto!important;
    line-height:1.25!important;
  }
}

/* ===== PK ABSOLUTE FINAL: DESKTOP NAV CONSISTENCY ===== */

@media(min-width:769px){
  .navbar-toggle{
    display:none!important;
  }

  .navbar .container,
  .navbar .container-fluid{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  .navbar-header{
    display:flex!important;
    align-items:center!important;
    min-height:74px!important;
  }

  .navbar-collapse,
  .navbar-collapse.collapse{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  .navbar-left-block,
  .navbar-right-block,
  .navbar-nav{
    display:flex!important;
    align-items:center!important;
  }

  .navbar-left-block{
    margin-right:18px!important;
  }

  .navbar-right-block{
    margin-left:18px!important;
  }
}

.navbar-default,
.navbar-static-top{
  background:
    linear-gradient(135deg,#020814 0%,#061d45 48%,#00040b 100%)!important;
  border:0!important;
  box-shadow:none!important;
}

/* ===== PK PAGE FORMS: SIGNUP + NEW ORDER ===== */

.pk-page{
  min-height:calc(100vh - 74px);
  padding:44px 18px 70px!important;
  background:
    radial-gradient(circle at 72% 32%,rgba(0,160,255,.18),transparent 32%),
    radial-gradient(circle at 18% 14%,rgba(0,90,255,.10),transparent 28%),
    linear-gradient(135deg,#020814 0%,#07204a 48%,#00040b 100%)!important;
  color:#fff!important;
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
}

.pk-page-container{
  max-width:1180px!important;
  margin:0 auto!important;
}

.pk-page-head{
  max-width:780px;
  margin:0 auto 28px;
  text-align:center;
}

.pk-page-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  padding:8px 18px;
  border:1px solid rgba(0,190,255,.24);
  border-radius:999px;
  background:rgba(0,10,28,.72);
  color:#50e4ff;
  font-size:14px;
  font-weight:900;
}

.pk-page-head h1{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:clamp(34px,5vw,64px)!important;
  font-weight:900!important;
  font-style:italic;
  line-height:1!important;
  letter-spacing:0!important;
}

.pk-page-head p{
  margin:0!important;
  color:#d8eaff!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.75!important;
}

.pk-page a{
  color:#22d7ff!important;
  font-weight:900!important;
}

.pk-panel{
  border:1px solid rgba(0,180,255,.24)!important;
  border-radius:18px!important;
  background:rgba(0,8,25,.84)!important;
  box-shadow:0 0 24px rgba(0,160,255,.10), inset 0 0 20px rgba(255,255,255,.02)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

.pk-form-card{
  padding:26px!important;
}

.pk-content-card{
  margin-top:24px;
  padding:26px!important;
  color:#d8eaff!important;
  font-weight:600!important;
  line-height:1.8!important;
}

.pk-panel-head{
  margin-bottom:22px;
  text-align:left;
}

.pk-panel-head h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

.pk-panel-head p{
  margin:0!important;
  color:#9fb8d0!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.7!important;
}

.pk-form-group{
  margin-bottom:16px!important;
}

.pk-form label,
.pk-form .control-label{
  color:#eaf6ff!important;
  font-size:15px!important;
  font-weight:900!important;
  margin-bottom:8px!important;
}

.pk-control,
.pk-form .form-control{
  min-height:54px!important;
  border:1px solid rgba(0,169,255,.28)!important;
  border-radius:12px!important;
  background:rgba(0,7,18,.94)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  box-shadow:none!important;
  outline:0!important;
}

.pk-control:focus,
.pk-form .form-control:focus{
  border-color:rgba(78,234,255,.62)!important;
  box-shadow:0 0 0 3px rgba(0,190,255,.10)!important;
}

.pk-form .form-control::placeholder{
  color:#8fa8c2!important;
}

.pk-search-dropdown .input-wrapper button{
  color:#55e6ff!important;
}

.pk-service-description{
  min-height:86px;
  border:1px solid rgba(0,169,255,.22)!important;
  border-radius:12px!important;
  background:rgba(0,7,18,.72)!important;
  color:#d8eaff!important;
  line-height:1.75!important;
}

.pk-charge-control{
  color:#52e7ff!important;
}

.pk-btn-main{
  width:100%;
  min-height:56px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#1ad7ff,#0074ff)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  box-shadow:0 0 18px rgba(0,170,255,.24),0 0 36px rgba(0,90,255,.16)!important;
}

.pk-btn-main:hover,
.pk-btn-main:focus{
  color:#fff!important;
  filter:brightness(1.06);
}

.pk-form-actions{
  display:grid;
  gap:14px;
  align-items:center;
  margin-top:18px;
}

.pk-google-signin{
  display:flex;
  justify-content:center;
}

.pk-auth-switch{
  margin-top:16px;
  text-align:center;
  color:#d8eaff!important;
  font-size:14px;
  font-weight:700;
}

.pk-checkbox{
  color:#d8eaff!important;
  font-weight:700!important;
  line-height:1.65!important;
}

.pk-checkbox input{
  margin-right:8px;
}

.pk-captcha{
  margin:16px 0;
}

.pk-page .alert{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  font-weight:700!important;
}

.pk-page .alert-danger{
  background:rgba(180,20,45,.16)!important;
  color:#ffdce2!important;
}

.pk-page .alert-success,
.pk-order-success{
  background:rgba(0,180,120,.14)!important;
  color:#dfffee!important;
}

.pk-order-info-page{
  min-height:auto;
  padding-top:0!important;
}

@media(max-width:768px){
  .pk-page{
    min-height:calc(100vh - 68px);
    padding:30px 12px 48px!important;
  }

  .pk-form-card,
  .pk-content-card{
    padding:18px!important;
  }

  .pk-panel-head h2{
    font-size:24px!important;
  }
}

/* ===== PK LAST OVERRIDE: NAVBAR THEME ===== */

.navbar{
  min-height:82px!important;
  background:
    linear-gradient(180deg,rgba(3,18,46,.96),rgba(1,8,24,.94))!important;
  border-bottom:1px solid rgba(0,190,255,.22)!important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.24),
    0 0 24px rgba(0,169,255,.10)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

.navbar .container,
.navbar .container-fluid{
  min-height:82px!important;
  padding-left:28px!important;
  padding-right:32px!important;
}

.navbar-brand{
  height:82px!important;
}

.navbar-brand img{
  height:66px!important;
  transform:scale(1.18)!important;
  filter:
    contrast(1.04)
    brightness(1.04)
    drop-shadow(0 0 8px rgba(0,190,255,.20))!important;
}

.navbar-nav > li > a{
  height:82px!important;
  line-height:82px!important;
  padding:0 18px!important;
  color:#eaf8ff!important;
  font-size:16px!important;
}

.navbar-nav > li > a:hover,
.navbar-nav > .active > a,
.navbar li.active > a{
  color:#50e4ff!important;
  background:rgba(0,169,255,.10)!important;
}

@media(max-width:768px){
  .navbar{
    min-height:72px!important;
  }

  body{
    padding-top:72px!important;
  }

  .navbar .container,
  .navbar .container-fluid,
  .navbar-header{
    min-height:72px!important;
  }

  .navbar-brand{
    height:72px!important;
  }

  .navbar-brand img{
    height:54px!important;
    max-width:180px!important;
    transform:scale(1.05)!important;
  }

  .navbar-toggle{
    width:44px!important;
    height:40px!important;
    background:rgba(2,16,42,.88)!important;
    border-color:rgba(0,190,255,.30)!important;
  }

  .navbar-collapse{
    top:72px!important;
    background:rgba(2,12,31,.98)!important;
  }

  .navbar-nav > li > a{
    height:auto!important;
    line-height:1.25!important;
    padding:14px 18px!important;
    font-size:16px!important;
  }
}

/* ===== PK FINAL RESPONSIVE FIX ===== */

body,
button,
input,
textarea,
select{
  font-family:'Kanit','Segoe UI',Tahoma,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{
  max-width:100%;
  height:auto;
  image-rendering:auto!important;
}

h1,h2,h3,
.pk-subtitle,
.pk-section-head h2,
.pk-feature-card h3,
.pk-platform-card h3,
.pk-trust-card h3,
.pk-faq-item h3{
  letter-spacing:0!important;
}

.pk-platform-grid,
.pk-trust-grid,
.pk-process-line,
.pk-faq-grid,
.pk-stats,
.pk-feature-grid{
  min-width:0!important;
}

.pk-platform-card,
.pk-trust-card,
.pk-process-card,
.pk-faq-item,
.pk-feature-card,
.pk-stat,
.pk-login-box{
  min-width:0!important;
  overflow-wrap:anywhere;
}

.pk-platform-card .pk-app-logo,
.pk-platform-card .pk-real-icon{
  flex:0 0 auto!important;
}

.pk-yt-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:84px!important;
  height:84px!important;
  min-width:84px!important;
  min-height:84px!important;
  margin:0 auto 22px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ff0000,#9b0000)!important;
  color:#ffffff!important;
  font-size:42px!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

@media(max-width:768px){
  body{
    padding-top:78px!important;
  }

  .navbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:78px!important;
    z-index:99999!important;
  }

  .navbar .container,
  .navbar .container-fluid{
    display:block!important;
    min-height:78px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .navbar-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:78px!important;
  }

  .navbar-brand{
    height:78px!important;
  }

  .navbar-brand img{
    height:62px!important;
    max-width:190px!important;
    transform:scale(1.08)!important;
    transform-origin:left center!important;
  }

  .navbar-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    width:46px!important;
    height:42px!important;
    margin:0!important;
    padding:8px!important;
    border-radius:12px!important;
    border:1px solid rgba(0,190,255,.32)!important;
    background:rgba(0,12,32,.86)!important;
  }

  .navbar-toggle .icon-bar{
    display:block!important;
    width:22px!important;
    height:2px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#dff8ff!important;
  }

  .navbar-collapse{
    display:none!important;
    position:absolute!important;
    top:78px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-height:calc(100vh - 96px)!important;
    overflow-y:auto!important;
    margin:0!important;
    padding:0!important;
    background:rgba(1,7,20,.98)!important;
    border:1px solid rgba(0,169,255,.22)!important;
    border-radius:0 0 18px 18px!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 24px rgba(0,169,255,.12)!important;
  }

  .navbar-collapse.in,
  .navbar-collapse.collapse.in,
  .navbar-collapse.collapsing{
    display:block!important;
  }

  .navbar-nav{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:10px 0!important;
  }

  .navbar-nav > li > a{
    height:auto!important;
    line-height:1.25!important;
    padding:15px 20px!important;
    font-size:17px!important;
    text-align:left!important;
    white-space:normal!important;
  }

  .pk-home{
    padding:26px 14px 38px!important;
  }

  .pk-hero{
    grid-template-columns:1fr!important;
    gap:22px!important;
    text-align:center!important;
  }

  .pk-right{
    order:-1!important;
  }

  .pk-title{
    font-size:44px!important;
    line-height:.98!important;
  }

  .pk-subtitle{
    font-size:24px!important;
    line-height:1.22!important;
  }

  .pk-desc{
    font-size:15px!important;
    line-height:1.72!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .pk-badges{
    justify-content:center!important;
  }

  .pk-login-box{
    width:100%!important;
    max-width:440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .pk-platform-grid,
  .pk-trust-grid,
  .pk-process-line,
  .pk-faq-grid,
  .pk-stats,
  .pk-feature-grid,
  .pk-service-grid,
  .pk-why-grid,
  .pk-step-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .pk-platform-card,
  .pk-trust-card,
  .pk-process-card,
  .pk-faq-item,
  .pk-feature-card{
    width:100%!important;
    min-height:auto!important;
    padding:26px 18px!important;
  }

  .pk-platform-card .pk-app-logo,
  .pk-platform-card .pk-real-icon,
  .pk-yt-logo{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    min-height:78px!important;
    border-radius:22px!important;
    margin:0 auto 18px!important;
  }

  .pk-yt-logo{
    background:linear-gradient(135deg,#ff0000,#9b0000)!important;
    color:#ffffff!important;
    font-size:38px!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
  }

  .pk-platform-card h3{
    font-size:20px!important;
    line-height:1.25!important;
  }

  .pk-platform-card p{
    font-size:14px!important;
    line-height:1.7!important;
  }

  .service-card img,
  .platform-card img,
  .feature-card img,
  .service-item img,
  img[src*="youtube"],
  img[src*="Youtube"],
  img[alt*="YouTube"],
  img[alt*="youtube"]{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* ===== PK LAST OVERRIDE: SHARP TIKTOK ICON ===== */

.pk-platform-card .pk-tiktok-real{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#050505!important;
  overflow:hidden!important;
}

.pk-platform-card .pk-tiktok-real svg{
  width:50px!important;
  height:50px!important;
  display:block!important;
  transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  shape-rendering:geometricPrecision;
}

.pk-platform-card .pk-tiktok-real svg path{
  filter:none!important;
  -webkit-filter:none!important;
}

@media(max-width:768px){
  .pk-platform-card .pk-tiktok-real{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    min-height:78px!important;
    border-radius:22px!important;
    margin:0 auto 18px!important;
  }

  .pk-platform-card .pk-tiktok-real svg{
    width:48px!important;
    height:48px!important;
  }
}

@media(max-width:420px){
  .pk-home{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .pk-title{
    font-size:38px!important;
  }

  .pk-subtitle,
  .pk-section-head h2{
    font-size:22px!important;
  }

  .pk-badges div{
    width:100%!important;
    text-align:center!important;
  }

  .pk-login-box{
    padding:16px!important;
  }
}
@media(max-width:768px){

/* ซ่อนของเดิม */
.fa-youtube,
.youtube,
.youtube-icon,
i[class*="youtube"]{
    opacity:0 !important;
}

/* สร้างอันใหม่ */
.youtube-card .icon,
.service-youtube .icon,
.card-youtube .icon{
    width:95px !important;
    height:70px !important;
    background:#ff0000 !important;
    border-radius:22px !important;
    position:relative !important;
    margin:0 auto 24px !important;
    box-shadow:
      0 0 18px rgba(0,170,255,.35);
}

/* สามเหลี่ยมขาว */
.youtube-card .icon:before,
.service-youtube .icon:before,
.card-youtube .icon:before{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-40%,-50%) !important;

    width:0 !important;
    height:0 !important;

    border-top:14px solid transparent !important;
    border-bottom:14px solid transparent !important;
    border-left:24px solid #fff !important;
}
}
@media(max-width:768px){

  /* จับการ์ดที่มีคำว่า YouTube */
  .service-card:has(h3),
  .platform-card:has(h3),
  .feature-card:has(h3){
    position:relative !important;
  }

  /* ซ่อนไอคอนเดิมเฉพาะการ์ด YouTube */
  .service-card:has(h3:nth-child(n)) img,
  .platform-card:has(h3:nth-child(n)) img,
  .feature-card:has(h3:nth-child(n)) img{
    filter:none !important;
  }

  /* ถ้ารูปเดิมยังเทา ให้บังคับภาพ YouTube เป็นสีสด */
  img[src*="youtube"],
  img[src*="Youtube"],
  img[src*="yt"],
  img[alt*="YouTube"],
  img[alt*="youtube"]{
    content:url("https://upload.wikimedia.org/wikipedia/commons/e/ef/Youtube_logo.png") !important;
    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    background:transparent !important;
    box-shadow:none !important;
  }
}

/* ===== PK LAST OVERRIDE: MOBILE YOUTUBE + LAYOUT ===== */

.pk-platform-card .pk-yt-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  background:linear-gradient(135deg,#ff0000,#9b0000)!important;
  color:#ffffff!important;
  font-size:0!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}

.pk-platform-card .pk-yt-logo::before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  border-top:15px solid transparent!important;
  border-bottom:15px solid transparent!important;
  border-left:24px solid #ffffff!important;
  transform:translateX(3px)!important;
  background:transparent!important;
  box-shadow:none!important;
}

@media(max-width:768px){
  .pk-platform-card .pk-yt-logo{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    min-height:78px!important;
    margin:0 auto 18px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#ff0000,#9b0000)!important;
    color:#ffffff!important;
    font-size:0!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18)!important;
  }

  .pk-platform-card .pk-yt-logo::before{
    border-top-width:13px!important;
    border-bottom-width:13px!important;
    border-left-width:22px!important;
    transform:translateX(3px)!important;
  }

  .pk-platform-grid,
  .pk-trust-grid,
  .pk-process-line,
  .pk-faq-grid,
  .pk-stats,
  .pk-feature-grid,
  .pk-service-grid,
  .pk-why-grid,
  .pk-step-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .pk-platform-card,
  .pk-trust-card,
  .pk-process-card,
  .pk-faq-item,
  .pk-feature-card,
  .pk-stat,
  .pk-login-box{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:auto!important;
    overflow:hidden!important;
    overflow-wrap:anywhere;
  }

  .pk-home,
  .pk-container,
  .pk-hero,
  .pk-left,
  .pk-right{
    max-width:100%!important;
    min-width:0!important;
  }

  .pk-hero{
    grid-template-columns:1fr!important;
    gap:22px!important;
    text-align:center!important;
  }

  img[src*="youtube"],
  img[src*="Youtube"],
  img[alt*="YouTube"],
  img[alt*="youtube"]{
    content:normal!important;
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}
/* ===== PK ABSOLUTE FINAL: NEW LOGO NAV FIT ===== */

.navbar{
  min-height:72px!important;
  background:
    linear-gradient(135deg,#020814 0%,#051a3d 46%,#020814 100%)!important;
  background-color:#020814!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.navbar .container,
.navbar .container-fluid{
  min-height:72px!important;
  padding-left:26px!important;
  padding-right:34px!important;
}

.navbar-brand{
  height:72px!important;
  width:246px!important;
  min-width:246px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}

.navbar-brand img{
  width:212px!important;
  min-width:212px!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  transform-origin:left center!important;
  mix-blend-mode:normal!important;
  filter:contrast(1.02) brightness(1.04) saturate(1.03) drop-shadow(0 0 6px rgba(0,190,255,.12))!important;
  background:transparent!important;
}

.navbar-nav > li > a{
  height:72px!important;
  line-height:72px!important;
  padding:0 18px!important;
  color:#edf8ff!important;
  font-size:16px!important;
  background:transparent!important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus,
.navbar li.active > a,
.navbar li.active > a:hover,
.navbar li.active > a:focus{
  color:#52e7ff!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

.navbar:before,
.navbar:after,
.navbar-nav > li > a:before,
.navbar-nav > li > a:after,
.navbar-nav > .active > a:before,
.navbar-nav > .active > a:after,
.navbar li.active > a:before,
.navbar li.active > a:after{
  display:none!important;
  content:none!important;
}

.pk-home{
  margin-top:-1px!important;
}

@media(max-width:768px){
  .navbar{
    min-height:66px!important;
    background:
      linear-gradient(135deg,#020814 0%,#051a3d 46%,#020814 100%)!important;
    background-color:#020814!important;
  }

  body{
    padding-top:66px!important;
  }

  .navbar .container,
  .navbar .container-fluid,
  .navbar-header{
    min-height:66px!important;
  }

  .navbar-brand{
    height:66px!important;
    width:174px!important;
    min-width:174px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .navbar-brand img{
    width:152px!important;
    min-width:152px!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    transform:none!important;
  }

  .navbar-toggle{
    top:50%!important;
    width:44px!important;
    height:40px!important;
    margin:0!important;
    background:rgba(2,8,20,.82)!important;
    border-color:rgba(0,190,255,.24)!important;
  }

  .navbar-collapse{
    top:66px!important;
    background:
      linear-gradient(135deg,#020814 0%,#051a3d 46%,#020814 100%)!important;
    border:0!important;
    box-shadow:0 18px 36px rgba(0,0,0,.24)!important;
  }

  .navbar-nav > li > a{
    height:auto!important;
    line-height:1.25!important;
    padding:14px 18px!important;
    font-size:16px!important;
  }
}

/* ===== PK FINAL INPUT AUTOFILL LOCK ===== */

.pk-input input,
.pk-input input:hover,
.pk-input input:focus{
  background:transparent!important;
  background-color:transparent!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  caret-color:#52e7ff!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.pk-input input:-webkit-autofill,
.pk-input input:-webkit-autofill:hover,
.pk-input input:-webkit-autofill:focus,
.pk-input input:-webkit-autofill:active{
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 0 0 1000px rgba(0,7,18,.94) inset!important;
  -webkit-box-shadow:0 0 0 1000px rgba(0,7,18,.94) inset!important;
  border:0!important;
  transition:background-color 9999s ease-out 0s!important;
}
.pk-dashboard-neworder{
  padding:40px 0;
  background:
  radial-gradient(circle at top,#0d2d63 0%,#04122d 45%,#020816 100%);
  min-height:100vh;
}

.pk-dash-container{
  width:95%;
  max-width:1600px;
  margin:auto;
}

.pk-dash-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-bottom:25px;
}

.pk-dash-stat{
  background:rgba(3,12,32,.88);
  border:1px solid rgba(0,183,255,.22);
  border-radius:22px;
  padding:24px;
  color:#fff;
  box-shadow:0 0 25px rgba(0,140,255,.15);
}

.pk-dash-stat span{
  display:block;
  opacity:.7;
  font-size:14px;
  margin-bottom:10px;
}

.pk-dash-stat strong{
  font-size:34px;
  font-weight:800;
  color:#25c7ff;
}

.pk-platform-tabs{
  display:flex;
  gap:14px;
  overflow:auto;
  margin-bottom:28px;
  padding:12px;
  background:#041126;
  border-radius:22px;
  border:1px solid rgba(0,183,255,.18);
}

.pk-platform-tabs div{
  min-width:95px;
  height:90px;
  border-radius:18px;
  background:#081a36;
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:700;
  transition:.25s;
  cursor:pointer;
}

.pk-platform-tabs div:hover,
.pk-platform-tabs .active{
  border-color:#1dd3ff;
  box-shadow:0 0 18px rgba(0,183,255,.4);
}

.pk-platform-tabs span{
  margin-top:8px;
  font-size:13px;
}

.pk-order-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
}

.pk-order-card{
  background:rgba(2,10,25,.92);
  border:1px solid rgba(0,183,255,.18);
  border-radius:26px;
  padding:30px;
  color:#fff;
  box-shadow:0 0 25px rgba(0,153,255,.12);
}

.pk-card-title{
  font-size:30px;
  font-weight:800;
  margin-bottom:24px;
}

.pk-form-group{
  margin-bottom:20px;
}

.pk-form-group label{
  display:block;
  margin-bottom:10px;
  color:#fff;
  font-weight:700;
}

.pk-control{
  background:#07172f!important;
  border:1px solid rgba(0,183,255,.18)!important;
  height:58px!important;
  border-radius:16px!important;
  color:#fff!important;
  font-size:16px!important;
  box-shadow:none!important;
}

.pk-control:focus{
  border-color:#21d4ff!important;
  box-shadow:0 0 15px rgba(0,183,255,.25)!important;
}

.pk-btn-main{
  width:100%;
  height:62px;
  border:none!important;
  border-radius:18px!important;
  background:linear-gradient(90deg,#29d8ff,#1f7cff)!important;
  font-size:22px!important;
  font-weight:800!important;
  color:#fff!important;
  margin-top:10px;
  box-shadow:0 0 25px rgba(0,183,255,.35);
}

.pk-btn-main:hover{
  transform:translateY(-2px);
}

.pk-info-highlight{
  background:#081935;
  border:1px solid rgba(0,183,255,.18);
  border-radius:18px;
  padding:22px;
  margin-bottom:22px;
}

.pk-info-highlight b{
  display:block;
  color:#25d0ff;
  margin-bottom:10px;
  font-size:18px;
}

.pk-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.pk-info-grid div{
  background:#08142b;
  border-radius:18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.06);
}

.pk-info-grid b{
  display:block;
  margin-bottom:8px;
  color:#fff;
}

.pk-info-grid span{
  color:rgba(255,255,255,.7);
  font-size:13px;
}

@media(max-width:991px){

  .pk-dash-stats{
    grid-template-columns:1fr 1fr;
  }

  .pk-order-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:600px){

  .pk-dash-stats{
    grid-template-columns:1fr;
  }

  .pk-card-title{
    font-size:24px;
  }

  .pk-info-grid{
    grid-template-columns:1fr;
  }

}
.pk-platform-tab{
  border:none;
}

.pk-tab-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  font-weight:900;
  color:#fff;
  margin-bottom:8px;
  box-shadow:0 0 18px rgba(0,190,255,.25);
}

.pk-all-icon{
  background:linear-gradient(135deg,#1fd7ff,#1f63ff);
}

.pk-youtube-icon{
  background:linear-gradient(135deg,#ff1e1e,#b80000);
}

.pk-instagram-icon{
  background:radial-gradient(circle at 30% 30%,#ffd86b,#ff2e93 45%,#7a39ff 80%);
}

.pk-tiktok-icon{
  background:#050505;
  text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55;
}

.pk-facebook-icon{
  background:linear-gradient(135deg,#229cff,#075bd8);
  font-family:Arial,sans-serif;
}

.pk-twitter-icon{
  background:linear-gradient(135deg,#1d2635,#05070c);
  border:1px solid rgba(255,255,255,.18);
}

.pk-spotify-icon{
  background:linear-gradient(135deg,#1ed760,#0b8f3c);
}

.pk-telegram-icon{
  background:linear-gradient(135deg,#39c9ff,#1685d9);
}

.pk-more-icon{
  background:linear-gradient(135deg,#1d2b44,#0a1222);
  border:1px solid rgba(255,255,255,.15);
}
.pk-youtube-icon{
background:linear-gradient(135deg,#ff1e1e,#b80000);
}

.pk-instagram-icon{
background:radial-gradient(circle at 30% 30%,#ffd86b,#ff2e93 45%,#7a39ff 80%);
}

.pk-tiktok-icon{
background:#050505;
text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55;
}

.pk-facebook-icon{
background:linear-gradient(135deg,#229cff,#075bd8);
}

.pk-twitter-icon{
background:linear-gradient(135deg,#1d2635,#05070c);
}

.pk-spotify-icon{
background:linear-gradient(135deg,#1ed760,#0b8f3c);
}

.pk-telegram-icon{
background:linear-gradient(135deg,#39c9ff,#1685d9);
}

.pk-more-icon{
background:linear-gradient(135deg,#1d2b44,#0a1222);
}
/* ===== FIX PK PLATFORM ICON TABS ===== */

.pk-platform-tabs{
  display:flex!important;
  gap:16px!important;
  align-items:center!important;
  padding:14px!important;
  margin:25px 0 28px!important;
  background:rgba(2,12,31,.92)!important;
  border:1px solid rgba(0,210,255,.22)!important;
  border-radius:22px!important;
  overflow-x:auto!important;
}

.pk-platform-tab{
  min-width:96px!important;
  height:96px!important;
  padding:10px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(8,22,49,.96)!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  box-shadow:none!important;
}

.pk-platform-tab.active,
.pk-platform-tab:hover{
  border-color:#16d7ff!important;
  box-shadow:0 0 22px rgba(0,210,255,.38)!important;
  background:rgba(8,31,68,.98)!important;
}

.pk-platform-tab b{
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  margin:0!important;
}

.pk-tab-icon{
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:25px!important;
  font-weight:900!important;
  color:#fff!important;
  margin:0!important;
}

.pk-all-icon{background:linear-gradient(135deg,#20d7ff,#1767ff)!important;}
.pk-youtube-icon{background:linear-gradient(135deg,#ff2323,#b60000)!important;}
.pk-instagram-icon{background:radial-gradient(circle at 30% 30%,#ffd76b,#ff2e93 45%,#7839ff 80%)!important;}
.pk-tiktok-icon{background:#050505!important;text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55!important;}
.pk-facebook-icon{background:linear-gradient(135deg,#219cff,#075bd8)!important;}
.pk-twitter-icon{background:linear-gradient(135deg,#1b2535,#05070c)!important;border:1px solid rgba(255,255,255,.18)!important;}
.pk-spotify-icon{background:linear-gradient(135deg,#1ed760,#0b8f3c)!important;}
.pk-telegram-icon{background:linear-gradient(135deg,#39c9ff,#1685d9)!important;}
.pk-more-icon{background:linear-gradient(135deg,#1d2b44,#0a1222)!important;border:1px solid rgba(255,255,255,.15)!important;}

/* ===== PKLIKE NEW ORDER PREMIUM OVERRIDE ===== */

.pk-dashboard-neworder{
  --pk-panel:#020918;
  --pk-panel-2:#06132b;
  --pk-panel-3:#081a37;
  --pk-border:rgba(0,210,255,.35);
  --pk-border-soft:rgba(34,119,255,.24);
  --pk-glow:rgba(0,196,255,.42);
  --pk-glow-soft:rgba(0,106,255,.18);
  --pk-text:#f7fbff;
  --pk-sub:#a9bed8;
  min-height:calc(100vh - 72px)!important;
  padding:28px 22px 24px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(0,120,255,.17),transparent 34%),
    radial-gradient(circle at 86% 12%,rgba(0,222,255,.11),transparent 28%),
    linear-gradient(180deg,#020817 0%,#031126 46%,#01050d 100%)!important;
}

.pk-dash-container{
  width:min(100%,1560px)!important;
  max-width:1560px!important;
  margin:0 auto!important;
}

.pk-dash-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  margin:0 0 24px!important;
}

.pk-dash-stat,
.pk-order-card,
.pk-platform-tabs{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,rgba(5,18,42,.96),rgba(0,6,18,.98))!important;
  border:1px solid var(--pk-border-soft)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.34),
    0 0 24px var(--pk-glow-soft),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.pk-dash-stat:before,
.pk-order-card:before,
.pk-platform-tabs:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,transparent 0%,rgba(0,210,255,.85) 22%,rgba(65,123,255,.7) 50%,rgba(0,210,255,.85) 78%,transparent 100%) top/100% 1px no-repeat,
    radial-gradient(circle at 100% 0%,rgba(0,198,255,.17),transparent 30%)!important;
}

.pk-dash-stat{
  min-height:116px!important;
  padding:24px 26px!important;
  border-radius:15px!important;
}

.pk-dash-stat:after{
  content:""!important;
  position:absolute!important;
  right:22px!important;
  top:50%!important;
  width:48px!important;
  height:48px!important;
  transform:translateY(-50%)!important;
  border-radius:15px!important;
  border:1px solid rgba(0,210,255,.45)!important;
  background:linear-gradient(135deg,rgba(0,194,255,.16),rgba(30,97,255,.08))!important;
  box-shadow:0 0 18px rgba(0,196,255,.24), inset 0 0 18px rgba(0,140,255,.12)!important;
}

.pk-dash-stat span{
  position:relative!important;
  z-index:1!important;
  color:#dcecff!important;
  opacity:.86!important;
  font-size:14px!important;
  font-weight:800!important;
  margin-bottom:10px!important;
}

.pk-dash-stat strong{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  color:#ffffff!important;
  font-size:32px!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-shadow:0 0 18px rgba(0,188,255,.2)!important;
}

.pk-dash-stat:nth-child(4) strong{
  color:#20d9ff!important;
}

.pk-platform-tabs{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(92px,1fr)!important;
  align-items:stretch!important;
  gap:16px!important;
  width:100%!important;
  padding:13px!important;
  margin:0 0 24px!important;
  border-radius:14px!important;
  border-color:var(--pk-border)!important;
  overflow-x:auto!important;
  scrollbar-width:thin;
  scrollbar-color:#0ddcff rgba(255,255,255,.05);
}

.pk-platform-tab{
  min-width:92px!important;
  height:92px!important;
  padding:9px 8px!important;
  border-radius:13px!important;
  border:1px solid rgba(92,143,255,.22)!important;
  background:linear-gradient(180deg,rgba(9,25,55,.98),rgba(3,12,30,.98))!important;
  color:var(--pk-text)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

.pk-platform-tab.active,
.pk-platform-tab:hover{
  transform:translateY(-1px)!important;
  border-color:#12ddff!important;
  background:linear-gradient(180deg,rgba(11,35,74,.98),rgba(4,15,36,.98))!important;
  box-shadow:
    0 0 0 1px rgba(0,210,255,.25),
    0 0 24px rgba(0,210,255,.32),
    inset 0 0 18px rgba(0,154,255,.12)!important;
}

.pk-platform-tab b{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
}

.pk-tab-icon{
  width:46px!important;
  height:46px!important;
  border-radius:13px!important;
  margin:0 0 6px!important;
  font-size:23px!important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.34),
    0 0 18px rgba(0,187,255,.22),
    inset 0 1px 0 rgba(255,255,255,.2)!important;
}

.pk-all-icon{background:linear-gradient(135deg,#234bff,#16e4ff)!important;}
.pk-youtube-icon{background:linear-gradient(135deg,#ff1e1e,#c40000)!important;}
.pk-instagram-icon{background:radial-gradient(circle at 28% 22%,#ffe06d 0 13%,#ff375f 38%,#b535f6 68%,#315dff 100%)!important;}
.pk-tiktok-icon{background:#050505!important;text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55!important;}
.pk-facebook-icon{background:linear-gradient(135deg,#249cff,#075ddc)!important;}
.pk-twitter-icon{background:linear-gradient(135deg,#1b2535,#05070c)!important;}
.pk-spotify-icon{background:linear-gradient(135deg,#1ed760,#078937)!important;}
.pk-telegram-icon{background:linear-gradient(135deg,#43d8ff,#1785d8)!important;}
.pk-threads-icon{background:linear-gradient(135deg,#111827,#02040a)!important;border:1px solid rgba(255,255,255,.22)!important;}
.pk-line-icon{background:linear-gradient(135deg,#25e845,#00a51d)!important;}
.pk-discord-icon{background:linear-gradient(135deg,#7788ff,#4f5bd5)!important;}
.pk-more-icon{background:linear-gradient(135deg,#273752,#101829)!important;border:1px solid rgba(255,255,255,.18)!important;}

.pk-order-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.96fr)!important;
  gap:22px!important;
  align-items:start!important;
}

.pk-order-card{
  border-radius:14px!important;
  padding:28px 24px!important;
  color:var(--pk-text)!important;
}

.pk-card-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 22px!important;
  color:#ffffff!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-shadow:0 0 16px rgba(0,150,255,.14)!important;
}

.pk-form-group{
  margin-bottom:16px!important;
}

.pk-form-group label{
  margin-bottom:8px!important;
  color:#edf6ff!important;
  font-size:14px!important;
  font-weight:900!important;
}

.pk-control,
.pk-search-dropdown .form-control,
.pk-form select,
.pk-form input,
.pk-form textarea{
  min-height:50px!important;
  border-radius:9px!important;
  border:1px solid rgba(0,160,255,.28)!important;
  background:rgba(1,10,24,.86)!important;
  color:#ffffff!important;
  font-weight:800!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}

.pk-control:focus,
.pk-search-dropdown .form-control:focus,
.pk-form select:focus,
.pk-form input:focus,
.pk-form textarea:focus{
  border-color:#18dfff!important;
  box-shadow:
    0 0 0 1px rgba(24,223,255,.28),
    0 0 20px rgba(0,183,255,.22)!important;
}

.pk-service-description,
.pk-info-highlight,
.pk-info-grid div{
  background:linear-gradient(180deg,rgba(8,27,58,.96),rgba(6,18,42,.96))!important;
  border:1px solid rgba(73,125,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.pk-info-highlight{
  border-left:3px solid #2aa7ff!important;
  border-radius:11px!important;
  padding:20px 22px!important;
}

.pk-info-highlight b{
  color:#1ccfff!important;
  font-size:16px!important;
  font-weight:900!important;
}

.pk-info-highlight p{
  margin:0!important;
  color:#dce9ff!important;
  line-height:1.7!important;
}

.pk-info-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.pk-info-grid div{
  min-height:72px!important;
  border-radius:10px!important;
  padding:14px 16px!important;
}

.pk-info-grid b{
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:900!important;
}

.pk-info-grid span{
  color:#c8d8ee!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.pk-btn-main{
  height:54px!important;
  border-radius:9px!important;
  border:1px solid rgba(0,232,255,.65)!important;
  background:linear-gradient(100deg,#2478ff 0%,#1767f2 46%,#00cfff 100%)!important;
  color:#ffffff!important;
  font-size:18px!important;
  font-weight:900!important;
  box-shadow:
    0 0 22px rgba(0,210,255,.38),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

.pk-btn-main:hover,
.pk-btn-main:focus{
  transform:translateY(-1px)!important;
  box-shadow:
    0 0 30px rgba(0,224,255,.52),
    0 0 46px rgba(38,112,255,.24),
    inset 0 1px 0 rgba(255,255,255,.24)!important;
}

.pk-neworder-text{
  margin-top:22px!important;
}

@media(min-width:1500px){
  .pk-dashboard-neworder{
    padding-left:30px!important;
    padding-right:30px!important;
  }

  .pk-order-grid{
    grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr)!important;
  }

  .pk-platform-tabs{
    grid-auto-columns:minmax(96px,1fr)!important;
  }
}

@media(max-width:1180px){
  .pk-dash-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .pk-order-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:768px){
  .pk-dashboard-neworder{
    padding:18px 12px 22px!important;
  }

  .pk-dash-stats{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .pk-dash-stat{
    min-height:96px!important;
    padding:20px 72px 18px 18px!important;
    border-radius:13px!important;
  }

  .pk-dash-stat strong{
    font-size:28px!important;
  }

  .pk-platform-tabs{
    grid-auto-columns:86px!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:13px!important;
    margin-bottom:18px!important;
  }

  .pk-platform-tab{
    min-width:86px!important;
    height:86px!important;
    border-radius:12px!important;
  }

  .pk-tab-icon{
    width:42px!important;
    height:42px!important;
    font-size:21px!important;
  }

  .pk-order-card{
    padding:22px 16px!important;
    border-radius:13px!important;
  }

  .pk-card-title{
    font-size:22px!important;
  }

  .pk-info-grid{
    grid-template-columns:1fr!important;
  }

  .pk-control,
  .pk-search-dropdown .form-control,
  .pk-form select,
  .pk-form input,
  .pk-form textarea{
    min-height:48px!important;
    font-size:14px!important;
  }
}

/* ===== PKLIKE CATEGORY IMAGE SELECT ===== */

.pk-order-card{
  overflow:visible!important;
}

.pk-native-category-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
}

.pk-category-picker{
  position:relative!important;
  z-index:20!important;
}

.pk-category-trigger{
  width:100%!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px!important;
  border-radius:9px!important;
  border:1px solid rgba(0,210,255,.52)!important;
  background:rgba(1,10,24,.92)!important;
  color:#ffffff!important;
  font-size:15px!important;
  font-weight:900!important;
  text-align:left!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 18px rgba(0,196,255,.10)!important;
}

.pk-category-picker.open .pk-category-trigger,
.pk-category-trigger:hover,
.pk-category-trigger:focus{
  border-color:#18dfff!important;
  outline:0!important;
  box-shadow:
    0 0 0 1px rgba(24,223,255,.28),
    0 0 22px rgba(0,183,255,.22)!important;
}

.pk-category-trigger-text{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pk-category-trigger-caret{
  flex:0 0 auto!important;
  color:#dff8ff!important;
  font-size:18px!important;
  line-height:1!important;
}

.pk-category-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 7px)!important;
  left:0!important;
  right:0!important;
  max-height:360px!important;
  overflow:auto!important;
  padding:8px!important;
  border-radius:11px!important;
  border:1px solid rgba(0,210,255,.38)!important;
  background:#0b111b!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.52),
    0 0 28px rgba(0,183,255,.16)!important;
}

.pk-category-picker.open .pk-category-menu{
  display:block!important;
}

.pk-category-option{
  width:100%!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:900!important;
  text-align:left!important;
}

.pk-category-option:hover,
.pk-category-option.active{
  background:#236fd0!important;
  color:#ffffff!important;
}

.pk-category-option-text{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pk-category-visual-icon{
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  overflow:hidden!important;
  color:#ffffff!important;
  font-size:17px!important;
  line-height:1!important;
  background:rgba(0,169,255,.12)!important;
  box-shadow:0 0 12px rgba(0,183,255,.12)!important;
}

.pk-category-visual-icon img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

@media(max-width:768px){
  .pk-category-menu{
    max-height:310px!important;
  }

  .pk-category-trigger{
    min-height:50px!important;
    font-size:14px!important;
  }

  .pk-category-option{
    min-height:40px!important;
    font-size:13px!important;
  }
}

/* ===== PKLIKE DASHBOARD FINAL READABILITY + LAYOUT ===== */

body.pk-neworder-layout,
body:has(.pk-dashboard-neworder){
  background:#020713!important;
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:geometricPrecision!important;
}

body.pk-neworder-layout *,
body:has(.pk-dashboard-neworder) *{
  text-shadow:none!important;
  letter-spacing:0!important;
}

.pk-dashboard-neworder{
  --pk-read:#eef7ff;
  --pk-read-soft:#b6c8de;
  --pk-read-muted:#8297af;
  --pk-neon:#16dfff;
  --pk-neon-2:#2085ff;
  --pk-deep:#020815;
  --pk-card-clean:#040d20;
  --pk-card-clean-2:#07162e;
  min-height:calc(100vh - 72px)!important;
  padding:30px 24px 30px!important;
  color:var(--pk-read)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.65!important;
  background:
    radial-gradient(circle at 20% -10%,rgba(0,136,255,.18),transparent 34%),
    radial-gradient(circle at 92% 4%,rgba(0,223,255,.12),transparent 24%),
    linear-gradient(180deg,#04132b 0%,#020916 52%,#01050c 100%)!important;
}

.pk-dashboard-neworder .pk-dash-container{
  width:min(100%,1560px)!important;
  max-width:1560px!important;
  margin:0 auto!important;
}

@media(min-width:992px){
  body.pk-neworder-layout,
  body:has(.pk-dashboard-neworder){
    padding-top:0!important;
  }

  body.pk-neworder-layout .navbar,
  body:has(.pk-dashboard-neworder) .navbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:295px!important;
    min-height:100vh!important;
    margin:0!important;
    border:0!important;
    border-right:1px solid rgba(0,200,255,.28)!important;
    background:
      radial-gradient(circle at 50% 14%,rgba(0,142,255,.20),transparent 34%),
      linear-gradient(180deg,#06142b 0%,#020817 100%)!important;
    box-shadow:18px 0 45px rgba(0,0,0,.34),0 0 34px rgba(0,169,255,.12)!important;
    z-index:1000!important;
  }

  body.pk-neworder-layout .navbar .container,
  body.pk-neworder-layout .navbar .container-fluid,
  body:has(.pk-dashboard-neworder) .navbar .container,
  body:has(.pk-dashboard-neworder) .navbar .container-fluid{
    width:100%!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding:18px 18px!important;
  }

  body.pk-neworder-layout .navbar-header,
  body:has(.pk-dashboard-neworder) .navbar-header{
    min-height:auto!important;
    display:flex!important;
    justify-content:center!important;
    padding:0 0 18px!important;
  }

  body.pk-neworder-layout .navbar-brand,
  body:has(.pk-dashboard-neworder) .navbar-brand{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    justify-content:center!important;
    padding:0!important;
  }

  body.pk-neworder-layout .navbar-brand img,
  body:has(.pk-dashboard-neworder) .navbar-brand img{
    width:auto!important;
    max-width:235px!important;
    height:auto!important;
    max-height:82px!important;
    transform:none!important;
    filter:drop-shadow(0 0 10px rgba(0,202,255,.22))!important;
  }

  body.pk-neworder-layout .navbar-collapse,
  body.pk-neworder-layout .navbar-collapse.collapse,
  body:has(.pk-dashboard-neworder) .navbar-collapse,
  body:has(.pk-dashboard-neworder) .navbar-collapse.collapse{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    background:transparent!important;
  }

  body.pk-neworder-layout .navbar-nav,
  body:has(.pk-dashboard-neworder) .navbar-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.pk-neworder-layout .navbar-left-block,
  body.pk-neworder-layout .navbar-right-block,
  body:has(.pk-dashboard-neworder) .navbar-left-block,
  body:has(.pk-dashboard-neworder) .navbar-right-block{
    margin:0!important;
  }

  body.pk-neworder-layout .navbar-right-block,
  body:has(.pk-dashboard-neworder) .navbar-right-block{
    margin-top:14px!important;
    padding-top:14px!important;
    border-top:1px solid rgba(0,190,255,.16)!important;
  }

  body.pk-neworder-layout .navbar-nav > li,
  body:has(.pk-dashboard-neworder) .navbar-nav > li{
    width:100%!important;
  }

  body.pk-neworder-layout .navbar-nav > li > a,
  body:has(.pk-dashboard-neworder) .navbar-nav > li > a{
    width:100%!important;
    height:50px!important;
    line-height:1.25!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:0 14px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    color:#dceaff!important;
    background:transparent!important;
    font-size:15px!important;
    font-weight:600!important;
    white-space:normal!important;
    box-shadow:none!important;
  }

  body.pk-neworder-layout .navbar-nav > li.active > a,
  body.pk-neworder-layout .navbar-nav > li > a:hover,
  body:has(.pk-dashboard-neworder) .navbar-nav > li.active > a,
  body:has(.pk-dashboard-neworder) .navbar-nav > li > a:hover{
    color:#ffffff!important;
    border-color:rgba(0,218,255,.58)!important;
    background:linear-gradient(90deg,rgba(28,127,255,.22),rgba(0,216,255,.10))!important;
    box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
  }

  body.pk-neworder-layout .navbar-icon,
  body:has(.pk-dashboard-neworder) .navbar-icon{
    width:22px!important;
    text-align:center!important;
    color:#51e6ff!important;
    font-size:17px!important;
  }

  body.pk-neworder-layout .pk-dashboard-neworder,
  body:has(.pk-dashboard-neworder) .pk-dashboard-neworder{
    margin-left:295px!important;
    min-height:100vh!important;
  }
}

.pk-dashboard-neworder .pk-dash-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  margin:0 0 24px!important;
}

.pk-dashboard-neworder .pk-dash-stat{
  position:relative!important;
  min-height:112px!important;
  padding:22px 88px 22px 24px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(5,18,42,.97),rgba(1,8,22,.98))!important;
  border:1px solid rgba(0,169,255,.34)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28),0 0 24px rgba(0,128,255,.12)!important;
}

.pk-dashboard-neworder .pk-dash-stat:before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#16dfff,rgba(62,110,255,.9),transparent)!important;
}

.pk-dashboard-neworder .pk-dash-stat:after{
  display:none!important;
}

.pk-dashboard-neworder .pk-dash-stat span{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:0 0 9px!important;
  color:#c3d4e8!important;
  opacity:1!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.45!important;
}

.pk-dashboard-neworder .pk-dash-stat strong{
  position:relative!important;
  z-index:1!important;
  color:#ffffff!important;
  font-size:31px!important;
  font-weight:800!important;
  line-height:1.08!important;
}

.pk-dashboard-neworder .pk-dash-stat:nth-child(4) strong{
  color:#22dfff!important;
}

.pk-stat-icon{
  position:absolute!important;
  right:22px!important;
  top:50%!important;
  width:50px!important;
  height:50px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  border:1px solid rgba(0,213,255,.48)!important;
  background:linear-gradient(135deg,rgba(0,202,255,.18),rgba(34,111,255,.10))!important;
  box-shadow:0 0 22px rgba(0,205,255,.22),inset 0 0 18px rgba(0,157,255,.12)!important;
}

.pk-stat-icon:before{
  content:""!important;
  display:block!important;
  width:58%!important;
  height:58%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}

/* Stat-card icons drawn as inline SVG (no icon-font dependency) so they
   render crisp and identically on every browser. Cyan stroke = #1fe2ff. */
.pk-stat-wallet:before{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fe2ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M17 8V5a1 1 0 0 0-1-1H6a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1-1 1H6a2 2 0 0 1-2-2V6'/><path d='M20 12v4h-4a2 2 0 0 1 0-4h4'/></svg>")!important;
}
.pk-stat-bag:before{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fe2ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='8' width='14' height='13' rx='2.6'/><path d='M9 8.5V6.5a3 3 0 0 1 6 0V8.5'/><path d='M5 11.7h14'/></svg>")!important;
}
.pk-stat-dollar:before{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fe2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='6.5' width='19' height='11' rx='2'/><circle cx='12' cy='12' r='2.6'/><circle cx='6' cy='12' r='.9' fill='%231fe2ff' stroke='none'/><circle cx='18' cy='12' r='.9' fill='%231fe2ff' stroke='none'/></svg>")!important;
}
.pk-stat-crown:before{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fe2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 8.5 7 13l5-7 5 7 3.5-4.5L19 18.5H5Z'/><line x1='5' y1='15.2' x2='19' y2='15.2'/></svg>")!important;
}

.pk-dashboard-neworder .pk-platform-tabs{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(92px,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:12px!important;
  margin:0 0 24px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border-radius:13px!important;
  border:1px solid rgba(0,214,255,.40)!important;
  background:linear-gradient(145deg,rgba(5,17,38,.95),rgba(1,8,21,.98))!important;
  box-shadow:0 0 28px rgba(0,144,255,.12)!important;
  scrollbar-width:thin!important;
  scrollbar-color:#16dfff rgba(255,255,255,.05)!important;
}

.pk-dashboard-neworder .pk-platform-tabs::-webkit-scrollbar,
.pk-category-menu::-webkit-scrollbar{
  height:8px!important;
  width:8px!important;
}

.pk-dashboard-neworder .pk-platform-tabs::-webkit-scrollbar-track,
.pk-category-menu::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04)!important;
  border-radius:99px!important;
}

.pk-dashboard-neworder .pk-platform-tabs::-webkit-scrollbar-thumb,
.pk-category-menu::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#16dfff,#1b75ff)!important;
  border-radius:99px!important;
}

.pk-dashboard-neworder .pk-platform-tab{
  min-width:92px!important;
  height:88px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:9px 8px!important;
  border-radius:13px!important;
  border:1px solid rgba(81,124,196,.28)!important;
  background:linear-gradient(180deg,rgba(10,27,58,.96),rgba(4,14,34,.98))!important;
  color:#f4f9ff!important;
  box-shadow:none!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}

.pk-dashboard-neworder .pk-platform-tab:hover,
.pk-dashboard-neworder .pk-platform-tab.active{
  transform:translateY(-1px)!important;
  border-color:#16dfff!important;
  background:linear-gradient(180deg,rgba(12,38,80,.98),rgba(4,18,43,.98))!important;
  box-shadow:0 0 0 1px rgba(22,223,255,.22),0 0 22px rgba(0,207,255,.26),inset 0 0 18px rgba(0,164,255,.10)!important;
}

.pk-dashboard-neworder .pk-platform-tab b{
  max-width:100%!important;
  color:#ffffff!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.15!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pk-dashboard-neworder .pk-tab-icon{
  width:45px!important;
  height:45px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:13px!important;
  color:#ffffff!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.pk-dashboard-neworder .pk-all-icon{background:linear-gradient(135deg,#2079ff,#18dcff)!important;}
.pk-dashboard-neworder .pk-youtube-icon{background:linear-gradient(135deg,#ff2525,#bd0000)!important;}
.pk-dashboard-neworder .pk-instagram-icon{background:radial-gradient(circle at 30% 24%,#ffdf6b 0 12%,#ff3d6f 38%,#b439f5 68%,#315cff 100%)!important;}
.pk-dashboard-neworder .pk-tiktok-icon{background:#050505!important;text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55!important;}
.pk-dashboard-neworder .pk-facebook-icon{background:linear-gradient(135deg,#219cff,#075bd8)!important;}
.pk-dashboard-neworder .pk-twitter-icon{background:linear-gradient(135deg,#182230,#05070c)!important;border:1px solid rgba(255,255,255,.18)!important;}
.pk-dashboard-neworder .pk-spotify-icon{background:linear-gradient(135deg,#21d760,#058b37)!important;}
.pk-dashboard-neworder .pk-telegram-icon{background:linear-gradient(135deg,#40d5ff,#1683d8)!important;}
.pk-dashboard-neworder .pk-threads-icon{background:linear-gradient(135deg,#111827,#02040a)!important;border:1px solid rgba(255,255,255,.22)!important;}
.pk-dashboard-neworder .pk-line-icon{background:linear-gradient(135deg,#25e845,#00a51d)!important;}
.pk-dashboard-neworder .pk-discord-icon{background:linear-gradient(135deg,#7788ff,#4f5bd5)!important;}
.pk-dashboard-neworder .pk-more-icon{background:linear-gradient(135deg,#283851,#101827)!important;border:1px solid rgba(255,255,255,.18)!important;}

.pk-dashboard-neworder .pk-order-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr)!important;
  gap:22px!important;
  align-items:start!important;
}

.pk-dashboard-neworder .pk-order-card{
  overflow:visible!important;
  border-radius:14px!important;
  padding:26px 24px!important;
  background:linear-gradient(145deg,rgba(4,14,34,.97),rgba(1,7,18,.99))!important;
  border:1px solid rgba(0,169,255,.28)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 26px rgba(0,128,255,.10)!important;
}

.pk-dashboard-neworder .pk-card-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 21px!important;
  color:#ffffff!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

.pk-dashboard-neworder .pk-form,
.pk-dashboard-neworder .pk-form label,
.pk-dashboard-neworder .pk-control,
.pk-dashboard-neworder .pk-service-description,
.pk-dashboard-neworder .pk-info-highlight,
.pk-dashboard-neworder .pk-info-grid{
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
}

.pk-dashboard-neworder .pk-form-group{
  margin-bottom:16px!important;
}

.pk-dashboard-neworder .pk-form-group label,
.pk-dashboard-neworder .pk-form .control-label{
  display:block!important;
  margin:0 0 8px!important;
  color:#e8f3ff!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.45!important;
}

.pk-dashboard-neworder .pk-control,
.pk-dashboard-neworder .pk-form .form-control,
.pk-dashboard-neworder .pk-form select,
.pk-dashboard-neworder .pk-form input,
.pk-dashboard-neworder .pk-form textarea{
  min-height:50px!important;
  height:auto!important;
  border-radius:9px!important;
  border:1px solid rgba(0,169,255,.34)!important;
  background:rgba(1,9,22,.94)!important;
  color:#f3f8ff!important;
  font-size:14.5px!important;
  font-weight:500!important;
  line-height:1.45!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}

.pk-dashboard-neworder .pk-control:focus,
.pk-dashboard-neworder .pk-form .form-control:focus{
  border-color:#16dfff!important;
  box-shadow:0 0 0 2px rgba(22,223,255,.16),0 0 18px rgba(0,183,255,.16)!important;
}

.pk-dashboard-neworder .pk-service-description{
  min-height:82px!important;
  max-height:260px!important;
  overflow:auto!important;
  padding:14px 16px!important;
  border-radius:10px!important;
  color:#dbe8f7!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.75!important;
  overflow-wrap:anywhere!important;
  background:rgba(5,18,42,.88)!important;
}

.pk-dashboard-neworder .pk-info-highlight{
  margin-bottom:16px!important;
  padding:18px 20px!important;
  border-radius:10px!important;
  border:1px solid rgba(44,122,255,.25)!important;
  border-left:3px solid #16dfff!important;
  background:linear-gradient(180deg,rgba(8,30,66,.92),rgba(6,19,44,.96))!important;
}

.pk-dashboard-neworder .pk-info-highlight b{
  margin:0 0 7px!important;
  color:#1bd9ff!important;
  font-size:15.5px!important;
  font-weight:700!important;
  line-height:1.45!important;
}

.pk-dashboard-neworder .pk-info-highlight p,
.pk-dashboard-neworder .pk-info-grid span,
.pk-dashboard-neworder .pk-checkbox{
  color:#cbd9ea!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.65!important;
}

.pk-dashboard-neworder .pk-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.pk-dashboard-neworder .pk-info-grid div{
  min-width:0!important;
  min-height:74px!important;
  padding:14px 16px!important;
  border-radius:10px!important;
  border:1px solid rgba(81,124,196,.22)!important;
  background:rgba(7,19,42,.92)!important;
  overflow-wrap:anywhere!important;
}

.pk-dashboard-neworder .pk-info-grid b{
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

.pk-dashboard-neworder .pk-btn-main{
  min-height:54px!important;
  height:auto!important;
  border-radius:10px!important;
  border:1px solid rgba(0,230,255,.62)!important;
  background:linear-gradient(100deg,#267bff 0%,#176af2 48%,#00cfff 100%)!important;
  color:#ffffff!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.25!important;
  box-shadow:0 0 22px rgba(0,210,255,.30),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

.pk-dashboard-neworder .pk-btn-main:hover,
.pk-dashboard-neworder .pk-btn-main:focus{
  transform:translateY(-1px)!important;
  box-shadow:0 0 26px rgba(0,224,255,.42),0 0 40px rgba(38,112,255,.18)!important;
}

.pk-dashboard-neworder .pk-native-category-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
}

.pk-dashboard-neworder .pk-category-picker{
  position:relative!important;
  z-index:60!important;
}

.pk-dashboard-neworder .pk-category-trigger{
  width:100%!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-radius:9px!important;
  border:1px solid rgba(0,210,255,.50)!important;
  background:rgba(1,9,22,.96)!important;
  color:#f3f8ff!important;
  font-size:14.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:left!important;
  box-shadow:none!important;
}

.pk-dashboard-neworder .pk-category-picker.open .pk-category-trigger,
.pk-dashboard-neworder .pk-category-trigger:hover,
.pk-dashboard-neworder .pk-category-trigger:focus{
  border-color:#16dfff!important;
  outline:0!important;
  box-shadow:0 0 0 2px rgba(22,223,255,.15),0 0 18px rgba(0,183,255,.16)!important;
}

.pk-dashboard-neworder .pk-category-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 7px)!important;
  left:0!important;
  right:0!important;
  max-height:330px!important;
  overflow:auto!important;
  padding:8px!important;
  border-radius:11px!important;
  border:1px solid rgba(0,210,255,.38)!important;
  background:#0b111b!important;
  box-shadow:0 18px 42px rgba(0,0,0,.52),0 0 28px rgba(0,183,255,.14)!important;
}

.pk-dashboard-neworder .pk-category-picker.open .pk-category-menu{
  display:block!important;
}

.pk-dashboard-neworder .pk-category-option{
  width:100%!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#f0f6ff!important;
  font-size:13.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:left!important;
}

.pk-dashboard-neworder .pk-category-option:hover,
.pk-dashboard-neworder .pk-category-option.active{
  background:#236fd0!important;
  color:#ffffff!important;
}

.pk-dashboard-neworder .pk-category-option-text,
.pk-dashboard-neworder .pk-category-trigger-text{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pk-dashboard-neworder .pk-category-visual-icon{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ffffff!important;
  font-size:17px!important;
  line-height:1!important;
}

.pk-dashboard-neworder .pk-category-visual-icon img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

.pk-dashboard-neworder option,
.pk-dashboard-neworder select,
.pk-dashboard-neworder .select2-results__option,
.pk-dashboard-neworder .chosen-results li{
  font-weight:500!important;
  line-height:1.45!important;
  text-shadow:none!important;
}

@media(max-width:1180px){
  .pk-dashboard-neworder .pk-dash-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .pk-dashboard-neworder .pk-order-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:991px){
  .pk-dashboard-neworder{
    min-height:calc(100vh - 78px)!important;
    padding:22px 14px 26px!important;
  }

  body.pk-neworder-layout .navbar,
  body:has(.pk-dashboard-neworder) .navbar{
    position:fixed!important;
  }
}

@media(max-width:768px){
  .pk-dashboard-neworder{
    padding:18px 12px 24px!important;
    font-size:14px!important;
  }

  .pk-dashboard-neworder .pk-dash-stats{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .pk-dashboard-neworder .pk-dash-stat{
    min-height:96px!important;
    padding:18px 76px 18px 18px!important;
  }

  .pk-dashboard-neworder .pk-dash-stat strong{
    font-size:27px!important;
  }

  .pk-stat-icon{
    right:17px!important;
    width:46px!important;
    height:46px!important;
  }

  .pk-dashboard-neworder .pk-platform-tabs{
    grid-auto-columns:86px!important;
    gap:10px!important;
    padding:10px!important;
  }

  .pk-dashboard-neworder .pk-platform-tab{
    min-width:86px!important;
    height:84px!important;
  }

  .pk-dashboard-neworder .pk-tab-icon{
    width:41px!important;
    height:41px!important;
    font-size:20px!important;
  }

  .pk-dashboard-neworder .pk-order-card{
    padding:21px 16px!important;
  }

  .pk-dashboard-neworder .pk-card-title{
    font-size:22px!important;
  }

  .pk-dashboard-neworder .pk-info-grid{
    grid-template-columns:1fr!important;
  }

  .pk-dashboard-neworder .pk-category-menu{
    max-height:300px!important;
  }
}

/* ===== PKLIKE FINAL DASHBOARD SIDEBAR + MOBILE GRID PATCH ===== */

body.pk-auth-dashboard-layout{
  background:#020713!important;
}

@media(min-width:992px){
  body.pk-auth-dashboard-layout{
    padding-top:0!important;
  }

  body.pk-auth-dashboard-layout .navbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:300px!important;
    min-height:100vh!important;
    margin:0!important;
    border:0!important;
    border-right:1px solid rgba(0,207,255,.28)!important;
    background:
      radial-gradient(circle at 52% 10%,rgba(0,142,255,.22),transparent 34%),
      linear-gradient(180deg,#061832 0%,#020817 100%)!important;
    box-shadow:18px 0 48px rgba(0,0,0,.34),0 0 32px rgba(0,169,255,.12)!important;
    z-index:1000!important;
  }

  body.pk-auth-dashboard-layout .navbar .container,
  body.pk-auth-dashboard-layout .navbar .container-fluid{
    width:100%!important;
    min-height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding:20px 18px!important;
  }

  body.pk-auth-dashboard-layout .navbar-header{
    min-height:auto!important;
    display:flex!important;
    justify-content:center!important;
    padding:0 0 20px!important;
  }

  body.pk-auth-dashboard-layout .navbar-brand{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    justify-content:center!important;
    padding:0!important;
  }

  body.pk-auth-dashboard-layout .navbar-brand img{
    width:auto!important;
    max-width:238px!important;
    height:auto!important;
    max-height:84px!important;
    transform:none!important;
    filter:drop-shadow(0 0 10px rgba(0,202,255,.24))!important;
  }

  body.pk-auth-dashboard-layout .navbar-collapse,
  body.pk-auth-dashboard-layout .navbar-collapse.collapse,
  body.pk-auth-dashboard-layout .navbar-collapsed{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.pk-auth-dashboard-layout .navbar-nav{
    float:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.pk-auth-dashboard-layout .navbar-left-block,
  body.pk-auth-dashboard-layout .navbar-right-block{
    margin:0!important;
  }

  body.pk-auth-dashboard-layout .navbar-right-block{
    margin-top:auto!important;
    padding-top:14px!important;
    border-top:1px solid rgba(0,190,255,.16)!important;
  }

  body.pk-auth-dashboard-layout .navbar-right-block > li:first-child > a{
    min-height:52px!important;
    margin-bottom:7px!important;
    border-color:rgba(0,210,255,.30)!important;
    background:linear-gradient(135deg,rgba(0,174,255,.16),rgba(24,91,255,.08))!important;
    color:#ffffff!important;
    font-size:14px!important;
    font-weight:700!important;
    box-shadow:0 0 18px rgba(0,169,255,.14)!important;
  }

  body.pk-auth-dashboard-layout .navbar-right-block > li:first-child > a:before{
    content:""!important;
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
    border-radius:8px!important;
    border:1px solid rgba(0,220,255,.42)!important;
    background:linear-gradient(135deg,rgba(0,220,255,.24),rgba(35,102,255,.12))!important;
    box-shadow:0 0 16px rgba(0,210,255,.18)!important;
  }

  body.pk-auth-dashboard-layout .navbar-nav > li,
  body.pk-auth-dashboard-layout .navbar-nav > li > a{
    width:100%!important;
  }

  body.pk-auth-dashboard-layout .navbar-nav > li > a{
    min-height:50px!important;
    height:auto!important;
    line-height:1.25!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:13px 14px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#dceaff!important;
    font-size:15px!important;
    font-weight:600!important;
    white-space:normal!important;
    box-shadow:none!important;
  }

  body.pk-auth-dashboard-layout .navbar-nav > li.active > a,
  body.pk-auth-dashboard-layout .navbar-nav > li > a:hover,
  body.pk-auth-dashboard-layout .navbar-nav > li > a:focus{
    color:#ffffff!important;
    border-color:rgba(0,218,255,.58)!important;
    background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
    box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
  }

  body.pk-auth-dashboard-layout .navbar-icon{
    width:22px!important;
    text-align:center!important;
    color:#52e6ff!important;
    font-size:17px!important;
  }

  body.pk-auth-dashboard-layout .pk-dashboard-neworder,
  body.pk-auth-dashboard-layout .pk-page{
    margin-left:300px!important;
  }

  body.pk-auth-dashboard-layout .pk-page{
    width:calc(100% - 300px)!important;
  }
}

.pk-sidebar-status-card{
  display:none;
}

@media(min-width:992px){
  body.pk-auth-dashboard-layout .pk-sidebar-status-card{
    display:block!important;
    margin-top:18px!important;
    padding:18px 16px 0!important;
    min-height:202px!important;
    border:1px solid rgba(0,169,255,.26)!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 50% 100%,rgba(0,192,255,.18),transparent 54%),
      linear-gradient(180deg,rgba(6,19,43,.92),rgba(2,9,24,.98))!important;
    box-shadow:0 0 24px rgba(0,128,255,.12)!important;
  }

  .pk-sidebar-status-head{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    color:#eaf7ff!important;
  }

  .pk-sidebar-status-head strong{
    display:block!important;
    color:#eaf7ff!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
  }

  .pk-sidebar-status-head small{
    display:block!important;
    margin-top:3px!important;
    color:#9fb7d2!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.35!important;
  }

  .pk-sidebar-gem{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    border:1px solid rgba(0,219,255,.42)!important;
    background:linear-gradient(135deg,rgba(0,215,255,.24),rgba(36,103,255,.12))!important;
    box-shadow:0 0 18px rgba(0,210,255,.22)!important;
    position:relative!important;
  }

  .pk-sidebar-gem:before{
    content:""!important;
    position:absolute!important;
    inset:9px 8px!important;
    border:2px solid #22e3ff!important;
    transform:rotate(45deg)!important;
  }

  .pk-sidebar-wolf{
    height:124px!important;
    margin:8px -8px 0!important;
    position:relative!important;
    background:
      radial-gradient(circle at 50% 46%,rgba(23,215,255,.34),transparent 17%),
      radial-gradient(circle at 50% 72%,rgba(20,101,255,.28),transparent 36%)!important;
  }

  .pk-sidebar-wolf:before{
    content:"PKLIKE"!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-35%)!important;
    width:92px!important;
    height:92px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    border:1px solid rgba(0,214,255,.34)!important;
    color:#8defff!important;
    font:800 15px/1 Arial,Helvetica,sans-serif!important;
    background:radial-gradient(circle,rgba(6,30,66,.96),rgba(1,7,18,.96))!important;
    box-shadow:0 0 26px rgba(0,210,255,.24),inset 0 0 24px rgba(0,111,255,.22)!important;
  }
}

.pk-dashboard-neworder{
  font-weight:400!important;
}

.pk-dashboard-neworder p,
.pk-dashboard-neworder span,
.pk-dashboard-neworder label,
.pk-dashboard-neworder input,
.pk-dashboard-neworder select,
.pk-dashboard-neworder textarea,
.pk-dashboard-neworder button{
  text-shadow:none!important;
}

/* New-order page uses the same SVG icons defined above. This higher-specificity
   rule only reaffirms empty text content so no letter glyph (old W/B/$/C) is
   drawn over the SVG background. */
.pk-dashboard-neworder .pk-stat-wallet:before,
.pk-dashboard-neworder .pk-stat-bag:before,
.pk-dashboard-neworder .pk-stat-dollar:before,
.pk-dashboard-neworder .pk-stat-crown:before{
  content:""!important;
}

.pk-native-service-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
}

.pk-service-picker{
  position:relative!important;
  z-index:45!important;
}

.pk-service-trigger{
  width:100%!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-radius:9px!important;
  border:1px solid rgba(0,169,255,.36)!important;
  background:rgba(1,9,22,.96)!important;
  color:#f3f8ff!important;
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
  font-size:14.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:left!important;
  box-shadow:none!important;
}

.pk-service-picker.open .pk-service-trigger,
.pk-service-trigger:hover,
.pk-service-trigger:focus{
  border-color:#16dfff!important;
  outline:0!important;
  box-shadow:0 0 0 2px rgba(22,223,255,.15),0 0 18px rgba(0,183,255,.16)!important;
}

.pk-service-trigger-text,
.pk-service-option-text{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pk-service-trigger-text{
  flex:1 1 auto!important;
}

.pk-service-trigger-caret{
  flex:0 0 auto!important;
  color:#dff8ff!important;
  font-size:18px!important;
  line-height:1!important;
}

.pk-service-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 7px)!important;
  left:0!important;
  right:0!important;
  max-height:300px!important;
  overflow:auto!important;
  padding:8px!important;
  border-radius:11px!important;
  border:1px solid rgba(0,210,255,.38)!important;
  background:#0b111b!important;
  box-shadow:0 18px 42px rgba(0,0,0,.52),0 0 28px rgba(0,183,255,.14)!important;
}

.pk-service-picker.open .pk-service-menu{
  display:block!important;
}

.pk-service-option{
  width:100%!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#f0f6ff!important;
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
  font-size:13.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:left!important;
}

.pk-service-option:hover,
.pk-service-option.active{
  background:#236fd0!important;
  color:#ffffff!important;
}

.pk-service-menu::-webkit-scrollbar{
  width:8px!important;
}

.pk-service-menu::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04)!important;
  border-radius:99px!important;
}

.pk-service-menu::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#16dfff,#1b75ff)!important;
  border-radius:99px!important;
}

@media(max-width:991px){
  body.pk-auth-dashboard-layout{
    padding-top:78px!important;
  }

  body.pk-auth-dashboard-layout .navbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    min-height:78px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(0,169,255,.20)!important;
    background:linear-gradient(135deg,#020814 0%,#061d45 52%,#020814 100%)!important;
  }

  body.pk-auth-dashboard-layout .pk-dashboard-neworder,
  body.pk-auth-dashboard-layout .pk-page{
    margin-left:0!important;
    width:100%!important;
  }
}

@media(max-width:768px){
  .pk-dashboard-neworder .pk-platform-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:10px!important;
    overflow:visible!important;
    padding:12px!important;
    border-radius:16px!important;
  }

  .pk-dashboard-neworder .pk-platform-tab{
    width:100%!important;
    min-width:0!important;
    height:88px!important;
    padding:8px 5px!important;
    border-radius:14px!important;
  }

  .pk-dashboard-neworder .pk-platform-tab b{
    font-size:11.5px!important;
  }

  .pk-dashboard-neworder .pk-tab-icon{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }

  .pk-dashboard-neworder .pk-dash-stat,
  .pk-dashboard-neworder .pk-order-card{
    border-radius:18px!important;
  }

  .pk-service-menu{
    max-height:260px!important;
  }
}

@media(max-width:420px){
  .pk-dashboard-neworder .pk-platform-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ===== PKLIKE GUEST NAV RECOVERY ===== */

@media(min-width:992px){
  body:not(.pk-auth-dashboard-layout){
    padding-top:0!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-height:72px!important;
    margin:0!important;
    border-right:0!important;
    border-bottom:0!important;
    background:linear-gradient(135deg,#020814 0%,#051a3d 46%,#020814 100%)!important;
    box-shadow:none!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar .container,
  body:not(.pk-auth-dashboard-layout) .navbar .container-fluid{
    width:100%!important;
    max-width:100%!important;
    min-height:72px!important;
    padding:0 34px 0 26px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-header{
    min-height:72px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-brand{
    width:246px!important;
    min-width:246px!important;
    height:72px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-brand img{
    width:212px!important;
    min-width:212px!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    transform:none!important;
    object-fit:contain!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-collapse,
  body:not(.pk-auth-dashboard-layout) .navbar-collapse.collapse,
  body:not(.pk-auth-dashboard-layout) .navbar-collapsed{
    position:static!important;
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
    align-items:center!important;
    justify-content:flex-end!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-nav{
    width:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-left-block,
  body:not(.pk-auth-dashboard-layout) .navbar-right-block{
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-nav > li{
    width:auto!important;
    display:block!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-nav > li > a{
    width:auto!important;
    height:72px!important;
    min-height:0!important;
    line-height:72px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#edf8ff!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-nav > li.active > a,
  body:not(.pk-auth-dashboard-layout) .navbar-nav > li > a:hover,
  body:not(.pk-auth-dashboard-layout) .navbar-nav > li > a:focus{
    color:#52e7ff!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body:not(.pk-auth-dashboard-layout) .pk-home,
  body:not(.pk-auth-dashboard-layout) .pk-page,
  body:not(.pk-auth-dashboard-layout) .pk-dashboard-neworder{
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
  }

  body:not(.pk-auth-dashboard-layout) .pk-sidebar-status-card{
    display:none!important;
  }
}

/* ===== PKLIKE LAST FIX: GUEST LOGO + SERVICE PICKER DUPLICATE ===== */

@media(min-width:992px){
  body:not(.pk-auth-dashboard-layout) .navbar .container,
  body:not(.pk-auth-dashboard-layout) .navbar .container-fluid{
    max-width:1508px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:38px!important;
    padding-right:38px!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-brand{
    width:270px!important;
    min-width:270px!important;
    justify-content:flex-start!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-brand img{
    width:220px!important;
    min-width:220px!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-collapse,
  body:not(.pk-auth-dashboard-layout) .navbar-collapse.collapse,
  body:not(.pk-auth-dashboard-layout) .navbar-collapsed{
    justify-content:center!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-nav{
    justify-content:center!important;
  }
}

.pk-dashboard-neworder .pk-form-group:has(#orderform-service) #orderform-service,
.pk-dashboard-neworder .pk-form-group:has(#orderform-service) .bootstrap-select,
.pk-dashboard-neworder .pk-form-group:has(#orderform-service) .select2,
.pk-dashboard-neworder .pk-form-group:has(#orderform-service) .select2-container,
.pk-dashboard-neworder .pk-form-group:has(#orderform-service) .chosen-container,
.pk-dashboard-neworder .pk-form-group:has(#orderform-service) .selectize-control,
.pk-dashboard-neworder .pk-service-picker-ready #orderform-service,
.pk-dashboard-neworder .pk-service-picker-ready .bootstrap-select,
.pk-dashboard-neworder .pk-service-picker-ready .select2,
.pk-dashboard-neworder .pk-service-picker-ready .select2-container,
.pk-dashboard-neworder .pk-service-picker-ready .chosen-container,
.pk-dashboard-neworder .pk-service-picker-ready .selectize-control{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

.pk-dashboard-neworder .pk-service-picker-ready .pk-service-picker,
.pk-dashboard-neworder .pk-form-group:has(#orderform-service) .pk-service-picker{
  display:block!important;
  position:relative!important;
  left:auto!important;
  width:100%!important;
  height:auto!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin:0!important;
}

/* ===== PKLIKE MOBILE NEW ORDER COMPACT V2 ===== */

@media(max-width:768px){
  body.pk-auth-dashboard-layout{
    padding-top:70px!important;
  }

  body.pk-auth-dashboard-layout .navbar{
    min-height:70px!important;
  }

  body.pk-auth-dashboard-layout .navbar .container,
  body.pk-auth-dashboard-layout .navbar .container-fluid,
  body.pk-auth-dashboard-layout .navbar-header{
    min-height:70px!important;
  }

  body.pk-auth-dashboard-layout .navbar-brand{
    height:70px!important;
  }

  body.pk-auth-dashboard-layout .navbar-brand img{
    max-width:172px!important;
    height:auto!important;
    transform:none!important;
  }

  body.pk-auth-dashboard-layout .navbar-collapse{
    top:70px!important;
  }

  .pk-dashboard-neworder{
    min-height:calc(100vh - 70px)!important;
    padding:12px 10px 20px!important;
    font-size:13px!important;
    line-height:1.5!important;
    overflow-x:hidden!important;
  }

  .pk-dashboard-neworder,
  .pk-dashboard-neworder *{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word;
  }

  .pk-dashboard-neworder .pk-dash-container{
    width:100%!important;
    max-width:100%!important;
  }

  .pk-dashboard-neworder .pk-dash-stats{
    gap:10px!important;
    margin-bottom:12px!important;
  }

  .pk-dashboard-neworder .pk-dash-stat{
    min-height:82px!important;
    padding:14px 62px 14px 14px!important;
    border-radius:14px!important;
  }

  .pk-dashboard-neworder .pk-dash-stat span{
    margin-bottom:5px!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.35!important;
  }

  .pk-dashboard-neworder .pk-dash-stat strong{
    font-size:24px!important;
    line-height:1.08!important;
  }

  .pk-dashboard-neworder .pk-stat-icon,
  .pk-stat-icon{
    right:14px!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }

  .pk-dashboard-neworder .pk-stat-icon:before{
    font-size:20px!important;
  }

  .pk-dashboard-neworder .pk-platform-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:7px!important;
    padding:8px!important;
    margin:0 0 12px!important;
    border-radius:14px!important;
    overflow:visible!important;
  }

  .pk-dashboard-neworder .pk-platform-tab{
    min-width:0!important;
    width:100%!important;
    height:68px!important;
    min-height:68px!important;
    padding:6px 3px!important;
    gap:5px!important;
    border-radius:12px!important;
  }

  .pk-dashboard-neworder .pk-platform-tab:hover,
  .pk-dashboard-neworder .pk-platform-tab.active{
    transform:none!important;
    box-shadow:0 0 0 1px rgba(22,223,255,.20),0 0 16px rgba(0,207,255,.22)!important;
  }

  .pk-dashboard-neworder .pk-tab-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
    font-size:17px!important;
    box-shadow:0 6px 14px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;
  }

  .pk-dashboard-neworder .pk-platform-tab b{
    width:100%!important;
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .pk-dashboard-neworder .pk-order-grid{
    gap:12px!important;
  }

  .pk-dashboard-neworder .pk-order-card{
    padding:16px 12px!important;
    border-radius:15px!important;
    box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 18px rgba(0,128,255,.08)!important;
  }

  .pk-dashboard-neworder .pk-card-title{
    margin-bottom:14px!important;
    gap:8px!important;
    font-size:21px!important;
    line-height:1.2!important;
  }

  .pk-dashboard-neworder .pk-form-group{
    margin-bottom:11px!important;
  }

  .pk-dashboard-neworder .pk-form-group label,
  .pk-dashboard-neworder .pk-form .control-label{
    margin-bottom:6px!important;
    font-size:12.5px!important;
    line-height:1.35!important;
  }

  .pk-dashboard-neworder .pk-control,
  .pk-dashboard-neworder .pk-form .form-control,
  .pk-dashboard-neworder .pk-form input,
  .pk-dashboard-neworder .pk-form textarea,
  .pk-dashboard-neworder .pk-search-dropdown .form-control{
    min-height:42px!important;
    padding:9px 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.35!important;
  }

  .pk-dashboard-neworder .pk-search-dropdown .input-wrapper button{
    left:10px!important;
  }

  .pk-dashboard-neworder .pk-search-dropdown .form-control,
  .pk-dashboard-neworder #template-input{
    padding-left:36px!important;
  }

  .pk-dashboard-neworder .pk-category-trigger,
  .pk-dashboard-neworder .pk-service-trigger{
    min-height:43px!important;
    padding:8px 34px 8px 11px!important;
    gap:8px!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.3!important;
    position:relative!important;
  }

  .pk-dashboard-neworder .pk-category-trigger-caret,
  .pk-dashboard-neworder .pk-service-trigger-caret{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    font-size:15px!important;
  }

  .pk-dashboard-neworder .pk-category-trigger-text,
  .pk-dashboard-neworder .pk-service-trigger-text,
  .pk-dashboard-neworder .pk-category-option-text,
  .pk-dashboard-neworder .pk-service-option-text{
    min-width:0!important;
    white-space:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.28!important;
  }

  .pk-dashboard-neworder .pk-category-visual-icon{
    flex-basis:22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    border-radius:6px!important;
  }

  .pk-dashboard-neworder .pk-category-menu,
  .pk-dashboard-neworder .pk-service-menu{
    max-height:235px!important;
    padding:6px!important;
    border-radius:10px!important;
  }

  .pk-dashboard-neworder .pk-category-option,
  .pk-dashboard-neworder .pk-service-option{
    min-height:36px!important;
    padding:7px 8px!important;
    gap:8px!important;
    border-radius:8px!important;
    font-size:12.5px!important;
    line-height:1.28!important;
  }

  .pk-dashboard-neworder .pk-service-description{
    min-height:72px!important;
    max-height:190px!important;
    padding:11px 12px!important;
    border-radius:10px!important;
    font-size:12.8px!important;
    line-height:1.55!important;
  }

  .pk-dashboard-neworder .pk-info-highlight{
    margin-bottom:10px!important;
    padding:13px 14px!important;
    border-radius:10px!important;
  }

  .pk-dashboard-neworder .pk-info-highlight b{
    margin-bottom:4px!important;
    font-size:13.5px!important;
    line-height:1.35!important;
  }

  .pk-dashboard-neworder .pk-info-highlight p,
  .pk-dashboard-neworder .pk-info-grid span,
  .pk-dashboard-neworder .pk-checkbox{
    font-size:12px!important;
    line-height:1.45!important;
  }

  .pk-dashboard-neworder .pk-info-grid{
    gap:8px!important;
  }

  .pk-dashboard-neworder .pk-info-grid div{
    min-height:58px!important;
    padding:10px 11px!important;
    border-radius:10px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .pk-dashboard-neworder .pk-info-grid b{
    margin-bottom:3px!important;
    font-size:12.5px!important;
    line-height:1.25!important;
  }

  .pk-dashboard-neworder .pk-btn-main{
    min-height:46px!important;
    padding:10px 14px!important;
    border-radius:11px!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
}

@media(max-width:390px){
  .pk-dashboard-neworder .pk-platform-tabs{
    gap:6px!important;
    padding:7px!important;
  }

  .pk-dashboard-neworder .pk-platform-tab{
    height:64px!important;
    min-height:64px!important;
  }

  .pk-dashboard-neworder .pk-tab-icon{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    font-size:16px!important;
  }

  .pk-dashboard-neworder .pk-platform-tab b{
    font-size:9.8px!important;
  }
}

/* ===== PKLIKE GUEST DESKTOP LOGO POSITION FIX ===== */

@media(min-width:992px){
  body:not(.pk-auth-dashboard-layout) .navbar{
    min-height:84px!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar .container,
  body:not(.pk-auth-dashboard-layout) .navbar .container-fluid{
    min-height:84px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-header,
  body:not(.pk-auth-dashboard-layout) .navbar-brand{
    min-height:68px!important;
    height:68px!important;
    align-items:center!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-brand img{
    width:218px!important;
    min-width:218px!important;
    transform:translateY(2px)!important;
  }

  body:not(.pk-auth-dashboard-layout) .navbar-nav > li > a{
    height:68px!important;
    line-height:68px!important;
  }
}

/* ===== PKLIKE MOBILE SEARCH INPUT ALIGN FIX ===== */

@media(max-width:768px){
  .pk-dashboard-neworder .pk-search-dropdown .input-wrapper{
    position:relative!important;
  }

  .pk-dashboard-neworder .pk-search-dropdown .input-wrapper button{
    left:12px!important;
    top:50%!important;
    width:22px!important;
    height:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:translateY(-50%)!important;
    color:#f2f8ff!important;
    opacity:.95!important;
    z-index:2!important;
  }

  .pk-dashboard-neworder .pk-search-dropdown .input-wrapper button span,
  .pk-dashboard-neworder .pk-search-dropdown .input-wrapper button i{
    font-size:14px!important;
    line-height:1!important;
  }

  .pk-dashboard-neworder .pk-search-dropdown .form-control,
  .pk-dashboard-neworder #template-input{
    min-height:44px!important;
    padding-left:42px!important;
    padding-right:14px!important;
    line-height:1.35!important;
    display:block!important;
  }
}

/* ===== PKLIKE MOBILE DRAWER + BOTTOM NAV FINAL ===== */

.pk-mobile-drawer-overlay,
.pk-mobile-drawer,
.pk-mobile-bottom-nav{
  display:none;
}

@media(max-width:991px){
  body.pk-auth-dashboard-layout,
  body.pk-neworder-layout,
  body:has(.pk-dashboard-neworder){
    padding-bottom:106px!important;
  }

  body.pk-mobile-drawer-open{
    overflow:hidden!important;
    touch-action:none!important;
  }

  .pk-mobile-menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;
    height:44px!important;
    margin:0!important;
    padding:9px!important;
    border-radius:15px!important;
    border:1px solid rgba(96,218,255,.28)!important;
    background:rgba(3,14,32,.78)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.30),0 0 22px rgba(0,190,255,.12)!important;
    z-index:100006!important;
  }

  .pk-mobile-menu-toggle .icon-bar{
    display:block!important;
    width:23px!important;
    height:2px!important;
    margin:0!important;
    border-radius:99px!important;
    background:#e7f8ff!important;
  }

  body.pk-auth-dashboard-layout .navbar-collapse,
  body.pk-auth-dashboard-layout .navbar-collapse.collapse,
  body.pk-neworder-layout .navbar-collapse,
  body.pk-neworder-layout .navbar-collapse.collapse,
  body:has(.pk-dashboard-neworder) .navbar-collapse,
  body:has(.pk-dashboard-neworder) .navbar-collapse.collapse{
    display:none!important;
  }

  .pk-mobile-drawer-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:100002!important;
    background:rgba(0,0,0,.56)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .24s ease,visibility .24s ease!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
  }

  .pk-mobile-drawer{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    z-index:100003!important;
    width:min(74vw,360px)!important;
    max-width:360px!important;
    min-width:300px!important;
    flex-direction:column!important;
    color:#f6f7fb!important;
    background:#0d0d14!important;
    border-left:1px solid rgba(255,255,255,.08)!important;
    box-shadow:-28px 0 60px rgba(0,0,0,.55),0 0 32px rgba(123,82,255,.12)!important;
    transform:translateX(104%)!important;
    transition:transform .28s cubic-bezier(.22,.75,.2,1)!important;
    overflow:hidden!important;
  }

  body.pk-mobile-drawer-open .pk-mobile-drawer{
    transform:translateX(0)!important;
  }

  body.pk-mobile-drawer-open .pk-mobile-drawer-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .pk-mobile-drawer-head{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    min-height:116px!important;
    padding:24px 26px 22px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }

  .pk-mobile-avatar{
    width:58px!important;
    height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    color:#ffffff!important;
    font-size:28px!important;
    font-weight:800!important;
    background:linear-gradient(135deg,#6670ff,#bd62df)!important;
    box-shadow:0 12px 30px rgba(126,88,255,.26)!important;
  }

  .pk-mobile-user{
    min-width:0!important;
  }

  .pk-mobile-user strong,
  .pk-mobile-user span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .pk-mobile-user strong{
    color:#ffffff!important;
    font-size:19px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }

  .pk-mobile-user span{
    margin-top:5px!important;
    color:#a9a8b4!important;
    font-size:14px!important;
    font-weight:500!important;
  }

  .pk-mobile-drawer-close{
    width:38px!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#d8d7df!important;
    font-size:42px!important;
    font-weight:300!important;
    line-height:1!important;
    padding:0!important;
  }

  .pk-mobile-quick-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    padding:22px 26px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }

  .pk-mobile-quick{
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:16px!important;
    color:#ffffff!important;
    font-size:18px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }

  .pk-mobile-quick-order{
    background:linear-gradient(135deg,rgba(110,88,255,.72),#a982ff)!important;
  }

  .pk-mobile-quick-funds{
    background:linear-gradient(135deg,rgba(62,154,119,.78),#28df9a)!important;
  }

  .pk-mobile-drawer-title{
    padding:15px 26px 8px!important;
    color:#a9a8b4!important;
    font-size:15px!important;
    font-weight:600!important;
  }

  .pk-mobile-drawer-nav{
    flex:1 1 auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:0 0 26px!important;
    scrollbar-width:none!important;
  }

  .pk-mobile-drawer-nav::-webkit-scrollbar{
    width:0!important;
  }

  .pk-mobile-drawer-nav a{
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    gap:17px!important;
    padding:0 28px!important;
    color:#c9c7cf!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:20px!important;
    font-weight:600!important;
    line-height:1.25!important;
  }

  .pk-mobile-drawer-nav a span{
    width:30px!important;
    min-width:30px!important;
    color:#b8b6bf!important;
    font-size:25px!important;
    line-height:1!important;
    text-align:center!important;
  }

  .pk-mobile-drawer-nav a.active{
    color:#a677ff!important;
    background:rgba(123,78,255,.20)!important;
  }

  .pk-mobile-drawer-nav a.active span{
    color:#9b6cff!important;
  }

  .pk-mobile-drawer-logo{
    grid-column:1 / 3!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
  }

  .pk-mobile-drawer-logo img{
    width:168px!important;
    max-height:58px!important;
    object-fit:contain!important;
  }

  .pk-mobile-bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:100001!important;
    min-height:76px!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
    background:rgba(8,9,15,.92)!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 -20px 40px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  .pk-mobile-bottom-nav a{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    color:#bfc0ca!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1.1!important;
  }

  .pk-mobile-bottom-nav a span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    height:28px!important;
    color:#cacbd3!important;
    font-size:25px!important;
    line-height:1!important;
  }

  .pk-mobile-bottom-nav a b{
    font-size:11px!important;
    font-weight:600!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  .pk-mobile-bottom-nav a.active,
  .pk-mobile-bottom-nav a.active span{
    color:#9c6cff!important;
  }

  .pk-mobile-bottom-nav .pk-bottom-order{
    transform:translateY(-24px)!important;
    color:#9c6cff!important;
  }

  .pk-mobile-bottom-nav .pk-bottom-order span{
    width:62px!important;
    height:62px!important;
    border-radius:50%!important;
    color:#ffffff!important;
    font-size:34px!important;
    background:linear-gradient(135deg,#6d67f4,#c25bd8)!important;
    box-shadow:0 14px 36px rgba(158,94,255,.42),0 0 0 6px rgba(18,18,28,.86)!important;
  }

  .pk-mobile-bottom-nav .pk-bottom-order b{
    margin-top:1px!important;
    color:#9c6cff!important;
  }
}

@media(min-width:992px){
  .pk-mobile-drawer-overlay,
  .pk-mobile-drawer,
  .pk-mobile-bottom-nav{
    display:none!important;
  }
}

/* ===== PKLIKE HARD FIX: MOBILE SEARCH PLACEHOLDER ===== */

@media(max-width:768px){
  .pk-dashboard-neworder #new-order-search .input-wrapper{
    position:relative!important;
    display:block!important;
    width:100%!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper button{
    position:absolute!important;
    left:15px!important;
    top:50%!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    color:#edf6ff!important;
    line-height:1!important;
    z-index:3!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper button .fas,
  .pk-dashboard-neworder #new-order-search .input-wrapper button span,
  .pk-dashboard-neworder #new-order-search .input-wrapper button i{
    width:18px!important;
    height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15px!important;
    line-height:1!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input,
  .pk-dashboard-neworder #template-input.form-control.pk-control{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    padding:10px 14px 10px 50px!important;
    text-indent:0!important;
    border-radius:12px!important;
    line-height:1.35!important;
    font-size:14px!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input::placeholder{
    color:#9fb0c5!important;
    opacity:1!important;
  }
}

/* ===== PKLIKE FINAL 2026: PLATFORM FILTER CLEANUP ===== */

.pk-dashboard-neworder .pk-platform-tabs{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:12px!important;
  padding:12px!important;
  margin:0 0 22px!important;
  border-radius:18px!important;
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(4,16,38,.96),rgba(1,7,18,.98))!important;
  border:1px solid rgba(0,214,255,.34)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 28px rgba(0,144,255,.12)!important;
}

.pk-dashboard-neworder .pk-platform-tab{
  width:100%!important;
  min-width:0!important;
  height:82px!important;
  min-height:82px!important;
  gap:7px!important;
  padding:8px 6px!important;
  border-radius:15px!important;
  border:1px solid rgba(81,124,196,.30)!important;
  background:linear-gradient(180deg,rgba(9,26,57,.96),rgba(3,13,32,.98))!important;
}

.pk-dashboard-neworder .pk-platform-tab b{
  width:100%!important;
  color:#f7fbff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.pk-dashboard-neworder .pk-platform-tab.active,
.pk-dashboard-neworder .pk-platform-tab:hover{
  transform:translateY(-1px)!important;
  border-color:#16dfff!important;
  box-shadow:0 0 0 1px rgba(22,223,255,.20),0 0 22px rgba(0,207,255,.24)!important;
}

.pk-dashboard-neworder .pk-tab-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-radius:12px!important;
  font-size:20px!important;
}

.pk-dashboard-neworder .pk-line-icon{
  font-family:Arial,Helvetica,sans-serif!important;
}

@media(max-width:1180px){
  .pk-dashboard-neworder .pk-platform-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:768px){
  .pk-dashboard-neworder .pk-platform-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    padding:8px!important;
    margin-bottom:12px!important;
    border-radius:14px!important;
  }

  .pk-dashboard-neworder .pk-platform-tab{
    height:64px!important;
    min-height:64px!important;
    padding:6px 3px!important;
    border-radius:12px!important;
    gap:4px!important;
  }

  .pk-dashboard-neworder .pk-tab-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:9px!important;
    font-size:15px!important;
  }

  .pk-dashboard-neworder .pk-platform-tab b{
    font-size:10px!important;
  }
}

@media(max-width:380px){
  .pk-dashboard-neworder .pk-platform-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ===== PKLIKE FINAL 2026: MOBILE NAV BLUE DRAWER ===== */

@media(max-width:991px){
  .pk-mobile-drawer{
    width:min(82vw,360px)!important;
    min-width:288px!important;
    color:#f2f8ff!important;
    background:
      radial-gradient(circle at 25% 0%,rgba(0,169,255,.18),transparent 34%),
      linear-gradient(180deg,#061832 0%,#020817 100%)!important;
    border-left:1px solid rgba(0,207,255,.24)!important;
    box-shadow:-28px 0 60px rgba(0,0,0,.58),0 0 34px rgba(0,169,255,.14)!important;
  }

  .pk-mobile-drawer-overlay{
    background:rgba(0,3,10,.66)!important;
  }

  .pk-mobile-avatar,
  .pk-mobile-quick-order,
  .pk-mobile-bottom-nav .pk-bottom-order span{
    background:linear-gradient(135deg,#1378ff,#18dfff)!important;
    box-shadow:0 14px 36px rgba(0,169,255,.34)!important;
  }

  .pk-mobile-quick-funds{
    background:linear-gradient(135deg,#063b82,#0fe1c5)!important;
  }

  .pk-mobile-drawer-nav a{
    color:#c8d9ef!important;
    font-size:17px!important;
  }

  .pk-mobile-drawer-nav a span{
    color:#48ddff!important;
  }

  .pk-mobile-drawer-nav a.active{
    color:#ffffff!important;
    background:linear-gradient(90deg,rgba(24,127,255,.28),rgba(0,216,255,.12))!important;
    border-left:3px solid #19e3ff!important;
  }

  .pk-mobile-bottom-nav{
    background:rgba(3,10,24,.94)!important;
    border-top:1px solid rgba(0,207,255,.18)!important;
  }

  .pk-mobile-bottom-nav a.active,
  .pk-mobile-bottom-nav a.active span,
  .pk-mobile-bottom-nav .pk-bottom-order,
  .pk-mobile-bottom-nav .pk-bottom-order b{
    color:#42e4ff!important;
  }
}

/* ===== PKLIKE DASHBOARD PAGE ===== */

body.pk-dashboard-layout{
  background:#020713!important;
}

.dashboard-page{
  min-height:100vh;
  margin-left:300px;
  padding:24px 28px 32px;
  color:#f4f9ff;
  background:
    radial-gradient(circle at 22% 5%,rgba(0,128,255,.20),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(0,224,255,.12),transparent 24%),
    linear-gradient(180deg,#04132b 0%,#020916 52%,#01050c 100%);
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif;
}

.dashboard-shell{
  width:min(100%,1560px);
  margin:0 auto;
}

.dashboard-hero,
.dashboard-membership-card,
.dashboard-panel,
.dashboard-stat-card,
.dashboard-support-card{
  border:1px solid rgba(0,169,255,.26);
  background:linear-gradient(145deg,rgba(4,14,34,.96),rgba(1,7,18,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 26px rgba(0,128,255,.10);
}

.dashboard-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
  padding:24px 28px;
  border-radius:18px;
}

.dashboard-kicker{
  display:inline-flex;
  margin-bottom:8px;
  color:#42e4ff;
  font-size:12px;
  font-weight:900;
}

.dashboard-hero h1{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:900!important;
}

.dashboard-hero p,
.dashboard-section-head p{
  margin:0;
  color:#a9bed8;
  font-size:14px;
  font-weight:500;
}

.dashboard-hero-wallet{
  min-width:220px;
  padding:14px 18px;
  border:1px solid rgba(0,210,255,.30);
  border-radius:14px;
  background:rgba(2,13,32,.78);
}

.dashboard-hero-wallet span,
.dashboard-membership-main span,
.dashboard-stat-card p{
  display:block;
  color:#abc2db;
  font-size:13px;
  font-weight:700;
}

.dashboard-hero-wallet strong,
.dashboard-stat-card strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:26px;
  font-weight:900;
  line-height:1.1;
}

.dashboard-membership-card{
  display:grid;
  grid-template-columns:auto minmax(170px,.45fr) minmax(280px,1fr) minmax(170px,.32fr);
  gap:22px;
  align-items:center;
  margin-bottom:18px;
  padding:22px 26px;
  border-radius:18px;
  overflow:hidden;
  position:relative;
}

.dashboard-wolf-mark{
  width:116px;
  height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:28px;
  background:radial-gradient(circle,#0d3f83,#041226 72%);
  border:1px solid rgba(0,210,255,.34);
  box-shadow:0 0 32px rgba(0,210,255,.24),inset 0 0 28px rgba(0,101,255,.20);
}

.dashboard-wolf-mark span{
  color:#5eeaff;
  font:900 32px/1 Arial,Helvetica,sans-serif;
}

.dashboard-membership-main h2{
  margin:5px 0!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:900!important;
}

.dashboard-membership-main b{
  color:#18dfff;
  font-size:20px;
}

.dashboard-progress-head,
.dashboard-progress-meta{
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:#c7d7eb;
  font-size:13px;
}

.dashboard-progress-head strong{
  color:#fff;
}

.dashboard-progress-bar{
  height:13px;
  margin:12px 0 8px;
  border-radius:99px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}

.dashboard-progress-bar span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#156dff,#19e5ff);
  box-shadow:0 0 20px rgba(0,210,255,.38);
}

.dashboard-wolf-graphic{
  height:112px;
  border-radius:20px;
  background:
    radial-gradient(circle at 60% 44%,rgba(72,228,255,.28),transparent 22%),
    linear-gradient(135deg,rgba(11,52,105,.72),rgba(3,12,28,.12));
}

.dashboard-wolf-graphic:before{
  content:"";
  display:block;
  width:92px;
  height:92px;
  margin:10px auto;
  border-radius:50%;
  border:1px solid rgba(0,210,255,.32);
  background:radial-gradient(circle,rgba(0,210,255,.22),rgba(0,7,18,.92) 70%);
}

.dashboard-layout-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,380px);
  gap:18px;
  align-items:start;
}

.dashboard-main{
  min-width:0;
}

.dashboard-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.dashboard-stat-card{
  min-width:0;
  padding:20px;
  border-radius:15px;
}

.dashboard-card-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  border-radius:14px;
  color:#18dfff;
  font-size:24px;
  background:rgba(0,169,255,.12);
  border:1px solid rgba(0,210,255,.28);
}

.dashboard-stat-card a,
.dashboard-primary-btn,
.dashboard-support-card a,
.dashboard-popular-list em{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin-top:14px;
  border-radius:10px;
  color:#eaffff!important;
  text-decoration:none!important;
  font-weight:800;
  background:linear-gradient(100deg,#125dcb,#00bfe8);
  border:1px solid rgba(0,230,255,.48);
}

.dashboard-panel,
.dashboard-support-card{
  margin-bottom:18px;
  padding:20px;
  border-radius:16px;
}

.dashboard-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}

.dashboard-section-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
}

.dashboard-section-head a{
  color:#42e4ff!important;
  font-size:13px;
  font-weight:800;
  text-decoration:none!important;
}

.dashboard-quick-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.dashboard-quick-grid a{
  min-height:124px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:16px 12px;
  border:1px solid rgba(81,124,196,.26);
  border-radius:14px;
  color:#fff!important;
  text-align:center;
  text-decoration:none!important;
  background:linear-gradient(180deg,rgba(8,27,58,.84),rgba(3,12,30,.92));
}

.dashboard-quick-grid span{
  font-size:30px;
}

.dashboard-quick-grid b{
  font-size:14px;
}

.dashboard-quick-grid small{
  color:#9fb7d2;
  font-size:12px;
}

.membership-tier-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.membership-tier-card{
  min-height:220px;
  padding:18px 14px;
  border:1px solid rgba(81,124,196,.26);
  border-radius:15px;
  text-align:center;
  background:linear-gradient(180deg,rgba(8,22,49,.90),rgba(3,12,30,.96));
}

.membership-tier-card.is-current{
  border-color:#16dfff;
  box-shadow:0 0 26px rgba(0,210,255,.24);
}

.membership-tier-card span{
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 13px;
  border-radius:18px;
  color:#50e4ff;
  font:900 26px/1 Arial,Helvetica,sans-serif;
  background:radial-gradient(circle,rgba(0,210,255,.22),rgba(1,9,22,.92));
  border:1px solid rgba(0,210,255,.30);
}

.membership-tier-card h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}

.membership-tier-card b{
  display:block;
  color:#19e3ff;
  font-size:18px;
}

.membership-tier-card p,
.membership-tier-card small{
  display:block;
  margin:12px 0 0;
  color:#a9bed8;
  font-size:12.5px;
  line-height:1.45;
}

.dashboard-side{
  min-width:0;
}

.dashboard-popular-list{
  display:grid;
  gap:10px;
}

.dashboard-popular-list a{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 70px;
  gap:10px;
  align-items:center;
  min-height:58px;
  padding:10px;
  border:1px solid rgba(81,124,196,.22);
  border-radius:12px;
  color:#fff!important;
  text-decoration:none!important;
  background:rgba(7,19,42,.74);
}

.dashboard-popular-list b{
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.10);
}

.dashboard-popular-list span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
}

.dashboard-popular-list em{
  min-height:32px;
  margin:0;
  font-size:12px;
  font-style:normal;
}

.dashboard-topup-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}

.dashboard-topup-grid span{
  display:flex;
  justify-content:center;
  padding:8px 6px;
  border:1px solid rgba(0,169,255,.30);
  border-radius:9px;
  color:#d8eaff;
  font-weight:800;
  background:rgba(0,10,28,.64);
}

.dashboard-alert-panel ul{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.dashboard-alert-panel li{
  padding:10px 12px;
  border-radius:10px;
  background:rgba(7,19,42,.74);
}

.dashboard-alert-panel b,
.dashboard-alert-panel span{
  display:block;
}

.dashboard-alert-panel b{
  color:#fff;
  font-size:13.5px;
}

.dashboard-alert-panel span{
  margin-top:3px;
  color:#9fb7d2;
  font-size:12px;
}

.dashboard-support-card{
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,210,255,.16),transparent 46%),
    linear-gradient(145deg,rgba(4,14,34,.96),rgba(1,7,18,.98));
}

.dashboard-support-card span{
  font-size:38px;
}

.dashboard-support-card h2{
  margin:8px 0 8px!important;
  color:#fff!important;
  font-size:22px!important;
}

.dashboard-support-card p{
  margin:0;
  color:#b8c9df;
  line-height:1.65;
}

@media(max-width:1280px){
  .dashboard-membership-card{
    grid-template-columns:auto minmax(180px,.5fr) minmax(260px,1fr);
  }

  .dashboard-wolf-graphic{
    display:none;
  }

  .dashboard-stat-grid,
  .membership-tier-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .dashboard-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:991px){
  .dashboard-page{
    margin-left:0;
    padding:18px 12px 112px;
    min-height:calc(100vh - 70px);
  }

  .dashboard-layout-grid,
  .dashboard-membership-card{
    grid-template-columns:1fr;
  }

  .dashboard-hero{
    flex-direction:column;
    align-items:stretch;
    padding:20px 16px;
  }

  .dashboard-hero-wallet{
    min-width:0;
  }
}

@media(max-width:640px){
  .dashboard-hero h1{
    font-size:28px!important;
  }

  .dashboard-membership-card,
  .dashboard-panel,
  .dashboard-stat-card,
  .dashboard-support-card{
    border-radius:14px;
  }

  .dashboard-stat-grid,
  .dashboard-quick-grid,
  .membership-tier-grid{
    grid-template-columns:1fr;
  }

  .dashboard-progress-head,
  .dashboard-progress-meta{
    flex-direction:column;
    gap:4px;
  }

  .dashboard-topup-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* ===== PKLIKE QUICK PATCH: CLEAN DASHBOARD + PLATFORM ICONS ===== */

.pk-neworder-layout .navbar-nav > li.active > a[href*="dashboard"],
.pk-neworder-layout .navbar-nav > li.active > a[href="/"],
.pk-neworder-layout .navbar-nav > li.active > a[href*="/index"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

.pk-dashboard-layout .navbar-nav > li > a[href*="dashboard"],
.pk-dashboard-layout .navbar-nav > li > a[href="/"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

.pk-dashboard-neworder .pk-instagram-icon,
.pk-dashboard-neworder .pk-tiktok-icon,
.pk-dashboard-neworder .pk-line-icon{
  position:relative!important;
  overflow:hidden!important;
  color:transparent!important;
  text-shadow:none!important;
  font-size:0!important;
}

.pk-dashboard-neworder .pk-instagram-icon{
  background:
    radial-gradient(circle at 28% 104%,#ffe46e 0 13%,#ff554f 37%,#d72fac 62%,#315dff 100%)!important;
}

.pk-dashboard-neworder .pk-instagram-icon:before{
  content:""!important;
  position:absolute!important;
  width:20px!important;
  height:20px!important;
  border:3px solid #fff!important;
  border-radius:7px!important;
}

.pk-dashboard-neworder .pk-instagram-icon:after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  box-shadow:10px -10px 0 -2px #fff!important;
}

.pk-dashboard-neworder .pk-tiktok-icon{
  background:#050505!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:before{
  content:"\266A"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-48%,-54%)!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:-2px 2px 0 #25f4ee,2px -2px 0 #fe2c55!important;
}

.pk-dashboard-neworder .pk-line-icon{
  background:linear-gradient(135deg,#24e846,#00a61f)!important;
}

.pk-dashboard-neworder .pk-line-icon:before{
  content:"LINE"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:-.4px!important;
}

.dashboard-page{
  padding-top:26px!important;
}

.dashboard-layout-grid{
  grid-template-columns:1fr!important;
}

.dashboard-side,
.dashboard-popular-panel,
.dashboard-topup-panel,
.dashboard-alert-panel{
  display:none!important;
}

.dashboard-membership-card{
  grid-template-columns:auto minmax(180px,.35fr) minmax(320px,1fr)!important;
}

.dashboard-wolf-graphic{
  display:none!important;
}

.dashboard-stat-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.dashboard-quick-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

.membership-tier-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

.dashboard-hero,
.dashboard-membership-card,
.dashboard-panel,
.dashboard-stat-card{
  border-color:rgba(0,169,255,.22)!important;
  background:linear-gradient(145deg,rgba(3,13,31,.98),rgba(1,7,18,.99))!important;
}

.dashboard-membership-card{
  padding:24px 28px!important;
}

.dashboard-wolf-mark{
  width:92px!important;
  height:92px!important;
  border-radius:22px!important;
}

.dashboard-wolf-mark span{
  font-size:28px!important;
}

.dashboard-stat-card{
  min-height:180px!important;
}

@media(max-width:1180px){
  .dashboard-stat-grid,
  .membership-tier-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .dashboard-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .dashboard-membership-card,
  .dashboard-stat-grid,
  .dashboard-quick-grid,
  .membership-tier-grid{
    grid-template-columns:1fr!important;
  }
}

/* ===== PKLIKE FINAL FIX: NEW ORDER ACTIVE + SHARP SOCIAL ICONS ===== */

body.pk-neworder-layout .navbar-nav > li > a[href*="neworder"],
body.pk-neworder-layout .navbar-nav > li > a[href*="/new-order"],
body.pk-neworder-layout .navbar-nav > li > a[href*="order/new"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="neworder"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="/new-order"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="order/new"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-neworder-layout .navbar-nav > li > a[href*="dashboard"],
body.pk-neworder-layout .navbar-nav > li > a[href="/"],
body.pk-neworder-layout .navbar-nav > li > a[href*="/index"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="dashboard"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href="/"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="/index"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-dashboard-layout .navbar-nav > li > a[href*="neworder"],
body.pk-dashboard-layout .navbar-nav > li > a[href*="/new-order"],
body.pk-dashboard-layout .navbar-nav > li > a[href*="order/new"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

.pk-dashboard-neworder .pk-instagram-icon,
.pk-dashboard-neworder .pk-tiktok-icon{
  position:relative!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  text-shadow:none!important;
  isolation:isolate!important;
}

.pk-dashboard-neworder .pk-instagram-icon{
  background:
    radial-gradient(circle at 30% 105%,#ffe66b 0 10%,#ff7a3d 28%,#ff2d78 48%,#a936f2 70%,#2f65ff 100%)!important;
}

.pk-dashboard-neworder .pk-instagram-icon:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:23px!important;
  height:23px!important;
  transform:translate(-50%,-50%)!important;
  border:3px solid #ffffff!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10)!important;
}

.pk-dashboard-neworder .pk-instagram-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  transform:translate(-50%,-50%)!important;
  border:3px solid #ffffff!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:10px -10px 0 -3px #ffffff!important;
}

.pk-dashboard-neworder .pk-tiktok-icon{
  background:#050505!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:10px!important;
  height:30px!important;
  transform:translate(-1px,-17px) skewY(-7deg)!important;
  border-radius:6px 6px 4px 4px!important;
  background:#ffffff!important;
  box-shadow:-3px 3px 0 #25f4ee,3px -3px 0 #fe2c55!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  transform:translate(-14px,6px)!important;
  border-radius:50%!important;
  background:#ffffff!important;
  box-shadow:
    -3px 3px 0 #25f4ee,
    3px -3px 0 #fe2c55,
    15px -26px 0 -5px #ffffff,
    12px -23px 0 -5px #25f4ee,
    18px -29px 0 -5px #fe2c55!important;
}

@media(max-width:768px){
  .pk-dashboard-neworder .pk-instagram-icon:before{
    width:17px!important;
    height:17px!important;
    border-width:2px!important;
    border-radius:6px!important;
  }

  .pk-dashboard-neworder .pk-instagram-icon:after{
    width:6px!important;
    height:6px!important;
    border-width:2px!important;
    box-shadow:8px -8px 0 -2px #ffffff!important;
  }

  .pk-dashboard-neworder .pk-tiktok-icon:before{
    width:8px!important;
    height:23px!important;
    transform:translate(0,-13px) skewY(-7deg)!important;
    box-shadow:-2px 2px 0 #25f4ee,2px -2px 0 #fe2c55!important;
  }

  .pk-dashboard-neworder .pk-tiktok-icon:after{
    width:14px!important;
    height:14px!important;
    transform:translate(-11px,5px)!important;
    box-shadow:
      -2px 2px 0 #25f4ee,
      2px -2px 0 #fe2c55,
      12px -20px 0 -4px #ffffff,
      10px -18px 0 -4px #25f4ee,
      14px -22px 0 -4px #fe2c55!important;
  }
}

/* ===== PKLIKE HOTFIX: CLEAN ACTIVE + CLEAN SOCIAL ICONS ===== */

body.pk-neworder-layout .navbar-nav > li > a[href*="neworder"],
body.pk-neworder-layout .navbar-nav > li > a[href*="/new-order"],
body.pk-neworder-layout .navbar-nav > li > a[href*="order/new"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="neworder"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="/new-order"],
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="order/new"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.42)!important;
  outline:0!important;
  background:linear-gradient(90deg,rgba(0,170,255,.26),rgba(0,216,255,.10))!important;
  box-shadow:0 0 18px rgba(0,210,255,.18),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-neworder-layout .navbar-nav > li > a[href*="neworder"]:focus,
body:has(.pk-dashboard-neworder) .navbar-nav > li > a[href*="neworder"]:focus{
  border-color:rgba(0,218,255,.42)!important;
  outline:0!important;
  box-shadow:0 0 18px rgba(0,210,255,.18),inset 0 0 18px rgba(0,170,255,.08)!important;
}

.pk-dashboard-neworder .pk-instagram-icon,
.pk-dashboard-neworder .pk-tiktok-icon{
  position:relative!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  text-shadow:none!important;
}

.pk-dashboard-neworder .pk-instagram-icon{
  background:
    radial-gradient(circle at 30% 102%,#ffe66b 0 11%,#ff7a3d 31%,#ff2c78 51%,#9b35ec 73%,#2f66ff 100%)!important;
}

.pk-dashboard-neworder .pk-instagram-icon:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  transform:translate(-50%,-50%)!important;
  border:3px solid #ffffff!important;
  border-radius:7px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.pk-dashboard-neworder .pk-instagram-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  transform:translate(-50%,-50%)!important;
  border:3px solid #ffffff!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:9px -9px 0 -3px #ffffff!important;
}

.pk-dashboard-neworder .pk-tiktok-icon{
  background:#050505!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:before{
  content:"\266A"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:auto!important;
  height:auto!important;
  transform:translate(-48%,-53%)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#ffffff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:29px!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:-2px 2px 0 #25f4ee,2px -2px 0 #fe2c55!important;
  box-shadow:none!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:after{
  display:none!important;
  content:none!important;
}

@media(max-width:768px){
  .pk-dashboard-neworder .pk-instagram-icon:before{
    width:16px!important;
    height:16px!important;
    border-width:2px!important;
    border-radius:5px!important;
  }

  .pk-dashboard-neworder .pk-instagram-icon:after{
    width:6px!important;
    height:6px!important;
    border-width:2px!important;
    box-shadow:7px -7px 0 -2px #ffffff!important;
  }

  .pk-dashboard-neworder .pk-tiktok-icon:before{
    font-size:22px!important;
    text-shadow:-1.5px 1.5px 0 #25f4ee,1.5px -1.5px 0 #fe2c55!important;
  }
}

/* ===== PKLIKE HOTFIX: SERVICES + ORDER HISTORY TABLES ===== */

body.pk-table-layout{
  background:#020713!important;
}

@media(min-width:992px){
  body.pk-auth-dashboard-layout.pk-table-layout{
    padding-top:0!important;
  }

  body.pk-auth-dashboard-layout.pk-table-layout .pk-table-page{
    width:calc(100% - 300px)!important;
    margin-left:300px!important;
    min-height:100vh!important;
  }
}

body.pk-table-layout .pk-table-page{
  padding:28px 24px 34px!important;
  color:#f4f9ff!important;
  background:
    radial-gradient(circle at 22% 4%,rgba(0,128,255,.18),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(0,224,255,.10),transparent 24%),
    linear-gradient(180deg,#04132b 0%,#020916 52%,#01050c 100%)!important;
}

body.pk-table-layout .pk-table-page .pk-page-container{
  width:min(100%,1560px)!important;
  max-width:1560px!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.pk-table-layout .pk-page-head{
  margin:0 auto 28px!important;
}

body.pk-table-layout .pk-page-head h1{
  font-size:clamp(42px,4.4vw,70px)!important;
  line-height:.95!important;
}

body.pk-table-layout .pk-table-shell{
  padding:22px!important;
  border-radius:18px!important;
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(4,14,34,.96),rgba(1,7,18,.98))!important;
  border:1px solid rgba(0,169,255,.28)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 26px rgba(0,128,255,.10)!important;
}

body.pk-table-layout .pk-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 18px!important;
}

body.pk-table-layout .pk-table-search{
  margin-left:auto!important;
  min-width:min(100%,300px)!important;
}

body.pk-table-layout .pk-search-group{
  width:300px!important;
  max-width:100%!important;
  min-width:0!important;
}

body.pk-table-layout .pk-table-card{
  border-radius:16px!important;
  overflow:hidden!important;
}

body.pk-table-layout .pk-table-responsive{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:#16dfff rgba(255,255,255,.05)!important;
}

body.pk-table-layout .pk-table-responsive::-webkit-scrollbar{
  height:9px!important;
}

body.pk-table-layout .pk-table-responsive::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04)!important;
}

body.pk-table-layout .pk-table-responsive::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#16dfff,#1b75ff)!important;
  border-radius:99px!important;
}

body.pk-table-layout .pk-table{
  table-layout:fixed!important;
  min-width:1120px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

body.pk-table-layout .pk-table > thead > tr > th,
body.pk-table-layout .pk-table > tbody > tr > td{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-shadow:none!important;
}

body.pk-table-layout .pk-table > thead > tr > th{
  color:#48e5ff!important;
  font-size:13px!important;
  line-height:1.3!important;
}

body.pk-table-layout .pk-table > tbody > tr > td{
  color:#d9e9fb!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}

.pk-services-page .pk-table{
  min-width:1180px!important;
}

.pk-services-page .pk-table th:nth-child(1),
.pk-services-page .pk-table td:nth-child(1){
  width:52px!important;
}

.pk-services-page .pk-table th:nth-child(2),
.pk-services-page .pk-table td:nth-child(2){
  width:74px!important;
}

.pk-services-page .pk-table .width-service-name,
.pk-services-page .pk-table .service-name{
  width:260px!important;
  max-width:260px!important;
}

.pk-services-page .pk-table .nowrap{
  width:116px!important;
}

.pk-services-page .pk-table .service-description__th,
.pk-services-page .pk-table td.service-description{
  width:330px!important;
  max-width:330px!important;
}

.pk-table-description-cell{
  max-height:156px!important;
  overflow:auto!important;
  padding-right:8px!important;
  color:#d8eaff!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.55!important;
}

.pk-table-description-cell::-webkit-scrollbar{
  width:6px!important;
}

.pk-table-description-cell::-webkit-scrollbar-thumb{
  background:#16dfff!important;
  border-radius:99px!important;
}

.pk-orders-page .pk-table{
  min-width:1320px!important;
}

.pk-orders-page .pk-table th:nth-child(1),
.pk-orders-page .pk-table td:nth-child(1){
  width:74px!important;
}

.pk-orders-page .pk-table th:nth-child(2),
.pk-orders-page .pk-table td:nth-child(2){
  width:110px!important;
}

.pk-orders-page .pk-table .width-40{
  width:360px!important;
  max-width:360px!important;
}

.pk-orders-page .pk-table th:nth-child(4),
.pk-orders-page .pk-table td:nth-child(4),
.pk-orders-page .pk-table th:nth-child(5),
.pk-orders-page .pk-table td:nth-child(5),
.pk-orders-page .pk-table th:nth-child(6),
.pk-orders-page .pk-table td:nth-child(6),
.pk-orders-page .pk-table th:nth-child(9),
.pk-orders-page .pk-table td:nth-child(9){
  width:96px!important;
}

.pk-orders-page .pk-table th:nth-child(7),
.pk-orders-page .pk-table td:nth-child(7){
  width:170px!important;
}

.pk-orders-page .pk-table th:nth-child(8),
.pk-orders-page .pk-table td:nth-child(8){
  width:126px!important;
}

.pk-table-link-cell,
.pk-table-service-cell{
  max-height:72px!important;
  overflow:auto!important;
  overflow-wrap:anywhere!important;
  line-height:1.45!important;
}

.pk-order-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

body.pk-services-layout .navbar-nav > li > a[href*="services"],
body.pk-orders-layout .navbar-nav > li > a[href*="orders"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

@media(max-width:991px){
  body.pk-auth-dashboard-layout.pk-table-layout{
    padding-top:70px!important;
  }

  body.pk-table-layout .pk-table-page{
    width:100%!important;
    margin-left:0!important;
    min-height:calc(100vh - 70px)!important;
    padding:16px 10px 112px!important;
  }

  body.pk-table-layout .pk-page-head{
    margin-bottom:16px!important;
  }

  body.pk-table-layout .pk-page-head h1{
    font-size:34px!important;
  }

  body.pk-table-layout .pk-table-shell{
    padding:12px!important;
    border-radius:16px!important;
  }

  body.pk-table-layout .pk-tabs{
    gap:8px!important;
  }

  body.pk-table-layout .pk-tabs > li{
    width:auto!important;
    margin:0!important;
  }

  body.pk-table-layout .pk-tabs > li > a,
  body.pk-table-layout .pk-filter-btn{
    min-height:40px!important;
    padding:9px 13px!important;
    font-size:12.5px!important;
    white-space:nowrap!important;
  }

  body.pk-table-layout .pk-table-search{
    width:100%!important;
    margin-left:0!important;
  }

  body.pk-table-layout .pk-search-group{
    width:100%!important;
  }

  body.pk-table-layout .pk-control{
    min-height:44px!important;
    font-size:13px!important;
  }

  body.pk-table-layout .pk-icon-btn{
    height:44px!important;
    min-width:48px!important;
  }

  body.pk-table-layout .pk-table{
    min-width:1040px!important;
  }

  .pk-orders-page .pk-table{
    min-width:1180px!important;
  }

  .pk-table-description-cell{
    max-height:118px!important;
  }
}
/* ============================================================
   PKLIKE — DASHBOARD WOLF BADGE ADDON
   เพิ่มต่อท้าย style.css
   ============================================================ */

/* ── Wolf badge ใน membership card ── */
.dashboard-wolf-badge {
  width: 140px;
  height: 140px;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid var(--rank-border, rgba(0,210,255,.40));
  box-shadow:
    0 0 28px var(--rank-glow, rgba(0,210,255,.45)),
    0 0 8px  var(--rank-glow, rgba(0,210,255,.25)) inset;
  background: rgba(0,0,0,.60);
  transition: box-shadow .3s;
}

.dashboard-wolf-badge img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* rank color overrides สำหรับ membership card */
.dashboard-membership-card--new      { border-color: rgba(180,180,200,.35) !important; }
.dashboard-membership-card--classic  { border-color: rgba(210,130,50,.35)  !important; }
.dashboard-membership-card--silver   { border-color: rgba(120,180,255,.35) !important; }
.dashboard-membership-card--gold     { border-color: rgba(230,180,10,.40)  !important; }
.dashboard-membership-card--platinum { border-color: rgba(170,70,255,.40)  !important; }
.dashboard-membership-card--diamond  { border-color: rgba(0,210,255,.50)   !important; }

.dashboard-membership-card--new      .dashboard-membership-main h2 { color: #c8c8d8 !important; }
.dashboard-membership-card--classic  .dashboard-membership-main h2 { color: #e8a855 !important; }
.dashboard-membership-card--silver   .dashboard-membership-main h2 { color: #90c8ff !important; }
.dashboard-membership-card--gold     .dashboard-membership-main h2 { color: #ffd84a !important; }
.dashboard-membership-card--platinum .dashboard-membership-main h2 { color: #cc80ff !important; }
.dashboard-membership-card--diamond  .dashboard-membership-main h2 { color: #40e8ff !important; }

.dashboard-membership-card--new      .dashboard-membership-main b { color: #b0b0c0; }
.dashboard-membership-card--classic  .dashboard-membership-main b { color: #d4924a; }
.dashboard-membership-card--silver   .dashboard-membership-main b { color: #78b4f0; }
.dashboard-membership-card--gold     .dashboard-membership-main b { color: #e8c040; }
.dashboard-membership-card--platinum .dashboard-membership-main b { color: #b870f0; }
.dashboard-membership-card--diamond  .dashboard-membership-main b { color: #20d8ff; }

/* progress bar สีตาม rank */
.dashboard-membership-card--new      .dashboard-progress-bar span { background: linear-gradient(90deg,#888,#bbb); }
.dashboard-membership-card--classic  .dashboard-progress-bar span { background: linear-gradient(90deg,#b05010,#e8a040); }
.dashboard-membership-card--silver   .dashboard-progress-bar span { background: linear-gradient(90deg,#3060c0,#80c0ff); }
.dashboard-membership-card--gold     .dashboard-progress-bar span { background: linear-gradient(90deg,#b08000,#ffd040); }
.dashboard-membership-card--platinum .dashboard-progress-bar span { background: linear-gradient(90deg,#6010b0,#c060ff); }
.dashboard-membership-card--diamond  .dashboard-progress-bar span { background: linear-gradient(90deg,#0090d0,#00e8ff); }

/* ── Membership tier grid — wolf image แทน letter ── */
.membership-tier-grid {
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
}

.membership-tier-wolf {
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 auto 10px;
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.12);
  box-shadow: 0 0 18px rgba(0,0,0,.50);
  background: rgba(0,0,0,.50);
  transition: box-shadow .25s, transform .25s;
}

.membership-tier-wolf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.membership-tier-card:hover .membership-tier-wolf {
  transform: scale(1.04);
}

/*숨기기: ตัวอักษร letter badge เดิม (ถ้ายังมี span) */
.membership-tier-card > span { display: none !important; }

/* สีขอบตาม rank */
.membership-tier-card--new      { border-color: rgba(180,180,200,.30) !important; }
.membership-tier-card--classic  { border-color: rgba(210,130,50,.35)  !important; }
.membership-tier-card--silver   { border-color: rgba(100,160,255,.35) !important; }
.membership-tier-card--gold     { border-color: rgba(220,170,0,.40)   !important; }
.membership-tier-card--platinum { border-color: rgba(160,60,255,.40)  !important; }
.membership-tier-card--diamond  { border-color: rgba(0,200,255,.50)   !important; }

/* wolf border glow ตาม rank */
.membership-tier-card--new      .membership-tier-wolf { border-color: rgba(180,180,200,.40); box-shadow: 0 0 14px rgba(160,160,180,.35); }
.membership-tier-card--classic  .membership-tier-wolf { border-color: rgba(210,130,50,.45);  box-shadow: 0 0 14px rgba(200,100,30,.40); }
.membership-tier-card--silver   .membership-tier-wolf { border-color: rgba(100,160,255,.45); box-shadow: 0 0 14px rgba(80,140,255,.38); }
.membership-tier-card--gold     .membership-tier-wolf { border-color: rgba(220,170,0,.50);   box-shadow: 0 0 14px rgba(200,150,0,.45); }
.membership-tier-card--platinum .membership-tier-wolf { border-color: rgba(160,60,255,.50);  box-shadow: 0 0 14px rgba(140,40,255,.42); }
.membership-tier-card--diamond  .membership-tier-wolf { border-color: rgba(0,200,255,.55);   box-shadow: 0 0 18px rgba(0,180,255,.50); }

/* is-current glow ตาม rank */
.membership-tier-card--new.is-current      { box-shadow: 0 0 28px rgba(160,160,180,.50) !important; border-color: rgba(180,180,200,.70) !important; }
.membership-tier-card--classic.is-current  { box-shadow: 0 0 28px rgba(200,100,30,.50)  !important; border-color: rgba(210,130,50,.70)  !important; }
.membership-tier-card--silver.is-current   { box-shadow: 0 0 28px rgba(80,140,255,.50)  !important; border-color: rgba(100,160,255,.70) !important; }
.membership-tier-card--gold.is-current     { box-shadow: 0 0 28px rgba(200,150,0,.55)   !important; border-color: rgba(220,170,0,.75)   !important; }
.membership-tier-card--platinum.is-current { box-shadow: 0 0 28px rgba(140,40,255,.55)  !important; border-color: rgba(160,60,255,.75)  !important; }
.membership-tier-card--diamond.is-current  { box-shadow: 0 0 32px rgba(0,180,255,.65)   !important; border-color: rgba(0,210,255,.85)   !important; }

/* h3 สีตาม rank */
.membership-tier-card--new      h3 { color: #c8c8d8 !important; }
.membership-tier-card--classic  h3 { color: #e8a855 !important; }
.membership-tier-card--silver   h3 { color: #90c8ff !important; }
.membership-tier-card--gold     h3 { color: #ffd84a !important; }
.membership-tier-card--platinum h3 { color: #cc80ff !important; }
.membership-tier-card--diamond  h3 { color: #40e8ff !important; }

/* b (ส่วนลด) สีตาม rank */
.membership-tier-card--new      b { color: #b0b0c0 !important; }
.membership-tier-card--classic  b { color: #d4924a !important; }
.membership-tier-card--silver   b { color: #78b4f0 !important; }
.membership-tier-card--gold     b { color: #e8c040 !important; }
.membership-tier-card--platinum b { color: #b870f0 !important; }
.membership-tier-card--diamond  b { color: #20d8ff !important; }

/* Responsive */
@media (max-width: 1280px) {
  .membership-tier-grid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
  .dashboard-wolf-badge {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 768px) {
  .membership-tier-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .dashboard-wolf-badge {
    width: 96px;
    height: 96px;
  }
  .dashboard-membership-card {
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto;
  }
  .dashboard-progress-wrap {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  .membership-tier-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

/* ===== PKLIKE DASHBOARD FINAL CLEANUP ===== */

body.pk-dashboard-layout .navbar-nav > li.active > a[href*="neworder"],
body.pk-dashboard-layout .navbar-nav > li.active > a[href*="/new-order"],
body.pk-dashboard-layout .navbar-nav > li.active > a[href*="order/new"],
body.pk-dashboard-layout .navbar-nav > li.active > a[href*="orders"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-dashboard-layout .navbar-nav > li > a[href*="dashboard"],
body.pk-dashboard-layout .navbar-nav > li > a[href="/"],
body.pk-dashboard-layout .navbar-nav > li > a[href*="/index"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

@media(min-width:992px){
  body.pk-dashboard-layout .navbar-right-block{
    margin-top:14px!important;
    padding-top:14px!important;
    border-top:1px solid rgba(0,190,255,.16)!important;
  }

  body.pk-dashboard-layout .navbar-right-block > li:first-child > a{
    min-height:50px!important;
    margin-bottom:0!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.pk-dashboard-layout .navbar-right-block > li:first-child > a:before{
    display:none!important;
    content:none!important;
  }

  body.pk-dashboard-layout .navbar-right-block > li:last-child{
    margin-top:8px!important;
  }

  body.pk-dashboard-layout .navbar-right-block > li:last-child > a{
    color:#ffccd4!important;
    border-color:rgba(255,90,120,.22)!important;
  }
}

body.pk-dashboard-layout .pk-sidebar-status-card{
  display:none!important;
}

body.pk-dashboard-layout .dashboard-page{
  background:
    radial-gradient(circle at 20% 0%,rgba(0,128,255,.14),transparent 28%),
    radial-gradient(circle at 90% 8%,rgba(0,224,255,.08),transparent 22%),
    linear-gradient(180deg,#041226 0%,#020916 56%,#01050c 100%)!important;
}

body.pk-dashboard-layout .dashboard-hero,
body.pk-dashboard-layout .dashboard-membership-card,
body.pk-dashboard-layout .dashboard-panel,
body.pk-dashboard-layout .dashboard-stat-card{
  border-color:rgba(0,169,255,.22)!important;
  background:linear-gradient(145deg,rgba(3,13,31,.97),rgba(1,7,18,.99))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 18px rgba(0,128,255,.08)!important;
}

body.pk-dashboard-layout .dashboard-hero{
  margin-bottom:16px!important;
}

body.pk-dashboard-layout .dashboard-membership-card{
  grid-template-columns:140px minmax(180px,.36fr) minmax(0,1fr)!important;
  gap:22px!important;
  padding:24px 26px!important;
}

.dashboard-rank-visual{
  width:132px!important;
  height:132px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(0,210,255,.34)!important;
  background:radial-gradient(circle at 50% 35%,rgba(35,155,255,.22),rgba(2,10,24,.96) 72%)!important;
  box-shadow:0 0 24px rgba(0,210,255,.18),inset 0 0 22px rgba(0,116,255,.14)!important;
}

.dashboard-rank-visual img,
.membership-tier-rank img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  padding:8px!important;
}

.dashboard-rank-visual span{
  color:#ffd495!important;
  font:900 18px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
}

.dashboard-rank-visual--classic{
  border-color:rgba(218,145,62,.46)!important;
  box-shadow:0 0 22px rgba(218,145,62,.18),inset 0 0 18px rgba(218,145,62,.10)!important;
}

body.pk-dashboard-layout .dashboard-membership-main h2{
  margin:4px 0!important;
  font-size:32px!important;
}

body.pk-dashboard-layout .dashboard-membership-main b{
  color:#f1b96a!important;
}

body.pk-dashboard-layout .dashboard-progress-bar span{
  background:linear-gradient(90deg,#d58b38,#19dfff)!important;
}

body.pk-dashboard-layout .dashboard-stat-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

body.pk-dashboard-layout .dashboard-stat-card{
  min-height:168px!important;
  padding:18px!important;
}

body.pk-dashboard-layout .dashboard-card-icon{
  width:44px!important;
  height:44px!important;
  margin-bottom:12px!important;
  box-shadow:none!important;
}

body.pk-dashboard-layout .dashboard-quick-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

body.pk-dashboard-layout .dashboard-quick-grid a{
  min-height:112px!important;
}

body.pk-dashboard-layout .membership-tier-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
}

body.pk-dashboard-layout .membership-tier-card{
  min-height:260px!important;
  padding:16px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(7,20,45,.94),rgba(2,9,23,.98))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}

body.pk-dashboard-layout .membership-tier-card > span{
  display:none!important;
}

.membership-tier-rank{
  width:100%!important;
  max-width:132px!important;
  height:118px!important;
  margin:0 auto 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(0,0,0,.34)!important;
}

.membership-tier-rank span{
  color:#ffffff!important;
  font:900 18px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
}

.membership-tier-rank--new{
  background:linear-gradient(135deg,#2b3344,#8c96a8)!important;
  box-shadow:0 0 16px rgba(180,190,210,.22)!important;
}

.membership-tier-rank--classic{
  background:linear-gradient(135deg,#3a2110,#d58b38)!important;
  box-shadow:0 0 16px rgba(213,139,56,.24)!important;
}

.membership-tier-rank--silver{
  background:linear-gradient(135deg,#dce8f5,#6d879f)!important;
  box-shadow:0 0 18px rgba(160,200,255,.26)!important;
}

.membership-tier-rank--silver span{
  width:64px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  color:#14304a!important;
  background:linear-gradient(135deg,#f7fbff,#a8becf)!important;
  border:2px solid rgba(20,48,74,.28)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.42)!important;
}

.membership-tier-rank--gold{
  background:linear-gradient(135deg,#5c3900,#ffd34d)!important;
  box-shadow:0 0 18px rgba(255,205,72,.26)!important;
}

.membership-tier-rank--platinum{
  background:linear-gradient(135deg,#35144f,#c678ff)!important;
  box-shadow:0 0 18px rgba(190,105,255,.26)!important;
}

.membership-tier-rank--diamond{
  background:
    radial-gradient(circle at 35% 24%,rgba(255,255,255,.88),transparent 16%),
    linear-gradient(135deg,#063c69,#19e7ff 54%,#d8fbff)!important;
  border-color:rgba(103,237,255,.65)!important;
  box-shadow:0 0 28px rgba(0,218,255,.44),inset 0 0 24px rgba(255,255,255,.18)!important;
}

.membership-tier-rank--diamond span{
  color:#012640!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}

body.pk-dashboard-layout .membership-tier-card h3{
  margin-bottom:7px!important;
  font-size:17px!important;
}

body.pk-dashboard-layout .membership-tier-card b{
  font-size:15px!important;
}

body.pk-dashboard-layout .membership-tier-card p,
body.pk-dashboard-layout .membership-tier-card small{
  margin-top:9px!important;
  font-size:12px!important;
  line-height:1.45!important;
}

body.pk-dashboard-layout .membership-tier-card--diamond{
  border-color:rgba(0,218,255,.74)!important;
  box-shadow:0 0 30px rgba(0,218,255,.24),0 14px 34px rgba(0,0,0,.24)!important;
}

@media(max-width:1280px){
  body.pk-dashboard-layout .dashboard-membership-card{
    grid-template-columns:120px minmax(180px,.42fr) minmax(0,1fr)!important;
  }

  .dashboard-rank-visual{
    width:116px!important;
    height:116px!important;
  }

  body.pk-dashboard-layout .membership-tier-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  body.pk-dashboard-layout .dashboard-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.pk-dashboard-layout .dashboard-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.pk-dashboard-layout .dashboard-page{
    padding:16px 12px 112px!important;
  }

  body.pk-dashboard-layout .dashboard-hero{
    padding:18px 15px!important;
  }

  body.pk-dashboard-layout .dashboard-membership-card{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:15px!important;
    padding:18px 15px!important;
  }

  .dashboard-rank-visual{
    width:92px!important;
    height:92px!important;
    border-radius:16px!important;
  }

  .dashboard-rank-visual span{
    font-size:13px!important;
  }

  body.pk-dashboard-layout .dashboard-progress-wrap{
    grid-column:1 / -1!important;
  }

  body.pk-dashboard-layout .dashboard-stat-grid,
  body.pk-dashboard-layout .dashboard-quick-grid{
    grid-template-columns:1fr!important;
  }

  body.pk-dashboard-layout .membership-tier-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.pk-dashboard-layout .membership-tier-card{
    min-height:232px!important;
    padding:13px 10px!important;
  }

  .membership-tier-rank{
    height:92px!important;
    max-width:104px!important;
    border-radius:15px!important;
  }

  .membership-tier-rank span{
    font-size:13px!important;
  }
}

/* Dashboard/order active-state guardrails */
body.pk-orders-layout .navbar-nav > li > a[href*="orders"],
body.pk-orders-layout .pk-mobile-drawer-nav a[href*="orders"],
body.pk-orders-layout .pk-mobile-bottom-nav a[href*="orders"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-orders-layout .navbar-nav > li > a[href*="neworder"],
body.pk-orders-layout .pk-mobile-drawer-nav a[href*="neworder"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-orders-layout .pk-mobile-bottom-nav .pk-bottom-order,
body.pk-orders-layout .pk-mobile-bottom-nav .pk-bottom-order span,
body.pk-orders-layout .pk-mobile-bottom-nav .pk-bottom-order b{
  color:#42e4ff!important;
}

/* ===== PKLIKE HARD FIX: DASHBOARD ACTIVE MENU ONLY ===== */

body.pk-dashboard-layout .navbar-nav > li.active > a,
body.pk-dashboard-layout .navbar-nav > li.active > a:hover,
body.pk-dashboard-layout .navbar-nav > li.active > a:focus,
body.pk-dashboard-layout .navbar-left-block > li.active > a,
body.pk-dashboard-layout .navbar-right-block > li.active > a{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-dashboard-layout .navbar-nav > li > a[href*="dashboard"],
body.pk-dashboard-layout .navbar-nav > li > a[href="/dashboard"],
body.pk-dashboard-layout .navbar-left-block > li > a[href*="dashboard"],
body.pk-dashboard-layout .navbar-right-block > li > a[href*="dashboard"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-dashboard-layout .navbar-nav > li > a[href*="neworder"],
body.pk-dashboard-layout .navbar-nav > li > a[href*="/new-order"],
body.pk-dashboard-layout .navbar-nav > li > a[href*="order/new"],
body.pk-dashboard-layout .navbar-nav > li > a[href*="orders"],
body.pk-dashboard-layout .navbar-nav > li > a[href="/"],
body.pk-dashboard-layout .navbar-nav > li > a[href*="/index"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-dashboard-layout .pk-mobile-drawer-nav a.active,
body.pk-dashboard-layout .pk-mobile-bottom-nav a.active{
  color:#c8d9ef!important;
  border-left:0!important;
  background:transparent!important;
}

body.pk-dashboard-layout .pk-mobile-drawer-nav a[href*="dashboard"],
body.pk-dashboard-layout .pk-mobile-bottom-nav a[href*="dashboard"]{
  color:#ffffff!important;
  background:linear-gradient(90deg,rgba(24,127,255,.28),rgba(0,216,255,.12))!important;
  border-left:3px solid #19e3ff!important;
}

/* ===== PKLIKE HARD FIX: SIDEBAR ACTIVE + TOP PROFILE MENU ===== */

.pk-auth-profile{
  display:none;
}

@media(min-width:992px){
  body.pk-auth-dashboard-layout .navbar-right-block{
    display:none!important;
  }

  body.pk-auth-dashboard-layout .pk-auth-profile{
    position:fixed!important;
    top:16px!important;
    right:24px!important;
    z-index:1400!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
  }

  .pk-auth-balance,
  .pk-auth-profile-toggle{
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    border:1px solid rgba(81,124,196,.30)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(8,18,39,.96),rgba(4,8,20,.98))!important;
    color:#f5f8ff!important;
    box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
    text-decoration:none!important;
  }

  .pk-auth-balance{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:166px!important;
    padding:8px 16px!important;
  }

  .pk-auth-balance span{
    color:#9fb7d2!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }

  .pk-auth-balance strong{
    margin-top:3px!important;
    color:#ffffff!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:1.1!important;
  }

  .pk-auth-profile-toggle{
    gap:10px!important;
    min-width:118px!important;
    padding:6px 12px 6px 7px!important;
    cursor:pointer!important;
  }

  .pk-auth-avatar{
    width:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    color:#ffffff!important;
    font-size:18px!important;
    font-weight:900!important;
    background:linear-gradient(135deg,#1378ff,#18dfff)!important;
    box-shadow:0 10px 24px rgba(0,169,255,.28)!important;
  }

  .pk-auth-name{
    max-width:94px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#ffffff!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  .pk-auth-caret{
    color:#9fb7d2!important;
    font-size:18px!important;
    line-height:1!important;
  }

  .pk-auth-profile-menu{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    width:260px!important;
    overflow:hidden!important;
    border:1px solid rgba(81,124,196,.30)!important;
    border-radius:16px!important;
    background:#080b16!important;
    box-shadow:0 24px 54px rgba(0,0,0,.48),0 0 28px rgba(0,169,255,.12)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(-6px)!important;
    pointer-events:none!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  }

  .pk-auth-profile.open .pk-auth-profile-menu{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }

  .pk-auth-profile-head{
    padding:18px 20px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    background:rgba(255,255,255,.035)!important;
  }

  .pk-auth-profile-head strong,
  .pk-auth-profile-head span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .pk-auth-profile-head strong{
    color:#ffffff!important;
    font-size:15px!important;
    font-weight:900!important;
  }

  .pk-auth-profile-head span{
    margin-top:5px!important;
    color:#9faec2!important;
    font-size:13px!important;
    font-weight:500!important;
  }

  .pk-auth-profile-menu a{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 20px!important;
    color:#dce8f6!important;
    font-size:14px!important;
    font-weight:700!important;
    text-decoration:none!important;
    background:transparent!important;
  }

  .pk-auth-profile-menu a:hover{
    color:#ffffff!important;
    background:rgba(0,169,255,.12)!important;
  }

  body.pk-auth-dashboard-layout .navbar-left-block > li.active > a,
  body.pk-auth-dashboard-layout .navbar-left-block > li.active > a:hover,
  body.pk-auth-dashboard-layout .navbar-left-block > li.active > a:focus{
    color:#dceaff!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.pk-dashboard-layout .navbar-left-block > li > a[href*="dashboard"],
  body.pk-dashboard-layout .navbar-left-block > li > a[href="/dashboard"],
  body.pk-neworder-layout .navbar-left-block > li > a[href*="neworder"],
  body.pk-neworder-layout .navbar-left-block > li > a[href*="/new-order"],
  body.pk-neworder-layout .navbar-left-block > li > a[href*="order/new"],
  body.pk-neworder-layout .navbar-left-block > li > a[href="/"],
  body.pk-neworder-layout .navbar-left-block > li > a[href*="/index"],
  body.pk-orders-layout .navbar-left-block > li > a[href*="orders"]{
    color:#ffffff!important;
    border-color:rgba(0,218,255,.58)!important;
    background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
    box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
  }

  body.pk-dashboard-layout .navbar-left-block > li > a[href="/"],
  body.pk-dashboard-layout .navbar-left-block > li > a[href*="/index"],
  body.pk-dashboard-layout .navbar-left-block > li > a[href*="neworder"],
  body.pk-dashboard-layout .navbar-left-block > li > a[href*="orders"],
  body.pk-neworder-layout .navbar-left-block > li > a[href*="dashboard"],
  body.pk-neworder-layout .navbar-left-block > li > a[href*="orders"],
  body.pk-orders-layout .navbar-left-block > li > a[href*="dashboard"],
  body.pk-orders-layout .navbar-left-block > li > a[href*="neworder"],
  body.pk-orders-layout .navbar-left-block > li > a[href*="/new-order"],
  body.pk-orders-layout .navbar-left-block > li > a[href*="order/new"]{
    color:#dceaff!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

@media(max-width:991px){
  .pk-auth-profile{
    display:none!important;
  }
}

/* ===== PKLIKE GLOBAL AUTH THEME: LEGACY PAGE UNIFIER ===== */

.page-wrapper{
  min-height:100vh;
  color:#f4f9ff;
  background:
    radial-gradient(circle at 22% 4%,rgba(0,128,255,.18),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(0,224,255,.10),transparent 24%),
    linear-gradient(180deg,#04132b 0%,#020916 52%,#01050c 100%);
}

.page-container{
  width:min(100%,1560px);
  max-width:1560px;
  margin:0 auto;
}

.pk-card,
.page-wrapper .well,
.page-wrapper .panel,
.page-wrapper .modal-content,
.page-wrapper .tab-content,
.page-wrapper .list-group-item{
  color:#eaf6ff!important;
  background:linear-gradient(145deg,rgba(4,14,34,.97),rgba(1,7,18,.99))!important;
  border:1px solid rgba(0,169,255,.28)!important;
  border-radius:16px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 26px rgba(0,128,255,.10)!important;
}

.pk-page-title,
.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3{
  color:#ffffff!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}

.page-wrapper h1{
  font-size:clamp(34px,4vw,58px)!important;
  line-height:1!important;
}

.page-wrapper h2{
  font-size:clamp(28px,3vw,44px)!important;
}

.page-wrapper h3,
.page-wrapper h4{
  color:#ffffff!important;
}

.page-wrapper p,
.page-wrapper li,
.page-wrapper label,
.page-wrapper .control-label,
.page-wrapper .help-block,
.page-wrapper .text-muted{
  color:#c9d9ec!important;
  text-shadow:none!important;
}

.pk-form,
.page-wrapper form{
  color:#eaf6ff!important;
}

.pk-input,
.pk-form .form-control,
.pk-form input,
.pk-form textarea,
.pk-form select,
.page-wrapper .form-control,
.page-wrapper input[type="text"],
.page-wrapper input[type="email"],
.page-wrapper input[type="password"],
.page-wrapper input[type="number"],
.page-wrapper input[type="url"],
.page-wrapper textarea,
.page-wrapper select{
  min-height:48px!important;
  border:1px solid rgba(0,169,255,.34)!important;
  border-radius:10px!important;
  background:rgba(1,9,22,.94)!important;
  color:#f4f9ff!important;
  -webkit-text-fill-color:#f4f9ff!important;
  font-weight:600!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}

.page-wrapper textarea,
.pk-form textarea{
  min-height:120px!important;
}

.page-wrapper .form-control:focus,
.page-wrapper input:focus,
.page-wrapper textarea:focus,
.page-wrapper select:focus{
  border-color:#16dfff!important;
  outline:0!important;
  box-shadow:0 0 0 2px rgba(22,223,255,.16),0 0 18px rgba(0,183,255,.16)!important;
}

.page-wrapper .form-control::placeholder,
.page-wrapper input::placeholder,
.page-wrapper textarea::placeholder{
  color:#8fa6bf!important;
  opacity:1!important;
}

.pk-button,
.page-wrapper .btn-primary,
.page-wrapper .btn.btn-primary,
.page-wrapper button[type="submit"],
.page-wrapper input[type="submit"]{
  min-height:44px!important;
  border:1px solid rgba(0,230,255,.62)!important;
  border-radius:10px!important;
  background:linear-gradient(100deg,#267bff 0%,#176af2 48%,#00cfff 100%)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:800!important;
  box-shadow:0 0 22px rgba(0,210,255,.30),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

.page-wrapper .btn-default,
.page-wrapper .btn-secondary{
  border:1px solid rgba(0,169,255,.30)!important;
  border-radius:10px!important;
  background:rgba(1,9,22,.88)!important;
  color:#dceaff!important;
}

.page-wrapper a{
  color:#42e4ff!important;
  font-weight:800;
}

.pk-table,
.page-wrapper .table{
  width:100%!important;
  margin:0!important;
  color:#eaf6ff!important;
  background:transparent!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

.page-wrapper .table-responsive,
.page-wrapper .well:has(.table){
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

.page-wrapper .table > thead > tr > th,
.page-wrapper .table > tbody > tr > td,
.page-wrapper .table > tfoot > tr > td{
  border-color:rgba(0,169,255,.12)!important;
  color:#d9e9fb!important;
  vertical-align:middle!important;
  overflow-wrap:anywhere!important;
  text-shadow:none!important;
}

.page-wrapper .table > thead > tr > th{
  color:#48e5ff!important;
  background:rgba(0,169,255,.09)!important;
  border-bottom:1px solid rgba(0,169,255,.24)!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.page-wrapper .table > tbody > tr:hover > td{
  background:rgba(0,169,255,.045)!important;
}

.pk-section,
.page-wrapper .container,
.page-wrapper .container-fluid{
  width:100%!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
}

.pk-legacy-page{
  width:100%!important;
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body:not(.pk-auth-dashboard-layout) > .container:not(.pk-container),
body:not(.pk-auth-dashboard-layout) > .container-fluid:not(.pk-container){
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  padding:34px 18px 58px!important;
  color:#f4f9ff!important;
}

body:not(.pk-auth-dashboard-layout) > .container:not(.pk-container) .well,
body:not(.pk-auth-dashboard-layout) > .container-fluid:not(.pk-container) .well{
  color:#dceaff!important;
  background:linear-gradient(145deg,rgba(4,14,34,.96),rgba(1,7,18,.98))!important;
  border:1px solid rgba(0,169,255,.28)!important;
  border-radius:18px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 26px rgba(0,128,255,.10)!important;
}

body:not(.pk-auth-dashboard-layout) > .container:not(.pk-container) .form-control,
body:not(.pk-auth-dashboard-layout) > .container-fluid:not(.pk-container) .form-control{
  min-height:48px!important;
  border:1px solid rgba(0,169,255,.34)!important;
  border-radius:10px!important;
  background:rgba(1,9,22,.94)!important;
  color:#f3f8ff!important;
  box-shadow:none!important;
}

.page-wrapper .row{
  margin-left:0!important;
  margin-right:0!important;
}

.page-wrapper [class*="col-"]{
  min-width:0!important;
}

.page-wrapper .nav-pills,
.page-wrapper .pagination{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  border:0!important;
}

.page-wrapper .nav-pills > li{
  float:none!important;
}

.page-wrapper .nav-pills > li > a,
.page-wrapper .pagination > li > a,
.page-wrapper .pagination > li > span{
  border:1px solid rgba(0,169,255,.28)!important;
  border-radius:999px!important;
  background:rgba(0,7,18,.78)!important;
  color:#eaf6ff!important;
  font-weight:800!important;
}

.page-wrapper .nav-pills > li.active > a,
.page-wrapper .nav-pills > li.active > a:hover,
.page-wrapper .pagination > .active > a,
.page-wrapper .pagination > .active > span,
.page-wrapper .nav-pills > li > a:hover,
.page-wrapper .pagination > li > a:hover{
  border-color:rgba(0,210,255,.48)!important;
  background:linear-gradient(100deg,#125dcb,#00bfe8)!important;
  color:#ffffff!important;
}

.page-wrapper .input-group-addon,
.page-wrapper .input-group-btn .btn{
  border-color:rgba(0,169,255,.34)!important;
  background:rgba(3,18,42,.96)!important;
  color:#eaf6ff!important;
}

.page-wrapper pre,
.page-wrapper code{
  color:#dff8ff!important;
  background:#020814!important;
  border:1px solid rgba(0,169,255,.22)!important;
  border-radius:12px!important;
}

.page-wrapper .alert{
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#f4f9ff!important;
  font-weight:700!important;
}

.page-wrapper .alert-info{
  background:rgba(0,169,255,.12)!important;
  border-color:rgba(0,169,255,.30)!important;
}

.page-wrapper .alert-success{
  background:rgba(0,180,120,.14)!important;
  border-color:rgba(0,220,160,.24)!important;
}

.page-wrapper .alert-danger{
  background:rgba(180,20,45,.16)!important;
  border-color:rgba(255,80,110,.26)!important;
}

.page-wrapper .modal-header,
.page-wrapper .modal-footer{
  border-color:rgba(0,169,255,.18)!important;
}

.page-wrapper .close{
  color:#ffffff!important;
  opacity:.9!important;
}

.page-wrapper img,
.page-wrapper iframe{
  max-width:100%!important;
}

body.pk-auth-dashboard-layout .pk-auth-profile{
  display:none!important;
}

@media(min-width:992px){
  body.pk-auth-dashboard-layout > .page-wrapper{
    width:calc(100% - 300px)!important;
    margin-left:300px!important;
    padding:28px 24px 36px!important;
  }

  body.pk-auth-dashboard-layout > .page-wrapper > .page-container > .pk-page,
  body.pk-auth-dashboard-layout > .page-wrapper > .page-container > .pk-table-page{
    width:100%!important;
    margin-left:0!important;
    min-height:auto!important;
  }

  body.pk-auth-dashboard-layout > .page-wrapper > .page-container > .pk-page{
    padding:0!important;
    background:transparent!important;
  }

  body.pk-auth-dashboard-layout > .page-wrapper > .page-container > .pk-page .pk-page-container{
    max-width:1560px!important;
  }
}

@media(max-width:991px){
  body.pk-auth-dashboard-layout > .page-wrapper{
    width:100%!important;
    margin-left:0!important;
    min-height:calc(100vh - 70px)!important;
    padding:16px 10px 112px!important;
  }

  .page-wrapper .well,
  .page-wrapper .panel{
    border-radius:14px!important;
    padding:16px!important;
  }

  .page-wrapper .nav-pills,
  .page-wrapper .pagination{
    gap:8px!important;
  }

  .page-wrapper .nav-pills > li > a,
  .page-wrapper .pagination > li > a,
  .page-wrapper .pagination > li > span{
    padding:9px 12px!important;
    font-size:12.5px!important;
  }

  .page-wrapper .table{
    min-width:780px!important;
  }
}

/* ===== PKLIKE ABSOLUTE LAST: ONE SIDEBAR ACTIVE ITEM ONLY ===== */

body.pk-orders-layout .navbar-left-block > li.active > a,
body.pk-orders-layout .navbar-nav > li.active > a,
body.pk-refunds-layout .navbar-left-block > li.active > a,
body.pk-refunds-layout .navbar-nav > li.active > a{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-orders-layout .navbar-left-block > li > a[href*="orders"],
body.pk-orders-layout .navbar-nav > li > a[href*="orders"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-orders-layout .navbar-left-block > li > a[href*="neworder"],
body.pk-orders-layout .navbar-left-block > li > a[href*="/new-order"],
body.pk-orders-layout .navbar-left-block > li > a[href*="order/new"],
body.pk-orders-layout .navbar-left-block > li > a[href*="refund"],
body.pk-orders-layout .navbar-left-block > li > a[href*="refill"],
body.pk-orders-layout .navbar-nav > li > a[href*="neworder"],
body.pk-orders-layout .navbar-nav > li > a[href*="/new-order"],
body.pk-orders-layout .navbar-nav > li > a[href*="order/new"],
body.pk-orders-layout .navbar-nav > li > a[href*="refund"],
body.pk-orders-layout .navbar-nav > li > a[href*="refill"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-refunds-layout .navbar-left-block > li > a[href*="refund"],
body.pk-refunds-layout .navbar-left-block > li > a[href*="refill"],
body.pk-refunds-layout .navbar-nav > li > a[href*="refund"],
body.pk-refunds-layout .navbar-nav > li > a[href*="refill"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-refunds-layout .navbar-left-block > li > a[href*="orders"],
body.pk-refunds-layout .navbar-left-block > li > a[href*="neworder"],
body.pk-refunds-layout .navbar-left-block > li > a[href*="/new-order"],
body.pk-refunds-layout .navbar-left-block > li > a[href*="order/new"],
body.pk-refunds-layout .navbar-nav > li > a[href*="orders"],
body.pk-refunds-layout .navbar-nav > li > a[href*="neworder"],
body.pk-refunds-layout .navbar-nav > li > a[href*="/new-order"],
body.pk-refunds-layout .navbar-nav > li > a[href*="order/new"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* ===== PKLIKE ABSOLUTE LAST: ROUTE ACTIVE FIX 2026-05-16 ===== */

body.pk-auth-dashboard-layout:not(.pk-dashboard-layout):not(.pk-neworder-layout):not(.pk-orders-layout):not(.pk-refunds-layout) .navbar-left-block > li.active > a,
body.pk-auth-dashboard-layout:not(.pk-dashboard-layout):not(.pk-neworder-layout):not(.pk-orders-layout):not(.pk-refunds-layout) .navbar-nav > li.active > a{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-orders-layout .navbar-left-block > li.active > a,
body.pk-orders-layout .navbar-nav > li.active > a,
body.pk-refunds-layout .navbar-left-block > li.active > a,
body.pk-refunds-layout .navbar-nav > li.active > a{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-orders-layout .navbar-left-block > li > a[href*="orders"]:not([href*="refund"]),
body.pk-orders-layout .navbar-nav > li > a[href*="orders"]:not([href*="refund"]){
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-orders-layout .navbar-left-block > li > a[href*="neworder"],
body.pk-orders-layout .navbar-left-block > li > a[href*="/new-order"],
body.pk-orders-layout .navbar-left-block > li > a[href*="order/new"],
body.pk-orders-layout .navbar-left-block > li > a[href*="refund"],
body.pk-orders-layout .navbar-left-block > li > a[href*="refill"],
body.pk-orders-layout .navbar-nav > li > a[href*="neworder"],
body.pk-orders-layout .navbar-nav > li > a[href*="/new-order"],
body.pk-orders-layout .navbar-nav > li > a[href*="order/new"],
body.pk-orders-layout .navbar-nav > li > a[href*="refund"],
body.pk-orders-layout .navbar-nav > li > a[href*="refill"]{
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-refunds-layout .navbar-left-block > li > a[href*="refund"],
body.pk-refunds-layout .navbar-left-block > li > a[href*="refill"],
body.pk-refunds-layout .navbar-left-block > li > a[href*="orders/refunds"],
body.pk-refunds-layout .navbar-nav > li > a[href*="refund"],
body.pk-refunds-layout .navbar-nav > li > a[href*="refill"],
body.pk-refunds-layout .navbar-nav > li > a[href*="orders/refunds"]{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:0 0 18px rgba(0,210,255,.20),inset 0 0 18px rgba(0,170,255,.08)!important;
}

body.pk-refunds-layout .navbar-left-block > li > a[href*="orders"]:not([href*="refund"]),
body.pk-refunds-layout .navbar-nav > li > a[href*="orders"]:not([href*="refund"]){
  color:#dceaff!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-orders-layout .pk-table-page,
body.pk-refunds-layout .pk-table-page{
  padding-top:28px!important;
}

body.pk-orders-layout .pk-page-head,
body.pk-refunds-layout .pk-page-head{
  max-width:1560px!important;
  margin:0 auto 18px!important;
  text-align:left!important;
}

body.pk-orders-layout .pk-page-head .pk-page-kicker,
body.pk-refunds-layout .pk-page-head .pk-page-kicker{
  margin-bottom:8px!important;
}

body.pk-orders-layout .pk-page-head h1,
body.pk-refunds-layout .pk-page-head h1{
  font-size:36px!important;
  font-style:normal!important;
  line-height:1.15!important;
}

body.pk-orders-layout .pk-page-head p,
body.pk-refunds-layout .pk-page-head p{
  max-width:820px!important;
  margin:0!important;
  color:#b9cce3!important;
  font-size:14px!important;
}

body.pk-refunds-layout .pk-refund-alert{
  margin:0 0 18px!important;
  border:1px solid rgba(0,169,255,.30)!important;
  border-radius:12px!important;
  background:rgba(0,126,255,.13)!important;
  color:#eaf6ff!important;
  font-weight:800!important;
}

body.pk-refunds-layout .pk-table{
  min-width:780px!important;
}

@media(max-width:991px){
  body.pk-orders-layout .pk-page-head,
  body.pk-refunds-layout .pk-page-head{
    margin-bottom:14px!important;
  }

  body.pk-orders-layout .pk-page-head h1,
  body.pk-refunds-layout .pk-page-head h1{
    font-size:30px!important;
  }
}

/* ===== PKLIKE LEGACY TWIG HARDENING: OLD PAGES UNIFIER ===== */

.page-wrapper,
body.pk-auth-dashboard-layout .page-wrapper{
  min-height:100vh!important;
  color:#f4f9ff!important;
  background:
    radial-gradient(circle at 22% 4%,rgba(0,128,255,.18),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(0,224,255,.10),transparent 24%),
    linear-gradient(180deg,#04132b 0%,#020916 52%,#01050c 100%)!important;
}

.page-wrapper > .page-container{
  width:min(100%,1560px)!important;
  max-width:1560px!important;
}

.page-wrapper .container,
.page-wrapper .container-fluid{
  width:100%!important;
  max-width:1560px!important;
  padding-left:0!important;
  padding-right:0!important;
}

.page-wrapper .row{
  margin-left:0!important;
  margin-right:0!important;
}

.page-wrapper [class*="col-"]{
  min-width:0!important;
}

.page-wrapper .col-md-offset-1,
.page-wrapper .col-md-offset-2,
.page-wrapper .col-md-offset-3,
.page-wrapper .col-md-offset-4,
.page-wrapper .col-lg-offset-1,
.page-wrapper .col-lg-offset-2,
.page-wrapper .col-lg-offset-3,
.page-wrapper .col-lg-offset-4{
  margin-left:0!important;
}

.page-wrapper .col-md-8,
.page-wrapper .col-md-10,
.page-wrapper .col-lg-8,
.page-wrapper .col-lg-10,
.page-wrapper .col-lg-12{
  width:100%!important;
  float:none!important;
}

.page-wrapper .well,
.page-wrapper .panel,
.page-wrapper .confirm-email,
.page-wrapper .api,
.page-wrapper .center-big-content-block,
.pk-legacy-page .well,
.pk-legacy-page .panel,
.pk-legacy-page .confirm-email,
.pk-legacy-page .api{
  color:#dceaff!important;
  background:linear-gradient(145deg,rgba(4,14,34,.96),rgba(1,7,18,.98))!important;
  border:1px solid rgba(0,169,255,.28)!important;
  border-radius:18px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 26px rgba(0,128,255,.10)!important;
}

.page-wrapper .well,
.page-wrapper .panel,
.pk-legacy-page .well,
.pk-legacy-page .panel{
  margin-bottom:18px!important;
  padding:22px!important;
}

.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h4,
.page-wrapper h5,
.page-wrapper label,
.page-wrapper .control-label,
.page-wrapper strong{
  color:#ffffff!important;
  text-shadow:none!important;
}

.page-wrapper p,
.page-wrapper small,
.page-wrapper .text-muted,
.page-wrapper .help-block,
.page-wrapper .rtl-content{
  color:#bfd2e8!important;
}

.page-wrapper a{
  color:#42e4ff!important;
  font-weight:800!important;
}

.page-wrapper .form-control,
.pk-legacy-page .form-control,
.page-wrapper input[type="text"],
.pk-legacy-page input[type="text"],
.page-wrapper input[type="password"],
.pk-legacy-page input[type="password"],
.page-wrapper input[type="email"],
.pk-legacy-page input[type="email"],
.page-wrapper input[type="number"],
.pk-legacy-page input[type="number"],
.page-wrapper select,
.pk-legacy-page select,
.page-wrapper textarea{
  min-height:48px!important;
  border:1px solid rgba(0,169,255,.34)!important;
  border-radius:10px!important;
  background:rgba(1,9,22,.94)!important;
  color:#f3f8ff!important;
  font-weight:600!important;
  box-shadow:none!important;
}

.page-wrapper textarea{
  min-height:132px!important;
}

.page-wrapper .form-control:focus,
.pk-legacy-page .form-control:focus,
.page-wrapper input:focus,
.pk-legacy-page input:focus,
.page-wrapper select:focus,
.pk-legacy-page select:focus,
.page-wrapper textarea:focus,
.pk-legacy-page textarea:focus{
  border-color:#16dfff!important;
  box-shadow:0 0 0 2px rgba(22,223,255,.16),0 0 18px rgba(0,183,255,.16)!important;
  outline:0!important;
}

.page-wrapper .btn,
.pk-legacy-page .btn,
.page-wrapper button[type="submit"],
.pk-legacy-page button[type="submit"],
.page-wrapper input[type="submit"]{
  min-height:42px!important;
  border-radius:10px!important;
  border:1px solid rgba(0,230,255,.48)!important;
  background:linear-gradient(100deg,#267bff 0%,#176af2 48%,#00cfff 100%)!important;
  color:#ffffff!important;
  font-weight:800!important;
  box-shadow:0 0 18px rgba(0,210,255,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.page-wrapper .btn-default{
  background:rgba(2,13,32,.92)!important;
  color:#eaf6ff!important;
}

.page-wrapper .nav-pills,
.pk-legacy-page .nav-pills,
.page-wrapper .pagination,
.pk-legacy-page .pagination{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0 0 18px!important;
  padding:0!important;
}

.page-wrapper .nav-pills > li,
.pk-legacy-page .nav-pills > li,
.page-wrapper .pagination > li,
.pk-legacy-page .pagination > li{
  float:none!important;
}

.page-wrapper .nav-pills > li > a,
.pk-legacy-page .nav-pills > li > a,
.page-wrapper .pagination > li > a,
.pk-legacy-page .pagination > li > a,
.page-wrapper .pagination > li > span,
.pk-legacy-page .pagination > li > span{
  border:1px solid rgba(0,169,255,.24)!important;
  border-radius:999px!important;
  background:rgba(0,7,18,.78)!important;
  color:#eaf6ff!important;
  font-weight:900!important;
}

.page-wrapper .nav-pills > li.active > a,
.pk-legacy-page .nav-pills > li.active > a,
.page-wrapper .nav-pills > li.active > a:hover,
.pk-legacy-page .nav-pills > li.active > a:hover,
.page-wrapper .nav-pills > li.active > a:focus,
.pk-legacy-page .nav-pills > li.active > a:focus,
.page-wrapper .pagination > .active > a,
.pk-legacy-page .pagination > .active > a,
.page-wrapper .pagination > .active > span,
.pk-legacy-page .pagination > .active > span,
.page-wrapper .pagination > li > a:hover,
.pk-legacy-page .pagination > li > a:hover{
  border-color:transparent!important;
  background:linear-gradient(135deg,#1ad7ff,#0074ff)!important;
  color:#ffffff!important;
}

.page-wrapper .table,
.pk-legacy-page .table{
  width:100%!important;
  min-width:760px!important;
  margin:0!important;
  color:#d8eaff!important;
  background:transparent!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

.page-wrapper .well:has(.table){
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

.page-wrapper .table > thead > tr > th{
  padding:15px 14px!important;
  border:0!important;
  border-bottom:1px solid rgba(0,169,255,.24)!important;
  background:rgba(0,169,255,.09)!important;
  color:#52e7ff!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.page-wrapper .table > tbody > tr > td{
  padding:14px!important;
  border:0!important;
  border-top:1px solid rgba(0,169,255,.10)!important;
  color:#d8eaff!important;
  font-size:13.5px!important;
  font-weight:650!important;
  vertical-align:middle!important;
  overflow-wrap:anywhere!important;
}

.page-wrapper .table > tbody > tr:hover > td{
  background:rgba(0,169,255,.045)!important;
}

.page-wrapper pre,
.page-wrapper code{
  border:1px solid rgba(0,169,255,.24)!important;
  border-radius:12px!important;
  background:#010815!important;
  color:#dff8ff!important;
}

.page-wrapper .ticket-message{
  border:1px solid rgba(0,169,255,.22)!important;
  border-radius:14px!important;
  background:rgba(5,18,42,.84)!important;
  color:#eaf6ff!important;
  padding:14px!important;
}

.page-wrapper .info{
  color:#9fb7d2!important;
  margin-top:8px!important;
}

.page-wrapper .modal-content{
  border:1px solid rgba(0,169,255,.28)!important;
  border-radius:18px!important;
  background:#020814!important;
  color:#fff!important;
}

@media(max-width:991px){
  .page-wrapper{
    padding-bottom:112px!important;
  }

  .page-wrapper .well,
  .page-wrapper .panel{
    padding:16px!important;
    border-radius:15px!important;
  }

  .page-wrapper .table{
    min-width:720px!important;
  }
}

/* ===== PKLIKE SIDEBAR STATUS CARD REMOVED ===== */

.pk-sidebar-status-card,
.pk-sidebar-status-head,
.pk-sidebar-gem,
.pk-sidebar-wolf{
  display:none!important;
}

/* ===== PKLIKE ORDERS PREMIUM REDESIGN ===== */

.pk-orders-page,
.pk-orders-page *{
  text-shadow:none!important;
  letter-spacing:0!important;
}

.pk-orders-page{
  color:#dbeafe!important;
}

.pk-orders-page .pk-page-container{
  width:min(100%,1580px)!important;
  max-width:1580px!important;
}

.pk-orders-head{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  max-width:1580px!important;
  margin:0 auto 22px!important;
}

.pk-orders-head-icon{
  flex:0 0 62px!important;
  width:62px!important;
  height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  color:#ffffff!important;
  font-size:25px!important;
  background:linear-gradient(135deg,rgba(19,120,255,.98),rgba(0,217,255,.92))!important;
  border:1px solid rgba(0,230,255,.58)!important;
  box-shadow:0 0 26px rgba(0,217,255,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

.pk-orders-head .pk-page-kicker{
  margin-bottom:8px!important;
}

.pk-orders-head h1{
  margin:0 0 7px!important;
  color:#ffffff!important;
  font-size:clamp(34px,4.2vw,58px)!important;
  font-weight:900!important;
  font-style:italic!important;
  line-height:1!important;
}

.pk-orders-head p{
  margin:0!important;
  color:#dbeafe!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.55!important;
}

.pk-orders-shell{
  position:relative!important;
  padding:22px!important;
  border-radius:20px!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(0,217,255,.10),transparent 32%),
    linear-gradient(145deg,rgba(4,14,34,.98),rgba(1,7,18,.99))!important;
  border:1px solid rgba(0,169,255,.30)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34),0 0 28px rgba(0,128,255,.12)!important;
}

.pk-order-selection-bar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:18px!important;
  padding:16px 18px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(7,25,56,.88),rgba(1,9,24,.92))!important;
  border:1px solid rgba(0,217,255,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 22px rgba(0,144,255,.10)!important;
}

.pk-order-selection-info{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}

.pk-order-selection-icon{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  color:#35e6ff!important;
  background:rgba(0,169,255,.12)!important;
  border:1px solid rgba(0,217,255,.30)!important;
}

.pk-order-selection-info strong{
  display:block!important;
  color:#ffffff!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.25!important;
}

.pk-order-selection-info small{
  display:block!important;
  margin-top:3px!important;
  color:#93a4bd!important;
  font-size:12.5px!important;
  font-weight:600!important;
}

.pk-order-selection-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  justify-content:flex-end!important;
}

.pk-order-utility-btn{
  min-height:40px!important;
  padding:9px 15px!important;
  border-radius:12px!important;
  border:1px solid rgba(0,230,255,.42)!important;
  background:linear-gradient(100deg,#176af2,#00cfff)!important;
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.2!important;
  box-shadow:0 0 18px rgba(0,217,255,.20)!important;
}

.pk-order-utility-btn:disabled{
  cursor:not-allowed!important;
  opacity:.46!important;
  box-shadow:none!important;
}

.pk-order-utility-muted{
  background:rgba(0,7,18,.86)!important;
  border-color:rgba(0,169,255,.30)!important;
  color:#dbeafe!important;
}

.pk-order-selection-toast{
  position:absolute!important;
  right:18px!important;
  bottom:-12px!important;
  min-height:26px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:800!important;
  background:rgba(2,12,31,.96)!important;
  border:1px solid rgba(0,217,255,.28)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  opacity:0!important;
  transform:translateY(6px)!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .18s ease!important;
}

.pk-order-selection-toast.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}

.pk-orders-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin-bottom:18px!important;
}

.pk-orders-filter-list{
  flex:1 1 auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0!important;
}

.pk-orders-filter-list > li{
  float:none!important;
}

.pk-orders-filter-list > li > a{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 17px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,169,255,.26)!important;
  color:#dbeafe!important;
  background:rgba(1,9,24,.86)!important;
  font-size:13.5px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
}

.pk-orders-filter-list > li > a:hover,
.pk-orders-filter-list > li > a:focus{
  color:#ffffff!important;
  border-color:rgba(0,217,255,.48)!important;
  background:rgba(0,169,255,.12)!important;
  box-shadow:0 0 18px rgba(0,217,255,.12)!important;
}

.pk-orders-filter-list > li.active > a,
.pk-orders-filter-list > li.active > a:hover,
.pk-orders-filter-list > li.active > a:focus{
  color:#ffffff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#1ad7ff,#176af2)!important;
  box-shadow:0 0 22px rgba(0,217,255,.24),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

.pk-orders-search{
  flex:0 0 310px!important;
  margin-left:auto!important;
}

.pk-orders-search .pk-search-group{
  width:310px!important;
  max-width:100%!important;
  min-width:0!important;
}

.pk-orders-search .pk-control{
  min-height:50px!important;
  border-radius:13px 0 0 13px!important;
  border-color:rgba(0,169,255,.34)!important;
  background:rgba(1,8,20,.96)!important;
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:700!important;
}

.pk-orders-search .pk-control::placeholder{
  color:#93a4bd!important;
  opacity:1!important;
}

.pk-orders-search .pk-icon-btn{
  height:50px!important;
  min-width:54px!important;
  border-radius:0 13px 13px 0!important;
}

.pk-orders-table-card{
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(3,13,31,.98),rgba(1,7,18,.99))!important;
  border:1px solid rgba(0,169,255,.26)!important;
  box-shadow:0 0 24px rgba(0,144,255,.10)!important;
}

.pk-orders-table{
  min-width:1420px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

.pk-orders-table > thead > tr > th{
  padding:17px 14px!important;
  background:linear-gradient(180deg,rgba(5,28,58,.98),rgba(3,17,38,.98))!important;
  color:#38bdf8!important;
  border:0!important;
  border-bottom:1px solid rgba(0,217,255,.28)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}

.pk-orders-table > tbody > tr > td{
  padding:16px 14px!important;
  background:rgba(2,9,22,.84)!important;
  border:0!important;
  border-top:1px solid rgba(56,189,248,.10)!important;
  color:#dbeafe!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.45!important;
  vertical-align:middle!important;
}

.pk-orders-table > tbody > tr:hover > td{
  background:rgba(0,169,255,.065)!important;
}

.pk-orders-table th:nth-child(1),
.pk-orders-table td:nth-child(1){width:54px!important;}
.pk-orders-table th:nth-child(2),
.pk-orders-table td:nth-child(2){width:126px!important;}
.pk-orders-table th:nth-child(3),
.pk-orders-table td:nth-child(3){width:150px!important;}
.pk-orders-table th:nth-child(4),
.pk-orders-table td:nth-child(4){width:340px!important;}
.pk-orders-table th:nth-child(5),
.pk-orders-table td:nth-child(5){width:110px!important;}
.pk-orders-table th:nth-child(6),
.pk-orders-table td:nth-child(6){width:92px!important;}
.pk-orders-table th:nth-child(7),
.pk-orders-table td:nth-child(7){width:92px!important;}
.pk-orders-table th:nth-child(8),
.pk-orders-table td:nth-child(8){width:270px!important;}
.pk-orders-table th:nth-child(9),
.pk-orders-table td:nth-child(9){width:155px!important;}
.pk-orders-table th:nth-child(10),
.pk-orders-table td:nth-child(10){width:112px!important;}
.pk-orders-table th:nth-child(11),
.pk-orders-table td:nth-child(11){width:128px!important;}

.pk-order-check-col{
  text-align:center!important;
}

.pk-order-check{
  width:22px!important;
  height:22px!important;
  margin:0!important;
  display:inline-grid!important;
  place-content:center!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  border-radius:7px!important;
  border:1px solid rgba(0,217,255,.44)!important;
  background:rgba(1,9,24,.96)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 12px rgba(0,217,255,.08)!important;
  cursor:pointer!important;
}

.pk-order-check:checked{
  border-color:transparent!important;
  background:linear-gradient(135deg,#8b5cf6,#00d9ff)!important;
  box-shadow:0 0 18px rgba(0,217,255,.30)!important;
}

.pk-order-check:checked:after{
  content:""!important;
  width:10px!important;
  height:6px!important;
  border-left:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:rotate(-45deg) translateY(-1px)!important;
}

.pk-order-id-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  max-width:100%!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,217,255,.34)!important;
  background:rgba(0,169,255,.12)!important;
  color:#67e8f9!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 0 14px rgba(0,217,255,.12)!important;
}

.pk-order-id-badge:hover,
.pk-order-id-badge:focus{
  color:#ffffff!important;
  border-color:rgba(0,217,255,.58)!important;
  box-shadow:0 0 22px rgba(0,217,255,.24)!important;
  outline:0!important;
}

.pk-order-date{
  color:#cbd5e1!important;
  white-space:normal!important;
}

.pk-order-link-wrap{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}

.pk-order-link-text{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#eaf6ff!important;
  font-weight:700!important;
}

.pk-order-link-actions{
  display:flex!important;
  gap:6px!important;
}

.pk-order-icon-btn{
  width:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  border:1px solid rgba(0,169,255,.30)!important;
  background:rgba(0,7,18,.84)!important;
  color:#93eaff!important;
  font-size:13px!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

.pk-order-icon-btn:hover,
.pk-order-icon-btn:focus{
  color:#ffffff!important;
  border-color:rgba(0,217,255,.52)!important;
  background:rgba(0,169,255,.16)!important;
  outline:0!important;
}

.pk-order-details-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:8px!important;
}

.pk-order-detail-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#38bdf8!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

.pk-order-charge{
  color:#5eead4!important;
  font-weight:900!important;
}

.pk-order-remains{
  color:#dbeafe!important;
  font-weight:900!important;
}

.pk-order-service{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.pk-order-platform-icon{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.pk-platform-tiktok{background:#050505!important;text-shadow:-1.5px 1.5px 0 #25f4ee,1.5px -1.5px 0 #fe2c55!important;}
.pk-platform-facebook{background:linear-gradient(135deg,#249cff,#075bd8)!important;font-size:18px!important;}
.pk-platform-instagram{background:radial-gradient(circle at 30% 105%,#ffe66b 0 10%,#ff7a3d 30%,#ff2d78 52%,#9b35ec 74%,#2f66ff 100%)!important;font-size:18px!important;}
.pk-platform-youtube{background:linear-gradient(135deg,#ff2323,#b60000)!important;font-size:13px!important;}
.pk-platform-service{background:linear-gradient(135deg,#1e3a8a,#00d9ff)!important;}

.pk-table-service-cell{
  min-width:0!important;
  max-height:58px!important;
  overflow:auto!important;
  color:#e7f2ff!important;
  font-weight:700!important;
  line-height:1.45!important;
}

.pk-order-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  color:#ffffff!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:normal!important;
}

.pk-status-completed{background:rgba(16,185,129,.16)!important;border-color:rgba(16,185,129,.42)!important;color:#8fffe0!important;}
.pk-status-pending{background:rgba(250,204,21,.14)!important;border-color:rgba(250,204,21,.38)!important;color:#fde68a!important;}
.pk-status-progress{background:rgba(56,189,248,.16)!important;border-color:rgba(56,189,248,.42)!important;color:#bae6fd!important;}
.pk-status-processing{background:rgba(59,130,246,.18)!important;border-color:rgba(59,130,246,.44)!important;color:#bfdbfe!important;}
.pk-status-partial{background:rgba(251,146,60,.16)!important;border-color:rgba(251,146,60,.42)!important;color:#fed7aa!important;}
.pk-status-canceled{background:rgba(248,113,113,.16)!important;border-color:rgba(248,113,113,.44)!important;color:#fecaca!important;}
.pk-status-default{background:rgba(147,164,189,.14)!important;border-color:rgba(147,164,189,.34)!important;color:#e2e8f0!important;}

.pk-order-status-note{
  margin-left:6px!important;
  color:#38bdf8!important;
}

.pk-order-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.pk-order-action-text{
  color:#dbeafe!important;
  font-size:12px!important;
  font-weight:800!important;
}

.pk-orders-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-top:18px!important;
}

.pk-orders-result-summary{
  color:#93a4bd!important;
  font-size:13px!important;
  font-weight:800!important;
}

.pk-orders-footer .pk-pagination{
  margin:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

.pk-orders-footer .pk-pagination > li > a,
.pk-orders-footer .pk-pagination > li > span{
  min-width:38px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  border:1px solid rgba(0,169,255,.26)!important;
  background:rgba(1,9,24,.88)!important;
  color:#dbeafe!important;
  font-weight:900!important;
}

.pk-orders-footer .pk-pagination > .active > a,
.pk-orders-footer .pk-pagination > li > a:hover{
  border-color:transparent!important;
  background:linear-gradient(135deg,#1ad7ff,#176af2)!important;
  color:#ffffff!important;
}

@media(max-width:991px){
  .pk-orders-head{
    margin-bottom:16px!important;
  }

  .pk-orders-shell{
    padding:14px!important;
  }

  .pk-order-selection-bar,
  .pk-orders-toolbar,
  .pk-orders-footer{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .pk-order-selection-actions{
    justify-content:flex-start!important;
  }

  .pk-orders-search,
  .pk-orders-search .pk-search-group{
    width:100%!important;
    flex-basis:auto!important;
  }

  .pk-orders-filter-list{
    gap:8px!important;
  }

  .pk-orders-filter-list > li > a{
    min-height:39px!important;
    padding:9px 12px!important;
    font-size:12.5px!important;
  }

  .pk-orders-table{
    min-width:1320px!important;
  }
}

@media(max-width:640px){
  .pk-orders-head{
    align-items:flex-start!important;
    gap:13px!important;
  }

  .pk-orders-head-icon{
    flex-basis:50px!important;
    width:50px!important;
    height:50px!important;
    border-radius:15px!important;
    font-size:21px!important;
  }

  .pk-orders-head h1{
    font-size:32px!important;
  }

  .pk-order-selection-bar{
    padding:14px!important;
  }

  .pk-order-selection-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .pk-order-utility-btn{
    width:100%!important;
  }
}

/* ===== PKLIKE ORDERS VISUAL HOTFIX ===== */

.pk-orders-page .pk-orders-shell{
  padding:24px 24px 20px!important;
  border-radius:18px!important;
}

.pk-orders-page .pk-order-selection-bar{
  min-height:78px!important;
  margin:0 0 18px!important;
  padding:16px 18px!important;
  border-radius:14px!important;
  border-color:rgba(0,217,255,.34)!important;
  background:linear-gradient(135deg,rgba(5,20,48,.96),rgba(1,9,24,.98))!important;
}

.pk-orders-page .pk-order-selection-info strong{
  color:#ffffff!important;
  font-size:17px!important;
  font-weight:900!important;
}

.pk-orders-page .pk-order-selection-info small{
  color:#b7c8dc!important;
  font-size:13px!important;
  font-weight:700!important;
}

.pk-orders-page .pk-order-selection-actions{
  flex:0 0 auto!important;
  align-items:center!important;
}

.pk-orders-page .pk-order-utility-btn{
  min-width:148px!important;
  min-height:46px!important;
  padding:11px 18px!important;
  border-radius:12px!important;
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:900!important;
  background:linear-gradient(100deg,#247bff 0%,#1670f5 48%,#05d8ff 100%)!important;
  border:1px solid rgba(96,232,255,.62)!important;
  opacity:1!important;
  box-shadow:0 0 22px rgba(0,217,255,.24),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

.pk-orders-page .pk-order-utility-muted{
  color:#f4fbff!important;
  background:rgba(1,9,24,.95)!important;
  border-color:rgba(0,169,255,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}

.pk-orders-page .pk-order-utility-btn:disabled{
  color:#95a8bf!important;
  opacity:1!important;
  background:rgba(1,9,24,.72)!important;
  border-color:rgba(0,169,255,.22)!important;
  box-shadow:none!important;
}

.pk-orders-page .pk-orders-toolbar{
  gap:16px!important;
  margin-bottom:18px!important;
}

.pk-orders-page .pk-orders-filter-list > li > a{
  min-height:42px!important;
  padding:10px 18px!important;
  color:#f4fbff!important;
  font-size:14px!important;
  font-weight:900!important;
}

.pk-orders-page .pk-orders-search{
  flex:0 0 330px!important;
}

.pk-orders-page .pk-orders-search .pk-search-group{
  width:330px!important;
}

.pk-orders-page .pk-orders-search .pk-control{
  color:#ffffff!important;
  font-size:15px!important;
  font-weight:800!important;
}

.pk-orders-page .pk-orders-table-card{
  margin-top:4px!important;
  border-radius:16px!important;
}

.pk-orders-page .pk-orders-table{
  min-width:1500px!important;
  table-layout:fixed!important;
}

.pk-orders-page .pk-orders-table th:nth-child(1),
.pk-orders-page .pk-orders-table td:nth-child(1){width:54px!important;}
.pk-orders-page .pk-orders-table th:nth-child(2),
.pk-orders-page .pk-orders-table td:nth-child(2){width:112px!important;}
.pk-orders-page .pk-orders-table th:nth-child(3),
.pk-orders-page .pk-orders-table td:nth-child(3){width:150px!important;}
.pk-orders-page .pk-orders-table th:nth-child(4),
.pk-orders-page .pk-orders-table td:nth-child(4){width:290px!important;max-width:290px!important;}
.pk-orders-page .pk-orders-table th:nth-child(5),
.pk-orders-page .pk-orders-table td:nth-child(5){width:104px!important;}
.pk-orders-page .pk-orders-table th:nth-child(6),
.pk-orders-page .pk-orders-table td:nth-child(6){width:84px!important;}
.pk-orders-page .pk-orders-table th:nth-child(7),
.pk-orders-page .pk-orders-table td:nth-child(7){width:90px!important;}
.pk-orders-page .pk-orders-table th:nth-child(8),
.pk-orders-page .pk-orders-table td:nth-child(8){width:280px!important;}
.pk-orders-page .pk-orders-table th:nth-child(9),
.pk-orders-page .pk-orders-table td:nth-child(9){width:150px!important;}
.pk-orders-page .pk-orders-table th:nth-child(10),
.pk-orders-page .pk-orders-table td:nth-child(10){width:96px!important;}
.pk-orders-page .pk-orders-table th:nth-child(11),
.pk-orders-page .pk-orders-table td:nth-child(11){width:110px!important;}

.pk-orders-page .pk-orders-table > thead > tr > th{
  padding:16px 13px!important;
  color:#5eeaff!important;
  font-size:13px!important;
}

.pk-orders-page .pk-orders-table > tbody > tr > td{
  padding:15px 13px!important;
  color:#e7f2ff!important;
  font-size:13.5px!important;
  font-weight:800!important;
}

.pk-orders-page .pk-order-link-wrap{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 74px!important;
}

.pk-orders-page .pk-order-link-text{
  display:block!important;
  color:#eaf6ff!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pk-orders-page .pk-order-link-actions{
  width:74px!important;
  justify-content:flex-end!important;
}

.pk-orders-page .pk-table-service-cell{
  max-height:none!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:#ffffff!important;
  line-height:1.35!important;
}

.pk-orders-page .pk-order-service{
  align-items:center!important;
}

.pk-orders-page .pk-order-status{
  min-width:86px!important;
  padding:7px 12px!important;
  font-size:12.5px!important;
}

.pk-orders-page .pk-orders-footer{
  width:100%!important;
  clear:both!important;
  display:flex!important;
  margin-top:16px!important;
  padding:0 2px!important;
  justify-content:space-between!important;
  align-items:center!important;
}

.pk-orders-page .pk-orders-result-summary{
  color:#c0d1e6!important;
  font-size:13.5px!important;
  font-weight:800!important;
  line-height:1.45!important;
}

@media(max-width:991px){
  .pk-orders-page .pk-orders-shell{
    padding:14px!important;
  }

  .pk-orders-page .pk-order-selection-bar{
    min-height:0!important;
  }

  .pk-orders-page .pk-order-selection-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }

  .pk-orders-page .pk-order-utility-btn{
    min-width:0!important;
    width:100%!important;
  }

  .pk-orders-page .pk-orders-toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .pk-orders-page .pk-orders-search,
  .pk-orders-page .pk-orders-search .pk-search-group{
    width:100%!important;
    flex-basis:auto!important;
  }

  .pk-orders-page .pk-orders-table{
    min-width:1380px!important;
  }
}

/* ===== PKLIKE ORDERS WIDTH FIT HOTFIX ===== */

.pk-orders-page .pk-table-responsive{
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

.pk-orders-page .pk-orders-table{
  min-width:1368px!important;
  width:100%!important;
}

.pk-orders-page .pk-orders-table th,
.pk-orders-page .pk-orders-table td{
  box-sizing:border-box!important;
}

.pk-orders-page .pk-orders-table th:nth-child(1),
.pk-orders-page .pk-orders-table td:nth-child(1){width:48px!important;}
.pk-orders-page .pk-orders-table th:nth-child(2),
.pk-orders-page .pk-orders-table td:nth-child(2){width:102px!important;}
.pk-orders-page .pk-orders-table th:nth-child(3),
.pk-orders-page .pk-orders-table td:nth-child(3){width:136px!important;}
.pk-orders-page .pk-orders-table th:nth-child(4),
.pk-orders-page .pk-orders-table td:nth-child(4){width:250px!important;max-width:250px!important;}
.pk-orders-page .pk-orders-table th:nth-child(5),
.pk-orders-page .pk-orders-table td:nth-child(5){width:92px!important;}
.pk-orders-page .pk-orders-table th:nth-child(6),
.pk-orders-page .pk-orders-table td:nth-child(6){width:76px!important;}
.pk-orders-page .pk-orders-table th:nth-child(7),
.pk-orders-page .pk-orders-table td:nth-child(7){width:82px!important;}
.pk-orders-page .pk-orders-table th:nth-child(8),
.pk-orders-page .pk-orders-table td:nth-child(8){width:250px!important;}
.pk-orders-page .pk-orders-table th:nth-child(9),
.pk-orders-page .pk-orders-table td:nth-child(9){width:132px!important;}
.pk-orders-page .pk-orders-table th:nth-child(10),
.pk-orders-page .pk-orders-table td:nth-child(10){width:82px!important;}
.pk-orders-page .pk-orders-table th:nth-child(11),
.pk-orders-page .pk-orders-table td:nth-child(11){width:90px!important;}

.pk-orders-page .pk-orders-table > thead > tr > th,
.pk-orders-page .pk-orders-table > tbody > tr > td{
  padding-left:10px!important;
  padding-right:10px!important;
}

.pk-orders-page .pk-order-link-wrap{
  grid-template-columns:minmax(0,1fr) 68px!important;
  gap:8px!important;
}

.pk-orders-page .pk-order-link-actions{
  width:68px!important;
  gap:5px!important;
}

.pk-orders-page .pk-order-icon-btn{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
}

.pk-orders-page .pk-order-status{
  min-width:0!important;
  width:100%!important;
  max-width:112px!important;
  padding:7px 9px!important;
  text-align:center!important;
}

.pk-orders-page .pk-order-actions{
  justify-content:center!important;
}

.pk-orders-page .pk-action-btn{
  min-width:58px!important;
  max-width:72px!important;
  padding:7px 8px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

.pk-orders-page .pk-table-service-cell{
  font-size:13px!important;
  line-height:1.35!important;
}

@media(min-width:1400px){
  .pk-orders-page .pk-orders-table{
    min-width:1368px!important;
  }
}

@media(max-width:991px){
  .pk-orders-page .pk-orders-table{
    min-width:1320px!important;
  }
}

/* ===== PKLIKE FINAL PASS: ORDERS HISTORY + GLOBAL UI POLISH ===== */

body.pk-auth-dashboard-layout{
  color:#eef7ff!important;
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}

body.pk-auth-dashboard-layout :where(p,span,label,a,button,input,select,textarea,td,th,small,strong,h1,h2,h3,h4){
  text-shadow:none!important;
}

body.pk-auth-dashboard-layout :where(.pk-control,.form-control,input,select,textarea){
  color:#f4f9ff!important;
  -webkit-text-fill-color:#f4f9ff;
}

body.pk-auth-dashboard-layout :where(.pk-control,.form-control,input,select,textarea)::placeholder{
  color:#8ea3bb!important;
  opacity:1!important;
}

body.pk-auth-dashboard-layout :where(.btn,.pk-btn-main,.pk-action-btn,.pk-filter-btn){
  letter-spacing:0!important;
}

body.pk-auth-dashboard-layout :where(.dropdown-menu,.pk-dropdown-menu){
  background:#071225!important;
  border:1px solid rgba(0,190,255,.24)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.46),0 0 28px rgba(0,169,255,.12)!important;
}

body.pk-auth-dashboard-layout :where(.alert){
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  font-weight:700!important;
}

@media(min-width:992px){
  body.pk-auth-dashboard-layout .navbar-left-block > li.active > a,
  body.pk-auth-dashboard-layout .navbar-nav > li.active > a{
    color:#fff!important;
    border-color:rgba(0,218,255,.56)!important;
    background:linear-gradient(90deg,rgba(22,124,255,.24),rgba(0,216,255,.10))!important;
    box-shadow:0 0 18px rgba(0,210,255,.18),inset 0 0 18px rgba(0,170,255,.08)!important;
  }

  body.pk-orders-layout .navbar-left-block > li.active > a[href*="neworder"],
  body.pk-orders-layout .navbar-left-block > li.active > a[href*="/new-order"],
  body.pk-orders-layout .navbar-left-block > li.active > a[href*="order/new"],
  body.pk-orders-layout .navbar-left-block > li.active > a[href*="refund"],
  body.pk-orders-layout .navbar-left-block > li.active > a[href*="refill"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="neworder"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="/new-order"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="order/new"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="refund"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="refill"]{
    color:#dceaff!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

.pk-orders-page,
.pk-orders-page *{
  letter-spacing:0!important;
}

.pk-orders-page{
  background:
    radial-gradient(circle at 18% 0%,rgba(0,136,255,.20),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(0,223,255,.12),transparent 26%),
    linear-gradient(180deg,#04132b 0%,#020916 54%,#01050c 100%)!important;
}

.pk-orders-page .pk-page-container{
  width:min(100%,1560px)!important;
  max-width:1560px!important;
}

.pk-orders-head{
  display:flex!important;
  align-items:center!important;
  gap:17px!important;
  margin:0 0 22px!important;
}

.pk-orders-head-icon{
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:17px!important;
  color:#45e7ff!important;
  font-size:24px!important;
  background:linear-gradient(145deg,rgba(0,210,255,.16),rgba(30,97,255,.08))!important;
  border:1px solid rgba(0,210,255,.34)!important;
  box-shadow:0 0 24px rgba(0,210,255,.16),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.pk-orders-head .pk-page-kicker{
  margin-bottom:8px!important;
  color:#5eeaff!important;
  background:rgba(0,169,255,.08)!important;
  border-color:rgba(0,210,255,.30)!important;
}

.pk-orders-head h1{
  margin:0 0 6px!important;
  color:#ffffff!important;
  font-size:clamp(36px,4.6vw,68px)!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:.98!important;
}

.pk-orders-head p{
  margin:0!important;
  color:#b8cbe2!important;
  font-size:15px!important;
  font-weight:600!important;
}

.pk-orders-page .pk-orders-shell{
  overflow:visible!important;
  border-radius:20px!important;
  border:1px solid rgba(0,190,255,.30)!important;
  background:linear-gradient(145deg,rgba(4,15,36,.94),rgba(1,7,18,.98))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.34),0 0 30px rgba(0,136,255,.12),inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.pk-orders-page .pk-order-selection-bar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  overflow:hidden!important;
}

.pk-orders-page .pk-order-selection-bar:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,transparent,rgba(0,218,255,.72),rgba(53,105,255,.58),transparent) top/100% 1px no-repeat,
    radial-gradient(circle at 96% 0%,rgba(0,210,255,.16),transparent 34%)!important;
}

.pk-orders-page .pk-order-selection-info{
  position:relative!important;
  min-width:0!important;
}

.pk-orders-page .pk-order-selection-icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  color:#31e4ff!important;
  background:rgba(0,169,255,.12)!important;
  border:1px solid rgba(0,210,255,.30)!important;
}

.pk-orders-page .pk-order-utility-btn{
  position:relative!important;
  white-space:nowrap!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}

.pk-orders-page .pk-order-utility-btn:not(:disabled):hover{
  transform:translateY(-1px)!important;
  box-shadow:0 0 28px rgba(0,224,255,.36),0 14px 30px rgba(0,0,0,.22)!important;
}

.pk-orders-page .pk-orders-toolbar{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
}

.pk-orders-page .pk-orders-filter-list{
  flex:1 1 auto!important;
}

.pk-orders-page .pk-orders-filter-list > li > a{
  border-radius:13px!important;
  border-color:rgba(86,132,200,.28)!important;
  background:linear-gradient(180deg,rgba(8,27,58,.76),rgba(3,12,30,.92))!important;
  color:#dbeafe!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.pk-orders-page .pk-orders-filter-list > li.active > a,
.pk-orders-page .pk-orders-filter-list > li > a:hover,
.pk-orders-page .pk-orders-filter-list > li > a:focus{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:linear-gradient(100deg,rgba(30,119,255,.30),rgba(0,216,255,.13))!important;
  box-shadow:0 0 18px rgba(0,210,255,.18),inset 0 0 16px rgba(0,170,255,.08)!important;
}

.pk-orders-page .pk-orders-search .input-group{
  display:flex!important;
}

.pk-orders-page .pk-orders-search .pk-control{
  height:44px!important;
  min-height:44px!important;
  border-radius:13px 0 0 13px!important;
  border-color:rgba(0,169,255,.34)!important;
  background:rgba(1,9,22,.92)!important;
}

.pk-orders-page .pk-orders-search .pk-icon-btn{
  height:44px!important;
  min-width:48px!important;
  border-radius:0 13px 13px 0!important;
  border:1px solid rgba(0,218,255,.52)!important;
  background:linear-gradient(135deg,#176af2,#02cfff)!important;
}

.pk-orders-page .pk-orders-table-card{
  background:rgba(1,8,21,.78)!important;
  border:1px solid rgba(0,169,255,.24)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.30),0 0 24px rgba(0,144,255,.10)!important;
}

.pk-orders-page .pk-table-responsive{
  max-height:68vh!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:#16dfff rgba(255,255,255,.05)!important;
}

.pk-orders-page .pk-table-responsive::-webkit-scrollbar{
  width:9px!important;
  height:9px!important;
}

.pk-orders-page .pk-table-responsive::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04)!important;
}

.pk-orders-page .pk-table-responsive::-webkit-scrollbar-thumb{
  border-radius:999px!important;
  background:linear-gradient(180deg,#16dfff,#1b75ff)!important;
}

.pk-orders-page .pk-orders-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}

.pk-orders-page .pk-orders-table > thead > tr > th{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  border-top:0!important;
  border-bottom:1px solid rgba(0,218,255,.32)!important;
  background:linear-gradient(180deg,rgba(7,25,55,.94),rgba(2,11,27,.90))!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.26),0 1px 0 rgba(255,255,255,.04) inset!important;
  color:#80f1ff!important;
  font-weight:900!important;
}

.pk-orders-page .pk-orders-table > tbody > tr{
  transition:background .16s ease,box-shadow .16s ease!important;
}

.pk-orders-page .pk-orders-table > tbody > tr > td{
  border-top:1px solid rgba(0,169,255,.095)!important;
  background:rgba(2,10,25,.38)!important;
  color:#e3efff!important;
  font-weight:650!important;
}

.pk-orders-page .pk-orders-table > tbody > tr:hover > td{
  background:rgba(0,169,255,.075)!important;
}

.pk-orders-page .pk-orders-table > tbody > tr.is-selected > td{
  background:rgba(0,210,255,.115)!important;
  box-shadow:inset 3px 0 0 #18dfff!important;
}

.pk-orders-page .pk-order-check{
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:#18dfff!important;
  cursor:pointer!important;
}

.pk-orders-page .pk-order-check-col{
  text-align:center!important;
  vertical-align:middle!important;
}

.pk-orders-page .pk-order-id-badge{
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,218,255,.54)!important;
  color:#dffbff!important;
  background:linear-gradient(135deg,rgba(0,169,255,.24),rgba(30,97,255,.18))!important;
  box-shadow:0 0 16px rgba(0,210,255,.18),inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-family:'Kanit','Segoe UI',sans-serif!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
}

.pk-orders-page .pk-order-id-badge:hover,
.pk-orders-page .pk-order-id-badge:focus,
.pk-orders-page [data-pk-copy].is-copied{
  color:#ffffff!important;
  border-color:#65efff!important;
  outline:0!important;
  background:linear-gradient(135deg,#1678ff,#06d5ff)!important;
}

.pk-orders-page .pk-order-link-wrap{
  display:grid!important;
  align-items:center!important;
}

.pk-orders-page .pk-order-icon-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(0,169,255,.28)!important;
  color:#dff8ff!important;
  background:rgba(0,10,28,.72)!important;
}

.pk-orders-page .pk-order-icon-btn:hover,
.pk-orders-page .pk-order-icon-btn:focus{
  color:#ffffff!important;
  border-color:rgba(0,218,255,.58)!important;
  background:rgba(0,169,255,.18)!important;
}

.pk-orders-page .pk-order-charge,
.pk-orders-page .pk-order-remains{
  color:#ffffff!important;
  font-weight:900!important;
}

.pk-orders-page .pk-order-status{
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-weight:900!important;
}

.pk-orders-page .pk-orders-footer{
  float:none!important;
  position:relative!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:18px!important;
}

.pk-orders-page .pk-orders-footer .pk-pagination,
.pk-orders-page .pk-pagination{
  float:none!important;
  margin:0!important;
  padding:0!important;
  justify-content:flex-end!important;
  align-items:center!important;
}

.pk-orders-page .pk-orders-footer .pk-pagination > li{
  display:block!important;
}

.pk-orders-page .pk-orders-footer .pk-pagination > li > a,
.pk-orders-page .pk-orders-footer .pk-pagination > li > span{
  float:none!important;
  margin:0!important;
  border-radius:12px!important;
}

@media(max-width:1180px){
  .pk-orders-page .pk-orders-toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .pk-orders-page .pk-orders-search,
  .pk-orders-page .pk-orders-search .pk-search-group{
    width:100%!important;
    flex:1 1 auto!important;
  }
}

@media(max-width:991px){
  .pk-orders-page{
    padding:18px 10px 112px!important;
  }

  .pk-orders-head{
    align-items:flex-start!important;
  }

  .pk-orders-page .pk-orders-shell{
    padding:13px!important;
    border-radius:18px!important;
  }

  .pk-orders-page .pk-order-selection-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
  }

  .pk-orders-page .pk-order-selection-actions{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }

  .pk-orders-page .pk-orders-filter-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .pk-orders-page .pk-orders-filter-list > li{
    width:100%!important;
  }

  .pk-orders-page .pk-orders-filter-list > li > a{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    padding:10px 9px!important;
    font-size:12px!important;
  }

  .pk-orders-page .pk-table-responsive{
    max-height:62vh!important;
    border-radius:14px!important;
  }

  .pk-orders-page .pk-orders-footer{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .pk-orders-page .pk-orders-footer .pk-pagination,
  .pk-orders-page .pk-pagination{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding-bottom:3px!important;
  }
}

@media(max-width:520px){
  .pk-orders-head h1{
    font-size:29px!important;
  }

  .pk-orders-head-icon{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
  }

  .pk-orders-page .pk-order-selection-info{
    align-items:flex-start!important;
  }

  .pk-orders-page .pk-order-selection-actions{
    grid-template-columns:1fr!important;
  }

  .pk-orders-page .pk-orders-filter-list{
    grid-template-columns:1fr!important;
  }
}

/* ===== PKLIKE PREMIUM CALM LAYER: ORDERS HISTORY ===== */

body.pk-orders-layout{
  --pk-calm-page:#061225;
  --pk-calm-ink:#edf4fb;
  --pk-calm-text:#d7e2ef;
  --pk-calm-muted:#8fa3ba;
  --pk-calm-line:rgba(134,164,198,.14);
  --pk-calm-line-strong:rgba(109,152,191,.22);
  --pk-calm-surface:rgba(7,18,36,.74);
  --pk-calm-surface-2:rgba(10,26,49,.66);
  --pk-calm-accent:#6fd9ff;
  --pk-calm-accent-2:#7b8cff;
  --pk-calm-shadow:0 24px 70px rgba(0,0,0,.34);
}

body.pk-orders-layout,
body.pk-orders-layout .pk-orders-page{
  background:
    radial-gradient(circle at 20% 0%,rgba(60,132,220,.16),transparent 34%),
    radial-gradient(circle at 90% 10%,rgba(78,198,255,.07),transparent 27%),
    linear-gradient(180deg,#07182d 0%,#031022 50%,#020813 100%)!important;
}

body.pk-orders-layout .pk-orders-page{
  padding-top:36px!important;
}

body.pk-orders-layout .pk-orders-page,
body.pk-orders-layout .pk-orders-page *{
  text-shadow:none!important;
  filter:none!important;
}

body.pk-orders-layout .pk-orders-head{
  margin-bottom:26px!important;
  gap:18px!important;
}

body.pk-orders-layout .pk-orders-head-icon{
  width:56px!important;
  height:56px!important;
  flex-basis:56px!important;
  border-radius:16px!important;
  color:#b9f0ff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(129,177,216,.20)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.pk-orders-layout .pk-orders-head .pk-page-kicker{
  padding:0!important;
  margin:0 0 9px!important;
  border:0!important;
  background:transparent!important;
  color:#86a9c8!important;
  font-size:13px!important;
  font-weight:700!important;
}

body.pk-orders-layout .pk-orders-head h1{
  color:#f7fbff!important;
  font-size:clamp(40px,4.2vw,62px)!important;
  font-weight:850!important;
  line-height:1.02!important;
  letter-spacing:0!important;
}

body.pk-orders-layout .pk-orders-head p{
  color:#9fb3ca!important;
  font-size:14px!important;
  font-weight:500!important;
}

body.pk-orders-layout .pk-orders-shell{
  padding:22px!important;
  border-radius:24px!important;
  border:1px solid rgba(138,171,202,.16)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),
    rgba(4,14,30,.76)!important;
  box-shadow:var(--pk-calm-shadow),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

body.pk-orders-layout .pk-order-selection-bar{
  min-height:72px!important;
  padding:15px 16px!important;
  margin-bottom:18px!important;
  border-radius:18px!important;
  border:1px solid rgba(128,165,198,.16)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    rgba(7,20,41,.66)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

body.pk-orders-layout .pk-order-selection-bar:before{
  display:none!important;
  content:none!important;
}

body.pk-orders-layout .pk-order-selection-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  color:#c3f3ff!important;
  background:linear-gradient(135deg,rgba(84,163,255,.28),rgba(120,132,255,.20))!important;
  border:1px solid rgba(151,194,231,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}

body.pk-orders-layout .pk-order-selection-info{
  gap:13px!important;
}

body.pk-orders-layout .pk-order-selection-info strong{
  color:#f4f8fc!important;
  font-size:16px!important;
  font-weight:750!important;
}

body.pk-orders-layout .pk-order-selection-info small{
  margin-top:2px!important;
  color:#94a8bd!important;
  font-size:12.5px!important;
  font-weight:500!important;
}

body.pk-orders-layout .pk-order-utility-btn{
  min-height:42px!important;
  min-width:132px!important;
  padding:10px 15px!important;
  border-radius:13px!important;
  color:#eff8ff!important;
  font-size:13px!important;
  font-weight:750!important;
  border:1px solid rgba(120,188,232,.28)!important;
  background:linear-gradient(135deg,rgba(70,144,255,.82),rgba(36,188,231,.82))!important;
  box-shadow:0 12px 28px rgba(31,121,209,.20),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

body.pk-orders-layout .pk-order-utility-muted{
  color:#d9e5f2!important;
  border-color:rgba(130,166,198,.20)!important;
  background:rgba(5,16,33,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.pk-orders-layout .pk-order-utility-btn:disabled{
  color:#798da4!important;
  background:rgba(7,18,36,.42)!important;
  border-color:rgba(130,166,198,.12)!important;
}

body.pk-orders-layout .pk-order-utility-btn:not(:disabled):hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 32px rgba(31,121,209,.26),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

body.pk-orders-layout .pk-orders-toolbar{
  align-items:center!important;
  gap:16px!important;
  margin-bottom:20px!important;
}

body.pk-orders-layout .pk-orders-filter-list{
  gap:9px!important;
}

body.pk-orders-layout .pk-orders-filter-list > li > a{
  min-height:40px!important;
  padding:9px 15px!important;
  border-radius:13px!important;
  color:#b9c8d8!important;
  font-size:13px!important;
  font-weight:700!important;
  border:1px solid rgba(127,158,190,.16)!important;
  background:rgba(7,19,39,.48)!important;
  box-shadow:none!important;
}

body.pk-orders-layout .pk-orders-filter-list > li.active > a,
body.pk-orders-layout .pk-orders-filter-list > li > a:hover,
body.pk-orders-layout .pk-orders-filter-list > li > a:focus{
  color:#f5fbff!important;
  border-color:rgba(111,217,255,.34)!important;
  background:linear-gradient(135deg,rgba(79,146,255,.20),rgba(111,217,255,.10))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}

body.pk-orders-layout .pk-orders-search{
  flex:0 0 300px!important;
}

body.pk-orders-layout .pk-orders-search .pk-search-group{
  width:300px!important;
}

body.pk-orders-layout .pk-orders-search .pk-control{
  height:42px!important;
  min-height:42px!important;
  padding-left:15px!important;
  border-radius:13px 0 0 13px!important;
  color:#edf5fc!important;
  font-size:13px!important;
  font-weight:550!important;
  border:1px solid rgba(127,158,190,.18)!important;
  background:rgba(3,12,25,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body.pk-orders-layout .pk-orders-search .pk-control:focus{
  border-color:rgba(111,217,255,.42)!important;
  box-shadow:0 0 0 3px rgba(91,167,255,.10)!important;
}

body.pk-orders-layout .pk-orders-search .pk-icon-btn{
  height:42px!important;
  min-width:46px!important;
  border-radius:0 13px 13px 0!important;
  color:#eefaff!important;
  border:1px solid rgba(111,217,255,.28)!important;
  background:linear-gradient(135deg,rgba(65,132,238,.92),rgba(54,174,219,.92))!important;
  box-shadow:none!important;
}

body.pk-orders-layout .pk-orders-table-card{
  padding:10px!important;
  border-radius:20px!important;
  border:1px solid rgba(130,166,198,.14)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),
    rgba(3,12,25,.58)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.pk-orders-layout .pk-table-responsive{
  max-height:68vh!important;
  border-radius:15px!important;
  background:rgba(2,10,22,.42)!important;
}

body.pk-orders-layout .pk-orders-table{
  min-width:1400px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
}

body.pk-orders-layout .pk-orders-table th,
body.pk-orders-layout .pk-orders-table td{
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
}

body.pk-orders-layout .pk-orders-table > thead > tr > th{
  height:50px!important;
  padding:14px 14px!important;
  color:#8fb7d0!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.25!important;
  text-transform:none!important;
  border-bottom:1px solid rgba(130,166,198,.18)!important;
  background:linear-gradient(180deg,rgba(10,25,47,.94),rgba(6,17,34,.88))!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

body.pk-orders-layout .pk-orders-table > tbody > tr > td{
  height:68px!important;
  padding:15px 14px!important;
  color:#cdd9e7!important;
  font-size:13px!important;
  font-weight:550!important;
  line-height:1.45!important;
  vertical-align:middle!important;
  border-top:1px solid rgba(130,166,198,.095)!important;
  background:rgba(8,25,44,.46)!important;
}

body.pk-orders-layout .pk-orders-table > tbody > tr:nth-child(even) > td{
  background:rgba(7,22,40,.58)!important;
}

body.pk-orders-layout .pk-orders-table > tbody > tr:hover > td{
  background:rgba(33,82,124,.30)!important;
}

body.pk-orders-layout .pk-orders-table > tbody > tr.is-selected > td{
  background:rgba(47,101,142,.28)!important;
  box-shadow:none!important;
}

body.pk-orders-layout .pk-orders-table > tbody > tr.is-selected > td:first-child{
  box-shadow:inset 2px 0 0 rgba(111,217,255,.52)!important;
}

body.pk-orders-layout .pk-orders-table th:nth-child(1),
body.pk-orders-layout .pk-orders-table td:nth-child(1){width:52px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(2),
body.pk-orders-layout .pk-orders-table td:nth-child(2){width:112px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(3),
body.pk-orders-layout .pk-orders-table td:nth-child(3){width:152px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(4),
body.pk-orders-layout .pk-orders-table td:nth-child(4){width:270px!important;max-width:270px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(5),
body.pk-orders-layout .pk-orders-table td:nth-child(5){width:104px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(6),
body.pk-orders-layout .pk-orders-table td:nth-child(6){width:82px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(7),
body.pk-orders-layout .pk-orders-table td:nth-child(7){width:88px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(8),
body.pk-orders-layout .pk-orders-table td:nth-child(8){width:286px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(9),
body.pk-orders-layout .pk-orders-table td:nth-child(9){width:142px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(10),
body.pk-orders-layout .pk-orders-table td:nth-child(10){width:88px!important;}
body.pk-orders-layout .pk-orders-table th:nth-child(11),
body.pk-orders-layout .pk-orders-table td:nth-child(11){width:104px!important;}

body.pk-orders-layout .pk-order-check{
  position:relative!important;
  width:18px!important;
  height:18px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  border-radius:6px!important;
  border:1px solid rgba(136,171,203,.34)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

body.pk-orders-layout .pk-order-check:checked{
  border-color:rgba(142,174,255,.76)!important;
  background:linear-gradient(135deg,#5aa9ff,#8f8cff)!important;
  box-shadow:0 7px 16px rgba(74,138,255,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

body.pk-orders-layout .pk-order-check:checked:after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:2px!important;
  width:5px!important;
  height:9px!important;
  border:solid #fff!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}

body.pk-orders-layout .pk-order-check:focus{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(111,217,255,.12)!important;
}

body.pk-orders-layout .pk-order-id-badge{
  min-height:31px!important;
  padding:7px 12px!important;
  color:#dff4ff!important;
  border:1px solid rgba(111,217,255,.32)!important;
  background:linear-gradient(135deg,rgba(62,142,213,.26),rgba(89,105,210,.16))!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:800!important;
}

body.pk-orders-layout .pk-order-id-badge:hover,
body.pk-orders-layout .pk-order-id-badge:focus,
body.pk-orders-layout [data-pk-copy].is-copied{
  color:#ffffff!important;
  border-color:rgba(139,222,255,.58)!important;
  background:linear-gradient(135deg,rgba(72,156,242,.54),rgba(118,126,236,.42))!important;
  box-shadow:0 8px 20px rgba(58,137,224,.18)!important;
}

body.pk-orders-layout .pk-order-date,
body.pk-orders-layout .pk-order-link-text,
body.pk-orders-layout .pk-table-service-cell{
  color:#d4dfec!important;
  font-weight:600!important;
}

body.pk-orders-layout .pk-order-link-text{
  max-width:100%!important;
}

body.pk-orders-layout .pk-order-link-actions{
  gap:6px!important;
}

body.pk-orders-layout .pk-order-icon-btn{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  color:#b9cce0!important;
  border:1px solid rgba(130,166,198,.18)!important;
  background:rgba(3,12,25,.58)!important;
}

body.pk-orders-layout .pk-order-icon-btn:hover,
body.pk-orders-layout .pk-order-icon-btn:focus{
  color:#f4fbff!important;
  border-color:rgba(111,217,255,.35)!important;
  background:rgba(49,105,150,.32)!important;
}

body.pk-orders-layout .pk-order-charge,
body.pk-orders-layout .pk-order-remains,
body.pk-orders-layout .pk-orders-table td:nth-child(6),
body.pk-orders-layout .pk-orders-table td:nth-child(7){
  color:#edf5fb!important;
  font-weight:700!important;
}

body.pk-orders-layout .pk-order-platform-icon{
  width:31px!important;
  height:31px!important;
  flex-basis:31px!important;
  border-radius:11px!important;
  box-shadow:0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

body.pk-orders-layout .pk-order-status{
  width:auto!important;
  max-width:none!important;
  min-height:29px!important;
  min-width:92px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
}

body.pk-orders-layout .pk-status-completed{background:rgba(22,163,117,.16)!important;border-color:rgba(54,211,153,.24)!important;color:#9eead1!important;}
body.pk-orders-layout .pk-status-pending{background:rgba(214,170,58,.15)!important;border-color:rgba(236,199,87,.25)!important;color:#f0d88a!important;}
body.pk-orders-layout .pk-status-progress{background:rgba(59,142,190,.16)!important;border-color:rgba(103,191,232,.25)!important;color:#b5def4!important;}
body.pk-orders-layout .pk-status-processing{background:rgba(76,115,201,.16)!important;border-color:rgba(126,160,236,.25)!important;color:#c6d5ff!important;}
body.pk-orders-layout .pk-status-partial{background:rgba(202,119,64,.15)!important;border-color:rgba(234,158,97,.25)!important;color:#efc39c!important;}
body.pk-orders-layout .pk-status-canceled{background:rgba(202,83,93,.15)!important;border-color:rgba(238,125,135,.25)!important;color:#f1b3bb!important;}
body.pk-orders-layout .pk-status-default{background:rgba(132,151,176,.14)!important;border-color:rgba(160,178,204,.22)!important;color:#d2deea!important;}

body.pk-orders-layout .pk-action-btn{
  min-width:auto!important;
  max-width:92px!important;
  min-height:32px!important;
  padding:7px 11px!important;
  border-radius:11px!important;
  color:#edf8ff!important;
  font-size:12px!important;
  font-weight:750!important;
  border:1px solid rgba(111,217,255,.26)!important;
  background:rgba(45,101,145,.34)!important;
  box-shadow:none!important;
}

body.pk-orders-layout .pk-action-btn-muted{
  color:#cedae6!important;
  border-color:rgba(160,178,204,.18)!important;
  background:rgba(3,12,25,.52)!important;
}

body.pk-orders-layout .pk-orders-footer{
  margin-top:18px!important;
  padding:2px 4px 0!important;
}

body.pk-orders-layout .pk-orders-result-summary{
  color:#8fa3ba!important;
  font-size:13px!important;
  font-weight:600!important;
}

body.pk-orders-layout .pk-orders-footer .pk-pagination{
  gap:7px!important;
}

body.pk-orders-layout .pk-orders-footer .pk-pagination > li > a,
body.pk-orders-layout .pk-orders-footer .pk-pagination > li > span{
  min-width:36px!important;
  min-height:36px!important;
  border-radius:11px!important;
  color:#b9c8d8!important;
  border:1px solid rgba(127,158,190,.16)!important;
  background:rgba(7,19,39,.48)!important;
  box-shadow:none!important;
}

body.pk-orders-layout .pk-orders-footer .pk-pagination > .active > a,
body.pk-orders-layout .pk-orders-footer .pk-pagination > li > a:hover{
  color:#f5fbff!important;
  border-color:rgba(111,217,255,.34)!important;
  background:linear-gradient(135deg,rgba(79,146,255,.26),rgba(111,217,255,.12))!important;
}

@media(max-width:1180px){
  body.pk-orders-layout .pk-orders-search,
  body.pk-orders-layout .pk-orders-search .pk-search-group{
    width:100%!important;
    flex-basis:auto!important;
  }
}

@media(max-width:991px){
  body.pk-orders-layout .pk-orders-page{
    padding:18px 10px 112px!important;
  }

  body.pk-orders-layout .pk-orders-shell{
    padding:14px!important;
    border-radius:20px!important;
  }

  body.pk-orders-layout .pk-orders-head{
    margin-bottom:18px!important;
  }

  body.pk-orders-layout .pk-orders-head h1{
    font-size:34px!important;
  }

  body.pk-orders-layout .pk-order-selection-bar{
    padding:14px!important;
    border-radius:16px!important;
  }

  body.pk-orders-layout .pk-order-selection-actions{
    grid-template-columns:1fr 1fr!important;
  }

  body.pk-orders-layout .pk-orders-toolbar{
    gap:12px!important;
  }

  body.pk-orders-layout .pk-orders-filter-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.pk-orders-layout .pk-orders-filter-list > li > a{
    min-height:39px!important;
    padding:9px 10px!important;
  }

  body.pk-orders-layout .pk-orders-table{
    min-width:1360px!important;
  }

  body.pk-orders-layout .pk-table-responsive{
    max-height:64vh!important;
  }
}

@media(max-width:520px){
  body.pk-orders-layout .pk-orders-head{
    gap:12px!important;
  }

  body.pk-orders-layout .pk-orders-head-icon{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }

  body.pk-orders-layout .pk-orders-head h1{
    font-size:28px!important;
  }

  body.pk-orders-layout .pk-order-selection-actions,
  body.pk-orders-layout .pk-orders-filter-list{
    grid-template-columns:1fr!important;
  }
}

/* ===== PKLIKE PREMIUM CALM LAYER: SAFE GLOBAL REFINEMENT ===== */

body.pk-auth-dashboard-layout{
  --pk-ui-bg:#061225;
  --pk-ui-panel:rgba(6,18,36,.72);
  --pk-ui-panel-strong:rgba(9,25,48,.82);
  --pk-ui-line:rgba(132,164,198,.15);
  --pk-ui-line-strong:rgba(132,164,198,.24);
  --pk-ui-text:#eaf2fb;
  --pk-ui-soft:#b8c7d8;
  --pk-ui-muted:#8fa3ba;
  --pk-ui-accent:#78d9ff;
  --pk-ui-blue:#5b92ff;
}

body.pk-auth-dashboard-layout :where(p,span,label,small,td,th,li,input,select,textarea,button,a){
  letter-spacing:0!important;
}

body.pk-auth-dashboard-layout :where(p,small,.text-muted,.help-block){
  color:var(--pk-ui-muted)!important;
  font-weight:500!important;
  line-height:1.65!important;
}

body.pk-auth-dashboard-layout :where(h1,h2,h3,h4,.pk-card-title,.dashboard-hero h1){
  color:#f7fbff!important;
  font-weight:800!important;
  line-height:1.16!important;
}

body.pk-auth-dashboard-layout :where(.pk-panel,.pk-table-shell,.pk-table-card,.pk-form-card,.pk-content-card,.dashboard-hero,.dashboard-membership-card,.dashboard-panel,.dashboard-stat-card,.dashboard-support-card),
body.pk-auth-dashboard-layout:not(.pk-neworder-layout) :where(.well,.panel){
  border-color:var(--pk-ui-line)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),
    var(--pk-ui-panel)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

body.pk-auth-dashboard-layout :where(.pk-control,.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea){
  border-color:rgba(132,164,198,.18)!important;
  background:rgba(3,12,25,.68)!important;
  color:var(--pk-ui-text)!important;
  font-weight:550!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body.pk-auth-dashboard-layout :where(.pk-control,.form-control,input,select,textarea):focus{
  border-color:rgba(120,217,255,.42)!important;
  box-shadow:0 0 0 3px rgba(91,146,255,.10),inset 0 1px 0 rgba(255,255,255,.05)!important;
  outline:0!important;
}

body.pk-auth-dashboard-layout :where(.btn,.pk-btn-main,.dashboard-primary-btn,.dashboard-stat-card a,.dashboard-support-card a){
  border-radius:12px!important;
  border-color:rgba(120,217,255,.26)!important;
  background:linear-gradient(135deg,rgba(76,132,238,.88),rgba(62,178,219,.84))!important;
  color:#f6fbff!important;
  font-weight:750!important;
  box-shadow:0 12px 28px rgba(24,98,184,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

body.pk-auth-dashboard-layout :where(.btn:hover,.btn:focus,.pk-btn-main:hover,.pk-btn-main:focus){
  filter:none!important;
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(24,98,184,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

body.pk-auth-dashboard-layout :where(.btn-default,.pk-action-btn-muted){
  background:rgba(5,16,33,.58)!important;
  color:#d9e5f2!important;
  border-color:rgba(132,164,198,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.pk-auth-dashboard-layout :where(.label,.badge,.pk-order-status){
  border-radius:999px!important;
  font-weight:750!important;
  box-shadow:none!important;
}

body.pk-auth-dashboard-layout :where(.dropdown-menu,.pk-dropdown-menu){
  border-radius:14px!important;
  border-color:rgba(132,164,198,.18)!important;
  background:rgba(7,18,36,.96)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.pk-auth-dashboard-layout :where(.dropdown-menu > li > a,.pk-dropdown-menu > li > a,.dropdown-item){
  color:#d9e5f2!important;
  font-weight:650!important;
  border-radius:10px!important;
}

body.pk-auth-dashboard-layout :where(.dropdown-menu > li > a:hover,.pk-dropdown-menu > li > a:hover,.dropdown-item:hover){
  background:rgba(56,115,166,.24)!important;
  color:#ffffff!important;
}

body.pk-auth-dashboard-layout :where(.pk-modal-content,.modal-content){
  border-radius:18px!important;
  border-color:rgba(132,164,198,.18)!important;
  background:rgba(6,18,36,.98)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

body.pk-auth-dashboard-layout :where(.modal-header,.modal-footer){
  border-color:rgba(132,164,198,.13)!important;
}

body.pk-auth-dashboard-layout :where(.alert){
  color:#eaf2fb!important;
  border-color:rgba(132,164,198,.18)!important;
  background:rgba(7,20,41,.74)!important;
}

body.pk-auth-dashboard-layout :where(.table,.pk-table){
  color:#d7e2ef!important;
}

body.pk-auth-dashboard-layout :where(.table > thead > tr > th,.pk-table > thead > tr > th){
  color:#9fb7d2!important;
  font-weight:750!important;
  border-color:rgba(132,164,198,.16)!important;
}

body.pk-auth-dashboard-layout :where(.table > tbody > tr > td,.pk-table > tbody > tr > td){
  border-color:rgba(132,164,198,.09)!important;
}

body.pk-auth-dashboard-layout ::-webkit-scrollbar{
  width:9px;
  height:9px;
}

body.pk-auth-dashboard-layout ::-webkit-scrollbar-track{
  background:rgba(255,255,255,.035);
}

body.pk-auth-dashboard-layout ::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg,rgba(120,217,255,.70),rgba(91,146,255,.72));
}

body.pk-dashboard-layout .dashboard-page{
  background:
    radial-gradient(circle at 22% 4%,rgba(60,132,220,.16),transparent 31%),
    radial-gradient(circle at 92% 7%,rgba(78,198,255,.06),transparent 24%),
    linear-gradient(180deg,#07182d 0%,#031022 52%,#020813 100%)!important;
}

body.pk-dashboard-layout :where(.dashboard-hero,.dashboard-membership-card,.dashboard-panel,.dashboard-stat-card,.dashboard-support-card){
  border-radius:20px!important;
  border-color:rgba(132,164,198,.15)!important;
}

body.pk-dashboard-layout .dashboard-stat-card{
  min-height:168px!important;
}

body.pk-dashboard-layout .dashboard-card-icon,
body.pk-dashboard-layout .dashboard-wolf-mark{
  border-color:rgba(132,164,198,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}

body.pk-neworder-layout .pk-dashboard-neworder{
  background:
    radial-gradient(circle at 18% 0%,rgba(60,132,220,.15),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(78,198,255,.07),transparent 26%),
    linear-gradient(180deg,#07182d 0%,#031022 50%,#020813 100%)!important;
}

body.pk-neworder-layout :where(.pk-dash-stat,.pk-order-card,.pk-platform-tabs){
  border-color:rgba(132,164,198,.16)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

body.pk-neworder-layout .pk-dash-stat:before,
body.pk-neworder-layout .pk-order-card:before,
body.pk-neworder-layout .pk-platform-tabs:before{
  opacity:.34!important;
}

body.pk-table-layout:not(.pk-orders-layout) .pk-table-page{
  background:
    radial-gradient(circle at 22% 4%,rgba(60,132,220,.15),transparent 32%),
    linear-gradient(180deg,#07182d 0%,#031022 52%,#020813 100%)!important;
}

body.pk-table-layout:not(.pk-orders-layout) .pk-table-shell{
  border-radius:22px!important;
  border-color:rgba(132,164,198,.16)!important;
}

body.pk-table-layout:not(.pk-orders-layout) .pk-tabs > li > a,
body.pk-table-layout:not(.pk-orders-layout) .pk-filter-btn{
  border-radius:13px!important;
  border-color:rgba(127,158,190,.16)!important;
  background:rgba(7,19,39,.48)!important;
  color:#b9c8d8!important;
  box-shadow:none!important;
}

body.pk-table-layout:not(.pk-orders-layout) .pk-tabs > li.active > a,
body.pk-table-layout:not(.pk-orders-layout) .pk-tabs > li > a:hover,
body.pk-table-layout:not(.pk-orders-layout) .pk-filter-btn:hover{
  color:#f5fbff!important;
  border-color:rgba(111,217,255,.34)!important;
  background:linear-gradient(135deg,rgba(79,146,255,.20),rgba(111,217,255,.10))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}

body.pk-auth-dashboard-layout:not(.pk-dashboard-layout):not(.pk-neworder-layout):not(.pk-orders-layout) .pk-page{
  background:
    radial-gradient(circle at 22% 4%,rgba(60,132,220,.14),transparent 32%),
    linear-gradient(180deg,#07182d 0%,#031022 52%,#020813 100%)!important;
}

body.pk-auth-dashboard-layout:not(.pk-dashboard-layout):not(.pk-neworder-layout):not(.pk-orders-layout) .pk-page-head h1{
  font-style:normal!important;
  font-weight:850!important;
  letter-spacing:0!important;
}

@media(max-width:991px){
  body.pk-auth-dashboard-layout :where(.pk-page,.dashboard-page,.pk-dashboard-neworder){
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.pk-auth-dashboard-layout :where(.pk-panel,.pk-table-shell,.pk-form-card,.pk-content-card,.dashboard-hero,.dashboard-membership-card,.dashboard-panel,.dashboard-stat-card,.dashboard-support-card){
    border-radius:16px!important;
  }
}

/* ===== PKLIKE PREMIUM CALM LAYER: NAV COMPATIBILITY ===== */

@media(min-width:992px){
  body.pk-auth-dashboard-layout .navbar{
    border-right-color:rgba(132,164,198,.16)!important;
    background:
      radial-gradient(circle at 50% 8%,rgba(73,132,216,.16),transparent 34%),
      linear-gradient(180deg,#07162b 0%,#020813 100%)!important;
    box-shadow:18px 0 48px rgba(0,0,0,.30)!important;
  }

  body.pk-auth-dashboard-layout .navbar-nav{
    gap:6px!important;
  }

  body.pk-auth-dashboard-layout .navbar-nav > li > a{
    color:#c8d6e5!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
    font-weight:650!important;
  }

  body.pk-auth-dashboard-layout .navbar-nav > li.active > a,
  body.pk-auth-dashboard-layout .navbar-nav > li > a:hover,
  body.pk-auth-dashboard-layout .navbar-nav > li > a:focus{
    color:#f7fbff!important;
    border-color:rgba(132,164,198,.20)!important;
    background:linear-gradient(90deg,rgba(89,146,255,.18),rgba(120,217,255,.07))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  }

  body.pk-auth-dashboard-layout .navbar-icon{
    color:#91c8e4!important;
  }

  body.pk-orders-layout .navbar-left-block > li.active > a[href*="neworder"],
  body.pk-orders-layout .navbar-left-block > li.active > a[href*="/new-order"],
  body.pk-orders-layout .navbar-left-block > li.active > a[href*="order/new"],
  body.pk-orders-layout .navbar-left-block > li.active > a[href*="refund"],
  body.pk-orders-layout .navbar-left-block > li.active > a[href*="refill"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="neworder"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="/new-order"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="order/new"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="refund"],
  body.pk-orders-layout .navbar-nav > li.active > a[href*="refill"]{
    color:#c8d6e5!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

@media(max-width:991px){
  body.pk-auth-dashboard-layout .navbar{
    border-bottom-color:rgba(132,164,198,.16)!important;
    background:linear-gradient(135deg,#07162b 0%,#061225 100%)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.26)!important;
  }

  .pk-mobile-drawer,
  .pk-mobile-bottom-nav{
    border-color:rgba(132,164,198,.14)!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
      rgba(4,13,27,.96)!important;
  }

  .pk-mobile-drawer-nav a{
    color:#c8d6e5!important;
    font-size:16px!important;
  }

  .pk-mobile-drawer-nav a.active{
    color:#f7fbff!important;
    background:linear-gradient(90deg,rgba(89,146,255,.18),rgba(120,217,255,.07))!important;
    border-left-color:rgba(120,217,255,.52)!important;
  }

  .pk-mobile-bottom-nav a.active,
  .pk-mobile-bottom-nav a.active span,
  .pk-mobile-bottom-nav .pk-bottom-order,
  .pk-mobile-bottom-nav .pk-bottom-order b{
    color:#9ddfff!important;
  }

  .pk-mobile-bottom-nav .pk-bottom-order span{
    background:linear-gradient(135deg,#5b92ff,#78d9ff)!important;
    box-shadow:0 14px 32px rgba(76,132,238,.28),0 0 0 6px rgba(5,13,27,.92)!important;
  }
}

/* ===== PKLIKE ROUTE ACTIVE SOURCE OF TRUTH ===== */

body.pk-auth-dashboard-layout .navbar-left-block > li:not(.active) > a,
body.pk-auth-dashboard-layout .navbar-nav > li:not(.active) > a{
  color:#c8d6e5!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.pk-auth-dashboard-layout .navbar-left-block > li.active > a,
body.pk-auth-dashboard-layout .navbar-left-block > li.active > a:hover,
body.pk-auth-dashboard-layout .navbar-left-block > li.active > a:focus,
body.pk-auth-dashboard-layout .navbar-nav > li.active > a,
body.pk-auth-dashboard-layout .navbar-nav > li.active > a:hover,
body.pk-auth-dashboard-layout .navbar-nav > li.active > a:focus{
  color:#f7fbff!important;
  border-color:rgba(120,217,255,.38)!important;
  background:linear-gradient(90deg,rgba(89,146,255,.22),rgba(120,217,255,.09))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.pk-auth-dashboard-layout .pk-mobile-drawer-nav a:not(.active){
  color:#c8d6e5!important;
  border-left-color:transparent!important;
  background:transparent!important;
}

body.pk-auth-dashboard-layout .pk-mobile-drawer-nav a.active{
  color:#f7fbff!important;
  background:linear-gradient(90deg,rgba(89,146,255,.22),rgba(120,217,255,.09))!important;
  border-left:3px solid rgba(120,217,255,.58)!important;
}

body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a:not(.active):not(.pk-bottom-order),
body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a:not(.active):not(.pk-bottom-order) span,
body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a:not(.active):not(.pk-bottom-order) b,
body.pk-auth-dashboard-layout .pk-mobile-bottom-nav .pk-bottom-order:not(.active),
body.pk-auth-dashboard-layout .pk-mobile-bottom-nav .pk-bottom-order:not(.active) b{
  color:#b9c8da!important;
}

body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a.active,
body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a.active span,
body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a.active b,
body.pk-auth-dashboard-layout .pk-mobile-bottom-nav .pk-bottom-order.active,
body.pk-auth-dashboard-layout .pk-mobile-bottom-nav .pk-bottom-order.active b{
  color:#9ddfff!important;
}

body.pk-auth-dashboard-layout .pk-mobile-bottom-nav .pk-bottom-order:not(.active) span{
  color:#dce8f5!important;
  background:linear-gradient(135deg,#38527a,#496585)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 0 6px rgba(5,13,27,.92)!important;
}

body.pk-auth-dashboard-layout .pk-mobile-bottom-nav .pk-bottom-order.active span{
  color:#ffffff!important;
  background:linear-gradient(135deg,#5b92ff,#78d9ff)!important;
  box-shadow:0 14px 32px rgba(76,132,238,.28),0 0 0 6px rgba(5,13,27,.92)!important;
}

/* ===== PKLIKE NEW ORDER UI PATCH: MOBILE SEARCH + PLATFORM ICONS ===== */

.pk-dashboard-neworder .pk-youtube-icon,
.pk-dashboard-neworder .pk-instagram-icon,
.pk-dashboard-neworder .pk-tiktok-icon,
.pk-dashboard-neworder .pk-line-icon{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:transparent!important;
  font-size:0!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

.pk-dashboard-neworder .pk-youtube-icon{
  background:linear-gradient(135deg,#ff2525 0%,#bd0000 100%)!important;
}

.pk-dashboard-neworder .pk-youtube-icon:before{
  content:""!important;
  width:0!important;
  height:0!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:15px solid #ffffff!important;
  transform:translateX(2px)!important;
}

.pk-dashboard-neworder .pk-youtube-icon:after{
  display:none!important;
  content:none!important;
}

.pk-dashboard-neworder .pk-instagram-icon{
  background:
    radial-gradient(circle at 31% 103%,#ffe66b 0 11%,#ff7a3d 30%,#ff2d78 51%,#9b35ec 73%,#2f66ff 100%)!important;
}

.pk-dashboard-neworder .pk-instagram-icon:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:21px!important;
  height:21px!important;
  transform:translate(-50%,-50%)!important;
  border:3px solid #ffffff!important;
  border-radius:7px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.pk-dashboard-neworder .pk-instagram-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  transform:translate(-50%,-50%)!important;
  border:3px solid #ffffff!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:9px -9px 0 -3px #ffffff!important;
}

.pk-dashboard-neworder .pk-tiktok-icon{
  background:#050505!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:9px!important;
  height:28px!important;
  transform:translate(-1px,-16px) skewY(-5deg)!important;
  border-radius:5px 5px 3px 3px!important;
  background:#ffffff!important;
  box-shadow:-1.5px 1.5px 0 #25f4ee,1.5px -1.5px 0 #fe2c55!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:17px!important;
  height:17px!important;
  transform:translate(-13px,6px)!important;
  border-radius:50%!important;
  background:#ffffff!important;
  box-shadow:
    -1.5px 1.5px 0 #25f4ee,
    1.5px -1.5px 0 #fe2c55,
    13px -23px 0 -5px #ffffff,
    11.5px -21.5px 0 -5px #25f4ee,
    14.5px -24.5px 0 -5px #fe2c55!important;
}

.pk-dashboard-neworder .pk-line-icon{
  background:linear-gradient(135deg,#24e846 0%,#00a51d 100%)!important;
}

.pk-dashboard-neworder .pk-line-icon:before{
  content:"LINE"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  max-width:none!important;
  color:#ffffff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.55px!important;
  white-space:nowrap!important;
  word-break:normal!important;
  text-shadow:none!important;
}

.pk-dashboard-neworder .pk-line-icon:after{
  display:none!important;
  content:none!important;
}

@media(max-width:768px){
  .pk-dashboard-neworder #new-order-search{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper button{
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#eef8ff!important;
    opacity:1!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    line-height:1!important;
    z-index:3!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper button .fas,
  .pk-dashboard-neworder #new-order-search .input-wrapper button span,
  .pk-dashboard-neworder #new-order-search .input-wrapper button i{
    width:20px!important;
    height:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15px!important;
    line-height:20px!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input,
  .pk-dashboard-neworder #template-input.form-control.pk-control{
    width:100%!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    padding:10px 14px 10px 48px!important;
    border-radius:11px!important;
    font-size:14px!important;
    line-height:1.35!important;
    text-indent:0!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input::placeholder{
    color:#a9b9cc!important;
    opacity:1!important;
  }

  .pk-dashboard-neworder .pk-youtube-icon,
  .pk-dashboard-neworder .pk-instagram-icon,
  .pk-dashboard-neworder .pk-tiktok-icon,
  .pk-dashboard-neworder .pk-line-icon{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    text-shadow:none!important;
  }

  .pk-dashboard-neworder .pk-youtube-icon:before{
    border-top-width:8px!important;
    border-bottom-width:8px!important;
    border-left-width:14px!important;
  }

  .pk-dashboard-neworder .pk-instagram-icon:before{
    width:15px!important;
    height:15px!important;
    border-width:2px!important;
    border-radius:5px!important;
  }

  .pk-dashboard-neworder .pk-instagram-icon:after{
    width:5px!important;
    height:5px!important;
    border-width:2px!important;
    box-shadow:7px -7px 0 -2px #ffffff!important;
  }

  .pk-dashboard-neworder .pk-tiktok-icon:before{
    width:7px!important;
    height:21px!important;
    transform:translate(0,-12px) skewY(-5deg)!important;
    border-radius:4px 4px 3px 3px!important;
    box-shadow:-1px 1px 0 #25f4ee,1px -1px 0 #fe2c55!important;
  }

  .pk-dashboard-neworder .pk-tiktok-icon:after{
    width:13px!important;
    height:13px!important;
    transform:translate(-10px,4px)!important;
    box-shadow:
      -1px 1px 0 #25f4ee,
      1px -1px 0 #fe2c55,
      10px -17px 0 -4px #ffffff,
      9px -16px 0 -4px #25f4ee,
      11px -18px 0 -4px #fe2c55!important;
  }

  .pk-dashboard-neworder .pk-line-icon{
    white-space:nowrap!important;
  }

  .pk-dashboard-neworder .pk-line-icon:before{
    font-size:8.5px!important;
    letter-spacing:-.65px!important;
    white-space:nowrap!important;
  }
}

/* ===== PKLIKE FINAL: NEW ORDER TIKTOK + MOBILE SEARCH STAT PATCH ===== */

.pk-dashboard-neworder .pk-tiktok-icon{
  --pk-tiktok-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 72'%3E%3Cpath fill='black' d='M38 7h10c1 9 6 15 14 18v11c-6-.1-12-2-17-6v18c0 13-9 22-22 22C11 70 2 61 2 50s8-19 20-19c2 0 5 .4 7 1.2v11.4c-2-1.2-4.2-1.8-6.8-1.8-5.2 0-9 3.7-9 8.4 0 5.1 4.1 8.7 9.2 8.7 5.7 0 9.1-3.8 9.1-10.2V7z'/%3E%3C/svg%3E")!important;
  position:relative!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:#050505!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:before,
.pk-dashboard-neworder .pk-tiktok-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:25px!important;
  height:29px!important;
  border:0!important;
  border-radius:0!important;
  -webkit-mask:var(--pk-tiktok-mask) center/contain no-repeat!important;
  mask:var(--pk-tiktok-mask) center/contain no-repeat!important;
  box-shadow:none!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:before{
  transform:translate(-47%,-48%)!important;
  background:linear-gradient(135deg,#25f4ee 0 46%,#fe2c55 54% 100%)!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:after{
  transform:translate(-50%,-51%)!important;
  background:#ffffff!important;
}

@media(max-width:768px){
  .pk-dashboard-neworder #new-order-search,
  .pk-dashboard-neworder #new-order-search .input-wrapper{
    width:100%!important;
    max-width:100%!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper{
    position:relative!important;
    display:block!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper button{
    position:absolute!important;
    left:13px!important;
    top:50%!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#edf7ff!important;
    opacity:1!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    line-height:1!important;
    z-index:4!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper button .fas,
  .pk-dashboard-neworder #new-order-search .input-wrapper button span,
  .pk-dashboard-neworder #new-order-search .input-wrapper button i{
    width:18px!important;
    height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    line-height:18px!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input,
  .pk-dashboard-neworder #template-input.form-control.pk-control{
    width:100%!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    padding:10px 14px 10px 44px!important;
    border-radius:11px!important;
    font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.35!important;
    text-indent:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    -webkit-text-fill-color:#f3f8ff!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input::placeholder{
    color:#aab9ca!important;
    opacity:1!important;
    font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
    font-size:14px!important;
    font-weight:500!important;
  }

  .pk-dashboard-neworder .pk-tiktok-icon:before,
  .pk-dashboard-neworder .pk-tiktok-icon:after{
    width:20px!important;
    height:24px!important;
  }
}

/* ===== PKLIKE FINAL: TRUE TIKTOK LOGO MASK ===== */

.pk-dashboard-neworder .pk-tiktok-icon{
  --pk-tiktok-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 209.9c-43.7.1-86.3-13.7-121.6-39.2v178.7c0 89.8-72.8 162.6-162.6 162.6S1.3 439.2 1.3 349.4s72.8-162.6 162.6-162.6c17.1 0 33.5 2.6 49 7.5v89.9c-14.4-9.2-31.5-14.5-49.8-14.5-51.2 0-92.7 41.5-92.7 92.7s41.5 92.7 92.7 92.7 92.7-41.5 92.7-92.7V0h89.4c0 67.2 54.5 121.7 121.7 121.7h21.1v88.2z'/%3E%3C/svg%3E")!important;
  position:relative!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:#050505!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:before,
.pk-dashboard-neworder .pk-tiktok-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:29px!important;
  height:34px!important;
  border:0!important;
  border-radius:0!important;
  background:#ffffff!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-mask:var(--pk-tiktok-logo) center/contain no-repeat!important;
  mask:var(--pk-tiktok-logo) center/contain no-repeat!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:before{
  transform:translate(-53%,-47%)!important;
  background:linear-gradient(135deg,#25f4ee 0 44%,#fe2c55 56% 100%)!important;
}

.pk-dashboard-neworder .pk-tiktok-icon:after{
  transform:translate(-50%,-50%)!important;
  background:#ffffff!important;
}

@media(max-width:768px){
  .pk-dashboard-neworder .pk-tiktok-icon:before,
  .pk-dashboard-neworder .pk-tiktok-icon:after{
    width:22px!important;
    height:26px!important;
  }
}

/* ===== PKLIKE FINAL: INLINE TIKTOK SVG + LOGOUT BUTTON ===== */

.pk-dashboard-neworder .pk-tiktok-svg-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#050505!important;
  color:transparent!important;
  font-size:0!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}

.pk-dashboard-neworder .pk-tiktok-svg-icon:before,
.pk-dashboard-neworder .pk-tiktok-svg-icon:after{
  display:none!important;
  content:none!important;
}

.pk-dashboard-neworder .pk-tiktok-svg-icon svg{
  width:26px!important;
  height:30px!important;
  display:block!important;
  overflow:visible!important;
  filter:none!important;
  -webkit-filter:none!important;
}

.pk-dashboard-neworder .pk-tiktok-svg-icon .pk-tiktok-layer{
  filter:none!important;
  -webkit-filter:none!important;
}

.pk-dashboard-neworder .pk-tiktok-svg-icon .pk-tiktok-layer-cyan{
  fill:#25f4ee!important;
  transform:translate(-22px,18px)!important;
}

.pk-dashboard-neworder .pk-tiktok-svg-icon .pk-tiktok-layer-red{
  fill:#fe2c55!important;
  transform:translate(18px,-16px)!important;
}

.pk-dashboard-neworder .pk-tiktok-svg-icon .pk-tiktok-layer-main{
  fill:#ffffff!important;
}

body.pk-auth-dashboard-layout .pk-logout-nav{
  margin-top:8px!important;
  padding-top:8px!important;
  border-top:1px solid rgba(0,190,255,.16)!important;
}

body.pk-auth-dashboard-layout .pk-logout-nav > a,
.pk-mobile-drawer-nav .pk-mobile-logout{
  color:#ffdce2!important;
  border-color:rgba(255,77,109,.28)!important;
  background:rgba(120,22,42,.14)!important;
}

body.pk-auth-dashboard-layout .pk-logout-nav > a:hover,
body.pk-auth-dashboard-layout .pk-logout-nav > a:focus,
.pk-mobile-drawer-nav .pk-mobile-logout:hover,
.pk-mobile-drawer-nav .pk-mobile-logout:focus{
  color:#ffffff!important;
  border-color:rgba(255,77,109,.55)!important;
  background:linear-gradient(90deg,rgba(255,58,93,.22),rgba(0,216,255,.06))!important;
  box-shadow:0 0 18px rgba(255,58,93,.15),inset 0 0 18px rgba(255,255,255,.04)!important;
}

body.pk-auth-dashboard-layout .pk-logout-nav .navbar-icon,
.pk-mobile-drawer-nav .pk-mobile-logout span{
  color:#ff8ea3!important;
}

@media(max-width:768px){
  .pk-dashboard-neworder .pk-tiktok-svg-icon svg{
    width:21px!important;
    height:25px!important;
  }
}

/* ===== PKLIKE FINAL: MOBILE NEW ORDER SEARCH THAI TEXT FIX ===== */

@media(max-width:767px){
  .pk-dashboard-neworder #new-order-search,
  .pk-dashboard-neworder #new-order-search .input-wrapper{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:block!important;
    position:relative!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper button,
  .pk-dashboard-neworder #new-order-search .input-wrapper .btn,
  .pk-dashboard-neworder #new-order-search .input-wrapper .fas,
  .pk-dashboard-neworder #new-order-search .input-wrapper .fa,
  .pk-dashboard-neworder #new-order-search .input-wrapper i{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    min-width:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    pointer-events:none!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input,
  .pk-dashboard-neworder #template-input.form-control.pk-control{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:56px!important;
    padding:13px 18px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
    display:block!important;
    color:#f4f9ff!important;
    -webkit-text-fill-color:#f4f9ff!important;
    font-family:'Noto Sans Thai','Kanit','Segoe UI',Tahoma,sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.65!important;
    letter-spacing:0!important;
    text-indent:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input::placeholder,
  .pk-dashboard-neworder #new-order-search #template-input::-webkit-input-placeholder{
    color:#d9e6f5!important;
    opacity:1!important;
    -webkit-text-fill-color:#d9e6f5!important;
    font-family:'Noto Sans Thai','Kanit','Segoe UI',Tahoma,sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.65!important;
    letter-spacing:0!important;
  }
}

/* =========================================================================
   PKLIKE V2 — FINAL UI FIX PASS (typography / tiktok icon / profile menu /
   route active state). Appended last so it wins the cascade cleanly.
   ========================================================================= */

/* ----- 1. GLOBAL TYPOGRAPHY & READABILITY (single source of truth) -------- */
/* This block is the ONE authoritative place for fonts across the whole site
   (guest pages + dashboard). It is appended last so it wins the cascade over
   the older accreted rules above without having to edit them.

   Readability rules applied:
     - one consistent font stack everywhere
     - weight scale:  body/text 500 · labels-menu-tabs 600 · buttons 700 ·
       headings 800   (was a noisy mix of 400 / 700 / 900)
     - letter-spacing forced to `normal` — fractional values like .1px / .2px
       and tight negatives like -.7px force sub-pixel rendering = fuzzy text
     - text-shadow removed from text — the blue "glow" smeared every letter

   It only touches PAINT/TEXT properties (font, weight, line-height,
   letter-spacing, text-shadow) — never layout, position, display or ids —
   so it cannot break a form, a route or an order flow. */

html,body{
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
  font-weight:500!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}

button,input,select,textarea,optgroup{
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
}

/* Kill blur sources globally. `*` does not match ::before/::after, so the
   decorative text-logos built with pseudo-elements keep their tight spacing. */
body[class] *{
  letter-spacing:normal!important;
  text-shadow:none!important;
}

/* Body / running text — weight 500, comfortable line-height */
body[class] :where(p,span,small,li,dd,dt,em,figcaption,td,
  .pk-desc,.dashboard-hero-copy p,.pk-info-grid span,
  .pk-control,.form-control,input,select,textarea){
  font-weight:500!important;
}
body[class] :where(p,li,dd,.pk-desc){
  line-height:1.7!important;
}

/* Labels, table headers, nav menus, tabs — weight 600 */
body[class] :where(label,.control-label,th,.pk-page-kicker,.dashboard-kicker),
body[class] .navbar-nav > li > a,
body[class] .pk-mobile-drawer-nav a,
body[class] .pk-mobile-bottom-nav a,
body[class] .pk-tabs > li > a,
body[class] .nav-pills > li > a{
  font-weight:600!important;
}

/* Buttons — weight 700 for clear hierarchy */
body[class] :where(button,.btn,.pk-btn-main,.pk-button,
  .pk-login-btn,.pk-cta-btn,input[type="submit"]){
  font-weight:700!important;
}

/* Headings — weight 800, sharp (bold weight does the work, not the glow) */
body[class] :where(h1,h2,h3,h4,h5,h6,.pk-title,.pk-subtitle,.pk-card-title,
  .dashboard-section-head h2,.pk-page-title,.pk-section-title,
  .pk-section-head h2){
  font-weight:800!important;
}
body[class] :where(h1,.pk-title){line-height:1.2!important;}
body[class] :where(h2,h3,h4){line-height:1.3!important;}

/* ----- 2. TIKTOK TAB ICON — clean, crisp monochrome mark ----------------- */
/* A single sharp white note on a near-black tile. No chromatic ghosts, no
   blur — the glitch effect reads as fuzzy at tab-icon size. */
.pk-dashboard-neworder .pk-tab-icon.pk-tiktok-svg-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 36% 28%,#2c2c33 0%,#040404 78%)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
.pk-dashboard-neworder .pk-tab-icon.pk-tiktok-svg-icon::before,
.pk-dashboard-neworder .pk-tab-icon.pk-tiktok-svg-icon::after{
  content:none!important;
  display:none!important;
}
.pk-dashboard-neworder .pk-tiktok-svg-icon svg,
.pk-dashboard-neworder .pk-tiktok-svg-icon .pk-tt-logo{
  width:26px!important;
  height:30px!important;
  display:block!important;
  overflow:visible!important;
  filter:none!important;
  -webkit-filter:none!important;
  shape-rendering:geometricPrecision!important;
}
.pk-dashboard-neworder .pk-tiktok-svg-icon .pk-tt-note{
  fill:#ffffff!important;
  filter:none!important;
  -webkit-filter:none!important;
}
@media(max-width:768px){
  .pk-dashboard-neworder .pk-tiktok-svg-icon svg,
  .pk-dashboard-neworder .pk-tiktok-svg-icon .pk-tt-logo{
    width:21px!important;
    height:24px!important;
  }
}

/* ----- 3. USER PROFILE DROPDOWN — floating top-right, PKLIKE theme ------- */
/* The auth navbar becomes a fixed left sidebar on desktop, so the profile is
   pinned to the viewport top-right (like the reference) rather than in flow. */
body.pk-auth-dashboard-layout .pk-auth-profile{
  position:fixed!important;
  top:18px!important;
  right:24px!important;
  left:auto!important;
  bottom:auto!important;
  display:flex!important;
  align-items:center!important;
  z-index:1035!important;
  font-family:'Kanit','Noto Sans Thai','Segoe UI',Tahoma,sans-serif!important;
}
/* Reserve a clean top strip so the floating profile never covers content */
@media(min-width:992px){
  body.pk-auth-dashboard-layout .pk-dashboard-neworder,
  body.pk-auth-dashboard-layout .dashboard-page{
    padding-top:82px!important;
  }
  body.pk-auth-dashboard-layout > .page-wrapper{
    padding-top:84px!important;
  }
}
body.pk-auth-dashboard-layout .pk-auth-profile-toggle{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 20px 7px 7px!important;
  border:1px solid rgba(0,184,255,.34)!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,rgba(11,28,58,.98),rgba(4,11,26,.99))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#f4f9ff!important;
  cursor:pointer!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-toggle:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(0,210,255,.62)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.48),0 0 22px rgba(0,180,255,.30)!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile.open .pk-auth-profile-toggle{
  border-color:rgba(0,215,255,.72)!important;
  box-shadow:0 0 0 1px rgba(0,215,255,.22),0 0 22px rgba(0,185,255,.3)!important;
}
body.pk-auth-dashboard-layout .pk-auth-avatar{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#1c7bff,#19d4ff)!important;
  color:#04152f!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 6px 16px rgba(0,170,255,.42),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
body.pk-auth-dashboard-layout .pk-auth-name{
  display:block!important;
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#eaf3ff!important;
  font-size:14.5px!important;
  font-weight:700!important;
  line-height:1.1!important;
}
body.pk-auth-dashboard-layout .pk-auth-caret{
  margin-left:4px!important;
  margin-right:2px!important;
  color:#cfeaff!important;
  font-size:16px!important;
  line-height:1!important;
  transition:transform .22s ease,color .2s ease!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile.open .pk-auth-caret{
  transform:rotate(180deg)!important;
  color:#2fd4ff!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-menu{
  position:absolute!important;
  top:calc(100% + 12px)!important;
  right:0!important;
  left:auto!important;
  width:266px!important;
  overflow:hidden!important;
  border:1px solid rgba(0,184,255,.28)!important;
  border-radius:16px!important;
  background:linear-gradient(165deg,#0b1c3c 0%,#050e22 100%)!important;
  box-shadow:0 26px 60px rgba(0,0,0,.6),0 0 30px rgba(0,140,255,.16)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-10px) scale(.96)!important;
  transform-origin:top right!important;
  pointer-events:none!important;
  transition:opacity .2s ease,transform .2s cubic-bezier(.2,.7,.2,1),visibility .2s ease!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile.open .pk-auth-profile-menu{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
  pointer-events:auto!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-head{
  padding:16px 18px!important;
  border-bottom:1px solid rgba(0,169,255,.16)!important;
  background:linear-gradient(180deg,rgba(0,150,255,.1),rgba(0,150,255,0))!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-head strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#ffffff!important;
  font-size:15px!important;
  font-weight:800!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-head span{
  display:block!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#89a3c0!important;
  font-size:12.5px!important;
  font-weight:400!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-menu a{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:50px!important;
  padding:0 18px!important;
  color:#dbe7f6!important;
  font-size:14px!important;
  font-weight:600!important;
  text-decoration:none!important;
  background:transparent!important;
  transition:background .16s ease,color .16s ease,padding-left .16s ease!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-menu a + a{
  border-top:1px solid rgba(255,255,255,.06)!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-menu a:hover{
  color:#ffffff!important;
  background:rgba(0,169,255,.14)!important;
  padding-left:22px!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-menu a.pk-auth-profile-logout{
  color:#ff9aab!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-menu a.pk-auth-profile-logout:hover{
  color:#ffffff!important;
  background:rgba(255,77,109,.18)!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-ico{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:rgba(0,169,255,.14)!important;
  color:#3fc8ff!important;
  font-size:13px!important;
}
body.pk-auth-dashboard-layout .pk-auth-profile-logout .pk-auth-profile-ico{
  background:rgba(255,77,109,.16)!important;
  color:#ff7d92!important;
}
/* Mobile/tablet: the hamburger drawer already provides profile + account +
   logout, and this floating button overlapped the hamburger toggle — so hide
   it entirely on phones. Desktop keeps it (rules in the min-width:992px block). */
@media(max-width:991px){
  body.pk-auth-dashboard-layout .pk-auth-profile{
    display:none!important;
  }
}

/* ----- 4. ROUTE ACTIVE STATE: ".active" IS THE ONLY SOURCE OF TRUTH ------- */
/* Server resolves one route (pk_active_route) and renders .active on the
   matching item in every nav; script.js re-affirms the same value. No menu
   is highlighted by URL guesswork, so nothing flashes on load. */
html body.pk-auth-dashboard-layout .navbar-left-block > li:not(.active):not(.pk-logout-nav) > a,
html body.pk-auth-dashboard-layout .navbar-nav > li:not(.active):not(.pk-logout-nav) > a{
  color:#c8d6e5!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.pk-auth-dashboard-layout .navbar-left-block > li.active > a,
html body.pk-auth-dashboard-layout .navbar-left-block > li.active > a:hover,
html body.pk-auth-dashboard-layout .navbar-left-block > li.active > a:focus,
html body.pk-auth-dashboard-layout .navbar-nav > li.active > a,
html body.pk-auth-dashboard-layout .navbar-nav > li.active > a:hover,
html body.pk-auth-dashboard-layout .navbar-nav > li.active > a:focus{
  color:#ffffff!important;
  border-color:rgba(120,217,255,.42)!important;
  background:linear-gradient(90deg,rgba(28,127,255,.24),rgba(0,216,255,.11))!important;
  box-shadow:inset 0 -3px 0 #00c8ff,0 0 16px rgba(0,170,255,.16)!important;
}
html body.pk-auth-dashboard-layout .pk-mobile-drawer-nav a:not(.active){
  background:transparent!important;
  border-left-color:transparent!important;
}
html body.pk-auth-dashboard-layout .pk-mobile-drawer-nav a.active{
  color:#f7fbff!important;
  background:linear-gradient(90deg,rgba(28,127,255,.26),rgba(0,216,255,.11))!important;
  border-left:3px solid #19e3ff!important;
}
html body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a:not(.active):not(.pk-bottom-order),
html body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a:not(.active):not(.pk-bottom-order) span,
html body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a:not(.active):not(.pk-bottom-order) b{
  color:#b9c8da!important;
}
html body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a.active:not(.pk-bottom-order),
html body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a.active:not(.pk-bottom-order) span,
html body.pk-auth-dashboard-layout .pk-mobile-bottom-nav a.active:not(.pk-bottom-order) b{
  color:#37d8ff!important;
}

/* ----- 5. INSTAGRAM TAB ICON — crisp inline SVG glyph -------------------- */
/* Replaces the pseudo-element drawing with a real SVG (camera outline) on the
   existing IG gradient tile — sharp on desktop and mobile. */
.pk-dashboard-neworder .pk-tab-icon.pk-instagram-svg-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.pk-dashboard-neworder .pk-tab-icon.pk-instagram-svg-icon::before,
.pk-dashboard-neworder .pk-tab-icon.pk-instagram-svg-icon::after{
  content:none!important;
  display:none!important;
}
.pk-dashboard-neworder .pk-instagram-svg-icon .pk-ig-logo{
  width:25px!important;
  height:25px!important;
  display:block!important;
  filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.32))!important;
  shape-rendering:geometricPrecision!important;
}
@media(max-width:768px){
  .pk-dashboard-neworder .pk-instagram-svg-icon .pk-ig-logo{
    width:21px!important;
    height:21px!important;
  }
}

/* =========================================================================
   PKLIKE V2 — NEW-ORDER MOBILE SEARCH: PERMANENT FIX  (phones ≤767px only)
   -------------------------------------------------------------------------
   Real markup (neworder.twig):
     wrapper   .pk-dashboard-neworder   (the page <section>)
     box       #new-order-search .pk-search-dropdown  +  .input-wrapper
     input     #template-input  (.form-control .pk-control)  ← JS search field
   The "ค้นหา" placeholder kept rendering under the magnifier because the
   input lost its width / left padding on phones and stray positioning rules
   from older override blocks fought each other. This block is appended last
   so it wins the cascade and forces the search field back to a plain,
   full-width input — and ONLY the search field. Category / service pickers,
   their dropdowns and price calc are deliberately NOT touched (they work).
   Scoped to max-width:767px — desktop (≥768px) is 100% untouched.
   Verified layout-safe at 320 / 375 / 390 / 414 / 430px.
   ========================================================================= */
@media(max-width:767px){
  /* the search box + every wrapper around it: full width, in normal flow,
     nothing clipped, no sideways scroll */
  .pk-dashboard-neworder #new-order-search,
  .pk-dashboard-neworder .pk-search-dropdown,
  .pk-dashboard-neworder #new-order-search .input-wrapper,
  .pk-dashboard-neworder .pk-search-dropdown .input-wrapper{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    float:none!important;
    margin:0!important;
    overflow:visible!important;
  }

  /* the search INPUT itself — a normal, full-width field.
     font-size:16px stops iOS from zooming/shifting layout on focus.
     padding-left:46px leaves clean room for the pinned magnifier. */
  .pk-dashboard-neworder #template-input,
  .pk-dashboard-neworder #new-order-search #template-input,
  .pk-dashboard-neworder #template-input.form-control.pk-control,
  .pk-dashboard-neworder .pk-search-dropdown input{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    float:none!important;
    margin:0!important;
    padding:0 16px 0 46px!important;
    font-size:16px!important;
    line-height:1.4!important;
    text-indent:0!important;
    border-radius:14px!important;
    overflow:visible!important;
  }

  /* magnifier — pinned far-left, decorative; pointer-events:none so taps and
     typing always reach the input underneath */
  .pk-dashboard-neworder #new-order-search .input-wrapper button,
  .pk-dashboard-neworder .pk-search-dropdown .input-wrapper button{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:none!important;
    z-index:3!important;
  }
  .pk-dashboard-neworder #new-order-search .input-wrapper button .fas,
  .pk-dashboard-neworder #new-order-search .input-wrapper button span,
  .pk-dashboard-neworder #new-order-search .input-wrapper button i{
    font-size:15px!important;
    line-height:1!important;
    color:#9fb3c8!important;
  }
}

/* ===== PKLIKE ABSOLUTE LAST: MOBILE SEARCH NO-ICON THAI SAFE ===== */

@media(max-width:767px){
  .pk-dashboard-neworder #new-order-search,
  .pk-dashboard-neworder #new-order-search .input-wrapper{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:block!important;
    position:relative!important;
    margin:0!important;
    overflow:visible!important;
  }

  .pk-dashboard-neworder #new-order-search .input-wrapper button,
  .pk-dashboard-neworder #new-order-search .input-wrapper .btn,
  .pk-dashboard-neworder #new-order-search .input-wrapper .fa,
  .pk-dashboard-neworder #new-order-search .input-wrapper .fas,
  .pk-dashboard-neworder #new-order-search .input-wrapper i,
  .pk-dashboard-neworder #new-order-search .input-wrapper span[class*="fa"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    pointer-events:none!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input,
  .pk-dashboard-neworder #template-input.form-control.pk-control,
  .pk-dashboard-neworder .pk-search-dropdown #template-input{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:56px!important;
    padding:13px 18px!important;
    margin:0!important;
    display:block!important;
    border-radius:14px!important;
    color:#f4f9ff!important;
    -webkit-text-fill-color:#f4f9ff!important;
    font-family:'Noto Sans Thai','Kanit','Segoe UI',Tahoma,sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.65!important;
    letter-spacing:0!important;
    text-indent:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  .pk-dashboard-neworder #new-order-search #template-input::placeholder,
  .pk-dashboard-neworder #new-order-search #template-input::-webkit-input-placeholder{
    color:#d9e6f5!important;
    opacity:1!important;
    -webkit-text-fill-color:#d9e6f5!important;
    font-family:'Noto Sans Thai','Kanit','Segoe UI',Tahoma,sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.65!important;
    letter-spacing:0!important;
  }
}

/* =========================================================================
   PKLIKE V2 — NEW-ORDER SEARCH BOX: REAL ROOT-CAUSE FIX (โชว์ไอคอนแว่นขยาย)
   -------------------------------------------------------------------------
   ตรวจ DOM จริงด้วย DevTools (มุมมองมือถือ) แล้ว — ยืนยันสาเหตุ:
   โมดูลค้นหาของแพนเนล (select2 / search-dropdown) สร้าง element ใหม่ตอนรัน
   แล้ว "ลบ id ทิ้ง" โครงจริงตอนรันคือ:

     div.search-dropdown            ← ไม่มี #new-order-search / .pk-search-dropdown แล้ว
       div.input-wrapper
         button.input-wrapper__prepend     ← ไอคอนแว่นขยาย (panel inject)
         input.select2-selection.form-control   ← ช่องพิมพ์จริง (ไม่มี #template-input)

   บล็อก CSS เก่าด้านบนที่ยิงด้วย #new-order-search / #template-input /
   .pk-search-dropdown ไม่โดนอะไรเลย (id/class พวกนั้นไม่มีตอนรัน) = dead code.

   ต้นเหตุบั๊กทับ: ไม่ใช่ตัวแว่น แต่เป็น rule มือถือ `.pk-form .form-control{
   padding:9px 12px}` ที่ลบ "ระยะเว้นซ้าย" ของ input → ตัวอักษร "ค้นหา" เลื่อน
   มาทับแว่นที่ panel ปักไว้ชิดซ้าย.

   วิธีนี้ = โชว์แว่นไว้ + จัดให้ถูก: ปักแว่นชิดซ้ายในช่องว่าง, ให้ input มี
   padding-left 48px เผื่อพอดี → ตัวอักษรเริ่มถัดจากแว่น ไม่มีทางทับ.
   pointer-events:none ที่แว่น → แตะตรงไอคอนก็ทะลุไปโฟกัส input ได้ปกติ.
   ยิงด้วย selector ที่มีจริงตอนรัน + ต่อท้ายสุด + !important → ชนะ rule เก่า.
   หมายเหตุ: ส่วนจัดไอคอน/ขนาด ครอบเฉพาะ ≤768px (เดสก์ท็อปปกติอยู่แล้ว) แต่
   กฎ z-index ที่แก้บั๊กลิสต์ผลค้นหาถูกกล่องอื่นทับ ใช้ทุกขนาดจอ (เดสก์ท็อป
   ก็เจอบั๊กนี้) จึงวางไว้นอก @media.
   ========================================================================= */

/* z-index — ใช้ทุกขนาดจอ: ยกกล่องค้นหา (รวมลิสต์ผลลัพธ์ที่เด้งลงมา) ให้ลอย
   เหนือ .pk-category-picker (z-index 60) / .pk-service-picker (z-index 45)
   ที่อยู่ด้านล่าง — ไม่งั้นสองกล่องนั้นทะลุขึ้นมาทับลิสต์ผลค้นหา.
   สำคัญ: ใส่ที่ .search-dropdown เท่านั้น ห้ามใส่ที่ .input-wrapper (ไม่งั้น
   แถว input จะบังลิสต์ผลลัพธ์ที่เป็น sibling) */
.pk-dashboard-neworder .pk-form .search-dropdown{
  position:relative!important;
  z-index:200!important;
}

@media(max-width:768px){
  .pk-dashboard-neworder .pk-form .search-dropdown,
  .pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* ช่องพิมพ์จริง — เว้นซ้าย 48px (พ้นแว่น) เว้นขวา 44px (พ้นปุ่มล้าง),
     font 16px กัน iOS ซูม */
  .pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper input,
  .pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper input.form-control,
  .pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper input.select2-selection{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-height:60px!important;
    height:auto!important;
    padding:12px 44px 12px 48px!important;
    font-size:16px!important;
    line-height:1.9!important;
    text-indent:0!important;
    border-radius:12px!important;
  }

  /* ไอคอนแว่นขยาย (input-wrapper__prepend) — ปักชิดซ้ายเท่านั้น, decorative.
     สำคัญ: เลือกเฉพาะ __prepend — ห้ามใช้ `> button` เพราะจะไปจับปุ่ม __append
     (ปุ่มล้าง/× ที่โผล่ตอนพิมพ์) แล้วลากมันมาทับแว่น = บั๊กตรงแว่นตอนพิมพ์.
     pointer-events:none → แตะตรงแว่นก็ทะลุไปโฟกัสช่องพิมพ์ได้ตามปกติ */
  .pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper .input-wrapper__prepend{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    left:15px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:none!important;
    z-index:2!important;
  }

  /* ปุ่มท้ายช่อง (input-wrapper__append) — โผล่ตอนพิมพ์ = ปุ่มล้าง/×.
     ปักชิดขวา แยกจากแว่นชัดเจน. คงคลิกได้ (pointer-events:auto) */
  .pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper .input-wrapper__append{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    right:14px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:3!important;
  }

  /* กราฟิกในปุ่มทั้งสองข้าง (svg / i / span) — คุมขนาดไม่ให้ล้นปุ่ม */
  .pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper .input-wrapper__prepend > *,
  .pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper .input-wrapper__append > *{
    width:18px!important;
    height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1!important;
  }
}

/* =========================================================================
   ช่องค้นหา — กันสระบน/วรรณยุกต์ไทยถูกตัดหัว (ใช้ทุกขนาดจอ — เดสก์ท็อปก็เจอ)
   -------------------------------------------------------------------------
   อาการ: พิมพ์พยัญชนะเปล่าปกติ แต่พอมีสระบน (ิ ี ึ ื ั) หรือวรรณยุกต์ซ้อน
   ขึ้นไป มันทะลุ line-height ที่แคบ แล้วถูกกรอบ input ตัดหัว.
   แก้: line-height 1.7 + ความสูงพอ. คุมเฉพาะแกนตั้ง (line-height / สูง /
   padding บน-ล่าง) — ไม่แตะ padding ซ้าย-ขวา เพื่อไม่กระทบ layout ที่
   เดสก์ท็อป/มือถือ ใช้คนละค่ากัน. วางนอก @media จึงมีผลทั้งสองจอ.
   ========================================================================= */
.pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper input,
.pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper input.form-control,
.pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper input.select2-selection{
  /* ฟอนต์: ยืนยันด้วย DevTools แล้วว่า line-height/ความสูง เข้าแล้วแต่ยังตัด
     → ต้นเหตุคือฟอนต์ Kanit (display) วางสระบน/วรรณยุกต์สูงเกิน metrics ของ
     ตัวเอง พอซ้อน 2 ชั้น (ปั้ = ป+ั+้) หัวทะลุกรอบ input แล้วถูก clip.
     เปลี่ยนเป็นฟอนต์ UI ภาษาไทย (Noto Sans Thai / Leelawadee UI / Tahoma)
     ที่วางสระ-วรรณยุกต์อยู่ในกรอบพอดี — แก้เฉพาะช่องค้นหา ไม่กระทบที่อื่น */
  font-family:'Noto Sans Thai','Leelawadee UI','Tahoma','Segoe UI',sans-serif!important;
  font-size:16px!important;
  line-height:1.9!important;
  min-height:60px!important;
  height:auto!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}

/* placeholder ของช่องค้นหา — ใช้ฟอนต์ UI ไทยเดียวกัน กันสระ "ค้นหา" ถูกตัด */
.pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper input::placeholder,
.pk-dashboard-neworder .pk-form .search-dropdown .input-wrapper input::-webkit-input-placeholder{
  font-family:'Noto Sans Thai','Leelawadee UI','Tahoma','Segoe UI',sans-serif!important;
}

/* =========================================================================
   ลิสต์ผลค้นหา + ข้อความบริการที่โชว์ — กันสระไทยถูกตัด (เหตุผลเดียวกับช่องพิมพ์)
   -------------------------------------------------------------------------
   ยืนยันจาก DevTools: ข้อความในลิสต์ผลค้นหาอยู่ใน li.select2-results__option /
   span.select2-selection__text ซึ่งยังใช้ฟอนต์ Kanit เดิม → ยังตัดหัวสระ.
   ใส่ฟอนต์ UI ไทยตัวเดียวกับช่องพิมพ์ + line-height พอ. ใช้ทุกขนาดจอ.
   ครอบ select2 ทุกตัวในหน้านี้ (รวม dropdown ของช่องเลือกบริการด้วย) — ดี
   เพราะกันสระตัดในลิสต์เลือกบริการไปในตัว.
   ========================================================================= */
.pk-dashboard-neworder .search-dropdown .dropdown-menu,
.pk-dashboard-neworder .search-dropdown .dropdown-menu *,
.pk-dashboard-neworder .select2-results__option,
.pk-dashboard-neworder .select2-results__option *,
.pk-dashboard-neworder .select2-selection__text,
.pk-dashboard-neworder .select2-selection__text *{
  font-family:'Noto Sans Thai','Leelawadee UI','Tahoma','Segoe UI',sans-serif!important;
}

/* เผื่อที่แนวตั้งให้สระบน/วรรณยุกต์ในแถวผลลัพธ์ */
.pk-dashboard-neworder .search-dropdown .dropdown-menu .select2-results__option,
.pk-dashboard-neworder .select2-results__option,
.pk-dashboard-neworder .select2-results__option a,
.pk-dashboard-neworder .select2-selection__text{
  line-height:1.6!important;
}

/* =========================================================================
   ลิสต์ผลค้นหา — กันสระไทย "เพี้ยน" ตอนพิมพ์คำค้นไม่ครบ
   -------------------------------------------------------------------------
   อาการ: พิมพ์ "ปั้ม" เต็มคำ = ปกติ / พิมพ์ "ป" ไม่ครบ = สระ ั้ เพี้ยนเป็นกล่อง.
   สาเหตุ: JS ค้นหาของแพนเนลครอบตัวอักษรที่ตรงคำค้นด้วย element ย่อย → ตัด
   พยัญชนะออกจากสระที่ตามมา → สระลอยไม่มีฐาน = render เพี้ยนบน iOS Safari.
   CSS ล้วนแก้ไม่ได้ (ต่อ text ข้าม element ไม่ได้จริง) — fix อยู่ที่
   JS/script.js : หลังลิสต์ผลค้นหา render เสร็จจะ flatten ข้อความแต่ละแถว
   ให้รวมเป็น text node เดียว พยัญชนะ+สระจึงกลับมาติดกัน.
   ========================================================================= */

/* =========================================================================
   PKLIKE — SERVICES PAGE V2  (card-grid redesign, scoped to .pk-services-v2)
   -------------------------------------------------------------------------
   Reuses the neon-cyber palette of .pk-dashboard-neworder. The service list
   is a flat <div> grid; category filter / search / pagination are driven by
   the inline script in services.twig — no dependency on the panel table JS.
   The <table>/.table classes were dropped from the markup on purpose so the
   generic ".page-wrapper .table" rules can no longer reach these cards.
   ========================================================================= */
.pk-services-v2{
  --sv-text:#eef6ff;
  --sv-sub:#9db2d2;
  --sv-border:rgba(42,120,235,.26);
  --sv-border-lit:rgba(22,214,255,.62);
}

/* shared neon panel surface */
.pk-services-v2 .pk-svc-hero,
.pk-services-v2 .pk-svc-cats,
.pk-services-v2 .pk-svc-features,
.pk-services-v2 .pk-svc-card{
  position:relative!important;
  background:linear-gradient(160deg,rgba(10,23,47,.96),rgba(4,11,25,.99))!important;
  border:1px solid var(--sv-border)!important;
  border-radius:16px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 24px rgba(0,120,255,.10),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.pk-services-v2 .pk-svc-hero::before,
.pk-services-v2 .pk-svc-features::before,
.pk-services-v2 .pk-svc-card::before{
  content:""!important;
  position:absolute!important;
  left:0;right:0;top:0;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(22,214,255,.9) 24%,rgba(65,123,255,.8) 50%,rgba(22,214,255,.9) 76%,transparent)!important;
  pointer-events:none!important;
}

/* ---------- HERO ---------- */
.pk-services-v2 .pk-svc-hero{
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  align-items:center!important;
  gap:24px!important;
  overflow:hidden!important;
  margin:0 0 22px!important;
  padding:34px 38px!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(0,150,255,.22),transparent 48%),
    linear-gradient(160deg,rgba(8,22,48,.97),rgba(3,9,22,.99))!important;
}
.pk-services-v2 .pk-svc-hero-badge{
  display:inline-block!important;
  margin:0 0 14px!important;
  padding:7px 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(22,214,255,.5)!important;
  background:rgba(13,40,80,.7)!important;
  color:#7fe6ff!important;
  font-size:13px!important;
  font-weight:800!important;
}
.pk-services-v2 .pk-svc-hero-title{
  margin:0 0 10px!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(30px,3.4vw,52px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  text-shadow:0 0 26px rgba(0,150,255,.4)!important;
}
.pk-services-v2 .pk-svc-hero-sub{
  margin:0 0 20px!important;
  color:#c4d6f0!important;
  font-size:clamp(15px,1.4vw,19px)!important;
  font-weight:600!important;
}
.pk-services-v2 .pk-svc-hero-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.pk-services-v2 .pk-svc-hero-tag{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:9px 15px!important;
  border-radius:11px!important;
  border:1px solid rgba(50,130,240,.34)!important;
  background:linear-gradient(160deg,rgba(13,32,64,.95),rgba(6,15,33,.97))!important;
  color:#dce9ff!important;
  font-size:13px!important;
  font-weight:800!important;
}
.pk-services-v2 .pk-svc-hero-tag i{font-style:normal!important;font-size:15px!important;}
.pk-services-v2 .pk-svc-hero-art{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.pk-services-v2 .pk-svc-hero-art img{
  display:block!important;
  width:100%!important;
  max-width:560px!important;
  height:auto!important;
  max-height:330px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 40px rgba(0,140,255,.34))!important;
}

/* ---------- CATEGORY PILLS ---------- */
.pk-services-v2 .pk-svc-cats{
  display:flex!important;
  gap:10px!important;
  margin:0 0 16px!important;
  padding:12px!important;
  overflow-x:auto!important;
  scrollbar-width:thin;
}
.pk-services-v2 .pk-svc-cats::-webkit-scrollbar{height:6px!important;}
.pk-services-v2 .pk-svc-cats::-webkit-scrollbar-thumb{background:rgba(22,214,255,.4)!important;border-radius:6px!important;}
.pk-services-v2 .pk-svc-cat{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 16px!important;
  border-radius:12px!important;
  border:1px solid rgba(50,130,240,.28)!important;
  background:linear-gradient(160deg,rgba(11,27,55,.96),rgba(4,12,28,.98))!important;
  color:#cdddf5!important;
  font-size:14px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.pk-services-v2 .pk-svc-cat:hover{transform:translateY(-1px)!important;border-color:var(--sv-border-lit)!important;}
.pk-services-v2 .pk-svc-cat.is-active{
  border-color:transparent!important;
  background:linear-gradient(100deg,#2179ff,#16c8ff)!important;
  color:#fff!important;
  box-shadow:0 0 22px rgba(22,200,255,.4)!important;
}
.pk-services-v2 .pk-svc-cat b{font-weight:800!important;}
.pk-services-v2 .pk-svc-cat-ic{
  width:26px!important;height:26px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:8px!important;
  background:rgba(0,150,255,.16)!important;
  font-size:15px!important;
  overflow:hidden!important;
}
.pk-services-v2 .pk-svc-cat-ic img{width:100%!important;height:100%!important;object-fit:cover!important;}
.pk-services-v2 .pk-svc-cat-ic--all{background:linear-gradient(135deg,#2350ff,#17e0ff)!important;color:#fff!important;}
.pk-services-v2 .pk-svc-cat-ic--fav{background:linear-gradient(135deg,#ffb01f,#ff7a00)!important;color:#fff!important;}
.pk-services-v2 .pk-svc-cat.is-active .pk-svc-cat-ic{background:rgba(255,255,255,.18)!important;}

/* ---------- TOOLBAR ---------- */
.pk-services-v2 .pk-svc-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 18px!important;
}
.pk-services-v2 .pk-svc-filter{position:relative!important;flex:0 0 auto!important;min-width:236px!important;}
.pk-services-v2 .pk-svc-filter-ic{
  position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;
  color:#56b8ff!important;font-size:14px!important;pointer-events:none!important;z-index:2!important;
}
.pk-services-v2 .pk-svc-filter-caret{
  position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;
  color:#9fc4ee!important;font-size:14px!important;pointer-events:none!important;
}
.pk-services-v2 select.pk-svc-filter-select{
  -webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;
  width:100%!important;height:52px!important;
  margin:0!important;
  padding:0 38px!important;
  border-radius:12px!important;
  border:1px solid rgba(50,130,240,.4)!important;
  background:rgba(3,12,28,.92)!important;
  color:#fff!important;font-size:14px!important;font-weight:800!important;
  cursor:pointer!important;
}
.pk-services-v2 select.pk-svc-filter-select:focus{
  outline:0!important;border-color:var(--sv-border-lit)!important;
  box-shadow:0 0 0 1px rgba(22,214,255,.3),0 0 20px rgba(0,170,255,.24)!important;
}
.pk-services-v2 .pk-svc-search{position:relative!important;flex:1 1 auto!important;}
.pk-services-v2 .pk-svc-search-ic{
  position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;
  font-size:14px!important;opacity:.7!important;pointer-events:none!important;
}
.pk-services-v2 input.pk-svc-search-input{
  width:100%!important;height:52px!important;
  margin:0!important;
  padding:0 18px 0 44px!important;
  border-radius:12px!important;
  border:1px solid rgba(50,130,240,.4)!important;
  background:rgba(3,12,28,.92)!important;
  color:#fff!important;font-size:15px!important;font-weight:600!important;
  box-shadow:none!important;
}
.pk-services-v2 input.pk-svc-search-input::placeholder{color:#7d93b4!important;}
.pk-services-v2 input.pk-svc-search-input:focus{
  outline:0!important;border-color:var(--sv-border-lit)!important;
  box-shadow:0 0 0 1px rgba(22,214,255,.3),0 0 20px rgba(0,170,255,.24)!important;
}
.pk-services-v2 .pk-svc-currency{position:relative!important;flex:0 0 auto!important;}
.pk-services-v2 .pk-svc-currency-btn{
  height:52px!important;padding:0 16px!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  border-radius:12px!important;border:1px solid rgba(50,130,240,.4)!important;
  background:rgba(3,12,28,.92)!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;
}
.pk-services-v2 .pk-svc-currency-menu{
  background:#06122a!important;border:1px solid rgba(22,214,255,.3)!important;
  border-radius:12px!important;padding:6px!important;
}
.pk-services-v2 .pk-svc-currency-menu>li>a{
  color:#d6e6ff!important;border-radius:8px!important;padding:8px 12px!important;font-weight:700!important;
}
.pk-services-v2 .pk-svc-currency-menu>li>a:hover{background:rgba(22,214,255,.14)!important;color:#7fe6ff!important;}

/* ---------- FEATURE STRIP ---------- */
.pk-services-v2 .pk-svc-features{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
  margin:0 0 22px!important;
  padding:18px 12px!important;
  overflow:hidden!important;
}
.pk-services-v2 .pk-svc-feature{
  display:flex!important;align-items:center!important;gap:13px!important;
  padding:8px 16px!important;
}
.pk-services-v2 .pk-svc-feature+.pk-svc-feature{border-left:1px solid rgba(50,130,240,.18)!important;}
.pk-services-v2 .pk-svc-feature-ic{
  flex:0 0 46px!important;width:46px!important;height:46px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:12px!important;
  border:1px solid rgba(22,214,255,.4)!important;
  background:linear-gradient(135deg,rgba(0,140,255,.26),rgba(40,110,255,.12))!important;
  font-size:21px!important;
  box-shadow:0 0 18px rgba(0,170,255,.22)!important;
}
.pk-services-v2 .pk-svc-feature-text{display:flex!important;flex-direction:column!important;min-width:0!important;}
.pk-services-v2 .pk-svc-feature-text b{color:#fff!important;font-size:14px!important;font-weight:800!important;}
.pk-services-v2 .pk-svc-feature-text span{color:#9db2d2!important;font-size:12px!important;}

/* ---------- RESULT COUNT ---------- */
.pk-services-v2 .pk-svc-gridhead{display:flex!important;align-items:center!important;margin:0 0 14px!important;min-height:16px!important;}
.pk-services-v2 .pk-svc-count{color:#8fa6c6!important;font-size:13px!important;font-weight:700!important;}

/* ---------- CARD GRID ---------- */
.pk-services-v2 .pk-svc-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}
.pk-services-v2 .pk-svc-card{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  padding:20px!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.pk-services-v2 .pk-svc-card:hover{
  transform:translateY(-4px)!important;
  border-color:var(--sv-border-lit)!important;
  box-shadow:0 24px 50px rgba(0,0,0,.46),0 0 30px rgba(22,200,255,.26)!important;
}
.pk-services-v2 .pk-svc-card.pk-svc-hide,
.pk-services-v2 .pk-svc-card.pk-svc-pagehide{display:none!important;}

.pk-services-v2 .pk-svc-card-top{display:flex!important;align-items:flex-start!important;gap:12px!important;}
.pk-services-v2 .pk-svc-card-ic{
  flex:0 0 48px!important;width:48px!important;height:48px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:12px!important;
  border:1px solid rgba(22,214,255,.34)!important;
  background:linear-gradient(135deg,rgba(0,140,255,.22),rgba(40,110,255,.1))!important;
  color:#fff!important;font-size:22px!important;overflow:hidden!important;
  box-shadow:0 0 16px rgba(0,160,255,.2)!important;
}
.pk-services-v2 .pk-svc-card-ic img{width:100%!important;height:100%!important;object-fit:cover!important;}
.pk-services-v2 .pk-svc-card-head{flex:1 1 auto!important;min-width:0!important;}
.pk-services-v2 .pk-svc-card-name{
  margin:0 0 7px!important;padding:0!important;
  color:#fff!important;font-size:15.5px!important;font-weight:800!important;line-height:1.34!important;
}
.pk-services-v2 .pk-svc-badges{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.pk-services-v2 .pk-svc-id-chip{
  padding:3px 9px!important;border-radius:7px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(120,150,190,.26)!important;
  color:#9fb4d4!important;font-size:11px!important;font-weight:800!important;
}
.pk-services-v2 .pk-svc-badge{
  padding:3px 9px!important;border-radius:7px!important;
  font-size:11px!important;font-weight:900!important;
  border:1px solid transparent!important;
}
.pk-services-v2 .pk-svc-badge--fast{background:rgba(33,121,255,.2)!important;border-color:rgba(33,121,255,.55)!important;color:#74b2ff!important;}
.pk-services-v2 .pk-svc-badge--nodrop{background:rgba(0,200,170,.16)!important;border-color:rgba(0,210,170,.5)!important;color:#3fe6c4!important;}
.pk-services-v2 .pk-svc-badge--refill{background:rgba(40,200,90,.16)!important;border-color:rgba(50,210,100,.5)!important;color:#54e07e!important;}
.pk-services-v2 .pk-svc-badge--thai{background:rgba(22,214,255,.16)!important;border-color:rgba(22,214,255,.5)!important;color:#52dcff!important;}
.pk-services-v2 .pk-svc-badge--hq{background:rgba(150,90,255,.18)!important;border-color:rgba(160,100,255,.55)!important;color:#b699ff!important;}
.pk-services-v2 .pk-svc-badge--stable{background:rgba(120,150,190,.16)!important;border-color:rgba(140,165,200,.45)!important;color:#a9bcd8!important;}

.pk-services-v2 .pk-svc-fav{
  flex:0 0 auto!important;
  width:34px!important;height:34px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:9px!important;
  border:1px solid rgba(120,150,190,.24)!important;
  background:rgba(255,255,255,.04)!important;
  color:#7d93b4!important;font-size:15px!important;cursor:pointer!important;
  transition:color .15s ease,border-color .15s ease!important;
}
.pk-services-v2 .pk-svc-fav:hover{color:#ffc23d!important;border-color:rgba(255,194,61,.5)!important;}
.pk-services-v2 .pk-svc-fav.favorite-active,
.pk-services-v2 .pk-svc-fav .fas{color:#ffc23d!important;}

.pk-services-v2 .pk-svc-card-desc{
  margin:0!important;
  color:#aebfda!important;font-size:13px!important;line-height:1.6!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.pk-services-v2 .pk-svc-card.is-open .pk-svc-card-desc{
  -webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;
}

.pk-services-v2 .pk-svc-ratings{display:flex!important;flex-direction:column!important;gap:5px!important;}
.pk-services-v2 .pk-svc-rating{display:flex!important;align-items:center!important;gap:8px!important;}
.pk-services-v2 .pk-svc-rating-lbl{flex:0 0 56px!important;color:#8da3c4!important;font-size:12px!important;font-weight:700!important;}
.pk-services-v2 .pk-svc-rating-stars{display:inline-flex!important;gap:2px!important;}
.pk-services-v2 .pk-svc-star{font-style:normal!important;font-size:13px!important;opacity:.2!important;line-height:1!important;}
.pk-services-v2 .pk-svc-star.is-on{opacity:1!important;}
.pk-services-v2 .pk-svc-star--gold.is-on{color:#ffc23d!important;}

.pk-services-v2 .pk-svc-stats{display:flex!important;gap:8px!important;margin-top:auto!important;}
.pk-services-v2 .pk-svc-stat{
  flex:1 1 0!important;
  padding:8px 8px!important;border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(50,130,240,.16)!important;
  text-align:center!important;
}
.pk-services-v2 .pk-svc-stat span{display:block!important;color:#8298ba!important;font-size:10.5px!important;font-weight:700!important;margin-bottom:2px!important;}
.pk-services-v2 .pk-svc-stat b{color:#e5eeff!important;font-size:13px!important;font-weight:800!important;}

.pk-services-v2 .pk-svc-price{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  padding:12px 16px!important;border-radius:11px!important;
  border:1px solid rgba(22,214,255,.3)!important;
  background:linear-gradient(135deg,rgba(0,90,200,.2),rgba(0,30,80,.34))!important;
}
.pk-services-v2 .pk-svc-price-lbl{color:#9fc0e6!important;font-size:12px!important;font-weight:700!important;}
.pk-services-v2 .pk-svc-price-val{color:#5fe0ff!important;font-size:19px!important;font-weight:900!important;text-align:right!important;}
.pk-services-v2 .pk-svc-price-val [data-toggle="tooltip"]{
  color:#5fe0ff!important;border-bottom:1px dotted rgba(95,224,255,.5)!important;cursor:help!important;
}

.pk-services-v2 .pk-svc-actions{display:flex!important;gap:9px!important;}
.pk-services-v2 .pk-svc-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  height:44px!important;padding:0 16px!important;
  border-radius:10px!important;
  font-size:13.5px!important;font-weight:800!important;
  cursor:pointer!important;text-decoration:none!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease!important;
}
.pk-services-v2 .pk-svc-btn-ghost{
  flex:0 0 auto!important;
  border:1px solid rgba(50,130,240,.4)!important;
  background:rgba(255,255,255,.03)!important;
  color:#cddcf5!important;
}
.pk-services-v2 .pk-svc-btn-ghost:hover{border-color:var(--sv-border-lit)!important;color:#fff!important;}
.pk-services-v2 .pk-svc-btn-buy{
  flex:1 1 auto!important;
  border:1px solid rgba(0,224,255,.6)!important;
  background:linear-gradient(100deg,#2179ff,#16c8ff)!important;
  color:#fff!important;
  box-shadow:0 0 20px rgba(22,200,255,.34)!important;
}
.pk-services-v2 .pk-svc-btn-buy:hover{
  transform:translateY(-1px)!important;color:#fff!important;
  box-shadow:0 0 28px rgba(22,200,255,.5)!important;
}
.pk-services-v2 .pk-svc-btn-buy i{font-style:normal!important;}

/* ---------- EMPTY STATE + PAGER ---------- */
.pk-services-v2 .pk-svc-empty{
  margin:20px 0!important;padding:46px 20px!important;
  text-align:center!important;
  border:1px dashed rgba(50,130,240,.34)!important;border-radius:14px!important;
  background:rgba(6,16,34,.6)!important;
  color:#9db2d2!important;font-size:15px!important;font-weight:700!important;
}
.pk-services-v2 .pk-svc-empty span{display:block!important;font-size:32px!important;margin-bottom:8px!important;opacity:.6!important;}
.pk-services-v2 .pk-svc-empty[hidden]{display:none!important;}

.pk-services-v2 .pk-svc-pager{
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
  gap:8px!important;margin:26px 0 4px!important;
}
.pk-services-v2 .pk-svc-page{
  min-width:42px!important;height:42px!important;padding:0 12px!important;
  border-radius:11px!important;
  border:1px solid rgba(50,130,240,.3)!important;
  background:linear-gradient(160deg,rgba(11,27,55,.96),rgba(4,12,28,.98))!important;
  color:#cddcf5!important;font-size:14px!important;font-weight:800!important;
  cursor:pointer!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}
.pk-services-v2 .pk-svc-page:hover:not(:disabled){border-color:var(--sv-border-lit)!important;}
.pk-services-v2 .pk-svc-page:disabled{opacity:.36!important;cursor:not-allowed!important;}
.pk-services-v2 .pk-svc-page.is-active{
  border-color:transparent!important;
  background:linear-gradient(100deg,#2179ff,#16c8ff)!important;
  color:#fff!important;
  box-shadow:0 0 20px rgba(22,200,255,.42)!important;
}
.pk-services-v2 .pk-svc-page-gap{
  min-width:30px!important;text-align:center!important;align-self:center!important;
  color:#6f86a6!important;font-weight:800!important;
}

/* ---------- services text block ---------- */
.pk-services-v2 .pk-svc-text{
  margin:24px 0 0!important;padding:24px 26px!important;
  border:1px solid var(--sv-border)!important;border-radius:16px!important;
  background:linear-gradient(160deg,rgba(10,23,47,.96),rgba(4,11,25,.99))!important;
  color:#c4d3ec!important;line-height:1.75!important;
}
.pk-services-v2 .pk-svc-text a{color:#5fe0ff!important;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  .pk-services-v2 .pk-svc-hero{grid-template-columns:1fr!important;}
  .pk-services-v2 .pk-svc-hero-art img{max-height:240px!important;}
  .pk-services-v2 .pk-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .pk-services-v2 .pk-svc-features{grid-template-columns:repeat(2,1fr)!important;}
  .pk-services-v2 .pk-svc-feature:nth-child(odd){border-left:0!important;}
}
@media(max-width:991px){
  body.pk-table-layout .pk-services-v2{padding-bottom:118px!important;}
}
@media(max-width:768px){
  .pk-services-v2 .pk-svc-hero{padding:24px 20px!important;}
  .pk-services-v2 .pk-svc-toolbar{flex-wrap:wrap!important;}
  .pk-services-v2 .pk-svc-filter{min-width:0!important;flex:1 1 100%!important;}
  .pk-services-v2 .pk-svc-search{flex:1 1 100%!important;}
  .pk-services-v2 .pk-svc-currency{flex:1 1 100%!important;}
  .pk-services-v2 .pk-svc-currency-btn{width:100%!important;justify-content:center!important;}
  .pk-services-v2 .pk-svc-grid{grid-template-columns:1fr!important;}
  .pk-services-v2 .pk-svc-features{grid-template-columns:1fr!important;}
  .pk-services-v2 .pk-svc-feature{border-left:0!important;}
  .pk-services-v2 .pk-svc-feature+.pk-svc-feature{border-top:1px solid rgba(50,130,240,.16)!important;}
}
@media(max-width:480px){
  .pk-services-v2 .pk-svc-hero-title{font-size:26px!important;}
  .pk-services-v2 .pk-svc-actions{flex-wrap:wrap!important;}
  .pk-services-v2 .pk-svc-btn-ghost,
  .pk-services-v2 .pk-svc-btn-buy{flex:1 1 100%!important;}
}

/* =========================================================================
   PKLIKE — SERVICES V2 · CLEAN / PREMIUM REFINEMENT PASS
   -------------------------------------------------------------------------
   Appended last so it wins the cascade over the SERVICES PAGE V2 block above
   (same selectors / specificity → later rule wins). Goal: "show less, look
   more expensive" — softer borders + glow, slimmer card, calmer spacing,
   collapsible detail panel, hidden category scrollbar, platform icons.
   ========================================================================= */

/* ----- softer shared surface ----- */
.pk-services-v2 .pk-svc-hero,
.pk-services-v2 .pk-svc-cats,
.pk-services-v2 .pk-svc-features,
.pk-services-v2 .pk-svc-card{
  border:1px solid rgba(60,120,210,.17)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.pk-services-v2 .pk-svc-hero::before,
.pk-services-v2 .pk-svc-features::before,
.pk-services-v2 .pk-svc-card::before{opacity:.5!important;}

/* ----- HERO — taller, bigger art, soft floating particles ----- */
.pk-services-v2 .pk-svc-hero{
  grid-template-columns:1.04fr .96fr!important;
  gap:30px!important;
  min-height:312px!important;
  padding:32px 42px!important;
}
.pk-services-v2 .pk-svc-hero-art img{
  max-width:600px!important;
  max-height:386px!important;
}
.pk-services-v2 .pk-svc-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 13% 80%,rgba(0,176,255,.16),transparent 4%),
    radial-gradient(circle at 22% 26%,rgba(0,210,255,.13),transparent 3%),
    radial-gradient(circle at 41% 88%,rgba(60,150,255,.12),transparent 3.4%),
    radial-gradient(circle at 8% 44%,rgba(0,200,255,.10),transparent 2.6%)!important;
}

/* ----- CATEGORY PILLS — balanced, scrollbar hidden ----- */
.pk-services-v2 .pk-svc-cats{
  gap:8px!important;
  padding:10px!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.pk-services-v2 .pk-svc-cats::-webkit-scrollbar{height:0!important;width:0!important;display:none!important;}
.pk-services-v2 .pk-svc-cat{
  padding:8px 14px!important;
  border-radius:11px!important;
  border-color:rgba(60,120,210,.2)!important;
  font-size:13.5px!important;
}
.pk-services-v2 .pk-svc-cat.is-active{box-shadow:0 0 16px rgba(22,200,255,.32)!important;}
.pk-services-v2 .pk-svc-cat-ic{
  width:24px!important;height:24px!important;
  font-size:13px!important;font-weight:900!important;
}

/* ----- platform icon colours (shared by pills + card icons) ----- */
.pk-services-v2 .pk-ic-all{background:linear-gradient(135deg,#2350ff,#17e0ff)!important;color:#fff!important;}
.pk-services-v2 .pk-ic-fav{background:linear-gradient(135deg,#ffb01f,#ff7a00)!important;color:#fff!important;}
.pk-services-v2 .pk-ic-tiktok{background:#0b0b10!important;color:#fff!important;}
.pk-services-v2 .pk-ic-facebook{background:linear-gradient(135deg,#2a8fff,#0a5fd8)!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;}
.pk-services-v2 .pk-ic-instagram{background:radial-gradient(circle at 30% 108%,#ffd86b 0 9%,#fa5b45 42%,#d62f9a 62%,#3a52e0 100%)!important;color:#fff!important;}
.pk-services-v2 .pk-ic-youtube{background:linear-gradient(135deg,#ff2d2d,#bd0000)!important;color:#fff!important;}
.pk-services-v2 .pk-ic-twitter{background:#0b0b10!important;color:#fff!important;}
.pk-services-v2 .pk-ic-line{background:linear-gradient(135deg,#25e845,#00a51d)!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;}
.pk-services-v2 .pk-ic-other{background:linear-gradient(135deg,#2b3b54,#101a2c)!important;color:#cdddf5!important;}
.pk-services-v2 .pk-ic-generic{background:linear-gradient(135deg,#1f4bd0,#13b6e8)!important;color:#fff!important;}

/* ----- TOOLBAR — slightly shorter, calmer ----- */
.pk-services-v2 select.pk-svc-filter-select,
.pk-services-v2 input.pk-svc-search-input,
.pk-services-v2 .pk-svc-currency-btn{
  height:48px!important;
  border-color:rgba(60,120,210,.32)!important;
}

/* ----- FEATURE STRIP — smaller icons, lighter text ----- */
.pk-services-v2 .pk-svc-features{padding:13px 12px!important;}
.pk-services-v2 .pk-svc-feature{padding:6px 14px!important;gap:11px!important;}
.pk-services-v2 .pk-svc-feature+.pk-svc-feature{border-left-color:rgba(60,120,210,.12)!important;}
.pk-services-v2 .pk-svc-feature-ic{
  flex:0 0 38px!important;width:38px!important;height:38px!important;
  border-radius:10px!important;
  font-size:17px!important;
  border-color:rgba(22,214,255,.28)!important;
  box-shadow:0 0 10px rgba(0,150,255,.12)!important;
}
.pk-services-v2 .pk-svc-feature-text b{font-size:13px!important;font-weight:700!important;}
.pk-services-v2 .pk-svc-feature-text span{font-size:11.5px!important;}

/* ----- CARD — airier, calmer, lighter hover ----- */
.pk-services-v2 .pk-svc-grid{gap:16px!important;}
.pk-services-v2 .pk-svc-card{
  gap:11px!important;
  padding:17px 18px!important;
  border-radius:15px!important;
}
.pk-services-v2 .pk-svc-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(22,200,255,.42)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.4),0 0 18px rgba(22,200,255,.16)!important;
}
.pk-services-v2 .pk-svc-card-top{gap:11px!important;}
.pk-services-v2 .pk-svc-card-ic{
  flex:0 0 42px!important;width:42px!important;height:42px!important;
  border-radius:11px!important;
  font-size:18px!important;font-weight:900!important;line-height:1!important;
  border:0!important;
  box-shadow:none!important;
}
.pk-services-v2 .pk-svc-card-name{
  margin:0 0 6px!important;
  font-size:14.5px!important;line-height:1.32!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;
  -webkit-box-orient:vertical!important;overflow:hidden!important;
}
.pk-services-v2 .pk-svc-badges{gap:5px!important;}
.pk-services-v2 .pk-svc-badge{
  padding:2px 7px!important;
  border-radius:6px!important;
  font-size:10px!important;font-weight:800!important;
}
.pk-services-v2 .pk-svc-fav{width:32px!important;height:32px!important;font-size:14px!important;}

/* description — single line on the card face, full text when expanded */
.pk-services-v2 .pk-svc-card-desc{
  -webkit-line-clamp:1!important;line-clamp:1!important;
  font-size:12px!important;line-height:1.55!important;
  color:#90a5c4!important;
}
.pk-services-v2 .pk-svc-card.is-open .pk-svc-card-desc{
  -webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;
}

/* ratings — tighter */
.pk-services-v2 .pk-svc-ratings{gap:3px!important;}
.pk-services-v2 .pk-svc-rating-lbl{flex:0 0 52px!important;font-size:11.5px!important;}
.pk-services-v2 .pk-svc-star{font-size:12px!important;}

/* price — slim, pinned to the bottom so card faces line up */
.pk-services-v2 .pk-svc-price{
  margin-top:auto!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  border-color:rgba(22,200,255,.22)!important;
  background:linear-gradient(135deg,rgba(0,80,180,.16),rgba(0,26,68,.26))!important;
}
.pk-services-v2 .pk-svc-price-lbl{font-size:11px!important;}
.pk-services-v2 .pk-svc-price-val{font-size:16px!important;}

/* actions — slimmer */
.pk-services-v2 .pk-svc-actions{gap:8px!important;}
.pk-services-v2 .pk-svc-btn{
  height:40px!important;
  border-radius:9px!important;
  font-size:12.5px!important;
}

/* ----- COLLAPSIBLE DETAIL PANEL (id · min · max · avg time) ----- */
.pk-services-v2 .pk-svc-detail{display:none!important;}
.pk-services-v2 .pk-svc-card.is-open .pk-svc-detail{display:block!important;}
.pk-services-v2 .pk-svc-detail-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  margin-top:1px!important;
  padding-top:11px!important;
  border-top:1px solid rgba(60,120,210,.16)!important;
}
.pk-services-v2 .pk-svc-detail-item{
  padding:7px 10px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(60,120,210,.13)!important;
}
.pk-services-v2 .pk-svc-detail-item span{
  display:block!important;
  margin-bottom:2px!important;
  color:#7f95b5!important;
  font-size:10px!important;font-weight:700!important;
}
.pk-services-v2 .pk-svc-detail-item b{
  color:#e5eeff!important;
  font-size:12.5px!important;font-weight:800!important;
}

/* ----- themed scrollbar inside the services section ----- */
.pk-services-v2 ::-webkit-scrollbar{width:8px!important;height:8px!important;}
.pk-services-v2 ::-webkit-scrollbar-track{background:rgba(6,16,34,.6)!important;border-radius:99px!important;}
.pk-services-v2 ::-webkit-scrollbar-thumb{
  border-radius:99px!important;
  background:linear-gradient(180deg,#16c8ff,#1b6fff)!important;
}
.pk-services-v2 ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3ad8ff,#2a86ff)!important;}

/* ----- responsive ----- */
@media(max-width:1180px){
  .pk-services-v2 .pk-svc-hero{grid-template-columns:1fr!important;min-height:0!important;}
}
@media(max-width:768px){
  .pk-services-v2 .pk-svc-hero{padding:22px 18px!important;}
  .pk-services-v2 .pk-svc-grid{gap:13px!important;}
}

/* ==================================================
   SERVICES PAGE V3 PREMIUM REDESIGN
   --------------------------------------------------
   Appended last → wins the cascade over the V2 blocks
   above. Desktop reference = husky-hero card grid.
   Scoped to .pk-services-v2 so no other page is touched.
   ================================================== */
.pk-services-v2{
  --sv3-card:linear-gradient(160deg,#0c1d3b 0%,#070f22 100%);
  --sv3-card-2:linear-gradient(160deg,#0e2447 0%,#081328 100%);
  --sv3-border:rgba(58,120,205,.2);
  --sv3-border-lit:rgba(34,205,255,.55);
  --sv3-text:#eaf3ff;
  --sv3-sub:#93a8c6;
  --sv3-blue:#2479ff;
  --sv3-cyan:#1ec8ff;
  --sv3-radius:15px;
  --sv3-transition:.16s ease;
}

/* ---- BUG FIX: a stray legacy rule (img[src*="yt"]) swapped the hero
   husky for a giant YouTube logo on phones, because the hero image URL
   happens to contain the substring "yt". Force every services image
   back to its real source. ---- */
.pk-services-v2 img,
.pk-services-v2 .pk-svc-hero-art img{
  content:normal!important;
}

/* ---- HERO ---- */
.pk-services-v2 .pk-svc-hero{
  grid-template-columns:1.06fr .94fr!important;
  align-items:center!important;
  gap:26px!important;
  min-height:286px!important;
  padding:30px 38px!important;
}
.pk-services-v2 .pk-svc-hero-art img{
  max-width:560px!important;
  max-height:340px!important;
}

/* ---- CONTROLS WRAPPER (toolbar + pills; order flips on mobile) ---- */
.pk-services-v2 .pk-svc-controls{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  margin:0 0 18px!important;
}
.pk-services-v2 .pk-svc-toolbar{order:1!important;margin:0!important;gap:12px!important;}
.pk-services-v2 .pk-svc-cats{order:2!important;margin:0!important;}

/* ---- TOOLBAR : search + category + sort ---- */
.pk-services-v2 .pk-svc-filter{min-width:0!important;}
.pk-services-v2 .pk-svc-filter:not(.pk-svc-sort){flex:0 0 232px!important;}
.pk-services-v2 .pk-svc-sort{flex:0 0 208px!important;}
.pk-services-v2 .pk-svc-search{flex:1 1 auto!important;}
.pk-services-v2 select.pk-svc-filter-select,
.pk-services-v2 input.pk-svc-search-input{
  height:50px!important;
  border-color:rgba(58,120,205,.34)!important;
  background:rgba(6,15,32,.92)!important;
}

/* ---- CATEGORY PILLS (desktop : inline icon + label) ---- */
.pk-services-v2 .pk-svc-cats{
  display:flex!important;
  gap:9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.pk-services-v2 .pk-svc-cats::before{display:none!important;}
.pk-services-v2 .pk-svc-cats::-webkit-scrollbar{height:0!important;display:none!important;}
.pk-services-v2 .pk-svc-cat{
  flex:0 0 auto!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 15px!important;
  border-radius:13px!important;
  border:1px solid rgba(58,120,205,.22)!important;
  background:linear-gradient(160deg,#0d2046,#070f22)!important;
  color:#c2d4ee!important;
  font-size:13.5px!important;font-weight:700!important;
  white-space:nowrap!important;cursor:pointer!important;
  transition:transform var(--sv3-transition),border-color var(--sv3-transition),box-shadow var(--sv3-transition)!important;
}
.pk-services-v2 .pk-svc-cat:hover{transform:translateY(-1px)!important;border-color:var(--sv3-border-lit)!important;}
.pk-services-v2 .pk-svc-cat.is-active{
  border-color:transparent!important;
  background:linear-gradient(100deg,#2479ff,#1ec8ff)!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(30,200,255,.4)!important;
}
.pk-services-v2 .pk-svc-cat b{font-weight:700!important;}
.pk-services-v2 .pk-svc-cat-ic{
  flex:0 0 auto!important;
  width:26px!important;height:26px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:8px!important;
  font-size:13px!important;font-weight:900!important;line-height:1!important;
  overflow:hidden!important;
}

/* ---- PLATFORM ICON SET (shared by pills + card icons) ---- */
.pk-services-v2 .pk-ic-all{background:linear-gradient(135deg,#2350ff,#17e0ff)!important;color:#fff!important;}
.pk-services-v2 .pk-ic-fav{background:linear-gradient(135deg,#ffb01f,#ff7a00)!important;color:#fff!important;}
.pk-services-v2 .pk-ic-facebook{background:linear-gradient(135deg,#2a8fff,#0a5fd8)!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;}
.pk-services-v2 .pk-ic-youtube{background:linear-gradient(135deg,#ff2d2d,#c00000)!important;color:#fff!important;}
.pk-services-v2 .pk-ic-twitter{background:#0b0b12!important;color:#fff!important;}
.pk-services-v2 .pk-ic-line{background:linear-gradient(135deg,#2bdb4e,#00a51d)!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;}
.pk-services-v2 .pk-ic-other{background:linear-gradient(135deg,#2b3b54,#101a2c)!important;color:#cdddf5!important;}
.pk-services-v2 .pk-ic-generic{background:linear-gradient(135deg,#1f4bd0,#13b6e8)!important;color:#fff!important;}
/* TikTok + Instagram : crisp inline-SVG marks (glyph hidden via font-size:0) */
.pk-services-v2 .pk-ic-tiktok{
  background-color:#0b0b12!important;
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23ffffff' d='M448 209.9a210.06 210.06 0 0 1-122.77-39.25V349.38A162.55 162.55 0 1 1 185 188.31V278.2a74.62 74.62 0 1 0 52.23 71.18V0h88a121.18 121.18 0 0 0 1.86 22.17h0A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z'/></svg>")!important;
  background-position:center!important;background-size:54%!important;background-repeat:no-repeat!important;
  color:transparent!important;font-size:0!important;
}
.pk-services-v2 .pk-ic-instagram{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.1'><rect x='3' y='3' width='18' height='18' rx='5.4'/><circle cx='12' cy='12' r='4.3'/><circle cx='17.5' cy='6.4' r='1.45' fill='%23ffffff' stroke='none'/></svg>"),radial-gradient(circle at 30% 108%,#fdd25f 0 8%,#fa5b45 38%,#d6249f 60%,#3a52e0 100%)!important;
  background-position:center,center!important;
  background-size:52%,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  color:transparent!important;font-size:0!important;
}

/* ---- FEATURE STRIP (desktop trust bar) ---- */
.pk-services-v2 .pk-svc-features{margin:0 0 18px!important;}

/* ---- RESULT COUNT ---- */
.pk-services-v2 .pk-svc-gridhead{margin:0 0 12px!important;}

/* ---- CARD GRID : desktop 3-up ---- */
.pk-services-v2 .pk-svc-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

/* ---- SERVICE CARD : desktop = vertical, icon on top ---- */
.pk-services-v2 .pk-svc-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  padding:18px!important;
  border-radius:var(--sv3-radius)!important;
  border:1px solid var(--sv3-border)!important;
  background:var(--sv3-card)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
  transition:transform var(--sv3-transition),border-color var(--sv3-transition),box-shadow var(--sv3-transition)!important;
}
.pk-services-v2 .pk-svc-card:hover{
  transform:translateY(-3px)!important;
  border-color:var(--sv3-border-lit)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.44),0 0 20px rgba(30,200,255,.18)!important;
}
.pk-services-v2 .pk-svc-card.pk-svc-hide,
.pk-services-v2 .pk-svc-card.pk-svc-pagehide{display:none!important;}

.pk-services-v2 .pk-svc-card-ic{
  flex:0 0 auto!important;
  align-self:flex-start!important;
  width:56px!important;height:56px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:14px!important;
  font-size:24px!important;font-weight:900!important;line-height:1!important;
  overflow:hidden!important;
  box-shadow:0 8px 18px rgba(0,0,0,.34)!important;
}

.pk-services-v2 .pk-svc-card-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  min-width:0!important;
}

.pk-services-v2 .pk-svc-card-name{
  margin:0!important;padding:0 26px 0 0!important;
  color:#fff!important;
  font-size:16px!important;font-weight:800!important;line-height:1.32!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;
  -webkit-box-orient:vertical!important;overflow:hidden!important;
}

.pk-services-v2 .pk-svc-badges{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.pk-services-v2 .pk-svc-badge{
  padding:3px 8px!important;border-radius:7px!important;
  font-size:10.5px!important;font-weight:800!important;letter-spacing:.2px!important;
  border:1px solid transparent!important;
}

.pk-services-v2 .pk-svc-card-desc{
  margin:0!important;
  color:var(--sv3-sub)!important;
  font-size:12.5px!important;line-height:1.55!important;
  display:-webkit-box!important;-webkit-line-clamp:1!important;line-clamp:1!important;
  -webkit-box-orient:vertical!important;overflow:hidden!important;
}
.pk-services-v2 .pk-svc-card.is-open .pk-svc-card-desc{
  -webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;
}

/* speed / quality — two compact meta chips */
.pk-services-v2 .pk-svc-ratings{display:flex!important;gap:8px!important;}
.pk-services-v2 .pk-svc-meta{
  flex:1 1 0!important;min-width:0!important;
  display:flex!important;align-items:center!important;gap:6px!important;
  padding:6px 10px!important;border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(58,120,205,.16)!important;
}
.pk-services-v2 .pk-svc-meta i{font-style:normal!important;font-size:13px!important;line-height:1!important;}
.pk-services-v2 .pk-svc-meta em{
  font-style:normal!important;color:var(--sv3-sub)!important;
  font-size:10.5px!important;font-weight:700!important;
}
.pk-services-v2 .pk-svc-meta b{
  margin-left:auto!important;color:#dbe7fb!important;
  font-size:12px!important;font-weight:800!important;white-space:nowrap!important;
}

/* price bar */
.pk-services-v2 .pk-svc-price{
  margin-top:auto!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  padding:9px 14px!important;border-radius:10px!important;
  border:1px solid rgba(30,200,255,.22)!important;
  background:linear-gradient(135deg,rgba(0,82,184,.2),rgba(0,26,68,.3))!important;
}
.pk-services-v2 .pk-svc-price-lbl{color:#9cbde2!important;font-size:11px!important;font-weight:700!important;}
.pk-services-v2 .pk-svc-price-val{color:#5fe0ff!important;font-size:17px!important;font-weight:900!important;text-align:right!important;}

/* action buttons */
.pk-services-v2 .pk-svc-actions{display:flex!important;gap:8px!important;}
.pk-services-v2 .pk-svc-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  height:42px!important;padding:0 14px!important;
  border-radius:10px!important;
  font-size:13px!important;font-weight:800!important;
  cursor:pointer!important;text-decoration:none!important;
  transition:transform var(--sv3-transition),box-shadow var(--sv3-transition),border-color var(--sv3-transition)!important;
}
.pk-services-v2 .pk-svc-btn-ghost{
  flex:0 0 auto!important;
  border:1px solid rgba(58,120,205,.4)!important;
  background:rgba(255,255,255,.03)!important;color:#cddcf5!important;
}
.pk-services-v2 .pk-svc-btn-ghost:hover{border-color:var(--sv3-border-lit)!important;color:#fff!important;}
.pk-services-v2 .pk-svc-btn-buy{
  flex:1 1 auto!important;
  border:1px solid rgba(0,224,255,.55)!important;
  background:linear-gradient(100deg,#2479ff,#1ec8ff)!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(30,200,255,.3)!important;
}
.pk-services-v2 .pk-svc-btn-buy:hover{transform:translateY(-1px)!important;box-shadow:0 0 26px rgba(30,200,255,.46)!important;}
.pk-services-v2 .pk-svc-btn-buy i{font-style:normal!important;}

/* favourite star — pinned to the card corner */
.pk-services-v2 .pk-svc-fav{
  position:absolute!important;top:13px!important;right:13px!important;
  width:32px!important;height:32px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:9px!important;
  border:1px solid rgba(120,150,190,.24)!important;
  background:rgba(4,12,26,.72)!important;
  color:#7d93b4!important;font-size:14px!important;cursor:pointer!important;
  z-index:2!important;
  transition:color var(--sv3-transition),border-color var(--sv3-transition)!important;
}
.pk-services-v2 .pk-svc-fav:hover{color:#ffc23d!important;border-color:rgba(255,194,61,.5)!important;}
.pk-services-v2 .pk-svc-fav.favorite-active,
.pk-services-v2 .pk-svc-fav .fas{color:#ffc23d!important;}

/* collapsible detail panel */
.pk-services-v2 .pk-svc-detail{display:none!important;}
.pk-services-v2 .pk-svc-card.is-open .pk-svc-detail{display:block!important;}
.pk-services-v2 .pk-svc-detail-grid{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
  margin-top:2px!important;padding-top:11px!important;
  border-top:1px solid rgba(58,120,205,.16)!important;
}
.pk-services-v2 .pk-svc-detail-item{
  padding:7px 10px!important;border-radius:8px!important;
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(58,120,205,.13)!important;
}
.pk-services-v2 .pk-svc-detail-item span{
  display:block!important;margin-bottom:2px!important;
  color:#7f95b5!important;font-size:10px!important;font-weight:700!important;
}
.pk-services-v2 .pk-svc-detail-item b{color:#e5eeff!important;font-size:12.5px!important;font-weight:800!important;}

/* pager */
.pk-services-v2 .pk-svc-pager{gap:8px!important;margin:24px 0 4px!important;}

/* themed scrollbars inside the section */
.pk-services-v2 ::-webkit-scrollbar{width:8px!important;height:8px!important;}
.pk-services-v2 ::-webkit-scrollbar-track{background:rgba(6,16,34,.7)!important;border-radius:99px!important;}
.pk-services-v2 ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1ec8ff,#1b6fff)!important;border-radius:99px!important;}

@media(max-width:1180px){
  .pk-services-v2 .pk-svc-hero{grid-template-columns:1.1fr .9fr!important;min-height:0!important;}
  .pk-services-v2 .pk-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* ==================================================
   SERVICES PAGE V3 MOBILE FIRST
   --------------------------------------------------
   Phones ≤768px : compact hero, category icon-cards,
   compact toolbar, horizontal compact service cards.
   Mobile reference = the phone mock-up.
   ================================================== */
@media(max-width:768px){

  .pk-services-v2 .pk-svc-shell{padding:0!important;}

  /* HERO — compact, image stays beside the text */
  .pk-services-v2 .pk-svc-hero{
    grid-template-columns:1.32fr .68fr!important;
    gap:12px!important;
    min-height:0!important;
    margin:0 0 14px!important;
    padding:16px 16px!important;
    border-radius:16px!important;
  }
  .pk-services-v2 .pk-svc-hero-badge{margin-bottom:9px!important;padding:5px 12px!important;font-size:11px!important;}
  .pk-services-v2 .pk-svc-hero-title{font-size:25px!important;margin-bottom:6px!important;}
  .pk-services-v2 .pk-svc-hero-sub{font-size:13px!important;margin-bottom:11px!important;}
  .pk-services-v2 .pk-svc-hero-tags{gap:6px!important;}
  .pk-services-v2 .pk-svc-hero-tag{padding:5px 9px!important;font-size:10.5px!important;border-radius:8px!important;}
  .pk-services-v2 .pk-svc-hero-tag i{font-size:12px!important;}
  .pk-services-v2 .pk-svc-hero-art img{max-width:100%!important;max-height:172px!important;}

  /* CONTROLS — pills first, toolbar second (matches mobile reference) */
  .pk-services-v2 .pk-svc-controls{gap:10px!important;margin-bottom:14px!important;}
  .pk-services-v2 .pk-svc-toolbar{order:2!important;flex-wrap:wrap!important;gap:8px!important;}
  .pk-services-v2 .pk-svc-cats{order:1!important;gap:8px!important;}

  /* CATEGORY — square icon-cards, horizontal scroll */
  .pk-services-v2 .pk-svc-cat{
    flex-direction:column!important;
    gap:6px!important;
    min-width:64px!important;
    padding:9px 7px!important;
    border-radius:13px!important;
  }
  .pk-services-v2 .pk-svc-cat b{font-size:10.5px!important;line-height:1.1!important;}
  .pk-services-v2 .pk-svc-cat-ic{width:34px!important;height:34px!important;font-size:16px!important;border-radius:10px!important;}

  /* TOOLBAR — search full row, dropdowns share a row */
  .pk-services-v2 .pk-svc-search{flex:1 1 100%!important;}
  .pk-services-v2 .pk-svc-filter:not(.pk-svc-sort){flex:1 1 calc(50% - 4px)!important;}
  .pk-services-v2 .pk-svc-sort{flex:1 1 calc(50% - 4px)!important;}
  .pk-services-v2 select.pk-svc-filter-select,
  .pk-services-v2 input.pk-svc-search-input{height:46px!important;font-size:13.5px!important;}
  .pk-services-v2 input.pk-svc-search-input{padding-left:42px!important;}

  /* FEATURE STRIP — hidden on phones so services are reached fast */
  .pk-services-v2 .pk-svc-features{display:none!important;}

  .pk-services-v2 .pk-svc-gridhead{margin:0 0 9px!important;}
  .pk-services-v2 .pk-svc-count{font-size:12px!important;}

  /* GRID — single column, tight gap */
  .pk-services-v2 .pk-svc-grid{grid-template-columns:1fr!important;gap:10px!important;}

  /* CARD — compact horizontal: icon left, content right */
  .pk-services-v2 .pk-svc-card{
    display:grid!important;
    grid-template-columns:74px 1fr!important;
    gap:12px!important;
    padding:13px!important;
    border-radius:14px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.32)!important;
  }
  .pk-services-v2 .pk-svc-card:hover{transform:none!important;}
  .pk-services-v2 .pk-svc-card-ic{
    align-self:flex-start!important;
    width:74px!important;height:74px!important;
    font-size:30px!important;border-radius:13px!important;
  }
  .pk-services-v2 .pk-svc-card-body{gap:7px!important;}
  .pk-services-v2 .pk-svc-card-name{font-size:14.5px!important;padding-right:26px!important;}
  .pk-services-v2 .pk-svc-badge{font-size:9.5px!important;padding:2px 7px!important;}
  .pk-services-v2 .pk-svc-card-desc{font-size:11.5px!important;}

  /* hide noisy data on the mobile card face — still in the detail panel */
  .pk-services-v2 .pk-svc-ratings{display:none!important;}

  .pk-services-v2 .pk-svc-price{
    margin-top:4px!important;padding:7px 11px!important;border-radius:9px!important;
  }
  .pk-services-v2 .pk-svc-price-lbl{font-size:10px!important;}
  .pk-services-v2 .pk-svc-price-val{font-size:15px!important;}

  .pk-services-v2 .pk-svc-actions{gap:7px!important;}
  .pk-services-v2 .pk-svc-btn{height:38px!important;font-size:12px!important;padding:0 11px!important;}
  .pk-services-v2 .pk-svc-btn-ghost{padding:0 12px!important;}

  .pk-services-v2 .pk-svc-fav{top:10px!important;right:10px!important;width:28px!important;height:28px!important;font-size:12.5px!important;}

  .pk-services-v2 .pk-svc-detail-grid{grid-template-columns:1fr 1fr!important;}

  /* pager — compact */
  .pk-services-v2 .pk-svc-pager{gap:6px!important;margin:18px 0 4px!important;}
  .pk-services-v2 .pk-svc-page{min-width:36px!important;height:36px!important;font-size:13px!important;padding:0 8px!important;}

  /* clear the fixed mobile bottom-nav */
  body.pk-table-layout .pk-services-v2{padding-bottom:120px!important;}

  .pk-services-v2 .pk-svc-text{padding:18px 16px!important;}
}

@media(max-width:430px){
  .pk-services-v2 .pk-svc-hero{padding:14px 13px!important;}
  .pk-services-v2 .pk-svc-hero-title{font-size:22px!important;}
  .pk-services-v2 .pk-svc-hero-art img{max-height:138px!important;}
  .pk-services-v2 .pk-svc-card{grid-template-columns:62px 1fr!important;gap:10px!important;padding:11px!important;}
  .pk-services-v2 .pk-svc-card-ic{width:62px!important;height:62px!important;font-size:25px!important;}
  .pk-services-v2 .pk-svc-actions{flex-wrap:wrap!important;}
  .pk-services-v2 .pk-svc-btn-ghost,
  .pk-services-v2 .pk-svc-btn-buy{flex:1 1 100%!important;}
}

/* TikTok / Instagram icons are drawn as SVG backgrounds — the fallback text
   glyph must stay hidden on BOTH the pill icon and the card icon, at every
   size. Compound selector (0,3,0) so it always wins over .pk-svc-card-ic /
   .pk-svc-cat-ic font-size, regardless of source order. */
.pk-services-v2 .pk-svc-card-ic.pk-ic-tiktok,
.pk-services-v2 .pk-svc-card-ic.pk-ic-instagram,
.pk-services-v2 .pk-svc-cat-ic.pk-ic-tiktok,
.pk-services-v2 .pk-svc-cat-ic.pk-ic-instagram{
  font-size:0!important;
  color:transparent!important;
}

/* =========================================================================
   PKLIKE — SITE-WIDE THAI FONT UNIFICATION  ("Prompt")
   -------------------------------------------------------------------------
   Appended last so it wins the cascade over every older accreted font rule
   above (Kanit at 800/900 rendered Thai service names thick & blurry).

   This block touches ONLY paint/text properties — font-family, font-weight,
   text-shadow, letter-spacing, text-rendering — never layout, position,
   display, ids or DOM order. It therefore cannot break a form, a route,
   an order flow or any backend logic. The search-dropdown inputs keep their
   dedicated 'Noto Sans Thai' rule on purpose (those high-id-specificity
   selectors sit untouched — Noto fixes vowel/tone-mark clipping in the
   cramped search field, and is left exactly as-is).
   ========================================================================= */

/* ----- 1. FONT STACK — one Prompt-first stack across the whole site ------ */
/* Each selector below is one that still pins the OLD font somewhere above;
   re-declaring them here (same/higher specificity, appended later) flips the
   whole site to Prompt without editing the original scattered rules. */
html,body,
button,input,select,textarea,optgroup,
.pk-home a,
.pk-page,
.dashboard-page,
.pk-service-trigger,
.pk-service-option,
.pk-dashboard-neworder .pk-info-grid,
.pk-orders-page .pk-order-id-badge,
body.pk-neworder-layout,
body:has(.pk-dashboard-neworder),
body.pk-dashboard-layout,
body.pk-auth-dashboard-layout,
body.pk-auth-dashboard-layout .pk-auth-profile,
.pk-services-v2,.pk-services-v3,
.service-card,.pk-service-card,.pk-svc-card,
.sidebar,.bottom-nav,
.navbar,.pk-mobile-drawer,.pk-mobile-bottom-nav{
  font-family:'Prompt','Noto Sans Thai','Tahoma',sans-serif!important;
}

/* Crisp rendering — antialiased + legibility hint, set once on the root */
html,body{
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}

/* Descendant sweep for the containers the brief calls out. Icon elements
   (<i>, <svg>/<path>, FontAwesome glyphs, the .navbar-icon wrapper and the
   services SVG platform tiles .pk-ic-*) are excluded with :not() so their
   icon fonts / SVG marks are NOT overwritten and stay intact. */
.pk-services-v2 *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]),
.pk-services-v3 *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]),
.service-card *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]),
.pk-service-card *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]),
.pk-svc-card *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]),
.sidebar *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]),
.bottom-nav *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]),
.pk-mobile-bottom-nav *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]),
.pk-mobile-drawer *:not(i):not(svg):not(path):not([class*="fa-"]):not(.navbar-icon):not([class*="pk-ic-"]){
  font-family:'Prompt','Noto Sans Thai','Tahoma',sans-serif!important;
}

/* ----- 2. SERVICES PAGE — calmer weights for long Thai strings ----------- */
/* Thai glyphs at weight 900 (+ a blue glow) rendered thick and fuzzy. The
   weight scale here is: title 800 · card title 700 · description 500 ·
   badge 700 · meta 600-700 · buttons 700. No 900 on any long Thai text. */

/* Hero title — was 900 + heavy 26px glow → 800 + a faint depth shadow only */
.pk-services-v2 .pk-svc-hero-title{
  font-weight:800!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
  -webkit-text-stroke:0!important;
  letter-spacing:normal!important;
}
.pk-services-v2 .pk-svc-hero-sub{font-weight:500!important;}
.pk-services-v2 .pk-svc-hero-badge{font-weight:600!important;}
.pk-services-v2 .pk-svc-hero-tag{font-weight:600!important;}

/* Card title — was 800 → 700; no glow, no stroke (the brief: 700 or 800
   only, never 900 on long Thai). Bold weight alone gives the hierarchy. */
.pk-services-v2 .pk-svc-card-name{
  font-weight:700!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  letter-spacing:normal!important;
}
.pk-services-v2 .pk-svc-card-desc{font-weight:500!important;text-shadow:none!important;}
.pk-services-v2 .pk-svc-badge{font-weight:700!important;}
.pk-services-v2 .pk-svc-meta em{font-weight:600!important;}
.pk-services-v2 .pk-svc-meta b{font-weight:700!important;}
.pk-services-v2 .pk-svc-price-lbl{font-weight:600!important;}
.pk-services-v2 .pk-svc-price-val{font-weight:800!important;}  /* was 900 */
.pk-services-v2 .pk-svc-btn{font-weight:700!important;}
.pk-services-v2 .pk-svc-cat,
.pk-services-v2 .pk-svc-cat b{font-weight:600!important;}
.pk-services-v2 .pk-svc-count{font-weight:600!important;}
.pk-services-v2 .pk-svc-detail-item b{font-weight:700!important;}