/* Extracted from neworder (17).twig */
/* Upload this file to: /public/assets/css/neworder-extracted.css */
/* Then keep this link in neworder.twig: <link rel="stylesheet" href="/assets/css/neworder-extracted.css?v=1.0"> */


/* ===== CSS block 1 (no attributes) ===== */

.card-ai #new-order-catss button{display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;background:rgba(48,65,97,.6);width:max-content;height:42px;line-height:42px;border-radius:10px;color:#fff!important;font-size:14px;padding:0 10px;border:1px solid rgb(48,65,97,1)}.card-ai #new-order-catss button.active{background:var(--color-6);color:#fff!important}.card-ai #new-order-catss button.active:hover{background:var(--color-6)!important;color:#fff!important}.card-ai #new-order-catss button:not(.active):hover{background:rgb(48,65,97,1)}.card-ai #new-order-catss button.active .noc-icon{background:#fff!important;color:var(--color-6)!important}.card-ai #new-order-catss button .noc-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100px;background:var(--color-6);font-size:12px;width:24px;height:24px;color:#fff}.card-ai #new-order-catss button .noc-icon .fa-telegram-plane{color:#fff!important}.card-ai #new-order-catss button.active .noc-icon .fa-telegram-plane{color:var(--color-6)!important}#new-order-catss{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgb(48,65,97,1) transparent}#new-order-catss::-webkit-scrollbar{height:3px}#new-order-catss::-webkit-scrollbar-track{background:transparent;border-radius:10px}#new-order-catss::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}#new-order-catss button{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-2);width:42px;height:42px;line-height:42px;border-radius:10px;color:#fff!important;font-size:18px}#new-order-catss button.default{color:var(--color-3)}#new-order-catss button.instagram{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}#new-order-catss button.instagram .fab.fa-instagram{color:#fff!important;-webkit-text-fill-color:unset}#new-order-catss button.facebook{background:linear-gradient(45deg,#036ce3,#149ff8)}#new-order-catss button.facebook .fab.fa-facebook-f{color:#fff!important}#new-order-catss button.twitter{background:#00acee}#new-order-catss button.twitter .fab.fa-twitter{color:#fff!important}#new-order-catss button.youtube{background:#fe0000}#new-order-catss button.youtube .fab.fa-youtube{color:#fff!important}#new-order-catss button.tiktok{background:#010101}#new-order-catss button.spotify{background:#1DB954}#new-order-catss button.spotify .fab.fa-spotify{color:#fff!important}#new-order-catss button.telegram{background:#29a0da}#new-order-catss button.telegram .fab.fa-telegram-plane{color:#fff!important}#new-order-catss button.whatsapp{background:#25d366}#new-order-catss button.whatsapp .fab.fa-whatsapp{color:#fff!important}#new-order-catss button.threads{background:#000;color:#fff}#new-order-catss button.threads .fab.fa-threads{color:#fff!important}#new-order-catss button.twitch{background:#9146ff}#new-order-catss button.twitch .fab.fa-twitch{color:#fff!important}#new-order-catss button.snapchat{background:#fffc00;color:#000}#new-order-catss button.snapchat .fab.fa-snapchat-ghost{color:#fff!important}#new-order-catss button.quora{background:#b92b27}#new-order-catss button.quora .fab.fa-quora{color:#fff!important}#new-order-catss button.google{background:#4285f4}#new-order-catss button.google .fab.fa-google{color:#fff!important}


/* ===== CSS block 2 (no attributes) ===== */

/* =========================================================
   PATCHED TOP USER INFO + CATEGORY FILTER (#cf91e7)
   Transfer-safe block from extracted neworder design
   ========================================================= */
:root{
  --neworder-pink:#cf91e7;
  --neworder-pink-soft:#fff0f6;
  --neworder-pink-light:#ffe2ee;
  --neworder-pink-dark:#3a1826;
}

/* Loop order toggle (UI upgrade) */
.nwo-switch{
  --nwo-switch-h: 28px;
  --nwo-switch-w: 54px;
  --nwo-switch-pad: 4px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid #cf91e766;
  background:linear-gradient(135deg,#fff7fb 0%,#ffe2ee40 55%,#ffffff 100%);
  box-shadow:0 12px 28px rgba(255,184,210,.22);
}
.nwo-switch .nwo-switch__meta{min-width:0}
.nwo-switch .nwo-switch__title{
  font-weight:900;
  font-size:14px;
  color:#cf91e7;
  line-height:1.2;
  margin:0;
}
.nwo-switch .nwo-switch__desc{
  margin-top:4px;
  font-size:12px;
  line-height:1.35;
  color:rgba(58,24,38,.72);
}
.nwo-switch input[type="checkbox"]{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
.nwo-switch .nwo-switch__control{
  flex:0 0 auto;
  width:var(--nwo-switch-w);
  height:var(--nwo-switch-h);
  border-radius:999px;
  border:1px solid rgba(207,145,231,.55);
  background:rgba(207,145,231,.15);
  position:relative;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.45);
}
.nwo-switch .nwo-switch__control::after{
  content:"";
  position:absolute;
  top:50%;
  left:var(--nwo-switch-pad);
  width:calc(var(--nwo-switch-h) - (var(--nwo-switch-pad) * 2));
  height:calc(var(--nwo-switch-h) - (var(--nwo-switch-pad) * 2));
  border-radius:999px;
  background:#fff;
  transform:translateY(-50%);
  box-shadow:0 10px 18px rgba(0,0,0,.18);
  transition:left .18s ease, transform .18s ease;
}
.nwo-switch input[type="checkbox"]:checked + .nwo-switch__control{
  background:rgba(207,145,231,.95);
  border-color:rgba(207,145,231,.95);
  box-shadow:0 14px 30px rgba(207,145,231,.32), inset 0 0 0 3px rgba(255,255,255,.25);
}
.nwo-switch input[type="checkbox"]:checked + .nwo-switch__control::after{
  left:calc(var(--nwo-switch-w) - (var(--nwo-switch-h) - (var(--nwo-switch-pad) * 2)) - var(--nwo-switch-pad));
}

/* Dark/Nightmode support */
html.dark .nwo-switch,
body.dashboard.nightmode .nwo-switch,
body.nightmode .nwo-switch{
  background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,rgba(255,226,238,.05) 55%,rgba(255,255,255,.03) 100%);
  border-color:rgba(207,145,231,.35);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
html.dark .nwo-switch .nwo-switch__desc,
body.dashboard.nightmode .nwo-switch .nwo-switch__desc,
body.nightmode .nwo-switch .nwo-switch__desc{
  color:rgba(255,255,255,.70);
}

/* Order result modal (professional UI + auto close) */
#orderReceiptModal .modal-box{
  border-radius:18px;
  overflow:hidden;
}
#orderReceiptModal .m-header{
  position:sticky;
  top:0;
  z-index:2;
}
#orderReceiptModal .m-body{
  padding:18px 22px 20px;
}
.orm-alert{
  margin:0;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 26px rgba(0,0,0,.10);
  padding:14px 16px;
}
.orm-alert.alert-success{border-color: rgba(47,205,148,.25)}
.orm-alert.alert-danger{border-color: rgba(233,62,62,.25)}
.orm-meta{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.orm-countdown{
  font-size:12px;
  font-weight:700;
  opacity:.75;
  white-space:nowrap;
}
.orm-progress{
  flex:1;
  height:8px;
  border-radius:999px;
  background:rgba(0,0,0,.08);
  overflow:hidden;
  position:relative;
}
.orm-progress > span{
  display:block;
  height:100%;
  width:100%;
  border-radius:999px;
  transform-origin:left center;
  transform:scaleX(1);
}
.orm-progress.success > span{background:linear-gradient(90deg,#2FCD94,#7debbf)}
.orm-progress.danger > span{background:linear-gradient(90deg,#E93E3E,#ff8b8b)}

html.dark .orm-progress,
body.dashboard.nightmode .orm-progress,
body.nightmode .orm-progress{
  background:rgba(255,255,255,.10);
}

/* Top user summary bar */
.top-user-summary{
  margin:14px 0 18px 0;
  padding:18px 22px;
  border-radius:22px;
  background:linear-gradient(135deg,#cf91e729 0%,#ffe2ee0d 48%,#fff7fb0f 100%) !important;
  border:1px solid #cf91e766 !important;
  box-shadow:0 16px 38px rgba(255,184,210,.34) !important;
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1fr;
  gap:18px;
  align-items:center;
}

.top-user-summary .tus-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}

.top-user-summary .tus-icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  font-size:21px;
  background:linear-gradient(135deg, #4e016c66, #9C27B0, #9C27B0)!important;
  border:2px solid rgba(255,255,255,.85) !important;
  box-shadow:0 10px 24px rgba(255,144,190,.35), inset 0 0 0 4px rgba(255,255,255,.24) !important;
  animation:tusFloat 3s ease-in-out infinite;
}

.top-user-summary .tus-item:nth-child(2) .tus-icon{animation-delay:.2s}
.top-user-summary .tus-item:nth-child(3) .tus-icon{animation-delay:.4s}
.top-user-summary .tus-item:nth-child(4) .tus-icon{animation-delay:.6s}

.top-user-summary .tus-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.top-user-summary .tus-name,
.top-user-summary .tus-value{
  color:#cf91e7 !important;
  font-size:16px;
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.top-user-summary .tus-name{
  font-size:17px;
  font-weight:900;
}

.top-user-summary .tus-welcome,
.top-user-summary .tus-label{
  color:#cf91e766  !important;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
}

@keyframes tusFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.04)}
}

/* Top category/platform filter */
.top-platform-filter{
  padding:14px !important;
  border-radius:20px !important;
  margin:16px 0 24px 0 !important;
  background:linear-gradient(135deg,#fff7fb00 0%,#ffe2ee00 50%,#cf91e700 100%) !important;
  border:1px solid #cf91e766 !important;
  box-shadow:0 14px 32px rgba(255,184,210,.30) !important;
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.top-platform-filter .neworder-filter{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.top-platform-filter #new-order-catss{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  overflow:visible !important;
}

.top-platform-filter #new-order-catss::-webkit-scrollbar{display:none}

.top-platform-filter #new-order-catss button{
  width:100% !important;
  height:50px !important;
  min-width:0;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border:2px solid  var(--color-6) !important;
  border-radius:10px !important;
  background:#fff7fb00 !important;
  color:# var(--color-7) !important;
  font-size:14px !important;
  font-weight:600;
  padding:0 12px !important;
  gap:8px;
  line-height:1.2 !important;
  box-shadow:0 8px 18px rgba(255,184,210,.22) !important;
  cursor:pointer;
  transition:all .25s ease;
}

.top-platform-filter #new-order-catss button:hover{
  background:#ffffff !important;
  border-color:#cf91e766  !important;
  box-shadow:0 10px 24px rgba(255,143,189,.28) !important;
}

.top-platform-filter #new-order-catss button.active{
  background: var(--color-6) !important;
  color:#4a1f31 !important;
  border-color: var(--color-7) !important;
  box-shadow:0 10px 24px rgba(255,143,189,.32) !important;
}

.top-platform-filter #new-order-catss button .noc-label{
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.top-platform-filter #new-order-catss button .noc-icon{
  width:24px;
  height:24px;
  font-size:18px;
  background:transparent !important;
  border-radius:0 !important;
  color:inherit !important;
  display:flex;
  align-items:center;
  justify-content:center;
}

.top-platform-filter #new-order-catss button .noc-icon i{
  display:inline-block;
  transform-origin:center;
  transition:transform .25s ease,filter .25s ease;
}

