/* FAEDAH JAYA SALES NOTIFICATION: scoped polish only.
   Intentionally contains no promo selectors; approved Promo Popup remains unchanged. */
#fjsp-root .fjsp-sale-card{
  border:1px solid rgba(117,197,232,.23);
  background:radial-gradient(ellipse 190px 130px at 100% 0%,rgba(59,200,230,.15),transparent 72%),
             radial-gradient(ellipse 170px 125px at 95% 100%,rgba(38,192,182,.095),transparent 76%),
             linear-gradient(128deg,#0a2037 0%,#102c49 66%,#123650 100%);
  overflow:hidden;
}
/* Replace the old blue vertical stripe with subtle clipped decorative rings. */
#fjsp-root .fjsp-sale-card::before,#fjsp-root .fjsp-sale-card::after{
  content:"";position:absolute;pointer-events:none;z-index:0;
  background:none;filter:none;
}
#fjsp-root .fjsp-sale-card::before{
  inset:auto;right:-59px;top:-67px;width:163px;height:163px;border-radius:50%;
  border:1px solid rgba(102,218,242,.2);
  background:radial-gradient(circle,rgba(45,198,226,.07),transparent 72%);
  box-shadow:0 0 0 20px rgba(53,156,217,.022),0 0 0 42px rgba(53,156,217,.012);
}
#fjsp-root .fjsp-sale-card::after{
  right:-17px;bottom:-82px;width:145px;height:145px;
  border:1px solid rgba(91,224,218,.2);border-radius:33px;
  transform:rotate(30deg);
  box-shadow:0 0 0 18px rgba(50,194,218,.022);
}
#fjsp-root .fjsp-sale-card > .fjsp-sale-icon,
#fjsp-root .fjsp-sale-card > .fjsp-sale-content{position:relative;z-index:1}
/* Do not change the existing close button's absolute layout. */
#fjsp-root .fjsp-sale-card > .fjsp-sale-close{position:absolute;z-index:3;top:10px;right:10px}
#fjsp-root .fjsp-sale-customer,
#fjsp-root .fjsp-sale-city,
#fjsp-root .fjsp-sale-date{
  display:flex;align-items:center;gap:8px;line-height:1.5;overflow-wrap:anywhere;
}
#fjsp-root .fjsp-sale-customer{margin-top:9px;font-size:13px;font-weight:700;color:#b6cadb}
#fjsp-root .fjsp-sale-city{margin-top:4px;font-size:11px;color:#b6cadb}
#fjsp-root .fjsp-sale-date{margin-top:7px;font-size:10.5px;color:#9bb7cc}
#fjsp-root .fjsp-sale-meta-icon{
  flex:0 0 14px;width:14px;height:14px;min-width:14px;display:inline-block;
  line-height:1;background-position:center;background-repeat:no-repeat;background-size:12px 12px;
}
/* Local SVG equivalents keep the requested FA-style icons aligned even
   when a particular WHMCS page does not load Font Awesome 5. */
#fjsp-root .fjsp-sale-meta-icon::before{content:none!important}
#fjsp-root .fjsp-sale-meta-icon.fa-user{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236bc9d9%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Z%22%2F%3E%3Cpath%20d%3D%22M4.5%2020v-1c0-3.4%203.1-5.5%207.5-5.5s7.5%202.1%207.5%205.5v1Z%22%2F%3E%3C%2Fsvg%3E")}
#fjsp-root .fjsp-sale-meta-icon.fa-map-marker-alt{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236bc9d9%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2010c0%205-7%2011-7%2011S5%2015%205%2010a7%207%200%201%201%2014%200Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.3%22%2F%3E%3C%2Fsvg%3E")}
#fjsp-root .fjsp-sale-meta-icon.fa-clock{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236bc9d9%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%206.5V12l3.8%202.3%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:720px){
  #fjsp-root .fjsp-sale-card > .fjsp-sale-close{top:8px;right:8px}
  #fjsp-root .fjsp-sale-card::before{right:-79px;top:-87px;opacity:.78}
  #fjsp-root .fjsp-sale-card::after{right:-43px;bottom:-95px;opacity:.78}
}

/* F02: admin-selected Sales accent; no changes to Promo Popup selectors. */
#fjsp-root .fjsp-sale-icon{
  color:var(--fjsp-sales-accent,#18b7bd);
  box-shadow:inset 0 0 0 1px var(--fjsp-sales-accent,#18b7bd),0 4px 18px rgba(19,135,161,.08);
}
#fjsp-root .fjsp-sale-kicker{color:var(--fjsp-sales-accent,#18b7bd)}