@font-face {
    font-family: "Shabnam FD";
    src: url("../fonts/Shabnam-FD.woff2?v=1.0.53") format("woff2"),
         url("../fonts/Shabnam-FD.ttf?v=1.0.53") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --sj-accent: #38008a;
    --sj-bg: #f4f7fb;
    --sj-text: #1f2937;
    --sj-shadow: 14px 14px 30px rgba(56,65,86,.10), -12px -12px 24px rgba(255,255,255,.92);
    --sj-inset: inset 7px 7px 14px rgba(56,65,86,.08), inset -7px -7px 14px rgba(255,255,255,.90);
}

/* RTL is restored, but icon fonts and English/theme fonts stay untouched. */
html.sj-whmcs-layout-rtl,
html.sj-whmcs-layout-rtl body {
    direction: rtl;
}
html.sj-whmcs-layout-rtl body {
    text-align: right;
}

/* Shabnam only for Persian text spans created by JS. */
.sj-fa-text,
.sj-fa-text *:not(i):not(svg):not(path):not(use):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

/* Never override WHMCS icon classes. */
.fa,.fas,.far,.fal,.fab,.fad,.fa-solid,.fa-regular,.fa-light,.fa-thin,.fa-duotone,.fa-brands,
[class^="fa-"],[class*=" fa-"],
.glyphicon,[class^="glyphicon-"],[class*=" glyphicon-"],
.bi,[class^="bi-"],[class*=" bi-"],
.material-icons,.material-icons-outlined,.material-icons-round,.material-symbols-outlined,.material-symbols-rounded,
svg,path,use,i[aria-hidden="true"] {
    letter-spacing: normal !important;
    text-transform: none !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

/* Admin: keep WHMCS original icon font and only make Persian text readable. */
html.sj-whmcs-area-admin .sj-admin-real-icon,
html.sj-whmcs-area-admin .sj-broken-icon-hidden {
    all: revert !important;
}
html.sj-whmcs-area-admin .sj-admin-real-icon {
    display: none !important;
}
html.sj-whmcs-area-admin #contentarea,
html.sj-whmcs-area-admin .contentarea,
html.sj-whmcs-area-admin .main-content,
html.sj-whmcs-area-admin #sidebar,
html.sj-whmcs-area-admin .sidebar {
    direction: rtl;
    text-align: right;
}
html.sj-whmcs-area-admin table,
html.sj-whmcs-area-admin .table {
    direction: rtl;
}
html.sj-whmcs-area-admin input,
html.sj-whmcs-area-admin textarea,
html.sj-whmcs-area-admin select,
html.sj-whmcs-area-admin code,
html.sj-whmcs-area-admin pre {
    direction: ltr;
    text-align: left;
}

/* Client area light neumorphism, scoped and moderate. */
html.sj-whmcs-area-client.sj-whmcs-neu body {
    background: linear-gradient(180deg, #f7f9fc, #eef3f8) !important;
}
html.sj-whmcs-area-client.sj-whmcs-neu .card,
html.sj-whmcs-area-client.sj-whmcs-neu .panel,
html.sj-whmcs-area-client.sj-whmcs-neu .well,
html.sj-whmcs-area-client.sj-whmcs-neu .tile,
html.sj-whmcs-area-client.sj-whmcs-neu .list-group,
html.sj-whmcs-area-client.sj-whmcs-neu .dataTables_wrapper {
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    background: linear-gradient(145deg, rgba(248,250,253,.96), rgba(236,241,247,.94)) !important;
    box-shadow: var(--sj-shadow) !important;
}
html.sj-whmcs-area-client.sj-whmcs-neu .btn {
    border-radius: 999px !important;
}

/* Invoice single page only, not invoice list. */
body.sj-invoice-page .invoice-container,
body.sj-invoice-page #invoice,
body.sj-invoice-page .viewinvoice {
    max-width: 1140px !important;
    margin: 22px auto !important;
    padding: 22px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    background: linear-gradient(145deg, rgba(248,250,253,.98), rgba(236,241,247,.96)) !important;
    box-shadow: var(--sj-shadow) !important;
    direction: rtl !important;
    text-align: right !important;
}
body.sj-invoice-page table,
body.sj-invoice-page .table {
    border-radius: 18px !important;
    overflow: hidden !important;
}
body.sj-invoice-page .btn:hover {
    transform: translateY(-1px);
}

/* Tehran clock */
.sj-tehran-clock {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 9999;
    width: 270px;
    max-width: calc(100vw - 36px);
    padding: 14px 16px;
    border-radius: 22px;
    background: rgba(248,250,253,.92);
    border: 1px solid rgba(255,255,255,.78);
    box-shadow: var(--sj-shadow);
    backdrop-filter: blur(10px);
    color: var(--sj-text);
    text-align: center;
    direction: rtl;
}
.sj-tehran-clock__time {display:block;font-weight:900;color:var(--sj-accent);font-size:14px;line-height:1.8;}
.sj-tehran-clock__date {display:block;color:#5b6472;font-size:12px;line-height:1.8;}
.sj-tehran-clock__status {display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:7px 10px;border-radius:999px;background:#f4f7fb;box-shadow:var(--sj-inset);font-size:12px;}
.sj-tehran-clock__status-light {width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12);}
.sj-tehran-clock__uptime {display:block;margin-top:7px;color:#7a8495;font-size:11px;line-height:1.7;}

/* Emergency: raw code should not be visible. JS removes it; this is only a safety net for marked nodes. */
.sj-raw-code-removed {display:none !important;}

@media (max-width: 767px) {
    .sj-tehran-clock {left:10px;right:10px;width:auto;bottom:10px;}
    body.sj-invoice-page .invoice-container,
    body.sj-invoice-page #invoice,
    body.sj-invoice-page .viewinvoice {margin:14px 10px !important;padding:14px !important;border-radius:22px !important;}
}


/* v1.0.53 - Shabnam for all visible text except icon glyphs; lightweight client neumorphism */
html.sj-whmcs-root {
    --sj-ease: cubic-bezier(.2,.7,.25,1);
    --sj-neu-bg: #f4f7fb;
    --sj-neu-surface: rgba(247,249,253,.88);
    --sj-neu-surface-2: rgba(238,243,249,.92);
    --sj-neu-line: rgba(255,255,255,.82);
    --sj-neu-shadow: 12px 12px 28px rgba(56,65,86,.10), -10px -10px 24px rgba(255,255,255,.90);
    --sj-neu-shadow-hover: 16px 18px 34px rgba(56,65,86,.13), -12px -12px 28px rgba(255,255,255,.94);
    --sj-neu-inset: inset 6px 6px 12px rgba(56,65,86,.075), inset -6px -6px 12px rgba(255,255,255,.92);
}

/* Text created by JS. This is the only global font override, so icon fonts remain untouched. */
.sj-fa-text {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

/* Text-like fields are not icon glyphs, so they can safely use Shabnam. */
html.sj-whmcs-font-safe input:not([type="checkbox"]):not([type="radio"]),
html.sj-whmcs-font-safe textarea,
html.sj-whmcs-font-safe select,
html.sj-whmcs-font-safe button,
html.sj-whmcs-font-safe .btn,
html.sj-whmcs-font-safe .form-control,
html.sj-whmcs-font-safe .dataTables_filter input,
html.sj-whmcs-font-safe .dataTables_length select {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
}

/* Never define or replace icon font families. Only protect direction/spacing for glyphs. */
html.sj-whmcs-root .fa,
html.sj-whmcs-root .fas,
html.sj-whmcs-root .far,
html.sj-whmcs-root .fal,
html.sj-whmcs-root .fab,
html.sj-whmcs-root .fad,
html.sj-whmcs-root [class^="fa-"],
html.sj-whmcs-root [class*=" fa-"],
html.sj-whmcs-root .glyphicon,
html.sj-whmcs-root [class^="glyphicon-"],
html.sj-whmcs-root [class*=" glyphicon-"],
html.sj-whmcs-root .bi,
html.sj-whmcs-root [class^="bi-"],
html.sj-whmcs-root [class*=" bi-"],
html.sj-whmcs-root .material-icons,
html.sj-whmcs-root .material-icons-outlined,
html.sj-whmcs-root .material-icons-round,
html.sj-whmcs-root .material-symbols-outlined,
html.sj-whmcs-root .material-symbols-rounded,
html.sj-whmcs-root svg,
html.sj-whmcs-root path,
html.sj-whmcs-root use,
html.sj-whmcs-root i[aria-hidden="true"] {
    letter-spacing: normal !important;
    text-transform: none !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

/* Client area only: light, scoped neumorphism. No admin layout changes. */
html.sj-whmcs-area-client.sj-whmcs-neu body {
    background:
        radial-gradient(circle at 10% 8%, rgba(124,58,237,.055), transparent 24%),
        radial-gradient(circle at 90% 14%, rgba(56,0,138,.045), transparent 26%),
        linear-gradient(180deg, #f9fbfd 0%, #eef3f8 100%) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .main-content,
html.sj-whmcs-area-client.sj-whmcs-neu #main-body,
html.sj-whmcs-area-client.sj-whmcs-neu .client-home-panels,
html.sj-whmcs-area-client.sj-whmcs-neu .whmcs-container,
html.sj-whmcs-area-client.sj-whmcs-neu .container,
html.sj-whmcs-area-client.sj-whmcs-neu .container-fluid {
    border-radius: 22px;
}

html.sj-whmcs-area-client.sj-whmcs-neu .card,
html.sj-whmcs-area-client.sj-whmcs-neu .panel,
html.sj-whmcs-area-client.sj-whmcs-neu .panel-default,
html.sj-whmcs-area-client.sj-whmcs-neu .well,
html.sj-whmcs-area-client.sj-whmcs-neu .tile,
html.sj-whmcs-area-client.sj-whmcs-neu .list-group,
html.sj-whmcs-area-client.sj-whmcs-neu .dataTables_wrapper,
html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .panel,
html.sj-whmcs-area-client.sj-whmcs-neu .client-home-panels .panel {
    border-radius: 22px !important;
    border: 1px solid var(--sj-neu-line) !important;
    background: linear-gradient(145deg, var(--sj-neu-surface), var(--sj-neu-surface-2)) !important;
    box-shadow: var(--sj-neu-shadow) !important;
    transition: transform .22s var(--sj-ease), box-shadow .22s var(--sj-ease), border-color .22s var(--sj-ease), background .22s var(--sj-ease) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .card:hover,
html.sj-whmcs-area-client.sj-whmcs-neu .panel:hover,
html.sj-whmcs-area-client.sj-whmcs-neu .well:hover,
html.sj-whmcs-area-client.sj-whmcs-neu .tile:hover,
html.sj-whmcs-area-client.sj-whmcs-neu .list-group:hover,
html.sj-whmcs-area-client.sj-whmcs-neu .client-home-panels .panel:hover {
    transform: translateY(-2px);
    box-shadow: var(--sj-neu-shadow-hover) !important;
    border-color: rgba(255,255,255,.95) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .panel-heading,
html.sj-whmcs-area-client.sj-whmcs-neu .card-header,
html.sj-whmcs-area-client.sj-whmcs-neu .modal-header,
html.sj-whmcs-area-client.sj-whmcs-neu .list-group-item:first-child {
    border-radius: 18px !important;
    border: 0 !important;
    background: rgba(238,243,249,.72) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .list-group-item {
    border-color: rgba(65,74,92,.07) !important;
    background: rgba(255,255,255,.38) !important;
    transition: background .18s var(--sj-ease), transform .18s var(--sj-ease) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .list-group-item:hover {
    background: rgba(124,58,237,.06) !important;
    transform: translateX(-2px);
}

html.sj-whmcs-area-client.sj-whmcs-neu .btn,
html.sj-whmcs-area-client.sj-whmcs-neu button,
html.sj-whmcs-area-client.sj-whmcs-neu input[type="submit"] {
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    box-shadow: 8px 8px 18px rgba(56,65,86,.10), -7px -7px 16px rgba(255,255,255,.88) !important;
    transition: transform .18s var(--sj-ease), box-shadow .18s var(--sj-ease), filter .18s var(--sj-ease) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .btn:hover,
html.sj-whmcs-area-client.sj-whmcs-neu button:hover,
html.sj-whmcs-area-client.sj-whmcs-neu input[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 10px 12px 22px rgba(56,65,86,.13), -8px -8px 18px rgba(255,255,255,.92) !important;
    filter: saturate(1.03);
}

html.sj-whmcs-area-client.sj-whmcs-neu .btn:active,
html.sj-whmcs-area-client.sj-whmcs-neu button:active,
html.sj-whmcs-area-client.sj-whmcs-neu input[type="submit"]:active {
    transform: translateY(0) scale(.99);
    box-shadow: var(--sj-neu-inset) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu input.form-control,
html.sj-whmcs-area-client.sj-whmcs-neu textarea.form-control,
html.sj-whmcs-area-client.sj-whmcs-neu select.form-control,
html.sj-whmcs-area-client.sj-whmcs-neu .form-control {
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    background: rgba(244,247,251,.86) !important;
    box-shadow: var(--sj-neu-inset) !important;
    transition: box-shadow .18s var(--sj-ease), border-color .18s var(--sj-ease), background .18s var(--sj-ease) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu input.form-control:focus,
html.sj-whmcs-area-client.sj-whmcs-neu textarea.form-control:focus,
html.sj-whmcs-area-client.sj-whmcs-neu select.form-control:focus,
html.sj-whmcs-area-client.sj-whmcs-neu .form-control:focus {
    border-color: rgba(56,0,138,.28) !important;
    background: rgba(255,255,255,.82) !important;
    box-shadow: inset 5px 5px 10px rgba(56,65,86,.06), inset -5px -5px 10px rgba(255,255,255,.9), 0 0 0 4px rgba(56,0,138,.055) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu table,
html.sj-whmcs-area-client.sj-whmcs-neu .table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: rgba(251,252,255,.76) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .table > thead > tr > th,
html.sj-whmcs-area-client.sj-whmcs-neu table thead th {
    background: linear-gradient(135deg, rgba(56,0,138,.095), rgba(124,58,237,.065)) !important;
    color: #2d174a !important;
    font-weight: 800 !important;
    border-color: rgba(56,0,138,.08) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .table > tbody > tr > td,
html.sj-whmcs-area-client.sj-whmcs-neu table tbody td {
    border-color: rgba(65,74,92,.065) !important;
    transition: background .18s var(--sj-ease) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .table > tbody > tr:hover > td,
html.sj-whmcs-area-client.sj-whmcs-neu table tbody tr:hover td {
    background: rgba(124,58,237,.045) !important;
}

/* Tiles and dashboard counters stay balanced. */
html.sj-whmcs-area-client.sj-whmcs-neu .tiles .tile,
html.sj-whmcs-area-client.sj-whmcs-neu a.tile,
html.sj-whmcs-area-client.sj-whmcs-neu div.tile {
    overflow: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
    html.sj-whmcs-root *,
    html.sj-whmcs-root *::before,
    html.sj-whmcs-root *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (max-width: 767px) {
    html.sj-whmcs-area-client.sj-whmcs-neu .card,
    html.sj-whmcs-area-client.sj-whmcs-neu .panel,
    html.sj-whmcs-area-client.sj-whmcs-neu .well,
    html.sj-whmcs-area-client.sj-whmcs-neu .tile {
        border-radius: 18px !important;
        transform: none !important;
    }
    html.sj-whmcs-area-client.sj-whmcs-neu .card:hover,
    html.sj-whmcs-area-client.sj-whmcs-neu .panel:hover,
    html.sj-whmcs-area-client.sj-whmcs-neu .well:hover,
    html.sj-whmcs-area-client.sj-whmcs-neu .tile:hover {
        transform: none !important;
    }
}


/* v1.0.53 - WHMCS client dashboard tile icon/count separation
   Do not change icon fonts. Only move tile layout layers so icons no longer sit on numbers. */
html.sj-whmcs-area-client .tiles .tile,
html.sj-whmcs-area-client .tile,
html.sj-whmcs-area-client a.tile,
html.sj-whmcs-area-client div.tile,
html.sj-whmcs-area-client .client-home-panels .tile,
html.sj-whmcs-area-client .home-kpis .tile,
html.sj-whmcs-area-client .stat-tile,
html.sj-whmcs-area-client .dashboard-tile {
    position: relative !important;
    min-height: 118px !important;
    padding: 16px 14px 14px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
}

/* Many WHMCS templates put the tile content inside a first <a>. Keep it stacked too. */
html.sj-whmcs-area-client .tiles .tile > a,
html.sj-whmcs-area-client .tile > a,
html.sj-whmcs-area-client a.tile {
    position: relative !important;
    min-height: 88px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Real WHMCS icons stay untouched; we only place them behind the count/title as a pale background. */
html.sj-whmcs-area-client .tiles .tile :is(.icon,.tile-icon,.stat-icon,i.fa,i.fas,i.far,i.fal,i.fab,i.fad,i.glyphicon,i.bi,svg):first-child,
html.sj-whmcs-area-client .tile :is(.icon,.tile-icon,.stat-icon,i.fa,i.fas,i.far,i.fal,i.fab,i.fad,i.glyphicon,i.bi,svg):first-child,
html.sj-whmcs-area-client .stat-tile :is(.icon,.tile-icon,.stat-icon,i.fa,i.fas,i.far,i.fal,i.fab,i.fad,i.glyphicon,i.bi,svg):first-child,
html.sj-whmcs-area-client .dashboard-tile :is(.icon,.tile-icon,.stat-icon,i.fa,i.fas,i.far,i.fal,i.fab,i.fad,i.glyphicon,i.bi,svg):first-child {
    position: absolute !important;
    top: 16px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 0 !important;
    opacity: .22 !important;
    pointer-events: none !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* If the theme wraps the <i> in .icon, position the wrapper and keep its inner icon natural. */
html.sj-whmcs-area-client .tiles .tile .icon,
html.sj-whmcs-area-client .tile .icon,
html.sj-whmcs-area-client .stat-tile .icon,
html.sj-whmcs-area-client .dashboard-tile .icon,
html.sj-whmcs-area-client .tiles .tile .tile-icon,
html.sj-whmcs-area-client .tile .tile-icon,
html.sj-whmcs-area-client .tiles .tile .stat-icon,
html.sj-whmcs-area-client .tile .stat-icon {
    position: absolute !important;
    top: 16px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 0 !important;
    opacity: .22 !important;
    pointer-events: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Number/stat always sits below the background icon. */
html.sj-whmcs-area-client .tiles .tile :is(.stat,.count,.number,.tile-stat,.value,.amount,.total),
html.sj-whmcs-area-client .tile :is(.stat,.count,.number,.tile-stat,.value,.amount,.total),
html.sj-whmcs-area-client .stat-tile :is(.stat,.count,.number,.tile-stat,.value,.amount,.total),
html.sj-whmcs-area-client .dashboard-tile :is(.stat,.count,.number,.tile-stat,.value,.amount,.total) {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    margin: 46px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 24px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    color: #263248 !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    background: transparent !important;
    white-space: nowrap !important;
}

/* Titles stay under the count; no collision. */
html.sj-whmcs-area-client .tiles .tile :is(.title,.caption,.description,.tile-title,.tile-text,small),
html.sj-whmcs-area-client .tile :is(.title,.caption,.description,.tile-title,.tile-text,small),
html.sj-whmcs-area-client .stat-tile :is(.title,.caption,.description,.tile-title,.tile-text,small),
html.sj-whmcs-area-client .dashboard-tile :is(.title,.caption,.description,.tile-title,.tile-text,small) {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 2px 0 0 !important;
    line-height: 1.7 !important;
    color: #5c6677 !important;
    background: transparent !important;
}

/* Common WHMCS six/twenty-one tile layout: direct children sometimes have no semantic classes. */
html.sj-whmcs-area-client .tiles .tile > a > span:not(.fa):not(.glyphicon):not(.bi):not([class^="fa-"]):not([class*=" fa-"]),
html.sj-whmcs-area-client .tile > a > span:not(.fa):not(.glyphicon):not(.bi):not([class^="fa-"]):not([class*=" fa-"]) {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
}

/* Keep any progress/bottom border anchored at the bottom. */
html.sj-whmcs-area-client .tiles .tile :is(.highlight,.tile-highlight,.progress,.bar),
html.sj-whmcs-area-client .tile :is(.highlight,.tile-highlight,.progress,.bar) {
    position: absolute !important;
    bottom: 10px !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 2 !important;
}

/* Mobile spacing */
@media (max-width: 767px) {
    html.sj-whmcs-area-client .tiles .tile,
    html.sj-whmcs-area-client .tile,
    html.sj-whmcs-area-client a.tile,
    html.sj-whmcs-area-client div.tile {
        min-height: 126px !important;
        padding: 18px 12px 16px !important;
    }

    html.sj-whmcs-area-client .tiles .tile :is(.stat,.count,.number,.tile-stat,.value,.amount,.total),
    html.sj-whmcs-area-client .tile :is(.stat,.count,.number,.tile-stat,.value,.amount,.total) {
        margin-top: 50px !important;
        font-size: 21px !important;
    }
}


/* v1.0.53 - Shabnam on invoice page, without touching icons */
body.sj-invoice-page,
body.sj-invoice-page :is(
    p,a,span,div,small,strong,b,em,label,legend,
    h1,h2,h3,h4,h5,h6,
    table,thead,tbody,tfoot,tr,td,th,
    button,input,textarea,select,option,
    .btn,.form-control,.dropdown-menu,.breadcrumb,
    .panel,.panel-heading,.panel-body,.card,.card-header,.card-body,
    .list-group,.list-group-item,.alert,.badge,.label,
    .invoice-container,.viewinvoice,#invoice,.invoice-summary,.invoice-status,.invoice-pay-to,.invoice-totals
):not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.glyphicon):not(.bi):not([class^="fa-"]):not([class*=" fa-"]):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-symbols-outlined):not(.material-symbols-rounded):not([class^="icon-"]):not([class*=" icon-"]) {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

body.sj-invoice-page .invoice-container,
body.sj-invoice-page #invoice,
body.sj-invoice-page .viewinvoice,
body.sj-invoice-page .invoice-summary,
body.sj-invoice-page .invoice-status,
body.sj-invoice-page .invoice-pay-to,
body.sj-invoice-page .invoice-totals {
    direction: rtl !important;
    text-align: right !important;
}

body.sj-invoice-page table,
body.sj-invoice-page .table,
body.sj-invoice-page table td,
body.sj-invoice-page table th {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
}

body.sj-invoice-page .fa,
body.sj-invoice-page .fas,
body.sj-invoice-page .far,
body.sj-invoice-page .fal,
body.sj-invoice-page .fab,
body.sj-invoice-page .fad,
body.sj-invoice-page .glyphicon,
body.sj-invoice-page .bi,
body.sj-invoice-page [class^="fa-"],
body.sj-invoice-page [class*=" fa-"],
body.sj-invoice-page [class^="glyphicon-"],
body.sj-invoice-page [class*=" glyphicon-"],
body.sj-invoice-page [class^="bi-"],
body.sj-invoice-page [class*=" bi-"],
body.sj-invoice-page svg,
body.sj-invoice-page path,
body.sj-invoice-page use {
    letter-spacing: normal !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}


/* v1.0.53 - admin-safe, invoice/email/PDF focused release */
/* Admin assets are no longer loaded by hooks, but these resets protect older cached CSS. */
html.sj-whmcs-area-admin body,
html.sj-whmcs-area-admin body *:not(.sj-tehran-clock):not(.sj-tehran-clock *) {
    font-size: revert;
    letter-spacing: revert;
}
html.sj-whmcs-area-admin .sj-fa-text { display: contents; }

/* Online single invoice page: force Shabnam on invoice text only, never on icon glyphs. */
body.sj-invoice-page,
body.sj-invoice-page :is(
    p,a,span,div,small,strong,b,em,label,legend,
    h1,h2,h3,h4,h5,h6,
    table,thead,tbody,tfoot,tr,td,th,
    button,input,textarea,select,option,
    .btn,.form-control,.invoice-container,#invoice,.viewinvoice,.invoice-summary,.invoice-status,.invoice-pay-to,.panel,.card,.well
):not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-symbols-outlined):not(.material-symbols-rounded):not([class^="icon-"]):not([class*=" icon-"]) {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
}

/* Client area general font, no DOM wrapping and no icon override. */
html.sj-whmcs-area-client.sj-whmcs-font-safe body,
html.sj-whmcs-area-client.sj-whmcs-font-safe input:not([type="checkbox"]):not([type="radio"]),
html.sj-whmcs-area-client.sj-whmcs-font-safe textarea,
html.sj-whmcs-area-client.sj-whmcs-font-safe select,
html.sj-whmcs-area-client.sj-whmcs-font-safe button,
html.sj-whmcs-area-client.sj-whmcs-font-safe .btn,
html.sj-whmcs-area-client.sj-whmcs-font-safe .form-control {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
}

/* Never modify the actual icon font family. */
html.sj-whmcs-root :is(i,svg,path,use,.fa,.fas,.far,.fal,.fab,.fad,.fa-solid,.fa-regular,.fa-light,.fa-thin,.fa-duotone,.fa-brands,[class^="fa-"],[class*=" fa-"],.glyphicon,[class^="glyphicon-"],[class*=" glyphicon-"],.bi,[class^="bi-"],[class*=" bi-"],.material-icons,.material-icons-outlined,.material-icons-round,.material-symbols-outlined,.material-symbols-rounded,[class^="icon-"],[class*=" icon-"]) {
    letter-spacing: normal !important;
    text-transform: none !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}


/* v1.0.53 - focused invoice font + uptime + footer socials */
.sj-tehran-clock,
.sj-tehran-clock *,
.sj-tehran-clock__time,
.sj-tehran-clock__date,
.sj-tehran-clock__status,
.sj-tehran-clock__uptime {
    font-family: "Shabnam FD","Shabnam",Tahoma,Arial,sans-serif !important;
    letter-spacing: 0 !important;
}

/* Single invoice page font. Icons are excluded. */
body.sj-invoice-page,
body.sj-invoice-page :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded) {
    font-family: "Shabnam FD","Shabnam",Tahoma,Arial,sans-serif !important;
    letter-spacing: 0 !important;
}

body.sj-invoice-page .invoice-container,
body.sj-invoice-page #invoice,
body.sj-invoice-page .viewinvoice,
body.sj-invoice-page .invoice-summary,
body.sj-invoice-page .invoice-status,
body.sj-invoice-page .invoice-pay-to {
    direction: rtl !important;
    text-align: right !important;
}

/* Social icons in client footer - inline SVG, no icon font. */
.sj-footer-socials {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 10px auto 4px !important;
    direction: ltr !important;
}
.sj-footer-socials__link {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.16), inset 1px 1px 0 rgba(255,255,255,.10) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.sj-footer-socials__link:hover {
    transform: translateY(-2px) !important;
    background: rgba(255,255,255,.20) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.20), inset 1px 1px 0 rgba(255,255,255,.14) !important;
}
.sj-footer-socials__link svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    color: #fff !important;
}


/* v1.0.53 - final font reliability layer */
html.sj-whmcs-area-client body,
html.sj-whmcs-area-client input,
html.sj-whmcs-area-client textarea,
html.sj-whmcs-area-client select,
html.sj-whmcs-area-client button,
html.sj-whmcs-area-client .btn,
html.sj-whmcs-area-client .form-control,
html.sj-whmcs-area-client table,
html.sj-whmcs-area-client td,
html.sj-whmcs-area-client th {
    font-family: "Shabnam FD","Shabnam",Tahoma,Arial,sans-serif !important;
    letter-spacing: 0 !important;
}

html.sj-whmcs-area-admin .sj-fa-text {
    font-family: "Shabnam FD","Shabnam",Tahoma,Arial,sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

/* Invoice online page must always use Shabnam, including viewinvoice.php?id=... */
html.sj-invoice-html body,
body.sj-invoice-page,
html.sj-invoice-html body :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded),
body.sj-invoice-page :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded) {
    font-family: "Shabnam FD","Shabnam",Tahoma,Arial,sans-serif !important;
    letter-spacing: 0 !important;
}

body.sj-invoice-page .invoice-container,
body.sj-invoice-page #invoice,
body.sj-invoice-page .viewinvoice,
body.sj-invoice-page .invoice-summary,
body.sj-invoice-page .invoice-status,
body.sj-invoice-page .invoice-pay-to {
    direction: rtl !important;
    text-align: right !important;
}

/* Uptime clock font */
.sj-tehran-clock,
.sj-tehran-clock * {
    font-family: "Shabnam FD","Shabnam",Tahoma,Arial,sans-serif !important;
    letter-spacing: 0 !important;
}

/* Absolute: do not replace icon font family. */
html.sj-whmcs-root :is(i,svg,path,use,.fa,.fas,.far,.fal,.fab,.fad,.fa-solid,.fa-regular,.fa-light,.fa-brands,[class^="fa-"],[class*=" fa-"],.glyphicon,[class^="glyphicon-"],[class*=" glyphicon-"],.bi,[class^="bi-"],[class*=" bi-"],.material-icons,.material-icons-outlined,.material-symbols-outlined,.material-symbols-rounded) {
    letter-spacing: normal !important;
    text-transform: none !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}


/* v1.0.53 - dedicated viewinvoice fallback font layer */
html.sj-invoice-html body,
body.sj-invoice-page,
html.sj-invoice-html body :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-light):not(.fa-thin):not(.fa-duotone):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-symbols-outlined):not(.material-symbols-rounded):not(svg *),
body.sj-invoice-page :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-light):not(.fa-thin):not(.fa-duotone):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-symbols-outlined):not(.material-symbols-rounded):not(svg *),
.invoice-container,
.invoice-container :not(i):not(svg):not(path):not(use):not(.fa):not(.glyphicon):not(.bi):not([class^="fa-"]):not([class*=" fa-"]):not([class^="glyphicon-"]):not([class*=" glyphicon-"]),
#invoice,
#invoice :not(i):not(svg):not(path):not(use):not(.fa):not(.glyphicon):not(.bi):not([class^="fa-"]):not([class*=" fa-"]):not([class^="glyphicon-"]):not([class*=" glyphicon-"]),
.viewinvoice,
.viewinvoice :not(i):not(svg):not(path):not(use):not(.fa):not(.glyphicon):not(.bi):not([class^="fa-"]):not([class*=" fa-"]):not([class^="glyphicon-"]):not([class*=" glyphicon-"]) {
    font-family: "Shabnam FD","Shabnam",Tahoma,Arial,sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
}

/* v1.0.53 - rollback: all viewinvoice/card CSS patches removed to protect payment gateway forms. */

/* v1.0.53 - invoice row/card font only fallback */
html.sj-invoice-html .row,
html.sj-invoice-html .card,
body.sj-invoice-page .row,
body.sj-invoice-page .card,
.invoice-container .row,
.invoice-container .card,
#invoice .row,
#invoice .card,
.viewinvoice .row,
.viewinvoice .card {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
}

html.sj-invoice-html .row :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded),
html.sj-invoice-html .card :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded),
body.sj-invoice-page .row :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded),
body.sj-invoice-page .card :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded),
.invoice-container .row :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded),
.invoice-container .card :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded) {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
}



/* v1.0.53 - Iranian social icons in footer */
.sj-footer-socials__eitaa svg,
.sj-footer-socials__bale svg {
    width: 19px !important;
    height: 19px !important;
}

/* v1.0.53 - viewinvoice payment font only */
html.sj-invoice-html body,
body.sj-invoice-page,
body.sj-invoice-page .invoice-container,
body.sj-invoice-page #invoice,
body.sj-invoice-page .viewinvoice,
body.sj-invoice-page .row,
body.sj-invoice-page .card,
body.sj-invoice-page .panel,
body.sj-invoice-page .well,
body.sj-invoice-page form,
body.sj-invoice-page input,
body.sj-invoice-page textarea,
body.sj-invoice-page select,
body.sj-invoice-page button,
body.sj-invoice-page .btn,
body.sj-invoice-page .form-control,
body.sj-invoice-page table,
body.sj-invoice-page td,
body.sj-invoice-page th,
body.sj-invoice-page .shC-gateway,
body.sj-invoice-page .shcC-gateway,
body.sj-invoice-page [class*="cardtocard"],
body.sj-invoice-page [id*="cardtocard"],
body.sj-invoice-page [class*="shC-"],
body.sj-invoice-page [class*="shcC-"] {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
}

body.sj-invoice-page .invoice-container :not(i):not(svg):not(path):not(use):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-light):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded),
body.sj-invoice-page .shC-gateway :not(i):not(svg):not(path):not(use),
body.sj-invoice-page .shcC-gateway :not(i):not(svg):not(path):not(use),
body.sj-invoice-page [class*="cardtocard"] :not(i):not(svg):not(path):not(use),
body.sj-invoice-page [id*="cardtocard"] :not(i):not(svg):not(path):not(use),
body.sj-invoice-page [class*="shC-"] :not(i):not(svg):not(path):not(use),
body.sj-invoice-page [class*="shcC-"] :not(i):not(svg):not(path):not(use) {
    font-family: "Shabnam FD", "Shabnam", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
}

.sj-footer-socials__eitaa svg,
.sj-footer-socials__bale svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
}



/* v1.0.59 notification sidebar fix and improvement */
html.sj-whmcs-area-client.sj-whmcs-neu .sidebar,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar {
    overflow: visible !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .panel,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .panel,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .panel,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .panel,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .panel,
html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .card,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .card,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .card,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .card,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .card {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .panel-heading,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .panel-heading,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .panel-heading,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .panel-heading,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .panel-heading,
html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .card-header,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .card-header,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .card-header,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .card-header,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    white-space: normal !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .panel-title,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .panel-title,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .panel-title,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .panel-title,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .panel-title,
html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .card-title,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .card-title,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .card-title,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .card-title,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .card-title {
    margin: 0 !important;
    font-weight: 800 !important;
    color: #2b1350 !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .panel-body,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .panel-body,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .panel-body,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .panel-body,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .panel-body,
html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .card-body,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .card-body,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .card-body,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .card-body,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .card-body {
    padding: 14px 16px !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .list-group,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .list-group,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .list-group,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .list-group,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .list-group {
    padding: 8px !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .list-group-item,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .list-group-item,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .list-group-item,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .list-group-item,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .list-group-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 12px 14px !important;
    line-height: 1.9 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.58) !important;
    box-shadow: 6px 6px 14px rgba(56,65,86,.07), -6px -6px 14px rgba(255,255,255,.88) !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .list-group-item:last-child,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .list-group-item:last-child,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .list-group-item:last-child,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .list-group-item:last-child,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .list-group-item:last-child {
    margin-bottom: 0 !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .badge,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .badge,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .badge,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .badge,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .badge {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    margin-inline-start: 8px !important;
    vertical-align: middle !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar [class*="alert"],
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar [class*="alert"],
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar [class*="alert"],
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar [class*="alert"],
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar [class*="alert"] {
    margin: 0 !important;
    border-radius: 16px !important;
}

html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .panel .text-left,
html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .panel .text-left,
html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .panel .text-left,
html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .panel .text-left,
html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .panel .text-left {
    text-align: right !important;
}

@media (max-width: 991px) {
    html.sj-whmcs-area-client.sj-whmcs-neu .sidebar,
    html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar,
    html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar,
    html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar,
    html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar {
        margin-top: 16px !important;
    }
    html.sj-whmcs-area-client.sj-whmcs-neu .sidebar .panel,
    html.sj-whmcs-area-client.sj-whmcs-neu .secondary-sidebar .panel,
    html.sj-whmcs-area-client.sj-whmcs-neu .primary-sidebar .panel,
    html.sj-whmcs-area-client.sj-whmcs-neu .left-sidebar .panel,
    html.sj-whmcs-area-client.sj-whmcs-neu .right-sidebar .panel {
        margin-bottom: 16px !important;
    }
}

/* v1.0.59 - uptime card shadow/glow sits behind the card */
.sj-tehran-clock {
    overflow: visible !important;
    isolation: isolate !important;
    box-shadow: 0 18px 42px rgba(56,0,138,.16), 0 10px 28px rgba(15,23,42,.10) !important;
}

.sj-tehran-clock::before {
    content: "";
    position: absolute;
    inset: -10px -12px -16px -12px;
    z-index: -1;
    border-radius: 28px;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 50% 78%, rgba(56,0,138,.30), transparent 62%),
        radial-gradient(ellipse at 50% 35%, rgba(255,255,255,.65), transparent 58%);
    filter: blur(18px);
    opacity: .55;
    transform: translateY(8px) scale(.96);
}

.sj-tehran-clock::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: 12px 16px 32px rgba(56,65,86,.10), -10px -10px 22px rgba(255,255,255,.82);
}

.sj-tehran-clock__status {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .sj-tehran-clock::before {
        transition: opacity .18s ease, transform .18s ease;
    }
}
/* v1.0.59 - Jalali datepicker for WHMCS date fields */
.sj-jalali-date-input{font-family:"Shabnam FD","Shabnam",Tahoma,Arial,sans-serif!important;direction:ltr!important;text-align:left!important}
.sj-jalali-datepicker{position:absolute;z-index:2147483000;display:none;width:326px;padding:12px;direction:rtl;text-align:center;font-family:"Shabnam FD","Shabnam",Tahoma,Arial,sans-serif;color:#2a164a;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:linear-gradient(145deg,#fbf8ff,#efe8fb);box-shadow:18px 18px 40px rgba(56,0,138,.15),-12px -12px 28px rgba(255,255,255,.96)}
.sj-jdp-head{display:grid;grid-template-columns:42px 1fr 96px 42px;gap:8px;align-items:center;margin-bottom:10px}
.sj-jdp-head button,.sj-jdp-actions button,.sj-jdp-head select{height:38px;border:0;border-radius:12px;color:#38008a;background:linear-gradient(145deg,#fff,#f3ecfc);box-shadow:6px 6px 14px rgba(56,0,138,.08),-6px -6px 14px rgba(255,255,255,.92);font-family:inherit;font-weight:800;outline:none}
.sj-jdp-head select{padding:0 8px}
.sj-jdp-week,.sj-jdp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.sj-jdp-week span{padding:6px 0;color:#7a679b;font-size:12px;font-weight:800}
.sj-jdp-day{min-height:34px;border:0;border-radius:12px;background:rgba(255,255,255,.58);color:#2d1c45;font-family:inherit;font-weight:700;box-shadow:inset 1px 1px 3px rgba(255,255,255,.85),4px 4px 10px rgba(56,0,138,.045);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.sj-jdp-day:not(.sj-jdp-empty):hover{transform:translateY(-1px);color:#fff;background:linear-gradient(135deg,#38008a,#6e23d6);box-shadow:8px 8px 18px rgba(56,0,138,.16)}
.sj-jdp-empty{pointer-events:none;opacity:0}
.sj-jdp-day.is-today{box-shadow:inset 0 0 0 2px rgba(56,0,138,.28),4px 4px 10px rgba(56,0,138,.06)}
.sj-jdp-day.is-selected{color:#fff;background:linear-gradient(135deg,#38008a,#7a2ff0)}
.sj-jdp-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
.sj-jdp-actions button{flex:1}
.sj-hide-gregorian-datepicker{display:none!important;visibility:hidden!important;opacity:0!important}