.top-platform-filter #new-order-catss button:hover .noc-icon i{
  animation:filterIconBounce .55s ease both;
  filter:drop-shadow(0 4px 8px rgba(255,184,210,.55)) !important;
}

.top-platform-filter #new-order-catss button.active .noc-icon i{
  animation:filterIconPulse 1.4s ease-in-out infinite;
  filter:drop-shadow(0 4px 8px rgba(255,184,210,.55)) !important;
}

/* Social icon colors */
.top-platform-filter #new-order-catss button.default .noc-icon i{color:#2D7DE2 !important}
.top-platform-filter #new-order-catss button.misc .noc-icon i{color:#2D7DE2 !important}
/* PH Flag Category Button */
.top-platform-filter #new-order-catss button.philippines,
#new-order-catss button.philippines{
  position:relative;
  overflow:hidden;
  background:linear-gradient(to bottom,#0038a8 0 50%,#ce1126 50% 100%) !important;
  color:#fff !important;
  border:2px solid #ffffff !important;
}

/* White triangle */
.top-platform-filter #new-order-catss button.philippines::before,
#new-order-catss button.philippines::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:42%;
  background:#fff;
  clip-path:polygon(0 0,100% 50%,0 100%);
  z-index:1;
}

/* Yellow sun/star */
.top-platform-filter #new-order-catss button.philippines::after,
#new-order-catss button.philippines::after{
  content:"★";
  position:absolute;
  left:8px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  color:#fcd116;
  z-index:2;
  text-shadow:0 0 2px rgba(0,0,0,.15);
}

/* Keep PH text visible */
.top-platform-filter #new-order-catss button.philippines .noc-label,
#new-order-catss button.philippines .noc-label{
  position:relative;
  z-index:3;
  color:#fff !important;
  font-weight:900;
}

/* Hide icon if PH button has an icon */
.top-platform-filter #new-order-catss button.philippines .noc-icon,
#new-order-catss button.philippines .noc-icon{
  display:none !important;
}
.top-platform-filter #new-order-catss button.facebook .noc-icon i{color:#1877F2 !important}
.top-platform-filter #new-order-catss button.instagram .noc-icon i{
  background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.top-platform-filter #new-order-catss button.youtube .noc-icon i{color:#FF0000 !important}
.top-platform-filter #new-order-catss button.twitter .noc-icon i{color:#000000 !important}
.top-platform-filter #new-order-catss button.spotify .noc-icon i{color:#1DB954 !important}
.top-platform-filter #new-order-catss button.tiktok .noc-icon i{
  color:#111111 !important;
  text-shadow:-1px -1px 0 #25F4EE,1px 1px 0 #FE2C55;
}
.top-platform-filter #new-order-catss button.telegram .noc-icon i{color:#229ED9 !important}
.top-platform-filter #new-order-catss button.linkedin .noc-icon i{color:#0A66C2 !important}
.top-platform-filter #new-order-catss button.discord .noc-icon i{color:#5865F2 !important}
.top-platform-filter #new-order-catss button.traffic .noc-icon i{color:#1E9BFF !important}

/* Dark/night mode support */
html.dark .top-user-summary,
body.dashboard.nightmode .top-user-summary,
body.nightmode .top-user-summary{
  background:#ffffff00 !important;
  border:1px solid  var(--color-6) !important;
  box-shadow:0 18px 42px rgba(255,184,210,.18) !important;
}

html.dark .top-user-summary .tus-name,
html.dark .top-user-summary .tus-value,
body.dashboard.nightmode .top-user-summary .tus-name,
body.dashboard.nightmode .top-user-summary .tus-value,
body.nightmode .top-user-summary .tus-name,
body.nightmode .top-user-summary .tus-value{
  color:#fff3f8 !important;
}

html.dark .top-user-summary .tus-welcome,
html.dark .top-user-summary .tus-label,
body.dashboard.nightmode .top-user-summary .tus-welcome,
body.dashboard.nightmode .top-user-summary .tus-label,
body.nightmode .top-user-summary .tus-welcome,
body.nightmode .top-user-summary .tus-label{
  color: var(--color-5);
}

html.dark .top-platform-filter,
body.dashboard.nightmode .top-platform-filter,
body.nightmode .top-platform-filter{
  background:#ffffff00 !important;
  border:1px solid var(--color-6) !important;
  box-shadow:0 18px 42px rgba(255,184,210,.15) !important;
}

html.dark .top-platform-filter #new-order-catss button,
body.dashboard.nightmode .top-platform-filter #new-order-catss button,
body.nightmode .top-platform-filter #new-order-catss button{
  background: var(--color-8);!important;
  color:  var(--color-5);!important;
  border-color: var(--color-6);!important;
}

html.dark .top-platform-filter #new-order-catss button:hover,
body.dashboard.nightmode .top-platform-filter #new-order-catss button:hover,
body.nightmode .top-platform-filter #new-order-catss button:hover{
  background: var(--color-8) !important;
  border-color: var(--color-7) !important;
  color: var(--color-5) !important;
}

html.dark .top-platform-filter #new-order-catss button.active,
body.dashboard.nightmode .top-platform-filter #new-order-catss button.active,
body.nightmode .top-platform-filter #new-order-catss button.active{
  background: var(--color-6) !important;
  color: var(--color-5) !important;
  border-color:#ffd6e6 !important;
}

@keyframes filterIconBounce{
  0%{transform:translateY(0) scale(1) rotate(0deg)}
  35%{transform:translateY(-4px) scale(1.18) rotate(-6deg)}
  70%{transform:translateY(1px) scale(.96) rotate(4deg)}
  100%{transform:translateY(0) scale(1) rotate(0deg)}
}

@keyframes filterIconPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.12)}
}

/* Responsive */
@media(max-width:1199.98px){
  .top-platform-filter #new-order-catss{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:991.98px){
  .top-user-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    padding:16px;
  }
}

@media(max-width:767.98px){
  .top-platform-filter{
    padding:10px !important;
    border-radius:16px !important;
    margin:12px 0 18px 0 !important;
  }

  .top-platform-filter #new-order-catss{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }

  .top-platform-filter #new-order-catss button{
    height:40px !important;
    padding:0 6px !important;
  }

  .top-platform-filter #new-order-catss button .noc-label{
    display:none;
  }

  .top-platform-filter #new-order-catss button .noc-icon{
    font-size:18px;
    width:20px;
    height:20px;
  }
}

@media(max-width:575.98px){
  .top-user-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-radius:18px;
    gap:12px;
    padding:14px;
  }

  .top-user-summary .tus-item{gap:9px}

  .top-user-summary .tus-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
    font-size:17px;
  }

  .top-user-summary .tus-name,
  .top-user-summary .tus-value{font-size:13px}

  .top-user-summary .tus-label,
  .top-user-summary .tus-welcome{font-size:10px}
}



/* User Level Badge + Modal */
.tus-level-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  gap:6px;
  margin-top:6px;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid #cf91e7 !important;
  background:rgba(207,145,231,.14) !important;
  color:#cf91e7 !important;
  font-size:11px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(207,145,231,.18);
  transition:.22s ease;
}
.tus-level-badge:hover{
  transform:translateY(-1px);
  background:rgba(207,145,231,.22) !important;
  box-shadow:0 10px 24px rgba(207,145,231,.26);
}
.tus-level-badge i{
  color:#ffd66b !important;
  font-size:14px;
  filter:drop-shadow(0 0 5px rgba(255,214,107,.45));
}
.tus-level-badge small{
  font-size:10px;
  font-weight:800;
  opacity:.78;
}
.tus-level-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.tus-level-modal.is-open{display:flex;}
.tus-level-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(7px);
}
.tus-level-box{
  position:relative;
  z-index:2;
  width:min(600px,100%);
  max-height:88vh;
  overflow:auto;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff7fb 0%,#fff0f6 100%);
  border:1px solid #cf91e766;
  box-shadow:0 24px 70px rgba(0,0,0,.38);
  color:#4a1f31;
}
.tus-level-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.tus-level-title{
  margin:0;
  font-size:26px;
  font-weight:900;
  line-height:1.15;
  color:#4a1f31;
}
.tus-level-title small{
  display:block;
  margin-top:7px;
  font-size:12px;
  color:#9b5aad;
  font-weight:700;
}
.tus-level-close{
  width:38px;
  height:38px;
  flex-shrink:0;
  border:0;
  border-radius:13px;
  background:rgba(207,145,231,.14);
  color:#4a1f31;
  font-size:22px;
  cursor:pointer;
  line-height:1;
  transition:.2s ease;
}
.tus-level-close:hover{background:rgba(207,145,231,.25);}
.tus-level-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.tus-level-meta-item,
.tus-level-progress-wrap,
.tus-level-requirements{
  padding:13px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(207,145,231,.30);
}
.tus-level-meta-label,
.tus-level-section-label{
  font-size:11px;
  font-weight:900;
  color:#cf91e7;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:5px;
}
.tus-level-meta-value{
  font-size:15px;
  font-weight:900;
  color:#4a1f31;
  line-height:1.35;
}
.tus-level-progress-wrap{margin-bottom:16px;}
.tus-level-progress-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  font-size:12px;
  font-weight:800;
  color:#9b5aad;
}
.tus-level-progress-bar{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(207,145,231,.18);
}
.tus-level-progress-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#cf91e7 0%,#ff9fc9 55%,#ffd66b 100%);
}
.tus-level-section{padding:12px 0;}
.tus-level-list{
  margin:0;
  padding-left:0;
  list-style:none;
}
.tus-level-list li{
  position:relative;
  margin:0 0 8px;
  padding-left:18px;
  color:#4a1f31;
  font-size:14px;
  line-height:1.5;
}
.tus-level-list li:before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#cf91e7;
  font-weight:900;
}
.tus-level-divider{
  position:relative;
  margin:6px 0 10px;
  text-align: left;
}
.tus-level-divider:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  border-top:1px solid rgba(207,145,231,.35);
}
.tus-level-divider span{
  position:relative;
  display:inline-block;
  padding:0 12px;
  background:#fff0f6;
  color:#cf91e7;
  font-size:13px;
  font-weight:900;
}
.tus-level-req-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid rgba(207,145,231,.22);
}
.tus-level-req-item:last-child{border-bottom:0;padding-bottom:0;}
.tus-level-req-item:first-child{padding-top:0;}
.tus-level-req-name{
  font-size:13px;
  font-weight:900;
  color:#4a1f31;
}
.tus-level-req-value{
  font-size:12px;
  color:#9b5aad;
  text-align:right;
  line-height:1.4;
  font-weight:700;
}
.tus-level-footer{margin-top:16px;}
.tus-level-footer-btn{
  width:100%;
  min-height:46px;
  border-radius:14px;
  border:1px solid #cf91e7;
  background:#cf91e7;
  color:#fff;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
}
.tus-level-footer-btn:hover{filter:brightness(1.05);}
html.dark .tus-level-box,
body.dashboard.nightmode .tus-level-box,
body.nightmode .tus-level-box{
  background:linear-gradient(180deg,#161827 0%,#111321 100%);
  border-color:#cf91e766;
  color:#fff3f8;
}
html.dark .tus-level-title,
html.dark .tus-level-meta-value,
html.dark .tus-level-list li,
html.dark .tus-level-req-name,
body.dashboard.nightmode .tus-level-title,
body.dashboard.nightmode .tus-level-meta-value,
body.dashboard.nightmode .tus-level-list li,
body.dashboard.nightmode .tus-level-req-name,
body.nightmode .tus-level-title,
body.nightmode .tus-level-meta-value,
body.nightmode .tus-level-list li,
body.nightmode .tus-level-req-name{color:#fff3f8;}
html.dark .tus-level-meta-item,
html.dark .tus-level-progress-wrap,
html.dark .tus-level-requirements,
body.dashboard.nightmode .tus-level-meta-item,
body.dashboard.nightmode .tus-level-progress-wrap,
body.dashboard.nightmode .tus-level-requirements,
body.nightmode .tus-level-meta-item,
body.nightmode .tus-level-progress-wrap,
body.nightmode .tus-level-requirements{
  background:rgba(255,255,255,.045);
  border-color:rgba(207,145,231,.28);
}
html.dark .tus-level-divider span,
body.dashboard.nightmode .tus-level-divider span,
body.nightmode .tus-level-divider span{background:#111321;}
@media(max-width:575.98px){
  .tus-level-badge{
    padding:5px 8px;
    font-size:9.5px;
    gap:4px;
  }
  .tus-level-badge i{font-size:12px;}
  .tus-level-badge small{display:none;}
  .tus-level-box{
    padding:15px;
    border-radius:20px;
  }
  .tus-level-title{font-size:22px;}
  .tus-level-meta{grid-template-columns:1fr;}
  .tus-level-req-item{flex-direction:column;gap:4px;}
  .tus-level-req-value{text-align:left;}
}



/* PH Flag Category Button - Final Override */
.top-platform-filter #new-order-catss button.philippines,
#new-order-catss button.philippines{
  position:relative;
  overflow:hidden;
  background:linear-gradient(to bottom,#0038a8 0 50%,#ce1126 50% 100%) !important;
  color:#fff !important;
  border:2px solid #ffffff !important;
}
.top-platform-filter #new-order-catss button.philippines::before,
#new-order-catss button.philippines::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:42%;
  background:#ffffff00;
  clip-path:polygon(0 0,100% 50%,0 100%);
  z-index:1;
}
.top-platform-filter #new-order-catss button.philippines::after,
#new-order-catss button.philippines::after{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  color: #fcd116;
  z-index:2;
  text-shadow:0 0 2px rgba(0,0,0,.15);
}
.top-platform-filter #new-order-catss button.philippines .noc-label,
#new-order-catss button.philippines .noc-label{
  display:inline-block !important;
  position:relative;
  z-index:3;
  color:var(--color-3) !important;
  font-weight:900;
}
.top-platform-filter #new-order-catss button.philippines .noc-icon,
#new-order-catss button.philippines .noc-icon{
  display:none !important;
}

/* Smooth dashboard typing marketing text */
.dashboard-typing-strip{
  width:100%;
  margin:-6px 0 14px 0;
  padding:6px 12px 2px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.dashboard-typing-text{
  display:inline-block;
  max-width:100%;
  min-height:22px;
  color: var(--color-5) !important;
  font-size:15px;
  font-weight:800;
  text-align: left;
  white-space:nowrap;
  overflow:hidden;
  border-right:3px solid currentColor;
  padding-right:5px;
  text-shadow:0 0 10px rgba(255,184,210,.35);
  animation:dashboardTypingCursor .95s step-end infinite;
}
@keyframes dashboardTypingCursor{
  0%,100%{border-color:transparent}
  50%{border-color:currentColor}
}
html.dark .dashboard-typing-text,
body.dashboard.nightmode .dashboard-typing-text,
body.nightmode .dashboard-typing-text{
  color: var(--color-5);!important;
  text-shadow:0 0 12px rgba(255,184,210,.32);
}
@media(max-width:767.98px){
  .dashboard-typing-strip{
    margin:-2px 0 10px 0;
    padding:4px 8px 0;
  }
  .dashboard-typing-text{
    min-height:36px;
    font-size:12px;
    font-weight:700;
    line-height:1.45;
    white-space:normal;
  }
}



/* SERVICE SPEED TAG GUIDE POPUP */
.service-speed-guide-card{
  margin:-10px 0 24px 0;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(207,145,231,.62);
  background:linear-gradient(135deg,rgba(207,145,231,.16) 0%,rgba(255,226,238,.12) 55%,rgba(255,255,255,.05) 100%);
  box-shadow:0 14px 34px rgba(207,145,231,.18);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  user-select:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.service-speed-guide-card:hover,
.service-speed-guide-card:focus{
  transform:translateY(-2px);
  border-color:rgba(207,145,231,.92);
  box-shadow:0 18px 44px rgba(207,145,231,.26);
  outline:none;
}
.service-speed-guide-card__left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.service-speed-guide-card__icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--color-6);
  color:#fff;
  box-shadow:0 10px 24px rgba(207,145,231,.30);
}
.service-speed-guide-card__title{
  font-size:14px;
  line-height:1.2;
  font-weight:900;
  color:var(--color-5);
  text-transform:uppercase;
  letter-spacing:.02em;
}
.service-speed-guide-card__subtitle{
  margin-top:4px;
  font-size:12px;
  line-height:1.35;
  color:rgba(90,62,98,.78);
}
.service-speed-guide-card__action{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(207,145,231,.18);
  color:var(--color-5);
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(207,145,231,.30);
}
.service-speed-guide-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.service-speed-guide-modal.is-open{display:flex;}
.service-speed-guide-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(7px);
}
.service-speed-guide-box{
  position:relative;
  z-index:2;
  width:min(560px,100%);
  max-height:88vh;
  overflow:auto;
  border-radius:24px;
  padding:20px;
  background:linear-gradient(180deg,#fff7fb 0%,#fff0f6 100%);
  border:1px solid rgba(207,145,231,.52);
  box-shadow:0 24px 70px rgba(0,0,0,.38);
  color:#4a1f31;
}
.service-speed-guide-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.service-speed-guide-title{
  margin:0;
  font-size:23px;
  line-height:1.15;
  color:#4a1f31;
  font-weight:950;
  text-transform:uppercase;
}
.service-speed-guide-desc{
  margin:7px 0 0;
  color:#9b5aad;
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
.service-speed-guide-close{
  width:38px;
  height:38px;
  flex-shrink:0;
  border:0;
  border-radius:13px;
  background:rgba(207,145,231,.16);
  color:#4a1f31;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:.2s ease;
}
.service-speed-guide-close:hover{background:rgba(207,145,231,.28);}
.service-speed-guide-list{
  display:grid;
  gap:10px;
  margin:16px 0 0;
}
.service-speed-guide-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border-radius:17px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(207,145,231,.28);
}
.service-speed-guide-name{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  font-size:14px;
  font-weight:950;
  color:#4a1f31;
}
.service-speed-guide-name i{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 30px;
}
.service-speed-guide-item.fast .service-speed-guide-name i{background:#2FCD94;}
.service-speed-guide-item.normal .service-speed-guide-name i{background:#F0B429;}
.service-speed-guide-item.slow .service-speed-guide-name i{background:#E93E3E;}
.service-speed-guide-time{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(207,145,231,.13);
  border:1px solid rgba(207,145,231,.22);
  color:#9b5aad;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.service-speed-guide-note{
  margin-top:14px;
  padding:12px 13px;
  border-radius:15px;
  background:rgba(207,145,231,.12);
  border:1px dashed rgba(207,145,231,.40);
  color:#7b4d86;
  font-size:12px;
  line-height:1.5;
  font-weight:700;
}
body.ssg-no-scroll{overflow:hidden;}
html.dark .service-speed-guide-card,
body.dashboard.nightmode .service-speed-guide-card,
body.nightmode .service-speed-guide-card{
  background:rgba(255,255,255,.035);
  border-color:rgba(207,145,231,.42);
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
html.dark .service-speed-guide-card__subtitle,
body.dashboard.nightmode .service-speed-guide-card__subtitle,
body.nightmode .service-speed-guide-card__subtitle{color:rgba(255,255,255,.68);}
html.dark .service-speed-guide-box,
body.dashboard.nightmode .service-speed-guide-box,
body.nightmode .service-speed-guide-box{
  background:linear-gradient(180deg,#161827 0%,#111321 100%);
  border-color:rgba(207,145,231,.44);
  color:#fff3f8;
}
html.dark .service-speed-guide-title,
html.dark .service-speed-guide-name,
body.dashboard.nightmode .service-speed-guide-title,
body.dashboard.nightmode .service-speed-guide-name,
body.nightmode .service-speed-guide-title,
body.nightmode .service-speed-guide-name{color:#fff3f8;}
html.dark .service-speed-guide-item,
body.dashboard.nightmode .service-speed-guide-item,
body.nightmode .service-speed-guide-item{
  background:rgba(255,255,255,.045);
  border-color:rgba(207,145,231,.25);
}
html.dark .service-speed-guide-note,
body.dashboard.nightmode .service-speed-guide-note,
body.nightmode .service-speed-guide-note{color:rgba(255,255,255,.72);}
@media(max-width:575.98px){
  .service-speed-guide-card{
    margin:-6px 0 18px 0;
    padding:12px;
    border-radius:16px;
    align-items:flex-start;
  }
  .service-speed-guide-card__icon{
    width:39px;
    height:39px;
    flex-basis:39px;
  }
  .service-speed-guide-card__title{font-size:12px;}
  .service-speed-guide-card__subtitle{font-size:11px;}
  .service-speed-guide-card__action{
    padding:8px 10px;
    font-size:11px;
  }
  .service-speed-guide-box{
    padding:16px;
    border-radius:20px;
  }
  .service-speed-guide-title{font-size:19px;}
  .service-speed-guide-item{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .service-speed-guide-time{white-space:normal;}
}


/* ===== CSS block 3 (id="fast-today-services-style") ===== */

/* FAST TODAY SERVICES MODAL */
.fast-today-services-launcher{
  margin:12px 0 16px;
  display:flex;
  align-items:center;
  gap:10px;
}
.fast-today-services-btn{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:16px;
	border: 1px solid var(--color-6);
  background:var(--color-8) !important;
  color:var(--color-3) !important;
  font-size:14px;
  font-weight:950;
  letter-spacing:.02em;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-shadow:0 14px 34px var(--color-7) !important;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.fast-today-services-btn:hover,
.fast-today-services-btn:focus{
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:0 18px 42px rgba(47,205,148,.30),0 14px 30px rgba(207,145,231,.22);
  outline:none;
}
.fast-today-services-btn i{
  width:25px;
  height:25px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.22);
}
.fast-today-services-modal{
  position:fixed;
  inset:0;
  z-index:100001;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.fast-today-services-modal.is-open{display:flex;}
.fast-today-services-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.74);
  backdrop-filter:blur(8px);
}
.fast-today-services-box{
  position:relative;
  z-index:2;
  width:min(920px,100%);
  max-height:90vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border-radius:24px;
  background:linear-gradient(180deg,#fff7fb 0%,#fff0f6 100%);
  border:1px solid rgba(207,145,231,.55);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  color:#4a1f31;
}
.fast-today-services-head{
  padding:17px 19px 14px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(207,145,231,.25);
}
.fast-today-services-title{
  margin:0;
  font-size:23px;
  line-height:1.15;
  font-weight:950;
  color:#4a1f31;
  text-transform:uppercase;
}
.fast-today-services-subtitle{
  margin-top:7px;
  font-size:12px;
  line-height:1.45;
  font-weight:750;
  color:#9b5aad;
}
.fast-today-services-close{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:0;
  border-radius:14px;
  background:rgba(207,145,231,.16);
  color:#4a1f31;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.fast-today-services-close:hover{background:rgba(207,145,231,.28);}
.fast-today-services-controls{
  padding:13px 19px;
  border-bottom:1px solid rgba(207,145,231,.18);
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.fast-today-platforms{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:thin;
}
.fast-today-platforms::-webkit-scrollbar{height:3px;}
.fast-today-platforms::-webkit-scrollbar-thumb{background:rgba(207,145,231,.45);border-radius:999px;}
.fast-today-platform-btn{
  border:1px solid rgba(207,145,231,.34);
  background:rgba(255,255,255,.58);
  color:#7b4d86;
  border-radius:999px;
  min-height:36px;
  padding:8px 12px;
  font-size:12px;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  cursor:pointer;
  transition:.2s ease;
}
.fast-today-platform-btn:hover,
.fast-today-platform-btn.is-active{
  background:#cf91e7;
  border-color:#cf91e7;
  color:#fff;
  box-shadow:0 9px 22px rgba(207,145,231,.24);
}
.fast-today-services-search{
  position:relative;
}
.fast-today-services-search i{
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  color:#cf91e7;
}
.fast-today-services-search input{
  width:100%;
  min-height:42px;
  border-radius:14px;
  border:1px solid rgba(207,145,231,.33);
  background:rgba(255,255,255,.72);
  color:#4a1f31;
  padding:9px 13px 9px 38px;
  font-size:13px;
  font-weight:700;
  outline:none;
}
.fast-today-services-search input:focus{
  border-color:rgba(207,145,231,.85);
  box-shadow:0 0 0 3px rgba(207,145,231,.15);
}
.fast-today-services-body{
  padding:15px 19px 19px;
  overflow:auto;
  flex:1;
}
.fast-today-status{
  margin-bottom:12px;
  padding:11px 13px;
  border-radius:15px;
  background:rgba(207,145,231,.12);
  border:1px dashed rgba(207,145,231,.34);
  color:#7b4d86;
  font-size:12px;
  line-height:1.45;
  font-weight:800;
}
.fast-today-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.fast-today-card{
  border:1px solid rgba(207,145,231,.28);
  background:rgba(255,255,255,.66);
  border-radius:17px;
  padding:13px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  box-shadow:0 10px 24px rgba(207,145,231,.10);
}
.fast-today-card-main{min-width:0;flex:1;}
.fast-today-card-name{
  font-size:13px;
  font-weight:950;
  color:#4a1f31;
  line-height:1.35;
  word-break:break-word;
}
.fast-today-card-meta{
  margin-top:9px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}
.fast-today-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  background:rgba(207,145,231,.12);
  border:1px solid rgba(207,145,231,.20);
  color:#8a5596;
  padding:5px 8px;
  font-size:10.5px;
  font-weight:900;
  line-height:1;
}
.fast-today-chip.fast{
  background:rgba(47,205,148,.16);
  border-color:rgba(47,205,148,.30);
  color:#0f8b5f;
}
.fast-today-select-btn{
  flex:0 0 auto;
  border:0;
  border-radius:12px;
  background:#cf91e7;
  color:#fff !important;
  padding:10px 12px;
  min-width:82px;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(207,145,231,.22);
}
.fast-today-select-btn:hover{filter:brightness(1.05);}
.fast-today-empty{
  padding:22px 14px;
  text-align:center;
  border-radius:18px;
  background:rgba(255,255,255,.55);
  border:1px dashed rgba(207,145,231,.35);
  color:#8a5596;
  font-size:13px;
  font-weight:800;
  line-height:1.55;
}
body.fast-today-no-scroll{overflow:hidden;}
html.dark .fast-today-services-box,
body.dashboard.nightmode .fast-today-services-box,
body.nightmode .fast-today-services-box{
  background:linear-gradient(180deg,#161827 0%,#111321 100%);
  border-color:rgba(207,145,231,.42);
  color:#fff3f8;
}
html.dark .fast-today-services-title,
html.dark .fast-today-card-name,
body.dashboard.nightmode .fast-today-services-title,
body.dashboard.nightmode .fast-today-card-name,
body.nightmode .fast-today-services-title,
body.nightmode .fast-today-card-name{color:#fff3f8;}
html.dark .fast-today-platform-btn,
html.dark .fast-today-services-search input,
html.dark .fast-today-card,
html.dark .fast-today-empty,
body.dashboard.nightmode .fast-today-platform-btn,
body.dashboard.nightmode .fast-today-services-search input,
body.dashboard.nightmode .fast-today-card,
body.dashboard.nightmode .fast-today-empty,
body.nightmode .fast-today-platform-btn,
body.nightmode .fast-today-services-search input,
body.nightmode .fast-today-card,
body.nightmode .fast-today-empty{
  background:rgba(255,255,255,.045);
  border-color:rgba(207,145,231,.25);
  color:rgba(255,255,255,.84);
}
html.dark .fast-today-status,
body.dashboard.nightmode .fast-today-status,
body.nightmode .fast-today-status{color:rgba(255,255,255,.72);}
@media(max-width:767.98px){
  .fast-today-grid{grid-template-columns:1fr;}
  .fast-today-services-head{padding:15px;}
  .fast-today-services-controls{padding:12px 15px;}
  .fast-today-services-body{padding:12px 15px 15px;}
  .fast-today-services-title{font-size:19px;}
}
@media(max-width:480px){
  .fast-today-card{flex-direction:column;}
  .fast-today-select-btn{width:100%;}
}


/* ===== CSS block 4 (no attributes) ===== */

#dropdown_for_search.dropdown {max-height:275px;overflow-x:hidden;background:#fff;margin-top: 8px;border:1px solid #e5e5e5;border-radius:8px;}#dropdown_for_search .dropdown-item {padding: 4px 10px!important;white-space: normal !important; word-wrap: break-word !important;cursor: pointer;border-bottom: 1px solid #ddd;transition: background-color 0.3s;color:#212529 !important;}#dropdown_for_search .dropdown-item:hover{background-color: #f1f2f6;}.parent_searches .input-group-text {padding: 14.7px 14px;background-color: #e8e8e800;border: none;border-bottom-right-radius:0px;border-bottom-left-radius:10px;border-top-left-radius:10px;border-top-right-radius:0px;}.parent_searches .input-group>.form-control:focus{z-index: 0 !important}.dashboard.nightmode .parent_searches .input-group-text {background-color: #000000a1;color:#fff;}.parent_searches .input-group-text:hover{opacity:0.8;}.dashboard.nightmode #dropdown_for_search.dropdown{background:#151428;border:1px solid rgba(0,0,0,.15)}.dashboard.nightmode #dropdown_for_search .dropdown-item{color:#fff !important;}.dashboard.nightmode #dropdown_for_search .dropdown-item:hover{background-color:#ffffff55}


/* ===== CSS block 5 (no attributes) ===== */

.loader{display:inline-block;width:15px;height:15px;border:2px solid #fff;border-radius:50%;border-top:2px solid transparent;animation:1s linear infinite spin}@keyframes spin{100%{transform:rotate(360deg)}}


/* ===== CSS block 6 (id="zhost-order-confirm-style") ===== */

.zhost-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:100002;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(0,0,0,.74);
  backdrop-filter:blur(8px);
}
.zhost-confirm-overlay.is-open{display:flex;}
.zhost-confirm-modal{
  width:min(560px,100%);
  max-height:92vh;
  overflow:auto;
  border-radius:24px;
  background:linear-gradient(180deg,#fff7fb 0%,#fff0f6 100%);
  border:1px solid rgba(207,145,231,.55);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  color:#4a1f31;
}
.zhost-confirm-head{
  padding:18px 20px 14px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(207,145,231,.24);
}
.zhost-confirm-title{
  margin:0;
  font-size:22px;
  line-height:1.15;
  font-weight:950;
  color:#4a1f31;
  text-transform:uppercase;
}
.zhost-confirm-subtitle{
  margin-top:7px;
  font-size:12px;
  line-height:1.45;
  font-weight:750;
  color:#9b5aad;
}
.zhost-confirm-close{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:0;
  border-radius:14px;
  background:rgba(207,145,231,.16);
  color:#4a1f31;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.zhost-confirm-close:hover{background:rgba(207,145,231,.28);}
.zhost-confirm-body{padding:16px 20px 4px;}
.zhost-service-warning{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border-radius:17px;
  margin-bottom:13px;
  background:rgba(240,180,41,.13);
  border:1px solid rgba(240,180,41,.35);
  color:#8a5b00;
}
.zhost-service-warning.success{
  background:rgba(47,205,148,.14);
  border-color:rgba(47,205,148,.32);
  color:#0f7b57;
}
.zhost-service-warning.danger{
  background:rgba(233,62,62,.12);
  border-color:rgba(233,62,62,.32);
  color:#a51f1f;
}
.zhost-warning-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.65);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  font-size:18px;
}
.zhost-warning-content{min-width:0;}
.zhost-warning-title{
  font-size:14px;
  font-weight:950;
  line-height:1.25;
  margin-bottom:4px;
}
.zhost-warning-message{
  font-size:12.5px;
  font-weight:750;
  line-height:1.45;
}
.zhost-confirm-summary{
  display:grid;
  gap:8px;
  padding:13px;
  border-radius:17px;
  margin-bottom:13px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(207,145,231,.28);
}
.zhost-summary-row{
  display:grid;
  grid-template-columns:94px 1fr;
  gap:10px;
  align-items:flex-start;
  font-size:13px;
  line-height:1.45;
}
.zhost-summary-label{
  color:#cf91e7;
  font-weight:950;
}
.zhost-summary-value{
  color:#4a1f31;
  font-weight:800;
  word-break:break-word;
}
.zhost-terms-confirm{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:13px;
  border-radius:17px;
  margin-bottom:8px;
  background:rgba(207,145,231,.11);
  border:1px dashed rgba(207,145,231,.42);
  cursor:pointer;
}
.zhost-terms-confirm input{
  width:19px;
  height:19px;
  margin-top:1px;
  accent-color:#cf91e7;
  flex:0 0 auto;
}
.zhost-terms-confirm span{
  color:#4a1f31;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
}
.zhost-terms-confirm a{
  color:#cf91e7;
  font-weight:950;
  text-decoration:none;
}
.zhost-terms-confirm a:hover{text-decoration:underline;}
.zhost-terms-error{
  display:none;
  color:#E93E3E;
  font-size:12px;
  font-weight:900;
  margin:2px 0 10px;
}
.zhost-confirm-footer{
  padding:12px 20px 20px;
  display:flex;
  gap:10px;
}
.zhost-confirm-btn{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:15px;
  font-size:14px;
  font-weight:950;
  cursor:pointer;
  transition:transform .18s ease,filter .18s ease,opacity .18s ease;
}
.zhost-confirm-btn:hover{transform:translateY(-1px);filter:brightness(1.04);}
.zhost-confirm-cancel{
  background:rgba(207,145,231,.16);
  color:#4a1f31;
  border:1px solid rgba(207,145,231,.26);
}
.zhost-confirm-submit{
  background:#cf91e7;
  color:#fff;
  box-shadow:0 12px 28px rgba(207,145,231,.26);
}
.zhost-confirm-submit:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
  filter:none;
}
body.zhost-confirm-no-scroll{overflow:hidden;}
html.dark .zhost-confirm-modal,
body.dashboard.nightmode .zhost-confirm-modal,
body.nightmode .zhost-confirm-modal{
  background:linear-gradient(180deg,#161827 0%,#111321 100%);
  border-color:rgba(207,145,231,.42);
  color:#fff3f8;
}
html.dark .zhost-confirm-title,
html.dark .zhost-summary-value,
html.dark .zhost-terms-confirm span,
body.dashboard.nightmode .zhost-confirm-title,
body.dashboard.nightmode .zhost-summary-value,
body.dashboard.nightmode .zhost-terms-confirm span,
body.nightmode .zhost-confirm-title,
body.nightmode .zhost-summary-value,
body.nightmode .zhost-terms-confirm span{color:#fff3f8;}
html.dark .zhost-confirm-summary,
body.dashboard.nightmode .zhost-confirm-summary,
body.nightmode .zhost-confirm-summary{
  background:rgba(255,255,255,.045);
  border-color:rgba(207,145,231,.25);
}
html.dark .zhost-confirm-cancel,
body.dashboard.nightmode .zhost-confirm-cancel,
body.nightmode .zhost-confirm-cancel{
  color:#fff3f8;
  background:rgba(255,255,255,.06);
}
@media(max-width:520px){
  .zhost-confirm-head{padding:16px 16px 12px;}
  .zhost-confirm-body{padding:14px 16px 4px;}
  .zhost-confirm-footer{padding:10px 16px 16px;flex-direction:column;}
  .zhost-confirm-title{font-size:19px;}
  .zhost-summary-row{grid-template-columns:78px 1fr;font-size:12.5px;}
}


/* ===== CSS block 7 (id="selected-recent-complete-style") ===== */

.selected-recent-complete-wrapper{margin-bottom:10px;}
.selected-recent-complete-wrapper .nwo-src-title{
  display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:800;font-size:13px;color:inherit;
}
.selected-recent-complete-box{
  border-radius:10px;padding:6px;background:rgba(128,128,128,.08);border:1px solid rgba(128,128,128,.14);
}
.selected-recent-complete-row{
  padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.035);border:1px solid rgba(128,128,128,.10);margin-bottom:5px;
}
.selected-recent-complete-row:last-child{margin-bottom:0;}
.selected-recent-complete-line{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;line-height:1.25;font-weight:800;
}
.selected-recent-complete-line span{white-space:nowrap;}
.selected-recent-complete-sep{opacity:.35;font-weight:900;}
.selected-recent-complete-date{
  margin-top:3px;font-size:10.5px;line-height:1.2;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.selected-recent-complete-empty,
.selected-recent-complete-loading{
  padding:8px;border-radius:8px;font-size:12px;font-weight:700;text-align: left;opacity:.75;
}
html.dark .selected-recent-complete-box,
body.dashboard.nightmode .selected-recent-complete-box,
body.nightmode .selected-recent-complete-box{
  background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);
}
html.dark .selected-recent-complete-row,
body.dashboard.nightmode .selected-recent-complete-row,
body.nightmode .selected-recent-complete-row{
  background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);
}
@media(max-width:575.98px){
  .selected-recent-complete-line{gap:4px;font-size:10.5px;}
  .selected-recent-complete-date{font-size:10px;}
}


/* ===== CSS block 8 (no attributes) ===== */

/* Premium Recent Complete Button */
.rc-inline-btn{
  cursor:pointer;
  position:relative;
  overflow:hidden;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-left:8px;
  padding:4px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(135deg, #532366 0%, #673AB7 54%, #540c61 100%);
  color:#fff !important;
  font-size:10.5px;
  font-weight:900;
  line-height:1.15;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(207,145,231,.32), inset 0 0 0 1px rgba(255,255,255,.22);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  vertical-align:middle;
}
.rc-inline-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.42) 45%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .55s ease;
}
.rc-inline-btn:hover{
  transform:translateY(-1px) scale(1.03);
  box-shadow:0 12px 26px rgba(207,145,231,.45), inset 0 0 0 1px rgba(255,255,255,.28);
  filter:brightness(1.04);
}
.rc-inline-btn:hover::before{transform:translateX(120%);}
.rc-inline-btn i{
  position:relative;
  z-index:1;
  width:17px;
  height:17px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.24);
  color:#fff !important;
  font-size:10px;
}
.rc-inline-btn span{
  position:relative;
  z-index:1;
}

.svc-speed-inline.service-speed-badge{
  margin-left:0;
  padding:4px 10px;
  font-size:10px;
  min-height:25px;
  cursor:default;
  vertical-align:middle;
}
.svc-speed-inline.service-speed-badge::before{display:none;}
.svc-speed-inline.service-speed-badge i{
  width:15px;
  height:15px;
  font-size:9px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.30);
}
.svc-speed-inline.service-speed-badge span{position:relative;z-index:1;}
html.dark .rc-inline-btn,
body.dashboard.nightmode .rc-inline-btn,
body.nightmode .rc-inline-btn{
  border-color:rgba(255,255,255,.22);
  box-shadow:0 10px 24px rgba(207,145,231,.30), inset 0 0 0 1px rgba(255,255,255,.12);
}
@media(max-width:767.98px){
  .rc-inline-btn{
    margin-left:5px;
    padding:4px 9px;
    font-size:9.5px;
  }
  .rc-inline-btn i{width:15px;height:15px;font-size:9px;}
}


/* ===== CSS block 9 (id="neworder-left-alignment-patch") ===== */

/* =========================================================
   LEFT ALIGNMENT PATCH
   Keeps all major New Order text content aligned left instead
   of centered/middle-aligned.
   ========================================================= */
.te-custom-block,
.te-custom-block h1,
.te-custom-block h2,
.te-custom-block h3,
.te-custom-block h4,
.te-custom-block h5,
.te-custom-block h6,
.te-custom-block p,
.te-custom-block div,
.page,
.page-body,
.card,
.card-body,
.card-head,
.card-head-title,
.card-head-title h4,
.card-head-title h4 button,
.form-group,
.form-group label,
.control-label,
.response-container,
.alert,
.desc-list,
.desc-list .text,
.form-label,
#description_new,
#ser_name,
#dropdown_for_search,
#dropdown_for_search .dropdown-item,
.tus-level-box,
.tus-level-title,
.tus-level-title small,
.tus-level-meta-item,
.tus-level-meta-label,
.tus-level-meta-value,
.tus-level-section,
.tus-level-section-label,
.tus-level-list,
.tus-level-list li,
.tus-level-requirements,
.tus-level-req-name,
.tus-level-req-value,
.modal-wrapper .modal-box,
.modal-wrapper .m-header,
.modal-wrapper .m-body,
.modal-wrapper .m-body p,
.modal-wrapper .m-body div,
.modal-wrapper .m-body span {
  text-align: left !important;
}

.top-user-summary .tus-item,
.top-user-summary .tus-content {
  text-align: left !important;
  align-items: flex-start !important;
}

.dashboard-typing-strip {
  justify-content: flex-start !important;
  text-align: left !important;
}

.dashboard-typing-text {
  text-align: left !important;
}

.top-platform-filter #new-order-catss button {
  text-align: left !important;
}

.top-platform-filter #new-order-catss button .noc-label {
  text-align: left !important;
}

.tus-level-req-item {
  text-align: left !important;
}

.tus-level-req-value {
  text-align: left !important;
}

/* Keep close buttons and icon-only controls visually centered. */
.m-close,
.tus-level-close,
.top-platform-filter #new-order-catss button .noc-icon,
.desc-list .icon,
.card-head-icon,
.tus-icon,
.order-btn {
  text-align: left !important;
}


/* ===== CSS block 10 (id="service-speed-badge-patch") ===== */

/* Dynamic Service Speed Badge */
#Speed{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:24px;
}
.service-speed-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}
.service-speed-badge i{
  width:17px;
  height:17px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.28);
  font-size:10px;
  flex:0 0 17px;
}
.service-speed-badge-fast{
  color:#0f8b5f;
  background:rgba(47,205,148,.16);
  border-color:rgba(47,205,148,.35);
}
.service-speed-badge-normal{
  color:#9a6a00;
  background:rgba(255,214,107,.22);
  border-color:rgba(255,214,107,.45);
}
.service-speed-badge-slow{
  color:#b42318;
  background:rgba(233,62,62,.14);
  border-color:rgba(233,62,62,.35);
}
.service-speed-badge-unknown,
.service-speed-badge-loading{
  color:#64748b;
  background:rgba(100,116,139,.12);
  border-color:rgba(100,116,139,.24);
}
html.dark .service-speed-badge,
body.dashboard.nightmode .service-speed-badge,
body.nightmode .service-speed-badge{
  box-shadow:0 8px 18px rgba(0,0,0,.28);
}
@media(max-width:575.98px){
  .service-speed-badge{
    font-size:10px;
    padding:5px 8px;
  }
}



/* =========================================================
   MONOCHROME BLACK & WHITE THEME OVERRIDE
   Preserves the original layout, JavaScript hooks, animation,
   responsive behavior, and light/dark mode structure.
   ========================================================= */

:root {
  --neworder-pink: #111111 !important;
  --neworder-pink-soft: #f7f7f7 !important;
  --neworder-pink-light: #ececec !important;
  --neworder-pink-dark: #111111 !important;
  --mono-black: #000000;
  --mono-ink: #111111;
  --mono-dark: #181818;
  --mono-mid: #707070;
  --mono-line: #d7d7d7;
  --mono-soft: #eeeeee;
  --mono-paper: #ffffff;
}

/* Shared color variables used by the parent theme */
html:not(.dark) {
  --color-1: #ffffff !important;
  --color-2: #f4f4f4 !important;
  --color-3: #555555 !important;
  --color-4: #e4e4e4 !important;
  --color-5: #111111 !important;
  --color-6: #111111 !important;
  --color-7: #000000 !important;
  --color-8: rgba(0,0,0,.07) !important;
}

html.dark,
body.dashboard.nightmode,
body.nightmode {
  --color-1: #0a0a0a !important;
  --color-2: #111111 !important;
  --color-3: #bdbdbd !important;
  --color-4: #252525 !important;
  --color-5: #ffffff !important;
  --color-6: #ffffff !important;
  --color-7: #d9d9d9 !important;
  --color-8: rgba(255,255,255,.08) !important;
}

/* ---------- Category/platform filter ---------- */
.card-ai #new-order-catss button,
#new-order-catss button,
.top-platform-filter #new-order-catss button {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #111111 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
}

.card-ai #new-order-catss button:hover,
#new-order-catss button:hover,
.top-platform-filter #new-order-catss button:hover {
  background: #f0f0f0 !important;
  color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
}

.card-ai #new-order-catss button.active,
#new-order-catss button.active,
.top-platform-filter #new-order-catss button.active {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
}

.card-ai #new-order-catss button .noc-icon,
#new-order-catss button .noc-icon,
.top-platform-filter #new-order-catss button .noc-icon {
  background: transparent !important;
  color: inherit !important;
}

.card-ai #new-order-catss button.active .noc-icon,
#new-order-catss button.active .noc-icon,
.top-platform-filter #new-order-catss button.active .noc-icon {
  background: transparent !important;
  color: #ffffff !important;
}

#new-order-catss button.instagram,
#new-order-catss button.facebook,
#new-order-catss button.twitter,
#new-order-catss button.youtube,
#new-order-catss button.tiktok,
#new-order-catss button.spotify,
#new-order-catss button.telegram,
#new-order-catss button.whatsapp,
#new-order-catss button.threads,
#new-order-catss button.twitch,
#new-order-catss button.snapchat,
#new-order-catss button.quora,
#new-order-catss button.google,
#new-order-catss button.philippines {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #111111 !important;
}

#new-order-catss button.active.instagram,
#new-order-catss button.active.facebook,
#new-order-catss button.active.twitter,
#new-order-catss button.active.youtube,
#new-order-catss button.active.tiktok,
#new-order-catss button.active.spotify,
#new-order-catss button.active.telegram,
#new-order-catss button.active.whatsapp,
#new-order-catss button.active.threads,
#new-order-catss button.active.twitch,
#new-order-catss button.active.snapchat,
#new-order-catss button.active.quora,
#new-order-catss button.active.google,
#new-order-catss button.active.philippines {
  background: #000000 !important;
  color: #ffffff !important;
}

.top-platform-filter #new-order-catss button .noc-icon i,
.top-platform-filter #new-order-catss button.default .noc-icon i,
.top-platform-filter #new-order-catss button.misc .noc-icon i,
.top-platform-filter #new-order-catss button.facebook .noc-icon i,
.top-platform-filter #new-order-catss button.youtube .noc-icon i,
.top-platform-filter #new-order-catss button.twitter .noc-icon i,
.top-platform-filter #new-order-catss button.spotify .noc-icon i,
.top-platform-filter #new-order-catss button.telegram .noc-icon i,
.top-platform-filter #new-order-catss button.linkedin .noc-icon i,
.top-platform-filter #new-order-catss button.discord .noc-icon i,
.top-platform-filter #new-order-catss button.traffic .noc-icon i {
  color: currentColor !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
}

.top-platform-filter #new-order-catss button.instagram .noc-icon i {
  background: none !important;
  color: currentColor !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
}

.top-platform-filter #new-order-catss button.tiktok .noc-icon i {
  color: currentColor !important;
  text-shadow: none !important;
}

.top-platform-filter #new-order-catss button.philippines::before,
#new-order-catss button.philippines::before,
.top-platform-filter #new-order-catss button.philippines::after,
#new-order-catss button.philippines::after {
  display: none !important;
}

.top-platform-filter #new-order-catss button.philippines .noc-label,
#new-order-catss button.philippines .noc-label {
  color: inherit !important;
}

.top-platform-filter,
.top-user-summary {
  background: #ffffff !important;
  border: 1px solid #d8d8d8 !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.08) !important;
}

.top-user-summary .tus-icon {
  color: #ffffff !important;
  background: #000000 !important;
  border-color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16), inset 0 0 0 4px rgba(255,255,255,.18) !important;
  animation: none !important;
}

.top-user-summary .tus-name,
.top-user-summary .tus-value {
  color: #111111 !important;
}

.top-user-summary .tus-welcome,
.top-user-summary .tus-label {
  color: #777777 !important;
}

html.dark .top-platform-filter,
html.dark .top-user-summary,
body.dashboard.nightmode .top-platform-filter,
body.dashboard.nightmode .top-user-summary,
body.nightmode .top-platform-filter,
body.nightmode .top-user-summary {
  background: #0a0a0a !important;
  border-color: #303030 !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
}

html.dark .top-user-summary .tus-name,
html.dark .top-user-summary .tus-value,
body.dashboard.nightmode .top-user-summary .tus-name,
body.dashboard.nightmode .top-user-summary .tus-value,
body.nightmode .top-user-summary .tus-name,
body.nightmode .top-user-summary .tus-value {
  color: #ffffff !important;
}

html.dark .top-user-summary .tus-welcome,
html.dark .top-user-summary .tus-label,
body.dashboard.nightmode .top-user-summary .tus-welcome,
body.dashboard.nightmode .top-user-summary .tus-label,
body.nightmode .top-user-summary .tus-welcome,
body.nightmode .top-user-summary .tus-label {
  color: #a7a7a7 !important;
}

html.dark .top-platform-filter #new-order-catss button,
body.dashboard.nightmode .top-platform-filter #new-order-catss button,
body.nightmode .top-platform-filter #new-order-catss button {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #3a3a3a !important;
}

html.dark .top-platform-filter #new-order-catss button:hover,
body.dashboard.nightmode .top-platform-filter #new-order-catss button:hover,
body.nightmode .top-platform-filter #new-order-catss button:hover {
  background: #1d1d1d !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

html.dark .top-platform-filter #new-order-catss button.active,
body.dashboard.nightmode .top-platform-filter #new-order-catss button.active,
body.nightmode .top-platform-filter #new-order-catss button.active {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
}

/* ---------- Loop order toggle ---------- */
.nwo-switch {
  border-color: #cfcfcf !important;
  background: linear-gradient(135deg,#ffffff 0%,#f3f3f3 55%,#ffffff 100%) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.08) !important;
}

.nwo-switch .nwo-switch__title {
  color: #111111 !important;
}

.nwo-switch .nwo-switch__desc {
  color: #666666 !important;
}

.nwo-switch .nwo-switch__control {
  border-color: #a8a8a8 !important;
  background: #e0e0e0 !important;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.65) !important;
}

.nwo-switch input[type="checkbox"]:checked + .nwo-switch__control {
  background: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 0 0 3px rgba(255,255,255,.20) !important;
}

html.dark .nwo-switch,
body.dashboard.nightmode .nwo-switch,
body.nightmode .nwo-switch {
  background: linear-gradient(135deg,#101010 0%,#161616 55%,#0c0c0c 100%) !important;
  border-color: #333333 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.34) !important;
}

html.dark .nwo-switch .nwo-switch__title,
body.dashboard.nightmode .nwo-switch .nwo-switch__title,
body.nightmode .nwo-switch .nwo-switch__title {
  color: #ffffff !important;
}

/* ---------- Order receipt modal ---------- */
#orderReceiptModal .modal-box,
#orderReceiptModal .m-header,
#orderReceiptModal .m-body {
  background: #ffffff !important;
  color: #111111 !important;
}

.orm-alert {
  border-color: #cfcfcf !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.10) !important;
}

.orm-alert.alert-success,
.orm-alert.alert-danger {
  border-color: #9b9b9b !important;
}

.orm-progress {
  background: #dedede !important;
}

.orm-progress.success > span,
.orm-progress.danger > span {
  background: linear-gradient(90deg,#111111,#777777) !important;
}

/* ---------- User level badge and modal ---------- */
.tus-level-badge {
  border-color: #111111 !important;
  background: #f1f1f1 !important;
  color: #111111 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
}

.tus-level-badge:hover {
  background: #e5e5e5 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
}

.tus-level-badge i {
  color: #111111 !important;
  filter: none !important;
}

.tus-level-box,
.service-speed-guide-box,
.fast-today-services-box,
.zhost-confirm-modal {
  background: linear-gradient(180deg,#ffffff 0%,#f3f3f3 100%) !important;
  border-color: #cfcfcf !important;
  color: #111111 !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

.tus-level-title,
.tus-level-meta-value,
.tus-level-list li,
.tus-level-req-name,
.service-speed-guide-title,
.service-speed-guide-name,
.fast-today-services-title,
.fast-today-card-name,
.zhost-confirm-title,
.zhost-summary-value,
.zhost-terms-confirm span {
  color: #111111 !important;
}

.tus-level-title small,
.tus-level-meta-label,
.tus-level-section-label,
.tus-level-progress-top,
.tus-level-req-value,
.service-speed-guide-desc,
.fast-today-services-subtitle,
.zhost-confirm-subtitle,
.zhost-summary-label,
.zhost-terms-confirm a {
  color: #666666 !important;
}

.tus-level-close,
.service-speed-guide-close,
.fast-today-services-close,
.zhost-confirm-close {
  background: #e7e7e7 !important;
  color: #111111 !important;
}

.tus-level-close:hover,
.service-speed-guide-close:hover,
.fast-today-services-close:hover,
.zhost-confirm-close:hover {
  background: #d8d8d8 !important;
}

.tus-level-meta-item,
.tus-level-progress-wrap,
.tus-level-requirements,
.service-speed-guide-item,
.fast-today-platform-btn,
.fast-today-services-search input,
.fast-today-card,
.fast-today-empty,
.zhost-confirm-summary {
  background: #ffffff !important;
  border-color: #d5d5d5 !important;
  color: #111111 !important;
}

.tus-level-progress-bar {
  background: #dedede !important;
}

.tus-level-progress-fill {
  background: linear-gradient(90deg,#000000 0%,#444444 55%,#8a8a8a 100%) !important;
}

.tus-level-list li::before {
  color: #111111 !important;
}

.tus-level-divider::before,
.tus-level-req-item {
  border-color: #d8d8d8 !important;
}

.tus-level-divider span {
  background: #f3f3f3 !important;
  color: #111111 !important;
}

.tus-level-footer-btn,
.fast-today-select-btn,
.zhost-confirm-submit {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.20) !important;
}

html.dark .tus-level-box,
html.dark .service-speed-guide-box,
html.dark .fast-today-services-box,
html.dark .zhost-confirm-modal,
body.dashboard.nightmode .tus-level-box,
body.dashboard.nightmode .service-speed-guide-box,
body.dashboard.nightmode .fast-today-services-box,
body.dashboard.nightmode .zhost-confirm-modal,
body.nightmode .tus-level-box,
body.nightmode .service-speed-guide-box,
body.nightmode .fast-today-services-box,
body.nightmode .zhost-confirm-modal {
  background: linear-gradient(180deg,#0f0f0f 0%,#080808 100%) !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

html.dark .tus-level-title,
html.dark .tus-level-meta-value,
html.dark .tus-level-list li,
html.dark .tus-level-req-name,
html.dark .service-speed-guide-title,
html.dark .service-speed-guide-name,
html.dark .fast-today-services-title,
html.dark .fast-today-card-name,
html.dark .zhost-confirm-title,
html.dark .zhost-summary-value,
html.dark .zhost-terms-confirm span,
body.dashboard.nightmode .tus-level-title,
body.dashboard.nightmode .tus-level-meta-value,
body.dashboard.nightmode .tus-level-list li,
body.dashboard.nightmode .tus-level-req-name,
body.dashboard.nightmode .service-speed-guide-title,
body.dashboard.nightmode .service-speed-guide-name,
body.dashboard.nightmode .fast-today-services-title,
body.dashboard.nightmode .fast-today-card-name,
body.dashboard.nightmode .zhost-confirm-title,
body.dashboard.nightmode .zhost-summary-value,
body.dashboard.nightmode .zhost-terms-confirm span,
body.nightmode .tus-level-title,
body.nightmode .tus-level-meta-value,
body.nightmode .tus-level-list li,
body.nightmode .tus-level-req-name,
body.nightmode .service-speed-guide-title,
body.nightmode .service-speed-guide-name,
body.nightmode .fast-today-services-title,
body.nightmode .fast-today-card-name,
body.nightmode .zhost-confirm-title,
body.nightmode .zhost-summary-value,
body.nightmode .zhost-terms-confirm span {
  color: #ffffff !important;
}

html.dark .tus-level-meta-item,
html.dark .tus-level-progress-wrap,
html.dark .tus-level-requirements,
html.dark .service-speed-guide-item,
html.dark .fast-today-platform-btn,
html.dark .fast-today-services-search input,
html.dark .fast-today-card,
html.dark .fast-today-empty,
html.dark .zhost-confirm-summary,
body.dashboard.nightmode .tus-level-meta-item,
body.dashboard.nightmode .tus-level-progress-wrap,
body.dashboard.nightmode .tus-level-requirements,
body.dashboard.nightmode .service-speed-guide-item,
body.dashboard.nightmode .fast-today-platform-btn,
body.dashboard.nightmode .fast-today-services-search input,
body.dashboard.nightmode .fast-today-card,
body.dashboard.nightmode .fast-today-empty,
body.dashboard.nightmode .zhost-confirm-summary,
body.nightmode .tus-level-meta-item,
body.nightmode .tus-level-progress-wrap,
body.nightmode .tus-level-requirements,
body.nightmode .service-speed-guide-item,
body.nightmode .fast-today-platform-btn,
body.nightmode .fast-today-services-search input,
body.nightmode .fast-today-card,
body.nightmode .fast-today-empty,
body.nightmode .zhost-confirm-summary {
  background: #141414 !important;
  border-color: #333333 !important;
  color: #efefef !important;
}

html.dark .tus-level-divider span,
body.dashboard.nightmode .tus-level-divider span,
body.nightmode .tus-level-divider span {
  background: #080808 !important;
  color: #ffffff !important;
}

/* ---------- Dashboard typing strip ---------- */
.dashboard-typing-text,
html.dark .dashboard-typing-text,
body.dashboard.nightmode .dashboard-typing-text,
body.nightmode .dashboard-typing-text {
  color: var(--color-5) !important;
  text-shadow: none !important;
}

/* ---------- Service speed guide ---------- */
.service-speed-guide-card {
  border-color: #cfcfcf !important;
  background: linear-gradient(135deg,#ffffff 0%,#f3f3f3 55%,#ffffff 100%) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.08) !important;
}

.service-speed-guide-card:hover,
.service-speed-guide-card:focus {
  border-color: #111111 !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.16) !important;
}

.service-speed-guide-card__icon {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

.service-speed-guide-card__title {
  color: #111111 !important;
}

.service-speed-guide-card__subtitle {
  color: #666666 !important;
}

.service-speed-guide-card__action,
.service-speed-guide-time,
.service-speed-guide-note {
  background: #eeeeee !important;
  border-color: #cfcfcf !important;
  color: #444444 !important;
}

.service-speed-guide-item.fast .service-speed-guide-name i,
.service-speed-guide-item.normal .service-speed-guide-name i,
.service-speed-guide-item.slow .service-speed-guide-name i {
  background: #111111 !important;
}

html.dark .service-speed-guide-card,
body.dashboard.nightmode .service-speed-guide-card,
body.nightmode .service-speed-guide-card {
  background: #111111 !important;
  border-color: #333333 !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
}

html.dark .service-speed-guide-card__title,
body.dashboard.nightmode .service-speed-guide-card__title,
body.nightmode .service-speed-guide-card__title {
  color: #ffffff !important;
}

/* ---------- Fast today services ---------- */
.fast-today-services-btn {
  border-color: #111111 !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
}

.fast-today-services-btn:hover,
.fast-today-services-btn:focus {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
}

.fast-today-platform-btn:hover,
.fast-today-platform-btn.is-active {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 9px 22px rgba(0,0,0,.16) !important;
}

.fast-today-services-search i {
  color: #111111 !important;
}

.fast-today-services-search input:focus {
  border-color: #111111 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.10) !important;
}

.fast-today-status,
.fast-today-chip,
.fast-today-chip.fast {
  background: #eeeeee !important;
  border-color: #cccccc !important;
  color: #444444 !important;
}

/* ---------- Search dropdown ---------- */
#dropdown_for_search.dropdown {
  background: #ffffff !important;
  border-color: #d7d7d7 !important;
}

#dropdown_for_search .dropdown-item {
  color: #111111 !important;
  border-color: #e3e3e3 !important;
}

#dropdown_for_search .dropdown-item:hover {
  background: #eeeeee !important;
}

.dashboard.nightmode #dropdown_for_search.dropdown,
html.dark #dropdown_for_search.dropdown,
body.nightmode #dropdown_for_search.dropdown {
  background: #111111 !important;
  border-color: #333333 !important;
}

.dashboard.nightmode #dropdown_for_search .dropdown-item,
html.dark #dropdown_for_search .dropdown-item,
body.nightmode #dropdown_for_search .dropdown-item {
  color: #ffffff !important;
  border-color: #2d2d2d !important;
}

.dashboard.nightmode #dropdown_for_search .dropdown-item:hover,
html.dark #dropdown_for_search .dropdown-item:hover,
body.nightmode #dropdown_for_search .dropdown-item:hover {
  background: #252525 !important;
}

/* ---------- Order confirmation ---------- */
.zhost-confirm-head,
.zhost-confirm-controls,
.zhost-confirm-footer {
  border-color: #d7d7d7 !important;
}

.zhost-service-warning,
.zhost-service-warning.success,
.zhost-service-warning.danger {
  background: #eeeeee !important;
  border-color: #c8c8c8 !important;
  color: #333333 !important;
}

.zhost-warning-icon {
  background: #ffffff !important;
  color: #111111 !important;
}

.zhost-terms-confirm {
  background: #f1f1f1 !important;
  border-color: #c7c7c7 !important;
}

.zhost-terms-confirm input {
  accent-color: #000000 !important;
}

.zhost-terms-error {
  color: #444444 !important;
}

.zhost-confirm-cancel {
  background: #eeeeee !important;
  color: #111111 !important;
  border-color: #cccccc !important;
}

html.dark .zhost-confirm-cancel,
body.dashboard.nightmode .zhost-confirm-cancel,
body.nightmode .zhost-confirm-cancel {
  background: #1c1c1c !important;
  color: #ffffff !important;
  border-color: #383838 !important;
}

/* ---------- Recent completed services ---------- */
.selected-recent-complete-box,
.selected-recent-complete-row {
  background: #f3f3f3 !important;
  border-color: #d7d7d7 !important;
}

.rc-inline-btn {
  border-color: #ffffff !important;
  background: linear-gradient(135deg,#000000 0%,#333333 54%,#111111 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}

.rc-inline-btn:hover {
  box-shadow: 0 12px 26px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.24) !important;
}

html.dark .selected-recent-complete-box,
html.dark .selected-recent-complete-row,
body.dashboard.nightmode .selected-recent-complete-box,
body.dashboard.nightmode .selected-recent-complete-row,
body.nightmode .selected-recent-complete-box,
body.nightmode .selected-recent-complete-row {
  background: #151515 !important;
  border-color: #303030 !important;
}

/* ---------- Dynamic speed badges ---------- */
.service-speed-badge-fast,
.service-speed-badge-normal,
.service-speed-badge-slow,
.service-speed-badge-unknown,
.service-speed-badge-loading {
  color: #111111 !important;
  background: #eeeeee !important;
  border-color: #c8c8c8 !important;
}

.service-speed-badge-fast { background: #dedede !important; }
.service-speed-badge-normal { background: #ececec !important; }
.service-speed-badge-slow { background: #c9c9c9 !important; }
.service-speed-badge-unknown,
.service-speed-badge-loading { background: #f4f4f4 !important; }

html.dark .service-speed-badge-fast,
html.dark .service-speed-badge-normal,
html.dark .service-speed-badge-slow,
html.dark .service-speed-badge-unknown,
html.dark .service-speed-badge-loading,
body.dashboard.nightmode .service-speed-badge-fast,
body.dashboard.nightmode .service-speed-badge-normal,
body.dashboard.nightmode .service-speed-badge-slow,
body.dashboard.nightmode .service-speed-badge-unknown,
body.dashboard.nightmode .service-speed-badge-loading,
body.nightmode .service-speed-badge-fast,
body.nightmode .service-speed-badge-normal,
body.nightmode .service-speed-badge-slow,
body.nightmode .service-speed-badge-unknown,
body.nightmode .service-speed-badge-loading {
  color: #ffffff !important;
  background: #202020 !important;
  border-color: #444444 !important;
}

/* ---------- Generic cleanup for direct accent colors ---------- */
.primary-color,
.text-purple,
.tus-level-meta-label,
.tus-level-section-label,
.service-speed-guide-desc,
.fast-today-services-subtitle,
.zhost-summary-label,
.zhost-terms-confirm a {
  color: var(--color-5) !important;
}

.badge,
.badge-secondary,
.btn-primary,
.pagination .page-item.active .page-link,
.si-header,
.service-modal-id,
.bs-toast,
.basket-drawer .drawer-header,
.ticket-message-block.ticket-message-right .ticket-msg-container .ticket-msg {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

html.dark .badge,
html.dark .badge-secondary,
html.dark .btn-primary,
html.dark .pagination .page-item.active .page-link,
html.dark .si-header,
html.dark .service-modal-id,
html.dark .bs-toast,
html.dark .basket-drawer .drawer-header,
body.dashboard.nightmode .badge,
body.dashboard.nightmode .badge-secondary,
body.dashboard.nightmode .btn-primary,
body.dashboard.nightmode .pagination .page-item.active .page-link,
body.nightmode .badge,
body.nightmode .badge-secondary,
body.nightmode .btn-primary,
body.nightmode .pagination .page-item.active .page-link {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
}

/* Remove colorful glow/filter effects from this page */
.top-platform-filter #new-order-catss button:hover .noc-icon i,
.top-platform-filter #new-order-catss button.active .noc-icon i,
.tus-level-badge i,
.dashboard-typing-text {
  filter: none !important;
  text-shadow: none !important;
}

/* Keep overlays neutral */
.tus-level-backdrop,
.service-speed-guide-backdrop,
.fast-today-services-backdrop,
.zhost-confirm-overlay {
  background: rgba(0,0,0,.78) !important;
}

/* Accessibility: visible keyboard focus in monochrome */
.nwo-switch .nwo-switch__control:focus-visible,
.tus-level-badge:focus-visible,
.service-speed-guide-card:focus-visible,
.fast-today-services-btn:focus-visible,
.fast-today-platform-btn:focus-visible,
.fast-today-select-btn:focus-visible,
.zhost-confirm-btn:focus-visible,
.rc-inline-btn:focus-visible,
.top-platform-filter #new-order-catss button:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 3px !important;
}